@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,700,700italic,400italic);

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong,sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;font-family:'Roboto Condensed',sans-serif;}
.clr{display:block; line-height:0px; clear:both; height:0px;float:none!important; margin:0px!important; padding:0px!important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

ol, ul {list-style: none;}


body{font-family:'Roboto Condensed',sans-serif;}
/**** common ***/
.si-ipl-row{display:block;clear:both;float:none!important; margin:0px!important; padding:0px!important; overflow: hidden;border-top: 1px solid #fff;}
.si-ipl-row:first-child { border:none; }
.si-box-content{padding:10px;display: block;}
.si-box-content2{padding:10px 0;display: block;}
.si-box-content3{padding:10px 10px 0;display: block;}
.si-box-content4{padding:10px 5px 10px 10px;display: block;}
.sibox{float: left;border-left: 1px solid #fff}
.si-item-layer1{z-index: 100;position: absolute;}
.si-item-layer2{z-index: 200;position: absolute; left:0; top:0; bottom:0; right:0;}
.si-item-layer3{z-index: 400;position: relative;}
/*.sibox:first-child{border-left: none;}*/
.alignlft{text-align: left;}
.aligncntr{text-align: center;}
.alignrgt{text-align: right;}
.flft{ float:left}
.frgt{ float:right;}
.si-runs-title{color:#3a3a3a;font-size: 14px;text-transform: uppercase;display: block;line-height: 15px; font-weight:700}

.si-top-row,.si-bottom-row{display: block;overflow: hidden;position: relative;}
.si-bottom-row{border-top: 1px solid #fff;}
.si-bottom-row .si-box-content3 { background-color:#3a3a3a; }
.midsize{font-size: 50px;font-weight: bold;display: block;line-height: 55px;height: 55px;}
.largesize{font-size: 70px;font-weight: bold;display: block;line-height: 65px;height: 65px;}
.smallsize{font-size: 35px;font-weight: bold;line-height: 35px;height: 35px;}
.si-text-small{color: #fefefe;display: block;font-size: 12px;line-height: 14px;}
.si-more{background-image: url('../images/more.png');background-repeat: no-repeat;width: 12px;height: 12px;position: absolute;top: 4px;right: 4px;}
.si-more-popup{padding:5px;background-color: #141f2e;border:1px solid #3399CC;color: #ccc;font-size: 11px;font-weight: 500;width:70%;position: absolute;top: 20px;right: 4px;z-index: 1001}

/*** Custom ***/
.si-ipl-container{width: 975px;margin: auto;font-family: 'Roboto Condensed',sans-serif;}
.si-ipl-header{height: 45px;line-height: 45px;background-color: #000;}
.si-ipl-header span{color: #fff; font-size: 24px;padding-left: 10px;text-transform: uppercase;font-weight: bold;}
.si-ipl-statsbox{margin: 0;padding: 0;}
.si-ipl-footer{height: 20px;line-height: 20px;background-color: #000;display: block;text-align: right;}
.si-ipl-footer{color: #ccc;font-size: 12px;padding-right: 10px;text-transform: none;font-weight:normal;}
.si-ipl-footer a{text-decoration:underline;color: #ccc;}
.si-ipl-footer a:hover{text-decoration:none;}
.si-row1-box1 .si-runs-title,.si-row1-box2 .si-bottom-row .si-runs-title,.si-row1-box2 .si-top-row .si-sixes .si-runs-title,.si-row2-box1 .si-bottom-row .si-runs-title,.si-row2-box2 .si-runs-title,.si-row2-box4 .si-runs-title,.si-row3-box2 .si-top-row .si-runs-title,.si-row3-box3 .si-bottom-row .si-runs-title{ color:#fff;}
/*** ROW 1 ***/
#container {
    min-width: 250px;
    max-width: 250px;
    height: 230px;
    margin: 0 auto
}
.si-row1-box1, .si-row1-box2, .si-row1-box3{width: 324px;display: block;height: 265px;}
.si-row1-box1{background-color: #080507;background-image:url(../images/ground.jpg);background-repeat: no-repeat; background-size:100%;}
.si-row1-box2{background-color:#ebebeb; border-top:1px solid #fff; }
.si-row1-box3{background-color: #222;}


.si-row1-box2 .si-batruns, .si-row1-box2 .si-sixes{width: 161px;height: 133px;}
.si-batruns{ background-color:#ebebeb; }
.si-row1-box2 .si-sixes{border-left: 1px solid #fff; background-color:#3a3a3a; }
.si-row1-box2 .si-batruns .si-runs-title{margin-top: 23px;}
.si-runs-score{ color:#ff3333; height: 60px; margin: auto;text-align: center;width: 131px;}

.si-wagon-wheel{position: relative;}

.si-progressBox{display: block;overflow: hidden;}
.si-progressSixes{width: 72px;height: 22px;margin-top: 6px;overflow: hidden;}
.si-progressSixes span{background-color:#c9c9c9;display: block;width:0%;height: 22px;}
.si-progressSixesCount{color: #c9c9c9;height: 37px;}
.si-progressBoundaries{width:50px;height: 22px;margin-top: 6px;overflow: hidden;}
.si-progressBoundaries span{background-color:#ff3333;display: block;width:0%;height: 22px;}
.si-progressBCount{color: #ff3333; height: 35px;}

.si-runScored-slideBox{display: block;overflow: hidden;height:100px;width: 100%;}
.si-runscored-slide-item .si-runs-title{margin-bottom: 5px;}
.si-runScored-slideBox .si-runScored-slide-list{position: relative;width:608px;}
.si-runScored-slideBox .si-runscored-slide-item{height:100px;float: left;width:304px;}
.si-slideBox-lft{width: 152px;position: relative;}
.si-slideBox-rgt{width: 140px;position: relative;}
.si-text{display:table-cell;color: #fff;vertical-align: middle;height: 70px;}
.si-score-big{color:#ff3333; height: 67px;}

.si-row2-slider{position: relative;}
.si-slideBox-nav{text-align: center;display: block;}
.si-slideBox-nav a{display: inline-block;width: 10px;height: 10px; border-radius:50%; background-color:#9d9d9d; font-size: 10px;color:#ccc;margin: 0 1px;}
.si-slideBox-nav a.si-active{background-color:#fff;}
.si-row3-box1 .si-slideBox-nav a{ background-color:#7c6a6c}
.si-row3-box1 .si-slideBox-nav a.si-active{ background-color:#fff}

.si-row3-box1 .si-shot-slider .si-slideBox-nav a {display: none; }
.si-row2-slider .si-slideBox-nav a { background-color:#7c6a6c; }
.si-row2-slider .si-slideBox-nav a.si-active { background-color:#fff; }

.si-300Ad{text-align: center;}

/*** ROW 2 ***/
.si-row2-box1{width: 243px;height: 262px;background-color:#ebebeb;}
.si-row2-box2{width: 162px;height: 262px;background-color:#3a3a3a;}
.si-row2-box3{width: 404px;height: 262px;background-color:#141f2e;background-image: url('../images/row2box3.jpg');background-repeat: no-repeat; background-size:100%;}
.si-row2-box4{width: 162px;height: 262px;background-color:#3a3a3a;}

.si-row2 .si-top-row,.si-row2 .si-bottom-row{height: 112px;position: relative;}
.no-balls,.dot-balls{color:#ff3333;}
.si-rapped{color:#ff3333;}
.si-beatBat{color:#ff3333;}

.si-slide-container{height: 210px;margin: auto;overflow: hidden;width: 378px;}
.si-slide-container .si-slider-top{height:210px;overflow: hidden;}
.si-slide-wicket-list{position: relative;}
.si-slide-wicket-item{width: 378px;float: left;position: relative;}
.si-slider-top .si-slider-left{display: block;height: 210px;text-align: center;width: 189px;}
.si-slider-top .si-slider-right{display: block;height: 210px;line-height: 40px;text-align: left;width: 189px;}
.si-wicket-title{font-size: 18px;color: #fff;text-align: left;display: block;margin-top: 20px;line-height: 20px;text-transform: uppercase;padding-left: 16px;}
.si-wicketPts{color:#fff;margin-top: 4px;padding-left: 16px;}
.si-slide-container .si-title-overlay{background-color:#3a3a3a;bottom: 3px;clear: both;display: block;height: 60px;margin: auto;overflow: hidden;position: absolute;}
.si-title-overlay .si-ovrly-lft{float: left;width:70px;height:60px;background-image: url('../images/arrow.png');background-repeat: no-repeat;background-position: top left;}
.si-num{display: block;font-size: 35px;line-height: 60px;padding-left: 15px;color: #fed5d5;}
.si-title-overlay .si-ovrly-rgt{float: right;width: 287px;padding:10px}
.si-ovrly-text{font-size: 16px;color: #e0e7f0;}
.si-ovrly-text-small{font-size: 13px;color: #003333}
.si-lead-wicket{font-size: 22px;font-weight: bold;color:#3399CC;text-transform: uppercase;}
.si-row3-box4 .si-bottom-row .si-runOuts .si-text-small{ color:#3a3a3a}
.si-row2-box2 .si-bottom-row{border-top: none;}
.si-row2-box4 .si-bottom-row{border-top: none;}
.si-yorkers img{margin-top: 28px;}
.si-wideballs img{margin-top:0px;}
.si-duck img{margin-top:0px;}
.si-edges img{margin-top:0px;}

.row2box1btm-sliderContent {height:96px;overflow: hidden;position: relative;width: 220px;}
.row2box1-slider-list{position: relative; width:440px;}
.row2box1-slider-item {height:96px;width: 220px;float: left;}


/*** ROW 3 ***/
/*.subShot{width:365px;overflow:hidden;position:relative}*/

.si-row3-box1{width: 406px;height: 260px;background-color:transparent;background-image: url('../images/row3box1.jpg');background-repeat: no-repeat;background-position: top left;position: relative; background-size:100%}
.si-row3-box2{width: 162px;height: 260px;background-color: #3a3a3a;}
.si-row3-box3{width: 133px;height: 260px;background-color: #0b3053;}
.si-row3-box4{width: 270px;height: 260px;background-color: #082441;}

.si-row3 .si-top-row,.si-row3 .si-top-row{height: 110px;}
.si-misfields,.si-stumpings{color:#ff3333;}
.si-directHit,.si-runsaved{color: #ff3333;}
.si-row3 .si-slideBox-lft {position: relative;width: 125px;}
.si-row3 .si-slideBox-rgt {position: relative;width: 125px;}

.si-taken,.si-dropped{width:70px;}
.si-catches{width:109px;}
.taken-pts,.taken-title{color: #fff;}
.dropped-pts,.dropped-title{color:#fff;}
.taken-title,.dropped-title,.catches-title{display: block;font-size: 14px;text-transform: uppercase;line-height: 16px; display:none;  }
.si-taken,.si-dropped {line-height: 32px;margin-top: 28px;text-align: center;}

.si-batting,.si-bowling,.si-toss{width:83px;}
.batting-pts,.bowling-pts{font-size: 28px;font-weight: bold;line-height: 28px;height: 28px;}
.batting-pts,.bowling-pts{color:#ff3333}
.batting-title,.bowling-title{color: #fff;}
.batting-title,.bowling-title,.toss-title{display: block;font-size: 14px;text-transform: uppercase;line-height: 15px;}
.si-batting,.si-bowling {line-height: 18px;margin-top: 27px;text-align: center;}

.si-catches{margin-top: 10px;}
.si-catches{/*line-height: 112px;*/position: relative;}
.catches-title{color: #F37D1C;font-size: 12px;left: 35px;position: absolute;text-transform: uppercase;top: 27px;}

.si-toss{margin-top: 10px;}
.si-toss{position: relative;}
.toss-title{color: #F37D1C;font-size: 12px;left: 17px;position: absolute;text-transform: uppercase;top: 23px;width: 50px; display:none;  }

.si-shot-slider{width: 378px;height: 218px;margin: 4px auto auto;position: relative;}
.si-shot-prev{position: absolute;top: 0;bottom: 0;left:0;z-index: 999;width: 41px;height: 41px;background-image: url('../images/left.png');background-repeat: no-repeat;cursor: pointer;margin: auto;}
.si-shot-next{position: absolute;top: 0;bottom: 0;right:0;z-index: 999;width: 41px;height: 41px;background-image: url('../images/right.png');background-repeat: no-repeat;cursor: pointer;margin: auto;}
.si-shot-content{height: 218px;overflow: hidden;text-align: center;width: 378px;}
.si-shot-item-list{position: relative;}
.si-shot-item{float: left;margin: auto;position: relative;width: 378px;}
.types-of-shot {font-size: 30px;text-transform: uppercase;font-weight: bold; color:#fff; line-height: 30px;z-index: 400;position: relative;}
.si-shotPts {font-size: 30px;font-weight: bold; color:#fff; line-height:30px}
.si-pull-shot{font-size: 18px;font-weight: bold; color:#fff; text-transform: uppercase;}
.si-shot-image{padding-top: 10px;}
.si-runOuts {margin-top: 10px;}
.si-runOuts .si-text-small{font-size: 14px;color: #fff; }

.subShot{overflow: hidden;width: 378px;position:relative;}
.subshotwrp{position:relative;}
.subShotContent{overflow: hidden;width: 378px;float: left;position: relative;}
.si-shot-image-back-rgt,.si-shot-image-back-lft {height: auto;width: 130px;}
.si-shot-item .si-item-layer1 {left: 0;margin: auto;top: 49px;width: 378px;}
.si-shot-image-back-lft img,.si-shot-image-back-rgt img{height: auto;opacity: 0.25;width: 130px;}
.si-transparentBG{background-image:url('../images/shdow.png');background-repeat: no-repeat;background-position: center; background-size:100%; display: block; position:absolute; top:0; bottom:0; width:100%; height:100%}
.si-row3-box1 .si-slideBox-nav{position: relative;z-index: 999;}
.row3box4-slide-list{position: relative;width:500px;}
.row3box4-sliderContent{width: 250px;height: 98px;display: block;margin: auto;position: relative;overflow: hidden;}
.row3box4-slide-item{float: left;width: 250px;height: 98px;}

/** animation fixes **/
#graph2 svg{left:7px;}
#graph1 svg{width: 100px;height: 100px;position: absolute;left: 22px;}

/*.onedigit{float: none !important;}*/

.si-percent-text{color: #CCCCCC;display: block;font-size: 16px;height: 216px;left: 10px;margin: 12px auto;position: absolute;top: 0;width: 223px;}
.si-percent-text span{position: absolute;}
.si-percent-text .si-tt1{left: 157px;top: 0px;-ms-transform:rotate(385deg);-moz-transform:rotate(385deg);-webkit-transform:rotate(385deg);-o-transform:rotate(385deg);transform: rotate(385deg);}
.si-percent-text .si-tt2{left: 209px;top: 59px;-ms-transform:rotate(431deg);-moz-transform:rotate(431deg);-webkit-transform:rotate(431deg);-o-transform:rotate(431deg);transform: rotate(431deg);}
.si-percent-text .si-tt3{left: 205px;top: 149px;-ms-transform:rotate(301deg);-moz-transform:rotate(301deg);-webkit-transform:rotate(301deg);-o-transform:rotate(301deg);transform: rotate(301deg);}
.si-percent-text .si-tt4{left: 150px;top: 201px;-ms-transform:rotate(338deg);-moz-transform:rotate(338deg);-webkit-transform:rotate(338deg);-o-transform:rotate(338deg);transform: rotate(338deg);}
.si-percent-text .si-tt5{left: 47px;top: 199px;-ms-transform:rotate(386deg);-moz-transform:rotate(386deg);-webkit-transform:rotate(386deg);-o-transform:rotate(386deg);transform: rotate(386deg);}
.si-percent-text .si-tt6{left: -2px;top: 147px;-ms-transform:rotate(423deg);-moz-transform:rotate(423deg);-webkit-transform:rotate(423deg);-o-transform:rotate(423deg);transform: rotate(423deg);}
.si-percent-text .si-tt7{left: -2px;top: 51px;-ms-transform:rotate(291deg);-moz-transform:rotate(291deg);-webkit-transform:rotate(291deg);-o-transform:rotate(291deg);transform: rotate(291deg);}
.si-percent-text .si-tt8{left: 49px;top: -2px;-ms-transform:rotate(330deg);-moz-transform:rotate(330deg);-webkit-transform:rotate(330deg);-o-transform:rotate(330deg);transform: rotate(330deg);}


.si-row3-box3 .si-bottom-row { height:100%;  }
.si-row3-box3 .si-top-row { background:#ebebeb; } 
.si-row3-box2 .si-top-row, .si-row3-box3 .si-bottom-row { background-color:#3a3a3a }
.si-row3-box2 .si-bottom-row { background-color:#ebebeb; height:100%  }

.si-row3-box4 .si-top-row { background-color:#3a3a3a;  }
.si-row3-box4 .si-bottom-row { background-color:#ebebeb; height:100%; }
.si-row2-box1 .si-bottom-row {background-color:#3a3a3a; }