/* CSS Document */
html,body {
	PADDING: 0px; MARGIN:0px; height: 100%; font-family:"Roboto",sans-serif,Verdana,Arial; line-height:1.8em;  background:#ffffff;
}
#wrap {
	position:relative;
	min-height:100%;
	WIDTH: 100%;   
	margin-left:auto; /* CENTER IT */
	margin-right:auto; /* CENTER IT */
	background:#fff;
	overflow:hidden;
}

#header {
	clear:both; width: 100%; max-width:1000px; margin: 0 auto; padding:5px 0; height:60px;
}
#topStripe {
	background:#6b6b6b;
	width:100%;
	color:#fff;
	font-family:'Roboto',Verdana, sans-serif, Arial; FONT-SIZE: 12px;
	overflow:hidden;
}
#logo	{
	float:left; width:300px; height: 55px; margin:5px 0 0 0; padding: 5px 0 0 0; text-align:left; 
}
.dkBlue { color:#0000a4; font-size: 36px; font-weight:bolder; 
}
.ltBlue { color:#3366ff;font-size: 36px; font-weight:bolder;
}
.tagline { padding-top:5px;color: #7f7f7f; font-size: 16px;  font-weight:bolder; text-align:center; 
}
#taglineHome{
	float:right;  text-align:center; color:#0033cc ; font-size: 18px; font-weight:bold;  letter-spacing:normal;padding-top:50px;
}
#tagline{
	float:right; color:#0033cc ; width:400px; font-size: 18px; font-weight:bold;  letter-spacing:normal; text-align:center; 
}
#tagline .small {font-size:12px;}
#tagline2{
	width:1000px; text-align:center; color:#0033cc ; padding-top:50px; font-size: 18px; font-weight:bold;  letter-spacing:normal;
}
#taglineFlags {
		 float:right; width:100px; top: 0px; margin: 30px auto 0 auto; font-size:9px; text-align:right;
}
#topLinks {
	float:right; PADDING: 5px; MARGIN: 50px 40px 0px 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: right;
}
#topLinks LI {
	 DISPLAY: inline; margin: 2px; padding:5px;
}
.videoBorder{
	width:640px; height:360px;
	border:1px solid grey;}
.videoBorderArct{
	float:left; width:640px; height:360px;
	border:1px solid grey;}
#homeLoginAdmin { 
	background:#6b6b6b;
	width:100%;
	color:#fff;
	font-family:'Roboto',Verdana, sans-serif, Arial; FONT-SIZE: 12px;
	overflow:hidden;
}
div#homeLoginAdmin a:link {	COLOR: #fff; TEXT-DECORATION: none; }
div#homeLoginAdmin a:active{ color: #ccc; text-decoration: underline;   }
div#homeLoginAdmin a:visited {	COLOR: #fff; TEXT-DECORATION: none;   }
div#homeLoginAdmin a:hover { COLOR: #ccc; TEXT-DECORATION: underline;  }
#homeLoginAdmin{
}
#homeLoginAdminEmailError {
	position:relative;
	margin: 0 auto 0 auto;
	padding:5px;
	width: 80%;
	top:0px;
	text-align:center;
	z-index:999999;
	color:#000000;
	font-weight:100;
	line-height:normal;
}
#homeLoginUser {
	background:#6b6b6b;
	width:100%;
	color:#fff;
	font-family:'Roboto', sans-serif, Verdana, Arial; FONT-SIZE: 14px;
	font-weight:bold;
	clear:both;
}
#homeLoginUserEmailError {
	position:relative;
	width:100%;
	height:auto;
	margin: 0 auto 0 auto;
	padding:2px 0 2px 0;
	text-align:center;
	z-index:999999;
	color:#000000;
	font-weight:100;
	line-height:normal;
	background:#ffffff;
}
div#homeLoginUserEmailError  a:link {	COLOR: #2E74B5; TEXT-DECORATION: none; }

.directorycontainer {width:100%; height:auto; overflow:hidden; padding:10px; border:1px #ccc solid;}
.directorycolumn {width:50%; float:left;}
.directorysearchcontainer {width:600px; margin: 0 auto;}
.directorysearch {width:600px; overflow:hidden; border:1px #ccc solid; border-radius:5px; padding:10px; position: relative; display:table;}
.directorysearchflag {width:71px; margin:1px; display: table-cell;   vertical-align: middle; }
.directorysearchcode {width:110px;margin:1px;  display: table-cell;   vertical-align: middle; }
.directorysearchzip {width:190px;margin:1px; display: table-cell;   vertical-align: middle; }
.directorysearchdropdown{width:143px;margin:1px; display: table-cell;   vertical-align: middle; }
.directorysearchbutton{width:80px;margin:1px;  display: table-cell;   vertical-align: middle; text-align:left; }

/* PUBNAV BAR */
#pubnav {
	clear:both; 	
	width:100%;
	min-height:40px;
	padding:10px 0 0 0;
	background:#fff;
	z-index:9999;
	margin: 0 auto 0 auto; 
	color:#666;
	text-align: center;
	line-height:normal;
}

#pubnav ul ul {
	display: none;
}

#pubnav ul li:hover > ul {
	display: block;
}


#pubnav ul {
	height:40px;
	margin: 0;
	list-style: none;
	position: relative;
	display: inline-table;
	line-height:normal;
	padding-inline-start: 0;
	
}
#pubnav ul:after {
	content: ""; 
	clear: both; 
	display: block;
	}

#pubnav ul li {
	float: left;
	margin:0 2px 0 2px !important;
	padding: 0 2px 0 2px;
	text-align:left !important;
	list-style-position:center; 	
	

	}
#pubnav ul li:hover {
	background: #6b6b6b;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
#pubnav ul li:hover a {
	color: #fff;
	background: #6b6b6b;
	}
		
#pubnav ul li a {
	display: block; 
	padding: 7px 30px;
	color: #666; 
	text-decoration: none;
	
}
				
#pubnav ul ul {
	padding: 0;
	margin:0;
	position: absolute; 
	top: 100%;
	z-index:9999;
	list-style-type:none;
	background-color:#6b6b6b; 
}
#pubnav ul ul li {
	background-color: #6b6b6b; 
	float: none; 
	position: relative;
	margin:0;
	padding: 0;
	text-align:left;
	
}
#pubnav ul ul li a {
	padding: 5px 0px 5px 10px;
	color: #fff;
	background-color: #ccc; 
	text-align:left;
	
}	
#pubnav ul ul li a:hover {
	color: #6b6b6b;
	background-color: #ccc; 
}
		
#pubnav ul ul ul {
	position: absolute; left: 100%; top:0;
}
/* END NAV BAR */


/* NAV BAR */
#nav {
	clear:both; 	
	width:100%;
	min-height:40px;
	padding:10px 0 0 0;
	background:#fff;
	z-index:9999;
	margin: 0 auto 0 auto; 
	color:#666;
	text-align: center;
	line-height:normal;
}

#nav ul ul {
	display: none;
}

#nav ul li:hover > ul {
	display: block;
}


#nav ul {
	max-width:100%;
	margin: 0;
    padding:0;
	list-style: none;
	position: relative;
	display: inline-table;
	line-height:normal;
	font-size:14px;
}
#nav ul:after {
	content: ""; 
	clear: both; 
	display: block;
	}

#nav ul li {
	float: left;
	margin: 0 10px!important ;
	padding: 0 20px;
	text-align:center !important;
	list-style-position:center; 

	}
#nav ul li:hover {
	background: #6b6b6b;

}
#nav ul li:hover a {
	color: #fff;
	background: #666;
	}
		
#nav ul li a {
	display: block; 
	padding: 7px 0 7px 0;
	color: #666; 
	text-decoration: none;
	text-align:center; 
}
				
#nav ul ul {
	margin: 0 0 0 -20px !important;
	padding: 0 0 7px 0;
	position: absolute;
	top: 100%;
	z-index:9999;
	list-style-type:none;
	background-color:#666; 
}
#nav ul ul li {
	float: none; 
	position: relative;
	margin:3px 0 !important;
	padding: 0 !important;
	text-align:left;
	font-size:11px;	
}
#nav ul ul li a {
	padding: 5px  !important;
	color: #fff;
	text-align:left;	
}	
#nav ul ul li a:hover {
	color: #000;
	background-color: #ccc; 
}
#nav ul ul li.projectSubMenu a {
	padding: 5px 3px;	
}
		
#nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

#nav ul ul li.bids { width:87px;}
#nav ul ul li.projects { width:106px;}
#nav ul ul li.adminarc { width:144px;}
#nav ul ul li.admingensub { width:145px;}
/* estimatorNav BAR */
#estimatorNav {
	clear:both; 	
	width:100%;
	min-height:40px;
	padding:10px 0 0 0;
	background:#fff;
	z-index:9999;
	margin: 0 auto 0 auto; 
	color:#666;
	text-align: center;
	line-height:normal;
}

#estimatorNav ul ul {
	display: none;
}

#estimatorNav ul li:hover > ul {
	display: block;
}


#estimatorNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	display: inline-table;
	line-height:normal;
	
}
#estimatorNav ul:after {
	content: ""; 
	clear: both; 
	display: block;
	}

#estimatorNav ul li {
	float: left;
	
	margin:0 !important;
	text-align:center !important;
	list-style-position:center; 	
	

	}
#estimatorNav ul li:hover {
	background: #6b6b6b;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
#estimatorNav ul li:hover a {
	color: #fff;
	background: #6b6b6b;
	}
		
#estimatorNav ul li a {
	display: block; 
	padding: 7px 0;
	color: #666; 
	text-decoration: none;
	text-align:center; 
}
				
#estimatorNav ul ul {
	padding: 0;
	margin:0;
	position: absolute; 
	top: 100%;
	z-index:9999;
	list-style-type:none;
	background-color:#6b6b6b; 
	min-width:170px; 
}
#estimatorNav ul ul li {
	background-color: #6b6b6b; 
	float: none; 
	position: relative;
	margin:0;
	padding: 0;
	text-align:left;
	
}
#estimatorNav ul ul li a {
	padding: 5px 0px 5px 10px;
	color: #fff;
	background-color: #ccc; 
	text-align:left;
	
}	
#estimatorNav ul ul li a:hover {
	color: #6b6b6b;
	background-color: #ccc; 
}
#estimatorNav ul ul li.projectSubMenu a {
	padding: 5px 0px 5px 50px;
	
}

		
#estimatorNav ul ul ul {
	position: absolute; left: 100%; top:0;
}
.topMenu { font-family:'Roboto', sans-serif, Verdana, Arial; font-size:12px;   FONT-WEIGHT: bolder; display: block; 
	padding: 7px 0;
	color: #fff; 
	text-decoration: none;
	text-align:center; }
.topMenu:hover { color:#ccc;   FONT-WEIGHT: bold; 	background: #6b6b6b;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);}

/* END NAV BAR */
#homePhotoWrap{
	width:100%;
	background:linear-gradient(0deg,rgba(9,42,106,0.7),rgba(46,116,181,0.5)),url(https://exbidite.build/images/iStock-1018805324.jpg);
	background-size: cover;
	overflow:hidden;
	padding: 30px 0 0 0;
}

#homePhoto {
	clear:both;
	position:relative;
	width:100%;
	max-width:950px;
	min-height:340px;
	margin: 0 auto;
	padding: 60px 0 0 0;
	overflow:visible;
	text-align:center;
	color:#fff;
}
#homePhoto H2 {
	margin:10px auto 0 auto;
	padding: 80px 0 10px 0;
	font-size:44px;
	line-height:normal;
	color:#fff !important;
	font-weight: 400 !important;
	font-family:"Roboto", sans-serif,verdana, arial;	
}
#mainHome	{
	clear:both;
	position:relative;
	width:100%;
	max-width:1000px; 
	margin:0 auto 10px auto;; 
	padding: 15px 0px 40px 0px;
	font-family:'Roboto', sans-serif,verdana, arial;
	overflow:hidden;
	
}
#main	{
	clear:both;
	position:relative;
	width:95%;
	max-width:930px; 
	margin:30px auto ; 
	padding-bottom:50px;
	font-family:'Roboto', sans-serif,verdana, arial;
}
#mainTextBox {
	width:95%;
	max-width:900px; 
	margin: 0 auto 20px auto;
	text-align:center;
}
#mainTextBoxGrey {
	width:95%;
	border: 1px #ccc solid;
	background:#E6E6E6;
	padding:20px;
	text-align:left;
	margin-top:30px;
}
#headerprojects { }
#flags {float:right; }
#sideBar { 
	FLOAT: right; WIDTH: 170px; MARGIN:50px 0px 20px 50px; PADDING:0px; min-height:100%;}

#projectContainer	{
	text-align:center; width:630px; min-height:500px; BORDER: #90908f 1px solid;  margin: auto; 
	}	
#projectContainerBlue	{
	text-align:center; width:100%; min-height:500px; margin: auto; 
	}	
	
#projects	{
	position:relative; width:100%;margin: 0;
}
#projectsLarge	{
	position:relative; width:100%;  margin: 0; padding:0px;
}
#projectsDetails	{
	width:auto; height:auto;  padding:30px; overflow:hidden;
}
#projectFooter { width:100%; margin: 10px 0 0 0; color: #2E74B5; 
}
#projectsDoNotDuplicateBox {width: 100%; height:auto; margin: -10px auto 10px auto; text-align:center; color:#ff0000; font-weight:bold;}
#projectsReportDuplicatesBox { width:200px; height:auto; position:absolute; left:785px; top:15px; text-align:left; }
#quickLinkBox {  width:100%; margin:0 auto 0 auto; text-align:center; padding: 0; }
.quickLinkBoxLink {display:inline-block;}
.quickLinkBoxLink a:link {TEXT-DECORATION: none; display: inline-block; min-width:18px; float:left; border:1px #cccccc solid; line-height:1.6em !important;  }
.quickLinkBoxLink a:active{ color: #ffffff; background-color:#999999; text-decoration: none;   }
.quickLinkBoxLink a:visited {TEXT-DECORATION: none; display:block; min-width:18px; float:left; border:1px #cccccc solid; }
.quickLinkBoxLink a:hover { COLOR: #ffffff; background-color:#999999; TEXT-DECORATION: none;  }
.quickLinkBoxLink a:link.allLink {min-width:30px;}
#quickLinkBox.quickLinkBox2 {  font-size:95%; margin:0 auto 10px auto;   }
#quickLinkBox.quickLinkBox3 {  font-size:95%; margin:0 auto 10px auto;   }
#quickLinkBox.quickLinkBox4 { font-size:95%; margin:0 auto 10px auto;  }
.biddate {  padding: 0 2px; }
div#quickLinkBox a:link.selectedLink {color: #ffffff; background-color:#999999;  }
div#quickLinkBox a:visited.selectedLink {color: #ffffff; background-color:#999999;  }
#footer {
	clear:both;
	width:100%; 
	position:absolute;
	bottom:0;
	height:50px;
	margin-left:auto; /* CENTER IT */
	margin-right:auto; /* CENTER IT */
	background:#6b6b6b;
}
#footerCredits {
	CLEAR:both; width:950px;  padding:15px 0 0 0; line-height:normal; color: #fff; 
	margin:0 auto; font-size:12px;
}
#footerCreditsLeft	{
	 float:left; text-align:left; margin:0; padding:0;
	}
#footerCreditsRight	{
	float:right;  text-align:right; width:50%; margin:0; padding:0;
	}
#submitButtonCentered { width:225px; text-align:left;}
#submitButtonPasswordCentered{ width:100px; text-align:center;}
#submitButtonEmailCentered{ width:165px; text-align:center;}
#submitButtonTextCentered{ width:300px; text-align:center;}
div#footer a:link {	COLOR: #fff; TEXT-DECORATION: none; }
div#footer a:active{ color: #ccc; text-decoration: underline;   }
div#footer a:visited {	COLOR: #fff; TEXT-DECORATION: none;   }
div#footer a:hover { COLOR: #ccc; TEXT-DECORATION: underline;  }

#rightMessage { float:right;}
.centerMessage { text-align:center; margin:0 auto 0 auto; width:100%;}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: square;line-height:22px;
}
li {
	list-style-position:outside; 	text-align:left; 	margin-left:14px; 
}
.directoryText {FONT-SIZE: 98%; }
.text { FONT-SIZE: 14px; line-height:22px; color: #000;}
.smalltext {FONT-SIZE: 85%;   line-height:normal; }
.xsmalltext {FONT-SIZE: 75%;   line-height:normal; }
.largetext {FONT-SIZE: 118%; FONT-WEIGHT: bold; COLOR: #333;}
.box 	{padding: 8px; margin:2px;  BORDER: #371B41 1px dotted; }
.normalLineHeight {padding:10px 0 0 0; line-height:normal; }
.home16 { font-size:24px; color: #666; }
.home11 {font-size:16px; color: #666; }
.home24 {font-size:36px; color: #666; line-height:65px; }
.tagHeader { font-size:22px; color: #666;  margin-bottom:10px}
.tagSmall {font-size:12px; color: #666; }

.viewLink {margin:2px 0 0 0;}
a:link {	COLOR: #2E74B5; TEXT-DECORATION: none; }
a:active{ color: #666; text-decoration: none;   }
a:visited {	COLOR: #2E74B5; TEXT-DECORATION: none;   }
a:hover { COLOR: #666; TEXT-DECORATION: none;  }

a.top:link {    color:#fff; TEXT-DECORATION: none; font-family:'Roboto', sans-serif, Verdana, Arial; font-size:16px;   }
a.top:visited {color:#fff;  }
a.top:hover { color:#ccc;   }

a.underline:link {	COLOR: #2E74B5; TEXT-DECORATION: underline; }
a.underline:active{ color: #666; text-decoration: underline;   }
a.underline:visited {	COLOR: #2E74B5; TEXT-DECORATION: underline;   }
a.underline:hover { COLOR: #666; TEXT-DECORATION: underline;  }

a.button:link {	TEXT-DECORATION: none; font-family:'Roboto', sans-serif, Verdana, Arial; font-size: 0.9em; background-color: #2E74B5;  color: #fff;  margin-left: 12px; margin-top: 3px; margin-bottom: 2px; padding:5px; border:1px solid #333;  text-transform:uppercase; FONT-WEIGHT: bold;
}
a.button:active{ background: #fff; color:#2E74B5;  TEXT-DECORATION: none;    }
a.button:visited {	background: #2E74B5; color:#fff; TEXT-DECORATION: none;   }
a.button:hover { background: #fff; color:#2E74B5;  TEXT-DECORATION: none;  }

a.userButton:link {	background: #2E74B5; color:#fff; TEXT-DECORATION: none; font-size: 1.0em;  margin: 0 10px 0 0; padding:5px;FONT-WEIGHT: bold; }
a.userButton:active{    }
a.userButton:visited {	background: #2E74B5; color:#fff;  FONT-WEIGHT: bold; }
a.userButton:hover { background: #fff; color:#2E74B5; FONT-WEIGHT: bold; }

a.userButtonSmall:link {	background: #2E74B5; color:#fff; TEXT-DECORATION: none; font-size: 0.9em;  margin: 0 3px 0 0; padding:5px;border:1px #fff solid; }
a.userButtonSmall:active{  text-decoration: none;   }
a.userButtonSmall:visited {	background: #2E74B5; color:#fff;border:1px #fff solid;   }
a.userButtonSmall:hover { background: #fff; color:#2E74B5; border:1px #2E74B5 solid; }

a.userButtonSmallProject:link {	background: #2E74B5; color:#fff; TEXT-DECORATION: none; font-size: 0.9em;  margin: 0 0 0 3px; padding:5px;border:1px #fff solid; }
a.userButtonSmallProject:active{  text-decoration: none;   }
a.userButtonSmallProject:visited {	background: #2E74B5; color:#fff; border:1px #fff solid;  }
a.userButtonSmallProject:hover { background: #fff; color:#2E74B5; border:1px #2E74B5 solid; }

a.userButtonSmallCurrentProjects:link {	color:#2E74B5; TEXT-DECORATION: none; font-size: 11px;  margin: 0 0 0 2px; padding:2px;border:1px #ccc solid; FONT-WEIGHT: bold; }
a.userButtonSmallCurrentProjects:active{  text-decoration: none;  FONT-WEIGHT: bold;  }
a.userButtonSmallCurrentProjects:visited {	 color:#2E74B5;  FONT-WEIGHT: bold;border:1px #ccc solid;   }
a.userButtonSmallCurrentProjects:hover { background: #fff; color:#000; border:1px #e2e2e2 solid; FONT-WEIGHT: bold; }

a.footer:link { color: #2E74B5; text-decoration: none;    }
a.footer:active{ color: #2E74B5; text-decoration: none;}
a.footer:visited { color: #2E74B5; text-decoration: none;   }
a.footer:hover{ color: #2E74B5; text-decoration: underline;   }

a.black:link { color: #000000; text-decoration: none;    }
a.black:active{ color: #2E74B5; text-decoration: none;}
a.black:visited { color: #000000; text-decoration: none;   }
a.black:hover{ color: #2E74B5; text-decoration: underline;   }

H1 {font-family:'Roboto',sans-serif,Verdana,Arial; COLOR: #6B6B6B; margin: 0 0 20px 0; font-size: 160%; line-height:normal; }
H2 {font-family:'Roboto',sans-serif,Verdana,Arial;COLOR: #2E74B5; margin: 5px 0 0 0; font-size: 140%;  }
H3 {font-family:'Roboto',sans-serif,Verdana,Arial;COLOR: #2E74B5; margin: 5px 0 0 0; font-size: 120%; }

H1.textTitle {font-family:'Roboto',sans-serif,Verdana,Arial;COLOR: #2E74B5; margin: 0; font-size: 180%; line-height:normal; }
.header {FONT-WEIGHT: bold; font-size: 25%;COLOR: #2E74B5; line-height: normal;  }
.blink {text-decoration:blink; color:#ff0000;}
.smallText {font-size:14px;}
.gray {COLOR: #90908f; }
.white {color:#ffffff;}
.black {color:#000000;}
.noScreen {display:none;}
TABLE { page-break-inside:auto }
TR { page-break-inside:avoid; page-break-after:auto }
   
TABLE.TableHeader {margin: 0 10px 0 -5px;   }
TABLE.TableOutlineNoPad {BORDER: #90908f 1px solid; border-radius:5px;  padding:0px; margin: 0px;  }
TABLE.TableOutline {BORDER: #90908f 1px solid; border-radius:5px;  padding:10px; margin: 0px; width:100%; }
TABLE.TableOutline TD {padding:3px; }
TABLE.TableOutlineVariableWidth {BORDER: #90908f 1px solid; border-radius:5px;  padding:1px; margin: 0px; }
TABLE.TableOutlinePop {width:90%; BORDER: #90908f 1px solid; border-radius:5px;  padding:1px; margin: 0px; }
TABLE.TableOutlineNoSpacing {padding: 1px; margin:0;  BORDER: #90908f 1px solid;border-radius:5px; }
TABLE.TableOutlineShaded {width:100%; padding: 8px; margin:5px 5px 30px 5px;  BORDER: #90908f 1px solid;border-radius:5px;  background:#e2e2e2;  }
TD.outline {BORDER: #90908f 1px solid;border-radius:5px; padding:3px; }
TD.outlinePad {BORDER: #90908f 1px solid; border-radius:5px; padding:10px; }
TD.cell {BORDER: #90908f 2px solid;border-radius:5px;  }
TD.menu {}
TD {}
TD.pad {padding: 20px;}
TD.padRight {padding: 20px;}
TD.color1 {background: #f1f1f1;}
TD.color2 {background: #e2e2e2;}
TD.color3 {background: #ffffff;}
TD.form {
	text-align: center;
	font-weight: bold
}
td.dkgray {COLOR: #333; font-weight:bold; background:#ccc; }

TD.formleft {background: #e2e2e2; text-align: left; font-weight: bold }
#qualificationform td {color: #000;}
#qualificationform input { margin: 5px 0 5px 3px;}

.notificationBlue {color:#2E74B5; text-size: 16px;}
.errorForm {color: #ff0000;  }
.errorFormInput { }
.errorFormInputSmall { color:#000; font-size: 0.8em}
.smalltextInput { FONT-SIZE: 8px; }
.FormInputInstructions{ font-weight:normal; color: #333333}

input	{ color: #666; border: 1px solid #90908f; border-radius:3px; margin-left: 1px;margin-right: 1px; font-family:'Roboto', sans-serif, Verdana, Arial;  padding:2px 5px;}
input:focus{   outline:none;  }
  
input.textbox {  min-width:300px; padding:2px 5px;}
input.textboxNoSize { font-family: 'Inconsolata', monospace, Verdana, sans-serif, Arial; font-weight: 400; font-size:14px;  }
textarea.textboxNoSize { font-family:'Inconsolata', monospace, Verdana, sans-serif, Arial; font-weight: 400; font-size:14px; margin: 0  }
input.textboxProjectSearch {  width:200px; background-color: #ffffff;  color: #666; border: 1px solid #90908f; margin-left: 1px;margin-right: 0px; font-family:'Roboto', sans-serif, Verdana, Arial; FONT-SIZE: 12px; }
input.textboxSMALL {	width:175px;  }
input.textboxZip {	width:90px;  }
input.textboxXSmall{  width:50px;  }
input.textboxPhone {	width:105px;  }
input.textboxPassword{width:100px;  }
input.textboxZipcode{  width:65px;  }
input.textboxHome {	width:225px;  height:20px;  font-size: 12px;}
input.textboxProjectNumber{  width:150px;  }
input.textbox45{  width:350px;  }

textarea.small { border:1px solid #90908f; width:500px;  font-family:'Roboto', sans-serif, Verdana, Arial; FONT-SIZE: 12px;}
textarea {border:1px solid #90908f; width:630px; min-height:100px;  font-family:'Roboto', sans-serif, Verdana, Arial; FONT-SIZE: 12px;}
opxion { border: 1px solid #90908f;  font-family:'Roboto', sans-serif, Verdana, Arial;  } 
select { border: 1px solid #90908f;  font-family:'Roboto', sans-serif, Verdana, Arial;  } 
select:focus{   outline:none;  }
.checkbox {  font-family:'Roboto', sans-serif, Verdana, Arial; FONT-SIZE: 12px; } 
.button {    font-family:'Roboto', sans-serif, Verdana, Arial; font-size: 1.0em; background-color: #2E74B5;  color: #fff;  margin-left: 5px; margin-top: 3px; margin-bottom: 2px; padding:5px 15px; border:1px solid #333;  text-transform:uppercase; }
.button:hover {  background: #fff; color:#2E74B5; border:1px #2E74B5 solid; }
.adminbutton {    font-family:'Roboto', sans-serif, Verdana, Arial; font-size: 1.0em; background-color: #2E74B5;  color: #fff;  margin-left: 5px; margin-top: 3px; margin-bottom: 2px; padding:5px; border:1px solid #333;  text-transform:uppercase; FONT-WEIGHT: bold;}
.adminbutton:hover {  background: #fff; color:#2E74B5; border:1px #2E74B5 solid; FONT-WEIGHT: bold;}

#qualificationPage input	{ color: #666; border: 1px solid #fff; margin-left: 1px;margin-right: 0px; font-family:'Roboto', sans-serif, Verdana, Arial; font-size:12px;}

.HomeLoginButton {font-family:'Roboto', sans-serif, Verdana, Arial; font-size: 1.0em;background:#6B6B6B; color: #fff;  padding:5px; margin: 10px auto;  border:none;}
.HomeLoginButton:hover {  color:#2E74B5; }
.white {color:#ffffff;}
.alert {color:#ff0000; font-size:110%; line-height:normal; font-weight:bold;}
.alertSmall {color:#ff0000; font-size:95%; line-height: normal; font-weight:bold;}
.alertFlag {color:#ff0000;  font-size:75%;}
.alertFlagImg {margin: 0 4px -2px 0;}
.blue {COLOR: #2E74B5; }
.red {COLOR: #ff0000; }
.green {COLOR: #07d002; }

.smallbreak {font-size: 0.2em; 	font-family: Verdana;}

hr { color: #90908f; border: 1px dotted #90908f; border-style: none none dotted; width: 100%; }
.photo { padding: 10px; border: 1px solid #90908f;  }
.imgRight { float:right; padding: 10px; margin: 5px 0px 5px 20px; border: 1px solid #295642; }
.imgLeft { float:left; padding: 10px; margin: 5px 20px 5px 0px; border: 1px solid #295642;  }
.imgRightPlain { float:right; padding: 0px; margin: 8px 0px 5px 10px; }
.imgLeftPlain { float:left; padding: 0px; margin: 0px 10px 5px 0px;  }
.required input, .required textarea, .required select{
    background-color: #ffffff !important;
	border:1px #333 solid !important;}
.hidden{display:none;}
.highlight_field {
    background-color: #ffffff !important;
	border:1px #333 solid !important;
}
.requiredField {
	display:none;
	}
.requiredFieldHighlight {
	color:#ff0000;
	}

#legendDefinitions {
	padding:20px;
	border: 1px #90908f solid;
}
.legendBox { width: 22px; height:22px; color:#fff; text-align:center; padding:0 0 3px 0; margin: 0 0 0 1px;}
.legendBox a {color:#fff;margin: 0;}
.legendBoxRight {float:right !important; margin:0;}
.legendBoxLeft {float:left !important; margin:0;}

.archiveBox { background-color:#2f5496; border:2px #2f5496 solid; min-width:20px;}
.bidderBox { background-color:#999; border:2px #999 solid;}
.deleteBox { background-color:#ED7D31; border:2px #ED7D31 solid;}
.extendBox { background-color:#538135; border:2px #538135 solid;}
.returnBox { background-color:#7030A0; border:2px #7030A0 solid;}
.resendXREFBox { background-color:#ffffff; border:2px #0033CC solid; color:#0033CC;}
.recommitBox{ color:#fff; background:#FCAC00; border:2px #FCAC00 solid; }
.withdrawBox{ color:#fff; background:#ff0000; border:2px #ff0000 solid; }
.qualificationBox { color:#666; background:#ffffff; border:2px #2f5496 solid; }
.withdrawnBox{ color:#ff0000; background:#ffffff; border:2px #ff0000 solid; }

.archiveBox a { display:block; min-width:20px;}
.bidderBox a{ display:block; min-width:20px;}
.deleteBox a{ display:block; min-width:20px;}
.extendBox a { display:block; min-width:20px;}
.returnBox a { display:block; min-width:20px;}
.resendXREFBox a { display:block; min-width:20px; color:#0033CC;}
.qualificationBox a{ display:block; min-width:20px; color:#666;}
.recommitBox a{ display:block; min-width:20px;}
.withdrawBox a{ display:block; min-width:20px;}
.withdrawnBox a{ display:block; min-width:20px;}

.noMargin {margin:0;}
.rightMargin {margin: 0 10px 0 0 ;}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
#mobileMenu{display:none; }
#mobileMenu .mmheader{ display: none; }
#mobileMenu nav{ display: none; }
#menu {visibility:hidden; }
.fifty {width:50%; float: left;}
.sixty {width:60%; float: left;}
.forty {width:40%; float: left;}

.homeBoxes {float:left; width:17%; margin: 0 0.5%; padding: 10px 1%; border: 0px #ccc solid; border-radius:5px; text-align:center; font-size:20px; color:#6B6B6B; line-height:22px;  }

.homeBoxes img {margin: 0px auto 15px auto; }

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:5px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
	margin: 20px 0 0 0;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.myButton:active {
	position:relative;
	top:1px;
}

.videoButton {float:left; width:75%; text-align:center; margin: -5px 0 30px 0; padding: 0 0 0 100px;}
.architectXREF {float:right; margin: 10px 0 30px -200px;}

/* Small Devices, Tablets, iPad, iPad Mini */
@media only screen and (max-width : 801px) {
#mobileMenu {visibility:visible; text-align:center; margin:0 auto; width:90%; }
#logo {float:none; margin: 0 auto !important; text-align:center; padding:0;}
#tagline {float:none; max-width:100%; width:100%; position:relative; margin-top:11px;}
#taglineFlags {  position: absolute;  right:0; width:50%; padding:0 16px 0 0;  margin:6px 0 0 0 !important; }
#homePhotoWrap {
    padding: 0; 
}
#homePhoto {
    width: 100%;
    min-height: 150px;
    margin: 0 auto;
    padding: 20px 0;
}
#homePhoto H2 {
    margin: 0 auto;
    padding: 0;
    font-size: 40px;
}
.homeBoxes {float:none; width:100%; margin: 0 ; padding: 10px 0; border: 0px #ccc solid; border-radius:5px; text-align:center; font-size:20px; color:#6B6B6B; line-height:22px;  }
UL {
    PADDING-LEFT: 1em;
}
#main	{
	width:96%;
}
.directorycontainer {width:96%; float:none; padding:2%;}
.directorycolumn {width:100%; float:none; }
	
.directorysearchcontainer {width:100%;}
.directorysearch {width:96%; overflow:hidden; border:1px #ccc solid; border-radius:5px; padding:2%; position: relative; }
.directorysearchflag {width:98%; padding:2%; text-align:center; float:left;}
.directorysearchcode {width:98%; padding:2%; text-align:center; float:left;}
.directorysearchzip {width:98%; padding:2%; text-align:center; float:left;}
.directorysearchdropdown{width:98%; padding:2%; text-align:center; float:left;}
.directorysearchbutton{width:98%; padding:2%; text-align:center; float:left;}

label {font-size:70%; line-height:normal;}
.smalltext {font-size:70%; line-height:normal;}
.alertSmall{font-size:70%; line-height:normal;}
#footerCredits {margin:0 auto; width:100%; }
#footerCreditsLeft {width:100%; float:none; margin:0 auto; text-align:center;  padding:0;}
video { width: 100%; height: auto; margin:0; }
.videoBorder {width:100%; height: auto; border:1px solid grey; margin:0 0 0 -1px; }
#footerCreditsRight {display:none; }

.homeBoxes {width:100%;}
.directoryText {line-height: 150%;}
input.textboxHome {width:135px;}
input.textbox{min-width:0;}
input.textboxPhone{width:80px;}
input.textboxXSmall {width:50px;}
#pubnav {
	background:#002060 !important ;
	width: 90% !important;
}
#pubnav ul {
	background:#002060 !important ;
	color:#fff;
	padding-bottom:3px;
}
#pubnav ul li a {
    color: #fff;
}
nav .nav {min-height:none !important;}
nav #menu {visibility:visible; }
.mmenuhidden {visibility:hidden;}
#navWrap {display:none; height:0; }
#navBarAdmin {display:none;}
#navBar {display:none;}
nav #mainMenu {display:none;}
#nav ul li a {	text-align:left; padding: 7px 25px; }
#nav ul ul {
	position: relative; 
	background-color:#002060 !important; 
}
#nav ul ul li {
	background-color:#002060 !important; 
	float: none; 
	position: relative;
	margin:0;
	padding: 0;
	text-align:left;
	font-size:14px;
}
#nav ul ul li a {
	padding: 5px 0px 5px 35px;
	color: #fff;
	text-align:left;
}
}