@charset "UTF-8";



/*** TEXT FORMAT ***/



.tabHeadline {

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	font-size: 14px;

	color: #FFFFFF;

	text-align:left;

	margin-top:10px;

	margin-bottom: 10px;

	font-weight:bold;

}



.tabText {

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-align:right;

}



/*** EO TEXT FORMAT ***/









.TabbedPanels {

	margin: 0px;

	margin-left: 100px;

	padding: 0px;

	float: left;

	clear: none;

	width: 780px /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/

}



.TabbedPanelsTabGroup {

	margin: 0px;

	padding: 0px;

}



.TabbedPanelsTab {

	position: relative;

	top: 1px;

	float: left;

	padding: 4px 10px;

	margin: 0px 0px 0px 5px;

	font-weight:bold;

	font-size: 10px;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	background-color: #FF6633;

	list-style: none;

	border: solid 1px #000000;

	-moz-user-select: none;

	-khtml-user-select: none;

	/*cursor: pointer;*/

}



.TabbedPanelsTabHover {

	background-color: #FF9933;

}



.TabbedPanelsTabSelected {

	background-color: #FF6633;

	border-bottom: 1px solid #FF6633;

	text-decoration: underline;

}



.TabbedPanelsTab a {

	color: black;

	text-decoration: none;

}



.TabbedPanelsContentGroup {

	clear: both;

	border: solid 1px #000000;

	background-color:#FF6633;

	color: #FFFFFF;
	
	width:80%;

}



.TabbedPanelsContent {

	padding: 10px;

}



.TabbedPanelsContentVisible {

}



.VTabbedPanels .TabbedPanelsTabGroup {

	float: left;

	width: 10em;

	height: 20em;

	background-color: #EEE;

	position: relative;

	border-top: solid 1px #999;

	border-right: solid 1px #999;

	border-left: solid 1px #CCC;

	border-bottom: solid 1px #CCC;

}



/* This selector disables the float property that is placed on each tab button

 * by the default TabbedPanelsTab selector rule above. It also draws a bottom

 * border for the tab. The tab button will get its left and right border from

 * the TabGroup, and its top border from the TabGroup or tab button above it.

 */

.VTabbedPanels .TabbedPanelsTab {

	float: none;

	margin: 0px;

	border-top: none;

	border-left: none;

	border-right: none;

}



/* This selector disables the float property that is placed on each tab button

 * by the default TabbedPanelsTab selector rule above. It also draws a bottom

 * border for the tab. The tab button will get its left and right border from

 * the TabGroup, and its top border from the TabGroup or tab button above it.

 */

.VTabbedPanels .TabbedPanelsTabSelected {

	background-color: #EEE;

	border-bottom: solid 1px #999;

}



/* This selector floats the content panels for the widget so that they

 * render to the right of the tabbed buttons.

 */

.VTabbedPanels .TabbedPanelsContentGroup {

	clear: none;

	float: left;

	padding: 0px;

	width: 30em;

	height: 20em;

}