body {
    font:13px "Lucida Grande",tahoma,verdana,arial,sans-serif;
    margin:0 0 10px;
}
/* misc */
.left { float: left; }
.right { float: right; }
.clear, .row, .row-gray { clear: both; }
.clear:before, .clear:after, .row:before, .row:after, .row-gray:before, .row-gray:after {content: "";display: table;}
.clear:after,.row:after, .row-gray:after {clear: both;}
.tright { text-align: right!important; }
.tleft { text-align: left!important; }
.tcenter { text-align: center!important; }
.hidden {display: none;}
.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; }
.br { border-right: solid 1px #666; }
.bbn { border-bottom: none!important; }
.btn { border-top: none!important; }
.p5 { padding: 4px; }
.pb { padding-bottom: 10px; }
.pln {padding-left: 0!important;}
.prn {padding-right: 0!important;}
.ml4 {margin-left: 4px;}
.mr4 {margin-right: 4px;}
.pr4 { padding-right: 4px!important; }
.pl4 { padding-left: 4px!important; }
.pbn {padding-bottom: 0;}
.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;}
.buttons a,
.buttons ul a.cat,
.switch,
.right-bar .arrow,
.inc,
.league-wc .inc,
.league-wc.comments .inc,
.tennis .league-multi .ball,
.league-cricket .ico{background-image:url("../images/spritemdet.png")}
.banner{display:none}
/* Content */
.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; 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: #444;}
.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: #668E00;}
.tab2-orange a:hover {color: #444;}
/* soccer */
.league-table th { color: #ccc; height: 22px; background-color: #333; text-align: left; border-top: solid 1px #666; border-bottom: solid 1px #666; }
.league-table th.footer {color: #ddd;}
.league-table td { background-color: #cfcfcf; padding: 2px 0; border-bottom: solid 1px #666; }
.league-table .even td { background-color: #dfdfdf; }
.league-table .fd { width: 46px; padding-left: 4px; min-width: 46px;max-width: 46px; }
.league-table .fh, .league-table .fa { width: 183px; min-width: 183px;max-width: 183px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.league-table .fh { text-align: right; }
.league-table .fs { width: 52px; text-align: center; min-width: 52px;max-width: 52px;}
.league-table .fs:hover {text-decoration: none!important; cursor: default!important; color: black;}
.row-tall {padding: 7px 4px; color: #656565; font-weight: bold; font-size: 20px;}
.row .title {color: #aaa;}
.row-gray {background: #dfdfdf; color: #000; border-bottom:1px solid  #BDBDBD; padding: 0 4px; line-height: 18px;}
.row-gray.even {background: #E8E8E8;}
.row-gray.bn{padding:2px;border-top:1px solid #BDBDBD !important;}
.row > div.sco{ text-align: center; width:110px; height:50px; border: none;  color:#668E00; font:bold 30px "Lucida Grande",tahoma,verdana,arial,sans-serif; }
.row-gray .sco, .row-tall .sco {width: 110px;text-align: center; float: left;}
.row-gray .min, .row-tall .min {width: 40px;float: left; }
.row-gray .ply, .row-tall .ply {width: 31%;width: calc(50% - 50px); float: left;}
.row-gray .ply.tright, .row-tall .ply.tright {width: 31%;width: calc(50% - 100px); float: left;}
.row-gray .ply span, .row-tall .ply span {display: inline-block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: normal; margin-top: 2px; margin-bottom: -2px;}
.row-gray .ply .name { width: 70%; width: calc(100% - 55px);}
.row-tall .ply .name { width: 100%;}
.ply > .name, .row > .min{padding-top:10px; font:bold 16px "Lucida Grande",tahoma,verdana,arial,sans-serif;}
div.row.row-tall > div.ply.tright{margin-top:10px;}
div.row.row-tall > div.ply{margin-top:10px;}
.row-gray .info { width: 40%; width: calc(50% - 60px);float: left; text-align: right;}
.row-gray.bn > div.sco {font:bold 14px "Lucida Grande",tahoma,verdana,arial,sans-serif; color: #668E00;}
.inc { background-repeat: no-repeat; width: 13px; height: 13px; display: inline-block; }
.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 -423px; }
.goal-miss { background-position: 0 -381px; }
.empty {background-position: -2000px 0;}
.goal-hockey { background-position: 0 -257px; }
.to2min-hockey { background-position: 0 -274px; }
.to5min-hockey { background-position: 0 -296px; }
.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; }
.assist {font-style: italic; color: #999}
.off {color: #999;}
.md-footer, .md-footer a {color: #999; line-height: 17px;}
.row.md-footer.bb{margin-top: 6px;}
/* new styles */
.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;}
.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 .color span {position: absolute; bottom: 0; right: 0;content: "";border-left: 17px solid transparent;z-index: -1;}
.right-bar .table *,.right-bar .table *:before,.right-bar .table *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.col-1,.col-2, .col-3, .col-4, .col-5,.col-6,.col-7, .col-8,.col-9, .col-10,.col-11, .col-12 {position: relative; min-height: 1px;padding-left: 0; padding-right: 0;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 {float: left;}
.col-12 { width: 100%;}
.col-11 { width: 91.66666666666666%;}
.col-10 { width: 83.33333333333334%;}
.col-9 { width: 75%;}
.col-8 { width: 66.66666666666666%;}
.col-7 { width: 58.333333333333336%;}
.col-6 { width: 50%;}
.col-5 { width: 41.66666666666667%;}
.col-4 { width: 33.33333333333333%;}
.col-3 { width: 25%;}
.col-2 { width: 16.666666666666664%;}
.col-1 { width: 8.333333333333332%;}
.col-offset-11 { margin-left: 91.66666666666666%;}
.col-offset-10 { margin-left: 83.33333333333334%;}
.col-offset-9 { margin-left: 75%;}
.col-offset-8 { margin-left: 66.66666666666666%;}
.col-offset-7 { margin-left: 58.333333333333336%;}
.col-offset-6 { margin-left: 50%;}
.col-offset-5 { margin-left: 41.66666666666667%;}
.col-offset-4 { margin-left: 33.33333333333333%;}
.col-offset-3 { margin-left: 25%;}
.col-offset-2 { margin-left: 16.666666666666664%;}
.col-offset-1 { margin-left: 8.333333333333332%;}
div.cal.row {
 	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	background: #88a843;
}
div.cal.row a{
  font: bold 12px "Lucida Grande",tahoma,verdana,arial,sans-serif;
  color: #FFF;
  padding: 8px 0 8px 0;
  float:left;
  text-decoration: none;
  text-align: center;
  border-right: 1px solid #ccc;
  width:33.2%;
}
div.cal.row a:last-child {
  border-right: none;
}
a.col-4{
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	background: #88a843;
}
a.col-4.selected{
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	background: #909C55; /* Old browsers */
}
div {
    text-transform: capitalize;
}
.row.bt {margin:4px 10px 4px 10px; font: bold 12px "Lucida Grande",tahoma,verdana,arial,sans-serif; color:#666;}
.md {min-width: 516px;}
.md .row-tall {padding: 7px 4px;border: none;}
.md .row-gray .ply .name { width: 132px;}
.md .row-gray .assist.name { width: 183px;}
.md .ply .ml4:empty, .md .ply .mr4:empty {display: none;}
.md-progress {height: 10px; background-color: #e7e7e7;}
.md-progress-container {margin: 4px; border: 1px solid #808080;}
.md-progress-bar {background-color: #7fa925;}
.md-progress-fright {float: right;}
a.orange{
	color: #668E00;
  	outline: none;
  	text-decoration: none;
}
.like-style{
    border-top: 1px solid #1e347b;
    border-bottom: 1px solid #1e347b;
    background: #d9edf7;
    width: 100%;
    padding: 10px 0 10px 0;
}
.back-header{
    background: url("../images/back-header.gif") no-repeat #244e14;
    height: 44px;
    cursor: pointer;
}
.back-header span{
    width: 200px;
    font:bold 12px "Lucida Grande",tahoma,verdana,arial,sans-serif;
    color: #FFF;
    display: block;
    float: right;
    text-align: right;
    padding: 12px 10px 0 0;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loader.gif') 50% 50% no-repeat rgb(249,249,249);
}