/* /////////////////////////////////////////////////////// font sizing ------------- */

/* Removed the background-image (04/23/07 rem) */
html,body{background-color:#fff;color:#666;
					font-family:Arial, Helvetica, sans-serif; line-height:1.1em;
					margin:0; padding:0; text-align:center; height:100%;}
/*
html,body{background-color:#fff; background-image:url(../images/background.gif);color:#666;
					font-family:Arial, Helvetica, sans-serif; line-height:1.1em;
					margin:0; padding:0; text-align:center; height:100%;}
*/

a{background-color:transparent;color:#000000;text-decoration:none} 
a:active{color:#080} 
a:hover{text-decoration:underline}

body{font-size:90%;}
html>body{font-size:96%;}

a img{border:0; text-decoration:none}
img{padding:0; margin-left:0px; display:block}

#content, #content .column-a, #content .column-ab-a, #content .column-ab-b, #content .column-ab, #content .column-abc{font-size:86%;}
/*#content td{}*/

#content h1{color:#000; font-size:120%; margin-bottom:4px; padding-left:4px;}
#content h2{font-size:120%; font-weight:100}
#content h3{font-size:86%; font-weight:bold}
#faq h2{font-size:16px; padding-top:8px; font-weight:bold; color:#7a9bc5}
#faq h3{font-size:12px; padding-top:8px;}
th,#legal,#header1 a,#cont-mast-utility,#support{font-size:8pt;}
th{color:#666666;font-size:84%}
#content h4{color:#555; font-size:94%; padding-left:4px;}
#content p {padding:4px 0}
#content a{color:#808080;}/*808080/666699/CC6600*/ /* ---------- tabs color ---------- */
#content a:hover{color:#0066cc;}

.caption{font-size:86%}	
.fontSz96proc{font-size:94%; margin-left:4px;} /* ex-CAPTION */
.heading{font-size:90%;}

/* ///////////////////////////////////// containers and boxes ------------- */ 
#content .box0{border-bottom:1px solid #ccc; padding:0; border-right:0}
.box1{background-color:#E5EBC9; padding:10px 0 6px 0; margin-bottom:8px;}
.box1 label{color:#FFFFFF;}
.box2{background-color:#6699FF; padding:10px 0 6px 0; margin-bottom:8px;}
.box2 label{color:#FFFFFF;}
.box3{ background-color:ffffff; padding:10px 0px 10px 8px; margin-bottom:8px; border:1px solid; border-color:#7a9bc5;
			 margin-top:0;}
.box3 label{color:#000;}

.box3d{ padding:10px 0px 4px 8px; margin-bottom:8px; border:1px solid #7a9bc5; margin-top:0;}
.box3d label{color:#000;}

.boxVM{ padding:8px 0px 4px 8px; margin-bottom:0px; border:1px solid #789CC5; margin-top:0;} /* vm */

.blueBox{ padding:8px 0px 4px 8px; margin:10px 15px 10px 15px; border:1px solid #789CC5;
					vertical-align:top;} /* vm */

.width-center{visible:none; margin:0 auto; width:900px;} 
.width-left{visible:none; width:900px;}
.width-right{visible:none; width:100%; text-align:right;}
#cont-body{color:#222; background-color:#fff;}
#page{text-align:left;} 

/* ///////////////////////////////////////// masthead ------------- */
#cont-mast-utility h1{font-size:9pt;color:#ffffff;padding:0;margin:0; display:none;}
#cont-mast-main{margin:0 auto;padding:0;height:53px; clear:both; background-color:#fff; background-image:url(../images/gr_stwdmaterials.jpg); background-repeat:no-repeat;} 
#cont-mast-utility{padding:0;color:#000; height:24px;line-height:150%;overflow: hidden; background-color:#fff; background-image:url(../images/header_background2.gif); background-repeat:no-repeat;} 
#cont-mast a{color:#000} 
#cont-global-nav{margin:0 auto;padding:0;} 
#support,#tasks{float:right;text-align: right;}
#utility ul{padding: 0;margin: 0; margin-left:32px; padding-top:4px;} 

/* -- home ------------- */
.masthead{visible:none; background-repeat:no-repeat; height:53px;}
.global-nav{height:25px; background-position:left; background-repeat:no-repeat;}
.mast{height:53px;}

#content input.btn{border:0; width:auto;}
#content input.button1{border:1px solid #fff; width:150px; font-weight:bold; color:#000; background-color:#D0E9A4;}
#content input.button1:hover{ background-color:#CCCC00; color:#000;}

/* //////////////////////////// navigation ------------- */

/* -- global nav ------------- 

.global-nav a{border:1px solid #000;padding:1px 0.3em 0 0.8em;}
.global-nav a:hover{color:#000;}
.global-nav span{font-size:8pt}
*/
.global-nav, .global-nav a:link, .global-nav a:visited, .global-nav a:hover{visible:none;font-size:8pt;text-decoration:none;line-height:1.6em; font-family:Arial, Helvetica, sans-serif;}
.global-nav{position:relative; text-decoration:none;}
.global-nav h2{padding:0.3em 0; font-family:Arial, Helvetica, sans-serif;line-height:1.2em; text-transform:capitalize; font-size:8pt;}
.global-nav h2 a{color:#fff;}


/* --//////////////////////////////////////// sub nav ------------- */
#sub-nav{padding:0 8px; width:135px; margin:0; float:left; height:400px; font-size:9pt; border-right:1px solid #000;} 
#sub-nav div.first, #sub-nav div.first a{visible:none;border-top:none} 
#sub-nav h2{padding:6px 0 4px 0 ; font-size:76%; font-weight:bold; display:block;}
#sub-nav a{display:block; padding:5px 0 5px 4px; border-top:1px dotted #ccc; color:#3b73b9;}
#sub-nav a:hover{ color:#a9b8df}
#sub-nav a.first{border-top:0;}
#sub-nav .vert-links{margin:0; padding:0; border:0; margin-left:10px;}
#sub-nav ul li{margin:0; padding:0; width:120px;}
#sub-nav ul ul li{margin:0; padding:0; width:120px;}
#sub-nav ul{padding:0 0 0 6px; list-style:none; border:none; font-size:90%;}
/*html>body #sub-nav ul{font-size:89%;}*/
/*
ul.parent li{ font-weight:bold;}
ul ul.children li{font-weight:normal; background-image:url(../images/arrow-right_03.gif); background-repeat:no-repeat;}
#sub-nav ul ul.children li a{padding-left:16px;}
*/

/* //////////////////////////////////////////////////////////////////////// lists ------------- */
ul,ol{ font-size:90%;} 
ol{margin:0 0 0.4em 3em;padding:0}
ul{margin:0 0 0 .75em;padding:0 0 0.5em 0.75em;} 
ul li{padding:0 0 .3em 0}

ul.type1 li{visible:none;background-image:none;border-left:1px solid #fff;display:inline;padding:0 0.6em 0 0.6em; font-size:12px; color:black;} 
ul.type1 li.first{visible:none;border-left:none;padding-left:0} 

ul.type2{float:right;}
ul.type2 li{visible:none;display:inline;padding:0 0.4em 0 0.7em; border-left:1px solid #aaa; color:black;} 
ul.type2 li.first{visible:none;background-image:none; border-left:0} 

ul.type3 li{visible:none;display:inline;padding:0 4px 0 6px; border-right:1px solid #aaa; font-size:14px; font-weight:bold; color:black;} 
ul.type3 li.first{visible:none;background-image:none; border-left:0; padding-left:0}
ul.type3 li.midd{visible:none;background-image:none; border-left:0; padding-left:0.7em}
ul.type3 li.last{visible:none;background-image:none; border-right:0}  

ul.type4 li{visible:none;display:inline;padding:0 4px 0 6px; border-right:1px solid #aaa; font-size:13px; font-weight:bold; color:black} 
ul.type4 li.first{visible:none;background-image:none; border-left:0; padding-left:0}
ul.type4 li.midd{visible:none;background-image:none; border-left:0; padding-left:6px}
ul.type4 li.last{visible:none;background-image:none; border-right:0} 

ul.typeF li{visible:none;display:inline;padding:0 4px 0 6px; border-right:1px solid #aaa;} 
ul.typeF li.first{visible:none;background-image:none; border-left:0; padding-left:0}
ul.typeF li.midd{visible:none;background-image:none; border-left:0; padding-left:6px}
ul.typeF li.last{visible:none;background-image:none; border-right:0} 

ul.crumb li{
    visible:none;
    display:inline;
    padding:0 4px 0 6px;
    font-weight:bold;
    font-size:12px}

ul.crumb li.first{
    visible:none;
    background-image:none;
    border-left:0;
    padding-left:0;
    font-size:12px}

ul.crumb li.midd{
    visible:none;
    background-image:none;
    border-left:0;
    padding-left:6px;
    font-size:12px}

ul.crumb li.last{
    visible:none;
    background-image:none;
    border-right:0;
    font-size:12px; 
    color:#000000}
 
* html .mod,* html .banner,* html #infopane{visible:none;height:1%;} /* Fix for MSIE peekaboo bug */
.clear{visible:none;clear:both; font-size:1px; padding:3px 0;}

#theContent{float:left; width:900px; text-align:left; margin-left:0;
				 background-color:#fff;
				 background-image:url(../images/adot-pf_qpl_sm.gif); background-repeat:no-repeat; background-position:top right;
				 padding-bottom:10px;}
.xcol-prodProd{width:860px; padding:4px 4px; padding-left:17px;} /* vm */


form,h1,h2,h3,h4,h5,h6,p{margin:0; padding:0} 
#content h1 {padding-left:6px; padding-top:10px;}
p{margin-bottom:0.0em; padding:5px 0px 2px 0px;}
#content p{padding-left:6px;}

/* ///////////////////////////////////////// forms ------------- */
label, input{display:block; width:180px; float:left; margin-bottom:10px; font-size:90%;}
label{text-align:right; width:140px; padding-right:10px; font-weight:bold;}

input{border:1px solid #ADA990; padding:2px 2px; margin-left:18px} /* border-top:1px solid #ADA990; border-left:1px solid #ADA990;*/
input.textbox{width:760px;}

br.clear{clear:left;}
select{float:left;}

table input{
    border:1px solid #dddddd;
    padding:1px 1px;
    border-top:1px solid #555555;
    border-left:1px solid #555555;}

table{
    width:864px;
    text-align:left; 
    margin:0 auto;}

/* color:#666; */
/* background-color:#E5E7E9; */
table th { 
    font-size:11px;
    background-image:url(../images/bkgrd_grad_03.gif);
    text-align:center;
		padding:0px 0px 0px 0px; 
    height:21px;}

table td { 
    font-size:11px; 
    background-color:#f6f6f6; 
    margin-right:0px; 
    margin-bottom:0px; 
    vertical-align:middle;
		border-bottom:1px solid #cccccc; 
    padding:0px 0px 0px 0px;}

/* management portal - main */
.ref-no{width:70px;}
.product{width:150px;}
.qpl-approved{width:60px; background-color:#E7EAEE}
.app-submitted{width:80px; background-color:#EEEEE7;}
.app-status{width:60px; background-color:#EEEEE7;}
.app-actions{width:110px; background-color:#EEEEE7;}

/* management portal - product categories */
.col-a{width:98%; height:auto; padding:4px 0px 4px 17px; background-color:#fff;}
.col-a-new{width:100%; height:auto; padding:0px 0px 0px 4px; background-color:#fff;}

.col-ab{float:left; width:46%; padding:4px 0; background-color:#fff;}
.col-ab-a{float:left;width:420px; padding:4px 0; padding-left:20px; background-color:#fff;} 
.col-ab-b{float:left;width:420px; padding:4px 0; padding-left:20px; background-color:#fff;}
/* */
.col-cont{width:880px; background-color:#fff;}

.prod-categ div{font-size:11px; float:left; border-right:1px solid #ccc; border-bottom:1px dotted #ccc;
								padding:1px 1px 1px 1px; height:20px;}
.prod-cat{width:270px; vertical-align:middle;}
.prod-subcat{width:270px; vertical-align:middle;}
.prod-basecat{width:270px; vertical-align:middle;}
.prod-action{width:23px; text-align:center; vertical-align:middle; border-bottom:0px dotted #ccc;}

.prod-cat-select{font-size:11px;}
.prod-cat-input{display:block; width:250px; float:left; margin:0px; border:1px solid #ADA990;
								padding:1px 0px 1px 2px; font-size:11px;}

/* management portal - applications */
.app-refNo{width:80px;}
.app-prod{width:250px;}
.app-submit{width:130px;}
.app-status{width:290px;}
.app-actions{width:100px; background-color:#EEEEE7;}

.appW-refNo{width:80px;}
.appW-prod{width:175px;}
.appW-3categ{width:315px;}
.appW-manuf{width:150px;}
.appW-repres{width:150px;}

.appW-agency {width:90px;}
.appW-specif {width:155px;}
.appW-report {width:155px;}
.appW-testOn {width:70px;}
.appW-file {width:150px;}
.appW-action {width:30px; background-color:#EEEEE7; text-align:center}

.appW-prodNotes{width:550px;}
.appW-prodDate{width:80px;}
.appW-prodFrom{width:95px;}
.appW-prodTo{width:95px; border-right:0;}

.appEd-refNo {width:80px;} /* used for New Application too */
.appEd-prod {width:175px;}
.appEd-3categ {width:315px;}
.appEd-manuf {width:150px;}
.appEd-repres {width:150px;}

.appEd-agency {width:90px;}
.appEd-specif {width:160px;}
.appEd-report {width:160px;}
.appEd-testOn {width:70px;}
.appEd-file {width:200px;}
.appEd-action {width:30px; background-color:#EEEEE7; text-align:center}

.appEd-specifications div{font-size:11px;float:left; margin-right:1px; margin-bottom:1px; background-color:#f9f9f9;
				padding:1px 4px; height:20px}
.appEd-specDescr{width:110px;}
.appEd-specInfo{width:320px;}
.appEd-specExplic{width:400px;}

.appEd-specifications select{font-size:11px;}
.appEd-specifications input{display:block; width:100px; float:left; margin:0; font-size:11px; border:1px solid #ADA990;
				padding:2px 2px;}

.appEd-prodNotes{width:550px;}
.appEd-prodDate{width:80px;}
.appEd-prodFrom{width:95px;}
.appEd-prodTo{width:95px; border-right:0;}

.lData {width:180px; border:1px solid #a0a0a0; margin-left: 17px; text-align:left; padding-left:7px; font-weight:normal;}

.prd-refno{width:105px;}
.prd-prdName{width:200px;}
.prd-approved{width:75px; background-color:#E7EAEE}
.prd-expires{width:75px; background-color:#E7EAEE}
.prd-status{width:45px; background-color:#E7EAEE; text-align:center}
.prd-actions{width:55px; background-color:#E7EAEE; text-align:center}
.prd-appSubmit{width:75px; background-color:#EEEEE7;}
.prd-appStatus{width:55px; background-color:#EEEEE7; text-align:center}
.prd-appActions{width:110px; background-color:#EEEEE7; text-align:center}

.prdAdd-refNo{width:85px;}
.prdAdd-partNo{width:85px;}
.prdAdd-prdName{width:125px;}
.prdAdd-3categ{width:315px;}
.prdAdd-prdActions{width:45px;}
.prdAdd-appActions{width:110px;}

/* management portal - inactivate product */
.prdInact-refNo {width:70px;}
.prdInact-prod {width:185px;}
.prdInact-3categ {width:315px;}
.prdInact-manuf {width:150px;}
.prdInact-repres {width:150px;}

/* management portal - products */
.prod-product{width:350px;}
.prod-category{width:310px; background-color:#E7EAEE}


.cat-cat{width:270px;}
.cat-subcat{width:270px;}
.cat-basecat{width:270px;}
.cat-remove{width:29px; text-align:center;}

/* management portal - QPL */
.qpl-refno{width:60px;}
.qpl-manName{width:175px;}
.qpl-prdName{width:175px;}
.qpl-category{width:290px;}
.qpl-expires{width:60px; background-color:#E7EAEE;}
.qpl-actions{width:45px; background-color:#E7EAEE; text-align:center}

/* management portal - coordinator */
.coor-name{width:200px;}
.coor-email{width:200px;}
.coor-phone{width:110px;}
.coor-actions{
    width:90px;
    background-color:#EEEEE7;}

/* management portal - permit managers */
.man-name{width:200px;}
.man-email{width:200px;}
.man-phone{width:110px;}
.man-actions{
    width:90px;
    background-color:#EEEEE7;}

/* messages display - main index.cfm */
/* color:#7C3E20 = auburn */
/* removed font-weight:bold; */
.mess-main{
    text-align:center; 
    font-size: 16pt;
    color:#7C3E20;
    text-decoration:none;
    margin-top:0px;
    margin-bottom:0px;}

/* disciplines - coordinator */
.disc-desc{width:120px;}
.disc-type{width:555px;}
.disc-value{width:200px;}
.disc-req{width:125px;}
.disc-error{width:150px;}
.disc-actions{width:90px; background-color:#EEEEE7;}
.disc-input{display:block; width:250px; float:left; margin:0px; border:1px solid #ADA990; padding:1px 0px 1px 2px;}

/* messages portal - coordinator */
.mess-message{width:500px;}
.mess-display{width:60px;}
.mess-msg{width:235px;}
.mess-req{width:125px;}
.mess-error{width:75px;}
.mess-actions{width:90px; background-color:#EEEEE7;}
.mess-input{display:block; width:350px; float:left; margin:0px; border:1px solid #ADA990; padding:1px 0px 1px 2px;}

/* 
    The checkbox was getting massive padding on the left side
    about 10 spaces wide. Cloned code from input.input1 
    definition in request.css.
*/
.mess-checkbox{display:inline; float:none; padding:2px; margin:0; border:1px solid #ddd; width:auto;}

/* management portal - evaluator */
.eval-name{width:255px;}
.eval-expert{width:150px;}
.eval-email{width:255px;}
.eval-phone{width:110px;}
.eval-actions{
    width:80px;
    background-color:#EEEEE7;}

/* management portal - materials engineer */
.mate-name{width:330px;}
.mate-email{width:330px;}
.mate-phone{width:110px;}
.mate-actions{
    width:80px;
    background-color:#EEEEE7;}

/* management portal - organization, company, ... */
.manu-name{width:330px;}
.manu-website{width:330px;}
.manu-phone{width:110px;}
.manu-actions{
    width:80px;
    background-color:#EEEEE7;}

/* management portal - representative (so named "Manufacturer" */
.repr-company{width:190px;}
.repr-name{width:190px;}
.repr-admin{width:45px; text-align:center}
.repr-email{width:240px;}
.repr-phone{width:105px;}
.repr-actions{
    width:80px;
    background-color:#EEEEE7;}

/* management portal - edit user */
/* 125 + 290 + 90 + 235 + 90 = 830 */
.creUser-label{width:125px;}
.creUser-value{width:290px;}
.creUser-req{width:90px;}
.creUser-msg{width:235px;}
.creUser-actions{
    width:90px;
    background-color:#EEEEE7;}
.creUser-input{
    display:block;
    width:250px; float:left;
    margin:0px; 
    border:1px solid #ADA990;
    padding:1px 0px 1px 2px;
    font-size:11px;}
.creUser-radio{
    display:inline;
    float:left;
    background-color:#ffffff;
    margin:0px;
    border:1px solid #cccccc;
    padding:1px 0px 1px 2px;}
.creUser-select{font-size:11px;}

/* management portal - view user */
.viewUser-label{width:220px;}
.viewUser-value{width:585px;}
.viewUser-actions{
    width:90px; 
    background-color:#EEEEE7; 
    text-align:center;}

/* management portal - edit user */
.ediUser-label{width:130px;}
.ediUser-value{width:300px;}
.ediUser-req{width:90px;}
.ediUser-msg{width:225px;}
.ediUser-actions{width:90px; background-color:#EEEEE7; text-align:center;}
.ediUser-input{display:block; width:250px; float:left; margin:0px; border:1px solid #ADA990; padding:1px 0px 1px 2px;
							 font-size:11px;}
.ediUser-select{font-size:11px;}

/* management portal - delete user */
.delUser-label{width:200px;}
.delUser-value{width:350px;}
.delUser-actions{
    width:90px; 
    background-color:#EEEEE7; 
    }

/* management portal - edit inspector */
.ediInspector-label{width:110px;}
.ediInspector-value{width:275px;}
.ediInspector-req{width:145px;}
.ediInspector-error{width:125px;}
.ediInspector-msg{width:235px;}
.ediInspector-actions{width:90px; background-color:#EEEEE7; text-align:center;}
.ediInspector-input{display:block; width:250px; float:left; margin:0px; border:1px solid #ADA990; padding:1px 0px 1px 2px;font-size:11px;}
.ediInspector-select{font-size:11px;}
.ediInspector-checkbox{display:inline; float:none; padding:2px; margin:0; border:1px solid #ddd; width:auto;}

/* management portal - delete user */
.delInspector-label{width:220px;}
.delInspector-value{width:585px;}
.delInspector-actions{width:45px; background-color:#EEEEE7; text-align:center;}

/* vm */
.prodProd div{font-size:11px; float:left; margin-right:1px; margin-bottom:1px; background-color:#f3f3f3;
						 padding:2px 2px 2px 2px; height:18px; }
.prodProd-man{width:150px;}
.prodProd-name{width:150px;}
.prodProd-3cat{width:300px;}
.prodProd-ref{width:70px;}
.prodProd-manNo{width:80px;}
.prodProd-status{width:40px; text-align:center; background-color:#e3e3e3; font-weight:bold; color:#333;}
.prodProd-1act{width:35px;}
/* vm */
 
/* vm */
.manProd div{font-size:11px; float:left; margin-right:1px; margin-bottom:1px; background-color:#f3f3f3;
						 padding:2px 2px 2px 2px; height:18px; }
.manProd-man{width:150px;}
.manProd-name{width:150px;}
.manProd-3cat{width:300px;}
.manProd-ref{width:70px;}
.manProd-manNo{width:80px;}
.manProd-status{width:40px; text-align:center; background-color:#e3e3e3; font-weight:bold; color:#333;}
.manProd-1act{width:35px;}
#alphaSearch input {padding:1px 1px 1px 1px; background-color:#789CC5; width:10px; text-align:center; font-weight:bold;
					        color:#FFFFFF; cursor:default; margin:1px;}
/* vm */

/* vm */
.qplProd div{font-size:11px; float:left; margin-right:1px; margin-bottom:1px; background-color:#f3f3f3;
						 padding:2px 2px 2px 2px; height:18px; }
.qplProd-ref{width:70px;}
.qplProd-man{width:140px;}
.qplProd-name{width:145px;}
.qplProd-3cat{width:300px;}
/*.qplProd-manNo{width:80px;}*/
.qplProd-expire{width:75px;}
.qplProd-status{width:40px; text-align:center; background-color:#e3e3e3; font-weight:bold; color:#333;}
.qplProd-2act{width:50px; text-align:center;}
/* vm */

/* ///////////////////////////////////////// footer ------------- */
#footer{padding:0 0 0 0; clear:both; background-color:#fff; height:30px; background-position:bottom; background-repeat:no-repeat}
#legal{ border-top:1px solid #ffcc00; margin:0 16px; background-image:url(../images/DOTPF-Seal-footer2.jpg); background-repeat:no-repeat; background-position:top right; height:30px; padding-right:30px; padding-top:3px; text-align:center}
#legal li a{color:#555}

.myNormal{display:inline; font-size:11px; font-weight:normal; color:#000000; text-decoration:none; }

.myBold{display:inline; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; }