/* CSS Document */
@import url("controls.css");
/**********************VIDEO BOX HOMEPAGE**************************/
#video_box, #video_screen, #video_box .left_col, #video_box .right_col, h2.photo_icon, h2.video_icon { float:left;}
#video_screen .no_video{ 
	width: 401px; 
	height: 322px; 
	background-color: #000000; 
	padding:25px; 
	color: #FF0000; 
}
#video_box .left_col { margin:0 15px 0 0; width:451px; }
#video_box .right_col { width:356px; margin: 0 0 10px 0; }
.photo_icon, .video_icon { width:391px;}
h2.video_icon a { font-size:10px; margin:0 0 0 130px;}
h2.related a { font-size:10px; margin:0 0 0 95px;}
h2.related { float:left; width:435px; }
a.view_more { float:right; font-weight:normal;}
ul.latest_photo, ul#video_list{ clear:both; list-style:none; float:left;}
#video_list.scroll { 
	border-color:#294F6E;
	border-style:solid none solid solid;
	border-width:1px medium 1px 1px;
	float:left;
	height:213px;
	margin:0 0 15px 0;
	left:0;
	overflow-y:scroll;
	padding:10px 10px 0 0;
	position:relative;
	top:0;
	width:340px;
}
#video_list.scroll.home { height:332px; margin:0; }
ul.latest_photo li, .video_thumb, ul#video_list li { float:left; }
ul.latest_photo li { margin:0 14px 0 0; _margin:0 7px 0 0;}
ul.latest_photo li.margin_none { margin:0;}
ul.latest_photo li a img { border:none;}
ul.latest_photo li a  {  
	background:transparent url(../images/home_photo_frame.gif) no-repeat scroll 0 0;
	display:block;
	height:45px;
	padding:5px;
	width:62px;
}
.video_thumb, .photo_thumb { height:52px;  width:70px; }
.video_thumb { background:transparent url(../images/video_thumb_home.gif) no-repeat scroll 0 0; }
.photo_thumb { background:transparent url(../images/photo_thumb_home.gif) no-repeat scroll 0 0; }
.photo_thumb a img { margin:3px 3px 1px 4px;}
ul#video_list li { 
	border-bottom:1px solid #294F6E; 
	color:#4f92b9;
	margin:0;
	padding:0;
}
ul#video_list.scroll li { border:none; margin:0 0 15px 10px; width:308px; }
ul#video_list li a { color:#fff; text-decoration:none; }
ul#video_list.scroll li a.video_thumb { width:80px; outline:none;}
ul#video_list li a.view_more { color:#FC9604; }
ul#video_list li span, #add_photos, #add_videos { float:left;}
ul#video_list .video_thumb img { margin:3px 5px 1px 11px; border:none;}
ul#video_list.spot_page .video_thumb img { height:43px; margin:3px 5px 1px 11px; width:48px; }
ul#video_list li.border_none { border:none; margin:0;}
#main .inner .left .left-col ul#video_list.home {  width:465px; margin:15px 0;}
#main .inner .left .left-col ul#video_list.home li { margin:0 16px 0 0; border-bottom:none; _margin:15px 16px 15px 0; _height:70px;}
#add_photos, #add_videos { 
	background:url(../images/add_photos_button.gif) no-repeat; 
	width:147px; 
	height:30px;
	margin:7px 10px 0 0;
}
#add_videos { background:url(../images/add_videos_button.gif) no-repeat; margin:0;}
.hidden { display:block; overflow:hidden; text-indent:-100em;}
/**********************SPOT PAGE VIDEO LIST**************************/
ul#video_list.spot_page li { 
	border:medium none;
	color:#FFFFFF;
	float:left;
	padding:11px;
	width:69px;
}
ul#video_list.spot_page li.margin_none { margin:0;}
ul#video_list.spot_page li a, ul#video_list.spot_page li span {float:left;}
ul#video_list.spot_page li span {
	color:#4f92b9; 
	font-size:9px; 
	position:static; 
	top:inherit; 
	margin:2px 0 0;
}
ul#video_list.spot_page li a { position:relative; left:0; top:0;}
ul#video_list.spot_page span.play_button, ul#video_list.view_all span.play_button { 
	background:transparent url(../images/video_play_button_big.gif) no-repeat scroll 0 0;
	cursor:pointer;
	height:34px;
	left:28px;
	opacity:0.5;
	position:absolute;
	top:15px;
	width:15px;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
}
/**********************END SPOT PAGE VIDEO LIST*************************/
/**********************VIEW ALL LIST PAGE*******************************/
ul#video_list.view_all .video_thumb a { float:left;}
ul#video_list.view_all li { 
	color:#FFFFFF;
	height:60px;
	margin:0 20px 10px 0;
	padding:0 0 0 67px;
	width:324px;
}
ul#video_list.view_all h2 a { 
	font-size:12px; 
	line-height:18px; 
	margin-bottom:5px; 
	color:#FC9604; 
	text-decoration: underline;
}
h1.video_icon { margin:0;}
ul#video_list.view_all .video_thumb.white {
	left:0;
	position:relative;
	top:0;
	margin:0 15px 15px -67px;
	_left:15px;	
}
ul#video_list.view_all .video_thumb.white img { height:43px; width:48px; }
p.video_details { margin:5px 0; }
p.video_details b, .pagination a { margin:0 5px 0 0;}
/**********************END VIEW ALL LIST PAGE***************************/
/**********************END VIDEO BOX HOMEPAGE***************************/
/**********************PROGRESS BAR FOR UPLOAD PAGE*********************/
#you_tube_progress_div span.bar {
	background:#FFFFFF url(../images/progress.gif) repeat scroll 0 0;
	border:1px solid #00375A;
	height:1.5em;
	width:292px;
}
#you_tube_success_div, #you_tube_error_div, #you_tube_progress_div { 
	padding: 8px; 
	margin:0 0 10px 100px; 
	_margin:0 0 10px 50px; 
	width:276px;
} 
#you_tube_error_div { _margin:0 0 10px 100px; }
#you_tube_progress_div, #you_tube_success_div, #you_tube_progress_div span.bar { float:left; }
#you_tube_progress_div { padding:0;}
#you_tube_success_div { background:#F0FFF0; border:1px solid #00D317; color: #00D317; }
#you_tube_error_div { background:#FFF0F0; border:1px solid #D30017; color: #D30017; }
#main input#file { color:#002F54; float:left; }
/**********************END PROGRESS BAR FOR UPLOAD PAGE***************************/
button.arrow { 
	background:transparent url(../images/plus.gif) no-repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	height:18px;
	margin:0 5px 0 0;
	width:16px;
}
button.arrow.active { background:transparent url(../images/minus.gif) no-repeat scroll 0 0; }
.no_line { 
	text-decoration:none; 
	float:left; 
	font-size: 14px; 
	margin:0 0 5px;
	outline:none;
}
/**************USER DETAILS*********************/
#comments.video .details {
	background:#114065 none repeat scroll 0 0;
	font-size:11px; 
	border:1px solid #1E5476; 
	margin:0 0 10px 0;
	padding:10px;
	position: relative;
	height:62px;	
	width:330px;
}
span.read_more {
	float: right;
	font-size: 10px;
	position: absolute;
	top: 10px;
	right: 14px;
}
#comments.video .details p { line-height:18px; }
#comments.video .details img, #comments.video .details, #comments.video .details b { float:left; }
#comments.video .details b { width:70px;}
ul.spot_video_list { list-style:none; border:1px solid #1E5476; margin: 0 0 15px 0; padding: 8px 16px 10px 8px; }
ul.spot_video_list li { 
	border-bottom:1px solid #1E5476;
	color:#4f92b9;
	line-height:22px; 
	margin:0 0 10px 16px; 
	padding:0 0 5px; 
}
ul.spot_video_list a { font-weight:normal; color:#fff;}
/**************USER DETAILS*********************/
#comments.video .details a.flags { float:left; }
#comments.video .details a.flags img{
	background-image:none; 
	padding:0; 
	height:20px; 
	margin:15px 5px 0 0;
	border:none;
	clear:both;
}
.video_button_container {
	border:1px solid #1E5476;
	padding:10px;
	width:325px;
	float: left;
	margin: 13px 0 0 0;
}
#main .inner .left ul.latest_photo { margin:15px 0 15px; _margin:20px 0 15px; width:465px; }
#main .inner .left ul.latest_photo li { border:none;  }
h2.video_icon { 
	font-size:14px;
	line-height:18px;
	margin:0 0 10px 0;
	width:340px;
}
h1.video_icon { 
	background:transparent url(../images/video_shiny_icon.gif) no-repeat scroll 0 0; 
	margin:0;
	height: 25px; 
	padding: 9px 0 0 42px; 
	_margin:0 0 10px;
	margin:0 0 5px;
}
#comments.video span { float:left; }
ul.spot_video_list li.no_underline, li.no_underline { border:none; }
ul#video_list.view_all, .list_wrapper { float:left; }
.list_wrapper { border: 1px solid #004772; padding: 18px; width: 784px; }
#region_div { width: 136px; }
ul.region_list, ul.country_list, ul.division_list, ul.sub_division_list, ul.spot_list, #region_div, #country_div, #division_div, #sub_division_div, #spot_div  { float: left; }
#region_div, #country_div, #division_div, #sub_division_div, #spot_div { width: 140px; margin: 0 20px 0 0; }
#spot_div  { margin:0; }
.list_wrapper ul {
	list-style: none;
	float: left;
	padding: 0 0 0 9px;
	line-height: 12pt;
}
.list_wrapper ul li { line-height:14px; margin:8px 0; }
#region_div ul a, #division_div ul a { color: #FFF; }
#region_div a, #country_div a, #division_div a, #sub_division_div a, #spot_div a { text-decoration: none; }
#main .inner #region_div h3, #main .inner #country_div h3, #main .inner #division_div h3, #main .inner #sub_division_div h3 {
	background: url(../images/process_header_arrow.gif) no-repeat;
	width: 121px;
	height: 15px;
	float: left;
	padding: 9px;
}
#main .inner #spot_div h3 {
	background: url(../images/process_header_no_arrow.gif) no-repeat;
	width: 120px;
	float: left;
	height: 15px;
	padding: 9px;
}
#video_instruction_box {
	background:  #114065 url(../images/big_left_arrow.gif) no-repeat scroll 15px 50%;
	border:1px solid #004772;
	width: 400px;
	float: right;
	padding: 24px 5px 12px 43px;
	margin: 0;
}
li.video_error, ul#video_list li.video_error a { color:#F26C6C; }