/*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 ******** */

table th, table td { vertical-align: top; text-align: left; }

.datatable {
	font-size: 90%;
	font-family:  verdana, arial, helvetica, sans-serif;
	background-color: #376694;
	background-color: #5381ac;
	margin: 1em 0;
	}

.datatable th {
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 5px 12px;
	vertical-align: top;
	font-size: 1.15em;
	}
	
.datatable td.empty-header-cell {
	background-color: #376694;
	}
	
.datatable td {
	padding: 5px 10px;
	background-color: #fff;
	vertical-align: top;
	}
	
.datatable caption {
	text-align: center;
	font-weight: bold;
	padding-bottom: 3px;
	font-size: 1.15em;
	}

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

.backto {
	font-size: 85%;
	}
	
a img {border: none; }

.linkoff, a.linkoff {
	border: none;
	text-decoration: none;
}

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

#header-pics {
	background: #223067 url(../images/header_footer/background_atdm.jpg) no-repeat top left;
	}

/********* Changed from original style **********/
#tagline, .opsbanner, .tagline, .quicklinks {
	background: #89A643 url(../images/header_footer/atdm_bkgd_tall.jpg) 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;
	}

#navigation {
	background: url(../images/header_footer/leftnav_bkgd.gif) top left repeat;
	border-right: 2px solid #666633;
	border-right: none;
	font-size: 80%;
	margin-left: 0;
	margin-top: 0;
	}
	
#navigation2 {
	background: url(../images/header_footer/leftnav_bkgd.gif) top left repeat;
	font-size: 70%;
	margin-left: 0;
	margin-top: 0;
	}

#content {
	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: 0 0 0 6px;
	}

.navlink a:link, .navlink a:visited {
	font-weight: bold;
	color: #000063;
	text-decoration: none;
	display: block;
	padding: .5em;
	}
	
.navlink2 {
	padding: 0 0 0 12px;
	}

.navlink2 a:link, .navlink2 a:visited {
	font-weight: normal;
	color: #000063;
	text-decoration: none;
	display: block;
	padding: .5em;
	}

.navlink2 a:hover {
	font-weight: normal;
	color: #000063;
	text-decoration: underline;
	display: block;
	padding: .5em;
	}
	
.home {
	font-size: 1.2em;
	margin-top: -.5em;
}
	
.navtitle {
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: .5em;
	margin-left: 6px;
	margin-top: .5em;
	margin-bottom: .5em;
}

.navlink a:hover, #navigation .navtitle {
	color: #fff;
	background: #666633;
	text-decoration: none;
	display: block;
	}
	
#navigation2 a:hover, #navigation2 .navtitle {
	color: #fff;
	background: #666633;
	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 6px solid;
	}

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

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

.thispage {
	color: #fff;
	background: #666633 url(../images/header_footer/pm_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 {	
	float: right;
	margin: 0 0 5px 10px;
  	padding: 0;
	background-color: #fff;
	width: 227px;
	}
	
.inset-content, .inset-ucr {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 95%;
	color: #000000;
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #336633;
	background-color: #fff;
	width: 215px;
	}
	
.inset-ucr {
	width: 190px;
	float: left;
	text-align: center;
	margin-right: 1em;
}
	
.inset-content img {
	margin: -5px -5px 1px -5px;
	border-bottom: 1px solid #336633;
	width: 225px;
	}

.inset-content h2 {
	font-size: 100%;
	margin: -5px -5px 5px -5px;
	padding: .5em .5em .5em 10px;
	color: #000066;
	color: #fff;
	background-color: #CCCC99;
	background-color: #89A643;
	border-bottom: 1px solid #336633;
	}
	
.inset-content p, .inset-ucr p {
	margin: 5px;
	}

.inset-content li {
	margin: 0 10px 0 -.4em;
	}
	

.inset-photo {	
	margin: 0 1em 1em 1em;
	width: 302px;
	}

.inset-photo img {
	border: 1px solid #000066;
	}

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

ul {
	margin-top: -.5em;
	margin-bottom: 1em;
	}
	
li {
	margin-top: .25em;
	margin-bottom: .25em;
	}
	
#navlinks ul {
	list-style-type: none;
	}

#navlinks li {
	display: block;
	line-height: 125%;
	margin: 0;
	padding: 3px 0;
	background-color: transparent;
	font-weight: bold;
	border: none;
	}


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

h2 {
	text-transform: uppercase;
	}
	
h3 {	
	font-size: 120%;
	padding: 0;
	margin: 1em 0;
	color: #666633;
	color: #484848;
	}

h4 {	
	font-size: 110%;
	padding: 0;
	margin: 1em 0;
	color: #666633;
	color: #484848;
	}
	
h5 {
	font-size: 100%;
	margin: 1em 0 -.5em 0;
}

h6 {
	font-size: 100%;
	font-style: italic;
	margin: 1em 0 -.5em 0;
	}
	
address {
	font-style: normal;

	margin-bottom: 1em;
	}
	
ol.decimal 
{
list-style-type: decimal;
}

ol.lroman 
{
list-style-type: lower-roman;
}

ol.uroman 
{
list-style-type: upper-roman;
}

ol.lalpha 
{
list-style-type: lower-alpha;
}

ol.ualpha 
{
list-style-type: upper-alpha;
}

dt {
	font-weight: bold;
	
	}
	
dd {
	margin-left: 0;
	margin-bottom: 1em;
	}
	
.float-right {
	float: right;
}

.float-left {
	float: left;
}
	
.aligncenter {
	text-align: center;
}

.leftalign {
	text-align: left;
}

.rightalign {
	text-align: right;
}

.bold, .strong{
	font-weight: bold;
}

.italic, .em {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.small {
	font-size: .90em;
}

.margin-top {
	margin-top: 1em;
}

.margin-right {
	margin-right: 1em;
}

.margin-bottom {
	margin-bottom: 2em;
}

.margin-left {
	margin-left: 1em;
}

.margin-tb {
	margin-top: 1em;
	margin-bottom: 1em;
}

.margin-center {
	margin-left: auto;
	margin-right: auto;
}

.padding-top {
	padding-top: 1em;
}

.padding-right {
	padding-right: 1em;
}

.padding-bottom {
	padding-bottom: 2em;
}

.padding-left {
	padding-left: 1em;
}

.photocaption {
	font-weight: bold;
	font-size: .9em;
}

.pdf {
	margin: 25px 0 0 0;
	border-top: 1px solid #cccccc;
	padding: 10px 0 10px 0;
	font-size: .8em;
}

.green {
	color: #009900;
}

.red {
	color: #CC0000;
}

.border-green {
	border: 1px solid #336633;
}

.border-gray {
	border: 1px solid #999;
}

.hr-gray {
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

.caption {
	font-weight: bold;
	font-size:.85em;
}
	
.overflow-auto {
	overflow: auto;
}

.clear {
	clear: both;
}


/** Button for main content area **/

#content .button2 {
	background-color: #ddd; /* fallback for web browsers that doesn't support RGBa */
    background-image: -moz-linear-gradient( -90deg, rgba(255, 255, 255, 0.5 ) , rgba(255, 255, 255, 0.0 ) ); /* FF 3.6+ */
    background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( rgba(255, 255, 255, 0.5 ) ), to( rgba(255, 255, 255, 0.0 ) ) ); /* Safari 4+, Chrome 2+ */ 
    background-image: -o-linear-gradient( -90deg, rgba(255, 255, 255, 0.5 ) , rgba(255, 255, 255, 0.0 ) ); /* Opera 11.10 */  
    padding: 6px 10px; /* add some space */
    color: #222; /* my text color */
	color: green;
    font-weight: bold;
    border: 1px solid white;
    border-radius:4px; /* rounded corners */
    text-shadow: 1px 1px 0px white; /* I like this effect so much */
    -moz-box-shadow: 0 1px 3px #333;
    -webkit-box-shadow: 0 1px 3px #333;
    box-shadow: 0 1px 3px #333;
}

#content .button2:hover { 
    background-color: #cfcfcf; 
	color: #d62f27;
	color: green;
	color: #036;
	cursor:pointer;
}

#content a.button2 {
	text-decoration: none;
}



	
/********* 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%;
	}
	
	
	
	
	
/*ATDM-KTT Styles*/

/* Navigation: main and sub */
#fhwacontent .mainnav { width:191px; margin-left: 15px; margin-bottom: 10px; }
#fhwacontent .mainnav ul { margin:0px; padding:0px; list-style-type: none }
#fhwacontent .mainnav ul a { background:#376694; border-bottom:1px solid #eee; color:#fff; display:block; padding:5px 12px; text-decoration:none }
#fhwacontent .mainnav a:hover { background:#036; color:#fff; text-decoration:none }
#fhwacontent .mainnav ul a.activesub { background:#036 }
#fhwacontent .mainnav ul ul { width:191px; border-top:#036 0px solid; border-bottom:#fff 1px solid }
#fhwacontent .mainnav ul ul li { text-align:left; border-right:0px }
#fhwacontent .mainnav ul ul li a { background:#fff url(/images/fhwa/nav/imgarrowblkvrt.png) 12px 5px no-repeat; color:#000; border-bottom:#036 1px solid; border-left:#036 1px solid; border-right:#036 1px solid; font-size:12px; padding:2px 6px 2px 25px; text-transform:none }
#fhwacontent .mainnav ul ul li a:hover, #fhwacontent .mainnav ul ul li a.activesub { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }
/* sub-sub nav specific */
#fhwacontent .mainnav ul ul ul { width:191px; border-bottom:#036 1px solid; }
#fhwacontent .mainnav ul ul ul li { text-align:left; border-right:0px; }
#fhwacontent .mainnav ul ul ul li a { background:#666 url(../images/sitewide/bullet2.jpg) 24px 9px no-repeat; color:#fff; border-left:#036 1px solid; border-right:#036 1px solid; font-size:11px; padding:2px 6px 2px 35px; text-transform:none; border-bottom: none; border-top: none; }
#fhwacontent .mainnav ul ul ul li a:hover, #fhwacontent .mainnav ul ul li a.activesub { background:#999  url(../images/sitewide/bullet.jpg) 24px 9px no-repeat; color:#fff }
/* end sub-sub nav specific */

#fhwacontent .mainnav ul li { padding: 0; margin: 0; }

/* -- hide sub-nav, sub-sub-nav -- */
#fhwacontent .mainnav ul ul { display: none; }
#fhwacontent #nav-resources.mainnav ul li#sect-resources ul ul#subsect-resources-pp { display: none; }

/* -- display hidden sub-nav -- */
#fhwacontent #nav-about.mainnav ul li#sect-about ul { display: block; }
#fhwacontent #nav-approaches.mainnav ul li#sect-approaches ul { display: block; }
#fhwacontent #nav-research.mainnav ul li#sect-research ul { display: block; }
#fhwacontent #nav-knowledge.mainnav ul li#sect-knowledge ul { display: block; }
#fhwacontent #nav-resources.mainnav ul li#sect-resources ul { display: block; }
#fhwacontent #nav-contactus.mainnav ul li#sect-contactus ul { display: block; }
#fhwacontent #nav-home.mainnav ul li#sect-home ul { display: block; }

/* -- display hidden sub-sub-nav -- */
#fhwacontent #nav-resources.mainnav.activesub-s4-1 ul li#sect-resources ul ul#subsect-resources-pp { display: block; }

/* -- highlight current nav/sub-nav section -- */



#fhwacontent #nav-about.mainnav.activesub-s1 li a.s1, #fhwacontent #nav-about.mainnav.activesub-s1-1 li a.s1, #fhwacontent #nav-about.mainnav.activesub-s1-2 li a.s1 { background:#036; }

#fhwacontent #nav-about.mainnav.activesub-s1-1 li a.s1-1 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }
#fhwacontent #nav-about.mainnav.activesub-s1-2 li a.s1-2 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }






#fhwacontent #nav-approaches.mainnav.activesub-s2 li a.s2, #fhwacontent #nav-approaches.mainnav.activesub-s2-1 li a.s2, #fhwacontent #nav-approaches.mainnav.activesub-s2-2 li a.s2, #fhwacontent #nav-approaches.mainnav.activesub-s2-3 li a.s2 { background:#036; }
#fhwacontent #nav-approaches.mainnav.activesub-s2-1 li a.s2-1 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }
#fhwacontent #nav-approaches.mainnav.activesub-s2-2 li a.s2-2 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }
#fhwacontent #nav-approaches.mainnav.activesub-s2-3 li a.s2-3 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }

#fhwacontent #nav-research.mainnav.activesub-s3 li a.s3 { background:#036; }

#fhwacontent #nav-knowledge.mainnav.activesub-s4 li a.s4, #fhwacontent #nav-knowledge.mainnav.activesub-s4-1 li a.s4, #fhwacontent #nav-knowledge.mainnav.activesub-s4-2 li a.s4, #fhwacontent #nav-knowledge.mainnav.activesub-s4-3 li a.s4, #fhwacontent #nav-knowledge.mainnav.activesub-s4-4 li a.s4, #fhwacontent #nav-knowledge.mainnav.activesub-s4-5 li a.s4 { background:#036; }
#fhwacontent #nav-knowledge.mainnav.activesub-s4-1 li a.s4-1 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }
#fhwacontent #nav-knowledge.mainnav.activesub-s4-2 li a.s4-2 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }
#fhwacontent #nav-knowledge.mainnav.activesub-s4-3 li a.s4-3 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }
#fhwacontent #nav-knowledge.mainnav.activesub-s4-4 li a.s4-4 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }
#fhwacontent #nav-knowledge.mainnav.activesub-s4-5 li a.s4-5 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }



#fhwacontent #nav-resources.mainnav.activesub-s5 li a.s5, #fhwacontent #nav-resources.mainnav.activesub-s5-1 li a.s5, #fhwacontent #nav-resources.mainnav.activesub-s5-2 li a.s5, #fhwacontent #nav-resources.mainnav.activesub-s5-3 li a.s5, #fhwacontent #nav-resources.mainnav.activesub-s5-4 li a.s5, #fhwacontent #nav-resources.mainnav.activesub-s5-5 li a.s5 { background:#036; }
#fhwacontent #nav-resources.mainnav.activesub-s5-1 li a.s5-1 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }
#fhwacontent #nav-resources.mainnav.activesub-s5-2 li a.s5-2 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }
#fhwacontent #nav-resources.mainnav.activesub-s5-3 li a.s5-3 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }
#fhwacontent #nav-resources.mainnav.activesub-s5-4 li a.s5-4 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }
#fhwacontent #nav-resources.mainnav.activesub-s5-5 li a.s5-5 { background:#666  url(/images/fhwa/nav/imgarrowwhtvrt.png) 12px 5px no-repeat; color:#fff }



#fhwacontent #nav-contactus.mainnav.activesub-s6 li a.s6 { background:#036; }
#fhwacontent #nav-home.mainnav.activesub-s7 li a.s7 { background:#036; }