lines with more than 1 paragraph in the list item */
li p.lispace {margin: 10px 0 0 0!important;}
dl {
margin: 0 20px 15px;
padding: 0;
font-size: 90%;
}
dt {
font-weight: bold;
margin-top: 15px;
padding: 0;
}
dd {
margin: 5px 20px;
padding: 0;
}
del { color: #999; background-color: #fff; }
ins {
font-weight: bold;
border-bottom: solid 1px red;
}
/* Link defaults */
#hephead a,
#header a,
#subnavigation a,
#hepfoot a,
#footer a,
#breadcrumb a,
#related a {
text-decoration: none;
white-space: normal; /* forces long strings to wrap within the container instead of flowing outside of the visible borders. */
}
#related a:hover,
#contacts a:hover { text-decoration: underline; }
/*a:visited { color: #763200; }*/
a img {
border: 1px solid; /* any images that are links will have a border in the designated link color */
}
#header a img {
border: none; /* banner images that link to the topic home page will not have a border */
}
/* Elements with common styles */
#hephead *,
#hepfoot *,
.ofcheadlnx * { color: #000; background-color: transparent;}
#hepfoot a, #hepfoot a:visited,
.ofcheadlnx a,
.ofcheadlnx a:visited {
display: inline-block;
margin: 2px 0;
padding: 2px 10px;
border-left: 1px solid #000;
}
#hepfoot a:first-child,
.ofcheadlnx a:first-child { border: none; }
.ofclink {font-size: 100%!important;}
/* a, #breadcrumb, #breadcrumb a, #breadcrumb a:visited {
color: #365b01;
}*/
/*::::::::::::::::: COMMON TAG FORMATTING DEFAULTS::::::::::::::::: */
/*--------------------------------------------------------------------*/
/*::::::::::::::::::::::: LAYOUT CONTAINERS:::::::::::::::::::::::: */
/* common styles amongst containers */
#hephead,
#hepfoot,
#wrapper,
#header,
#errorpage {
position: relative;
clear: both;
margin:0 auto;
padding: 0;
width: 95%;
min-width: 810px; /* prevents the content area from becoming too small */
max-width: 1280px;
}
#wrapper,
#header,
#errorpage {
border: 1px solid #4c4a2e; /* color customizable on office and topic level */
z-index: 100;
}
#wrapper,
#errorpage { background-color: #fff; color: #000;} /* color customizable on office and topic level */
#navigation ul,
#navigation li,
#subnavigation ul,
#subnavigation ul li {
list-style: none;
margin: 0;
padding: 0;
}
#pagecontents,
#related {
padding-right: 5px;
}
/* FHWA blue bar at top and very bottom of page */
#fhwafooterspacer {
background:#326598;
height: 1px;
margin: 0 auto;
}
#fhwaheader {
height: 45px;
border-bottom: solid 1px #326598;
background-position: bottom;
width: 95%;
min-width: 810px; /* prevents the content area from becoming too small */
max-width: 1280px;
margin: 0 auto;
padding: 0 2px;
}
#fhwafooter {
width: 95%;
min-width: 810px; /* prevents the content area from becoming too small */
max-width: 1280px;
margin: 2px auto 0 auto;
padding: 8px 0 50px 0;
}
#fhwaheader .hdtitle, #fhwaheader .search { margin: 3px 0; }
#fhwaheader * { color: #fff; background-color: transparent;}
#fhwaheader a img { border: none; background-color: transparent; }
#fhwaheader .hdtitle a img { height: 40px; }
#fhwaheader .search fieldset { width: auto; }
#fhwaheader .search fieldset div {
float: left;
margin-right: 20px;
}
#fhwaheader .search fieldset div img { margin: 0 2px; }
#fhwaheader .search fieldset div span { padding-top: 2px; }
/* Office level header and footer as small bars at top and bottom */
#hephead {
height: 2.5em;
min-height: 2.5em;
z-index: 50;
font-size: 80%;
background: #ededc4 url(/images/hep/bg_hephead.png) repeat-x bottom;
color: inherit;
margin-bottom: 20px;
padding: 2px;
}
#hepfoot {
background: #ededc4 top url(/images/hep/bg_hepfoot.png);
height: 1.8em;
color: inherit;
/* background-position: top;*/
text-align: center;
font-size: 80%;
padding: 0 0 5px 0;
z-index: 50;
margin-top: 1em;
}
/* Topic header: largest banner on page. */
#header {
border-bottom: none;
margin-top: 20px;
height: 100px;
color: inherit;
background: #4b4819 url(/hep/images/bannerbg.png) top right no-repeat;
position: relative;
}
#header #pageheading {
float: left;
margin: 10px 0 0 1%;
padding: 0 5px;
font-size: 175%;
font-weight: bold;
}
#header #pageheading img { /* topic title if it is an image. */
font-size: 100%;
}
#header #pageheading a { display: block; }
/* Content containers */
#wrapper { /* container for majority of content */
border-top: none;
margin-bottom: 10px;
background-image: url(/images/hep/bgsubnav_hep.png); /* refer to documentation on use of image for subnavigation box */
background-position: 18% top;
background-repeat: repeat-y;
padding-bottom: 50px;
min-height: 465px; /* layout does not use sticky footers, this forces the footers to the bottom of visible view for common sizes */
overflow: hidden;
}
#errorpage { /* container when an error has occured */
min-height: 565px;
}
/* Navigation located below page banner */
#navigation {
position: absolute;
bottom: 0;
left: 0;
color: #000;
background-color: #660; /* customizable at the office and topic level */
background-image: url(/images/hep/bg_nav.png);
background-position: center;
background-repeat: repeat-x;
width: 100%;
clear: both;
}
#navigation li {
display: block;
float: left;
padding-right: 1px;
background: url(/images/hep/nav_line.png) no-repeat right center;
}
#navigation a, #navigation a:visited {
color: #fff;
background-color: transparent;
font-weight: bold;
font-size: 90%;
padding: 2px 15px 5px 15px;
margin: 0;
display: block;
}
#navigation a:hover {
background-color: #743c00;
color: inherit;
background-image: url(/images/hep/bg_nav.png);
background-position: center;
background-repeat: repeat-x;
text-decoration: none;
}
/* Subnavigation box on the left */
#subnavigation {
width: 18%;
margin-bottom: 20px;
float: left;
}
#subnavigation p {
margin: 0px;
padding: 5px 2px;
font-size: 75%;
text-align: center;
background: url(/images/hep/bg_subnavovr.png) repeat-x bottom;
}
#subnavigation ul
, #subnavigation ul li
, #subnavigation ul li a
, #subnavigation ul li ul li a
, #subnavigation ul li a:visited
, #subnavigation ul li ul li a:visited { color: #000; background-color: transparent;}
#subnavigation ul { margin: 0 0 20px 0; }
#subnavigation ul li a, #subnavigation ul li a:visited {
font-size: 75%;
padding: 5px 15px 10px 5px;
display: block;
background: url(/images/hep/bg_subnav.png) repeat-x bottom;
}
#subnavigation ul li a:hover
, #subnavigation ul li a.current { background-image: url(/images/hep/bg_subnavovr.png); }
#subnavigation ul li ul {
margin: 0;
padding: 2px 0 15px 30px;
list-style: disc;
background: url(/images/hep/bg_subnav.png) repeat-x bottom;
}
#subnavigation ul li ul li {
list-style: disc;
margin: 5px;
}
#subnavigation ul li ul li a
, #subnavigation ul li ul li a:hover
, #subnavigation ul li ul li a:visited {
background: none;
padding: 0;
}
#subnavigation ul li ul li ul {
background-image: none;
padding-left: 15px;
padding-bottom: 5px;
}
/* Contacts box */
#contacts {
float: left;
text-align: left;
margin: 5px;
}
#contacts p.contacttitle {
text-align: left;
font-weight: bold;
margin: 0;
padding: 3px 0 4px 6px;
white-space: normal;
background: none;
}
#contacts p {
padding: 5px 10px;
white-space: normal;
text-align: left;
background: none;
}
#contacts ol {
margin: 0 0 5px 0;
}
#contacts ol li {
margin: 1px 0;
}
/* Memo page layout */
#memo:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#memohead {
width: 100%;
margin: 0;
padding: 10px 0 0 0;
position: relative;
}
#memohead:after {
content: ".";
display: block;
height: 1px;
visibility: hidden;
}
#memohead img {
float: left;
border: 0;
padding: 0 5px 0 0;
}
#memohead h1 {
font-weight: normal;
font-size: 120%;
margin: 5px 0;
color: #000;
background-color: inherit;
font-variant: normal;
}
#memohead p.small {
margin-left: 60px;
}
#memofromto {
width: 45%;
float: left;
margin: 0;
}
#memodatereply {
width: 45%;
float: right;
}
#memobody {
float: left;
width: 100%;
}
#memobody ul, #memobody ol { padding-left: 25px; }
#contents {
width: 60%;
margin-left: 20%;
margin-bottom: 20px;
text-align: left;
}
#pagecontents, #memo {
width: 80%;
margin-left: 19%;
text-align: left;
/* overflow: auto; */
}
#errorpage #pagecontents {
width: 100%;
margin: 0 20px;
}
/* Jenism commented out 10/18/2013
#pagecontents ul ,
#contents ul {
overflow: hidden;
}*/
#pagecontents ul li,
#contents ul li {
padding-top: 0;
padding-bottom: 4px;
margin-top: 0;
margin-bottom: 4px; }
#pagecontents ul li ul li,
#contents ul li ul li {
padding-top: 3px;
padding-bottom: 0;
margin-top: 3px;
margin-bottom: 0;
}
#pagecontents a,
#contents a {
text-decoration: underline;
}
#breadcrumb {
margin-left: 18%;
padding: 5px 5px 5px 10px;
font-size: 75%;
text-align: left;
}
div#prefooter {
text-align: center;
margin: 0 auto;
padding: 0;
white-space: nowrap;
color:#fff;
background-color: inherit;
}
div#prefooter * { color: #fff; background-color: inherit;}
div#prefooter a {
font-size: 70%;
white-space: nowrap;
}
/* Topic level footer. Optional */
/*#prefooter {
text-align: left;
position: relative;
z-index: 50;
float: right;
left: -50%;
white-space: nowrap;
margin-bottom: 15px;
}
#prefooter ul {
list-style: none;
position: relative;
left: 50%;
margin: 0;
padding: 0;
}
#prefooter ul ul {
margin: 0;
padding: 0;
left: 0;
}
#prefooter li {
float: left;
position: relative;
margin: 0;
margin-left: 15px;
padding: 0;
text-align: left;
font-size: 90%;
font-weight: bold;
}
#prefooter li:first-child { margin: 0; }
#prefooter li li {
float: none;
font-weight: normal;
font-size: 80%;
clear: both;
display: block;
text-align: left;
padding: 2px;
margin: 0;
border-bottom: 1px dotted #666;
}*/
/*::::::::::::::::::::::: LAYOUT CONTAINERS:::::::::::::::::::::::: */
/*--------------------------------------------------------------------*/
/*::::::::::::::::::::: CUSTOM TABLES (classes):::::::::::::::::::: */
table.datatable {
margin: 3px 0 15px 5px;
padding: 3px 0 3px 0;
/* background-color: #fff;*/
}
table.datatable, table.datatable th, table.datatable td { font-size: 90%; vertical-align: top;}
table.datatable tr.row0 { background-color: #eeeeee; color: inherit;}
table.datatable tr.row1 { background-color: #ffffff; color: inherit; }
.tablecntnr {
border: 1px solid #666;
margin: 5px;
padding: 5px;
overflow: auto;
}
.datatable, .datatable2, .tight {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 10px;
empty-cells: show;
}
.datatable p, .tight p {
margin: 0;
font-size: 100%;
}
.datatable caption {
text-align: left;
font-weight: bold;
margin-bottom: 5px;
}
.datatable th, .datatable td, .tight th, .tight td {
border: 1px solid #999;
}
.datatable th, .tight th {
color: #000;
background-color: #fffceb;
padding: 5px 8px;
}
.datatable td { padding: 5px; }
.tight th, .tight td {
font-size: 75%;
padding: 1px 1px;
}
/*.datatable td, .tight td, .row, */
th.row { /* used to set a formatted cell, such as | to appear like a | cell */
font-weight: normal;
background-color: #ffffff; color:#000;
}
.datatable td ul, .datatable td ul li {
padding-top: 0;
margin-top: 0;
}
.datatable2 th, .datatable2 td {width: 10%!important;}
table.layout {
margin: 3px 0 3px 15px;
padding: 3px 0 3px 0;
background-color: #fff; color: #000;
}
table.layout td, table.layout th {
border: none;
padding: 5px;
margin: 5px;
}
td.center, th.center { text-align: center; }
.cf_row0 { background-color: #fff; }
.cf_row1 { background-color: #fffeee; }
.datatable.noborder th, .datatable.noborder td {
border: none;
}
/*::::::::::::::::::::: CUSTOM TABLES (classes):::::::::::::::::::: */
/*--------------------------------------------------------------------*/
/*::::::::::::::::::::: CUSTOM STYLES (classes):::::::::::::::::::: */
/* containers within #hephead for positioning of text and link elements */
.ofcheading,
.ofcheadlnx {
position: absolute;
bottom: 0;
padding: 0;
}
.ofcheading {
float: left;
font-weight: bold;
margin: 2px 5px;
left: 0;
}
.ofcheadlnx {
float: right;
font-size: 80%;
margin: 2px;
right: 0;
}
.ofcheading span {
font-size: 95%;
font-weight: normal;
font-style: italic;
padding-left: 0.5em;
}
/* containers within #related on the right of content */
/* Related items box on the right */
#related {
width: 18%;
float: right;
margin: 0 5px;
}
p.relatedtitle {
color: #5a5934;
background-color: inherit;
font-size: 120%;
font-weight: bold;
margin: 0;
padding: 1px 4px;
border-bottom: 1px solid #5a5934;
}
.relateditem {
margin: 0 auto 20px auto;
padding: 0;
font-size: 80%;
border: 1px solid #5a5934;
background-color: #f7f9f2; color: #000;
white-space: normal;
}
.relateditem p {
margin: 0;
padding: 3px 0 4px 6px;
white-space: normal;
}
.relateditem ul {
margin-right: 0;
margin-bottom: 3px;
padding: 0 0 3px 0;
}
.relateditem ul ul { margin: 0; }
.relateditem .viewer {
margin: 10px 15px;
font-size: 80%;
}
/* element formatting on a page displaying a memo */
.memo {
font-weight: bold;
font-size: 30px;
}
.memoheading {
font-weight: bold;
font-size: 200%;
margin: 0;
padding-top: 5px;
color: #006;
}
/* sectioned boxes for use as visible container */
.box, .boxleft, .boxright {
border: 1px solid #000;
width: 30%;
margin: 0 auto 15px auto;
padding: 5px 10px;
background-color: #fffbf2;
}
.boxleft { float: left; margin-right: 20px; }
.boxright { float: right; margin-left: 10px;}
.boxfull {
border: 1px solid #000;
width: 90%;
margin: 0 auto 5px auto;
padding: 5px 5px;
background-color: #fffbf2; color: #000;
}
.boxhalf {
border: 1px solid #000;
width: 50%;
margin: 0 auto 5px auto;
padding: 5px 5px;
background-color: #fffbf2; color: #000;
}
.box3qtr {
border: 1px solid #000;
width: 75%;
margin: 0 auto 5px auto;
padding: 5px 5px;
background-color: #fffbf2; color: #000;
}
.box p, .boxleft p, .boxright p, .boxfull p {
margin-bottom: 5px;
}
.box ul, .boxleft ul, .boxright ul, .boxfull ul {
margin: 0;
padding-top: 0;
}
.box ul li, .boxleft ul li, .boxright ul li, .boxfull ul li {
padding-top: 10px;
/* margin-left: 0;*/
}
#pagecontents .boxfull table tr td ul li {margin-left: 15px; padding-left: 15px;}
.imagecontain {display: table; width: 50%;}
.imagecontain p {padding-left: -1px; margin-left: -1px;}
.imagecontain img {padding-left: 1px; margin-left: 1px;}
.imageright {
border: 1px solid #000;
margin: 5px;
padding: 5px;
float: right;
background-color: #fffbf2; color: #000;
}
.imageleft {
border: 1px solid #000;
margin: 5px;
padding: 5px;
float: left;
background-color: #fffbf2; color: #000;
}
.imagecenter {
border: 1px solid #000;
margin: 5px auto;
padding: 5px;
float: none;
background-color: #fffbf2; color: #000;
min-width: 25%;
max-width: 850px
}
.imagecenter p {text-align: center!important;}
.imagecenter img {margin-left: auto; margin-right: auto;}
/* fixed width styles */
.px25 { width: 25px; }
.px50 { width: 50px; }
.px75 { width: 75px; }
.px100 { width: 100px; }
.px200 { width: 200px; }
.px225 { width: 225px; }
.pc300 { width: 300px; }
.px400 { width: 400px; }
.px500 { width: 500px; }
.px600 { width: 600px; }
.px700 { width: 700px; }
.px800 { width: 800px; }
/* percentage width styles */
.pc10 { width: 10%; }
.pc15 { width: 15%; }
.pc20 { width: 20%; }
.pc25 { width: 25%; }
.pc30 { width: 30%; }
.pc35 { width: 35%; }
.pc40 { width: 40%; }
.pc50 { width: 50%; }
.pc60 { width: 60%; }
.pc75 { width: 75%; }
.pc80 { width: 80%; }
.pc90 { width: 90%; }
.pc95 { width: 95%; }
.pc100 { width: 100%; }
/* positioning styles */
.clear { /* does not wrap or allow wrapping */
clear: both;
float: none;
}
.clear_l {
clear: left;
}
.clear_r {
clear: right;
}
.f_left { /* other elements wrap to the right, object floats on the left */
float: left;
margin-right: 10px;
}
.f_right { /* other elements wrap to the left, object floats on the right */
float: right;
margin-left: 10px;
}
.center { /* center the object or the content within the container */
margin: 0 auto;
text-align: center;
}
.aln_left { /* left align text */
text-align: left;
}
.aln_right { /* right align text */
text-align: right;
}
.aln_justify { text-align: justify; } /* justify text */
.nobold { font-weight: normal; } /* remove bold from text */
/* line decoration of text - replaces , , tags which are now deprecated */
.txtd_u { text-decoration: underline; } /* apply underline */
.txtd_s { text-decoration: line-through; } /* apply strikethrough */
.txtd_o { text-decoration: overline; } /* apply line over text */
.txtd_n { text-decoration: none; } /* remove any of the above line decorations */
/* white space - most useful for td; nowrap attribute is deprecated, use these classes instead */
.ws_normal { white-space: normal; } /* text will wrap when necessary */
.ws_nowrap { white-space: nowrap; } /* text will not wrap and will continue until a
tag is encountered */
.ws_pre { white-space: pre; } /* text will only wrap on line breaks; acts like (preformatted) tag in HTML */
.ws_preline { white-space: pre-line; } /* sequential spaces will become a single space; text will wrap when necessary and on line breaks */
.ws_prewrap { white-space: pre-wrap; } /* sequential spaces will be preserved as such; text will wrap when necessary, and on line breaks */
/* list types - type attribute is deprecated and ordered lists should now use one of these classes */
.uproman { list-style-type: upper-roman; } /* capaitalized roman numerals */
.loroman { list-style-type: lower-roman; } /* lower case roman numerals */
.upalpha { list-style-type: upper-alpha; } /* capitalized alphabet */
.loalpha { list-style-type: lower-alpha; } /* lower case alphabet */
.number { list-style-type: decimal; } /* numbered list */
.number0 { list-style-type: decimal-leading-zero; } /* numbered list with a leading zero */
.nobullet { list-style-type: none; } /* list has no marker */
.blt_circ { list-style-type: circle; } /* empty circle as bullet */
.blt_disc { list-style-type: disc; } /* filled disc as bullet */
.blt_sqr { list-style-type: square; } /* filled square as bullet */
/* document navigation for multi-page publications */
/*.docnav {
border-top: 1px solid #ccc;
background-color: #fff;
position: fixed;
z-index: 9999999;
bottom: 0;
left: 0;
width: 100%;
padding: 5px 0;
}
#pagecontents .docnav ul { display: inline; margin: auto; }
#pagecontents .docnav ul li a,
#pagecontents .docnav ul li a.index {
border: 1px solid #365b01;
text-align: center;
text-decoration: none;
}
#pagecontents .docnav ul li a.current,
#pagecontents .docnav ul li a:hover {
background: #365b01;
color: #fff;
text-decoration: none;
}*/
/* document navigation for multi-page publications */
#pagecontents div.docnav {
margin: 0 auto 0 auto;
height: 25px;
padding: 5px 5px 3px 5px;
font-size: 90%;
text-align: center;
white-space: nowrap;
border-top: 1px solid #ccc;
background-color: #fff; color: inherit;
position: fixed;
z-index: 9999999;
bottom: 0;
left: 0;
width: 100%;
}
.docnav ul {
list-style-type: none;
margin: 0 auto;
width: 80%;
}
.docnav ul li {
display: inline;
margin: 0;
}
.docnav ul li a {
display: inline-block;
padding: 2px 4px;
margin-top: 0;
min-width: 10px;
text-decoration: none;
}
.docnav ul li a.index {
display: inline-block;
padding: 2px 4px;
margin-top: 0;
text-decoration: none;
}
.docnavul li a.nav {
display: inline-table;
padding: 2px 4px;
margin-top: 0;
}
.docnav ul li a.current {
margin-top: 0;
}
.docnav ul li a.hide {
visibility: hidden;
}
.docnav ul li a:hover {
color: #fff;
margin-top: 0;
}
.docnav .navtext {
float: left;
padding: 0;
margin: -18px 0 0 0;
}
#pagecontents .docnav ul { display: inline; margin: auto; }
#pagecontents .docnav ul li a,
#pagecontents .docnav ul li a.index {
border: 1px solid #365b01;
text-align: center;
text-decoration: none;
}
#pagecontents .docnav ul li a.current,
#pagecontents .docnav ul li a:hover {
background: #365b01;
color: #fff;
text-decoration: none;
}
/* miscellaneous classes */
.sitemap { font-size: 85%; }
.hilight { /* use for high lighting particular text with a yellow background */
font-size: 85%;
font-style: normal;
font-weight: bold;
color: #000;
background: #ff0;
border: thin groove;
padding: 1px;
white-space: nowrap;
}
.hr {
width: 100%;
border-bottom: 1px solid #4c4a2e;
margin: 0 auto 8px auto;
}
.hr hr, .hrlite hr {
visibility: hidden;
}
.bgltblue {
color: #000;
background-color: #B5D3EB;
}
.tdbgltgr {
color: #000;
background-color: #f6ffff;
}
.tdbggray {
color: #000;
background-color: #F8F8F8;
}
.tdbgyellow {
color: #000;
background-color: #FFFFC0;
}
.tdbgdata {color: #000; background-color: #FFFCEB;}
.footerlink { padding-bottom: 0; } /* for the links in the FHWA footer */
.navfooter { padding-bottom: 35px; } /* increases the height of the FHWA footer when docnav.cfm is included */
.wideitem { /* used for items that have the potential to not fit within the wrapper at any supported resolution. */
max-width: 95%;
overflow: auto; /* adds scrollbars if necessary to view hidden parts */
height: 600px;
margin: 15px auto;
border: solid 1px #999;
padding: 10px;
}
.wideitem img { max-width: none; }
/*::::::::::::::::::::: CUSTOM STYLES (classes):::::::::::::::::::: */
/* Table of contents */
#pagecontents ul.toc, ul.toc ul, ul.toc ul li ul {
list-style-type: none;
}
.hilite {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 80%;
color: #000000;
background: #FFFF00;
border: thin groove;
padding: 1px 2px;
white-space: nowrap;
}
.callout { font-size: 110% }
.txtcenter { text-align: center; }
.tdbgdkgr { background-color: #103513; }
#pagecontents h1 a,
#pagecontents h2 a,
#pagecontents h3 a,
#pagecontents h4 a,
#pagecontents h5 a,
#pagecontents h6 a,
#contents h1 a,
#contents h2 a,
#contents h3 a,
#contents h4 a,
#contents h5 a,
#contents h6 a {
text-decoration: none;
}
/* classes for fixed position table headers */
.outer {
position: relative;
padding: 4em 0 3em 0;
width: auto;
margin: 0 auto 3em auto;
}
.innera {
overflow: auto;
width: auto;
height: 9.6em;
}
.outer thead tr {
position:absolute;
top: 2.5em;
height: 1.5em;
left: 0;
}
.breakword {
word-wrap: break-word;
}
#pagecontents a img.noborder, #contents a img.noborder {border: none;}
.imgleft, .imgright {padding: 5px 10px!important;}
.imgcenter {margin-right: auto; margin-left: auto; text-align: center; }
.imgcenter p {text-align: center;}
dl.heptopics dt {
padding-top: 10px;
}
dl.heptopics dd {
font-size: 85%;
}
h2.topicalpha {
width: 50%;
padding-top: 10px;
border-bottom: 1px solid #6B6725;
}
p.topicindex {
padding-top: 10px;
margin-left: 5%;
}
#pagecontents p.topicindex a {
text-decoration: none;
border-left: 1px solid #6B6725;
padding-left: 5px;
}
#pagecontents p.topicindex a:first-child {
border-left: none;
}
.indextop {
float: right;
margin: 5px 0;
border: none;
}
div#subnavigation div#gdsignup {
border: 1px solid #ccc;
border-radius: 5px;
padding: 2px 5px;
margin: 0 5px 5px 5px;
text-align: center;
background-image: none;
}
div#subnavigation div#gdsignup img {
border: 0;
vertical-align: middle;
float: left;
margin: 7px 8px 30px 3px;
}
div#subnavigation div#gdsignup p {
background-image: none;
font-size: 75%;
font-weight: bold;
margin: 0 3px;
text-align: left;
}
#related #gdsignup {
border: none;
}
#related #gdsignup p {
font-size: 90%;
}
.pindent {
text-indent: 2em;
margin: 6px;
padding:6px;}
.pindent2 {
text-indent: 4em;
margin: 5px;
padding:5px;}
.pindent3 {
text-indent: 6em;
margin: 5px;
padding:5px;}
.pindent4 {
text-indent: 8em;}
.datatable td.vam, .datatable th.vam {vertical-align: middle;}
.datatable td.aright, .datatable th.aright {text-align: right;}
#pagecontents table.datatable .tspace {margin-bottom: 5px; padding-bottom: 5px;}
#col1 {float: left; width: 48%; padding-right: 3px; margin-right: 3px;}
#col2 {float:right; width:48%;}
div#pagecontents div.relateditem h3 {
text-align: left;
}
p.hidemore { display: none; }
.hideitem { display: none; }
.col1 {float: left!important; width: 45%; }
.col2 {float: right!important; width: 45%;}
.col2nf {width: 45%;}
/*styles for fixed table headers */
.fixedheader {overflow:auto; position: relative; left 15px; width: 95%; height: 750px;}
.fixedheader .wideitem {padding: 0; width: 100%; height: auto;}
#pagecontents table.fixedhead {overflow:hidden; width:98%; border-collapse:collapse; table-layout: fixed;}
#pagecontents table.fixedhead thead {position:absolute; top:2px; left:25px; width: 95%; z-index:2;}
table.fixedhead tbody { /*position:absolute; top:0; */overflow:auto; z-index:1; border:1px solid #000; margin:0;}
table.fixedhead thead th {border:1px solid #000; padding:0; width: 10%;}
table.fixedhead tbody td {border:1px solid #000; padding:0; width: 10%;}
/* tablescroll class is created by the jQuery. Doesn't exist in the markup at all.*/
.tablescroll_wrapper {
background-color: #fff; color: inherit;
border-left: 0;
border-bottom: 1px solid #666;
}
.tablescroll_head {
margin-bottom: 3px;
}
.tablescroll td {
border: 1px solid #999;
font-size: 75%;
}
.tablescroll th {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
background-color: #e5e5e5; color: inherit;
font-size: 75%;
padding: 0;
}
.tablescroll th:first-child {
border-left: 1px solid #999;
}
.tablescroll tbody tr.first td {
border-top: 0;
}
label {
font-size: .9em;
}
/*legacy classes from discontinued fhwatopics.css*/
.small, .viewer {
font-size: 11px;
}
.bcarrow {
font-size: 1.3em;
line-height: .8em;
}
li.none {
list-style-type: none;
}
.nolines {border: none!important;}
/* li.hang removes bullets from - for indenting lists.
Only use for content that is actually a list and requires numbers or letters in
parenthesis, such as an Order, to match hard copy;
use the padding classes if the content is not a list */
li.hang {
list-style-type: none;
text-indent: -2em;
}
/* use the minor and major classes to modify the font size of header tags when the default size is not appropriate */
.minor {
font-size: 14px;
}
.major {
font-size: 18px;
}
.date {
font-size: 14px;
font-weight : normal;
}
/* row turns off the default bold and center for
. */
.row {
font-weight : normal;
text-align:left;
}
/* padding classes for indenting text when blockquote is not appropriate; indents text by increments of 1 em */
.padding {
padding-left: 1em!important;
}
.padding2 {
padding-left: 2em!important;
}
.padding3 {
padding-left: 3em!important;
}
.padding4 {
padding-left: 4em!important;
}
.paddingtop {padding-top: 10px; margin-top: 10px;}
/*Class tspace adds padding to the tag*/
.tspace {
margin: 5px;
}
.tspace caption {
padding-top: 15px;
}
.line {
border-top: 1px solid #000;
}
.underline {
border-bottom: 1px solid #000;
}
a#fhwacontent {
margin: 0;
padding: 0;
clear: none;
}
.nobr {white-space: nowrap;}
/*three picture layout */
.pwrap {width: 100%; display: table; }
.p1 {float: left; width: 33%; vertical-align: top; display: table; margin-left: 0; padding: 0;}
.p2 {float: left; width: 33%; margin-right: auto; margin-left: 0; padding: 0; vertical-align: top;}
.p3 {width: 33%; vertical-align: top; display: table; margin-left: 10px; padding: 0;}
#pagecontents .pwrap .p1 p img {margin-right: auto!important; margin-left: auto!important;}
.pdflink {font-weight: bold;}
.statenav {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 5px 0 10px 0;
border-top: 1px solid #ccc;
text-align: center;
font-size: 85%;
line-height: 1.5em;
margin-top: 10px;
background-color: #fff; color: #000;
z-index: 500;
}
.statenav a {
border-left: 1px solid #ccc;
padding: 0 3px;
}
.statenav a.first { border: 0; }
/* Three column layout. Wrap Column 1 in tricol1. Wrap columns 2 and 3 in Tricol23. Then, wrap columns 2 and 3 in their own classes. */
.tricol1 {width: 33%; float: left; }
.tricol23 {width: 67%; float: right; }
.tricol2 {width: 50%; float: left; }
.tricol3 {width: 50%; float: right; }
.strong {font-weight: bold;}
.alignlt {text-align: left; margin-left:0;}
.nopadall {padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
.nopadbottom {padding-bottom: 0; margin-bottom: 0;}
#pagecontents dl dd p {margin-left: 0!important; padding-left: 0!important; font-size: 100%;}
#pagecontents ul li p {padding-left: 0; margin-left: 0!important; margin-top: 5px;}
|
|