/* This is the style sheet for Techbrief Monthly Publication. */

table{margin:0 auto;}

#container
{
 padding: 1em 1em;
}
/* FEEDBACK BUTTON STYLES */
form.inline, form.inline * { display: inline; margin:0; padding:0 }
button { overflow:visible; width:auto }
button.link {
	text-align: left;
	color:#00f;
	background: none;
	margin:0;
	padding:0;
	border:#fff solid 0px;
	cursor:pointer;
	display:inline;
	-moz-user-select: text;
	/* override all your button styles here if there are any others */
}


button.link span { text-decoration:underline }
button.link:hover span, button.link:focus span { color:#00f; text-decoration:none }
td.footer button.link { font-size:11px }

.white { Arial, Helvetica, sans-serif;
        color: #ffffff;
  		font-size: 30px;
  		font-weight: bold;
  
  }
  
.white2 { Arial, Helvetica, sans-serif;
        color: #ffffff;
  		font-size: 44px;
  		font-weight: bold;
  
}

.back {background-color:#009DDC;}  
.subback {background-color:#99CCFF;} 
.subback2 {background-color:#cccccc;} 
.subp { color:#009DDC; } 

caption 
{font-weight: bold;
line-height:50px;
text-align: center;}

.center {text-align: center;}

.blue {
  color: #0066CC;
  }	

.intable {
	background-color: #CCCCCC;
	font-size: 100%;
	padding: 8px;	
	}	
  
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.blue_footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3366CC;
}
.style2 {
	color: #3366CC;
}
.style3 {
	color: #3366CC;
	font-size: 18pt;
}

.style4 {color: #3366CC}
	 
.style5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.indent { margin-right: 5%; margin-left: 5%;	
}

.indent2 { margin-right: 10%; margin-left: 10%;	
}

.zeromargin {
	margin-bottom: 15px;
	margin-top: 15px;
}
.zeromargin2 {
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 5%;
	margin-left: 5%;
}
.zeromargin3 {
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-left: 10%;
}
.zeromargin4 {
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 15%;
	margin-left: 15%;
}
.zeromargin p, .zeromargin h1, .zeromargin h2, .zeromargin h3, .zeromargin img  {
	margin: 0;
}
.zeromargin2 p, .zeromargin2 h1, .zeromargin2 h2, .zeromargin2 h3, .zeromargin2 img  {
	margin: 0;
}
.zeromargin3 p, .zeromargin3 h1, .zeromargin3 h2, .zeromargin3 h3, .zeromargin3 img  {
	margin: 0;
}
.zeromargin4 p, .zeromargin3 h1, .zeromargin3 h2, .zeromargin3 h3, .zeromargin3 img  {
	margin: 0;
}
.zeromarginblue {
	margin:0;
	color: #3366CC;
}
.zeromarginblue p {
	margin:0;
	color: #3366CC;
}
.zeromargin ol {
	padding: 0;
}
.zeromargin ol li {
	font-style: italic;
}	 
  
.pdfview {	
	font-size: 85%;
	padding: 2px;	
	text-align: center;
	}  
  
.tfoot { 
 border: solid #ccc 2px; padding: 10px; 
 
  }
  
/*Used to underline text instead of <u></u>.*/  
.underlinetext {
	text-decoration:underline;
}

/* Adjust the font size of text in a table to allow the table to fit inside the template space */

.size_adjust {
	font-size:10px;
}

.text_size_bold {
	font-size:11px;	
	font-weight:bold;
}


/* End of size_adjust class */

.text_color {
	color:#FFF;
}

.datatablesmall {
	border-bottom:solid 1px #999;
	border-left:solid 1px #999;
	/*border-right:solid 1px #000;
	border-top: solid 1px #000;*/
	
}

.datatablesmall td {
	border:solid 1px;
	/*border-bottom:solid 1px #000;
	border-left:solid 1px #000;*/
	border-right:solid 1px #999;
	border-top: solid 1px #999;

}
.datatable thead {
	background-color:#06C;
	color:#FFF;
	line-height:25px;	
}
.datatable th {
	border: #FFF solid 1px;
	padding:5px;
}


.datatable {
	border:solid 1px;	
}

.techtable { padding:0px; border:#000 solid 2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.techtable td { padding:0px; border:#000 solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.techtable th { padding:0px; border:#000 solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.techtable thead { padding:0px; border:#000 solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }/**/



.datatable td {
	border:solid 1px;
	padding:5px;
	/*padding-top:5px;
	padding-bottom:5px;*/
	
	
}
.contnav { text-align:center ;}



/*wicha added on for the leftmenu on new publication template started here*/

.leftm{ 
float:left;
width:15%;
height:auto;
padding-right:30px;
/*background-color:#999;*/
}

.center90table {
	
margin:0 auto;
	width:90%;

	/*background-color:#F00;*/
}

.textwh{
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

.embox {
	margin:0 auto;
	border:solid 1px;
	padding: 15px;
	width:750px;
}
.blist{
	background-color:#69C;
	padding:7px;
	border:solid 1px #fff;
	list-style:none;
	margin-left:-40px;
	
	}
.blist a:hover{
	color:#fff;
	}
caption {
	font-weight:bold;
}
.listm {
	margin-left:20%;
}
.b2c {
	display:inline;
	font-size:10px;
	list-style:none;
}

.tableWstyle {
font-size: .8em;
}
.tablew2style {
color: #FFFFFF;
background-color: #3399CC;
}
.h4Wstyle {
font-style:normal;
color: #0066CC;
}
.h5Wstyle {
margin-left:25px;
color:#0066FF;
}

.equation{
line-height:0px;
border-bottom:thin;
border-bottom-color:#000000;
border-bottom-style: solid;
}
.wcenter{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold; 
	text-align:center;
}

.b25 {

	font-size:12px;
	list-style:none;
}




.wcentersm{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	text-align:center;
}



.reset-this {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
}




/*from fhwadoc*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
	color: #000000;
}

p,ul,ol,td,th,center,li,caption,blockquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

/* lghead increases the font size for header text that doesn't use a standard H tag. */

.lghead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 250%;
	font-weight: bold;
}

.heading {
	margin-top:0px;
	margin-bottom:0px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 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: 14px;
}

.major {
	font-size: 18px;
}

.date {
	font-size: 14px;
	font-weight : normal;
}

/* row turns off the default bold and center for <th>. */

.row {
	font-weight : normal;
	text-align:left;
}

.hcaption {
	font-weight : normal;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.norm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight : normal;
}

/* bcrumb formats text for bread crumb links */

.bcrumb {
	font-size:11px;
	font-family: arial, verdana, helvetica, sans-serif;
}

/* nobr replaces the deprecated nowrap attribute */

.nobr {
	white-space: nowrap;
}

body.nomargin {
	margin: 0px;
}

.content {
	margin: 4px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* li.none removes bullets from <ul><li> for indenting lists. Only use for content that is actually a list; use the padding classes if the content is not a list */

li.none {
	list-style-type: none;
}

/* li.hang removes bullets from <ul><li> 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: -1.3em;
}

/* padding classes for indenting text when blockquote is not appropriate; indents text by increments of 1 em */

.padding {
	padding-left: 1em;
}

.padding2 {
	padding-left: 2em;
}

.padding3 {
	padding-left: 3em;
}

.padding4 {
	padding-left: 4em;
}

.captionleft {
	text-align:left;
}

.def {
	font-weight: bold;
}

/*Class hidetext used with <label> tag in forms when there is no text to label; include text that describes for form field for text screen readers */

.hidetext {
text-indent: -9999px;
}

/*Class tspace adds padding to the <table> tag*/

.tspace {
	margin-top: 10px;
}

.tspace caption {
	padding-top: 15px;
}
/* moddate formats the text generated by javascript for the last update date */

.moddate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; margin-top:10px;
}

/*
Use moddatepad with moddate if space above the last update date is necessary. 
Usually necessary if there isn't a <p> tag immediately before the moddaate <div>. 
Use instead of <p></p>
class="moddate moddatepad"
 */

.moddatepad {
	padding-top: 12px;
}

/* footer formats the standard FHWA footer text */

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* classes for the PDF links in Notices and attachments*/
 .noticepdf {
	border: 1px solid #666;
	color: #000;
	background-color: #FFFFDD;
	width: 270px;
	float: right;
	padding: 4px;
	text-align: left;
	clear: right;
	margin: 2px;
}

.noticepdf p {
	font-size: .85em;
	padding-top: 1px;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.noticepdf .pdfsmall {
	font-size: .7em;
}

body.canceled { 
	background-image: url('/legsregs/directives/canceled.gif'); 
} 
/* end Notices PDF css */

.line {
	border-top: 1px solid #000;

}

.underline {
	border-bottom: 1px solid #000;

}

/* FEEDBACK BUTTON STYLES */

form.inline, form.inline * { display: inline; margin:0; padding:0 }

button { overflow:visible; width:auto }

button.link {

	text-align: left;
	color:#00f;
	background: none;
	margin:0;
	padding:0;
	border:#fff solid 0px;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	display:block;

			

	-moz-user-select: text;

	/* override all your button styles here if there are any others */

}

button.link span { text-decoration:underline }

button.link:hover span, button.link:focus span { color:#00f; text-decoration:none }

td.footer button.link { font-size:11px }