/*

	project: dotTV - 2nd edition



/* default styles
   -------------- */
*{ margin: 0; padding: 0; }*
body {
	font: .7em Arial,Tahoma, sans-serif;
	line-height: 1.6em;
	background: #ffffff;
	color: #32475a;
}

a {	color: #133c62;	background: inherit;}
a:hover { color: #ff6802; background: inherit; }

img {border: 0px;}

h1 { font: normal 2.4em Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0; }
h1 a { color: #ff6802; background: inherit; }

.green { color: #9dc732; }
sup { font-size: .5em; }

h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
p {	margin: 0 0 5px 0; }

ul { list-style : none; }
.titles {
color: #000000;
	clear: both;
	font-weight: bold;
	padding-right:5px;
	margin: 5px 0;}

/* layout
   ------ */

.layout {
	margin: 0 auto;
	width: 990px;
	height:600px;
	background: url(../images/background.jpg) no-repeat center top;
}

.header {
	height: 47px;
	color: #808080;
	margin: 0 0;
	padding: 0 0 0 0;
}


.tv_name {
		float: left;
	}

/* languages
   ------ */
	.languages {
		float: right;
		width: 200px;
        text-align: right;
		}

.languages	a {
color: #ffffff;
background: inherit;
text-decoration:none;
margin-right:5px;}

.languages a:hover {
color: #9dc732; }


/* BANNER
   ------ */


#banner {

margin-left:8px;
	width: 468px;
	height:60px;
	
	display:block;
	position: static;
	clear:left;
}


/* channels
   ------ */
#channels {
	clear: both;
    text-align: right;
	padding-right:20px;
	width:980px;
	height: 23px;
	color: #666666;
	padding-top:20px;

}

#channels ul { clear: both; margin: 0 0 1em 0; padding: 0 0 0 0; border-bottom: 0 px solid #DCDBD5; border-top: 0px solid #DCDBD5;width:980px;}
#channels li { display: inline; }
#channels a { padding: 1px 5px; margin: 0 0 0 0; text-decoration: none; color: #333333; background: inherit; }
#channels a:active { color: #fff; background: #000000; }
#channels a:hover { background: #fff; background: #f17901; }



/* subchannels
   ------ */
#subchannels{
	color: #808080;
	clear: both;
	width:300px;
    height: 20px;
	float:right;
	margin-bottom:8px;
	display:inline;
	position: relative;
	
}


#subchannels ul { clear: both; margin-top:0px; padding-right:10px;}
#subchannels li { display: inline; }
#subchannels a { padding-right:10px;margin: 0 0 0 0; text-decoration: none; color: #ffffff; background: inherit; }
#subchannels a:active{ color: #fff; background: #9dc732; }
#subchannels a:hover { background: #fff; color: #444;}




/* search form */
.search_box {
	color: #808080;
	clear: both;
	font-weight: bold;
	padding-right:5px;
	display:block;
}



	input.search {
		width: 120px;
		border: 0;
		background: #fadcc0;
		color: #000000;
		font-size:11px;
		margin: 0 0 0 3px;
		border: solid 1px #CCCCCC;
		height:20px;
	}
	input.submit {
		background: #f17800 ;
		border: 0;
		padding: 4px 0;
		width: 40px;
		height:20px
		margin: 0 10px 1px 0;
		color: #FFF;
		font: bold 10px Arial, Sans-Serif;
	}
	.grey { color: #808080; background: inherit; font-weight: normal; }
	.search_form { float: none; }




/*Advanced search form */
#adv_search_box {
	color: #000000;

}

#adv_search_box fieldset
{


border:0px;

}


#adv_search_box label {

font-weight: normal;
float: left;
margin-left: 5px; /*width of left column*/
width: 70px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
color:#333333;
}

.adv_search_box submit{
	background: #ead6be url(../images/submit.gif) no-repeat;
		border: 0;
		padding: 4px 0;
		width: 40px;
		height:20px
		margin: 0 10px 1px 0;
		color: #00000;
		font: bold 10px Arial, Sans-Serif;
	}

#adv_search_box	input, select,textarea{

	    background: #ead6be;
		color: #000000;
		font-size:11px;
		border: solid 1px #333333;
		margin-bottom:10px;
	}




#adv_search_box br {
height:20px;
}





/* videobox
   --------- */

.video {
	float: left;
	width: 680px;
	height:395px;
	margin-top:0px;
	padding-top:24px;
	margin-left:2px;

}

.video h3 {
	color: #204464;
	font: bold 11px Arial;
	margin-bottom:12px;
}

.video h2 {
	color: #666666;
	font:11px Arial;
}

.video h1 {
	color: #204464;
	font:10px Arial;
}



	.video_box {
        float: left;
		color: #000;
	

	

	}


    .video_box p {
		color: #333333;
 
	}

	  .video_box_title {
		color: #000000;
		font-weight:bold;
		display:block;
		
	}

	 .video_box_abstract {
		color: #333333;
		display:block;
	 
		text-align:justify;
	}

 .video_box_description {
		color: #333333;
		display:block;

		counter-reset:inherit;
		text-align:justify;
	}

	 .video_box_author {
		color: #b2b3bb;
		display:block;

	}


 .video_box_duration {
		color: #8ac0ed;
		display:block;
	  
	}

	 .video_box_copyright {
		color: #E0691A;
		display:block;
	    padding-left:10px;
	}

	 .wm_player {
display: block;
background: #000000;
width: 450px;
height: 338px;
float:left;
margin-right:2px;
margin-top:5px;

}


	.player_controls {
		float: left;
		width: 400px;
		background:#333333;
		height:25px;
		padding: 0 0 0 0;
		margin: 0 0 0 3px;
	}

	.player_controls a{ color: #414141; background: #FFF; }


/* newentry
   ---------- */
.newentry {
float:left;
color: #808080;
margin-left:2px;
padding-top:1px;
margin-top:1px;
padding-left:1px;
width:290px;
height:80px;
min-height:80px;
max-height:80px;
margin-bottom:20px;


	}

.newentry	a {
color: #ffffff;
background: inherit;
text-decoration:none;}

.newentry a:hover {
color: #666666; }


.newentry_thumbnail {
		float: left;
		margin: 0px 4px 5px 5px;
        border: 0px;
        width: 50px;
        height: 38px;
			border: solid 1px #1a3e5b;
	}


.right_modules{
    float: right;
    width: 290px;
	height:488px;
	min-height:488px;
	max-height:488px;

}
/* video list
   ---------- */

#videolist {
	float: right;
	width: 300px;
	margin: 0 0 0 0;
	max-height:246px;
	height:246px;
	min-height:246px;

	
}

.videolist_thumbnail {
      float: left;
		margin: 5px 10px 5px 5px;
        width: 70px;
        height: 53px;
	
		border:thin 1px #1a3e5b;
    }



#videolist h3 {
		color: #204464;
		text-transform:uppercase;
		padding: 0 0 0 0;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		margin: 0 0 3px 0;
	}

#videolist	a {
        color: #333333;
        background: inherit;
        text-decoration:none;
		}

#videolist a:hover {
        color: #f17901;
		}

#videolist p{

	display: table-row-group;
	clear:both;
	height:60px;
	max-height:60px;
	min-height:60px;

}

.videolist ul{

}

.videolist li{
    height:70px;
	max-height:70px;
	min-height:70px;


}

.videolist_abstract {
		color: #72797f;
		font-size:10px;

	}

.videolist_box {
		color: #72797f;
		padding: 8px;
        margin: 0 0 3px 0;1}




/* videolist pager
   ------ */

.videolist_pager {

		color: #32475a;
		margin-top:0px;
		padding-top:0px;
		position:absolute;
}

.videolist_pager	a {
color: #32475a;
background: inherit;
text-decoration:none;
margin-top:0px;
padding-top:0px;
font-size:10px;}

.videolist_pager a:hover {
color: #666666; }


/* livechannels schedule - playout list
   ------ */
	.clock

{
	font-size:11px;
	color: #082f50;
	position:absolute;
	padding-left:163px;
	}

#playout_schema ul{
	height:23px;
	max-height:230px;
	min-height:230px;
	width:287px;
	color:#333333;
	
}

.playout_schema li{
    height:25px;
	max-height:25px;
	min-height:25px;
	color:#333333;
	

}

/* livechannels
   ------ */



.livechannels {
   background: #f17800;
		color: #ffffff;
		padding: 12px 8px;
		margin: 0px 0 5px 0;
		width:280px;
		max-width:270px;
		font-weight:bold;
	}

.livechannels	a {
color: #ffffff;
background: inherit;
text-decoration:none;
font-weight:bold;}

.livechannels a:hover {
color: #000000; }


	.image {
		float: left;
		margin: 0 9px 3px 0;
	}



	/* livechannel_list
   ------ */

#livechannel_list {
		color: #ffffff;
		padding: 12px 8px;
		margin: 0px 0 5px 0;
		height:246px;
		max-height:246px;
	}



#livechannel_list  ul { clear: both; margin: 0 0 1em 0; padding: 0 0 0 0;width:280px;}
#livechannel_list  li { display: block; }
#livechannel_list  a { padding: 1px 5px; margin: 0 0 0 0; text-decoration: none; color: #333333; background: inherit; }
#livechannel_list  a.current { color: #fff; background: #c3dd14; }
#livechannel_list  a:hover { background: #fff; color: #444;}

.activeOnairContent { color: #fff; background: #c3dd14; display:block;}
.livechannel_item { color: #175389;display:block;}
.livechannel_time {float:left; color: #175389;display:inline; font-size:9px;padding-right:5px; font-weight:bold;}








/* interactivity
   ------ */

.interactivity {

		color: #000000;
		padding-left:160px;
		position:relative;
		clear:right;
		height:30px;
	}

.interactivity	a {
color: #000000;
background: inherit;
text-decoration:none;
	}

.interactivity a:hover {
color: #ffffff; }


	.image {
		float: left;
		margin: 0 9px 3px 0;
	}


/* Poll module
   ------ */

#poll {

	width: 290px;
	margin: 0 0 0 0;
	margin-top:0px;
	padding-top:0px;
	color:#333333;
	max-height:230px;
	height:230px;
	min-height:230px;
	
}


#poll H3{

color:#32475a;
font-size:10px;
font-weight:bold;
margin-bottom:10px;

	
	
}


#poll ul{
	height:200px;

}

#poll li{
    height:20px;
	max-height:20px;
	min-height:20px;

}


#poll fieldset
{


border:0px;

}


#poll label {

font-weight: normal;
float: left;
margin-left: 1px; /*width of left column*/
width: 250px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
border-bottom: 1px dotted #DCDBD5;
}

#poll submit{
	background: #fe6c04;
		border: 0;
		padding: 1px 0;
		width: 40px;
		height:20px
		margin: 0 5px 1px 0;
		color: #FFFFFF;
		font: bold 10px Arial, Sans-Serif;
	}

#poll	input, select,textarea{

	   
		color: #E0691A;
		font-size:11px;
		border: solid 1px #CCCCCC;
		margin-bottom:10px;
	}

.poll_results_title

{
	font-size:11px;
	color: #19214e;
	}



.poll_results_answer

{
	font-size:10px;
    color: #666666;
	margin-right:5px;
	}



/*Addd comment form */
#add_comment {
	color: #333333;

}

#add_comment fieldset
{


border:0px;

}


#add_comment label {

font-weight: normal;
float: left;
margin-left: 1px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
color:#333333
}

.add_comment submit{
	background: #ead6be url(../images/submit.gif) no-repeat;
		border: 0;
		padding: 4px 0;
		width: 40px;
		height:20px
		margin: 0 10px 1px 0;
		color: #000000;
		font: bold 10px Arial, Sans-Serif;
	}

#add_comment	input, select,textarea{

	    background: #ead6be;
		color: #000000;
		font-size:11px;
		border: solid 1px #ffffff;
		margin-bottom:10px;
	}




#add_comment br {
height:10px;
}


#add_comment a {
color:#FF9900;
}


.comment_text {
		color: #3e3c3a;
		font-size:10px;
	    display:block;
	margin-left: 1px; /*width of left column*/
width: 250px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
border-bottom: 1px dotted #DCDBD5;

	}


.comment_name {
		color: #8b3f0b;
		font-size:10px;
		font-weight:bold;
	}



.comment_pager {

		color: #32475a;
		margin-top:0px;
		padding-top:0px;
		position:absolute;
}

.comment_pager	a {
color: #32475a;
background: inherit;
text-decoration:none;
margin-top:0px;
padding-top:0px;
font-size:10px;}

.comment_pager a:hover {
color: #666666; }




/*Tell a friend form */
#tellAFirend {
	color: #333333;

}

#tellAFirend fieldset
{


border:0px;

}


#tellAFirend label {

font-weight: normal;
float: left;
margin-left: 1px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
color:#333333;
}

.tellAFirend submit{
	background: #ead6be url(../images/submit.gif) no-repeat;
		border: 0;
		padding: 4px 0;
		width: 40px;
		height:20px
		margin: 0 10px 1px 0;
		color: #000000;
		font: bold 10px Arial, Sans-Serif;
	}

#tellAFirend	input, select,textarea{

	    background: #ead6be;
		color: #000000;
		font-size:11px;
		border: solid 1px #ffffff;
		margin-bottom:10px;
	}




#tellAFirend br {
height:20px;
}


#tellAFirend a {
color:#FF9900;
}



/* Scroller RSS
   ------ */

#TICKER {
	overflow:hidden; 
	width:985px; 
	display:block;
	position:relative; 
	clear:left; 
	margin-bottom:10px;
}


#TICKER a {
color:#ffffff;
font-weight:bold;
}



/* footer
   ------ */

.footer {

	text-align: center;
	padding: 1px 0;
	margin-left:5px;
	border-top: 0px solid #ffffff;
	line-height: 2em;
	color:#000000;
}
	.footer a { color: #000000; text-decoration:none; }
	.footer a:hover { color: #f17901; }

/* livechannel
	  ------ */
/* classname fo current content that is in playout */
.activeOnairContent{
	color:#ffffff;
	background-color: #abceee;
}
.serverTime{
	color: #9dc732;
}
.gallery_title{
	color: #32475a;
	font-weight: bold;
	margin-left: 80px;
   width:49%;
	display:inline;
	float:left;
}
.gallery_name_title{
	color: #333333;
	font-weight: bold;
	margin-left: 10px;
}
.gallery_contents{
	display: block;
	margin-left: 12px;
}
.gallery_list{
	display:block;
}
.gallery_thumbnail {
		margin: 5px 10px 5px 5px;
        width: 70px;
        height: 53px;
		
}
.gallery_module{
	height: 495px;
	min-height: 495px;
	max-height: 495px;
	
}
.all_modules{
	height:493px;
	min-height:493px;
	max-height:493px;
}
.gallery_header{
    
}
.gallery_back{
	color: #ffffff;
	font-weight: bold;
   width:48%;
	text-decoration: none;
}
.back_link{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.gallery_body{
	height:470px;
	text-align: left;
	padding: 2px;
	overflow: auto;
}
.gallery_pager    a {
    color: #32475a;
    background: inherit;
    text-decoration:none;
    margin-top:0px;
    padding-top:0px;
}

.gallery_pager{
    color: #32475a;
	margin-right: 25px;
}


/* styles for the star rater */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../images/star.gif) left -1000px repeat-x;
}

.star-rating{
	position:relative;
	width:60px;
	height:12px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
	width:60px;
		color: #333333;
}
.star-rating li{
	display: inline;
}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:12px;
	line-height:12px;
	outline:none;
	overflow:hidden;
	border: none;
		color: #333333;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
	padding-top:10px;
	color: #333333;
}

.rating
{
	border: 0px solid #9DC732;
	vertical-align: middle;
	color: #333333;
	padding: 2px;
	
}

/* login */

.login
{
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	background-color:#000000;

}

.login_form {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	background-color:#EEEEEE;
	width: 200px;
	position: relative;
	top: 100px;
	left: 100px;
}