﻿/* Accessibility */

.tabnavhide {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

/* ----------------------------------------------------------------
 * L A Y O U T
 *
 */

html, form {
	height:100%;
}

#s4-bodyContainer {display:block;}
	#site-top-drawer{}
		#sliding-drawer{margin-left:auto; margin-right:auto; display:block; min-height:180px; padding: 0 0 8px 0;}
	#site-header {height:113px;}
		#head-container {    display: block;    height: 113px;    margin: 0 auto; }
			#shortcuts{float:right; 
						-webkit-border-radius: 0 0 3px 3px;
						-moz-border-radius: 0 0 3px 3px;
						border-radius: 0 0 3px 3px;	
						display: block;					
						height: 23px;
						margin: 0 18px 0 0;
						padding-top: 9px;
						text-align: center;
						width: 143px;
						cursor: pointer;
						line-height: 15px;
			}
			#site-search{float:right; margin-top: 12px;}
			#logo {float:left;margin-top: 24px;  display:inline-block; height:41px;}
			#site-logo {float:left; margin-top: 24px;  display:inline-block;}
			#site-login {width :16px; height:16px; float:right; }
			#site-navigation {clear:both; 
								width:100%; 	
								float: left;    
								display: inline-block;    
								margin: 11px 0 0 -1px;    
							}	
	#site-body{ margin-left:auto; margin-right:auto; line-height:1.5;}	
		#body-container { margin-left:auto; margin-right:auto; float:left;}
			#page-left	{margin-top: 25px; margin-bottom: 30px;}	
				#left-nav{margin-top: -6px;}
				#sub-nav{ 
				    margin: 0 0 0 20px;
				    padding: 20px 0 0;
				    width: 80%;
				    font-size: 15px;
				    list-style-type: none;
				    line-height:1.5;}				
			#page-content {margin-top: 25px; }
				#page-header{padding: 0 20px 0 0;}
				#page-body {margin-right:auto;margin-left:auto;margin-bottom:30px;padding: 0 20px 0 0;}					
				#page-footer{padding: 0 20px 0 0;}			
			#page-right{margin-top: 25px; margin-bottom: 30px;}	
				
	#site-footer {clear:both; font-size: 12px;}
		#foot-container{margin-left:auto; margin-right:auto;display:block; padding: 20px 0 100px;}					

/* ----------------------------------------------------------------
/* HEADER STYLES 
* 
*/

/* Search */
div#site-search {
    min-height: 40px;
    width: 142px;
}
div#site-search input[type="button"] {
    background: url("icons_files.png") repeat scroll -581px -42px #FFFFFF;
    border: medium none;
    clear: both;
    cursor: pointer;
    float: right;
    height: 16px;
    margin: -20px 4px;
    padding: 0;
    text-indent: -9000px;
    text-transform: capitalize;
    width: 16px;
}
div#site-search input[type="text"] {
    background: none repeat scroll 0 0 #FFFFFF;   
    float: right;
    font-size: 11px;
    height: 16px;
    margin: -5px 0 0;
    padding: 2px 0 2px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid;
    resize: none;
    width: 140px;
}

#sliding-drawer .quicklinks {
width:33.3%;
display:inline-block;
vertical-align:top;  
/*ie 7 hacks follow*/ zoom:1; *display:inline;
}
#sliding-drawer .quicklinks ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	line-height: 20px;
}
#sliding-drawer .quicklinks li {
	font-size: 12px; 
	letter-spacing: 0.25px;
	display:inline-block; 
	padding: 0 10px;
	/*ie 7 hacks follow*/ zoom:1; *display:inline;
	border-right:1px solid;
}
#sliding-drawer .quicklinks li a {
	padding: 2px 4px;
	text-decoration: none;
}
#sliding-drawer .quicklinks li a:hover {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
#sliding-drawer .quicklinks h5 {
	letter-spacing: 0px; 
	margin: 16px 0 4px 13px;
	width: 90%; 
}



/* For header navigation */

/* The following gets rid of the arrows and the padding for the arrows on an LI if there is navigation below it */
.menu-horizontal a.dynamic-children span.additional-background,
.menu-horizontal ul.dynamic a.dynamic-children span.additional-background {
	background-image:none;
	padding-right: 0;
}
#site-navigation .root li li a span span { white-space:normal;}
#site-navigation li li a[href ^="http"] {
	padding-right: 15px;
	background: url('icons_files.png') -590px -64px no-repeat;
	/* ie7 hack */*background: none;
}
#site-navigation li li a[href ^="http"]:hover {
	background: #d9d9d9 url('icons_files.png') -590px -64px no-repeat;
	/* ie7 hack */*background: none;
}

/* ----------------------------------------------------------------
/* BODY STYLES */

img{border-style:none;}
#site-body img{display:block;}
#page-body p, #page-body dl, #page-body hr,  #page-body ol, #page-body ul, #page-body pre,
 #page-body address, #page-body fieldset, #page-body form
 {margin-bottom: 20px;}

/* Breadcrumbs 
*  
*/

#breadcrumbs{font-family: verdana; font-size: 10px; margin: 7px 0 16px 0;}
#breadcrumbs a{text-decoration:underline;}

/* Left Navigation 
*  
*/
/* FIRST li/a is the Header.  Root is the main UL in tree-view nav*/

#left-nav .root a{
	margin: 0 0 0 20px;
    width: 80%;
	letter-spacing: -1px;
	text-decoration: none;
	font-size: 16px;
	padding: 0px;
	line-height: 18px;
}

#left-nav li ul{list-style-type: none;
    margin: 0;
    padding: 10px 0 14px;}

#left-nav li li{margin: 0 0 1px;}


#left-nav .root li ul li a{
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.25px;
    margin: 0;
    border: none;
    display: block;
    padding: 0 0 0 20px;
    text-decoration: none;
    width: 80%;
	
}

#left-nav li a{
    display: block;
    padding: 0 0 0 20px;
    text-decoration: none;
    width: 80%;
}

#left-nav li li ul {
	list-style-type: none;
	margin: 0 0 0 12px;
	padding: 0;
}

/* Styling for external link.  MUST have any external link start with http */

#left-nav a[href ^="http"] {
	background: url("icons_files.png") -584px -70px transparent no-repeat;
}
#left-nav a[href ^="https"] {
    background: url("icons_files.png") -584px -70px transparent no-repeat;
}

/*dialog/modal styling. added 2/13/2012, kromano1*/

.ms-dlgTitle{
	
}

.ms-dlgContent{
	background:inherit;
	border:none;
	background:rgba(44,51,59,.76);
	padding:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.ms-dlgBorder{
	border:none;	
}

.ms-dlgTitle{
	background:none;
}

.ms-dlgFrameContainer{
	background:none;
	color: #fff;
}

.ms-dialog body{
	background:#fffff;
}

.ms-dlgOverlay{
	background: #000;    opacity: 0.5;    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";    filter: alpha(opacity=50);
}

/* iFrame form Styling
added 2/29/2012, lbeidels, ticket 549166

*/

#requestForm input[type="submit"] {
    background: #fff;
}

/* infopath form styling 
added 1/30/2012, kromano1
*/


#infopathForm {
	padding-bottom: 20px;
}

#infopathForm table table td div table{
	padding: 20px 30px 20px 20px;
	background: #ecf0eb;
	border: 1px solid #cdd1bd;
	font-size: 12px;
	font-family:'Droid Sans','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; 
	color: #434A51;
}
#infopathForm table table td table{
	background: #ecf0eb;
	border:none;
}
#infopathForm table td table table table {
	border: none;
}
div#infopathForm > table:first-child {
	background: #fff!important;
}
div#infopathForm > table:first-child tbody tr table tbody tr td div div span div div div {
	background: none!important;
	padding: 0px!important;
}
div#infopathForm > table:first-child tbody tr table tbody tr td div div span div div div div div div div div table {
	margin: 0px!important;
}
#infopathForm table table table tr{
	background: #ecf0eb;
	border:none;
	height:auto; /*kromano1 1/25/2012, combat empty sections*/
}
#infopathForm table table table td{
	background: #ecf0eb;
	border:none;
}
#infopathForm h1 {
	margin: 0 0 20px 0;
	border: 1px solid #afafaa;
	font-size: 14px;
	padding: 20px;
	padding-left: 50px;
}
#infopathForm h1 {
	background: #fff;
	padding-left: 20px!important;
}
#infopathForm h4 {
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
	font-style:normal;
}
#infopathForm h5 {
	letter-spacing: 1px;
	margin: 0 0 30px 5px;
}
#infopathForm h6:after {
	content: none;
	background: none;
}
#infopathForm h6 {
	background: none;
}
#infopathForm table table table td span {
	background: inherit;
	border:none;
}
#infopathForm table table table td span span span div {
	border: none;
}
#infopathForm .asteriskIcon{
	background:none;
}
#infopathForm .errorDiv{
	background-color:#FFFFD5;
}
/*Kromano1 .errorDivClickable styles 
added 1/26/2012, for clickable tooltip error*/
#infopathForm .errorDivClickable{
	background-color:#FFFFD5;
	color: #4c7370;
	text-decoration: underline;
}


/*Kromano1 added 1/25/2012, for deeply nested selects*/
#infopathForm div div fieldset div div table tr td select{
	margin-bottom:7px;
}
#infopathForm input, 
#infopathForm select, 
#infopathForm textarea {
	font-size: 11px;
	padding: 5px;
	/*border: 1px solid #9a9d90 !important; @kromano1 - removal 1/25/2012 */
	font-family: Droid sans, Arial, sans-serif;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-top-radius: 3px;
	overflow: auto;
	resize: none;
	background: #fff;

}
#infopathForm select {
	height: 30px;
}
/*kromano1 2/1/2012, removed border: none!important; to allow for validation
red dashed borders on checkboxes*/
#infopathForm input[type="checkbox"] {	
	background:none;
}
/*kromano1 added 2/1/2012, improve ie7 and safari textbox styles*/
#infopathForm input[type="text"]{
	*width:430px;
	height:26px;
	*height: auto;
}
#infopathForm input[type="button"]{
    margin: 20px 24px 20px 20px; 
	font-size: 14px;
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
	text-align: center;
	text-decoration:none;
	padding: 5px 10px;
	cursor: pointer;
	*margin-top: 30px;
	/*combine with gradient gray class since infopath buttons have no classes*/
	color: #434A51;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* W3C */
}
#infopathForm  input[type="button"]:hover {
	background: #fff;
}
#infopathForm .error {
	font-weight: bold;
	color: #f83e3e;
	border: 1px solid #f83e3e!important;
	background: #ffffd5 url("../../images/icons_files.png") 20px 23px no-repeat;
}
#infopathForm .valError ul{
	font-weight: bold;
	color: #f83e3e;
	border: 1px solid #f83e3e!important;
	background: #ffffd5 url("../../images/icons_files.png") 20px 23px no-repeat;
	padding: 20px;
	padding-left: 50px;
	margin-left: 0;
}
#infopathForm .valError li{
	 font-size: 12px; 
	 list-style-type: none;
	 line-height: 20px;
	 margin: 0;
	 padding: 0;
}
#infopathForm .errorIcon{
	background: url("../../images/icons_files.png") 0px 0px no-repeat transparent;
	height: 15px;
	width: 16px;
	display:inline-block;
	margin-left: 6px;
	border: none;
	outline:none;
}
#infopathForm input.error {
	background-position: 10px 4px;
	padding-left: 10px;
}
#infopathForm #textAreaError{
	display:table-cell;
	vertical-align:middle;
	height:110px;
}
#infopathForm li {
	list-style-type: none;
	padding: 20px 0 10px 0;
}
#infopathForm textarea {
	float:left;
}
#infopathForm .radio,#infopathForm .checkbox {
	display: block;
	float: left;
	margin: 3px 0 0 0;
	width: 30px;
}
#infopathForm  .btn-gradient-green {
	color: #fff;
	text-shadow: 1px 1px 0px #000000;
	background: #73cc00; /* Old browsers */
	background: -moz-linear-gradient(top, #73cc00 0%, #407811 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73cc00), color-stop(100%,#407811)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #73cc00 0%,#407811 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #73cc00 0%,#407811 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #73cc00 0%,#407811 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73CC00', endColorstr='#407811',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #73cc00 0%,#407811 100%); /* W3C */
}
#infopathForm a:hover.btn-gradient-green  {
	color: #fff;
	background: #73cc00;
}
#infopathForm .btn-gradient-blue {
	color: #fff;
	text-shadow: 1px 1px 0px #000000;
	background: #245474; /* Old browsers */
	background: -moz-linear-gradient(top, #245474 0%, #143349 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245474), color-stop(100%,#143349)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #245474 0%,#143349 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #245474 0%,#143349 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #245474 0%,#143349 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245474', endColorstr='#143349',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #245474 0%,#143349 100%); /* W3C */
}
#infopathForm a:hover.btn-gradient-blue  {
	color: #fff;
	background: #245474;
}



/* ----------------------------------------------------------------
/* SITE FOOTER STYLES 
* 
*/


#site-footer .quicklinks{display:inline-block; width: 189px; vertical-align:top;}

#site-footer .quicklinks ul{list-style-type:none; padding:0; margin:0; margin-bottom:20px;}

#site-footer .quicklinks li{ background: url("icons_files.png") no-repeat scroll -584px -79px transparent;    padding-left: 20px;}

.copyright{clear:both;margin: 20px 0 0 6px;}

.depaulInfo{display:inline-block; width: 189px; }



/* Sticky Emergency Alerts CSS -- START */

#dpu-alert{
	position:fixed;
	top:0;
	z-index: 9999;
}

#dpu-alert h1.alert {color: #fff; font-size: 34px !important; font-family: arial, helvetica; text-transform: uppercase;}

#dpu-alert h2.alert {color: #fff; font-size: 18px !important; text-transform: uppercase;}

#dpu-alert p.alert {color: #fff; font-size: 11px !important; line-height: 14px;}

#dpu-alert a.alert {color: #e7d2cf; text-decoration: underline;}
#dpu-alert a.alert:hover {color: #fff;}

#dpu-alert a.alert_y {color: #efe6b3;}
#dpu-alert a.alert_y:hover {color: #eeda69;}


#alertpadding {padding: 15px 0px 0px 0px;}

/* Patched for new appearance RFA - Today*/   
.stickyhead {
	border-top-color: rgb(255, 208, 8); 
	border-bottom-color: rgb(255, 208, 8);
	background: none;
	background-color: rgb(250, 242, 204); 
	border-top-width: 1px; 
	border-bottom-width: 1px; 	
	border-top-style: solid; 
	border-bottom-style: solid; 
	margin: 0px!important;
	padding: 13px 0 0 0;
	line-height: 16px;
	text-align: center;
	height:auto;
	width: 100%;	
}

.alert_red {
}

.alert_orange {
}

.alert_yellow {
}

/*END*/
