﻿@charset "UTF-8";

@font-face {
	font-family: 'DroidSansRegular';
	src: url('/inc/font/Droid-Sans/DroidSans-webfont.eot');
	src: local('Droid Sans Regular'), url('/inc/font/Droid-Sans/DroidSans-webfont.woff') format('woff'), url('/inc/font/Droid-Sans/DroidSans-webfont.ttf') format('truetype'), url('/inc/font/Droid-Sans/DroidSans-webfont.svg#webfontKYIQSBQk') format('svg');
	font-weight: normal;
	font-style: normal;
}

.TabbedPanels {
	float: left;
	clear: none;
	width: 100%;
	background-image: url(../img/TabbedPanels_bg.jpg);
	background-repeat: no-repeat;
	margin-top:20px;
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 10px;
	color:#22498E;
	font: 14px 'DroidSansRegular', Arial, sans-serif;
	position: relative;
}
.TabbedPanelsTab {	
	float: left;
	top: 1px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	border-right: #D7d7d7 1px solid;
	border-left: #FFFFFF 1px solid;
	margin:0px;
	padding:5px 20px;
}
.TabbedPanelsTabFirst {
	float: left;
	top: 1px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	border-left: none;
	border-right: 1px solid #D7d7d7;
	margin:0px;
	padding:5px 20px;
}
.TabbedPanelsTabLast {
	float: left;
	top: 1px;	
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	margin:0px;
	padding:5px 20px;
	border-left: 1px solid #FFF;
	border-right: none;
}
.TabbedPanelsTabHover {
	color:#1B73CC;
}
.TabbedPanelsTabSelected {
	background-color: #FFF;
	border-top: 1px solid #D7d7d7;
	border-left: 1px solid #D7d7d7;
	border-right: 1px solid #D7d7d7;
	color: #000;
	outline:none;
	padding:5px 20px 9px 20px;
	padding-bottom: 11px\9;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	background-color: #FFF;
	margin-top: 50px;
}
.TabbedPanelsContent {
	padding: 0px;
	margin:0 0 0 12px;
}
/*=========================================*/	
/*============= Diagrams Tab ==============*/
/*=========================================*/
.DITabbedPanels {
	float: left;
	width: 100%;
}
.DITabbedPanels .TabbedPanelsTabGroup {
	margin: 0;
	padding: 0;
	color:#000;
	font: 14px 'DroidSansRegular', Arial, sans-serif;
}
.DITabbedPanels .TabbedPanelsTab {	
	display:inline;
    white-space:nowrap;
    padding: 0 20px;
	margin-bottom:10px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	border-right: #000 1px solid;
}
.DITabbedPanels .TabbedPanelsTabLast {
	display:inline;
    white-space:nowrap;
    padding:0 20px;
	margin-bottom:10px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.DITabbedPanels .TabbedPanelsTabHover {
	text-decoration: underline;
}
.DITabbedPanels .TabbedPanelsTabSelected {
    display:inline;
    white-space:nowrap;
    padding: 0 20px;
	margin-bottom:10px;
	background-color:#22498E; 
	color: #fff;	
	border-left: #22498E 3px solid;
	border-right: #22498E 3px solid;
	border-top:none;
}
.DITabbedPanels .TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.DITabbedPanels .TabbedPanelsContentGroup {
	background-color: #FFF;
	padding-top:30px;	
}
.DITabbedPanels .TabbedPanelsContent {
	padding: 0px;
	margin:0px;
}