*
{
	padding: 0;
	margin: 0;
}

html, body, input, p, label
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #FFF;
}

label
{
	color: #000;
}

body
{
	background-color: #151516;
	background-image: url("../medias/art/body_background.jpg");
	background-repeat: repeat;
}

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

a:link	
{

} 

a:visited	
{

} 

a:active	
{ 
	
} 

a:hover		
{ 

} 
	
img	
{
	border: none;
}
	
h1	
{
	font-size: 13px;
	line-height: 14px;
}

h2	
{
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	margin: 0 0 14px 0;
}		

h3	
{
	font-size: 16px;
	line-height: 16px;
}
	
h4	
{

}

p	
{

}

.text2
{
	font-style:italic;
}

#wrapper
{
	position: relative;
	width: 990px;
	text-align: left;
	margin: 0 auto;
}	

/*
#top_background
{
	position: absolute;
	width: 100%;
	height: 100px;
	background-color: #FF0000;
}

#content
{
	position: relative;
	width: 990px;
	margin : 0px auto;
	align: center;
}
*/

#flashplayer
{
	position: relative;
	width: 990px;
	height: 535px;
	/*
	background-image: url("../medias/art/flashplayer_background.jpg");
	background-repeat: no-repeat;
	*/
}

#column_left
{
	float: left;
	width: 700px;
}

#column_right
{
	float: left;
	width: 290px;
	background-color: #000;	
}

#navcontainer
{
	z-index: 2;
	position: relative;
	width: 700px;
	height: 37px;
	background-color: #000;
}

#navlist
{
	position: absolute;
	/*background-color: #FFF;*/
	height: 30px;
	display: none;
}

#navlist ul
{
	position: relative;
	list-style: none; 
	height: 30px;
}

#navlist ul li a
{
	display: block; 
	color: #FFF;
}

/*
#navlist ul li a:hover
{
	color: #666666;
	background-color: #CCC;
}
*/

#navlist ul li 
{
	position: relative;
	float: left;
	width: 175px;
	font-size: 12px;
	color: #FFF;
	line-height: 30px;
	height: 30px;
	text-align: center;
}

#navlist ul li span
{
	display: block;
}

#navlist ul li.item0,
#navlist ul li ul li.item0
{
	color: #FFF;
}

#navlist ul li.item0_selected,
#navlist ul li.item1_selected,
#navlist ul li.item2_selected,
#navlist ul li.item3_selected
{
	background-color:#FFF;
}

#navlist ul li.item0_selected {color: #000;}
#navlist ul li.item1_selected {color: #CB1B22;}
#navlist ul li.item2_selected {color: #D63C48;}
#navlist ul li.item3_selected {color: #D57980;}

#navlist ul li.item0,
#navlist ul li ul li.item0
{
	background-color: #000;
}


#navlist ul li.item1,
#navlist ul li ul li.item1
{
	background-color: #CB1B22;
}

#navlist ul li.item2,
#navlist ul li ul li.item2
{
	background-color: #D63C48;
}

#navlist ul li.item3,
#navlist ul li ul li.item3
{
	background-color: #D57980;
}

#navlist ul li a.item0:hover,
#navlist ul li.item1:hover,
#navlist ul li.item2:hover,
#navlist ul li a.item3:hover
{
	background-color: #FFF;
}

#navlist ul li a.item0:hover {color: #000;}
#navlist ul li.item1:hover {color: #CB1B22;}
#navlist ul li.item2:hover {color: #D63C48;}
#navlist ul li a.item3:hover {color: #D57980;}

#navcontainer>#navlist ul li 
{

}

#navlist ul li ul
{
	float: right;
	list-style: none;
	width: 130px;
	height: auto;
}

#navlist ul li ul li
{
	background-color: #CB1B22;
	line-height: 22px;
	height: 22px;
	text-align: left;
	font-size: 11px;
	padding: 0 0 0 0;
}

#navlist ul li ul li a
{
	padding: 0 0 0 55px;
	display: block;
}

#navlist>ul li ul li
{
	width: 130px;
}

#navlist>ul li ul li a
{
	padding: 0 15px 0 15px;

}


#navlist ul li ul li a:hover
{
	background-color: #000;
	/*color: #000;*/
}

#navcontainer_user
{
	width: 700px;
	height: 37px;
	background-color: #000;
}

#navlist_user
{
	height: 30px;
	background-color: #FFF;
}

#navlist_user ul 
{
	position: relative;
	list-style: none; 
}

#navlist_user ul li a
{
	display: block; 
	color: #FFF;
}

#navlist_user ul li a:hover
{
	color: #666666;
	background-color: #CCC;
}

#navlist_user ul li 
{
	position: relative;
	float: left;
	width: 88px;
	font-size: 12px;
	color: #FFF;
	line-height: 30px;
	height: 30px;
	text-align: center;
}

#navlist_user ul li.item0
{
	color: #000;
}

#navlist_user ul li.item1
{
	background-color: #CA5211;
}

#navlist_user ul li.item2
{
	background-color: #E97B38;
}

#navlist_user ul li.item3
{
	background-color: #E4A476;
}


/***** Video Programs *****/

#content
{
	z-index: 1;
	position: relative;
	width: 652px;
	padding: 24px 0 0 24px;
}

.videos_background,
.programs_background
{
	margin: 0 0 30px 0;
	/*background-color: #CB1B22;*/
}

.videos,
.programs
{
	position: relative;
	padding: 13px 13px 0 13px;
	margin: 13px 0 0 0;
	width: 629px;
	/*background-color: #CB1B22;*/
	background-image: url("../medias/art/videos9_background.jpg");
	background-repeat: no-repeat;
	/*border: 1px solid #FF00FF;*/
}

.videos.item1,
.videos.item2
{
	background-image: none;
}

.videos.item1 {background-color: #CB1B22;}
.videos.item2 {background-color: #D63C48;}

.programs
{
	width: 642px;
	padding: 14px 0 14px 14px;
}

#content> .programs_background .programs,
#content> .programs_background .videos 
{
	width: auto;
}

#content> .programs_background .programs
{
	padding: 14px 0 0 14px;
}

.controls
{
	position: relative;
	margin: 3px 0 0 0;
}


.controls:after
{
	content: ".";
  	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

/*
.controls a
{
	float: left;
	background-color: #79010D;
	padding: 2px 6px 2px 6px;
	color: #FFF;
	font-size: 11px;
}
*/

.controls a
{
	float: left;
}

.controls a.next
{
	float: right;
}

.videos ul,
.programs ul
{
	position: relative;
	list-style: none;
}

.videos ul:after,
.programs ul:after
{
	content: ".";
  	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.videos ul li
{
	position: relative;
	float: left;
	width: 200px;
	height: 135px;
	background-color: #000;
	margin: 0 13px 13px 0;
}

.videos ul li.separator
{
	width: 13px;
	background-color: #FF0000;
}

.videos ul li:hover .info
{
	display: block;
}

.videos ul li.last
{
	margin: 0 0 13px 0;
}

.videos .thumb
{
	z-index: 1;
	position: absolute;
	float: left;
	height: 104px;
	background-image: url("../medias/art/video_background.jpg");
	background-repeat: no-repeat;
	padding: 2px 8px 4px 8px;
}

.videos .sticker
{
	z-index: 3;
	position: absolute;
	width: 34px;
	height: 34px;
	margin: -7px 0 0 -7px;
	background-image: url("../medias/art/video_sticker.png");
	background-repeat: no-repeat;
	text-align: center;
	line-height: 34px;
}

.videos .new
{
	z-index: 4;
	position: absolute;
	right: 0;
	padding: 1px 6px 1px 6px;
	background-color: #CB1B22;
	font-size: 11px;
}

.videos .info
{
	z-index: 2;
	display: none;
	position: absolute;
	width: 200px;
	height: 110px;
}

.videos .info a
{
	position: absolute; 
	z-index: 3; 
	display: block; 
	width: 200px; 
	height: 110px;
}

.videos .info .background
{
	z-index: 1;
	position: absolute;
	width: 200px;
	height: 110px;
	background-color: #000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.videos .info .description
{
	z-index: 2;
	position: relative;
	padding: 20px 25px 0 25px;
	/*padding: 20px;*/
	/*margin: 25px 0 0 25px;*/
	line-height: 14px;
	font-size: 14px;
}

.videos .info .description .name,
.videos .info .description .play
{
	color: #CB1B22;
}

.videos .info .description .play
{
	font-size: 12px;
	line-height: 20px;
}

.videos .info .description .name
{
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

.videos .info .description .program,
.videos .info .description .duration
{
	color: #FFF;
}

.videos .info .description .program
{
	font-size: 12px;	
	font-weight: bold;
	line-height: 20px;
}

.videos .info .description .duration
{
	font-size: 11px;
	line-height: 16px;
}

.videos .name
{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 25px;
	padding: 0 8px 0 8px;
	line-height: 25px;
	text-align: right;
	font-size: 11px;
}

#videos_filters
{
	margin: 13px 0 0 0;
}

#videos_filters:after
{
	content: ".";
  	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

#videos_filters ul
{
	list-style: none;
	float: left;
}

#videos_filters ul:after
{
	content: ".";
  	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

#videos_filters ul li
{
	position: relative;
	float: left;
	width: 80px;
	height: 20px;
	background-color: #CB1B22;
	margin: 0 8px 0 0;
	line-height: 20px;
	font-size: 10px;
	text-align: center;
}

#videos_filters ul li a
{
	display: block; 
}

#videos_filters ul li.first
{
	font-size: 11px;
	background-color: transparent;
	text-align: left;
	width: auto;
}

.numepisodes
{
	float: right;
	font-size: 13px;
	padding: 0 5px 0 0;
}

.programs ul li
{
	position: relative;
	float: left;
	width: 146px;
	height: 146px;
	background-color: #000;
	margin: 0 14px 14px 0;
	background-image: url("../medias/art/program_logo_background1.jpg");
	background-repeat: no-repeat;
}

.programs ul li.last
{
	margin: 0 0 14px 0;
}

.programs ul li:hover .info
{
	display: block;
}

.programs .logo
{
	position: relative;	
	float: left;
	width: 146px;
	height: 146px;
}

.programs .info
{
    position: absolute; 
	display: none;
	top: 0;
	left: 0;
    width: 140px;
    height: 140px;
    background-color: #000;
    font-size: 11px;
}

.programs .info a
{
	position: absolute; 
	z-index: 2; 
	display: block; 
	width: 140px; 
	height: 140px;
}

.programs .info p
{
	position: relative;
	z-index: 1; 	
	padding: 10px;
}


#banner_left
{
	margin: 0 0 30px 0;
}

#banner_right
{
	margin: 0 0 10px 10px;
}

#videos_others_background
{
	margin: 0 0 10px 10px;
	padding: 35px 0px 35px 10px;
	width: 270px;
	background-image: url("../medias/art/videos_others_background.jpg");
	background-repeat: repeat-y;
}

#videos_others
{
	width: 250px;
}

#videos_others:after
{
	content: ".";
  	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

#videos_others h3
{
	background-color: #000;
	padding: 30px 0 10px 10px;
	font-size: 14px;
}

#videos_others ul
{
	list-style: none;
	border-bottom: 30px solid #000;
}

#videos_others ul li
{
	position: relative;
	border-bottom: 3px solid #000;
	background-color: #CB1B22;
	/*background-color: #FF00FF;*/
	height: 90px;
}

#videos_others ul li.last
{
	border: none;
}

#videos_others ul li.program
{
	background-color: #D63C48;
}

#videos_others ul li.unclassified
{
	background-color: #D57980;
}

#videos_others ul li:after
{
	content: ".";
  	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

#videos_others .video_info_wrapper
{
	height: 90px;
}

#videos_others .video_info_wrapper img
{
	border: none;
	margin: 0;
	padding: 0;
}

#videos_others .video_info_wrapper:after
{
	content: ".";
  	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}



#videos_others .video_info
{
	float: left;
	width: 135px;
	padding: 10px;
	line-height: 17px;
	height: 70px;
	/*background-color: #FF0000;*/
}

#videos_others .video_info .name,
#videos_others .video_info a
{
	color: #FFF;
}

#videos_others .video_info a
{
	font-size: 12px;
	line-height: 20px;
}

#videos_others .video_info .name
{
	font-size: 12px;	
	font-weight: bold;
	line-height: 16px;
}

#videos_others .video_info .program,
#videos_others .video_info .duration
{
	color: #000;

}

#videos_others .video_info .program
{
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

#videos_others .video_info .duration
{
	font-size: 11px;
	line-height: 16px;
}

#videos_others .video_thumb
{
	position: relative;
	float: right;
	width: 95px;
	height: 90px;
	 overflow: hidden;
}

#videos_others .video_thumb:hover .more_info
{
	display: block;
	font-size: 11px;
}

#videos_others .more_info
{
	position: absolute;
	right: 0;
	display: none;
	color: #FFF;
	padding: 1px 6px 1px 6px;
	background-color: #CB1B22;
}


/***** Video  *****/

#video_presentation
{
	width: 652px;
	margin: 13px 0 50px 0;
	background-color: #FFF;
}


#video_presentation:after
{
	content: ".";
  	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

#video_program
{
	float: left;
	width: 155px;
	color: #000;
	padding: 20px;
}

#video_program.item1 
{
	background-color: #CB1B22;
	background-image: url("../medias/art/video_program_background1.jpg");
	background-repeat: no-repeat;
}
#video_program.item2 
{
	background-color: #D63C48;
	background-image: url("../medias/art/video_program_background2.jpg");
	background-repeat: no-repeat;
}

#video_program_thumb
{
	width: 146px;
	height: 146px;
	margin: 0 0 15px 0;
}

#video_program_thumb.item1
{
	background-image: url("../medias/art/program_logo_background3.jpg");
	background-repeat: no-repeat;
}

#video_program_thumb.item2
{
	background-image: url("../medias/art/program_logo_background2.jpg");
}

#video_program p
{

	color: #000;
}

#video
{
	float: left;
	width: 417px;
	color: #000;
	padding: 20px;
	background-color: #FFF;
}

#video p
{
	margin: 15px 0 0 0;
	color: #000;
}

#video_top
{
	margin: 0 0 15px 0;
}

#video_top:after
{
	content: ".";
  	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

#video_info
{
	float: left;
	width: 200px;
}

#video_thumb
{
	height: 104px;
	background-image: url("../medias/art/video_background.jpg");
	background-repeat: no-repeat;
	padding: 2px 8px 4px 8px;
}

#video_details
{
	height: 25px;
	padding: 0 8px 0 8px;
	line-height: 25px;
	background-color: #000;
	color: #FFF;
}

#video_details:after
{
	content: ".";
  	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

#video_details .time
{
	float: right;
}

#video_details .name
{
	float: left;
}

#video_sharing
{
	float: left;
	margin: 0 0 0 15px;
}

.video_date
{
	display: block;
	margin: 0 0 15px 0;
}

#video h4
{
	color: #CB1B22;
	font-size: 15px;
}

/***** Search *****/

#search
{
	position: relative;
	padding: 5px 0 0 10px;
	height: 32px;
}

#search:after
{
	content: ".";
  	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

#search ul
{
	list-style: none;
}



#search ul li
{
	float: left;
	height: 20px;
	line-height: 20px;
}

input
{
	width: 150px;
	padding: 2px;
	color: #FFF;
	background-color: #404040;
	border: none;
	height: 16px;
}

label.search
{
	width: auto;
	line-height: 20px;
	margin: 0 10px 0 0;
	color: #FFF;
}


/***** Footer *****/

#footer
{
	float: left;
	width: 990px;
	height: 100px;
	margin: 50px 0 0 0;
	background-image: url("../medias/art/footer_background.gif");
	background-repeat: repeat;
}

#footer ul
{
	float: right;
	list-style: none;
	margin: 0 0 0 25px;
}

#footer ul li
{
	float: left;
	font-size: 12px;
	margin: 0 25px 0 0;
	line-height: 100px;
}

#footer ul li.copyright
{
	font-weight: bold;
}


div.clear
{
	clear: both;
}

div.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}