/*
########################################
# Search The Tube CSS - Layout
########################################
*/


BODY { 
	font-family: verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 16px;
	color: #000;
	background-color: #fff;
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 100%; 
	overflow-y:auto;
}
html, body { height: 100%;} 

#sponsor_bar { width: 100%; height: 22px; line-height: 16px; font-size: 12px; padding: 2px; color: #000; background-color: #FFFFCC; text-align: center;} 

h1 { 
	color: #000;
	line-height: 24px;
	font-size: 18px;
	padding: 2px 0 4px 0;
	margin:0;
} 

h2 { 
	color: #000;
	line-height: 18px;
	font-size: 14px;
	text-align: left;
}

h2 .error { 
	color: #c00;
	line-height: 18px;
	font-size: 14px;
	text-align: center;
}

.info { color: #ccc; font-size: 9px; padding: 2px; text-align: left; } 

a { color: #0033FF; }
.video_title { font-weight: bold; font-size: 12px; color: #000;} 
.video_url { font-size: 11px; color: #2B802B;  } 
.video_links {font-size: 11px; color: #0033FF; } 

.profile_link { font-size: 10px; font-weight: normal;}

.thumb_img { height: 50px; width: 75px; border: 1px solid #ccc; padding: 1px; margin-top: auto; margin-left: auto; text-align: center; } 
.sponsor_thumb_img { border: 1px solid #ccc; padding: 1px; margin-top: auto; margin-left: auto; text-align: center; } 
#frm-video { 
	margin: 0;
	padding: 0;
	text-align: center;
}

#video_row {
	padding:4px;
	width: 355px;
	margin: 0;

	clear: both;
	}

#sponsor_ad  { text-align: center;  width: 335px; margin: 0 0 0 2px; padding: 0;} 

#sponsor_thumb { text-align: right; float: left; width: 75px; margin: 0 0 0 2px; padding: 0;} 
#sponsor_data { float: left; text-align: left; width: 260px; margin: 0 0 0 10px; padding: 0;} 

#thumb_col { text-align: right; float: left; width: 75px; margin: 0; padding: 0;} 
#data_col { float: left; text-align: left; width: 260px; margin: 0 0 0 -20px; padding: 0;} 

#data_col ul  li
{
	display: block;
	list-style-type: none;
	text-align: left;
	padding: 0; 
	margin: 0;
}

#main { 
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: #fff;
	color: #000;
	text-align: center;
	height: 100%;
	height: auto;

}

#content { 
width: 800px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
}

#seller  { 
width: 100%;
padding: 4px;
margin: 0;
text-align: center;
clear: both;
}

#sponsor_left { 
float: right; 
width: 355px;
}
#sponsor_right { 
float: left; 
width: 355px;
}


#leftCol { 
float: right; 
width: 355px;

}
#rightCol { 
float: left; 
width: 355px;
}

.details { 
display: none;
visibility: hidden;
}

.details textarea { 
width: 345px;
height: 100px;
border : 1px solid #ccc;
padding: 2px;
font-family: verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
}

#header { 
border-bottom: 1px solid #ccc;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
clear: both;
width: 100%;

}

#header form { 
padding: 0;
margin: 0;
width: 100%;
}

#header #logo { 
float: left;
width: 340px;
text-align: right;
margin: 0;
padding: 0;
}

#header #search_box { 
float: left; 
width: 400px;
text-align: left;
padding: 10px 0 0 10px;
margin: 0;
}
#details_video { float: left; width: 50%; }
#details_sponsor { float: right; width: 40%; margin-top: 20px;}




.video-info { 
padding: 4px; 
margin: 0;
width: 100%;
text-align: left;
clear: both;
display: block;
border-top: 1px solid #ccc;
}
.video-info-sponsor { 
float: left; 
width: 95%;
padding: 4px;
text-align: left;
margin:0;
}

.video-label { 
float: left;
width: 15%;
padding: 4px;
font-weight: bold;
text-align: left;
margin:0;
}

.video-value { 
float: right;
width: 80%;
padding: 4px;
margin:0;
text-align: left;
}

.title_time { 
color: #ccc;
font-size: 11px;
font-weight: normal;
}

.title_link { 
font-size: 11px;
font-weight: normal;
}


#footer { 
width: 100%;
margin: 10px 0 0 10px;
padding: 15px 0 0 10px;
clear: both;
font-family: verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
line-height: 14px;
color: #999;
clear: both; 
border-top: 1px solid #ccc;
}

#footer_left { 
float: left;
text-align: left;
width: 60%;
margin-bottom: 20px;
}

#footer_right { 
float: right;
width: 30%;
text-align: right;
width: 30%;
text-align: right;
margin-bottom: 20px;
}

#panicArea {
	position:fixed; 
	top:20px; 
	right:20px; 
	width:150px; 
	z-index: 95;
	padding: 4px;
}
  
* html #panicArea {position: absolute;}

#safeArea { 
position: absolute;
top: 0px;
left: 0px;
min-height: 100%;
height: 100%;
width: 100%;
background-color: #fff;
color: #000;
z-index: 98;
}

.panic_ON { 
	color: #d00;
	text-decoration: none;
	padding: 4px;
	border: 1px solid #c00;
	background-color: #fff;
	font-size: 10px;
	z-index: 95;
}

.panic_OFF { 
	color: #0d0;
	text-decoration: none;
	padding: 2px;
	border: 1px solid #0d0;
	background-color: #fff;
	font-size: 10px;
	z-index: 99;
	position: absolute;
	top: 25px;
	right: 25px;
	font-weight: bold;
}