/* --------------------- GENERALHTML --------------------- */

body, html {
	margin: 0;
	padding: 0;
}

body, input, textarea, select, table {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

body {

	text-align: left;
	margin-left: 0px;
}



a {
	color: #060696;
	text-decoration: none;
}

a:hover {
	color: #db2222;
	text-decoration: underline;
}

h2 {
	font-weight: bold;
	margin: 0;
}

ul {
	padding: 0;
	margin: 0;	
}

TABLE {
	padding: 0;
	cell-spacing: 0;	
}	 


TD {
	vertical-align: top;
}	 

a.active {
	color: #d60000;
}

a.normal {
	color: #333;
}

a.fading {
	color: #999;
}

.clear {
clear: both;
}




/* --------------------- common elements --------------------- */


.sub {
background: #ffffcc;
font: 14px Verdana;
font-weight: bold;
padding: 5px 0 5px 5px;
color: #999999;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
}













/* --------------------- heading --------------------- */
#panel_heading {
width: 100%;
border-top: 1px solid #cccccc;
margin: 10px 0 20px 0;

}


/* --------------------- ch_select --------------------- */



TABLE.heading_tab {
background: #ffffcc;
border-collapse: collapse;
}

TABLE.heading_tab TD {
background: #ffffcc;
border: 1px dotted #CCC;
border-top: 0px;
padding: 4px;
font-weight: bold;
font-size: 14px;
}

TABLE.heading_tab_link TD {
background: #ffffcc;
border: 1px dotted #CCC;
padding: 4px;
font-weight: bold;
font-size: 15px;
}






#ch_select {
display:none;
/*position:absolute;*/
background-color:#fff;
z-index:11000;
/*border:4px solid #d3e6ff;*/
}


#ch_select .channelgroup {
display:block;
background-color:#dddddd;
padding:2px;
background-repeat: no-repeat;
font-size: 13px;
}



#ch_select a {
/*padding: 10px;*/
font-size: 12px;
font-weight: bold;
}





/* --------------------- select_left --------------------- */

#select_left { width: 160px; padding-right: 5px; }
#select_left ul { margin: 0; padding: 0; }
#select_left li { margin: 0; list-style: none; border-top: 1px solid #efefef; padding: 3px 2px 2px 3px; }
#select_left li a { font-size: 12px; }

/* --------------------- headings --------------------- */


#headings { clear: both; display: block; width: 100%; margin-top: 5px; }
#headings .title { font-family: Verdana; padding: 5px 0 0 10px; display: block; position: relative; text-align: left; font-size: 22px; font-weight: bold; color: #333; }
#headings .explanation { display: block; position: relative; padding: 1px 0 0 10px; text-align: left; font-size: 10px; color: #999; }


/* --------------------- DaySelection --------------------- */

#select_day 		{ float: left; width: 410px; }
#select_day li 		{ float: left; list-style: none; width: 27px; overflow: hidden; }
#select_day li span { display: block; width: 100%; text-align: center; font-size: 10px; color: #999; }
#select_day li.active span { color: #d60000; }
#select_day li a 	{ display: block; text-align: center; width: 100%; font-size: 26px;font-weight: bold; color: #333; }
#select_day li a:hover { text-decoration: none; color: #62a9db; }
#select_day li.active a { color: #d60000; }
#select_day li.active a:hover { color: #d60000; }

              


/* --------------------- GRID --------------------- */

#grid TABLE.maintable { width: 100%; border-collapse: collapse; border: 1px solid #efefef; }
#grid TD.maintablerow { border: 1px solid #efefef; border-bottom: 1px dotted #cccccc; }

#grid TABLE.page_channel { width: 100%; border-collapse: collapse; border: 0px; border-bottom: 1px solid #efefef; }
#grid TD.page_channel { border-left: 1px solid #efefef; border-right: 1px solid #efefef; }





#grid .time {  font: 10px Verdana; float:left; width:33px; padding: 2px 0 2px 3px; color: #000; }
#grid .title { font: 11px Verdana; float:left; width:75%; padding-left:5px; padding-top: 1px; color: #060696; }
#grid .golink_ad { font: 11px Verdana; color: red; font-weight: bold; }
  

#grid a.normal { color: #060696; }
#grid a.personal  {	color: red;	font-weight: bold; }

#grid .b_hide { float:left; width:95%; display:none; align:left; font-size:11px; background-color: #d3e6ff; color: #000; padding-left: 5px; padding-top: 5px; padding-bottom: 15px; }
#grid .b_hide img { margin-bottom: 10px; }
#grid .b_hide p { text-align: justify; line-height: 13px; }

#grid a.golink  { font: 11px Verdana; }
#grid .channeltitle { float: right; padding: 0 0 0 15px; font: 16px Verdana; font-weight: bold; color: #333; }

/* --------------------- page_channel --------------------- */



#page_channel .channellogo { float: left; padding: 0 0 10px 0; }
#page_channel .channeltitle { float: left; padding: 0 0 0 15px; font: 16px Verdana; font-weight: bold; color: #333; }




/* --------------------- popup --------------------- */

.popup 	 	 	   	 { background: #F6F6F6;  margin-left:18px; border-top: 1px solid #4B4B4B;border-left: 1px solid #4B4B4B;border-right: 1px solid #4B4B4B; border-bottom: 1px solid #4B4B4B;}
.popup .title  	 	 { background: #4B4B4B; padding: 5px;  color: #FFFFFF; font-weight: bold; font-size: 12px; text-align: left;  }
.popup .description  {  background: #F6F6F6;  padding: 5px; font-size: 12px; text-align: justify;   }
.popup .sponsor  	 { margin-top: 0px;}





/* --------------------- page_movie --------------------- */


#page_movie { margin-left: 5px;}
#page_movie .tab { clear: both; background: #ffffcc; font: 14px Verdana; font-weight: bold; padding: 5px 0 5px 5px; color: #999999; border: 1px solid #efefef; margin-bottom: 20px; margin-top: 20px; }
#page_movie .moviebox { float: left; height: 250px; width: 195px; border: 1px solid #ccc; overflow: hidden; }
#page_movie .image { height: 120px; overflow: hidden; }
#page_movie .image img { width: 195px; }
#page_movie .time  { float: left; width: 20px; font: 10px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #000; padding-left: 3px;}
#page_movie .channel {float: right;font: 11px Verdana;color: #0156c8; padding-right: 3px;}
#page_movie .title {clear: both; font: 12px Verdana; font-weight: bold; padding: 3px; }
#page_movie .description { font: 10px Verdana; color: #999; padding: 3px; }




/* --------------------- ads  --------------------- */

#ad_include				 { margin-top: 10px; margin-bottom: 10px; }
#ad_channelgroup		 { margin-top: 0px; margin-bottom: 200px; }
#ad_channel				 { margin-top: 100px; }
#ad_footer 				 { margin-top: 25px; }
#ad_leftpanel 			 { margin-top: 25px; }
#ad_leftpanel2 			 { margin-top: 0px; }
#ad_header_728x90		 { width: 100%; text-align: center; margin-top: 5px; border-top: 1px solid #ccc; padding-top: 5px; }
#ad_header_1000x120		 { width: 100%; text-align: center; margin-top: 5px; border-top: 1px solid #ccc; padding-top: 5px; position:relative; z-index:9999999}
#ad_header_1000x200		 { width: 100%; text-align: center; margin-top: 5px; border-top: 1px solid #ccc; padding-top: 5px; }

/* --------------------- page_series --------------------- */


#page_series { margin: 20px 0 50px 8px; }
#page_series TABLE.serieslist { width: 100%; padding: 0px; background: #ffffcc; border: 1px solid #efefef; }

#page_series .selectSerial ul { }
#page_series .selectSerial li { float: left; width: 190px; height: 15px; overflow: hidden; list-style: none; border-bottom: 1px dotted #d3d3d3; padding: 1px 0 2px 3px; }
#page_series .selectSerial li a { font-size: 10px; color: #333; }
#page_series .selectSerial li a.active { color: #d60000; font-weight: bold; }

#page_series .title { width: 100%; font-size: 13px; font-weight: bold;}
#page_series .description { width: 100%; font-size: 11px; text-align: justify; margin-top: 10px; }
#page_series .tab_separate  { background: #ffffcc; font: 14px Verdana; font-weight: bold; padding: 5px 0 5px 5px; margin-bottom: 10px; color: #999999; border: 1px solid #efefef; }
#page_series .logo{ height: 20px; width:40px; overflow: hidden; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef;}
#page_series .time { 	font: 11px Verdana; color: #000; width:33px;}

#page_series .seriestitle { width: 100%; font-size: 15px; font-weight: bold;}
#page_series .seriesdescription { width: 100%; font-size: 12px; text-align: justify; margin-top: 10px; }
#page_series .alphabet { height:30px; font-size: 12px; text-align: center; padding-top: 10px; border: solid 1px #CCC; }

/* --------------------- page_register --------------------- */




#page_register { width: 100%;  margin: 100px 0 200px 0px; }
#page_register INPUT { font: 13px Tahoma, Arial, Helvetica, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 200px; margin-right: 10px; }
#page_register .submit-button { background: #d60000; border-style: none; color: #fff; font-size: 20px;}
#page_register .form { width: 350px; position: relative; float: left; }
#page_register .explain { width: 350px; position: relative; padding-bottom: 20px; font-size: 13px; text-align: justify; }
#page_register .error { color: #d60000; font-weight: bold; margin-bottom: 30px;}
#page_register .registerdone { font-size: 1.2em; }

#page_register .loginbox { width: 350px; position: relative; float:left ;padding-left: 100px;   }
#page_register .loginbox .explain{ font-size: 13px; text-align: justify; }

/* --------------------- page_personal --------------------- */

#page_personal { padding: 40px 0 100px 5px; }
#page_personal TD { text-valign: center; }

#page_personal .message_logout { border: 1px solid #efefef;  padding: 20px 20px 20px 25px; font-size: 15px; }
#page_personal .message_empty { border: 1px solid #efefef;  padding: 20px 20px 20px 25px; font-size: 15px; }
#page_personal .message_success_add { border: 1px solid #efefef;  padding: 20px 20px 20px 25px; font-size: 15px; background-color: #C3FDB8; }
#page_personal .message_success_delete { border: 1px solid #efefef;  padding: 20px 20px 20px 25px; font-size: 15px; background-color: #FBBBB9; }

#page_personal .date  { background: #ffffcc; font: 14px Verdana; font-weight: bold; padding: 5px 0 5px 5px; margin-bottom: 10px; color: #999999; border: 1px solid #efefef; }
#page_personal .time { font-size: 11px; }
#page_personal .title { font-size: 14px; font-weight: bold; }
#page_personal .description { padding-top: 3px; font-size: 11px; text-align: justify; }
#page_personal .golink { float: left; font-size: 11px; color: gray; }

#page_personal .right_heading { padding: 4px; font-weight: bold; font-size: 13px; color: gray; }
#page_personal .right_heading a { font-weight: bold; font-size: 13px; color: gray; }
#page_personal .selectedserial_title { font-weight: bold; font-size: 11px; }

#page_personal .tabs { padding: 4px;  font-weight: bold; font-size: 15px; color: gray; }
#page_personal .tabs a {}
#page_personal .tabs a.active {font-weight: bold; color: #d60000;}


/* --------------------- search --------------------- */

#page_search { width: 100%;  margin: 100px 0 200px 0px; }
#page_search .keywords { font: 20px Tahoma, Arial, Helvetica, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 200px; margin-right: 10px; }
#page_search .submit-button { background: #d60000; border-style: none; color: #fff; font-size: 20px; }
#page_search .resultbox { float: left; width: 600px; padding-right: 10px; }
#page_search .heading { width: 100%; margin-top: 15px; margin-bottom: 20px; font-weight: bold; font-size: 14px; }
#page_search TD { border-bottom: 1px solid #CCC; }
#page_search .logo { width: 20px; height: 20px; padding: 5px 0 3px 0; margin: 0 10px 0 0; overflow: hidden; }
#page_search .time { padding: 5px 0 3px 0; width: 60px; font-size: 10px; }
#page_search .title { padding: 5px 0 3px 0; font-size: 12px; }




/* --------------------- feedback --------------------- */

#page_feedback { width: 100%;  margin: 100px 0 200px 0px; }
#page_feedback INPUT, TEXTAREA { font: 13px Tahoma, Arial, Helvetica, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 350px; margin-right: 10px;}
#page_feedback .submit-button { background: #d60000; border-style: none; color: #fff; font-size: 20px; width: 350px; }
#page_feedback .form { width: 100%; }
#page_feedback .feedbackdone { font-size: 20px; }



/* --------------------- header  --------------------- */

#quote { margin-top:5px; font-size: 11px; width: 100%;  padding-top: 2px; padding-left: 30px; }
#quote_ad { margin-top:5px; font-size: 11px; width: 100%;  padding-top: 2px; padding-left: 30px; }
#quote_left { margin-top:5px; font-size: 11px; width: 140px; padding-top: 2px; padding-left: 30px; }


/* --------------------- topnav  --------------------- */



#topnav #tbltopnav {height: 30px; width: 100%;}
#topnav #tbltopnavsearch{height: 15px; width: 100%; font-size: 2px; font-color: #fff;}

#topnav .link_active   { padding: 7px 4px 0 4px; text-decoration: none; font-size: 14px; font-weight: bold; font-family: verdana; height: 30px; background: #fff; }
#topnav .link_active a { color:#000; }
#topnav .link 		   { padding: 7px 4px 0 4px; text-decoration: none; font-size: 12px;  font-weight: bold; font-family: verdana; height: 30px; }
#topnav .link a 	   { color:#fff; }


#topnav .text   {
color: white;
font-size: 12px;
}




#topnav .text a.error  {
color: yellow;
font-weight: bold;
font-size: 14px;
}





#topnav .login .error a {
color: yellow;
font-size: 11px;
font-weight: bold;
font-family: Verdana;
margin: 8px 20px 0 0;

}

#topnav .login .loggedin {
color: #fff;
font-size: 11px;
font-family: Verdana;
margin: 5px 20px 0 0;

}

#topnav #logoutlink a {
color: #d60000; padding-top:5px; font-size: 10px;

}

#topnav_search {
	float: right;
	height: 22px;
	width: 115px;
	margin-right: 5px;
	background-repeat: no-repeat;
	padding-left: 4px;
}
#topnav_search .btn {
	float: right;
}

#topnav_search .field {
	float: left;
	width: 94px;
	border: 1px none #FFF;
	font-size: 11px;
	color: #000;
	padding-top: 1px;
	float: left;  	
}

#topnav_loginbox {
	float: left;
	height: 22px;
	width: 106px;
	/*margin-right: 2px;*/
	background-repeat: no-repeat;
	padding-left: 4px;
}

#topnav_loginbox .field {
	float: left;
	width: 94px;
	border: 1px none #FFF;
	font-size: 9px;
	color: #000;
	padding-top: 1px;
	float: left;  	
}
  
.nav1button {
padding: 1px;
background: #1874CD;
border: 1px solid #87CEFA;
color: #fff;
}



#details {
padding: 20px 0 0 0;
}




#details .maininfo .title { font-size: 20px; font-weight: bold; }
#details .maininfo .title a { color: #666666; }
#details .maininfo .description { font: 17px Arial; font-weight: normal; text-align: justify; color: #666666; }
#details .maininfo .datetime { font: 11px Verdana; color: gray; width: 100%; }


#details .serieslist .title { font-size: 12px; font-weight: bold;  }
#details .serieslist .description { font: 12px Arial; color: gray; }
#details .serieslist .datetime { color: #666666; }

#details .onair .heading {  background: #ffffcc; padding: 4px; font: 14px Verdana; font-weight: bold; color: #999999; border: 1px solid #efefef;  }
#details .onair .title a { color: gray; font-size: 11px; font-weight: normal; }
#details .onair .time { color: #666666; }


#translation_title {

font-weight: bold;
}


/* --------------------- Page_Channel_Personal  --------------------- */
#page_channel_personal .moviebox { float: left;  height: 250px; width: 200px; margin: 2px; overflow: hidden;  }

#page_channel_personal #grid .title { font: 11px Verdana; padding-left:5px; padding-top: 1px; color: #060696; }

}


/*********************
SMALL BUTTON STYLE
**********************/

#btn_container_small {
	float:left;
	position:relative;
}
#btn_container_small img {
	float:left;
	height: 25px;
	width: 5px;
}

/*#btn_container_small #btn_TextHolder {
	
	background-image: url(http://img.kava.ee/btn_bg_small_blue.gif);
	background-repeat: repeat-x;
	float: left;
	height: 27px;
	font-size: 11px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 4px;
	padding-left:8px;
	padding-right:8px;
}*/

#btn_container_small .transparent
{
   filter:alpha(opacity=0); 
   -moz-opacity: 0; 
   opacity: 0; 
   width:100%;
   height:100%;
   cursor:pointer;
  
}
#btn_container_small #button
{
  position:absolute;
  left:0px;
  width:100%;
  height:100%
  
}

#btn_container_small #button input
{
  width:100%;
  height:35px;
  
}

/*********************
Blue BUTTON STYLE
**********************/
#btn_container_small #btn_TextHolder_small_blue {
	
	
	background-repeat: repeat-x;
	float: left;
	height: 27px;
	font-size: 11px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 4px;
	padding-left:8px;
	padding-right:8px;
}

/*********************
RED BUTTON STYLE
**********************/
#btn_container_small #btn_TextHolder_small_red {
	
	
	background-repeat: repeat-x;
	float: left;
	height: 27px;
	font-size: 11px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 4px;
	padding-left:8px;
	padding-right:8px;
}


/*********************
INPUT BOX POPUP 
**********************/
#popupholder #listing_area {
	width: 98%;
	height: 275px;
	background-color: white;
	/*overflow-y: scroll; 
	scrollbar-arrow-color: #919191; 
	scrollbar-face-color: #e7e7e7; 
	scrollbar-3dlight-color: #a0a0a0; 
	scrollbar-darkshadow-color: #888888	;*/
	font-size: 14px;
	margin-top:3px;
	
	

}

#popupholder #popup_heading{
	padding-top:9px;
	height:28px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:	#59595a;
	background-image:url(../images/popup_top_bg.gif);
	border-bottom: #c8c7c7 1px solid;
	
}


#popupholder #close {
	height:28px;
	margin-top:3px;
	font-size:12px;
	text-align:center;
	padding-top:8px;
	background-image:url(../images/popup_top_bg.gif);
	border-top: #c8c7c7 1px solid;
}

#popupholder #PopupListingText {
	float: left;
	height: 19px;
	width:99%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 3px;
	padding-left: 5px;
}
#popupholder .HighlightText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #F00;
	text-decoration: none;
}
#popupholder #PopupArea{
	text-decoration: none;
	width: 190px;
	z-index: 5000;
	float: left;
	left: 13px;
	top: 30px;
	border: 1px solid #919191;
	background-color:#FFF;
}

#popupholder .LightGreyBg {
	background-color: #FFC;
	cursor: pointer;
}