/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700,300);

body {
	margin: 0;
	padding-bottom: 50px;
}

body, td, p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}
p:first-child {
	margin-top: 0;
	padding-top: 0;
}
.boldtext {
	font-weight: bold;
}
.font16 {
	font-size: 16px;
}

/* Generic Styles */
.border-bottom {
	border-bottom: 1px solid #333;
}
.IDnum {
	color: #CCC;
	font-size: 9px;
	line-height: 9px;
	padding: 5px 10px 0;
}
.FloatBlock {
	float: left;
	margin: 0 40px 20px 0;
	padding: 0;
}

/* Text Stylings */
.txt_red {
	color: #900;
}
.subHeader15 {
	font-size: 15px;
	font-weight: 600;
}
.subHeader15 span {
	font-size: 12px;
	font-weight: normal;
}
label {
	font-weight: bold;
}
#greenlight {
	border: 1px solid #060;
	background: rgba(0,160,0,0.5);
	color: #060;
	margin: 0 0 20px;
	padding: 3px 6px;
	font-weight: 700;
}

/* Buttons on Right Side */
.ButtonsRight {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
}

/* Text Button */
.txtbutton {
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	padding: 5px 10px;
	border: 1px solid #999;
	background: linear-gradient(rgb(255,255,255),rgb(221,221,221));
	color: #000;
	margin: 0 0 0 4px;
	text-decoration: none;
}
.txtbutton:hover {
	background: #00468C;
	color: #FFF;
	cursor: pointer;
	text-decoration: none;
}

/* Smaller Text Button */
.smalltxtbutton {
	border: 1px solid #999;
	margin: 0 3px;
	padding: 5px 10px;
	float: left;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	background: linear-gradient(rgb(255,255,255),rgb(221,221,221));
	color: #333;
	text-decoration: none;
	font-family: Arial, sans-serif;
}
.smalltxtbutton:hover {
	background: #00468C;
	color: #FFF;
	cursor: pointer;
}

.tinytxtbutton {
	border: 1px solid #999;
	margin: 1px;
	padding: 3px 6px;
	display: inline-block;
	font-size: 10px;
	line-height: 10px;
	font-weight: 400;
	background: linear-gradient(rgb(255,255,255),rgb(221,221,221));
	color: #333;
	text-decoration: none;
	font-family: Arial, sans-serif;
}
.tinytxtbutton:hover {
	background: #00468C;
	color: #FFF;
	cursor: pointer;
}


.headertxtbutton {
	border: 1px solid #999;
	margin: 0 3px;
	padding: 5px 10px;
	float: left;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	background: linear-gradient(rgb(255,255,255),rgb(221,221,221));
	color: #333;
	text-decoration: none;
	font-family: Arial, sans-serif;
	border-radius: 1px;
}
.headertxtbutton:hover {
	background: #00468C;
	color: #FFF;
	cursor: pointer;
}


/* Menubar Layouts */
#TopMenuBar_WideBar {
	width: 100%;
	height: auto;
	max-height: 105px;
	background: #DDD;
}
#TopMenuBar {
	width: 100%;
	max-width: 1000px;
	height: auto;
	max-height: 105px;
	background: #DDD;
	margin: 0px auto;
	padding: 0px;
}
#Logo {
	background: url(../Media/Logo/logo_bar.png) no-repeat scroll left center;
	background-size: contain;
	margin: 5px 0 0 0;
	padding: 0px;
	float: left;
	height: 40px;
	width: 96px;
}
#IconBar {
	height: auto;
	max-height: 105px;
	padding: 0;
	margin: 0;
	text-align: right;
	overflow: hidden;
}

/* Table Layouts */
.tbl_header {
	background: #007;
	width: 100%;
	clear: both;
	color: #fff;
	font-weight: bold;
}
.tbl_header .tbl_cell {
	color: #fff;
	text-transform: uppercase;
	font: 700 16px/16px "Titillium Web", sans-serif;
}
.tbl_row {
	margin: 0;
	padding: 0;
	clear: both;
	background: #DDD;
}
.tbl_row2 {
	margin: 0;
	padding: 0;
	clear: both;
	background: #EEE;
}
.tbl_row_grad {
	margin: 0;
	padding: 0;
	clear: both;
	background: linear-gradient(rgba(255,255,255,0.75), rgba(255,255,255,0));
}
.tbl_row_lined {
	border-bottom: 1px solid #999;	
}
.tbl_cell {
	float: left;
	padding: 3px 3px;
	margin: 0;
}
.tbl_italicize {
	font-style: italic;
}
.tbl_hoverer {
	color: #000;
}
.tbl_hoverer:hover {
	cursor: pointer;
	background: #CCC;
	font-weight: bold;
}

/* Detail Expanding Row Styles */
.DtlRowHandle {
	background: url(../Media/Interface/bullet_arrow.png) no-repeat scroll center center;
	background-size: 50% 50%;
	height: 34px;
	width: 30px;
	margin: 0;
	padding: 0;	
}
.rotate90 {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

/* Dialog Layouts */
#dialog_header {
	margin: 0;
	height: 30px;
	padding: 5px 10px;
	background: #333 linear-gradient(to right, #333 50%, #00468C);
	color: #fff;
	position: relative;
	font: lighter 26px/26px "Open Sans", sans-serif;
	text-transform: lowercase;
}
#dialog_header .buttons {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
}
#dialog_header .buttons input {
	border: none;
	background: #CCC;
	color: #000;
	margin: 8px 10px 0px 0px;
	padding: 5px 9px;
	font: normal 14px/14px 'Open Sans', sans-serif;
	text-transform: lowercase;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
#dialog_header .buttons input:hover {
	background: #fff;
	cursor: pointer;
}
#dialog_body {
	margin: 0;
	padding: 10px;
	position: relative;
}
#dialog_body label {
	font-weight: bold;
}
#dialog_body input {
	width: 300px;
}

.ui-dialog { z-index: 9999990 !important ;}


/* Feature Section Layouts */
#PageBackLabel {
	margin: 20px 0 0;
	height: 20px;
	padding: 0px;
	background: #FFF;
	color: #000;
	position: relative;
	font: 300 20px/20px "Open Sans", sans-serif;
	text-transform: lowercase;
	text-decoration: none;
}
#PageBackLabel a, #PageBackLabel a:visited {
	text-decoration: none;
	color: #000;
}
#PageBackLabel a:hover {
	text-decoration: underline;
	color: 369;
}
#PageHeader {
	margin: 10px 10px 0 10px;
	height: 50px;
	padding: 10px 0 0;
	background: #FFF;
	color: #000;
	position: relative;
	font: lighter 40px/40px "Open Sans", sans-serif;
	text-transform: lowercase;
}
#PageHeader .border {
	border-bottom: 1px solid #333;
}
#Header_Fixed {
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #FFF;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.5);
	min-height: 100px;
}
#TabBar {
	padding: 5px 5px 0px;
	margin: 0 0 15px;
	height: 30px;
	background-color: #007;
	position: relative;
}
#TabBar .buttons {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
}
#TabBar .buttons input {
	border: none;
	background: #CCC;
	color: #000;
	margin: 5px 5px 0px 0px;
	padding: 5px 9px;
	font: normal 14px/14px 'Open Sans', sans-serif;
	text-transform: lowercase;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
#TabBar .buttons input:hover {
	background: #fff;
	cursor: pointer;
}
#TabBar .Tab {
	background: #999 linear-gradient(to bottom, #999 30%, #666);
	color: #fff;
	padding: 5px 5px 0px;
	margin: 0 5px 5px 0;
	height: 20px;
	font: normal 15px/12px "Open Sans", sans-serif;
	text-transform: lowercase;
	float: left;
	cursor: pointer;
}
#TabBar .Tab:hover {
	background: #999 linear-gradient(to bottom, #007CF9 30%, #00468C);
}
#TabBar .Active,#TabBar .Active:hover {
	background: #fff;
	color: #00468C;
	padding-bottom: 5px;
	margin-bottom: 0;
	cursor: default;
}
.HideSection {
	display: none;
}

/* Form or Button Bar Below Tab Bar */
.TabSubBar {
	clear: both;
	padding: 5px 0px;
	margin: 0;
	height: 20px;
}
.TabSubBar .button, .TabSubBar .button:hover {
	margin: 0 3px;
	padding: 4px 7px;
	float: left;
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	background: #CCC;
	color: #DDD;
	text-decoration: none;
}
.TabSubBar .button:hover {
	background: #00468C;
	color: #FFF;
}
.TabSubBar .title, .TabSubBar .FormInput {
	float: left;
	margin-right: 10px;
}
.TabSubBar .title {
	font: 100 normal 22px/22px "Open Sans", sans-serif;
	margin-left: 10px;
	padding-top: 6px;
	text-transform: lowercase;
}

input.FormButton {
	border: 1px solid #333;
	margin: 0 3px;
	padding: 4px 7px;
	float: left;
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	background: #CCC;
	color: #333;
	text-decoration: none;
}
input.FormButton:hover {
	background: #00468C;
	color: #FFF;
	cursor: pointer;
}

/* Status Alert Bar Styling */
#SiteAlertBox {
}
.sitealertbar {
	border-width: 1px;
	border-style: solid;
	margin: 3px 1px;
	padding: 2px 2px 2px 40px;
	background: no-repeat scroll 5px 5px;
}
.sitealertbar:last-child {
	margin-bottom: 10px;
}
.sitealertbar notice {
	font-size: 14px;
	font-weight: 800;
}
.solid_red {
	background-color: #F00;
	border-color: #F00;
	color: #FFF;
	padding-left: 2px;
}
.alert_red {
	background-image: url(../Media/Interface/stop.png);
	background-color: #FFB7B7;
	border-color: #C00;
}
.alert_red notice, .alert_red a {
	color: #C00;	
}
.alert_yellow {
	background-image:url(../Media/Interface/caution.png);
	background-color: #FFFFCC;
	border-color: #C90;
}
.alert_yellow notice, .alert_yellow a {
	color: #C90;
}


/* Common Fades */
.Fade-WhiteGrey {
	background: #CCC linear-gradient(#FFF, #CCC);
}
.Fade-GreyGrey {
	background: #CCC linear-gradient(#CCC, #999);
}

/* BarSectionStyling */
.BarSectionBlock {
  border: 1px solid #222;
  margin: 0 0 10px; padding: 2px;
  box-sizing: border-box;
  background-color: #fff;
}
.BarSectionTitle, .BarSectionTitleRed, .BarSectionContent, .BarSectionRight {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 4px;
}
.BarSectionTitle, .BarSectionTitleRed {
  background-color: #000;
  color: #FFF;
  font-weight: 900;
}
.BarSectionTitleRed {
  background-color: #C00;
}
.BarSectionRight {
  float: right;
  text-align: right;
}