*,html, body, div, img, h1, h2, p { margin:0; padding: 0; border: 0 none;}
body,html {
direction:rtl;
background:#00145E;
font:normal normal 12px Arial, sans-serif;
overflow:auto;
height:100%;
}
html{
background:black;
}
#banner {position:absolute;top:0;right:265px;height:50px;}
#body{
direction:rtl;
width:980px;
height:100%;
margin:0 auto;
position:relative;
}
#body a,#body a:visited,#body a:link,#body a:hover{ text-decoration:none; color: black;}
.what{
color:#FFA302;
}
.float{
float:right;
}
/* LOGO */
#logo{
position:relative;
background-color:white;
height:77px;
}
#logo #white{
height:50px;
background-color:white;
}
#logo #blue{
height:27px;
background-color:#000078;
}
#logo img#tree{
position:absolute;
top:4px;
right:0;
}
#logo img#kab_tv{
position:absolute;
top:0px;
right:60px;
}
#logo .world-a, #logo .rss-a{
position:absolute;
top:36px;
font-size:10px;
}
#logo .world-a{
left:90px;
}
#logo #help-e{
position:absolute;
left:0;
top:0;
font:normal normal 12px Arial,sans-serif;
color:blue;
text-decoration:underline;
}
#logo .rss-a{
left:13px;
}
#logo .world-img, #logo .rss-img{
position:absolute;
top:5px;
}
#logo .world-img{
left:105px;
}
#logo .rss-img{
top:8px;
left:8px;
}
#logo img#kab_tv_channel{
position:absolute;
top:5px;
left:15px;
}
#logo #top_a{
position:absolute;
top:56px;
left:5px;
width:980px;
text-align:center;
}
#logo #top_a, #logo #top_a a, #logo #top_a a:visited{
color:white;
text-decoration:none;
}
#logo #links{
position:absolute;
top:15px;
left:255px;
font-size:12px;
font-weight:bold;
}
#logo #links .uilang{
color:#D32020;
}
/* VOD */
#vod_div{
float:left;
width:265px;
height:490px;
background-color:#000C37;
color:white;
overflow:hidden;
}
#vod_div #sel p{
text-align:center;
margin:5px 0;
color:#FFA200;
font:normal bold 12px Arial,sans-serif;
}
#vod_div #sel span{
padding:0 5px;
font:normal normal 12px Arial,sans-serif;
}
#vod_div #sel #throbber{
position:absolute;
top:0; right:20px;
width:20px;
height:20px;
}
#vod_div #categories{
width:170px;
margin:0 0 5px 10px;
padding:0;
}
#vod_div #sel{
position:relative;
width:265px;
border-bottom:1px solid #36498F;
}
#vod_div .vod{
height:436px;
overflow:auto;

scrollbar-face-color: #384B92;
visibility: visible;
scrollbar-highlight-color: #04266d;
scrollbar-shadow-color: #04266d;
scrollbar-3dlight-color: #DFE7F2;
scrollbar-arrow-color: #FFA200;
scrollbar-track-color: #000C37;
scrollbar-darkshadow-color: #DFE7F2
}
.dur{
float:right;
color:#4EA8FE !important;
clear:both;
}
.dur_w{
margin:0 80px 0 0;
}
#vod_div .vod .targ{
margin:0;
padding:5px 10px;
border-bottom:1px solid #36498F;
}
#vod_div .vod .targ .icon{
float:right;
width:70px;
height:70px;
margin:0 0 0 10px;
}
#vod_div .vod .targ .icon_w{
float:right;
width:70px;
margin:0 0 0 10px;
}
#vod_div .vod .targ .targa{
color:white;
}
#vod_div .vod .targ .serv{
clear:right;
float:left;
margin:0 3px 0 0;
color:#4EA9FF;
direction:ltr;
}
#vod_div .vod .targ .serv img{
}
#vod_div .vod .targ .serv span{
font-size:10px;
vertical-align:text-top;
}
#descr .serv_descr{
margin:3px;
}
#descr a.serv_descr, #descr a.serv_descr:visited, #descr a.serv_descr:hover{
color:#4EA9FF !important;
}
.clearfix:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
font-size:0;
}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1px;}
.clearfix{display:block;}
/* End hide from IE-mac */

/* PLAYER */
#mid{
float:left;
width:450px;
height:480px;
background-color:#384B92;
color:white;
overflow:hidden;
padding:10px 0 0;
}
#mid #live_out{
height:20px;
}
#mid #au_vid{
padding:0 30px 0 0;
padding: /**/0 0 0 30px;
position:relative;
}
#mid #au_vid a{
color:white;
background-color:#000078;
padding:3px 15px;
float:right;
}
#mid #au_vid a.video{
margin:0 25px 0 0;
}
#mid #au_vid a.audio{
margin:0 5px 0 5px;
}
#mid #au_vid a#active{
background-color:black;
}
#mid #live_bt{
height:18px;
margin:0 25px 0 25px;
color:#FFA200;
font-weight:bold;
padding:0 0 0 10px;
text-align:center;
}
#mid #live_m{
height:18px;
margin:0 25px 0 25px;
border-bottom:1px solid #FFA202;
}
#mid #live_m img{
vertical-align:middle;
}
#mid #live_m a{
float:right;
display:block;
margin:0;
padding:0 0 0 25px;
background-color:#FFA200;
color:black;
font-weight:bold;
}
#mid #pl{
margin:0 10px 0;
padding:0 15px 0;
width:400px;
}
#mid #media{
width:400px;
height:305px;
}
#mid #btns a {
color:#4EA8FE;
padding:5px 5px 5px 0;
float:left;
}
#mid #btns a.this_lang {
color:#FFA302;
}
#mid #btns a.lang {
float:right;
}
#mid #watching{
height:20px;
width:380px;
background-color:#000C37;
margin:0 25px;
padding:5px 10px 0 10px;
color:white;
font:normal normal 12px Arial, sans-serif;
}
#mid #descr{
height:70px;
width:400px;
border-top:1px solid #C6D8F2;
margin:0 25px;
padding:10px 0;
}
#descr .servw{
float:left;
margin:5px 3px 0 0;
color:#4EA8FE !important;
}
#descr .servw img{
float: left;
width:14px;
height:14px;
padding:0 0 0 3px;
vertical-align:top;
}
/* LIVE */
#live_div{
float:left;
width:265px;
height:490px;
background-color:#000C37;
color:white;
overflow:auto;
}
#live_div #live {
text-align:center;
height:17px;
padding:6px 0 4px;
color:#FFA200;
font:normal bold 12px Arial,sans-serif;
}
/* TABS */
#live_div #tabTopBar {
background-color:#000C37;
height:25px;
overflow:hidden;
}
#live_div #tabTopBar a#abar{
border-top:1px solid #384B92;
border-left:1px solid #384B92;
padding:auto 5px;
}
/*#live_div #tabTopBar a#abar.sel_bar{
background-color:#000C37;
color:white;
border-top:1px solid #2B64A7;
border-left:1px solid #2B64A7;
color:white;
}*/
#live_div #tabTopBar a.sel_bar{
background-color:#DFE7F2;
color:#100010;
}
#live_div #tabTopBar a{
padding:5px 8px 5px 8px;
margin:0 0 0 1px;
display:block;
float:right;
background-color:#384B92;
color:#FFA200;
border-right:1px solid #000C37;
border-left:1px solid #000C37;
}
#live_div #tabInfo{
position:relative;
left:0;
top:0;
height:435px;
width:265px;
border:0 none;
}
#f{
position:absolute;
left:0;
top:0;
width:265px;
border:0 none;
height:438px;
}
/* BOTTOM */
#bottom {
position:relative;
background-color:#000078;
color:white;
height:20px;
text-align:center;
padding:10px 0 0;
clear:both;
font-size:x-small;
}
#bottom #bot_a{
margin:0 10px 0 0;
float:right;
}
#bottom #bot_a, #bottom #bot_a a, #bottom #bot_a a:visited{
color:white;
text-decoration:none;
}
#bottom #castup img{
vertical-align:middle;
width:67px;
height:19px;
}
#bottom #castup a{
color:white;
}
#bottom #castup{
font-size:10px;
float:left;
margin:0 0 0 10px;
}
#descr #broadcast{
position:relative;
background-color:#2b64a7;
color:#ffa200;
border:1px solid transparent;
}
#descr #beta a, #descr #beta a:visited, #descr #beta a:hover {
color: yellow !important;
display: block;
font-weight: bold;
font-size:13px;
margin-top: 1em;
}
#descr #broadcast #select{
background-color:#000078;
color:#FFA200;
font-weight:bold;
left:10px;
position:absolute;
top:10px;
padding:3px;
border-top:1px solid #7fc0ff;
border-left:1px solid #7fc0ff;
border-right:1px solid #000c37;
border-bottom:1px solid #000c37;
}
#descr #broadcast #source{
float:right;
padding:3px 6px 3px 0;
clear:right;
width:330px;
}
#descr #broadcast #quality{
border-bottom:1px solid #384b92;
float:right;
padding:3px 6px 3px 0;
width:330px;
}
#descr #broadcast label, #descr #broadcast input{
display:inline;
color:wite;
margin:0 2px;
}
#descr #broadcast span{
color:#7fc0ff;
}