.version-info {
	color: #6c757d;
	font-size: 11px;
}

#currently_bidding { border-collapse: separate; border-spacing: 2px; width: 100%; }
#currently_bidding tr td:first-child { width: 115px; background-color: #D1E8F8; border-color: white; }
#currently_bidding tr td:first-child h5 { padding: 4px; }
#currently_bidding tr td:last-child { padding-left: 10px; }

#rfq { border-collapse: collapse; border-spacing: 0px; width: 100%; }
#rft tr { padding-bottom: 0px; }
#rfq tr td { padding-left: 10px; padding-bottom: 1px;padding-top: 1px; border: 1px solid black; }
#rfq tr td:first-child { border: 1px solid black; padding: 4px;width: 150px; background-color: #D1E8F8; }
#rfq tr td:last-child { padding-left: 0px; padding-bottom: 0px; }
#rfq tr td.no_border:last-child { border: none;}

#SeismicTable { border-collapse: collapse; border-spacing: 0px; width: 100%; }
#SeismicTable thead { font-weight: bold; }
#SeismicTable tr { padding-bottom: 0px; }
#SeismicTable tr td { padding-left: 10px; padding-bottom: 1px;padding-top: 1px; border: 1px solid black; }
#SeismicTable tr td:first-child { border: 1px solid black; padding: 4px;width: 150px; background-color: #D1E8F8; }
#SeismicTable tr td:last-child { padding: 4px 5px; }
#SeismicTable tr td.no_border:last-child { border: none;}


#highltedprojects { border-collapse: separate; border-spacing: 2px; width: 100%; }
#highltedprojects tr { border: 1px solid black; padding-bottom: 20px; }
#highltedprojects tr td:first-child { width: 215px; background-color: white; border-color: white; }
#highltedprojects tr td:first-child h5 { padding: 4px; }
#highltedprojects tr td:last-child { padding-left: 0px; }

#ContractsAwarded { border-collapse: separate; border-spacing: 2px; width: 100%; }
#ContractsAwarded tr { border: 1px solid black; padding-bottom: 40px; }
#ContractsAwarded tr td:first-child { width: 450px; background-color: white; border-color: white; }
#ContractsAwarded tr td:first-child { padding: 0px; }
#ContractsAwarded tr td:last-child { padding-left: 0px; }

#BidResults { border-collapse: separate; border-spacing: 2px; width: 100%; }
#BidResults tr { border: 0px solid black; padding-bottom: 40px; }
#BidResults tr td:first-child { width: 650px; background-color: white; }
#BidResults tr td:first-child { padding: 0px; }
#BidResults tr td:last-child { padding-left: 0px; }

/*#ProjectDetail {
	border-collapse: collapse;
	width: 100%;
	margin: 20px
}*/

.resultsDetail { border-collapse: collapse;width: 100%; }
.resultsDetail .subContractorListing {border-collapse: collapse; border: 0px;padding: 0px;margin: 0px; width: 100%;}
.resultsDetail tr { border: 0px solid black; padding-bottom: 0px; }
.resultsDetail tr td.labelHeader {width: 20%; background-color: #D1E8F8; padding: 5px 0px 10px 5px; }
.resultsDetail tr td.innerLabelHeader { background-color: #D1E8F8; padding: 5px 0px 10px 5px;  }
.resultsDetail tr td.spacer { background-color: white;}
.resultsDetail td.valueCell { width: 80%; background-color: white; padding-bottom: 10px; padding-left: 10px;}
.resultsDetail td.innerValueCell { background-color: white; padding-bottom: 10px; padding-left: 10px;}

#MajorCurrentProjectList { border-collapse: separate; border-spacing: 2px; width: 100%; }
#MajorCurrentProjectList tr { border: 1px solid black; padding-bottom: 40px; }
#MajorCurrentProjectList tr td:first-child { background-color: white; border-color: white; padding: 0px;}
#MajorCurrentProjectList tr td:nth-of-type(3) { text-align: center; }
#MajorCurrentProjectList tr td:nth-of-type(4) { text-align: center; } 
#MajorCurrentProjectList tr td:last-child { text-align: right; }
#MajorCurrentProjectList th {background-color: #C3E6FC; font-weight: bolder; font-size: larger;text-align: center;}
#MajorCurrentProjectList th a {padding-left: 0.5em; padding-right: 0.5em; } 

#CampusStandrardsList { border-collapse: separate; border-spacing: 2px; width: 100%; }
#CampusStandrardsList tr { border: 1px solid black; padding-bottom: 10px; }
#CampusStandrardsList tr td:first-child { background-color: white; border-color: white; padding: 10px;}
#CampusStandrardsList tr td:nth-of-type(3) { text-align: left; }
#CampusStandrardsList tr td:nth-of-type(4) {text-align: left;}
#CampusStandrardsList tr td:last-child {text-align: left;}
#CampusStandrardsList th {background-color: #C3E6FC; font-weight: bolder; font-size: larger;text-align: left;}
#CampusStandrardsList th a {padding-left: 0.5em; padding-right: 0.5em; }


#LEEDPlatinum { border-collapse: separate; border-spacing: 2px; width: 100%; }
#LEEDPlatinum tr { border: 1px solid black; padding-bottom: 0px; text-align: center;}
#LEEDPlatinum th {background-color: #C3E6FC; font-weight: bolder; font-size: larger;text-align: center;}
#LEEDPlatinum th a {padding-left: 0.5em; padding-right: 0.5em; } 

#LEEDGold { border-collapse: separate; border-spacing: 2px; width: 100%; }
#LEEDGold tr { border: 1px solid black; padding-bottom: 0px; text-align: center;}
#LEEDGold th {background-color: #FFDF00; font-weight: bolder; font-size: larger;text-align: center;}
#LEEDGold th a {padding-left: 0.5em; padding-right: 0.5em; } 

#LEEDSilver { border-collapse: separate; border-spacing: 2px; width: 100%; }
#LEEDSilver tr { border: 1px solid black; padding-bottom: 0px; text-align: center;}
#LEEDSilver th {background-color: #E5E4E2; font-weight: bolder; font-size: larger;text-align: center;}
#LEEDSilver th a {padding-left: 0.5em; padding-right: 0.5em; } 

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	#MajorCurrentProjectList { border-collapse: separate;}
	
	#MajorCurrentProjectList table, thead, tbody, th, tr, td { display: block;border-spacing: 0; }
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#MajorCurrentProjectList thead tr { position: absolute; top: -9999px; left: -9999px;}
	
	#MajorCurrentProjectList tr { border: 1px solid #ccc; }

		/* Behave  like a "row" */	
	#MajorCurrentProjectList tr td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 25%; }
	#MajorCurrentProjectList tr td a {display: block; border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 25%; }
    #MajorCurrentProjectList tr td:nth-of-type(3) { text-align: left; }
    #MajorCurrentProjectList tr td:nth-of-type(4) { text-align: left; }
    #MajorCurrentProjectList tr td:last-child { text-align: left; }
    /* Now like a table header */
    /* Top/left values mimic padding */
	#MajorCurrentProjectList tr td:before { position: absolute; top: 0px; left: 6px; width: 25%; padding-right: 10px; white-space: nowrap;content: attr(data-label); }
	
	#footer { background:#2c5e91 url(../img/footer-bg.jpg) repeat-x bottom; border-top:1px solid #17244c; clear:both; height:auto; padding:0 0 6px; width:100%;position: relative; }
}

#staffdirectory { border-collapse: separate; border-spacing: 2px; width: 100%; }
#staffdirectory tr { border: 1px solid black; padding-bottom: 40px; }
#staffdirectory tr td:first-child { padding-left: 10px; background-color: white; border-color: black; }
#staffdirectory tr td:first-child h5 { padding: 4px; }
#staffdirectory tr td:last-child { padding-left: 0px; }

ul.square li { list-style-type: square; list-style-position: outside; margin-left: 15px; line-height: 1.2; padding-bottom: 15px; }
ul.square li a { font-weight: 600; text-decoration: none; }
ul.square li a:hover { text-decoration: underline; }

b .label { font-size: larger; font-weight: bold; }
.value { padding-left: 10px; }

#notification .container { clear: both; margin-bottom: 20px; }
#notification .label { float: left; width: 180px; }
#notification label { font-weight: bold; font-size: 1em; }
#notification .value { float: left; }
#notification input { margin-bottom: 10px; }
#notification input[type="text"] { width: 200px;}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset { border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; }
legend { font-size: 1.2em; font-weight: bold; }
textarea { min-height: 75px; }
.editor-label { margin: 1em 0 0 0; }
.editor-field { margin: 0.5em 0 0 0; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors, .validation-summary-errors ul li { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }


td.tbBorder  { border-left: 0px solid black; border-right: 0px solid black; border-top: 1px solid black; border-bottom: 1px solid black; }
td.rtbBorder { border-left: 0px solid black; border-right: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; }
td.rbBorder { border-bottom: 1px solid black; border-right: 1px solid black;}
td.tBorder { border-top: 1px solid black;}
td.lBorder { border-left: 1px solid black;}
td.fullBorder { border: solid 1px black; }
td.fullHeader { border: solid 0px black;background-color: #C3E6FC; }


.prettyPhotoContainer a { display: block;float: left;}

#makeMeScrollable { width:350px; height: 80px; position: relative;margin-left: 20px;}
		
/* Replace the last selector for the type of element you have in
	your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
	if you have links use #makeMeScrollable div.scrollableArea a and so on. */
#makeMeScrollable  a
{
	position: relative; float: left; margin: 10px; padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
		block of code. It's just a nice feature that prevent the images from
		accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;
}

a.hidelink { color:white;}
img.pdfimage { float: left;}
div.pcb_header { height: 20px;margin-top: 10px;}
a.internal_link { padding-left: 20px;}

/* ---------------------------------------------------
	Table  - Custom Layout
--------------------------------------------------- */

	.TBtable{
		width:100%; 
		border:0px solid black;
		border-collapse:collapse; 
		padding: 0,0,0,0,
	}
	.TBtable th{ 
		padding:5px; 
		border:0px solid black;
		/* background: #b8d1f3; */
		background-color:#2c5e91;
		color:White;
		width:30%;
	}
	.TBtable td{ 
		padding:5px; 
		border:0px solid black;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.TBtable tr{
		background: white;
		/* background: #b8d1f3; */
	}
	/*  Define the background color for all the ODD background rows  */
	.TBtable tr:nth-child(odd){ 
		background: #ffffff;
	}
	/*  Define the background color for all the EVEN background rows  */
	.TBtable tr:nth-child(even){
		background: #F2F2F2;
	}