@charset "UTF-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* This is the selector for the main TabbedPanels container.*/
#dvdMain #tabbedInfo .TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 99%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

* html #dvdMain #tabbedInfo .TabbedPanels {/* Hack to set min width for IE browsers */
		width:expression(document.body.clientWidth < 689?
"100%" :"690px");
	}

/* This is the selector for the TabGroup.*/
#dvdMain #tabbedInfo .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab.*/
#dvdMain #tabbedInfo .TabbedPanelsTab {
	color:#CCC;
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 1.05em Arial,"Helvetica Neue",Helvetica,sans-serif;
	background-color: #00669c;
	list-style: none;
	border-left: solid 1px #00669c;
	border-bottom: solid 1px #0081c6;
	border-top: solid 1px #00669c;
	border-right: solid 1px #0081c6;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	outline: none;
	/*width: 10%;*/
}

#dvdMain #tabbedInfo .TabbedPanelsTab .last {
float: right;
}
/* The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
#dvdMain #tabbedInfo .TabbedPanelsTabHover {
	color:#FFF;
	/*border-left-color:#00CCFF;*/
	background-color: #00CCFF;
}

/* The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.*/
#dvdMain #tabbedInfo .TabbedPanelsTabSelected {
	color:#FFFFFF;
	background-color: #0081c6;
	border: 1px solid #0081c6;
	
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
#dvdMain #tabbedInfo .TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget.*/
#dvdMain #tabbedInfo .TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #0081c6;
	border-bottom: solid 1px #0081c6;
	border-top: solid 1px #0081c6;
	border-right: solid 1px #0081c6;
	background-color: #0081c6;
	color: #fff;
	height: 390px;
	

}

/* This is the selector for the Content panel.*/
#dvdMain #tabbedInfo .TabbedPanelsContent {
	padding: 4px;
}



/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
#dvdMain #tabbedInfo .TabbedPanelsContentVisible {
}