/* VSI = Video Selector Interface */

/* Search Area */
.vsi_search_area {
	display:block; background-color:#CCC; width:699px;
	padding:10px;
}
.vsi_search_area p:first-child { margin-top:0px; }
.vsi_search_field {	width:190px; width:500px; }
.vsi_search_button { margin-left:15px; }

/* Results and Preview Area - Bottom Pane */
.vsi_results_and_preview {
	height:404px; width:719px;
	padding-bottom:15px; /*1em*/ margin-bottom:15px; /*1em*/ 
}

/* Search Results */
.vsi_search_results {
	border:2px inset gray;
	height:400px; overflow-x:hidden;
	display:block; width:200px; 
	margin-top:15px; /*1em*/ 
	cursor:default;
	position:absolute;
	background-color:black; /*overflow-y:scroll;  */
}
.vsi_video_block, .vsi_load_more, a.vsi_visit_you_tube { text-align:center; padding:10px; border-top:1px solid gray; cursor:pointer;}
.vsi_video_block:hover, .vsi_load_more:hover, a.vsi_visit_you_tube:hover { background-color:#06F; color:white; }
a.vsi_visit_you_tube { display:block; }
.vsi_video_block:first-child { border-top:0px; }
.vsi_video_block_label { display:block; margin-top:.5em; }
.vsi_video_block_image { width:120px; }

/* Search Preview */
.vsi_search_preview {
	margin-top:15px; /*1em*/ 
	display:block;
	width:500px; height:375px;
	background-color:black; margin-left:15px;
	color:white;
	overflow:auto;
	overflow:hidden;
	/*float:left;*/
	position:absolute;
	margin-left:219px;
}
.vsi_search_preview_controls {
	display:block;
	width:500px; height:29px;
	background-color:black;
	position:absolute;
	margin-left:219px;
	margin-top:390px;
}
.vsi_preview_no_video_message, .vsi_pause, .vsi_preview_clear_link {
	color:white;
	display:block;
	float:left; 
	margin-top:6px;
	}
.vsi_preview_no_video_message { margin-left:10px; cursor:default; }
.vsi_preview_clear_link { display:none; margin-left:10px; cursor:pointer; }
.vsi_pause { display:none; margin-left:25px; cursor:pointer; }
.vsi_pause:hover, .vsi_preview_clear_link:hover { color:#CCC; }
.vsi_preview_control_screen {
	position:absolute; z-index:2;
	margin-top:15px; /*1em*/ 
	margin-left: 219px;
	width:500px; height:375px; background-color:black;
}