/* FOOO*/

/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background-color: #000000;
    font-size: 1.0em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	
}

.clear
{
	clear: left;	
}

h1 {
	font-family: Trebuchet MS, Arial, Sans-Serif;
	font-size: 24px;
	margin-top: 8px;
	margin-bottom:8px;
	text-shadow: 2px 2px 4px #999; /* little support for this... works in FF/Chrome */
}

h2 {
	font-family: Trebuchet MS, Arial, Sans-Serif;
	
	font-size: 18px;
	margin-top: 8px;
	margin-bottom:8px;
	text-shadow: 2px 2px 4px #999; /* little support for this... works in FF/Chrome */
}

a, a:visited 
{
	color:silver;
}



/* Jukebox core styles are below */
#video-jukebox
{	
	padding:14px;
	width: 1160px; /* Figure including padding both sides should not exceed 960px */
	max-width:1250px;
	margin-left:auto;
	margin-right:auto;
	background: url('../images/gb.png'); 
	background-color: #222222;
	background-image: url('../images/gb.png'), -webkit-gradient(linear, left top, left bottom, from(#444444), to(#000000)); /* Safari 4+, Chrome */
	background-image: url('../images/gb.png'), -webkit-linear-gradient(top, #444444, #000000); /* Chrome 10+, Safari 5.1+, iOS 5+ */
	background-image: url('../images/gb.png'), -moz-linear-gradient(top, #444444, #000000); /* Firefox 3.6-15 */
	background-image: url('../images/gb.png'), -o-linear-gradient(top, #444444, #000000); /* Opera 11.10-12.00 */
	background-image: url('../images/gb.png'), linear-gradient(to bottom, #444444, #000000); /* Firefox 16+, IE10, Opera 12.50+ */
}

#video-js-box
{
	float: left;
	border: 1px solid #C6C6CA;
	/*border-radius: 8px;*/
}




#videoListContainer 
{
	float:right;
	position:relative;
	top:-545px;
	padding:8px;
	padding-left:8px;
	padding-right:3px;
	width: 22%;
	height: 742px;
	border: 1px solid #C6C6CA;
	border-radius: 8px;
	overflow-y: scroll;

}


#videoListView
{
	margin:0;
	padding:5px;
	padding-top:0px;
	
}

#videoListView li
{
	list-style-image: none;
	list-style-type: none;
	display: block;
	
	margin-bottom: 8px;
}

#videoListView li img 
{
	width: 180px;
	height: 90px;
	margin-right:10px;
	vertical-align: top;
	cursor: pointer;  
}

#videoInfoDiv 
{
	width: 98.3%;
	min-height:200px;
	float: left;
	color: black;
	padding: 4px 8px 8px 8px;
	border: 1px solid #C6C6CA;
	border-radius: 8px;
	box-shadow: 0px 0px 4px #ffffff;
}

#video-tag 
{
	width:800px;
	height:600px;
}

/* Client styles */
/* from http://css3please.com/ */
.box_gradient {
	background-color: #444444;
	background-image: url("../images/green.png");
	background-image: url("../images/green.png"),	-webkit-gradient(linear,left top,left bottom,color-stop(0, #666666),color-stop(1, #222222));/* Saf4+, Chrome */
	background-image: url("../images/green.png"), -moz-linear-gradient(top, #666666, #222222); /* Firefox 3.6-15 */
	background-image: url("../images/green.png"), linear-gradient(to bottom, #666666, #222222); /* Firefox 16+, IE10, Opera 12.50+ */
}
.box_gradientinfo {
	background-color: #444444;
	background-image: url("../images/bp.png");
	background-image: url("../images/bp.png"),	-webkit-gradient(linear,left top,left bottom,color-stop(0, #666666),color-stop(1, #222222));/* Saf4+, Chrome */
	background-image: url("../images/bp.png"), -moz-linear-gradient(top, #666666, #222222); /* Firefox 3.6-15 */
	background-image: url("../images/bp.png"), linear-gradient(to bottom, #666666, #222222); /* Firefox 16+, IE10, Opera 12.50+ */
}

.box_round {
  -webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android ≤1.6 */
  border-radius: 12px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.box_shadow {
  -webkit-box-shadow: 0px 0px 5px 0px #ffffff; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
          box-shadow: 0px 0px 5px 0px #ffffff; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
}


#videoDescription
{	

}

.descriptionSubBox h1 
{
	margin-top:0px;
	
}