/*
Brake Check yellow: #FFD100;
Black: #231F20;
Gray: #6D6E71;
Red: #CE202F;
white: #FFFFFF;
*/

/*********************	
   BODY, WRAP
**********************/
body,
html {
	width:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background: #706767;
}


#wrap {
	margin:1%;
	padding:10px 10px; 
	border-top-left-radius:9px;
	border-top-right-radius:9px;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
	min-height:550px;
	background: #FFFFFF;
}

/*********************	
   MASTHEAD
*********************/
#Masthead {					
	width: 100%; 
	height:110px;
	border-top-left-radius:9px;
	border-top-right-radius:9px;
	background-color: #CE202F; 
	color:#FFFFFF;
	border-color:#FFD100;/*same as menu*/
	padding-top:10px;

}
	
#Masthead p {
	padding-left:40px;
	width:60%; 
	text-align:left;
	float:left;
	font-size:40px;
	margin-top:25px;
	margin-bottom:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
#HeaderIMG {
	height:90px;
	padding:5px 0px 5px 30px;
	/* margin:5px 20px 5px 0px; */
	float:left;
}


/*********************	
   FOR POP UPS
*********************/
#x { 
	display:none;                     
	position:absolute;
	z-index:0;
	height:100%; 
	width:100%;
	top:0; 
	right:0;
	padding-bottom:600px; 
	min-height:2000px;
	background-color:#706767;
	opacity:.5;
}
	
.popdiv,
.TogglePopDiv {
	position:absolute;
	display:none;
	z-index:250;
	padding:10px;
	border-radius:8px;
	text-align: center;
	width:900px;
	background:#FFFFFF;
}

.popdiv img {width:99%;}	
	
/*********************	
   MAIN CONTENT AREAS
*********************/
#main {
	width:99%;
	padding-top:2em;
  padding-left:.5%;
	padding-right:1%;
	min-height: 500px;	
	}
	
#main .right {
	width:77%;
	float:right;
	padding-right:10px;
	}

#WideRight .right {width:92%;}

#main .left {
	float:left;
	margin-bottom:20px;
	}

#main img {border:none;}
#main a{text-decoration:none;}

#main .left_third {
	width:32%;
	float:left;
	padding-right:1%;
}

#main .middle_third {
	width:32%;
	float:left;
	padding-left:1%;
	padding-right:1%;
}

#main .right_third {
	width:32%;
	float:left;
	padding-left:1%;
}

/*********************	
  HEADERS
*********************/
h1 {font-size: 1.7em;padding-bottom:10px;padding-top:10px;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4 {
		font-size: 1.1em;
		margin-bottom:5px;} 

/*********************	
  FOOTER
*********************/
#footer {
	margin: 1.5em 0;
	font-size:12px;
	width: 99%;
	clear:both;
	text-align:center;
	padding-top:1em;
	color: #666; 
	border-top:#6D6E71 solid medium;
	}
	
#footer p {
		margin:0;
 	   }
		

/*********************	
  IMAGES 
	  DOES NOT INCLUDE:
		 - .popdiv img
		 - #HeaderIMG
		 - #main img
		 - hover styles
*********************/
img.View {border:none;width:13px;}
img.View2 {border:none;width:8px;}
img.Cal {
	border:none;
	width:16px;
	padding:0 0;
	margin:0 0;
	vertical-align:bottom;
	}
.DynamicList img,
.smTriangle {width:10px;margin-left:6px;}
.Zoom {width:20px; margin-right:5px;}
.smLock {width:25px;margin: 0px 0px;padding: 0px 0px;}
.CheckBox {border:none;width:12px;margin-right:5px;}
.checkedMark {border:none;width:15px;}
.Mark {border:none;width:1px;}
img.Info {width:18px;vertical-align:sub;margin:0px 2px;}

img.Disabled {opacity:.4;}
img.Disabled:hover{cursor:auto;}

/*********************	
  WIDTHS
*********************/
.w15 {width:15px;}
.w18 {width:18px;}
.w20 {width:20px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w55 {width:55px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w230 {width:230px;}
.w250 {width:250px;}
.w280 {width:280px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w600 {width:600px;}
.w700 {width:700px;}
.w99p {width:99%;}

/*********************	
  PARAGRAPH SPACING
*********************/
.SpacedP p {margin-bottom:5px;}
.SpacedP10 p {margin-bottom:10px;}


/*********************	
  MARGIN SPACING
*********************/
.ml5  {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}

.mr5  {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}

.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}

/*********************	
  PADDING SPACING
*********************/
.pr5 {padding-right:5px;}


/*********************	
  COLUMN FORMATS - PADDING AND ALIGNMENT
*********************/
.ColLeft10 {
	padding-left:10px !important; 
	text-align:left;
	}
.ColLeft5 {
	padding-left:5px !important; 
	text-align:left;
	}

.ColRight5 {
	padding-right:5px !important; 
	text-align:right;
	}

.HalfWidthCol {
	width:50%;
	float:left;
}


/*********************	
  ALIGNMENT
*********************/
.LeftA {text-align:left;}
.RightA {text-align:right;}
.CenterA {text-align:center;}


/*********************	
  SCROLLING
*********************/
.Scroll200 {
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
	max-height:200px;
	border-bottom:thin solid gray;
}

.Scroll350 {
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
	max-height:400px;
}


.Scroll500 {
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:auto;
	max-height:500px;
}

.Scroll600 {
	overflow:scroll;
	overflow-x:hidden;
	max-height:600px;
}

/*********************	
  SCROLLING, MIN HEIGHT, MIN HEIGHT
*********************/
.Min200 {min-height:200px;}
.Min100 {min-height:100px;}
.Min50 {min-height:50px;}

/*********************	
  FLOAT
*********************/
.FloatLeft {float:left;}
.FloatRight {float:right;}
.ClearAll {clear:both;}


/*********************	
  "DISPLAY" STYLES
*********************/
.Inline {display:inline;}
.DisplayNone {display:none;}


/*********************	
  TEXT AND FONT STYLES 
*********************/
.Bold {font-weight:bold;}
.Italic {font-style:italic;}
.Underline {text-decoration:underline;}
.AllCaps {text-transform:uppercase;}
.Capitalize {text-transform:capitalize;}  

.Font13 {font-size:13px;}  
.Font14 {font-size:14px;}
.Font16 {font-size:16px;}

/*********************	
  DISABLED, INTEGERATED TEXT
*********************/
.ReadOnly {border:none;background-color:transparent!important;}
.Integrated {background-color: inherit;border:none;}
.DisabledLabel,
.DisabledText{color:gray;font-style:italic;}
.HiddenText{color:transparent;font-size:1px;}
.VoidedSelection {
 color:gray;
 text-decoration:line-through;
}

.DisabledSelect{
	color:gray;
	font-style: italic;
	appearance: none;
	border:none;
}

/*********************	
  TEXT COLORS 
*********************/
.BrightOrange {color: #E67300;}
.BlueFont {color: #00F;}
.GreenFont {color:#093;}

/*********************	
  HOVER STYLES
*********************/
.Hover:hover,
.Toggle:hover,
.SelectMe {cursor:pointer;}
.SelectMe2:hover {
	background-color:#FFD100;
}

.SelectMe3:hover {
	cursor:pointer;
	color:#03C;
	font-weight:bold;
	}
.SelectMe4:hover {
	cursor:pointer;
	color:blue;
	font-weight:bold;
	}
	
.SelectMe5:hover {
	cursor:pointer;
	width:20px;
	}
	
.SelectMe6:hover{
		text-decoration:underline;
		font-weight:bold;
		cursor:pointer;
		font-style:italic;
	}
.SelectMe7:hover{
	color:blue;
	font-weight:bold;
	cursor:pointer;
	font-size:15px;
}	

.SelectMeCheckbox:hover{
	cursor:pointer;
	}


.BoldMe:hover {font-weight:bold;cursor:default;}
.ItalicMe:hover {font-style:italic;}
.NoHover:hover {cursor:default;}
.HighlightMe:hover {color: #00F;cursor: default;}
.HighlightMe2:hover {color:#FFFFFF;background-color:#004A95;}

/*********************	
  BACKGROUNDS
*********************/
.TransparentBackground {background-color:transparent;}
.WhiteBackground {background-color:#FFFFFF;}
.CheckMe{background-color:#EAF8FF;}
.NoticeMe {background-color:#FFD100;}


/*********************	
   LINE STYLES
*********************/
hr.style1{border-top: 1px solid #8c8b8b;}
hr.style2 {border-top: 3px double #8c8b8b;}
hr.style3 {border-top: 1px dashed #8c8b8b;}
hr.style4 {border-top: 1px dotted #8c8b8b;}
hr.style5 {background-color:#fff;border-top: 2px dashed #8c8b8b;}
hr.style6 {background-color:#fff;border-top: 2px dotted #8c8b8b;}
hr.style7 {border-top:1px solid #8c8b8b;border-bottom: 1px solid #fff;}
hr.style9 {border-top: 1px dashed #8c8b8b;border-bottom: 1px dashed #fff;}
hr.style10 {border-top: 1px dotted #8c8b8b;border-bottom: 1px dotted #fff;}
hr.style13 {height: 6px;border: 0;box-shadow: 0 6px 6px -6px #8c8b8b inset;}

/*********************	
   MENU
*********************/
#menu ul, 
#menu ul li,
#menu ul.sub, 
#menu ul.sub2,
#menu ul li a {
	color:#FFFFFF;
	background-color: #6D6E71;
} 

#menu a:hover,	
#menu li:hover,
#menu li li a:hover{
	color:#FFD100;
}

/*TOP LEVEL MENU*/
#menu {width:100%;}
#menu {
	text-align:left;
	padding:0;
	margin: 0;
	}
#menu ul { 
    position:relative;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:100%;
	}
#menu ul li {position:relative;}/*this allows proper positioning of second level sub menus*/
#menu ul li {
	display:inline;
	float:left;
	line-height:30px;
	padding-left:30px;
	padding-right:10px;
	}
/*line elements and link elements need to have same color in case not all the line elements are links*/	
#menu ul li a{
	text-decoration:none;
	display:block;
	}
#menu ul li a:hover {cursor:pointer}

/* sub menu shared characteristics */
#menu ul.sub,
#menu ul.sub li,
#menu ul.sub a,
#menu ul.sub2 a,
#menu ul.sub ul li,
#menu ul.sub ul li a,
#menu ul.sub2 {
	margin:0px 0px;
	width:220px;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:0px;
	padding-left: 5px;
	z-index:1000;
	text-decoration:none;
	line-height:30px;
}

#menu ul.sub ul li,
#menu ul.sub ul li a {
	padding-right:0px;
	padding-left: 5px;
}

#menu ul.sub,
#menu ul.sub2 {
	display: none;
	position:absolute;
}  

/***********
  FIRST LEVEL SUB MENU
  .sub
***********/
#menu ul.sub {
  top:30px;
}

#menu ul li:hover ul.sub {
	display: block;
}
#menu li a:hover, #menu li:hover a {
	 cursor:default;
}

/***********
   SECOND LEVEL SUB MENU
  .sub2
***********/
#menu ul.sub2 {
  top:0px;
  left:130px;
}
#menu ul.sub li:hover ul.sub2 {
	display: block;
}


#menu .menuSection:hover{
	text-decoration:underline;
}


.NoBorder {
	border:none;
}


/*********************	
   FORMS
*********************/
form p {
	line-height:14px; /*if this changes, so must the height of SELECT and CHECKBOX/RADIO*/
	margin:0 0;
	}

fieldset {
	border-style: solid;
	border-width:thin;
	margin-top:.5em;
	display:block;
	margin-left:5px;
	border-color:#FFFFFF;
	background:inherit;

	}
	
label {
	text-align:right;
	margin-top:1px;
	margin-right:3px; /*puts space between label and margin*/
	font-weight:bold;
	margin-left:2px;
	}
	
input, 
select 
	{
	text-align:left;
	font-size:inherit;
	margin-right:5px;
	border-radius:4px;
	border-style:solid;
	border-width:thin;
	}

/*Slightly larger select box - since default is smaller*/
select {
	height:18px; 
	}		
	
textarea {
	margin-left:1px;
	padding:2px 3px;
	border-style:solid;
	border-width:thin;
	border-radius:2px;
	font-family:Arial, Helvetica, sans-serif;
	}


/*specific format for radio/checkboxes*/
input[type=checkbox],
input[type=radio]{
	width:1.1em !important; 
	height:1.3em !important;
	vertical-align:bottom;
	padding:0px 5px ;
	border:none;
	/*must declare same height as paragraph line-height if in a column with other inputs*/
	}	

input[type=date],
input[type=datetime-local],
input[type=time] {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
input[type=radio] {border:none;}
	
/*No borders visible on read only inputs*/
.readonly,	
input[readonly=readonly] {
	border:none; 
	background:transparent;
	}

input[type=submit],
input[type=button],
input[type=reset] {
	text-align:center;
	border-width:thin;
	border-style:groove;
	border-radius:6px;
	font-weight:bold;
	line-height:1.2em;
	margin:1em 0;
	padding:2px;
	/* width:70px; */
	display:inline;}
	
input[type=button]:hover,
input[type=reset]:hover {
	cursor:pointer;
	}
	
button {
	text-align:center;
	border-width:thin;
	border-style:groove;
	border-radius:6px;
	font-weight:bold;
	line-height:1.2em;
	margin:1em 0;
	padding:2px;
	width:70px;
	display:inline;}	
	
.HorizBox .Line,
#HorizBox .Line {
	display:block;
	clear:both;
	padding-bottom:40px;
	}
.HorizBox label{
	display:block;
	float:none;
	text-align:left;
	}
.HorizBox p {
	float:left;
	}

/*Submit buttons*/	
.Submit {
	background-color: #004080; 
	color:#FFFFFF;
	border: thin #0061C1 groove;
	}

/*Reset buttons*/
.Reset,
.Cancel{
	color:#FFFFFF; 
	background-color:#CE202F;
	border: thin #CE202F groove;
	}

input,
textarea,
select {
	border-color:#C0C0C0;
}
	
/*********************	
   LINE STYLES
*********************/
table a {text-decoration:none;}
table {border-collapse:collapse;width:100%;}
table td {border: 1px solid #FFFFFF;}

tr:nth-child(even) {background:#b0b3ba;}
tr:nth-child(odd) {background:transparent;color:black;}

.WhiteTable tr:nth-child(even),
.WhiteTable tr:nth-child(odd) {background-color:#FFFFFF !important;}

.TransparentTable tr:nth-child(even){background-color:transparent !important;}
.TransparentTable td{border-color:transparent !important;}

/*********************	
   MISC COLOR CLASSES
*********************/
h2 {border-top:medium #6D6E71 double;}
.h2 {
	border:none;
	border-top:medium #6D6E71 double;
	padding-bottom:10px;
}
.SelectMe:hover {color:#FFFFFF; background-color:#004A95;}
.Alert,
.Alert li,
.Alert a  {color:#CE202F;}
.Blue,
.Blue:hover {color:#06F;}

.bcYellowFont {color:#FFD100;}
.bcYellowBg{background-color:#FFD100;}

.bcBlackFont {color:#231F20;}
.bcBlackBg {background-color:#231F20;}

.bcGrayFont {color:#6D6E71;}
.bcGrayBg {background-color:#6D6E71;color:white;}

.bcRedFont {color:#CE202F;}
.bcRedBg {background-color:#CE202F;}