15 December 2017 Paul Lindenfelser: Added table sorter classes.
29 August 2017 Dennis Coyle{
tweaked figcaption within tablelayout
29 June 2016 Paul Lindenfelser{
added styles for new subheader tabs.
20 April 2015 Paul Lindenfelser{
added caption classes
7 October 2014{
Dennis Coyle{
added li p.lispace
Dennis added generic classes from the discontinued fhwatopics.css
* --------------------------------------- *
*/
/* added focus state to assist keyboard-only users */
a:focus {
outline: 3px dotted #000;
outline-offset: 3px;
}
#redirected {
margin: -100px 0 0 -300px;
padding: 0.5em 1em 1.5em 1em;
color: inherit;
background-color: #fff;
font-size: 140%;
border: 1px solid #333;
box-shadow: 3px 3px 5px #aaa;
width:600px;
height: auto;
position: fixed;
top: 35%;
left: 50%;
z-index: 9999;
}
#redirected a {
text-decoration: underline;
margin: 0 auto;
}
#superseded {
width:95%;
min-width:810px;
/* prevents the content area from becoming too small */
max-width:1280px;
color: #000;
background-color: #f9f757;
margin: 0 auto;
padding: 0.5em 0 0.3em 0;
}
#superseded p {
font-size: 110%;
margin: 0.5em 1em 1em 1em;
}
#superseded p a {
text-decoration: underline;
}
.fhwacontainer {
border: #f00 0px solid;
margin: auto;
width:99%;
}
aside.doi {
width:95%;
border: 1px solid #333;
background-color: #eee;
padding: 0.5em 1em;
margin-top: 2rem;
margin-bottom: 0;
}
p.doitext {
padding: 0;
margin: 0;
font-size: 0.85em;
}
/*: :: :: :: :: :: :: :: :: COMMON TAG FORMATTING DEFAULTS: :: :: :: :: :: :: :: :: */
html,
body {
height: 100%;
margin: 0;
padding: 0;
text-align: center;
/*centers the content containers on the page */
}
div#header,
div#hephead,
div.ofctabs,
div#hepfoot {
font-family: "Trebuchet MS", Optima, Candara, Calibri, sans-serif;
}
div#pagecontents,
div#contents {
font-family: Verdana, "Trebuchet MS", Calibri, sans-serif;
}
#updated {
float: left;
background-color: transparent;
color: #000;
margin: -3em 0 0 0.75em;
position: relative;
z-index: 1;
}
a.editpage {
display: block;
width:1280px;
height: 1em;
border: 1px dashed #777;
margin: 0 auto;
}
#moddate2 {
width:93%;
min-width:740px;
max-width:1270px;
padding: 0 5px;
position: absolute;
left: 1em;
top: -3em;
float: none;
clear: both;
text-align: left;
font-weight: bold;
color: #000;
background-color: transparent!important;
}
#moddate {
display: none;
}
#wrapper #header #footer {
margin-right: auto;
margin-left: auto;
}
td, th {
padding: 0;
vertical-align: top;
}
/* Text defaults */
div#contents,
div#pagecontents,
div#memo {
font-size: 0.9em }
p {
text-align: left;
margin: 10px 15px 20px 5px;
padding: 0;
}
ul, ol {
text-align: left;
margin: 10px 15px 20px 0;
padding: 0;
}
ol.paren {
counter-reset: list;
margin-left: 0;
text-indent: -2em;
padding-left: 0;
list-style-position: outside!important;
}
ol.paren > li {
list-style: none;
}
ol.paren > li:before {
content: " (" counter(list) ") ";
counter-increment: list;
list-style-position: outside!important;
}
body#hepcontent h1 {
margin-bottom: 10px;
margin-left: 5px;
margin-top: 5px;
font-size: 1.8em;
font-weight: bold;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
body#hepcontent h2 {
margin: 5px;
font-size: 1.6em;
font-weight: bold;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
body#hepcontent h3 {
margin: 0 0 5px 5px;
font-size: 1.45em;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
body#hepcontent h4 {
margin: 0 0 4px 5px;
font-size: 1.3em;
font-style: italic;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
body#hepcontent h5 {
margin: 0 0 4px 5px;
font-size: 1.2em;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
body#hepcontent h6 {
margin: 0 0 4px 5px;
font-size: 1.1em;
font-style: italic;
font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
}
body#hepcontent h2 a.headlink {
text-decoration: underline!important;
}
acronym {
border-bottom: none;
font-family: inherit;
}
ul, ol {
padding: 0 0 0 30px;
}
ul ul, ol ol, ul ol, ol ul {
margin: 0;
}
li {
margin: 5px 15px;
padding: 2px;
}
li p {
margin: 0 0 0 10px;
}
/* Added to fix lists after FHWA header change on 3/20/17 */
div.dropdown ul,
div.dropdown ul li {
padding: 0;
margin: 0;
}
div.dropdown ul li ul li a {
font-size: 0.9em!important;
}
/**************/
.normal {
font-weight: normal;
color: #000;
background-color: inherit;
}
/* us p.lispace to adjust
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: 0.9em;
}
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;
}
dl.defs dt {
float: left;
margin: 0;
max-width:12%;
font-weight: bold;
}
dl.defs dd {
margin-left: 15%;
margin-bottom: .5em;
}
dl.defs dd:after {
content: " ";
display: block;
/* clear: left;
Removed 10/14/21 due to left nav clear issue */
}
dl.wide dt {
max-width:30%;
padding: 1px 2px;
}
dl.wide dd {
margin-left: 35%;
padding: 1px 2px;
}
dl.wide dt:hover,
dl.wide dt:hover +dd {
color: inherit;
background-color: #ffefd5;
}
/* 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. */
font-family: "Trebuchet MS", Candara, Calibri, Verdana, sans-serif;
}
#related a:hover,
#contacts a:hover {
text-decoration: underline;
}
div#contacts ol.contactlist li a[href^="mailto:"],
div#contacts a[href^="mailto:"] {
font-weight: bold;
}
/*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 *,
#hepfoot a,
#hepfoot a:visited,
.ofcheadlnx a,
.ofcheadlnx a:visited {
display: inline-block;
margin: 2px 0;
padding: 2px 10px;
}
#hepfoot a {
border-left: 1px solid #000;
}
.ofcheadlnx * {
color: #000;
background-color: transparent;
}
div#hepfoot a.home {
border-left: none!important;
}
.ofclink {
font-size: 100%!important;
}
/*: :: :: :: :: :: :: :: :: 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:94.8%;
min-width:810px;
/* prevents the content area from becoming too small */
max-width:1280px;
}
/* office tabs */
/* office name text */
div.ofcheading {
padding: 0;
margin: 0 0 0 10px;
font-weight: bold;
position: absolute;
top: 0.2em;
}
div.ofcheading a {
color: #000;
background-color: transparent;
line-height: 1.4;
}
/* new tab code */
/*parent container */
div.ofctabs {
width:94.8%;
min-width:810px;
/* prevents the content area from becoming too small */
max-width:1280px;
white-space: nowrap!important;
margin: 0 auto 2.5em auto;
position: relative;
z-index: 50;
}
/*@-moz-document url-prefix() {
div.ofctabs {
margin-top: -2px;
} probably no longer needed
}*/
/* tabs on left side */
div.ofclink {
width:40%;
text-align: left;
position: absolute;
top: 0;
left: 15px;
}
div.ofctabs div.ofclink a {
display: inline-block;
border-top: 0;
border-right: 1px solid #404040;
border-bottom: 1px solid #404040;
border-left: 1px solid #404040;
padding: 3px 4px;
margin: 0;
background-color: #fefefe;
color: #000;
font-weight: bold;
font-size: 85%;
text-decoration: none;
}
div.ofctabs div.ofclink a.plntab {
background-color: #DBD2D2;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);
color: #000;
border-top: 2px solid #DBD2D2;
margin-top: -3px;
}
div.ofctabs div.ofclink a.envtab {
background-color: #D6E8D2;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);
color: #000;
border-top: 2px solid #D6E8D2;
margin-top: -3px;
}
div.ofctabs div.ofclink a.retab {
background-color: #DDE5EE;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);
color: #000;
border-top: 2px solid #DDE5EE;
margin-top: -3px;
}
/* tabs on right side */
div.ofcheadlnx {
width:50%;
text-align: right;
position: absolute;
top: 0;
right: 15px;
visibility: visible;
}
div.ofctabs div.ofcheadlnx a {
display: inline-block;
border-top: 0;
border-right: 1px solid #404040;
border-bottom: 1px solid #404040;
border-left: 1px solid #404040;
padding: 3px 4px;
margin: 0;
background-color: #fefefe;
color: #000;
font-weight: bold;
font-size: 85%;
text-decoration: none;
}
div.ofctabs div.ofcheadlnx a#heplink {
margin-right: 1em;
}
div.ofclink a:hover,
div.ofcheadlnx a:hover {
background-color: #EEEEEE;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);
font-weight: bold;
}
body#hepcontent.calendar div.ofcheadlnx a.events,
body#hepcontent.guidance div.ofcheadlnx a.guidance,
body#hepcontent.publications div.ofcheadlnx a.pubs,
body#hepcontent.awards div.ofcheadlnx a.awards,
body#hepcontent.contacts div.ofcheadlnx a.contacts {
background-color: #ECECCB;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);
font-weight: bold;
border-top: 2px solid #ECECCB;
margin-top: -2px;
}
/* end of new tab code */
#errorpage {
margin-top: 1em;
}
#wrapper,
#header,
#errorpage {
border: 1px solid #4c4a2e; /* color customizable on office and topic level */
}
#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;
color: inherit;
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 65px 0;
}
#fhwaheader .hdtitle,
#fhwaheader .search {
margin: 3px 0;
}
#fhwaheader * {
color: #fff;
background-color: transparent;
}
#fhwaheader a img {
border: none;
background-color: transparent;
color: inherit;
}
#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: 2em;
min-height: 1.5em;
line-height: 1.4;
z-index: 50;
font-size: 80%;
/* background: #ededc4 url(/images/hep/bg_hephead.png) repeat-x center;
gradients are so 2002. Commented out on 6/28/16 */
color: inherit;
margin-bottom: 0;
padding: 0;
border-right: 1px solid #999;
border-bottom: 1px solid #404040;
border-left: 1px solid #999;
text-align: left;
position: relative;
}
#hepfoot {
/* background: #ededc4 top url(/images/hep/bg_hepfoot.png);
Commented out on 6/28/16 */
height: 1.5em;
color: inherit;
/* background-position: top; */
text-align: center;
font-size: 80%;
padding: 0 0 5px 0;
z-index: 1;
margin-top: 1em;
}
/* Topic header: largest banner on page. */
#header {
border-bottom: none;
margin-top: 20px;
padding: 0;
height: 100px;
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% 0;
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;
removed for prev-next nav */
display: table;
}
#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;
font-family: "Trebuchet MS", Candara, Calibri, sans-serif;
}
#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: 95%;
padding: 2px 15px 5px 15px;
margin: 0;
display: block;
}
#navigation ul li a:hover {
background-color: transparent;
color: inherit;
background-position: center;
background-repeat: repeat-x;
text-decoration: none;
}
/* Subnavigation box on the left */
#subnavigation {
width:18%;
margin-bottom: 20px;
float: left;
font-family: "Trebuchet MS", Candara, Calibri, sans-serif;
}
#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: inherit;
background-color: transparent;
}
#subnavigation ul {
margin: 0 0 20px 0;
}
/* collapsible navigation */
div#subnavigation div#navclose {
display: block;
color: #000;
background-color: transparent;
font-weight: bold;
text-align: right;
}
div#navexpand {
display: block;
width:1.2em;
float: left;
font-weight: bold;
margin-left: -1px;
}
div#navexpand span {
cursor: pointer;
background-color: #e0e8d9;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
padding: 1px;
}
div#navclose span {
cursor: pointer;
background-color: #e0e8d9;
padding: 0 1px 0 2px;
border-top: 1px solid #bac9b5;
border-left: 1px solid #bac9b5;
border-bottom: 1px solid #bac9b5;
}
div#navexpand {
display: none;
}
div#navclose {
visibility: hidden;
}
div#subnavigation ul,
div#subnavigation ul li,
div#subnavigation ul li ul {
margin: 0!important;
padding: 0!important;
background-image: none;
}
div#subnavigation ul li a {
display: block;
font-size: 0.8em;
font-weight: normal;
background-image: none;
padding: 0.5em;
margin: 0;
}
div#subnavigation ul li ul li a {
font-size: 80%;
font-weight: normal;
margin: 0;
background-image: url('/hep/images/listarrow.png');
background-repeat: no-repeat;
background-position: 5px 6px;
padding-left: 1.6em!important;
margin: 0;
}
div#subnavigation ul li a:hover,
div#subnavigation ul li a.current ,
div#subnavigation ul li ul li a:hover,
div#subnavigation ul li ul li a.current {
transition: 0.4s ease;
}
div#subnavigation ul li ul li a.current {
font-weight: normal;
}
/* 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;
}
span.ctitle,
span.cphone,
span.cteam {
display: block;
margin-bottom: 0.5em;
}
/* 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 a {
text-decoration: underline;
}
#memobody ul,
#memobody ol {
padding-left: 25px;
}
#contents {
width:60%;
margin-left: 19.5%;
margin-bottom: 20px;
text-align: left;
}
#pagecontents,
#memo {
width:80%;
margin-left: 19.5%;
text-align: left;
}
#errorpage #pagecontents {
width:100%;
margin: 0 20px;
position: relative;
}
#pagecontents img, #contents img {
border: none;
margin-left: 5px;
}
img.toplink {
float: right;
}
#pagecontents div.imgright img,
#contents div.imgright img ,
#pagecontents div.imgleft img ,
#contents div.imgleft img {
margin-left: 0;
}
#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 li ul li ul li,
#contents li ul li ul li {
padding-top: 3px;
padding-bottom: 4px;
}
#pagecontents a,
#contents a {
text-decoration: underline;
}
#breadcrumb {
margin-left: 18.1%;
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: transparent;
}
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;
table-layout: fixed;
/* background-color: #fff; */
}
table.smfont {
font-size: 90%;
}
table.smfont caption {
font-size: 110%!important;
}
table.datatable,
table.datatable th,
table.datatable td {
text-align: left;
vertical-align: top;
}
.datatable td {
background-color: #ffffff;
color: inherit;
}
table.datatable tr.row0,
table.datatable tr.row0 th,
table.datatable tr.row0 td {
background-color: #ebf6fc!important;
color: inherit;
}
table.datatable tr.row1,
table.datatable tr.row1 th,
table.datatable tr.row1 td {
background-color: #ffffff!important;
color: inherit;
}
table.datatable caption {
font-size: 90%;
}
.datatable .row2,
th.row2 {
/* used to set a formatted cell, such as to appear like a | cell with background color*/
font-weight: normal;
background-color: #FFFCEB!important;
text-align: left;
}
.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,
p.tight {
margin: 0;
}
table.std p {
margin: 10px 10px 10px 5px;
}
.datatable caption {
text-align: left;
font-weight: bold;
margin-bottom: 5px;
}
.datatable caption .caption_bottom {
text-align: left;
font-weight: bold;
margin-bottom: 5px;
caption-side: bottom!important;
}
table.tight th,
table.tight td,
table.datatable th,
table.datatable td {
border: 1px solid #999;
}
.datatable th {
color: #000;
background-color: #fffceb;
padding: 5px 8px;
}
.datatable td {
padding: 5px;
}
.flush td {
padding: 5px 5px 5px 0;
}
table.tight th,
table.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;
}
table.datatable td ul,
table.datatable th ul,,
table.datatable td ul.nopad {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 0;
}
.nopad_left {
padding-left: 0;
margin-left: 6px;
}
.nopad_right,
div.nopad_right {
padding-right: 0!important;
}
.datatable th.thbig {
font-size: 125%;
}
.datatable2 th,
.datatable2 td {
width:10%!important;
}
.datatable th.txtright,
.datatable td.txtright {
text-align: right;
}
.datatable th.txtcenter,
.datatable td.txtcenter {
text-align: center;
}
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;
color: inherit;
}
.cf_row1 {
background-color: #fffeee;
color: inherit;
}
.datatable.noborder th,
.datatable.noborder td,
table.datatable tr td.noborder,
table.datatable tr th.noborder {
border: none;
}
table.datatable tr td.thickl {
border-left: 1px #000 solid;
}
table.datatable tr td.thickr {
border-right: 1px #000 solid;
}
table.tablesorter thead tr .header {
background: #FFFCEB url('/hep/images/bg.gif') no-repeat center right;
padding-right: 2em!important;
}
table.tablesorter thead tr .headerSortUp {
background: #d8ecff url('/hep/images/desc.gif') no-repeat center right!important;
padding-right: 2em!important;
}
table.tablesorter thead tr .headerSortDown {
background: #d8ecff url('/hep/images/asc.gif') no-repeat center right!important;
padding-right: 2em!important;
}
.datatable td.tbullet {
text-align: center;
font-size: 1.5em;
padding: 0;
margin: 0;
}
iframe.noborder {
border: 0;
}
/*: :: :: :: :: :: :: :: :: :: :: CUSTOM TABLES (classes): :: :: :: :: :: :: :: :: :: : */
/*--------------------------------------------------------------------*/
/*: :: :: :: :: :: :: :: :: :: :: CUSTOM STYLES (classes): :: :: :: :: :: :: :: :: :: : */
/* containers within #related on the right of content */
/* Related items box on the right */
#related {
width:18%;
min-width:185px;
float: right;
margin: 0 5px;
font-size: 0.75em;
font-family: "Trebuchet MS", Candara, Calibri, Verdana, sans-serif;
}
div#related p.relatedtitle {
font-weight: bold;
margin: 0;
padding: 1px 5px;
border-bottom: 1px solid #5a5934;
font-size: 1.1em;
}
div#pagecontents div#related {
font-size: 0.9em;
/* fix or tiny related box on 2-col pages */
}
div#related div.relateditem {
margin: 0 auto 20px auto;
padding: 0;
border: 1px solid #5a5934;
white-space: normal;
}
div#related div.relateditem ul,
div#related div.relateditem ol {
margin-left: 15px;
}
#hepcontent.hep #related {
width:25%;
}
#hepcontent.hep .relateditem {
background-color: #fffbf2;
color: #000;
}
.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;
background-color: transparent;
}
/* sectioned boxes for use as visible container */
.box,
.boxleft,
.boxright {
border: 1px solid #000;
width:30%;
margin: 0 auto 5px auto;
padding: 5px 10px;
background-color: #fffbf2;
color: #000;
}
.boxleft {
float: left;
margin-right: 20px;
margin-left: 5px
}
.clearbox {
padding-left: 35%;
}
.boxright {
float: right;
margin-left: 5px;
}
.boxfull {
border: 1px solid #000;
width:90%;
margin: 0 auto 15px auto;
padding: 5px 10px;
background-color: #fffbf2;
color: #000;
}
p.calltitle, nav p.calltitle {
background-color: #D6E8D2;
color: #004106;
border-radius: 3px 3px 0 0;
font-size: 105%;
font-weight: bold;
margin: -7px -7px 5px -7px;
padding: 5px 12px;
border-bottom: 1px solid #004106;
}
.callright {
width:25%;
float: right;
border: 1px solid #000066;
border-radius: 3px;
box-shadow: 3px 3px 5px #aaa;
padding: 7px 7px 10px 7px;
margin: 0 5px 5px 5px;
}
.callleft {
width:25%;
float: left;
border: 1px solid #000066;
border-radius: 3px;
box-shadow: 3px 3px 5px #aaa;
padding: 7px 7px 10px 7px;
margin: 0 15px 5px 5px;
}
.callcenter {
width:85%;
border: 1px solid #000066;
border-radius: 3px;
box-shadow: 3px 3px 5px #aaa;
padding: 2px 8px;
margin: 10px auto 10px auto;
color: inherit;
background-color: #FFFBF8;
}
.callbox85 {
width:85%;
border-left: .5em solid #66CCCC;
border-top: .1em solid #339999;
border-right: .5em solid #339999;
border-bottom: .1em solid #66CCCC;
border-radius: 0 3em 0 3em;
margin: .8em auto .8em auto;
padding: 1em;
color: #000;
}
.callhalf {
width:50%;
border: 1px solid #000066;
border-radius: 3px;
box-shadow: 3px 3px 5px #aaa;
padding: 8px;
margin: 10px auto 10px auto;
color: inherit;
background-color: #FFFBF8;
}
.callfull {
border: 1px solid #000066;
border-radius: 3px;
box-shadow: 3px 3px 5px #aaa;
padding: 5px 10px 10px 10px;
margin: 10px 0;
color: inherit;
background-color: #FFFBF8;
}
.callright, nav.callright {
width:25%;
float: right;
border: 1px solid #000066;
border-radius: 6px;
box-shadow: 5px 5px 5px #aaa;
padding: 10px 10px 10px 10px;
margin: 0 5px 5px 10px;
}
ul.callright,
ol.callright,
ul.callleft,
ol.callleft {
padding: 5px 0 0 0;
margin-left: -10px!important;
}
.callboxrt {
border-left: .5em solid #66CCCC;
border-top: .1em solid #339999;
border-right: .5em solid #339999;
border-bottom: .1em solid #66CCCC;
border-radius: 0 3em 0 3em;
width:30%;
margin: 0 .5em .8em .8em;
padding: 1em .8em;
color: #000;
float: right;
}
.callboxlt {
border-left: .5em solid #66CCCC;
border-top: .1em solid #339999;
border-right: .5em solid #339999;
border-bottom: .1em solid #66CCCC;
border-radius: 0 3em 0 3em;
width:30%;
margin: 0 .5em .8em .8em;
padding: 1em .8em;
color: #000;
float: left;
}
.boxborderdk {
border: 1px solid #000;
}
.boxbordermd {
border: 1px solid #999;
}
.boxborderlt {
border: 1px solid #fff;
}
.highlight {
color: #000;
background-color: #e6f2ff;
}
.callright p:first-child,
.callright p:first-child {
margin-top: 0;
}
div#pagecontents div.callright ul li,
div#pagecontents div.callleft ul li,
div#pagecontents div.callcenter ul li {
margin-left: -10px;
}
nav.navright {
width:25%;
float: right;
border: 1px solid #000066;
padding: 5px;
margin: 0 5px;
font-size: 90%;
font-weight: bold;
}
nav p.navtitle {
background-color: #transparent;
color: #004106;
font-size: 120%;
font-weight: bold;
margin: 1px -5px;
padding: 5px;
border-bottom: 1px solid #004106;
text-align: center;
}
nav.navright ul {
margin-left: 5px;
padding: 0 0 0 5px;
}
span.small.captionblue {
margin-left: 5px;
padding-left: 0;
font-size: 0.8em;
}
.boxnobg {
color: inherit;
background-color: transparent!important;
}
.boxfull h2 {
margin-top: .3em;
}
.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;
overflow: auto;
}
.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; */
}
.noback {
background-color: transparent;
color: inherit;
}
.boxclearimg {
clear: both;
width:100%;
font-size: 1px;
}
.boxshade {
color: #000;
background-color: #FFFBF2;
border: 1px solid #ccc;
margin-top: 1em;
margin-bottom: 1em;
padding: 0.2em;
}
.boxshadow {
box-shadow: 5px 5px 5px #888888;
}
.boxshadowfull {
box-shadow: 5px 5px 5px #888888;
border: 1px solid #888;
}
#pagecontents .boxfull table tr td ul li {
margin-left: 5px;
padding-left: 15px;
}
.imagecontain {
display: table;
width:50%;
}
.imagecontain p {
padding-left: 0;
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;
}
.px300 {
width:300px;
}
.px350 {
width:350px;
}
.px375 {
width:375px;
}
.px400 {
width:400px;
}
.px475 {
width:475px;
}
.px500 {
width:500px;
}
.px600 {
width:600px;
}
.px700 {
width:700px;
}
.px800 {
width:800px;
}
/* percentage width styles */
.pc5 {
width:5%;
}
.pc10 {
width:10%;
}
.pc15 {
width:15%;
}
.pc20 {
width:20%;
}
.pc25 {
width:25%;
}
.pc30 {
width:30%;
}
.pc33 {
width:33%;
}
.pc35 {
width:35%;
}
.pc40 {
width:40%;
}
.pc45 {
width:45%;
}
.pc50 {
width:50%;
}
.pc55 {
width:55%;
}
.pc60 {
width:60%;
}
.pc65 {
width:65%;
}
.pc70 {
width:70%;
}
.pc75 {
width:75%;
}
.pc80 {
width:80%;
}
.pc85 {
width:85%;
}
.pc90 {
width:90%;
}
.pc95 {
width:95%;
}
.pc100 {
width:100%;
}
.pxh550 {
height: 550px;
}
.wauto {
width: auto;
}
/* positioning styles */
.clear {
/* does not wrap or allow wrapping */
clear: both;
float: none;
}
.clearnone {
clear: none!important;
}
.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: 5px;
}
.center, th.row.center p {
/* 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, th.row.aln_right, th.row.aln_right p,.datatable td.aln_right {
/* right align text */
text-align: right;
}
.aln_justify {
text-align: justify;
} /* justify text */
.nobold {
font-weight: normal!important;
} /* 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;
} /* sequential spaces will become a single space{
text will wrap when necessary and on line breaks */
.ws_prewrap {
white-space: normal;
} /* 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 */
ol.uproman {
list-style-type: upper-roman;
} /* capaitalized roman numerals */
ol.loroman {
list-style-type: lower-roman;
} /* lower case roman numerals */
ol.upalpha {
list-style-type: upper-alpha;
} /* capitalized alphabet */
ol.loalpha {
list-style-type: lower-alpha;
} /* lower case alphabet */
ol.number, ol.decimal {
list-style-type: decimal;
} /* numbered list */
ol.number0, ol.decimal0 {
list-style-type: decimal-leading-zero;
} /* numbered list with a leading zero */
ul.nobullet, ul.typen, ul.none, ol.nobullet, ol.typen, ol.none {
list-style-type: none;
} /* list has no marker */
ul.blt_circ, ul.typec, ul.circle {
list-style-type: circle;
} /* empty circle as bullet */
ul.blt_disc, ul.disc {
list-style-type: disc;
} /* filled disc as bullet */
ul.blt_sqr, ul.typesq, ul.square {
list-style-type: square;
} /* filled square as bullet */
ul.check {
list-style: none!important;
}
ul.check li {
padding-left: 5px;
}
ul.check li:before {
display: list;
content: "\2713"
}
ul.lgcircle {
list-style: none!important;
}
ul.lgcircle li {
padding-left: 5px;
}
ul.lgcircle li:before {
display: list;
content: "\274D"
}
ul.lgbox {
list-style: none!important;
}
ul.lgbox li {
padding-left: 5px;
}
ul.lgbox li:before {
display: list;
content: "\274F"
}
ul.under {
list-style: none!important;
}
ul.under li {
padding-left: 5px;
}
ul.under li:before {
display: inline-block;
content: "\5f";
transform: scale(3,1);
padding-right: 10px;
}
/* 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;
border-bottom: 1px solid #ccc;
background-color: #FFEFD5;
color: inherit;
position: fixed;
z-index: 9999999;
bottom: 15px;
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;
}
/* new docnav */
div.prevnext {
display: table;
border-spacing: 0.5em;
border-collapse: separate;
white-space: nowrap;
width:100%;
}
.sticky {
position: sticky;
z-index: 500;
bottom: 0;
color: red!important;
}
div.prevnext div.docprev,
div.prevnext div.docnext,
div.prevnext div.doctop,
div.prevnext div.docindex {
display: table-cell;
margin: 0;
padding: 0;
vertical-align: middle;
box-shadow: 0 2px 1px -1px #555;
}
div.prevnext div.docprev {
width:40%;
position: relative;
overflow: hidden;
}
div.prevnext div.docprev a {
background: url('/hep/images/navprev.png') no-repeat 0 35%;
background-size: 6%;
position: absolute;
top: 0;
right: 0;
left: 0;
}
div.prevnext div.docnext {
text-align: right;
width:40%;
position: relative;
overflow: hidden;
}
div.prevnext div.docnext a {
background: url('/hep/images/navnext.png') no-repeat 100% 35%;
background-size: 6%;
position: absolute;
top: 0;
right: 0;
left: 0;
}
div.prevnext div.docindex {
position: relative;
overflow: hidden;
}
div.prevnext div.docindex a {
position: absolute;
top: 0;
right: 0;
left: 0;
}
div.prevnext div.doctop {
text-align: center;
font-weight: bold;
width:5%;
padding: 0;
}
div.prevnext div.doctop img {
width:21px;
height: auto;
margin: 2px 2px -2px -2px;
text-align: center;
}
div.prevnext div.docprev a,
div.prevnext div.docnext a,
div.prevnext div.doctop a,
div.prevnext div.docindex a {
display: block;
height: 100%;
margin: 0;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
background-color: #DBDFD1;
text-decoration: none!important;
}
div.prevnext div.docprev a,
div.prevnext div.docnext a {
padding: 0.3em 2.5em;
}
div.prevnext div.doctop a,
div.prevnext div.docindex a {
padding: 0.6em 0.9em;
text-align: center;
}
div.prevnext div.docnext a:hover,
div.prevnext div.docprev a:hover,
div.prevnext div.doctop a:hover,
div.prevnext div.docindex a:hover {
background-color: #FFFDDE;
}
div.prevnext div.longtitle {
white-space: normal!important;
font-size: 85%;
}
div.prevnext div.docprev.noshadow,
div.prevnext div.docnext.noshadow {
box-shadow: none }
/* end new docnav */
#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:90%;
border-bottom: 1px solid #999;
border-top: none;
margin: 0.5em auto 1em auto;
}
.hr hr, .hrlite hr {
visibility: hidden;
}
#pagecontents table.datatable tr.bgltblue th {
color: #000;
background-color: #B5D3EB!important;
}
.bgltblue {
color: #000;
background-color: #E0EEFA!important;
}
.tdbgviolet,
table.datatable tr td.tdbgviolet {
color: #000;
background-color: #CCC0D9!important;
}
.tdbgltgr,
table.datatable tr td.tdbgltgr {
color: #000;
background-color: #B4FFB4!important;
}
.tdbggray,
table.datatable tr td.tdbggray {
color: #000;
background-color: #F8F8F8!important;
}
.tdbgdkgray,
table.datatable tr td.tdbgdkgray {
color: #000;
background-color: #c3c3c3!important;
}
.tdbgyellow,
table.datatable tr td.tdbgyellow {
color: #000;
background-color: #FFFFC0!important;
}
.tdbgred,
table.datatable tr td.tdbgred {
color: #000;
background-color: #ff5d5d!important;
}
.tdbgdata,
table.datatable tr td.tdbgdata {
color: #000;
background-color: #FFFCEB!important;
}
.tdbgdkgr,
table.datatable tr td.tdbgdkgr {
background-color: #82FF82!important;
color: #000!important;
}
.tdbgbl,
table.datatable tr td.tdbgbl {
color: #000;
background-color: #80DBFD!important;
}
.tdbgltred,
table.datatable tr td.tdbgltred {
background-color: #FF9797!important;
color: #000;
}
.tdbgltog,
table.datatable tr td.tdbgltog {
background-color: #FAC090!important;
color: #000;
}
.tdbgpurp, table.datatable tr td.tdbgpurp {
background-color: #B39FC6!important;
color: #000;
}
.tdbgltgrn, table.datatable tr td.tdbgltgrn {
background-color: #dde5cb!important;
color: #000;
}
.tdbgdkgrn, table.datatable tr td.tdbgdkgrn {
background-color: #336600!important;
color: #fff;
}
.tdbgpink, table.datatable tr td.tdbgpink {
background-color: #FFE6FF!important;
color: #000;
}
.tdbgtan, table.datatable tr td.tdbgtan {
background-color: #E3E0CE!important;
color: #000;
}
div.pnobot {
padding-bottom: 7px;
}
div.pnobot p {
padding-top: 0!important;
padding-bottom: 0!important;
margin-top: 0!important;
margin-bottom: 0!important;
}
div.tcell div.pnobot p {
padding-top: 0!important;
padding-bottom: 0!important;
margin-top: 0!important;
margin-bottom: 0!important;
}
.listnobot ul li,
.listnobot ol li {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.listnobot ul li p,
.listnobot ol li p {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
ol.qa li,
ul.qa li {
margin-top: 2rem;
font-weight: bold;
}
ol.qa li:first-child,
ul.qa li:first-child {
margin-top: 0;
}
ol.qa li p,
ul.qa li p {
padding: 0;
margin: 0.5rem 0 0 0;
font-weight: normal;
}
.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. */
width:95%;
max-width:1200px;
overflow: auto;
/* adds scrollbars if necessary to view hidden parts */
height: auto;
max-height: 600px;
margin: 15px auto;
border: solid 1px #999;
padding: 10px 10px 10px 0;
}
.wideitem table.datatable {
overflow: visible;
}
@media (max-width:1280px) {
.wideitem1024 {
/* 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: auto;
max-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% }
.callout2 {
font-size: 120% }
.callout3 {
font-size: 130% }
.callout4 {
font-size: 140% }
.txtcenter {
text-align: center!important;
align-content: center;
}
.flexcenter {
display: flex;
flex-wrap: wrap;
align-content: 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 {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
#pagecontents a img.noborder,
#contents a img.noborder {
border: none;
}
#pagecontents .callright.noborder {
border: none;
border-radius: none!important;
box-shadow: none;
F;
}
.noborder {
border: none!important;
}
/* Image caption classes */
.imgleft, .imgright {
position: relative;
}
.imgleft {
padding: 5px 15px 5px 0!important;
}
.imgright {
padding: 5px 5px 5px 0!important;
margin-left: 10px}
.imgcenter {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.imgcenter p {
text-align: center;
}
div#wrapper div#pagecontents div.tablelayout div.tcell div.imgleft.smpadright {
padding-right: 2px!important;
margin-right: -5px;
}
div.imgleft.capt1,
div.imgright.capt1 {
padding-bottom: 1.5em!important;
}
div.imgleft.capt2,
div.imgright.capt2 {
padding-bottom: 2.5em!important;
}
div.imgleft.capt3,
div.imgright.capt3 {
padding-bottom: 3.5em!important;
}
div.imgleft.capt4,
div.imgright.capt4 {
padding-bottom: 4.5em!important;
}
div.imgleft.capt5,
div.imgright.capt5 {
padding-bottom: 5.5em!important;
}
div.imgleft.capt6,
div.imgright.capt6 {
padding-bottom: 6.5em!important;
}
div.imgleft.capt7,
div.imgright.capt7 {
padding-bottom: 7.5em!important;
}
div.imgleft.capt8,
div.imgright.capt8 {
padding-bottom: 8.5em!important;
}
div.imgleft.capt9,
div.imgright.capt9 {
padding-bottom: 9.5em!important;
}
div.imgleft.capt10,
div.imgright.capt10 {
padding-bottom: 10.5em!important;
}
div.imgleft.capt11,
div.imgright.capt11 {
padding-bottom: 11.5em!important;
}
div.imgleft.capt12,
div.imgright.capt12 {
padding-bottom: 12.5em!important;
}
div.imgleft.capt2top,
div.imgright.capt2top {
padding-top: 2.5em!important;
}
div.imgleft.capt5top p,
div.imgright.capt5top p{
margin-bottom: 5.5em!important;
}
div.imgleft span.imgcaption {
position: absolute;
left: 0;
right: 0;
display: block;
font-size: 0.8em;
margin: 0;
text-align: left;
}
div.imgright span.imgcaption {
position: absolute;
left: 10px;
right: 0;
display: block;
font-size: 0.8em;
margin: 0 1em;
text-align: left;
}
span.imgcaptiontop {
position: absolute;
left: 0;
right: 0;
display: block;
font-size: 0.8em;
margin: 0 1em;
}
div.imgcaption {
position: absolute;
left: 0;
right: 0;
display: block;
font-size: 0.8em;
margin: 0 1em 0 0;
padding: 0;
white-space: normal;
text-align: left;
}
div.imgcaption p {
margin-left: 0;
}
div.imgcaptiontop {
position: absolute;
left: 0;
right: 0;
display: table;
font-size: 0.8em;
margin: 0 1em;
}
/* generic image, non-floated, non-wrap */
figure {
display: table;
margin: 0 0.5em 0.5em 0;
}
figure img.maxwidth {
max-width:80%;
height: auto;
}
figure img.maxwidth100 {
width:100%;
max-width:100%;
height: auto;
}
figcaption {
display: table-caption;
caption-side: bottom;
margin: 0 0.5em;
0.5em 0.5em;
font-size: 0.8em;
}
figcaption p {
margin: 0;
padding: 0;
} /* zero out the padding and margin on needless tags */
figure.flleft {
display: table;
padding: 0;
margin: 0 .5em .5em 0;
float: left;
}
figure.flright {
display: table;
float: right;
}
figure.figcenter {
text-align: center;
margin: 0 auto;
}
figure.spaceb {
margin-bottom: 1em;
}
figcaption.top {
display: table-caption;
caption-side: top!important;
margin: 0 0 2px 5px;
}
figcaption.top p {
margin-left: 7px!important;
}
figcaption.capright{
float: right;
font-size: 1em;
}
figure.figgroup {
display: table;
margin-left: 0
}
figure.figgroup div.trow figure {
display: table-cell;
}
figure.figgroup div.trow figure figcaption {
display: block;
width:100%;
margin-bottom: 1em;
}
figure p.small {
margin-top: 5px;
}
.alignimgtext {
display: flex;
align-items: top;
}
ul.fixlist {
margin-left: 3em;
}
ul.fixlist li,
ol.fixlist li {
margin-left: 17em!important;
list-style-position: inside;
padding-left: 0;
text-indent: -0.9em;
}
ul.fixlist li ul li ,
ol.fixlist li ol li {
margin-left: 1em!important;
list-style-position: outside;
padding-left: 0;
}
div.tablelayout div.tcell figure figcaption p {
margin-top: -3px;
margin-left: 0;
}
div .captioncenter {
position: relative;
left: auto;
right: auto;
margin-right: auto;
margin-left: auto;
text-align: left;
display: block;
}
/*End image classes*/
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: 10px 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,
.datatable td.aright p,
.datatable th.aright p {
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;
}
/* two-column layout */
.col1 {
float: left!important;
width:45%;
}
.col2 {
float: right!important;
width:45%;
}
.col2nf {
width:45%;
}
/* three-column layout */
.tricol_container {
overflow: auto;
width:100%;
}
.tricol1 {
float: left;
width:33%;
}
.tricol2 {
float: left;
width:33%;
}
.tricol3 {
float: right;
width:33%;
}
/*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 {
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;
}
fieldset.select legend label {
font-size: 1.1em;
}
/*legacy classes from discontinued fhwatopics.css*/
.small,
.viewer {
font-size: .75em;
}
#contents .viewer,
#pagecontents .viewer {
margin-left: 5px;
}
.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: -.9em;
}
li.hang p.unhang {
text-indent: -10px;
}
/* use the minor and major classes to modify the font size of header tags when the default size is not appropriate */
.minor {
font-size: .87em;
}
.major {
font-size: 1.125em;
}
.date {
font-size: 1em;
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;
}
.nopadall {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.nopadbottom {
padding-bottom: 0!important;
margin-bottom: 0!important;
}
.nopadtop {
padding-top: 0!important;
margin-top: 0!important;
}
.nopadcaption{
padding-bottom: 0!important;
padding-left: 3px;
margin-bottom: 0!important;
margin-left: 3px;
}
.paddingtop {
padding-top: 10px!important;
margin-top: 10px!important;
}
.paddingbot {
padding-bottom: 10px;
margin-bottom: 10px!important;
}
/*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: 15px;
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;
}
.tricol_content {
font-size: .88em;
word-wrap: break-word;
}
.strong {
font-weight: bold;
}
.alignlt {
text-align: left;
margin-left: 5px;
}
#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;
}
#pagecontents table caption a {
text-decoration: none;
color: #000;
background-color: transparent;
}
#pagecontents table caption a:hover {
text-decoration: none;
color: #000;
background-color: transparent;
}
.captionblue {
color: #00f;
background-color: transparent;
}
p.captionblue {
color: #00f;
background-color: transparent;
}
ul li.toppad,
ol li.toppad,
ul li p.toppad,
ol li p.toppad {
padding-top: 10px!important;
}
/* web tool styles */
fieldset.select {
width:60%;
margin-left: 2em;
margin-bottom: 1em;
border: 1px solid #ccc;
}
fieldset.nb {
border: none;
}
fieldset.select2 {
float: left;
width:35%;
margin-left: 2em;
margin-bottom: 1em;
border: 1px solid #ccc;
}
fieldset.narrow {
width:45%;
}
fieldset.select div.mselect {
max-height: 14em;
overflow: auto;
margin: 0.2em 0 0 0;
padding: 0 .5em 0 .3em;
}
fieldset.select2 div.mselect {
max-height: 8em;
overflow: auto;
margin: 0.2em 0 0 0;
padding: 0 .5em 0 .3em;
}
fieldset.select legend,
fieldset legend {
font-weight: bold;
font-size: 0.9em;
margin-bottom: 0.1em;
}
fieldset label,
fieldset.select label {
display: block;
font-size: 0.8em;
}
label.em {
font-style: italic;
font-weight: bold;
}
fieldset.select div.mselect input.bump {
margin-bottom: 0.7em;
}
p.subselect {
width:25%;
margin-left: 2em;
}
p.subselect2 label {
margin-left: 1em;
float: left;
width:10%;
max-width:15%;
white-space: nowrap;
font-weight: bold;
}
p.subselect3 {
margin-left: 2.3em;
padding-top: 0;
font-weight: bold;
font-size: .85em;
}
p.subselect3 input {
margin-left: 5%;
}
p.subselect3 label {
font-weight: normal;
}
div.officelabel {
font-weight: bold;
font-size: 90%;
padding-top: 1em;
}
table.datatable caption.large {
font-size: 110%;
margin-top: 1em
}
dl.results {
padding: 0.5em;
}
dl.results dt:first-child {
margin: 0;
padding: 0;
}
dl.results dt {
margin: 0;
padding: 2em 0 0 0;
}
dl.results dd {
font-size: 0.9em;
}
span.hilitefeat {
background: none repeat scroll 0 0 #CEF6CE;
border: thin groove;
color: #000;
font-family: Arial,Helvetica, sans-serif;
font-size: 80%;
font-style: normal;
font-weight: bold;
padding: 1px 2px;
white-space: nowrap;
}
.hilite_nby {
color: #000000;
background: #FFFF00;
padding: 1px 2px;
}
.hilite_nbb {
color: #000000;
background: #4de1f9;
padding: 1px 2px;
}
p.results, p.pdfsave {
width:45%;
}
p.pdfsave {
float: right;
text-align: right;
}
input.pdflink {
border: none;
text-decoration: underline;
font-family: Verdana, Geneva, sans-serif;
float: right;
margin-bottom: 3px;
cursor: pointer;
background: transparent url(/livability/tools/placefit/images/pdf-icon-small.png) no-repeat;
width:57px;
height: 22px;
}
#pagecontents ul.leftside {
overflow: hidden;
}
div#rdwarn {
font-size: 1em;
color: #B40404;
background-color: white;
border: 2px solid red;
text-align: center;
height: 48px;
padding-top: 20px;
margin: 0 auto;
width:95%;
max-width:1280px;
}
div#rdwarn p a {
color: #B40404;
background-color: white;
text-decoration: underline;
}
div#rdwarn p {
margin: 0;
padding: 0;
text-align: center;
}
.d_block {
display: block;
}
a[href$='.pdf'], a.pdf {
padding-right: 18px;
background: transparent url(/hep/images/icon_pdf.gif) no-repeat center right;
}
a[href$='.pptx'] {
padding-right: 18px;
background: transparent url(/hep/images/icon_ppt.png) no-repeat center right;
}
a.yt {
padding-right: 2em;
background: transparent url(/hep/images/yt_icon_link.png) no-repeat center right;
overflow: visible;
}
a.noicon {
background: none;
padding-right: 0;
}
/* CSS Table Layout */
.max95 {
max-width:95%;
}
.tablelayout {
display: table;
margin: 0;
padding: 0;
border-spacing: 0;
border-collapse: collapse;
}
.tablelayout2 {
display: table;
margin: 0;
padding: 0;
border-spacing: 0.5em;
}
.tablelayout3 {
display: table;
margin: 0;
padding: 0;
border-spacing: 1em;
}
.tcell {
display: table-cell;
padding: 0 5px 0 0;
margin: 0;
vertical-align: top;
}
.bspace1 {
border-spacing: 1em;
}
.bspace2 {
border-spacing: 2em;
}
.tablelayout .tcell p {
padding: 3px 1px!important;
}
.tcell ul li {
padding-top: 0!important;
padding-bottom: 0!important;
margin-top: 0!important;
padding-bottom: -5px!important;
}
.tcell ul li, .tablelayout .tcell ol li {
padding: 5px 1px!important;
}
.trow {
display: table-row;
}
.tcol {
display: table-column;
}
.borderbox {
border: 1px solid #000;
}
.oh {
overflow: hidden!important;
}
.oa {
overflow: auto!important;
}
.hide508 {
position: absolute;
top: auto;
left: -1000em;
overflow: hidden;
}
#hepp a:hover,
#hepe a:hover,
#hepr a:hover {
opacity: 0.7;
}
.h2under {
border-bottom: 1px #666 solid;
}
caption {
min-width:300px;
}
.listpad {
padding-top: 10px;
}
/* top content navigation */
div#pagecontents ul#topnav {
margin: 3em!important auto;
padding: 1em!important 2em 2em!important 0;
display: block;
list-style-type: none;
text-align: center;
width:100%;
height: 2.1em;
color: #fff;
background-color: #C5CDD7;
}
div#pagecontents ul#topnav li {
display: inline;
}
div#pagecontents ul#topnav {
padding-top: 10px;
}
div#pagecontents ul#topnav li a{
text-decoration: none;
border: 1px solid #17385E;
padding: 0 .5em 0.3em 0.5em;
color: #17385E;
background-color: #fff;
position: relative;
}
div#pagecontents ul#topnav li a:hover {
color: #000;
background-color: #D6E8D2;
}
/*Fixed table header code*/
div.table_section {
position: relative;
border: 1px solid #000;
padding-top: 37px;
background: #A6A3AF;
}
div.positioned {
position: absolute;
top: 100px;
left: 100px;
width:800px;
box-shadow: 0 0 15px #333;
}
.table_scroll_container {
overflow-y: auto;
height: 400px;
}
table.fixedhead {
border-spacing: 0;
width:100%;
}
table.fixedhead td + td {
border-left: 1px solid #eee;
}
table.fixedhead td, table.fixedhead th {
border-bottom: 1px solid #eee;
background: #fff;
color: #000;
padding: 10px 25px;
}
table.fixedhead th {
height: 0!important;
line-height: 0!important;
padding-top: 0!important;
padding-bottom: 0!important;
color: inherit;
background-color: transparent;
border: none;
white-space: nowrap;
}
table.fixedhead th div{
position: absolute;
background: transparent;
color: #fff;
padding: 5px 5px 20px 25px;
top: 0;
margin-left: -25px;
line-height: normal;
border-left: 1px solid #000;
font-size: 80%!important;
}
table.fixedhead th:first-child div {
border: none;
}
table.fixedhead th {
color: #000;
background-color: #FFFCEB;
border: 1px solid #000;
vertical-align: top;
padding: 10px;
}
@media all and (max-width:1200px) {
.table1200 {
.tcell display:block;
.tablelayout display: block;
.trow display:block;
.tcol display: block;
}
}
@media all and (max-width:1200px) {
div.table1200 div.tablelayout {
display: block!important;
}
}
@media all and (max-width:1200px) {
div.table1200 div.tcell {
display: block!important;
}
}
@media all and (max-width:1200px) {
div.table1200 div.trow {
display: block!important;
}
}
@media all and (max-width:1200px) {
div.table1200 div.tcol {
display: block!important;
}
}
@media all and (max-width:1024px) {
.table1024 {
.tcell display: block;
.tablelayout display: block;
.trow display: block;
.tcol display: block;
}
}
@media all and (max-width:1024px) {
div.table1024 div.tablelayout {
display: block!important;
}
}
@media all and (max-width:1024px) {
div.table1024 div.tcell {
display: block!important;
}
}
@media all and (max-width:1024px) {
div.table1024 div.trow {
display: block!important;
}
}
@media all and (max-width:1024px) {
div.table1024 div.tcol {
display: block!important;
}
}
@media screen a:tel {
text-decoration: none;
}
/* svg fix for IE8 */
div.svgbox {
padding: 0;
position: relative;
}
div.svgbox img.svg {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
/*div.svgbox img.png {
max-width:1024px;
}*/
/* Expand/collapse styles */
h2.pgcollapse,
h3.pgcollapse,
h2.pgexpand,
h3.pgexpand,
p.expandall,
p.collapsall {
cursor: pointer;
}
h2.pgcollapse a,
h3.pgcollapse a,
h2.pgexpand a,
h3.pgexpand a,
p.expandall a,
p.collapsall a {
text-decoration: none!important;
}
h2.pgcollapse {
padding-left: 0.4em;
}
h2.pgexpand:before,
h3.pgexpand:before,
h3.pgsub:before {
content: "+ ";
}
h2.pgcollapse:before,
h3.pgcollapse:before,
h3.subcollapse:before {
content: "- ";
}
div.pgcontain h3 {
padding: .5em 1.5em;
}
div#pgcontainer p {
margin-left: 2em;
}
p.expandall, p.collapsall {
font-size: 110%;
font-weight: bold;
color: #0C4B4B;
background-color: transparent;
}
h2.pgcollapse,
h3.pgcollapse,
h2.pgexpand,
h3.pgexpand,
h3.pgsub,
h3.subcollapse,
p.expandall,
p.collapsall {
cursor: pointer;
}
div.pgsection {
border: 1px solid #999;
border-radius: 0.5em;
margin-bottom: 0.5em;
padding-top: 0.3em;
}
div.pgsection:hover {
background-color: #FFFFE0;
border-color: #0C4B66;
transition: 0.5s ease;
}
div.pgsection:hover table.datatable td {
background-color: #fff;
} /* keeps table cells from changing color inside expand/collapse */
div#pgcontainer div.pgsection h2,
div#pgcontainer div.pgsection h3.pgexpand,
div#pgcontainer div.pgsection h3.pgcollapse,
div#pgcontainer h3.pgsub,
div#pgcontainer h3.subcollapse,
div#pgcontainer div.pgsection div.pgcontain h3 {
font-weight: bold;
margin-bottom: 0;
}
div#pgcontainer div.pgsection div.pgcontain h4 {
padding: .5em 2em;
}
div#pgcontainer div.pgsection h2.pgcollapse {
padding-left: 0.3em;
}
div#pgcontainer div.pgsection h3.subcollapse {
margin-left: 0.7em;
}
div#pgcontainer ul {
margin-bottom: 1.5em }
/* end of Expand/collapse */
/* HEP search form */
div#header div#hepsearchbox {
position: absolute;
top: 5px;
right: 5px;
}
div#header form#searchform {
position: relative;
font-size: 1em;
font-weight: normal;
text-align: right;
}
div#header form#searchform label {
position: absolute;
top: 0;
right: 330px;
z-index: 50;
height: 18px;
background-color: #fff;
color: #444;
padding: 3px 6px 0 6px;
opacity: 0.9;
border-right: 1px solid #444;
visibility: hidden;
}
div#header form#searchform input[type="text"] {
position: absolute;
top: 0;
right: 23px;
border: 1px solid #ccc;
border-radius: 4px;
margin-left: 2px;
padding-left: 4px;
height: 18px;
width:300px;
opacity: 0.8;
}
input#mag {
positon: absolute;
top: 0;
right: 0;
background: url('/hep/images/mag_glass.png');
background-repeat: no-repeat;
background-color: #fff;
width:23px;
height: 22px;
border: 1px solid #ccc;
border-left: 1px solid #fff;
border-radius: 4px;
opacity: 0.8;
}
div#header form#searchform a {
font-size: 0.7em;
background-image: none;
color: #fff;
}
div#searchbg {
background-color: inherit;
color: #fff;
opacity: 0.9;
display: block;
}
/*figure img {
display: block;
}
summary {
border-bottom: 1px dotted #999;
margin-bottom: 5px;
padding-bottom: 5px;
}
*/
.txtright {
text-align: right!important;
}
.w100 {
width:100%!important;
}
.w75 {
width:75%!important;
}
.w70 {
width:70%!important;
}
.w65 {
width:65%!important;
}
.w55 {
width:55%!important;
}
.w50 {
width:50%!important;
}
.w45 {
width:45%!important;
}
.w35 {
width:35%!important;
}
.w25 {
width:25%!important;
}
.w20 {
width:20%!important;
}
.w15 {
width:15%!important;
}
.w10 {
width:10%!important;
}
.margin10 {
margin: 10px;
}
div.pad10 {
padding: 10px;
}
.center {
margin: 0 auto!important;
}
.border0 {
border: 0!important;
}
.top05em {
margin-top: 0.5em!important;
}
.top1em {
margin-top: 1em!important;
}
.top12em {
margin-top: 1.2em!important;
}
.top15em {
margin-top: 1.5em!important;
}
.top2em {
margin-top: 2em!important;
}
.top3em {
margin-top: 3em!important;
}
.top4em {
margin-top: 4em!important;
}
.right05em {
margin-right: 0.5em!important;
}
.right1em {
margin-right: 1em!important;
}
.right2em {
margin-right: 2em!important;
}
.right3em {
margin-right: 3em!important;
}
.right4em {
margin-right: 4em!important;
}
.bottom05em {
margin-bottom: 0.5em!important;
}
.bottom1em {
margin-bottom: 1em!important;
}
.bottom2em {
margin-bottom: 2em!important;
}
.bottom3em {
margin-bottom: 3em!important;
}
.bottom4em {
margin-bottom: 4em!important;
}
.left05em {
margin-left: 0.5em!important;
}
.left1em {
margin-left: 1em!important;
}
.left2em {
margin-left: 2em!important;
}
.left3em {
margin-left: 3em!important;
}
.left4em {
margin-left: 4em!important;
}
div#wrapper p.code {
font-family: "Courier New", Courier, monospace!important;
margin-left: 2em;
}
input.submitgreen {
color: #015362;
background-color: #fff;
border: 2px solid #015362;
border-radius: 3px;
padding: 5px 8px;
font-weight: bold;
}
input.submitgreen:hover {
color: #fff;
background-color: #015362;
}
img.noalt {
border: 3px solid red!important;
} |
|