@charset "UTF-8";

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

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

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
#Flat .TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


#Flat .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

#Flat .TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 2px 0px 0px;
	/*font-weight: bold; */
	font-size: 1.1em;
	/*font-family: Tahoma;*/
	background-color:#EEEEEE;/* #8CD005;*//* #DDD;*/
	list-style: none;
	border-left: solid 1px #CCCCCC;/*#6699cc;/*#CCC;*/
	border-bottom: solid 1px #CCCCCC;/*#6699cc;/*#999;*/
	border-top: solid 1px #CCCCCC;/*#6699cc;/*#999;*/
	border-right: solid 1px #CCCCCC;/*#6699cc;/*#999;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color:blue;
	text-decoration: underline;
	border-collapse:collapse;
}

#Flat .TabbedPanelsTabHover {
	/*background-color: #CCC;*/
	background-color: #4CA9F1;
}

#Flat .TabbedPanelsTabSelected {
	/*background-color: #EEE;*/
	background-color: #4CA9F1;
	border-bottom: 1px solid #EEE;
	color:white;
}

#Flat .TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

#Flat .TabbedPanelsContentGroup {
	clear: both;
	
}

#Flat .TabbedPanelsContent {
	padding: 4px;
}

#Flat .TabbedPanelsContentVisible {
}

#Flat .VTabbedPanels{
	border-collapse:collapse;	
}

#Flat .VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 180px;/*10em;*/
	height: auto;/*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;*/
	border-collapse:collapse;
}

#Flat .VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
	/*height:30px;*/
	padding:10px 10px;
	/*width:100%;*/
	border-collapse:collapse;
}

#Flat .VTabbedPanels .TabbedPanelsTabSelected {
	/*background-color: #EEE;
	border-bottom: solid 1px #999;*/
	background-color: #4CA9F1;
	border-bottom: 1px solid #EEE;
	color:white;
	/*border-right:1px solid red;*/
	border-collapse:collapse;
}
#Flat .VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
	border-collapse:collapse;
}