body{
margin: 0 auto;
background:#0b4168 url(../images/bg-cloth-darker01.gif) repeat;

/* link color: #137bb0 */

}



p{
	font: normal 13px Computer Modern, "Lucida Grande", Verdana, sans-serif;
	line-height:165%;
}

p.small{
font-size: .9em;
}
p.medium{
font-size: 1.1em;

}
p.large{
font-size: 1.3em;
}

img{
 border:0;
}

.inline{
	display:inline;
}

#question{
font-size: 1.4em;
}




/*WRAPS - UNIVERSAL
======================================================= */
#page_title{
	width:900px;
	color: #222;
	border-bottom:2px solid #2f2f2f;
	padding: 5px 5px 5px 15px;
	margin:-10px 0 20px -10px; /*the negative values are to overide the container's padding. (the conaiter is "content_outer_wrap") */
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

#page_title h1{
	font-family:"Lucide Grande", sans-serif;
	font-size:150%;
	margin-bottom:5px;
	padding-bottom:5px;
	color: #eee;
}

#logo_in_title{
	float:right;
	margin-top:-80px;
}

#logo_in_title h1{
	margin-top:0;
	font-family:"Lucida Grande", Verdana, sans-serif;
	color:#eee;
}

#form_wrap{
	margin: 10px;
}

.subject_title{
	text-decoration: none;
}
a.subject_title{
	color:#eee;
}
a.subject_title:hover{
	color: #137bb0;
}


/* Wraps - HOME/ABOUT/TEXT
======================================================= */
.welcome-video{
	float:left;
	padding:10px 20px 0px 0px;
	margin: 0 10px 0 0;
}


#logo-title{
	position:relative;
	left: 50px;
	top:30px;
	background: #fff url(../images/rootmath-logo-large.png) no-repeat;
	width: 400px;
	height:50px;
	margin: 0 0 50px 0;
}

.home-image-text{
	float:left;
	width:300px;
	height:350px;
	margin:0;
	padding:10px 0 0 0;
}

#text-left-col-home{
	float:left;
	background: #fff;
	width:350px;	/*width for home column to clear ball*/
	margin:-20px 0 0 50px;
}

#text-left-col{
	float:left;
	background: #fff;
	width:500px;
	margin:-20px 0 0 50px;
}


#home-subjects{
	float:left;
	width:300px;
	height:350px;
	margin:0;
	padding:0;
}


#home-subjects h2{
	font: bold 30px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	border-bottom: 1px dashed #ccc;
	margin:0;
	padding:0;
	}
	
#home-subjects ul{
	list-style-type: none;
	margin-left:-35px;
	}
	
#home-subjects ul li{
	font: bold 20px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding: 5px 0px 5px 10px;
	margin:0 0 15px 0;
}

#home-subjects ul a{
	display:block;
	color: #fff;
	background:#000;
	text-decoration: none;
}

#home-subjects ul a:hover{
	background-color: #137bb0;
	-moz-box-shadow: 6px 6px 1px #aaa;
	-webkit-box-shadow: 6px 6px 4px #aaa;
	box-shadow: 6px 6px 5px #aaa;
}














#about h2{
	font: bold 30px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	border-bottom: 1px dashed #ccc;
	}

#about h5{
	font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
#about p{
	font: normal 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	line-height: 1.6em;
	}
	
#about p.last{
		margin-bottom: 40px;
}

#about a{
	color: #0000FF;

}

/*
#ball{
	float:right;
	margin:0;
	height:400px;
}

#math-link{
	position:relative;
	left:-145px;
	top:-295px;
	background: url(../images/math-ball-black.png) no-repeat;
	display:block;
	width:153px;
	height:25px;
}
#math-link:hover{
	background: url(../images/math-ball-red.png) no-repeat;
}

#about-link{
	position:relative;
	left:-115px;
	top:-290px;
	background: url(../images/about-ball-black.png) no-repeat;
	display:block;
	width:120px;
	height:30px;
}
#about-link:hover{
	background: url(../images/about-ball-red.png) no-repeat;
}
*/

#credits h3{
	margin-bottom:30px;
	border-bottom:1px solid #000;
	}
#credits h5{
padding-bottom:0;
margin-bottom:0;
}


/*Lesson Page Columns
=================================================================== */
#col_left{
	float:left;
	width:680px;
	margin:0;
}

#col_right{
	float:right;
	width:210px;
	margin:0;
}


.clearfix{
	clear:both;
}


/* Lesson Pages
================================================================== */
#content_outer_wrap{
	width:900px;
	margin:0 auto;
	margin-top:80px;
	margin-bottom: 20px;
	background:#fff;
	padding: 10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius: 7px;
	min-height:300px;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000; 
} 

.title-arrow-wrap{
	position:relative;
	bottom:-10px;
	width:672px;
	margin:0;
	padding:0;
}

.iframe-wrap{
	height:403px;
}

.video_title{
	width:600px;
	margin:0;
	padding:0;
}

.video_title, .video_title h2{
	margin:0;
	color: #111;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
}

.arrow-links{
	float:right;
	position:relative;
	bottom:20px;
	width:30px;
	height:15px;
}

.arrow-back{
	float:left;
}
.arrow-next{
	float:right;
}


.practice h2, div.video_list h2{
	padding-bottom:5px;
	padding-top:5px;
	margin:20px 0 0 0;
	color: #0b4168;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	border-bottom: 1px solid #000;
}


#video_title, #video_title h2, .donate h3, .practice h3, .video_list h2{
	padding-bottom:5px;
	padding-top:5px;
	margin:0;
	color: #0b4168;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
}




ol.problems li, .problems li p{
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
}
ol.reference_list li{
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
}

ol.problems li, ol.reference_list li{
	margin-bottom:20px;
}

table.reference_list{
	font-size:1.2em;
}

.problems li p.explination{
	font-size:.9em;
}

a.solution_link{
	float:right;
}

.solution{
	background:#e7f5ff;
	padding:4px;
	margin-top:5px;
}


a.download{
	float:right;
}



/* Donation
=================================================================== */
.donate-full{
	float:right;
	width: 300px;
	margin: 20px 20px 0 0;
	border: 1px #ddd solid;
	-moz-box-shadow: 3px 3px 3px #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;

}

.donate-full h2{
	font: bold 30px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding-bottom:0px;
	padding-left:20px;
	margin:0;
}
.donate-full p{
	padding:10px;
}

.paypal-center{
	margin-left: 100px;
}



/* Content
=================================================================== */
.tag{
	font-weight:bold;
	/*font-style:italic;*/
}


.subjects-list li{
	padding-bottom:10px;
}


p.summary-math-align{
	font-size:17px;
}


/* ACORDIAN
=================================================================== */
#chapternav {

  width: 210px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  margin-bottom: auto;
  right: 10px;
  z-index:-11;

}


.glossymenu{
margin: 0 0;
padding: 0;
width: 210px; /*width of menu*/
margin-bottom: 20px;


}

.glossymenu .menuitem{
background-color: #242424;  /* the background  */        

font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #f5f5f5;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
margin:0;
}

.glossymenu .menuitem:visited,{
color: #fff;
}


.glossymenu .menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}


.glossymenu .menuitem:hover{

background: #000;
text-decoration:none;
color:#fff;
}

.glossymenu a.menuitem_top:hover{

color: #0b4168;
}



.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #ededed;
position:relative;
border-left:1px solid #000;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;

}

.glossymenu div.submenu ul li{
border-bottom: 1px solid black;
}


.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #000;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
padding-right: 5px;
text-decoration:none;
background:#fff;
}

.glossymenu div.submenu ul li a:hover{
background: #137bb0;
color: #FFF;
}

.glossymenu div.submenu ul li a.active-accordian{
background: #137bb0;
color:#FFF;
}



/* NAV
==================================================================== */
.menu {
	font-family: arial, sans-serif; 
	height:40px; 
	position:relative;
	margin:0;
	font-weight:bold;
	font-size: 1.2em;
	display:inline;
	z-index:1000;
	
}

.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#c0c0c0;
	width:60px; 
	height:33px;  
	padding-top:7px;
	padding-left:10px;
	line-height:29px; 
	font-size:12px; 
	margin-top:0px;
	text-align:left;
}


.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}

.menu ul li {
	float:left; 
	position:relative;
}

.menu ul li ul, .menu ul li div.sub_menu , .menu ul li div.sub_menu_learn{
	display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a{
	color:#fff;
	background:#000;
	
}

.menu ul li:hover div.sub_menu{
	display:block; 
	width:120px;
	height:104px;
	background:#000;
	position:absolute;
	left:-1px;
	border-top: 0;
	z-index:1000;
}
.menu ul li:hover div.sub_menu_learn{
	display:block;
	width:120px;
	height:77px;
	background:#000;
	position:absolute;
	left:-1px;
	border-top: 0;
	z-index:1000;
}

.menu ul li:hover ul{
	display:block; 
	position:absolute;  
	left:0; 
	width:190px; 
	z-index:2;
}


.menu ul li:hover ul li {
	float:left;
	
	 
}

.menu ul li:hover div.sub_menu ul li a , .menu ul li:hover div.sub_menu_learn ul li a  {
	display:block; 
	color:#eee; 
	width:110px; 
	float:left;
	overflow:visible;
	height:16px;
	line-height:16px;
	padding-bottom:2px;
	padding-left:10px;
/*	padding:4px;
	padding-top:8px;
	margin:4px;
	margin-left:6px;*/
	font:14px "Lucida Grande", sans-serif;
	z-index:999;
	background:#000;
	text-align:left;
	/*-moz-box-shadow: 6px 6px 5px #888;
	-webkit-box-shadow: 6px 6px 5px #888;
	box-shadow: 6px 6px 5px #888; */

}

.menu ul li:hover div.sub_menu ul li a p, .menu ul li:hover div.sub_menu_learn ul li a p{
	font-size:.7em;
	color:#eee;
	padding:0;
	margin:0;
}
.menu ul li:hover div.sub_menu ul li a h5, .menu ul li:hover div.sub_menu_learn ul li a h5{
	padding:0;
	margin:0;
	color:#eee;
}
.menu ul li:hover div.sub_menu ul li a:hover h5, .menu ul li:hover div.sub_menu_learn ul li a:hover h5{
	padding:0;
	margin:0;
	color:#137bb0;
}


.menu ul li:hover div.sub_menu ul li a:hover, .menu ul li:hover div.sub_menu_learn ul li a:hover {
	color:#137bb0;
/*	-moz-box-shadow: 6px 6px 5px #888;
	-webkit-box-shadow: 6px 6px 5px #888;
	box-shadow: 6px 6px 5px #888; */
}

/* Wraps for Title Bar
============================================================== */

#title_wrap{
	min-width:900px;
	width:100%;
	height:110px;
	border: solid #000;
	border-width:1px 0 1px 0;
	z-index:1000;

}

#upper_titlebar{
	height:70px;
	width:100%;
	margin:0 auto;
	padding-top: 10px;
}
#upper_titlebar h2, #upper_titlebar p{
	display:inline;
	color:	#e0da32;
	font-family: Lucida Grande, sans-serif;
	font-weight:bold;
	margin-left:50px;
}

#nav_titlebar{
	background: #000 url(../images/nav-bar-black.png) repeat-x;
	width:100%;
	top:0;
	height:40px;
	position:fixed; 
	z-index:10000;
	/*border-bottom:1px solid #444; */
}

.title_container{
	width:900px;
	margin:0 auto;
	height:40px;
	background-position: 3px 5px;
	z-index:1000;
}

#logo_container{
	float:left;
	margin-top:6px;
	z-index:1000;
}
#nav_container{
	float:left;
	font-size: 10px;
	margin-left:10px;
}

#social_buttons{
	float:right;
	margin-top:5px;
	z-index:1000;
}
.donate_in_title{
	float: left;
	margin: 0px 20px 0px 0px; 
	box-shadow: 0px 0px 40px #555, 0 0 2px #000;
	height:28px;
	width:80px;
}

.donate_in_title:hover{
	
	box-shadow: 0 0 5px #fff;
}



/* LESSON MENU
====================================================== */
/*Video Links
================================================== */
#video-list{
	 margin: 40px 0 0 0; 
}



#video-list ol li{
	display:list-item;
	font-family: "Lucidia Grande", sans-serif;
	font-size: 20px;
}	

#video-list ol.ie-list-hack li{
	display:inline;
	font-family: "Lucidia Grande", sans-serif;
	font-size: 20px;
}

#video-list ol a.video-link{
	color:black;
	text-decoration:none; 
	margin:8px 4px 8px 4px; 
	display:block;
	padding: 10px;
	font-family: "Lucidia Grande", sans-serif;
	font-size: 15px;
	width:500px;
	background: #ffffff; 
		/* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); 
		/* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
		/* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e5e5e5 100%); 
		/* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover, #ffffff %,#e5e5e5 100%);
		 /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover, #ffffff0%,#e5e5e5 100%); 
		/* IE10+ */
		background: radial-gradient(center, ellipse cover, #ffffff 0%,#e5e5e5 100%); 
		/*W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); 
		/*IE6-9 fallback on horizontal gradient */
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;
	
		
	
}

#video-list ol.ie-list-hack a.video-link{
	display:block;
	padding: 10px;
	font-family: "Lucidia Grande", sans-serif;
	font-size: 15px;
	width:500px;
	margin:8px 4px 4px -50px;
}

#video-list ol a.video-link:hover{
 	border: 2px solid #000;
	padding:8px;
}
#video-list h2{
	border-bottom:1px solid #000;
}

a.quick-summary-button{
	float:right;
	width: 70px;
	background:#fff;
	margin:-50px 0px 0 0;
	padding:5px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
	background-color: #dcdcdc;
	box-shadow: 0 0 2px #555;
	padding: 3px 5px 1px 5px;
	text-align:center;
}

a.quick-summary-button:hover{
	background:#137bb0;
	color:#fff;
	
}

.video-summary{
	margin:15px 30px 30px 30px;
	background:#ededed;
	padding: 20px;
	box-shadow: 0px 0px 5px #888;
	width: 400px;

}

/* Video Info Menu
=================================================== */
.video-info-wrap{
	margin:0;
	padding:5px;
	width:660px;
}


.video-info-menu{
	height:24px;
	width:672px;
	position:relative;
	margin:15px 0 0 0;
	font-weight:bold;
	font-size: 1.2em;
}

.video-info-menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}

.video-info-menu ul li{
	display:block; 
	height:22px;
	text-decoration:none; 
	color: #222;
	background:#fefefe;
	width:109px; 
	line-height:29px; 
	font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align:center;
	padding: 1px;
	float:left; 
	position:relative;
	margin:5px 15px 5px -1px;
	border:2px solid #000;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius: 7px;
	box-shadow: 3px 3px 0px #000;
}

.video-info-menu ul li a	{
	text-decoration:none;
	color: inherit;
}

.video-info-menu ul li.video-question-link{
/*	width:137px;  /*tweak so the menu fills the same with as a video when all 5 tabs are present */

}


.video-info-menu ul li:hover{
	background:#137bb0;
	color:#fff;
	cursor:pointer;
	box-shadow: 3px 4px 0px #000;

}

.video-info-menu ul li.active{
	background:#137bb0;
	color:#fff;
}


.video_description p, .video-question p{
	width:600px;
	padding:10px;
	margin:0;
	color: #0b4168;
	font:normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}


#summary.tab_content{
	margin: 10px;
}

#summary h4{
	border-bottom:1px dashed #ccc;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	width:500px;
}


#summary p{
	font:normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}


#foundation{
	margin:10px;
}

.foundation-link-wrap{
	position:relative;
}

.foundation-link-wrap p{
	width:600px;
	margin:0;
	padding: 0px 10px 10px 0;
	color: #000;
	font:normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.foundation-link-wrap h4{
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	border-bottom:1px dashed #ccc;
}

.foundation-link-wrap a{
	position:absolute;
	top:-7px;
	right:0;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-decoration:none;
	color:#000;
	background-color: #acacac;
	box-shadow: 0 0 2px #555;
	padding: 3px 5px 1px 5px;

	
}

.foundation-link-wrap a:hover{
	background:#8c2a2a;
	color:#fff;
}

.video-question h5{
	margin:0;
	padding-left:10px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	border-bottom:1px dashed #dcdcdc;
	width:100px;
}



#questions{
		font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		margin:20px;
		padding:10px;
		background: #ffffff; 
		/* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); 
		/* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
		/* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e5e5e5 100%); 
		/* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover, #ffffff %,#e5e5e5 100%);
		 /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover, #ffffff0%,#e5e5e5 100%); 
		/* IE10+ */
		background: radial-gradient(center, ellipse cover, #ffffff 0%,#e5e5e5 100%); 
		/*W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); 
		/*IE6-9 fallback on horizontal gradient */
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;
		
}

#questions h4{
	margin:0px;
}
#questions p{
	margin:0 0 5px 0;
}

/*PROBLEMS
=============================================== */
#problem_wrap{
float:left;
width:450px;
min-height:400px;
margin-top:30px;
font: normal 22px Computer Modern, "Lucida Grande", Verdana, sans-serif;
padding: 20px;
background:#f0f0f0;
	
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;

}
#problem{
margin-left:20px;
padding-bottom:10px;
width:300px;
border-bottom: 1px dashed #888;
}
.the-problem{
	font-size: 20px;
}


#multiChoice{
float:right;
}
#multiChoice table{
margin-top: 30px;
}
#multiChoice table td{
height:75px;
width: 140px;
font:normal 18px Computer Modern, "Lucida Grande", Verdana, sans-serif;
}
.steps{
display: none;
font: 16px Tahoma, sans-serif;
font-weight: 100;
margin: 30px 0px 30px 0px;
width:400px;
}




#steps_area{
width:400px;
margin-top:20px;
}
#answer_form_area{
width:150px;
float:right;
margin-top:30px;

background: #ffffff; 
/* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); 
/* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
/* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e5e5e5 100%); 
/* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #ffffff %,#e5e5e5 100%);
 /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #ffffff0%,#e5e5e5 100%); 
/* IE10+ */
background: radial-gradient(center, ellipse cover, #ffffff 0%,#e5e5e5 100%); 
/*W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); 
/*IE6-9 fallback on horizontal gradient */
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}


.videojs{
	background-color:#fff;
}