@charset "UTF-8";


.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


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

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	line-height:40px;
	padding:0px 10px;
	height:40px;
	margin: 0px 1px 0px 0px;
	font-size:16px;
	background:url(../image/button_bg.png) repeat-x;
	list-style: none;
/*	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;*/
	border-bottom: solid 1px #0e7dc0;
	color:#333333;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	outline:none;
}


.TabbedPanelsTabHover {
	background:url(../image/hover_button_bg.png) repeat-x; color:#FFF;
	outline:none;
}


.TabbedPanelsTabSelected {
	background:url(../image/hover_button_bg.png) repeat-x; color:#FFF;
}


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


.TabbedPanelsContentGroup {
	clear: both;
/*	border-left: solid 1px #0e7dc0;
	border-bottom: solid 1px #0e7dc0;
	border-top: solid 1px #0e7dc0;
	border-right: solid 1px #0e7dc0;*/
	/*background-color:#eae9e9;*/
	margin-top:10px;
}


.TabbedPanelsContent {
	overflow: hidden;
	padding: 4px;
	padding-left:4px;
}


.TabbedPanelsContentVisible {
}



.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}


.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;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}


.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}


.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}
}
table.tint-box, .tint-box {background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #eee; border-collapse: collapse; padding: 5px !important;width: 100%;}
table.tint-box td {border: 1px solid #ccc; padding: 10px !important; text-align:left;}