*,html, body, div, img, h1, h2, p { margin:0; padding: 0; border: 0 none;}
body,html {
direction:rtl;
background:white;
font:normal normal 12px Arial, sans-serif;
overflow:auto;
height:100%;
}
html{
background:white;
}
#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 img#kab_tv_channel{
position:absolute;
top:5px;
left:15px;
}
#logo #top_a{
position:absolute;
top:56px;
right:0px;
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:15px;
font-size:14px;
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 #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:380px;
border-top:1px solid #C6D8F2;
margin:0 25px;
padding:10px;
}
#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.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;
}
#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;
}
.lexchange{
margin:10px 0 0
}
.lexchange a.lexchange_a,
.lexchange a.lexchange_a:visited,
.lexchange a.lexchange_a:link,
.lexchange a.lexchange_a:hover{
text-decoration:underline !important;
margin:0 20px 0 0
}
.descr{
margin:10px 0 20px
}
hr{
border-bottom: 2px solid black;
margin:10px 0 0
}