@charset "UTF-8";
/* CSS Document */
/*
---------------------------------------

Basics */
*{
	margin:0px;
	padding:0px;
	text-decoration:none;
}

#wrapper {
	width: 969px;
	text-align: left;
	margin: auto;
	overflow: hidden;
	background-color:#0e2432;
	margin-bottom:20px;
	
}

body {
	background: #efefef;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size:12px;
	font-family:Helvetica, Arial, Geneva, sans-serif;
	
}
	

.videoinfosInvisible{
	display:none;
}

	
/*------ Links Standart -----*/

a:link {
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color:#ffffff;
	text-decoration:none;
}

a:active {
	color: #ffffff;
	text-decoration: none;
}


	
	
	
/*-------Design -------------*/
#header{
	height:100px;
	background-image:url(../images/background_top.jpg)
}



#video {
	width: 640px;
	padding-top:10px;
	padding-left:10px;
	float: left;
}
#sidebar{
	width:300px;
	padding-right:10px;
	padding-top:10px;
	float:right;
}

#categories{
	/*
	margin-top:10px;
	*/
	margin:5px;
	min-width:920px;
	
}
#TabbedPanels1{
	margin-left:5px;
	margin-right:5px;
	width:952px;
}

#content{
	background-color:#0e2432;
	/*overflow:auto;*/
	overflow:hidden;
	
}
#footer {
	padding:5px;
	background-color:#0e2432;
	color:#FFF;
	font-size:10px;
	height:30px;
	
}

.copyright{
	
	
	text-align:right;
	font-size:10px;
	padding-right:5px;
	
}


#footer ul li{
	float:left;
	list-style:none;
	
	padding-left:5px;
	padding-right:15px;
}

#footer ul li a{
	color:#FFF;
}

h1{
	background:url(../images/logo.jpg);
	background-repeat:no-repeat;
	position:relative;
	width:550px;/*208px; CHANGE IN searchandlogin line 202*/
	height:69px;
	top:17px;
	left:10px;
	text-indent:-4000px;
	display:block;

}
h1 a{
	display:block;
	width:208;
	height:69px;
}

h3{
	padding-bottom:8px;
}

/* ---------- Next up -------------*/
#nextup
{
	background-color:#000f1a;
	width:300px;
	
	overflow:hidden;
	
	padding-bottom:5px;
	margin-bottom:10px;
}

#nextupcontainer
{
   	width : 300px;
   	height : 218px; 
   	display:block;
	overflow:scroll;
	overflow-x: hidden;
	display:block;
	overflow-y:scroll;
	
}

.nextuptitle
{
	background-image:url(../images/nextup_title.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:23px;
	text-indent:-4000px;
}

.nextupimage{
	border:solid 1px #FFF;
	
}
.superactive
{
	width:0px;
	height:44px;
	display:block;
	background-color:#8f7425;
	
}


.nextuptext
{
	color:#FFF;
	left:60px;
	position: absolute;
	width:170px;
	height:30px;
	padding:2px;
	padding-left:8px;
	top:5px;
	float:left;
	
}

.nextuptime
{
	position:absolute;
	left:240px;
	top:28px;
	color:#999;
	text-align:right;
	font-size:9px;
	clear:right;
}

/* --------- Search and Login ----------*/
#logo{
	float:left;
}

#searchandlogin{
	width:300px;
	height:50px;
	overflow:hidden;
	position:relative;
	top:35px;
	left:108px;/*450px; CHANGE IN h1 as well */
	text-align:right;
	
	
}
#searchandlogin ul li{
	float:left;
	list-style:none;
	padding-right:10px;
	position:relative;
	text-align:right;
	background-color:#93C;
	width:140px;
	
}


.searchbutton{
	position:relative;
	top:5px;
}

/* ----------videocontent ------------*/
#pagestext{
	background-color:#000f1a;
	color:#FFF;
	padding:5px;

	height:497px;
	
}
#pagestextLeft{
	width:600px;
	margin:10px;
	padding:10px;
}

#pagestextLeft p{
	font-size:12px;
	line-height:17px;
}

#videocontent{
	background-color:#000f1a;
	color:#FFF;
	padding:5px;
	min-height:105px;
	height:125px;
	
	
}



#videocontent h2{
	color:#DEC37C;
	font-size:15px;
	margin-bottom:5px;
}

#videocontentleft{
	
}
.videocontentdesciptionleft{
	width:380px;
	padding-right:25px;
	float:left;
}
.videocontentdesciptionright{
}
#videocontentright{
}

.videocontentdescription{
	
}
.videocontentproducer{
	 font-style: italic; 
	 color:#999;
	 margin-top:8px;
}

/* ---------- Video Thumb container ------------*/
.addedOn{
	margin-top:5px;
	margin-bottom:25px;
}

.videothumbcontainer{
	width:158px;
	height:159px;
	float:left;
	margin:5px;
	padding:10px;
	display:block;
	font-size:12px;
	margin-bottom:20px;
}

a:hover .videothumbcontainer{
	background-color:#0e2432;
}

.descriptiontext{
	color:#FFF;
	padding-top:5px;
	top:5px;
	position:relative;
	
	min-height:60px;
	max-height:70px;
	overflow:hidden;
}
.descriptiontime{
	color:#999;
	text-align:right;
	font-size:10px;
	padding-left:10px;
	top:5px;
	position:relative;
	
}

.thumbnailimage{
	border:#FFF solid 1px;
}

/* --------Navigation----------*/
.navi{
	background-image:url(../images/navigation/navigation.gif);
	background-repeat:no-repeat;
	width:158px;
	height:45px;
	color:#FFF;
	text-decoration:none;
	font-size:15px;
	text-align:center;
	line-height:250%;
	text-align: center;
	
}

.textindentleft ul {
	padding-left:15px;
	margin-left:15px;
	position:relative;
}
.textindentleft ul li{
	
	font-size:16px;
	line-height:18px;
}

.beta{
	font-size:18px;
	color:#FFF;
}