body {
  font-family: Arial, sans-serif;
  font-size: 8.5pt;
}

p {
  margin: 0;
  margin-bottom: 6px;
}

table {
  margin: 0;
  padding: 0;
}


td,th {
  color: #333;
  font-size: 8.5pt;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}


img {
  border: 0;
}

select {
  border: 0;
  margin: 0;
  padding: 0;
  border: 1px solid #aaa;
}

/*
 * Layout
 */

/* Fill the viewport. */
html,
body {
  margin: 0;
  padding: 0;
}

body {
  min-height: 100%;
  height: 100%;
  position: relative;
}

html,
.selections,
.container { height: 100%; }
.selections { width: 100%; }

/* Main body */
.body {
  height: 100%;
}
@media screen and (max-width: 767px) {
  .body {
    width: 100%;
  }
}

/* Betslip goes on the right */
.bets {
  position: relative;
}
@media screen and (min-width: 768px) {
  .bets-hidden {
     display: block;
     min-width: 210px;
     padding: 0 5px;
   }
}
@media screen and (max-width: 767px) {
  .bets-modal {
    margin: 0 auto;
    max-width: 320px;
    height: 100%;
    overflow: auto;
    padding: 0 0.5rem;
  }
  .bets-hidden {
    display: none;
    border-radius: 0;
    height: calc(100% - 3.5rem);
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    margin: 0 !important;
    padding: 2.5rem 0 1rem;
  }
}
.modal a.close-modal {
  top: 12.5px !important;
  right: -4.5px !important;
  background: url('../images/delete-button.gif') no-repeat 0 0 !important;
}

/* Selections uses table auto layout. */

/* Scrollable area */
.selections .main .content,
.selections .main .matter {
  width: 100%;
  height: 100%;
}
.selections .main .matter { position: relative; }
.selections .main .selnbody {
  /*overflow-y: auto;*/
  /*  min-width: 375px;*/
}
@media screen and (min-width: 768px) {
  .selections .main .selnbody {
    /*overflow: auto;*/
  }
}

/* The main panes */
div.tote {
  font-size: 16px;
  font-weight: bold;
  padding: 6px;
  float: left;
}

div.meeting-pool {
  padding: 0 6px 6px;
  clear: both;
  font-weight: bold;
}
div.meeting-pool select {
  min-width: 10em;
  width: 120px;
}
div.meeting-pool > div {
  margin-top: 0.25rem;
  display: inline-block;
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  div.meeting-pool select {
    font-size: 14px;
  }
  div.meeting-pool > div {
    margin-right: 5px;
  }
}

div.nav {
  background: #EFEFEF;
}
div.nav-title {
  clear: both;
}

/* Pool header */
@media screen and (max-width: 767px) {
  .pool.main {
    overflow-y: unset !important;
  }
}
.pool.main {
  overflow-y: auto;
}
div.pool_title {
  margin-top: 0.25ex;
}

div.pool_title,
div.pool-options,
div.pool-footer { background: #D6E5E6; }

div.pool-description-text {
  margin-right: 1.5em;
}

div.pool_title img.totelogo {
  margin: 1ex 0.5em;
  vertical-align: middle;
}

div.pool_title span.track { font-weight: bold; }

div.pool_title img.totelogo,
div.pool_title span.track { margin-right: 0.5em; }

div.pool-options {
  display: flex;
  justify-content: space-between;
  vertical-align: center;
  padding: 6px;
  /*margin: 3px 6px 0;*/
}

div.pool-options a .icon {
  margin-right: 0.25em;
  border: none;
  vertical-align: middle;
}

div.pool-options a {
  color: #0163B0;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  margin-left: 1.5em;
}

div.pool-options a:hover { text-decoration: underline; }

div.rules-regs {
  font-weight: normal;
  float: right;
  padding: 6px;
}

div.rules-regs a {
  margin-left: 2em;
}

div.pool-infos {
  text-align: right;
}
div.pool-info {
  display: inline-block;
  margin: 0.5ex 6px;
  text-align: right;
  white-space: nowrap;
}

tr.pool-info div.pool-info {
  margin: 0;
  text-align: left;
  white-space: normal;
}

div.pool-info span.pool_ccy_symbol,
div.pool-info span.pool_value { font-weight: bold; }

td.matched span.amount,
tr.pool-info span.amount { white-space: nowrap; }

div.end-strut {
  font-size: 1px;
  line-height: 1px;
  clear: both;
}

div.usage div.text {
  padding: 1ex 1em;
}
div.usage div.prompt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
div.usage div.prompt a {
  margin: 0 6px;
}

div.usage div.text a.button {
  display: block;
  float: right;
  text-decoration: none;
}

div.usage div.text a.button img {
  vertical-align: middle;
}

div.usage {
  border-bottom: 1px solid #CCCCCC;
}

div.seln_footer {
  padding: 1ex 1em;
  overflow: hidden;
}

div.seln_footer div.important-info h3,
div.seln_footer div.key h3,
div.seln_footer div.coupled-info h3,
div.seln_footer div.non-runners h3 {
  font: inherit;
  font-size: 100%; /* IE7 bugfix */
  font-weight: bold;
  margin: 0.5rem 0 0.5ex;
}

div.seln_footer div.important-info p {
  margin: 0 0.5em;
  max-width: 400px;
}

div.seln_footer div.key ul,
div.seln_footer div.coupled-info ul,
div.seln_footer div.non-runners ul {
  padding-left: 1em;
  margin: 0;
}

div.seln_footer div.key ul li,
div.seln_footer div.coupled-info ul li,
div.seln_footer div.non-runners ul li {
  list-style-type: none;
}
/* These are used for both the header and the footer */

div.seln_footer input.stake {
  border: 1px solid #ccc;
  height: 18px;
  width: 110px;
  text-align: right;
  padding-right: 5px;
}

input.add_bet {
  font-size: 8pt;
  float: right;
  width: auto;
  overflow: visible;
  margin: 0;
  margin-top: 3px;
  padding: 0;
}

a.help {
  float: right;
}

a.floating-help {
  float: right;
  margin-top: -15px;
  margin-right: 260px;
}

div#icon-left {
  margin-right: 0px;
  margin-left: 0px;
  float: right;
}

div.countdown-left {
  margin-right: 0px;
  margin-left: 0px;
  float: right;
}

#countdown {
  margin-left: 1.5em;
}

#countdown .label {
  font-weight: bold;
}

#countdown span.value {
  color: red;
  font-weight: bold;
}

/* The main pool table */
div.selnbody table tr.legs th {
  background-color: white;
}

select.change_leg {
  margin: 0.5ex 0.5em;
  font-size: 8pt;
}
@media screen and (max-width: 567px) {
  select.change_leg {
    /*font-size: 14px;*/
  }
}

div.selnbody table tr.legs div.race_info {
  font-size: 10pt;
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  padding-left: 10px;
  background-color: #d8e2e9;
}

span.race_info span.track-name { font-weight: bold; }
span.race_info span.meeting-date { font-weight: bold; }
span.race_info span.race-number { font-weight: bold; }

th.race_info {
  font-weight: normal;
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  border-top: 1px solid #ccc;
}

th.race_info span.condition {
  margin-left: 1em;
}

th.race_info img,
th.race_info div.ie7-bugfix {
  display: block;
  float: right;
  text-align: right;
}

th.race_info input#refresh_prices {
  font-size: 100%;
  margin: 1ex 0 1em 1ex;
}

th.race_info div.show-lay input#show-lay {
  vertical-align: middle;
}
@media screen and (max-width: 567px) {
  th.race_info {
    padding-left: 0.5em;
    padding-right: 0.5em;
    min-width: 145px;
    max-width: 145px;
  }
  th.race_info input#refresh_prices {
    margin: 6px 0;
    width: 100%;
  }
  th.race_info div.ie7-bugfix {
    width: 100%;
  }
  #countdown {
    margin-left: 0;
    display: block;
    min-width: 140px;
  }
}

div.selnbody table th.header,
div.selnbody table th.empty_header,
div.selnbody table tr.legs th.leg_header,
div.selnbody table tr.legs th.price_header {
  border-top: 1px solid #ccc;
}
div.selnbody table tr.legs th.leg_header {
  position: relative;
}

th.empty_header {
  border-bottom: 0;
}

div.selnbody table tr.legs th.leg_header {
  cursor: pointer;
}

div.selnbody table tr th.pool_type {
  height: auto;
}

div.selnbody table tr th.pool_type div.pool_type {
  white-space: nowrap;
  font-weight: bold;
}
@media screen and (max-width: 567px) {
  div.selnbody table tr th.pool_type div.pool_type {
    white-space: unset;
  }
}

div.selnbody table tr th.race_info,
div.selnbody table tr th.pool_type {
  background: #EFEFEF;
}

div.selnbody table tr.legs th.selected  {
  background: #fff;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

div.selnbody table tr.legs th.not_selected  {
  background: #e4ebf1;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 567px) {
  table.has-legs td.selected,
  table.has-legs th.selected  {
    min-width: 80px;
  }
  table.has-legs td.not_selected,
  table.has-legs th.not_selected  {
    display: none;
  }
}

div.selnbody table tr.legs th.leg_header div.title {
  margin-bottom: 0.25ex;
}

div.selnbody table tr.legs th.leg_header div.fav,
div.selnbody table tr.legs th.leg_header div.field {
  display: flex;
  font-size: smaller;
  font-weight: normal;
  text-decoration: none;
  padding: 5px 3px 0px 30%;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (min-width: 568px) {
  div.selnbody table tr.legs th.leg_header div.fav,
  div.selnbody table tr.legs th.leg_header div.field {
    padding-left: 3px;
  }
}
div.selnbody table tr.legs th.leg_header div.field {
  padding-bottom: 6px;
}

div.selnbody table tr.legs th.leg_header div.fav input,
div.selnbody table tr.legs th.leg_header div.field input {
  margin: 0.1em;
  vertical-align: middle;
}

div.selnbody table tr.legs th.leg_header div.fav label,
div.selnbody table tr.legs th.leg_header div.field label {
  white-space: nowrap;
}

div.selnbody table tr th.win_price_header {
  border: 1px solid #ccc;
  border-bottom: none;
}


div.selnbody table tr th.scrollspace {
  background: none;
  width: 10px;
  border: 0;
}

div.selnbody table tr th.scrollspace div {
  width: 10px;
}

/* Selections body */

div.leg_highlight {
  display: none;
  position: absolute;
  height: 100%;
  background: #d8e2e9;
  z-index: -2;
  margin: 0;
  padding: 0;
}

div.selnbody table {
  margin-top: 1px; /* FF bug #280207 */
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  width: 99.99999%; /* Safari rounding issue */
  /*min-width: 375px;*/
}

tr.selns td.scratched {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

th.runner.number {
  position: relative;
  text-align: left;
  vertical-align: middle;
  padding: 0 0.75em 0 30px;
  width: 22px;
}
th.runner.number div.runner.number {
  white-space: nowrap;
  text-align: center;
  /*padding: 0.5em 0 0.5em 0;*/
}
th.runner.number .stall {
  cursor: default;
  color: grey;
}
th.runner.details {
  padding: 2px 0.75em;
  height: 5.25ex; /* Automatic table layout means this is a minimum. */
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  th.runner.details {
    padding: 0 2px 0 0.5em;
    vertical-align: middle;
  }
  th.runner.number {
    padding-right: 4px;
  }
}

th.runner.silk {
  width: 32px;
}
th.runner.silk.empty {
  width: 0;
}
th.silk {
  text-align: center;
  vertical-align: middle;
  padding: 0;
}
th.silk img {
  padding: 0.1em 0;
  max-width: 30px;
}

th.runner.details div.runner.details {
  position: relative;
  overflow: visible;
}

th.runner.details .runner {
  cursor: default;
  font-weight: bold;
}

div.extended-info {
  display: flex;
  color: black;
  line-height: 1.4;
  padding: 3px 10px 3px 33px;
  flex-wrap: wrap;
  transition: height 0.3s;
}
div.extended-info div {
  margin-right: 1em;
}
div.extended-info span.label {
  font-weight: bold;
}
th.runner.details .extended-info {
  display: none;
}

/*th.runner.details .extended-info {*/
/*  display: none;*/
/*  z-index: 2;*/
/*  position: absolute;*/
/*  left: 6em;*/
/*  top: 100%;*/
/*  margin: 0.5ex 0.5em;*/
/*  padding: 0.5ex 0.5em;*/
/*  min-width: 10em;*/
/*  color: black;*/
/*  background: white;*/
/*  border: 1px solid lightgray;*/
/*  border-radius: 0.5em;*/
/*  border-top-left-radius: 0;*/
/*  box-shadow: 3px 3px 13px 0px #b8b8b8;*/
/*  font-weight: normal;*/
/*}*/

/*th.runner.details .runner:hover + .extended-info {*/
/*  display: block;*/
/*}*/

/* Safari hover & sibling work-around */
th.runner.details .runner + .extended-info *:hover {}

span.non-runner {
  text-decoration: line-through;
}
@media screen and (max-width: 767px) {
  th.runner.details span.name { padding-right: 2px; }
}

td.seln {
  text-align: center;
}

td.seln, td.price, th.header,
th.leg_header, th.price_header {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0;
  vertical-align: middle;
}



td.seln div.title,
td.price div.title,
th.header div.title,
th.leg_header div.title,
th.price_header div.title { margin: 0.5ex 0.25em 0.75ex 0.25em; }

@media screen and (max-width: 567px) {
  table.has-legs th.leg_header div.title {
    padding: 5px 25px;
    margin: 0;
    box-sizing: border-box;
    position: absolute;
    top: 4px;
    width: 100%;
  }
}
/*
 * Table column sizing.
 * Automatic table layout means cell widths are minimums.
 */

/* 4em is wide enough for most labels. */
th.seln,
th.price,
th.header.back,
th.header.lay { width: 4em; }

/* 5.5em works better for single-leg pools. */
div.selnbody.pool-type-EX th.seln,
div.selnbody.pool-type-TR th.seln,
div.selnbody.pool-type-TI th.seln,
div.selnbody.pool-type-SW th.seln,
div.selnbody.pool-type-QN th.seln { width: 5.5em; }

/* Large multi-leg pools fit better with narrower columns. */
div.selnbody.pool-type-PP th.seln,
div.selnbody.pool-type-P6 th.seln,
div.selnbody.pool-type-P7 th.seln { width: 3em; }

/* Exactly 6.4em wraps nicely in most fonts/OSes/browsers. */
th.price_header { width: 6.4em; }

td.seln, td.seln input {
  cursor: pointer;
}

td.scratched {
  text-align: center;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

td.price {
  text-align: center;
}

td.price div.button {
  margin: 0.2em;
  border: 1px solid #666666;
}

td.price div.button a,
td.price div.button div.checkbox {
  display: block;
  margin: 0;
  border-width: 1px;
  border-style: outset;
  padding: 0.5ex 0.25em;
  min-height: 2.25ex;
  color: inherit;
  text-decoration: none;
}

td.price.back div.button a {
  border-color: #C8D0E5;
  background-color: #C8D0E5;
}
td.price.lay div.button a {
  border-color: #E4B8D7;
  background-color: #E4B8D7;
}

td.price.combo div.button div.checkbox {
  border-color: #EEEEEE;
  background-color: #EEEEEE;
}

td.combo.price div.button div.checkbox.checked {
  border-style: inset;
  border-color: #CCCCCC;
  background-color: #CCCCCC;
}

tr.selns td.selected {
  border: 1px solid #d2d2d2;
}

tr.selns td.not_selected {
  border: 1px solid #d2d2d2;
  background: #f0f4f7;
  background-color: rgba(79, 127, 146, 0.075);
}


tr.selns td.seln.non-runner {
  background: #DDDDDD;
  font-weight: bold;
}

div.selections div.sub_footer {
  position: relative;
}

div.selections div.sub_footer div {
  padding-top: 5px;
  background-color: #d8e2e9;
  border: 1px solid #ccc;
  color: #333;
}

div.selections div.sub_footer div p {
  margin-left: 5px;
}


div.selections div.sub_footer div.right {
  float: right;
}

div.selections div.sub_footer div input.add_bet {
  position: absolute;
  right: 0;
  bottom: 0;
}

div.selections div.footer {
  clear: both;
  margin-top: 2px;
  padding: 5px;
  background-color: #d8e2e9;
  border: 1px solid #ccc;
  color: #333;
}

tr.book-value td.back,
tr.book-value td.lay {
  text-align: center;
}

td.matched {
  text-align: left;
}

div.pool-footer {
  padding: 1ex 1em;
  vertical-align: middle;
  text-align: right;
}

div.left_footer {
  float: left;
}

.left_footer img,
.left_footer input {
  vertical-align: middle;
  margin-left: 2em;
}
@media screen and (max-width:767px) {
  div.left_footer {
    margin: 0 0.75em 0.5em 0;
  }
  .left_footer img {
    margin-left: 0;
  }
}

/* Betslip and receipt */

a.other-feed {
  display: block;
  margin: 0 0.5em 0.5ex 0.5em;
}
a.other-feed img {
  width: 100%;
}

/* div.bets>div Unsupported by IE6 */
div.bets a.other-feed,
div.bets div.header_betslip,
div.bets div.header_receipt,
div.bets div.betslip_body,
div.bets div.bet_rcpt_body,
div.bets div.footer,
div.bets div#upsell_links {
  margin-left: 0.25em;
  margin-right: 0.25em;
}

div.bets div.header_betslip { border: solid 1px #989898; }
div.bets div.header_betslip h1 {
  margin: 0;
  padding: 0.5ex 0.25em 0.25ex 0.25em;
  vertical-align: middle;
}

div.bets div.betslip_body {
  overflow: auto;
}

div.bets div.betslip_body_inner div.bet {
  margin-bottom: 1ex;
  border: solid 1px #808080
}

div.bets div.bet_rcpt_body {
  overflow: auto;
  display: none;
}

div.bets div.bet_rcpt_item {
  border: solid 1px #989898;
}

div.bets tr.bet_header {
  color: #ccc;
  background: #eee;
}

div.bets tbody.bet_body td,
div.bets div.bet_rcpt_body td {
  border-color: #666;
  border-width: 1px;
  border-style: solid none solid solid;
}

div.bets tbody.bet_body span.number { font-weight: bold; }

div.bets div.footer {
  position: relative;
  margin-top: 1ex;
  border: 1px solid #ccc;
  padding: 1ex 1em;
  font-weight: bold;
}

div.bets div.footer input,
div.bets div.footer button {
  font-size: 100%;
  cursor: pointer;
}

div.bets div.footer div.betslip_buttons {
  margin-top: 1ex;
  text-align: right;
}

div.bets div.footer a#betslip_print {
  display: block;
  float: left;
  text-decoration: none;
}

div.bets div.footer a#betslip_print span {
  text-decoration: underline;
}

div.bets div.footer a#betslip_print img {
  vertical-align: middle;
}

div.bets div#upsell_links a {
  display: block;
  border: solid 1px #ccc;
  padding: 1ex 1em;
  font-weight: bold;
  color: black;
  text-decoration: none;
}

div.bets div#upsell_links a:hover {
  text-decoration: underline;
}

div.bets div.footer div.betslip_buttons button {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}

div.bets div.footer div.betslip_buttons button span {
  display: block;
  min-width: 4em;
  text-align: center;
}

div.bets input.place_bet, div.bets input.rcpt_ok  {
  position: absolute;
  right: 5px;
  top: 36px;
}


/* Betslip styling */

div.bets h1 {
  font-size: 11pt;
}

div.bets h1 img {
  float: right;
  margin-top: -2px;
}

div.bets h2 {
  font-size: 11pt;
  padding-left: 5px;
  margin: 0;
}

div.bets h2 img.totelogo {
  margin: 0.5ex 0.5em 0.5ex 0;
}

div.bets h2 a.delete {
  margin: 3px;
  float: right;
}

div.bets h3 {
  font-size: 8pt;
  color: white;
  background: #84a5bf;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0;
}

div.bets table {
  border-collapse: collapse;
  width: 100%;
  border-style: none;
}

div.bets table th {
  background-color: #efefef;
  border: 0;
  padding: 3px;
}

div.bets table td {
  text-align: center;
  padding: 3px;
}

div.bets table td div {
  overflow: auto;
}

div.bets table tr.stake td {
  border: 0;
  padding-left: 10px;
  background-color: #e5e5e5;
  text-align: left;
}

div.bets table tr.stake td input {
  border: 1px solid #ccc;
  text-align: right;
  padding-right: 5px;
  width: 5em;
}

div.bets div.betslip_container {
  position: relative;
}

div.bets span.tot_stake,
div.bets span.amount,
div.bets span.total_stake,
div.bets span.total_stake_ccy,
div.bets span.pool_ccy_symbol,
span.bold {
  font-weight: bold;
}

/* Bet receipt */

div.bets div.bet_rcpt_body h3#pool_name.spinner {
  background: #99b5cd url('../images/ajax_spinner.gif') no-repeat 90% 50%;
}

div.bets div.bet_rcpt_body h3.img {
  text-align: right;
}

div.bets h3.status.ready { display: none; }

div.bets h3.status.pending {
  background: yellow;
  color:      black;
}

div.bets h3.status.failed,
div.bets h3.status.cancelled {
  background: red;
  color: white;
}

div.bets h3.status.placed {
  background: green;
  color: white;
}


/* Transparent 'cover' for market pane while placing bets  */

div.selnform {
  position: relative;
  overflow-x: auto;
}
div.seln-inner {
  position: relative;
}
.scroll-indicator {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: -1;
  top: 80px;
}
.scroll-left,
.scroll-right {
  width: 70px;
}
.scroll-left img,
.scroll-right img {
  opacity: 0.1;
  height: 90%;
  max-height: 150px;
}
@media screen and (min-width: 768px) {
  .scroll-indicator {
    display: none;
  }
}

div.selections div.pool_shroud {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #99b5cd;
  opacity: 0.60;
  text-align: center;
  z-index: 10;
}
div.bets div.betslip_shroud h1 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 30px;
  padding: 5px;
  color: white;
  background: black;
}
div.bets div.betslip_shroud img {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  div.selections div.pool_shroud {
    opacity: 1 !important;
    bottom: unset !important;
    background-color: transparent !important;
  }
  div.placing_bets,
  div.loading-pool,
  div.getting-uuid {
    background-color: #99b5cd;
    padding-top: 120px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.60;
    text-align: center;
    z-index: 10;
  }
}
div.selections div.pool_shroud .spinner {
  width: 50px;
  opacity: 0.75;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

/* Tooltip stuf */

#tooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid #111;
  background-color: #eee;
  padding: 5px;
  opacity: 0.85;
}

#tooltip h3, #tooltip div { font-size: 10pt; margin: 0; }

/* Barred page */

div.barred_ip {
  margin: 10ex 16px;
}
div.barred_ip-content {
  margin: 0 auto;
  border: 1px solid #718bc0;
  padding: 2ex 1em;
  background-color: #f4f8ff;
  max-width: 50em;
}

/* Markets closed page */

div.pools_closed {
  margin: 4rem 1rem;
  border: 1px solid #718bc0;
  padding: 2ex 1em;
  max-width: 50em;
  background-color: #f4f8ff;
  text-align: center;
}

/* TC and Links foooter */

div.tc_footer {
  border-top: 1px solid #CCCCCC;
  padding-top: 1ex;
}

div.tc_footer.tasitote {
  color: #666666;
  text-align: center;
}

div.tc_footer .brand {
  font-weight: bold;
}

div.tc_footer_left a {
  text-decoration: none
}

div.tc_footer_left {
  padding-top: 3px;
  text-align: left;
  color:#666666;
}

div.tc_footer_left img {
  border: 0;
}

div.tc_footer_right a {
  text-decoration: none
}

div.tc_footer_right {
  float: right;
}

div.tc_footer_sub_left {
  float: left;
}

.license {
  font-weight: bold;
}

/* These copied from  http://content-cache.betfair.com/include/Global-css.css */
a.GlobalGreyLink { color:#999999; text-decoration:underline; }
a.GlobalGreyGhostLink { color:#666666; text-decoration:none;}
.GlobalGreyText { color:#666666; }


.hidden { display: none !important; }
.invisible { visibility: hidden; }

/*
 * FF2 has width/overflow issues with a table inside an overflow: auto
 * div.
 */
.selnform { padding-right: 1px; }

#mobile-header-placeholder {

}
/* SSC Styles */
#mobile-header-placeholder,
#ssc-header-placeholder {
  width: 100%;
  margin-bottom: 2px;
}
#ssc-hw {
  background: #ffb80c;
}

/* SSC Footer is hidden by default for Pools page */
#ssc-footer-placeholder {
  display: none;
}

#ssc-ht td {
  border: none;
}

.ssc-wl td {
  border: none;
}

/* This wrapper is required to add the SSC header under the div.body which has absolute positioning */
div.main-content {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}


/* Switch element, an elegant replacement for checkboxes */
.switch-holder {
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .fav .switch-holder,
  .fields .switch-holder {
    display: block;
  }
}
.switch {
  position: absolute;
  left: -9999px;
  z-index: -1;
  opacity: 0;
}
.switch-label {
  display: block;
  padding: 2px 2px 2px 0px;
  cursor: pointer;
}
.switch-pin {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.switch-pin:before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  /*margin-right: 0.5em;*/
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 80% 80%;
}
.switch:not(:disabled):not(:checked)+span:hover::before {
  border-color: #b3d7ff;
}
.switch:not(:disabled):active+span::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.switch:focus+span::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.switch:focus:not(:checked)+span::before {
  border-color: #80bdff;
}
.switch:checked+span::before {
  border-color: #0b76ef;
  background-color: #0b76ef;
  background-image: url('../images/checkmark.svg');
}
.switch:disabled+span::before {
  background-color: #e9ecef;
}

/* SSC footer overrides */
@media screen and (max-width:567px) {
  .ssc-container .mod-footer .ssc-fw {
    min-width: auto !important;
    padding: 1rem 0 0 !important;
  }
  a.ssc-gamblingCanBeAddictive {
    word-break: break-all;
  }
  .ssc-fl {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

#betslip-modal, .jquery-modal.blocker {
  animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

.view-switch {
  display: none;
  padding: 5px 0;
}
.view-switch-icon {
  height: 16px;
}
.view-switch-icon-mobile {
  display: none;
}
.view-switch:hover {
  opacity: 0.7;
}

/* Leg Switch */
.leg-switch { display: none; }
table.has-legs .leg-switch {
  display: flex;
  margin-bottom: 6px;
  position: relative;
  z-index: 2;
}
.leg-switch-prev, .leg-switch-next {
  border: none;
  font-size: 22px;
  font-weight: bold;
  width: 28px;
  height: 30px;
}
.leg-switch-label {
  padding: 5px 3px 0;
  min-width: 36px;
}
@media screen and (min-width: 568px) {
  table.has-legs .leg-switch { display: none; }
}

.collapse {
  position: absolute;
  left: 6px;
  top: calc(50% - 8px);
  width: 20px;
}
.collapse-arrow,
.collapse-arrow.open {
  width: 8px;
  margin-left: 5px;
  opacity: 0.7;
  transition: transform 0.3s linear;
}
.collapse-arrow {
  transform: rotate(90deg);
}
.collapse-arrow.open {
  transform: rotate(-90deg);
}
tr.expander {
  display: none;
  background-color: ghostwhite;
  border-right: 1px solid #CCCCCC;
}