/* misc */
.left { float: left; }
.right { float: right; }
.clear, .row, .row-gray, .row-gray .row-wrapper { clear: both; }
.clear:before, .clear:after, .row:before, .row:after, .row-gray:before, .row-gray:after, .row-gray .row-wrapper:before, .row-gray .row-wrapper:after {content: "";display: table;}
.clear:after,.row:after, .row-gray:after, .row-gray .row-wrapper:after {clear: both;}
.tright { text-align: right!important; }
.tleft { text-align: left!important; }
.tcenter { text-align: center!important; }
.hidden {display: none!important;}
.ml5 { margin-left: 5px; }
.mn {margin: 0!important;}
.mbn { margin-bottom: 0!important; }
.mtn { margin-top: 0!important; }
.mt30 { margin-top: 30px; }
.bn {border: none!important;}
.bb { border-bottom: solid 1px #666!important; }
.bt { border-top: solid 1px #666!important; }
.br { border-right: solid 1px #666; }
.bbn { border-bottom: none!important; }
.btn { border-top: none!important; }
.p5 { padding: 4px; }
.pb { padding-bottom: 10px; }
.pr { padding-right: 10px; }
.pln {padding-left: 0!important;}
.prn {padding-right: 0!important;}
.mt4 {margin-top: 4px;}
.ml4 {margin-left: 4px;}
.mr4 {margin-right: 4px;}
.pr4 { padding-right: 4px!important; }
.pl4 { padding-left: 4px!important; }
.pbn {padding-bottom: 0;}
.fs11 {font-size: 11px;}
.back { text-align: right; color: #ccc; font-size: 12px; }
.back a { color: #FFCC66; }
.back a:hover { color: #fff; text-decoration: underline;}
td.space { background: #000!important; border: none!important; padding: 0!important; }
td.space span { border-top: solid 1px #666; border-bottom: solid 1px #666; display: block; margin: 10px 0 6px; height: 1px; line-height: 1px; }
iframe {border: 0; overflow:hidden;}
.sm {font-size: 11px!important}
.the-gap {height: 60px;}
.bh th {background: #333!important; color: #aaa!important;}
.ln36 {line-height: 36px;}
.scored {font-weight: bold; color: #fff;}

.control-button { display: inline-block; width: 18px; height: 14px; cursor: pointer; background-repeat: no-repeat; }
.control-button.sound { background-position: 0 -581px; }
.control-button.sound:hover { background-position: 0 -599px; }
.control-button.sound-mute { background-position: 0 -636px; }
.control-button.sound-mute:hover { background-position: 0 -617px; }
/*content */
.content { float: left; padding: 0 4px 4px; width: 524px; }

.cal {background: #cfcfcf;}
.cal a, .tab a {float: left; width: 70px; text-align: center; line-height: 17px; background: #cfcfcf; border-right: solid 1px #666; cursor: pointer; }
.cal a.last {border-right: none;}
.tab a {width: 129px;}
.tab a.first {width: 132px;}
.cal a.selected, .tab a.selected, .cal a.selected:hover, .tab a.selected:hover {background: #666!important; color: #cfcfcf!important; cursor: default;}
.cal a:hover, .tab a:hover {background: #FEF3BE; color: #000;}
.cal a.today  {width: 82px;}
.cal-wrap {border: solid 1px #666;margin-top: 4px; margin-bottom: 4px; padding: 7px;}
.cal-wrap .cal-long a {width: 125px;}
.cal-wrap .cal-long.cal-cup a {width: 101px;}
.cal-wrap .cal-long a.last {border-right: none; width: 130px}
.cal-wrap .cal-long.cal-cup a.last {width: 100px;}
.cal-wrap.cal-wrap2 .cal-long a {width: 253px;}
.cal-wrap.cal-wrap3 .cal-long a:first-child {width: 169px;}
.cal-wrap.cal-wrap3 .cal-long a {width: 168px;}

.tab {border-left: solid 1px #666; border-top: 0; border-bottom: 0; margin:0; background: #444}

.tab2 { text-align: justify;height: 15px;font-weight: bold;padding: 4px; font-size: 11px; background: #333; border-top: solid 1px #666; border-bottom: solid 1px #666; margin: 4px 0;color: #ccc;}
.tab2 a {color: #666; cursor: pointer;}
.tab2 a:hover, .tab2 .dash {color: #ccc;}
.tab2 div {display: inline-block;}
.tab2:after { content: ''; width: 100%; display: inline-block;}
.tab2 .gap {width: 50px;}
.tab2 .dash:last-child {text-align: right;}
.tab2-orange .dash {color: #666;}
.tab2-orange a {color: #fc6;}
.tab2-orange a:hover {color: #fff;}


.more-info { text-align: justify;height: 15px;background: #cfcfcf; padding: 4px 8px; border-top: solid 1px #aaa; color: #000;}
.more-info div {display: inline-block;}
.more-info a {color: #00f;}
.more-info a:hover {text-decoration: underline;}
.more-info:after { content: ''; width: 100%; display: inline-block;}

.more-menu {font-weight: bold; color: #000; background: #dfdfdf;border-bottom: solid 1px #666; height: 13px;}
.more-menu .disabled {color: #ccc;}

.league-wc, .league-cricket { color: #000; border-collapse: collapse; width: 100%; margin-top: 4px; background: #dfdfdf;}
.league-wc th a, .league-cricket .league a {color: #ccc;text-decoration: underline;}
.league-wc th a:hover, .league-cricket .league a:hover {color: #fff;}


/* footer */
.footer { background: #111; padding: 0 4px; line-height: 20px; height: 20px; }

th .league, th .date { display: block; height: 18px; line-height: 18px; }
th .league { margin-left: 4px; float: left; }
th .date { margin-right: 4px; font-size: 11px; float: right; }

tr.menu th { color: #666; text-align: center; font-weight: bold; font-size: 11px; }
tr.menu th a:hover { color: #fff; text-decoration: none; }

/****** end base css ******/


/* lists */
.row { padding: 0 4px; background: #333; color: #aaa; line-height: 18px;}
.row-tall {padding: 2px 4px; color: #aaa; font-size: 12px;border-top: solid 1px #666;border-bottom: solid 1px #666;}
.row-tall a {color: #ccc; text-decoration: underline;}
.row-tall a:hover {color: #fff;}
.row .title {color: #aaa;}
.row-gray {color: #000; border-bottom: solid 1px #666; padding: 0 4px; line-height: 18px;}
.row-gray {background: #dfdfdf;}
.row-gray .row-wrapper {padding: 0 4px;}
.row-gray.no-padding, .row-gray .row-wrapper.no-padding {padding: 0;}
.row-gray.even, .row-group.group-gray.even {background: #cfcfcf;}

.row-gray .sco, .row-tall .sco {width: 50px;text-align: center; float: left;}
.row-gray .sco sup {position: inherit}
.row-gray .sco span {display: inline-block;width: 19px;text-align: right; position: relative;}
.row-gray .sco span.last {text-align: left;}
.row-gray .min {width: 45px;float: left; }
.row-gray .ply, .row-tall .ply {width: 31%;width: calc(50% - 26px); float: left;}
.row-gray .ply.tright {width: 31%;width: calc(50% - 69px); float: left;}
.row-gray .ply span, .row-tall .ply span, .row-gray .inc, .row-gray .ply.name {display: inline-block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; margin-top: 2px; margin-bottom: -2px;}
.row-gray .ply .name, .row-tall .ply .name { width: 100%;}
.row-gray .info { width: 40%; width: calc(50% - 25px);float: left; text-align: right;}
.row-gray a, .row-gray a:hover {color: #00f;}
.row-gray a:hover {text-decoration: underline;}

.row-tall .min {width: 50px;float: left; }
.row-tall .ply {width: calc(50% - 35px);}
.row-tall .ply.tright {width: 31%;width: calc(50% - 75px); float: left;}

.row-gray .sco2 {width: 150px; float: left}
.row-gray .sco3 {width: 205px; float: left}
.row-gray .hoc-ply, .row-gray .bas-ply, .row-gray .ten-ply {width: 57%; width: calc(100% - 195px); float: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.row-gray .bas-ply {width: 45%; width: calc(100% - 250px);}
.row-gray .ten-ply {width: 53%; width: calc(100% - 215px);}
.row-gray .ten-ball {width: 20px; float: left;}

.ticker {margin-top: 4px; background-color: #222;}
.ticker .row-gray {background: none; color: #bbb; border-bottom: dashed 1px #666; line-height: 26px;}
.ticker .row-group .row-gray {line-height: 20px; padding-right: 10px;}
.ticker .row-gray .sco {background: #474747; margin: 0 10px;color: #999;}
.ticker .row-gray .sco a {color: #fff;}
.ticker .row-gray .ply {width: 31%;width: calc(50% - 58px);}
.ticker .row-gray .ply span, .ticker .row-tall .ply span, .ticker .row-gray .inc, .ticker .row-gray .ply.name {line-height: 26px; margin: 0;}
.ticker .row-gray .sco sup {position: absolute;top: -7px;}
.ticker .inc {top: 2px;}
.ticker a:hover span {text-decoration: underline;}

.md .row-tall {padding: 7px 4px;border: none;}
.md .row-gray .ply .name { width: 70%; width: calc(100% - 55px);}
.md .row-gray .assist.name { width: 98%;}

.md-progress {height: 10px;}
.md-progress-container {margin: 4px; border: 1px solid #808080;}
.md-progress-bar {background-color: #FFAE00;}
.md-progress-fright {float: right;}

.row-group .row-gray {border-bottom-color: #bbb;zoom: 1;}
.ticker .row-group .row-gray {border-bottom-color: transparent;zoom: 1;}
.row-group.even .row-gray {border-bottom-color: #dfdfdf;}
.row-group .row-gray:last-child {border-bottom-color: #666;}

.hover-action:hover .row-gray {background: #FDF5CA; cursor: pointer;}
.tennis .ticker .scored div {color: #fff;}
.tennis .ticker .scored .ignore-scored {color: #bbb; font-weight: normal;}
.cricket .ticker .hover-action:hover .row-gray {background: #11470F;}

.scores div {text-align: right;}
.scores .col-2 {text-align: center;}

.inc { background-repeat: no-repeat; width: 13px; height: 13px; display: inline-block;position: relative; }
.yellowcard { background-position: 0 -125px; }
.redcard { background-position: 0 -140px; }
.redyellowcard { background-position: 0 -155px; }
.goal { background-position: 0 -171px; }
.sub-out { background-position: 0 -404px;}
.sub-in { background-position: 0 -425px; }
.goal-miss { background-position: 0 -381px; }
.empty {background-position: -2000px 0;}
.goal-hockey { background-position: 0px -254px;width: 17px;height: 17px;margin-top: -2px!important;}
.to2min-hockey { background-position: 0 -274px; }
.to5min-hockey { background-position: 0 -296px; }
.to10min-hockey { background-position: 0 -316px; }
.red-hockey { background-position: 0 -337px; }
.goal-miss-hockey { background-position: 0 -357px; }
.tennis-ball { background-position: 0 -235px;}

.assist {font-style: italic; color: #999}
.off {color: #888;}
.md-footer, .md-footer a {color: #ddd; line-height: 17px;}


/* world cup */
.euro-2012 .nav a.selected, .euro-2012 .left-bar .buttons a, .euro-2012 .nav a:hover, .euro-2012 .menu a, .euro-2012 .back a, .euro-2012 .right-bar .table a.league-name, a.green, .euro-2012.narrow .right-bar .menu li a { color: #3c3; }
a.green:hover {text-decoration: underline; color: #fff;}
.euro-2012 .left-bar .buttons a:hover { background-position: 3px -52px; }
.league-wc th { color: #aaa; background-color: #333; text-align: left; border-top: solid 1px #666; border-bottom: solid 1px #666; padding: 4px; }
.league-wc .top th { font-size: 12px!important; }
.league-wc th .league, .league-wc th .date { clear: both; display: block; line-height: 16px; float: none;}
.league-wc th .league { font-size: 12px;  margin-left: 0;}
.league-wc th .date { font-size: 11px; text-align: right; margin-right: 0; }
.league-wc .match td { background-color: #eee; font-weight: bold; border-bottom: solid 1px #bbb; }
.league-wc .dark td {background-color: #bbb!important;}
.league-wc .match .fd { font-weight:  normal; }
.league-wc .match .tl, .league-wc .ht .tl { text-align: right; }
.league-wc td { background-color: #ddd; padding: 2px 0; text-align: left;  border-top: solid 1px #333; }
.league-wc .ht td { border: none; height: 54px; vertical-align: top; line-height: 18px; padding:0 }
.league-wc tr.even td { background-color: #eee; }
.league-wc .fd { width: 42px; padding-left: 4px; }
.league-wc .tl, .league-wc .tr { width: 188px; }
.league-wc .tr { text-align: left; }
.league-wc .fs { width: 52px; text-align: center; }
.league-wc .sco {text-align: center; }

.league-wc .inc.right {margin-left: 3px;}
.league-wc .inc.left {margin-right: 3px;}

.league-wc.comments { width: 100%; }
.league-wc.comments th { background: #ccc; border-bottom: solid 1px #b0b0b0; padding: 2px; border-top: solid 1px #aaa; }
.league-wc.comments td { padding: 4px; border-bottom: solid 1px #aaa;}
.league-wc td.tm { width: 45px; }

.league-wc.fixtures { width: 100%; }
.league-wc.fixtures .ty { width: 39px; text-align: center; }
.league-wc .col { width: 5px;max-width: 5px; min-width: 5px; padding-left: 4px!important; }
.league-wc.fixtures th.ty { width: 39px; padding: 1px 4px; }
.league-wc.fixtures.short th { padding: 1px 0; }
.league-wc.fixtures .dt { width: 60px;padding-left: 4px; }
.league-wc.fixtures .tm { width: 54px; }
.league-wc.fixtures .sc { width: 27px!important; max-width: 27px!important; text-align: left; }
.league-wc.fixtures th { border: none; }
.league-wc a { color: #0000FF; }
.league-wc a:hover { color: #0000FF; text-decoration: underline; }
.league-wc.fixtures.fixtures-tall td {height: 32px;}

.euro-2012 .btn-light a, .cricket .btn-light a { color: #3F6!important }
.euro-2012 .btn-light a:hover, .euro-2012 .btn-light a.selected, .cricket .btn-light a:hover, .cricket .btn-light a.selected { color: #fff!important }
.euro-2012 .md-progress-bar {background-color: #3C3;}

.league-wc.table { border-right: solid 1px #666; border-left: solid 1px #666; border-bottom: solid 1px #666; }
.league-wc.table td { text-align: center; border-right: solid 1px #333; width: 34px; }
.league-wc.table th { font-size: 12px; text-align: center; padding: 3px 0; width: 34px; }
.league-wc.table .tb2 th {font-size: 11px;}
.league-wc.table th.group { width: auto; }
.league-wc.table td.col, .league-wc.table th.col { width:8px!important; border-right: none; padding-left: 1px;}
.league-wc.table .tdnum { width:33px!important;max-width: 33px; min-width: 33px;}
.league-wc.table .num { width:23px; position: relative;z-index: 10;}
.league-wc.table .cty { text-align: left; width: 151px; padding: 2px 0 3px 4px;max-width: 151px; min-width: 151px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.league-wc.table .ls { border-right: none; font-weight: bold;}
.league-wc.table .tb2 th {color: #333; background-color: #aaa; }

.league-wc td.dtl {width: 60px; max-width: 60px; min-width: 60px; text-align: right;}
.league-wc td.th, .league-wc td.ta {width: 194px; max-width: 194px; min-width: 194px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.league-wc td.th { text-align: right; }
.league-wc td.sc {width: 50px; max-width: 50px; min-width: 50px; text-align: center;}
.league-wc td.re { width: 26px; text-align: center; }

/* labels */
.label {display: inline-block; width: 12px; height: 12px; margin: 0 9px 0 5px;border-radius: 3px;border: solid 1px #666;vertical-align: sub;}
.label-row {line-height: 22px; color: #ddd;}

/* league tables */
.table .dark-blue, .label-dark-blue {background-color: #00356E; color: #fff;}
.table .light-blue, .label-light-blue {background-color: #0052AA; color: #fff;}
.table .dark-yellow, .label-dark-yellow {background-color: #6E6200; color: #fff;}
.table .light-yellow, .label-light-yellow {background-color: #9B9B00; color: #fff;}
.table .dark-green, .label-dark-green {background-color: #005000; color: #fff;}
.table .light-green, .label-light-green {background-color: #1E821E; color: #fff;}
.table .dark-red, .label-dark-red {background-color: #6E0000; color: #fff;}
.table .light-red, .label-light-red {background-color: #A00000; color: #fff;}
.table .light-purple, .label-light-purple {background-color: #780078; color: #fff;}
.table .dark-teal, .label-dark-teal {background-color: #006E6E; color: #fff;}
.table .light-teal, .label-light-teal {background-color: #008C8C; color: #fff;}

.table .num {content: "";position: absolute;top: 0;bottom: 0;right: 0;border-left: 33px solid transparent;border-bottom: 17px solid transparent;z-index: -1;background: transparent!important;}
.usaf .table .num {border-left-width: 50px;}
.narrower .table .num {border-left-width: 23px;}
.usaf .ltable .num, .narrower .ltable .num,.ltable .num {border-left-width: 30px;}
.table .num.dark-blue {border-bottom-color: #00356E;}
.table .num.light-blue {border-bottom-color: #0052AA;}
.table .num.dark-yellow {border-bottom-color: #6E6200;}
.table .num.light-yellow {border-bottom-color: #9B9B00;}
.table .num.dark-green {border-bottom-color: #006400;}
.table .num.light-green {border-bottom-color: #1E821E;}
.table .num.dark-red {border-bottom-color: #6E0000;}
.table .num.light-red {border-bottom-color: #A00000;}
.table .num.light-purple {border-bottom-color: #780078;}
.table .num.dark-teal {border-bottom-color: #006E6E;}
.table .num.light-teal {border-bottom-color: #008C8C;}

.ltable .title {border-top: solid 1px #666;}
.ltable .title>div {background-color: #aaa;border-left: none;}
.ltable .row-gray {padding: 0;}
.ltable .row-gray>div {float: left;box-sizing: border-box;}
.ltable .color {width: 30px;text-align: right;z-index: 1; padding-right: 4px;}
.ltable .pts, .ltable .pts2, .ltable .pts3 {width: 25px;text-align: center; border-left: solid 1px #333;}
.ltable .pts2 {width: 40px;}
.ltable .pts3 {width: 30px;}
.ltable .tot {font-weight: bold;}
.ltable .tt .tip {left: 37px;}
.ltable .team, .ltable .team3 {width: 238px;width: calc(100% - 230px); padding-left: 4px;border-left: solid 1px #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ltable .team3 {width: 213px;width: calc(100% - 255px);}
span.live {width: 8px;float: left;margin-left: 4px;}
.narrower .table .item {font-size: 10px;}

.table .top {border-top: solid 1px #666; border-bottom: solid 1px #666; background: #333; color: #ccc; line-height: 24px; font-size: 11px; font-weight: bold;}
.table .rows {background: #dfdfdf;}
.table .rows .item {border-bottom: solid 1px #666; line-height: 17px; color: #000;}
.table .rows .item.even {background: #cfcfcf;}
.table .rows .item img {margin: 0; position: relative; z-index: 100;}
.table .item .name {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; padding-left: 4px;}
.table .item .color {position: relative; z-index: 10;}
.table .item span.tc {border-left-width: 21px; border-bottom-width: 11px;}
.table .item span.sc {border-left: 21px solid; left: 0; bottom: 8px; border-bottom: solid 11px transparent;}
.narrower .item span.tc {border-left-width: 15px;}
.narrower .item span.sc {border-left: 15px solid;}
.usaf .item span.tc {border-left-width: 32px;}
.usaf .item span.sc {border-left: 32px solid;}
.narrower .ltable .item span.tc,.usaf .ltable .item span.tc {border-left-width: 20px;}
.narrower .ltable .item span.sc, .usaf .ltable .item span.sc {border-left: 20px solid;}
.table .item span.sc.dark-blue {border-left-color: #00356E;}
.table .item span.sc.light-blue {border-left-color: #0052AA;}
.table .item span.sc.dark-yellow {border-left-color: #6E6200;}
.table .item span.sc.light-yellow {border-left-color: #9B9B00;}
.table .item span.sc.dark-green {border-left-color: #006400;}
.table .item span.sc.light-green {border-left-color: #1E821E;}
.table .item span.sc.dark-red {border-left-color: #6E0000;}
.table .item span.sc.light-red {border-left-color: #A00000;}
.table .item span.sc.light-purple {border-left-color: #780078;}
.table .item span.sc.dark-teal {border-left-color: #006E6E;}
.table .item span.sc.light-teal {border-left-color: #008C8C;}

/* hockey, tennis and basketball */
.hockey .nav a.selected, .hockey .left-bar .buttons a, .hockey .nav a:hover, .hockey .right-bar .table a.league-name, .hockey .menu a, .hockey.narrow .right-bar .menu li a { color: #09f; }
.hockey .left-bar .buttons a:hover { background-position: 3px -70px; }
.hockey .btn-light a { color: #3cf!important; }
.hockey .btn-light a:hover, .hockey .btn-light a.selected { color: #fff!important; }

.tennis .nav a.selected, .tennis .left-bar .buttons a, .tennis .nav a:hover, .tennis .right-bar .table a.league-name, .tennis .menu a, .tennis.narrow .right-bar .menu li a { color: #bbb; }
.tennis .left-bar .buttons a:hover { background-position: 3px -106px; }

.basketball .nav a.selected, .basketball .left-bar .buttons a, .basketball .nav a:hover, .basketball .right-bar .table a.league-name, .basketball .menu a, .basketball.narrow .right-bar .menu li a { color: #e6b626; }
.basketball .left-bar .buttons a:hover { background-position: 3px -88px; }
.basketball .btn-light a { color: #fc3!important; }
.basketball .btn-light a:hover, .basketball .btn-light a.selected { color: #fff!important; }

.hockey td.fd td {width: 42px; text-align: left; padding-left: 4px;}
.hockey td.ft td {width: 330px; text-align: left;}
.hockey td.fb2 {width: 14px;}