@charset "UTF-8";


.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	clear: none;
	width: 1024px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	font-family: "Roboto", sans-serif;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 0px;

}

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

}

.TabbedPanelsContentGroup {
	clear: both;
	background-color: #FFF;
	border: 1px groove #ff3b30;
}
.TabbedPanelsContentGroupRounded {
	clear: both;
	background-color: #FFF;
	border: 1px solid #ff3b30;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius-top : 10px 10px 10px 10px;
	-webkit-border-radius: 10px;
}

.TabbedPanelsTab {
	position: relative;
		display: inline-block;
		
		line-height: 1.428571429;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	font-weight: 300;
	background-color: #fff;
	color: #ff3b30;
	border: 1px solid #ff3b30;
	outline: none;
		border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
		/*box-shadow: 0px 1px 10px #999;
	-moz-box-shadow: 0px 1px 10px #999;
	-webkit-box-shadow: 0px 1px 10px #999;*/
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
white-space: nowrap;
vertical-align: middle;

} 







.TabbedPanelsTabSelected {
	background-color: #ff3b30;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff3b30;
	outline: none;
}
/*

.TabbedPanelsTab a {
	text-decoration: none;
}

*/

.TabbedPanelsTab:hover {
	color: #fff;
background-color: #ff3b30;
border-color: #fff;
border: 1px solid #ff3b30;

}



.TabbedPanelsContent {
	overflow: hidden;
	padding: 16px;
}



.TabbedPanelsContentVisible {
}



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

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #fff;
	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: #fff;
	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;
}

/* 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;
}
}