/*This is one of the style sheets for FHWA Operations.  These are styles that need to be hidden from older browsers, mostly Netscape 4x.  

This style sheet is divided into the following sections: 

1. Elements
2. Lists
3. Tables
4. Links
5. Major sections of the template. This section has several sub-sections.
6. Classes
7. HOTM specific styles
8. HOTM - ITS Architecture Implementation specific styles
9. EMP - specific styles

More information is available in the FHWA Operations Style and Maintenance Guide and the FHWA Operations Developer's Guide.  */

/* ******** SECTION 1: Elements ******** */

body {
	margin: 0;
	}

/* ******** SECTION 2: Lists ******** */

/* ******** SECTION 3: Tables ******** */

/* ******** SECTION 4: Links ******** */

.backto {
	font-size: 85%;
	}

/********* SECTION 5:  Major sections of the template. *********** */

#header-pics {
	background: #000 url(images/ops_images/road-background2.jpg) no-repeat top left;
	}

/********* Changed from original style **********/
#tagline, .opsbanner, .tagline, .quicklinks {
	background: #9F0724 url(images/ops_images/21century_bkgd-tall.gif) repeat top left;
	}
/********* End Change **********/

.quicklinks form {
	display: inline;
	}

.quicklinks {
	padding-right: 18px;
	padding-bottom: 3px;
	padding-top: 3px;
	}

.quicklinks select, .quicklinks input {
	font-size: 70%;
	}

.quicklinks input {
	padding: 0;
	margin-left: 2px;
	}

.quicklinks label {
	display: inline;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	font-weight: bold;
	}

#navigation {
	background: /*#FBECCF*/ url(images/ops_images/left-nav_bkgd.gif) top left repeat;
	font-size: 80%;
	margin-left: 0;
	margin-top: 0;
	}

#contenttext {
	padding: 20px;
	}

#curve {
	display: inline;
	}	

form.search {
	margin: 0 0 10px 0;
	}

div.search {
	padding-left: 15px;
	font-size: 90%;
	margin: 0;
	}

.search, .button {
	font-size: 80%;
	padding: 0;
	}

/* following code (#sterms and #search styles) added for new fhwa search engine */
#sterms {
	width: 105px !important;
	width: 120px;
	}

#search form {
	margin: 0 0 10px 0;
	}

#search  {
	padding-left: 15px;
	font-size: 90%;
	margin: 0;
	}

#search .button {
	font-size: 80%;
	padding: 0;
	}

/* end new styles */

.navlink {
	padding-left: 15px;
	}

.navlink a:link, .navlink a:visited {
	font-weight: bold;
	color: #000063;
	text-decoration: none;
	display: block;
	}

#navigation a:hover {
	color: #fff;
	background: #9F0724 url(images/ops_images/21century_bkgd-tall.gif) repeat top left;
	text-decoration: none;
	display: block;
	}

#otmlinks {
	margin-top: 5px;
	}

#otmlinks .navlink {
	margin: 3px 0;
	}

#otmlinks .navlink a:link, #otmlinks .navlink a:visited, #otmlinks .navlink a:hover  {
	font-size: 90%;
	}

#otmlinks .thispage {
	font-size: 90%;
	}

#footer {
	background-color: white;
	font-size: 75%;
	padding: 10px 2px;
	text-align: left;
	border-top: #000063 20px solid;
	}

#footer-links {
	background-color: white;
	font-size: 75%;
	padding: 10px 2px;
	text-align: center;
	border-top: #000063 20px solid;
	}

#javadate {
	background-color: white;
	font-size: 75%;
	padding: 10px 0;
	text-align: right;
	border-top: #000063 20px solid;
	}

.thispage {
	color: #fff;
	background: #9F0724 url(images/ops_images/21century_bkgd.gif) repeat top left;
	font-weight: bold;
	padding-left: 10px;
	margin-left: 6px;
}

.thispage a:link, .thispage a:visited {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	display: block;
	}

div.breadcrumb {
	font-size: 85%;
	margin-bottom: 20px;
	}

div.navigation {
	padding-bottom: 20px;
	}

/* Home Page Styles */

.tidbits p {
	padding: 5px; 
	font-size: 100%;
	}

/* Insets (floating boxes, mostly images for garnish */

.inset {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 85%;
	float: right;
	margin: 30px 30px 30px 30px;
  	padding: 0;
	background-color: #fff;
	width: 227px;
	}

.inset-content {
	float: none;
	margin: 0 0 -2em 0;
	padding: 1em 0 1em 0;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background-image: none;
	}

.inset p {	
  	padding: 0px 3px 0px 15px;
	}

.inset h1 {	
  	padding: 0px 3px 0px 0;
	}

.inset h2 {	
	font-size: 110%;
  	padding: 0px 3px 0px 15px;
	margin: 10px 10px 0 0;
	}

.inset-mitgat {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;
	float: right;
	margin: 20px;
  	padding: 0 10px;
	background-color: #f4f4f4;
	width: 35%;
	border: 1px solid #9F0724;
	}

.inset-mitgat h2 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 110%;
	margin: 8px 0 0 0;
	padding: 0;
	}

div.inset-photo {	
	float: right;
	margin: 15px 0 15px 15px;
	}

.inset-photo img {
	border: 1px solid #000;
	}
	
.inset-box-art_mgmt {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;
	float: right;
	margin: 10px;
  	padding: 10px 5px 5px 0px;
	border: 1px solid #006;
	background-color: #FFF7E2;
	width: 220px;
	}

.inset-box-art_mgmt p {	
  	padding: 0px 3px 0px 15px;
	}	

.fast_act-inset {
	width: 260px;
	margin: 0 15px 15px 15px;
	padding: 0 10px 0 0;
	border: 0;
	float: right;
	}

.fast_act-box {
	width: 255px;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border: 1px solid #9F0724;
	}

.fast_act-box h2 {
	background: #F2F2FF;
	font-size: 110%;
	font-weight: bold;
	color: #9F0724;
	border-bottom: 1px solid #006; 
	padding: 5px;
	margin: 0;
	}
	
.fast_act-box h1 {
	background: #F2F2FF;
	font-size: 125%;
	font-weight: bold;
	color: #9F0724;
	border-bottom: 1px solid #006;
	padding: 5px;
	margin: 0;
	}
	
.fast_act-box p {
	margin-top: 0;
	padding: .5em 1em;
	font-size: 95%;
	}

.fast_act-box ul {
	margin: -.5em 5px 5px 30px;
	padding: 0;
	font-size: 90%;
	}

/* ******** SECTION 7: HOTM Subsites Specific ******** */	

/* Inset-box (floating box for HTOM Access Mgmt "What is FHWA's Role?" Page */	
.inset-box {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;
	float: right;
	margin: 10px;
  	padding: 10px 5px 5px 0px;
	border: 1px solid #000;
	background-color: #F2F2FF;
	width: 220px;
	}
	
.inset-box p {	
  	padding: 0px 3px 0px 15px;
	}
	
/* Inset-pdfbox (floating box for HTOM Access Mgmt "Benefits of Access Mgmt Brochure - HTML version" Page */	
.inset-pdfbox {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;
	float: right;
	margin: 10px;
  	padding: 10px 5px 5px 0px;
	border: 1px solid #000;
	background-color: #F2F2FF;
	}	

/* Inset-icon (floating box for HOTM Access Mgmt - Resources Page */
.inset-icon {	
	/*font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;*/
	float: left;
	margin: 5px;
  	padding: 5px;
	/*border: 1px solid #000;*/
	width: 53px;
	height: 68px;
	}

.inset-icon2 {	
	/*font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;*/
	float: left;
	margin: 5px;
  	padding: 5px;
	/*border: 1px solid #000;*/
	}
/* ******** Datatables ******** */

.datatable {
	font-size: 90%;
	font-family:  verdana, arial, helvetica, sans-serif;
	background-color: #ccc;
	}
	
.datatable th {
	background-color: #e4e4e4;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 4px 12px;
	vertical-align: top;
	}
	
.datatable td.empty-header-cell {
	background-color: #e4e4e4;
	}
	
.datatable td {
	padding: 5px 10px;
	background-color: #fff;
	vertical-align: top;
	}
	
.datatable caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 3px;
	}

.datatablebn {
	font-size: 86%;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #ccc;
	}

.datatablebn h1 {
	font-size: 135%;
	font-weight: bold;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	vertical-align: top;
	}	

.datatablebn h2 {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	vertical-align: top;
	margin: 0;
	}

.datatablebn h3 {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	vertical-align: top;
	margin: 0;
	}

.datatablebn th {
	background-color: #e4e4e4;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 4px 12px;
	vertical-align: top;
	}
	
.datatablebn td.empty-header-cell {
	background-color: #e4e4e4;
	}
	
.datatablebn td {
	padding: 5px 10px;
	background-color: #fff;
	vertical-align: top;
	}
	
.datatablebn caption {
	font-size: 115%;
	text-align: left;
	font-weight: bold;
	padding-bottom: 3px;
	}

/* ******** SECTION 8: Architecture Implementation-specific styles and other new styles ******** */

li {
	margin-bottom: 8px;
	}

h3 {	
	font-size: 110%;
	padding: 0;
	margin: 29px 0 0 0;
	color: #9F0724;
	}

h4 {	
	font-size: 100%;
	padding: 0;
	margin: 29px 0 0 0;
	color: #9F0724;
	}

.inset .inset-box h1 {
	margin: 5px 10px;
	}

.inset-2 {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 85%;
	float: right;
	margin: 0 10px 5px 15px;
  	padding: 0;
	background-color: #fff;
	width: 227px;
	}
	
.inset-box-highlight {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;
	float: right;
	margin: 5px 10px;
  	padding: 10px 5px 5px 0px;
	border: 1px solid #9F0724;
	background-color: #fff;
	width: 220px;
	}
	
.inset-box-highlight h1 {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 120%;
	margin: 5px 5px;
  	}	

.inset-box-highlight img {
	margin: -1em -.5em 0 0;
	border-bottom: 1px solid #9F0724;
	}

.inset-box-highlight li {
	color: #000066;
	font-size: 120%;
	margin: 0 10px 0 -.4em;
	}

.inset-box-highlight p {
	color: #000066;
	font-size: 120%;
	margin: 10px 10px 10px 5px;
	}

.inset-box-bn {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;
	float: right;
	margin: 5px 10px;
  	padding: 10px 5px 5px 0px;
	border: 1px solid #9F0724;
	background-color: #fff;
	width: 220px;
	}

.inset-box-highlight-bn h1 {
	font-size: 130%;
	margin: 5px 5px;;
	}

.inset-box-highlight-bn h2 {
	font-size: 120%;
	margin: 5px 10px 5px 10px;
	}

.inset-box-bn p {
	margin: 5px 10px 5px 10px;
	}

.inset-box-highlight-bn {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;
	float: right;
	margin: 5px 10px;
  	padding: 10px 5px 5px 0px;
	border: 1px solid #9F0724;
	background-color: #fff;
	width: 220px;
	}

.inset-box-highlight-bn img {
	margin: -1em -.5em 0 0;
	border-bottom: 1px solid #9F0724;
	}
	
.inset-box-highlight-bn li {
	color: #000000;
	font-size: 120%;
	margin: 0 10px 0 -.4em;
	}

.inset-box-highlight-bn p {
	color: #000000;
	font-size: 120%;
	margin: 10px 10px 10px 5px;
	}
	
div.inset-box-highlight-bn img {	
	float: right;
	margin: 5px 5px 5px 5px;
	}
	
.inset-box-highlight-bn img {
	border: 1px solid #000;
	}

.pdf {
	margin: 25px 0 0 0;
	border-top: 1px solid #cccccc;
	padding: 10px 0 10px 0
	}
	
/********* SECTION 9:  EMP - specific styles *********** */

.content-emp-table {
	font-size: 100%;
	font-family:  verdana, arial, helvetica, sans-serif;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	}
	
div.inset-emp-photo {	
	padding: 5px; 
	font-size: 100%;
	}

/* New Icon Styles */         

.newitemdate {
	color: #9F0724;
	}

.newicon {
	vertical-align: bottom;
	}
	
.footnotes /* For any page that requires footnotes, place them inside a DIV or P element with this class. The following styles will apply to that DIV. */ {
	border-top: 1px solid #ccc;
	width: 100%;
	text-align: left;
	padding-left: 2em;
	padding-top: .5em;
	font-size: 90%;
	}