html, body, form, fieldset, h1, h2, ul, li, p, th, br, img { padding: 0; margin: 0; list-style: none; font-weight: normal; border: 0; }
html { background-color: #333; }

a { outline: none; text-decoration: none; color: #000; }
a:hover { color: #ccc; }
a.blue { color: #00f; }
a.blue:hover { color: #00f; text-decoration: underline; cursor: pointer; }
h2, h3, th, fieldset { font-size: 12px; }
h1 { font: bold 12px Verdana, Arial, Sans-serif;}
h2 { color: #ccc; background: #333; font-weight: bold; padding: 4px; }
sup {font-size: 8px;position: absolute;top: -4px;margin-left: 2px;}
@-moz-document url-prefix() {
    sup {position: initial; margin: 0; }
}
.b {font-weight: bold;}

/* 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; }
.mr { margin-right: 10px; }
.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!important; }
.bbn { border-bottom: none!important; }
.btn { border-top: none!important; }
.p5 { padding: 4px; }
.pb { padding-bottom: 10px; }
.pr { padding-right: 10px!important; }
.pr13 { padding-right: 13px!important; }
.pn {padding: 0!important;}
.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;}
.p10 {padding: 10px!important;}
.fs11 {font-size: 11px!important;}
.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;}
.orange {color: #fc6;}
.orange.selected {color: white;}

.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; }

/* header */
.header {background: #111;}
.wrapper { border: solid 1px #666; width: 946px; background-repeat: repeat-y; background-position: left top; background-color: #111; position: relative;}
.banner { position: absolute; top: 163px;}
.nav { color: #ccc; background: #333;display: table; width: 100%;}
.nav ul {display: table-row;}
.nav li { display: table-cell;text-align: center;}
.nav a { line-height: 20px; height: 20px; color: #666;display: block; font-weight: bold;border-right: solid 1px #000; border-left: solid 1px #666;}
.nav li.first a { border-left: none; }
.nav li:last-child a {border-right: none;}
.nav a.selected, .nav a:hover, .right-bar .buttons a { color: #f60; }
















.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;}






/* 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, .row-group.group-gray {background: #ffffff;}
.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: #DFEBF3;}
.row-transparent {background: transparent;}

.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, .row-gray .min-short {width: 60px;float: left; }
.row-tall .min {width: 67px;float: left; }
.row-gray .min-short {width: 40px;}
.row-gray .ply {width: 32%;width: calc(50% - 34px); float: left;}
.row-gray .ply.tright {width: 32%;width: calc(50% - 76px); float: left;}
.row-gray .ply span, .row-gray .inc, .row-gray .ply.name, .row-tall .ply {display: inline-block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 14px; margin-top: 2px; margin-bottom: -2px;}
.row-gray .ply .name { width: 100%;}
.row-gray .info { width: 247px;float: left; text-align: right;}
.row-gray a, .row-gray a:hover {color: #00f;}
.row-gray a:hover, .row-gray a:hover span {text-decoration: underline;}

.row-light {background: #eee; border-bottom-color: #bbb;}
.row-light .ply, .row-light .sco {font-weight: bold;}

.row-tall .ply, .md .row-gray .ply {width: 210px;}
.row-tall .ply.tright {width: 180px; float: left;}
.md .row-gray .ply.tright {width: 187px;}

.row-gray .sco2 {width: 150px; float: left}
.row-gray .sco3 {width: 205px; float: left}
.narrower .row-gray .sco3 {width: 140px;}
.row-gray .hoc-ply, .row-gray .bas-ply, .row-gray .ten-ply {width: 58%; width: calc(100% - 190px); float: left;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.row-gray .bas-ply {width: 46%; width: calc(100% - 245px);}
.row-gray .ten-ply {width: 54%; width: calc(100% - 210px);}
.narrower .row-gray .hoc-ply {width: 39%;width: calc(100% - 190px); } 
.narrower .row-gray .bas-ply {width: 43%;width: calc(100% - 180px); }
.narrower .row-gray .ten-ply {width: 33%;width: calc(100% - 210px); }
.row-gray .ten-ball {width: 20px; float: left;}

.md {min-width: 516px;}
.md .row-tall {padding: 7px 4px;border: none;}
.md .row-gray .ply .name { width: 132px;}
.md .row-gray .ply .name-large { width: 82%; width: calc(100% - 16px);}
.md .row-gray .assist.name { width: 183px;}
.md .ply .ml4:empty, .md .ply .mr4:empty {display: none;}

.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;}
.row-group .row-gray:last-child {border-bottom-color: #666;}
.hover-action:hover .row-gray {background: #FDF5CA; cursor: pointer;}

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

.ticker .sco a {position: relative;}
.ticker sup.home, .ticker sup.away {top: -6px; position: absolute;}
.ticker sup.home {left: 3px;}
.ticker sup.away {right: 6px;}
.ignore-scored {font-weight: normal;}

.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;}


















/* wap */
.wapBox { font-size: 12px; color: #aaa; padding: 15px 4px; text-align: center; background: #333; }
.wapBox p { margin-bottom:  10px; text-align: left; }

/* iphone */
.android .wrapper, .iphone .wrapper, .mobile .wrapper {background: #000!important;}
.android .left-bar, .iphone .left-bar, .mobile .left-bar {display: none;}
.mobile img.mweb {margin-top: 20px;}
h4 {text-shadow:#111 1px 1px;font-size:16px;font-weight:700;color:#ccc;padding:7px 10px 20px; margin: 0;}
.frame {background:#333; margin: 4px;}
.frame .logo {padding: 25px 0 0 10px;}
.frame h4 span {font-size:12px;font-weight:400;display:block;margin-top:10px}
.frame h4.icon {padding:35px 0 25px 70px; margin-left: 10px;}
.frame p {font-size:12px;line-height:18px;color:#ccc;margin:10px}
.frame a:link,.frame a:visited {font-size:12px;color:#fc6;font-weight:700;text-decoration:none}
.frame p.tm {text-align: right;font-size:11px;color:#555; margin-bottom: 0; padding-bottom: 10px;}
.frame p.itunes a {display:block;padding-top:20px;padding-right:20px;float:right}
.frame p.itunes a:hover {color: #fff!important;}
.frame p.itunes a.btnStore {width:150px; height:90px; float:right; outline:none; text-indent: -5000px; background-color: #333; background-repeat: no-repeat; background-position: 0 0; padding:0}
.frame p.itunes a.btnAndMarket {background-color: #333; background-repeat: no-repeat; background-position: 0 0;}
.frame p.itunes a.btnStore:hover {background-position:0 -90px}
.euro-2012 .frame p.itunes a {color: #3f6;}
.frame li {list-style-type: disc;color: #ccc; padding-left: 5px;margin-left: 30px;font-size: 12px;line-height: 18px;}
.frame p img.app,.frame p img.web {margin-left:50px;border:0}
.frame p a.bi {display: block; text-align: center;}
.frame p a.bi img {margin: auto; max-width: 400px;}


/* 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;}