/* CSS Document */

/*** Black background ***/
#modal_bg {
	position: fixed;
	z-index: 500;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	
	background-color:#000;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter:alpha(opacity=75);
}

* html #modal_bg {
	position: absolute;
	}

/*** Window ***/
#video_window {
  width: 670px;
  height: 350px;
  margin: -100px -335px;
  position: fixed;
  z-index: 600;
  top: 40%;
  left: 50%;
  color: #fff;
}

* html #video_window {
	position: absolute;
	}

/* [ Booking Form ] */
#video {
  background: url(video_window.png);
  padding: 10px;
  font-size: 14px;
  height: 330px;
  position: relative;
  }
  
 * html #video {
 	background: url(video_window.gif);
	}
 
	#video_window_close {
	  position: absolute;
	  right: 25px;
	  top: 20px;
	  padding-right: 20px;
	  background: url(video_window_close.gif) no-repeat right 5px;
	  text-decoration: none;
	  border: none !important;
	  color:#ff9999;
	  text-transform: lowercase;
	  font-weight: normal;
	  font-size: 11px;
	  line-height: 20px;
	  z-index: 10000;
	}
	
	#video_window_close:hover {
		color: #fff;
		text-decoration: underline;
		}
	
#video_interface {
	width: 320px;
	position: absolute;
	top: 10px;
	left: 25px;
	z-index: 10;
}

	#video_interface h3 {
		color: #fff;
		text-transform: uppercase;
		font-size: 10px;
		line-height: 20px;
		margin: 10px 0 0 0;
		position: relative;
		min-height: 1px;
	}
	
	#video_interface h1 {
		margin: 0 -50px 10px 0;
		line-height: 30px;
		min-height: 1px;
		color: #fff;
		text-shadow: 0 1px 0 rgba(0,0,0,.5);
		font-size: 1.75em;
		}
	
#video_player {
	width: 410px;
	height: 235px;
	margin: -5px;
	}
	
#video_chooser {
	width: 230px;
	position: absolute;
	z-index: 1;
	top: 75px;
	right: 20px;
	height: 235px;
	width: 218px;
	/*overflow-y: auto;
	border-top: 1px solid #660000;
	border-bottom: 1px solid #440000;
	
	scrollbar-track-color: #770000;

	scrollbar-3dlight-color: #770000;
	scrollbar-arrow-color: #ee8964;
	scrollbar-darkshadow-color: #770000;
	scrollbar-face-color: #aa0000;
	scrollbar-highlight-color: #cc0000;
	scrollbar-shadow-color: #660000;*/
	}
	
	#video_chooser ul {
		margin: 0 0 0 5px;
		padding: 0;
		list-style: none;
		border-top: 1px solid #a21a1a;
		min-height: 1px;
		}

	#video_chooser li {
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #a21a1a;
		list-style: none;
		}
		
	#video_chooser a {
		color: #ff9999;
		font-size: 11px;
		line-height: 18px;
		padding: 0 10px 2px 5px;
		display: block;
		background: url(video_chooser_a.gif) no-repeat 170px center;
		}
		
	* html #video_chooser a {
		height: 1px;
		}

		
	#video_chooser a:hover {
		background-color: #a21a1a;
		text-decoration: none;
		color: #fff;
		}
		
		
/* [ Video Tabs ] */

#video_tabs {
	position: absolute;
	left: 15px;
	top: -20px;
	width: 550px;
	height: 32px;
	list-style: none;
	padding: 0;
	margin: 0;
	}
		
	#video_tabs li {
		float: left;
		margin: 0 10px 0 0;
		height: 32px;
		display: inline;
		}
		
	#video_tabs a {	
		display: block;
		color: #fff;
		font-size: 10px;
		text-transform: uppercase;
		background: url(video_tab_a.gif) no-repeat left;
		float: left;
		height: 32px;
		}
	
	#video_tabs a strong {
		display: block;
		font-weight: normal;
		line-height: 25px;
		padding: 0 10px 7px 10px;
		margin: 0 -5px 0 0;
		position: relative;
		background: url(video_tab_a_strong.gif) no-repeat right;
		height: 25px;
		float: left;
		cursor: pointer;
		}		
		
	#video_tabs a.selected {	
		background: url(video_tab_a_selected.gif) no-repeat left;
		}
	
	#video_tabs a.selected strong {
		background: url(video_tab_a_selected_strong.gif) no-repeat right;		
		}
	
	
	
video {
	-moz-corner-radius: 10px;
	-moz-box-shadow: 0 0 5px #000;
	}