/* -------------------------------------------------------------------------------------------

 * Filename: 		tabcontent.css
 * Description: 	Styles for specific for pages with tabs. CSS for Shade Tabs.  I.E. video pages
 * Version: 		1.0.0 (2009-09-01)
 * Website: 		http://www.roycefunds.com
 * Author:			Christian, Kristen and Charlene

== STRUCTURE ==================================================================================



---------------------------------------------------------------------------------------------*/


/*.shadetabs{
	padding: 0 0 0 0;
	margin: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; 
}*/

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 0;
	margin-right: 0px;
	color: #2d2b2b;
}

.shadetabs li a:visited{
	color: #2d2b2b;
}

.shadetabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
}

.shadetabs li a.selected{ /*selected main tab style */
	/*background-image: url(shadeactive.gif);*/
	/*border-bottom-color: white;*/
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/*.divcontent {
	width:180px;   
	padding: 10px; 
	background-color:#d7e7f0;
	margin-top:-2px;
}*/

.divcontent {
  
	padding: 10px; 
	background-color:#d7e7f0;
	height:175px;
	border-bottom:4px solid #ffffff;
}

.divcontent-video {
	width:206px;   
	padding: 10px; 
	background-color:#e1ecf3;
	margin-top:-2px;
}

.divcontent-compare { 
	padding:10px;
	background-color:#E6E6E6;
	height:160px;
	border-bottom:4px solid #ffffff;

}

.tabcontent{
	height:415px; 
	display:none;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:2px;
}

.text-video {
	height:60;
	width:100px;
	background-color:#ffffff;
	vertical-align:top;
}

.text-section {
	vertical-align:top;
	height:60;
	width:93px;
	font-size:9px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	padding:5px;

}

.hideme {
	visibility:hidden;
	display:none;
}

.showme {
	visibility:visible;
	display:block;
}

#video-summary {
	width:420px;

}

#videoembed {
	height:267px;
	width:400px;
	background-color:#ffffff;

}

#video-list {
	width:226px; 
	display:inline;
}

#video-time {
	color: #676767;
}

.video_class {
	z-index:99; 
	background-color:#ffffff; 
	width: 150px; 
	display:none; 
	position: absolute; 
	left: 780px; 
	zoom: 1; 
	border:1px solid black; 
	font-size:10px; 
	line-height:12px;
}

.video-disclosure {
	position: relative; 
	top: 20px; 
	padding-bottom: 50px; 
	width: 668px;
}