html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
.si-clr {clear: both;display: block;line-height: 0;}



/*jScrollPane Bar*/
.jspScrollable .jspPane{margin-right:15px;}
.jspTrack{position: relative; cursor:default;background:#ccc; width:2px;}
.jspDrag{ position: relative; top:0;left:-1px; cursor: pointer; width:4px; background: #7da63c;}
.jspContainer{overflow: hidden; position: relative;}
.jspPane{position: absolute;overflow: auto; position:relative!important; margin-right:0px;}
.jspVerticalBar{position: absolute;top: 0px;right:0px;width:4px; z-index:999;}
.jspVerticalBar *{margin: 0;padding: 0;}
.jspCap{display:block;height:5px;}
.jspArrow{background-color: #50506d;text-indent: -20000;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;}
.jspVerticalBar .jspArrow{height: 16px;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{background-color: #eeeef4; float: left;height: 100%;}
* html .jspCorner{margin: 0 -3px 0 0;}



@font-face {font-family:'Avenir-Black'; src: url('../fonts/Avenir-Black_gdi.eot'); src: url('../fonts/Avenir-Black_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Black_gdi.woff') format('woff'), url('../fonts/Avenir-Black_gdi.ttf') format('truetype'), url('../fonts/Avenir-Black_gdi.svg#Avenir-Black') format('svg'); font-weight: 800; font-style: normal; font-stretch: normal; unicode-range: U+000D-E308; }
@font-face {font-family:'Avenir-Book'; src: url('../fonts/Avenir-Book_gdi.eot'); src: url('../fonts/Avenir-Book_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Book_gdi.woff') format('woff'), url('../fonts/Avenir-Book_gdi.ttf') format('truetype'), url('../fonts/Avenir-Book_gdi.svg#Avenir-Book') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; }
@font-face {font-family:'Avenir-Heavy'; src: url('../fonts/Avenir-Heavy_gdi.eot'); src: url('../fonts/Avenir-Heavy_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Heavy_gdi.woff') format('woff'), url('../fonts/Avenir-Heavy_gdi.ttf') format('truetype'), url('../fonts/Avenir-Heavy_gdi.svg#Avenir-Heavy') format('svg'); font-weight: 900; font-style: normal; font-stretch: normal; unicode-range: U+000D-E305; }
@font-face {font-family:'Avenir-Light'; src: url('../fonts/Avenir-Light_gdi.eot'); src: url('../fonts/Avenir-Light_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Light_gdi.woff') format('woff'), url('../fonts/Avenir-Light_gdi.ttf') format('truetype'), url('../fonts/Avenir-Light_gdi.svg#Avenir-Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+000D-E308; }
@font-face {font-family:'Avenir-Medium'; src: url('../fonts/Avenir-Medium_gdi.eot'); src: url('../fonts/Avenir-Medium_gdi.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Medium_gdi.woff') format('woff'), url('../fonts/Avenir-Medium_gdi.ttf') format('truetype'), url('../fonts/Avenir-Medium_gdi.svg#Avenir-Medium') format('svg'); font-weight: 500; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; }


.si-livedvmid div.si-fleft span:first-child,.si-extranscr .si-fright span,.si-prtshpscr,.si-dgtwrp,.si-grphrn,.si-fdDt,.si-vgrpBlft div,.si-liveRr,.si-centertd,.si-fowbg span:first-child,.si-bGrphBRW,.si-ppHdnm,.si-tmwkts,.si-tmEr1,.si-tmEr2,.si-commno,.si-h2hnum, .si-csHd,.si-csTbBtn,.si-csMid div,.si-csTime,.si-csFt a{font-family: 'Avenir-Book';}
.si-csMid > div span:nth-child(2) {font-size: 13px;margin-right: 5px; line-height: 20px; }
.si-wrapper{font-family: 'Avenir-Medium', Helvetica, sans-serif;font-size: 12px;line-height: 16px; background-color:#fff; color:#666}
.si-OthermCon {height: 200px;}
.si-Othermconara {height: 205px; position:relative;}
.si-OthermTb {overflow: hidden; height:26px;}
.si-OthermTb div.si-active{color: #333;}
.si-OthermTb div {background-color:#7da63c;color:#fff;cursor: pointer;float: left;font-size: 12px;height:25px;line-height:26px;position: relative;text-align: center;text-transform: uppercase;box-sizing:border-box; -moz-box-sizing:border-box; width:33.7%;}
.si-OthermTb div:after{ height:15px; width:1px; content:""; left:0; top:0; bottom:0; margin:auto; background-color:#fff; position:absolute;}
.si-OthermTb > div:first-child:after{ display:none;}
.si-OtherCommLft div:first-child { color: #626B70;}
.si-OtherCommLft div {overflow: hidden;}
.si-OthermNomtch div {color: #333333;font-size: 15px;height:45px;line-height:21px;margin:35px auto;text-align: center;width: 230px; font-size:18px;}
.si-OthrTm {color: #222222;float: left;font-size: 16px;line-height: 20px;overflow: hidden;width: 100%; min-height:25px; max-height:40px;}
.si-OthermTb div:first-child {width: 32.6%;}
.si-Othermconara{ padding:0px;}
.si-OthrBtBy {color: #626B70;font-family: Arial,Helvetica,sans-serif;}
.si-OtherCommLft, .si-OtherCommRgt {width: 100%;}
.si-fright {float: right;}
.si-fleft {float: left;}
.si-OtherCommBtn {color: #FFFFFF;cursor: pointer;font-size: 12px;height: 22px;line-height:25px;margin: 2px auto auto;text-align: center;width:85px; background-color:#7da63c; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.si-OtherComm .si-series-name {color: #626B70;display: block !important;float: right;font-family: Arial,Helvetica,sans-serif;font-size: 11px;font-weight: bold;line-height: 13px;margin-top: 4px;width: 100%;}
.si-OtherComm {overflow: hidden;padding: 15px 5px;text-transform: uppercase;}
.si-noBorder {border: medium none !important;}
.si-OthrStd {color: #626B70;display: inline-block;width: 100%;}
.si-OtherCommRgt .si-OtherCommGmt {color: #626B70;/*padding-top: 10px;*/text-align: center;}
.si-OthermNomtch{ overflow:hidden;}
.jspPane .si-OtherComm{ border-top:1px solid #666;}
.si-OtherCommLft{width:100%!important; padding-bottom:10px;}


/*Cricket Score*/
.si-schwrp{ background:#fff; height:225px;}
.si-csHd{ background:#50514B; color:#fff; padding:5px; text-transform:uppercase;}
.si-csTbCnt{ height:190px;}
.si-csTbCntRow{ border-bottom:1px solid #C3C1B4; padding:5px;text-transform:uppercase; }
.si-csRRgtt{ float:right; text-align:center; padding:5px; background:#fff; border-radius:5px; width:80px;}
.si-csRLft{ float:left; width:210px;}
/*.si-csMid div,.si-csMid span{ float:left;}*/
.si-csMid span img{ margin-right:5px;}
.si-csVs{ margin:0px 7px 0 0;}
.si-csMid{ overflow:hidden;}
/*	Change log: 11, Feb 2015	*/
.si-csMid > div {display: inline-block;}
.si-csBot{ text-transform:capitalize; font-size:11px;}
.si-csTop{ line-height:12px;}
.si-csFt{ text-align:left; line-height:20px; position:absolute; right:0px; bottom:-10px; font-size:11px}
.si-nowhitebg{ background:none;}
.si-csFt a{ color:#333; text-decoration:none;background:url("images/Gulfnews.png") no-repeat scroll 0 4px transparent;  width:82px; text-indent:-999px; display:inline-block; }



/* top and footer logo css */
.top-header,.brought2uby{ padding:5px;height:20px; background-color:#646464; color:#fff}
.brought2uby{ background-color:#DBDBDB; color:#666}

.topLogo img,.botLogo img{ height:20px;}
.topLogo span,.brought2uby span{ vertical-align:middle; display:inline-block;}
.topLogo span.poweredBy{ margin-right:5px; font-size:10px; height:20px}
.top-header:after,.brought2uby:after{ content:""; clear:both; display:block;}
.top-header .firstChild{ float:left;padding-top:3px; font-size:14px; line-height:15px}
.top-header .firstChild{ text-transform:uppercase;}
.top-header .topLogo,.brought2uby .botLogo{ float:right;}
.brought2uby span:first-child{margin-right:5px; font-size:10px; height:20px;}



@media only screen and (min-width : 100px) and (max-width : 319px) {
.si-schwrp{ width:auto;}
.si-csRLft{ width: 170px;}
.si-OthermCon{height: 200px;}

}

@media only screen and (min-width : 300px) and (max-width : 480px) {
.si-schwrp{ width:auto;}
.si-csRLft{ width: 175px;}	
}