/* ==================================================================================================== */
/*                                                                         Progressive Enhancement CSS  */
/* ==================================================================================================== */
/*           Layout Starting @ 980px Wide             */
/* ================================================== */
/*                     Base HTML                      */
/* ================================================== */
h2, #keyAdvantages h3 {
    font-size: 32px;
}








/* ==================================================================================================== */
/*                                                                                       Shared Classes */
/* ==================================================================================================== */
.desktop {
    display: block;    
}

.mobile, .showOverlay #overlay  {
    display: none;    
}





/* ================================================== */
/* Login                                              */
/* ================================================== */
#login-dialog-form label .checkbox {
	margin: 0 3px 0 17px;	
}

section.login {
	padding-top: 60px;	
}





/* ================================================== */
/*                   Responsive UI                    */
/* ================================================== */
input[type=checkbox] + .checkbox,
input[type=radio] + .radio {
	/*display: none;*/
	height: 21px;
	width: 21px;
}

input[type=radio] + .radio:after {
	left: 4px;
	height: 11px;
	top: 4px;
	width: 11px;
}

input[type=checkbox] + .checkbox:after {
	border-bottom: 3px solid #666;
	border-left: 3px solid #666;
	left: 3px;
	height: 8px;
	top: 4px;
	width: 14px;
}










/* ==================================================================================================== */
/*                                                                                 jQuery UI Overwrites */
/* ==================================================================================================== */










/* ==================================================================================================== */
/*                                                                                           Site Icons */
/* ==================================================================================================== */

/* ================================================== */
/*                  Icons Placement                   */
/* ================================================== */











/* ==================================================================================================== */
/*                                                                                      Layout & Design */
/* ==================================================================================================== */
#wrapper {
	padding-top: 0;
}

#wrapper.smallHeader {
	padding-top: 165px;	
}

.mAuto {
	max-width: 1020px;	
}

article > .intro:first-child {
	padding: 40px 15px;
}

.showOverlay #mainContent {
	position: relative;	
}




/* ================================================== */
/*                      Header                        */
/* ================================================== */
.headerWrapper {
	height: 165px;
	overflow: visible;
	position: relative;
}

.undecorated.headerWrapper {
	height: 52px;
}

header {
	background-color: #f4fbfb;
	height: 165px;
	padding-top: 20px;
	position: relative;
	z-index: 10;
}

.smallHeader header {
	margin-top: -165px;	
}

.undecorated header {
	background-color: #414141;
	height: 52px;
	padding-top: 0;
}

header .mAuto {
	max-width: 1080px;
}

header .mAuto .fRight.desktop {
	margin-top: -15px;	
}

.undecorated header .mAuto .fRight.desktop {
	float: none;
	position: absolute;
	right: 15px;
	top: 28px;
}

ul#login {
	display: none;
}

.logo {
	display: block;
	height: 40px;
	position: relative;
	width: 365px;
}

.logo img {
	margin-right: 20px;	
	position: relative;
	z-index: -1;
}

.logo span.logoImage {
    background: transparent url(../images/bidnet_logo.png) no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url(../images/bidnet_logo.svg);
    background-image: linear-gradient(transparent, transparent), url(../images/bidnet_logo.svg);
    display: block;
    height: 40px;
    position: relative;
    width: 174px;
}

.undecorated .logo span.logoImage {
    background: transparent url(../images/bidnet_logo_mobile.png) no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url(../images/bidnet_logo_mobile.svg);
    background-image: linear-gradient(transparent, transparent), url(../images/bidnet_logo_mobile.svg);
    background-size: cover;
    height: 25px;
    position: absolute;
    top: 0;
    width:  110px;
    z-index: 10;
}

.logo strong {
	display: block;
	font-size: 14px;
	font-weight: 500;
	position: absolute;
	top: 14px;	
	right: 0;
}

a.call {
	margin-right: 25px;
	padding-left: 33px;
	position: relative;
}

.undecorated a.call {
	margin-right: 0;
}

span.call {
	background-position: 0 0;
	height: 17px;
	left: 9px;
	position: absolute;
	width: 17px;	
}

.greyBorder span.call {
	background-position: -1350px -150px;
}

.register {
	margin-right: 25px;
}

.noNav header {
	height: 120px;	
}

.noNav header > .mAuto:first-child {
	padding: 0 15px;	
}

.noNav header .contact {
	color: #252525;
	position: absolute;
	right: 15px;
	top: 18px;	
}

.noNav header .contact a.mail {
	color: #252525;
	margin: 0;	
}

.noNav header .contact a.call {
	border: 1px solid #ace0ed;
	color: #0089c3;
	font-size: 14px;
	margin: 0 0 0 20px;
	padding: 10px 15px;	
}





/* ================================================== */
/*                 Main Navigation                    */
/* ================================================== */
nav#main {
	background-color: #f4fbfb;
	margin-top: 0;
	max-height: 314px !important;
	position: relative;
	top: -52px;
	width: 100%;
	z-index: 10;
}

nav#main .bg {
	background-color: #414141;
	height: 52px;
}

/* .smallHeader class used to compress header when use scrolls down the page */
#wrapper.smallHeader nav#main {
	margin: 0;
	position: fixed;
	top: 0;
	width: 100%;
}

nav#main ul.parent {
	left: 0;
	padding: 0;	
	position: relative;
	top: 0;
	width: 100%;
}

.smallHeader nav#main ul.parent { 
	padding-left: 135px;
}

nav#main ul.parent > li {
	display: inline-block;
	font-size: 14px;
	height: 52px;
	padding: 16px 0 10px;
	vertical-align: bottom;
}

nav#main li label {
    color: #0d0d0d;
}

nav#main li > a {
	font-size: 14px;
	margin: 0 25px;
	text-align: center;	
}

.smallHeader nav#main li > a { 
	margin: 0 12px;
}
@media only screen and (min-width: 1020px) {
	.smallHeader nav#main > a { 
		margin: 0 15px;
	}
}
@media only screen and (min-width: 1050px) {
	.smallHeader nav#main > a { 
		margin: 0 18px;
	}
}
@media only screen and (min-width: 1080px) {
	.smallHeader nav#main > a { 
		margin: 0 21px;
	}
}

nav#main li > a:hover, nav#main li > a.selected {
	border-bottom: 2px solid #1ea1d9;
}

nav#main li:first-child a {
	margin-left: 0;	
}

nav#main a.demo, .smallHeader nav#main a.demo {
	margin-right: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

nav#main a#toggleMenu {
	display: none;	
}

.smallHeader nav#main a.logo {
	display: block;
	margin: 0;
	z-index: 300;
}

nav#main ul.showSubMenu .subMenuText {
	padding: 0 25px 0 0;
}





/* ================================================== */
/*                  Sub Navigation                    */
/* ================================================== */
nav#main #menu > li > .showSubMenu {
	background: #f4fbfb;
	left: -100px;
	padding: 20px 100px;
	position: absolute;	
	top: 52px;
	width: 1250px;
}

nav#main ul.showSubMenu ul {
	display: block !important;
	margin: 5px 0;
	padding: 0 0 0 4px;
	width: 100%;
}

nav#main ul.showSubMenu li.parent {
	float: none;
	list-style: none;
	margin: 0;
	width: 100%;
}

nav#main ul.showSubMenu li {
	color: #00afec;
	display: inline-block;
	margin-right: 15px;
	padding: 10px 0 5px;
	width: 200px;
}

nav#main ul.solution > li.parent {
	float: left;
	width: 49%;	
}

nav#main ul.supplier li {
	width: 238px;
}

nav#main ul.buyer li {
	width: 400px;
}

nav#main ul.industries li {
	margin-right: 0;
	width: 320px;
}
@media only screen and (min-width: 1010px) {
	nav#main ul.industries li {
		margin-right: 15px;
	}
}

nav#main ul.company li {
	width: 150px;
}

nav#main ul.showSubMenu a.parent {
	color: #0d0d0d;	
	font-weight: 500;
	padding: 0;	
}

nav#main ul.showSubMenu a {
	color: #0d0d0d;	
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
}

nav#main ul ul.showSubMenu a:hover, nav#main ul ul.showSubMenu a:active {
	border: 0;
	color: #00afec;	
}

nav#main ul.showSubMenu a:hover span.check {
	background-position: -750px 0;
	display: block;
}

.gcForm {
	margin: 0 auto;
	padding: 0;
	width: 830px;	
}

.gcForm label {
	color: #0d0d0d;
	margin: 10px 20px 0 0;
}

.gcForm select {
	margin-top: 5px;
	width: auto;	
}

.gcForm a {
	float: right;
	padding: 5px 50px 5px 20px;
	width: auto;
}

#menu .gcForm a {
	margin-top: 35px;
	width: auto;	
}





/* ================================================== */
/*                      Content                       */
/* ================================================== */
.menuOpen #mainContent {
	position: relative;	
}





/* ================================================== */
/*                Home Page - Intro                   */
/* ================================================== */
section#intro.home {
	height: 505px;
}

#intro h1 {
	width: 1020px;
}

.intro.home {
	bottom: -66px;
	height: 450px;
	margin-left: -475px;
	padding: 50px 165px 0;
	width: 950px;
}

#intro .intro.home h1 {
	font-size: 28px;
	width: auto;
}

.intro.home li {
	font-size: 18px;
	line-height: 1.4em;
	margin: 0;
	padding-top: 30px;
	position: relative;
	width: 120px;	
}

.intro.home p {
	font-size: 18px;	
}

.introText {
	padding: 10px 0 20px;
}

.introText.mAuto {
	max-width: 100%;
	width: 1005px;	
}

.introText .introBgLeft {
	background-color: #f4fbfb;
	display: block;
	height: 100%;
	left: -50%;
	position: absolute;
	top: 0;
	width: 50%;	
}

.introText .mAuto {
	width: 790px;	
}

.introText .mAuto.ppc {
	width: 100%;	
}

@media only screen and (min-width: 1170px) {
	div#market {
		border-radius: 5px 0 0 5px;
		background: rgba(82,219,33,1);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGRkN2VmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEyN2NhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -ms-linear-gradient(-45deg, rgba(82,219,33,1) 0%, rgba(0,127,49,1) 100%);
		background: linear-gradient(135deg, rgba(82,219,33,1) 0%, rgba(0,127,49,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52db21', endColorstr='#007f31', GradientType=1 );
		color: #fff;
		cursor: pointer;
		display: block;
		/*height: 140px;*/
		margin-top: -70px;
		overflow: hidden;
		padding: 0 0 15px;
		position: fixed;
		top: 50%;
		right: 0;
		text-align: center;
		width: 90px;
		transition: height 0.2s, width 0.2s;
		z-index: 105;
	}
	
	section.buyer.solutions.two + section + div#market { 
		width: 115px;
	}
	
	div#market.expand, section.buyer.solutions.two + section + div#market.expand {
		padding: 0 0 15px 125px;
		width: 450px;	
	}
	
	div#market div.large, div#market.expand span.small {
		display: none;
	}
	
	div#market span.small {
		font-size: 14px;	
	}
	
	div#market span.small, div#market.expand div.large {
		display: block;	
	}
	
	div#market div.large {
		font-size: 18px;
		text-align: left;
		width: 340px;	
	}
	
	div#market div.large h2 {
		color: #fff;
		font-size: 22px;
		margin: 20px 0 10px;	
	}
	
	div#market div.large p {
		line-height: 1.4em;
		margin: 10px 0;
		padding-right: 20px;
	}
	
	div#market.demo div.large p:first-child {
		margin: 20px 0 10px;
	}
	
	div#market div.large a {
		font-weight: 700;
	}
	div#market div.large a.mail {
		color: #fff;
	}
	
	div#market hr {
		border: 1px solid #3a9852;	
	}
	
	span.market {
		background-position: -750px -150px;
		display: block;
		height: 30px;
		margin: 20px auto 15px;
		width: 39px;	
	}
	
	.expand span.market {
		background-position: -900px -150px;
		height: 61px;
		left: 23px;
		margin: 20px auto 15px;
		position: absolute;
		top: 4px;
		width: 78px;	
	}
}





/* ================================================== */
/*       Home Page - Open Government Contracts        */
/* ================================================== */
p.ogc {
	font-size: 24px;
	padding-left: 250px;
}

p.ogc span {
	left: 90px;
}

p.ogc span.icons { 
	display: block;
}





/* ================================================== */
/*       Home Page - Industries                       */
/* ================================================== */
#industries a.more {
	margin-left: -417px;
	width: 835px;
}

#industries h2 {
	margin: 0 0 20px;	
}


#industries p {
	font-size: 24px;	
}





/* ================================================== */
/*            Home Page - Testimonials                */
/* ================================================== */
#testimonials.two article {
	width: 469px;	
}

#testimonials article p {
	font-size: 20px;
	width: 420px;	
}
@media only screen and (min-width: 1020px) {
	#testimonials article p {
		width: 460px;	
	}
}






/* ================================================== */
/*            Home Page - Procurement                 */
/* ================================================== */
#procurement h2 span {
	max-width: 305px;
	width: 30%;
}

#procurement h3 {
	font-size: 35px;
	padding: 0 0 30px 180px;
}

#procurement h3 span.icons {
	left: 40px;
}

#procurement article {
	width: 435px;	
}






/* ================================================== */
/*                   Form Pages                       */
/* ================================================== */

.formPage {
	padding: 0 15px 60px;
}

.formPage .leftSection {
	float: left;
    margin-left: 15px;
    padding-bottom: 0;
	position: relative;
	vertical-align: top;
	width: 48%;
}

.formPage .formContainer {
	float: right;
	padding: 40px 20px;
	-webkit-transition: all .6s; /* Safari */
    transition: all .6s;
	vertical-align: top;
	width: 47.5%;
}







/* ================================================== */
/* Purchasing Groups                                  */
/* ================================================== */
#testimonial.long {
	background-position: right 0;
}

#testimonial.long .mAuto {
	padding: 15px 320px 15px 30px;	
	width: 1020px;
}





/* ================================================== */
/*          Solutions Page - Key Advantages           */
/* ================================================== */
section#keyAdvantages ul li {
	min-width: 19%;
	text-align: left;
	width: 19%;
}

section#keyAdvantages ul li span {
	margin: 0 0 15px;
}

section#keyAdvantages ul li strong br {
	display: block;	
}





/* ================================================== */
/*            Solutions Page - Content                */
/* ================================================== */
section#valueProp article {
	margin-bottom: 75px;
}

section#valueProp div article:last-child {
	margin-bottom: 0;
}

section#valueProp article.imgRight div.propText {
	float: left;
}

section#valueProp article img.doc {
	margin: 0 150px 25px 130px;	
}






/* ================================================== */
/*  Supplier Solutions Pricing - Intro                */
/* ================================================== */
.intro.pricing {
	padding-top: 75px;	
}

.intro.pricing li {
	width: 370px;
}

.intro.pricing span.icons {
	margin-top: 2px;
}





/* ================================================== */
/*            Industries Page - Content               */
/* ================================================== */
section#valueProp article img.doc + p {
	margin-bottom: 40px;	
}

section#subSectors ul {
}

section#relatedResources p.resIntro {
	font-size: 22px;
	width: 740px;	
}

section#relatedResources article {
	margin: 0 40px 0 0;
	width: 280px;	
}
@media only screen and (min-width: 1035px) { 
	section#relatedResources article {
		margin-right: 70px;
	}
}
@media only screen and (min-width: 995px) { 
	section#relatedResources article {
		margin-right: 50px;
	}
}

section#relatedResources article:last-child { 
	margin-right: 0;
}

section#relatedResources article img {
	max-width: 100%;	
}




/* ================================================== */
/* Open Government Contracts                          */
/* ================================================== */
@media only screen and (min-width: 1020px) {
	div#nearbyStatesBox {
		max-width: 100%;;
	}

	div#nearbyStatesBox ul {
		display: inline-block;
		padding: 25px 20px 0 0;
	}
	
	div#nearbyStatesBox ul li {
		margin: 0 0 10px;	
	}
	
	div#nearbyStatesBox img {
		display: inline-block;
		margin-top: 5px;
		width: 320px;	
	}
}




/* ================================================== */
/* Closed Government Contracts  Details               */
/* ================================================== */
#intro.bidDetails h1 {
	margin-top: 50px;
}

section#bidDetails {
	padding-bottom: 50px;	
}

#bidDetails h4 {
	font-size: 14px;
}

#bidDetails .specs p, #bidDetails .specs .docs {
	display: inline-block;	
	vertical-align: top;
}

#bidDetails .specs p {
	padding-right: 20px;
	width: 75%;	
}

#bidDetails .specs .docs {
	padding: 0 0 0 30px;
	width: 24%;	
}

#bidDetails div.specs a {
	font-size: 14px;
}

#bidDetails .specs .docs p {
	font-size: 14px;
	font-weight: 400;
	margin: 5px 0;
	padding: 0;
	width: 100%;
}



/* ================================================== */
/* Customers                                          */
/* ================================================== */
.bidnetTips {
	max-width: 758px !important;
}

#customers .layer {
	margin: 0 12px 24px;	
}






/* ================================================== */
/* Testimonials                                       */
/* ================================================== */
#testimonials article img {
	margin: 0 60px 20px 0;
	width: auto;	
}

section#testimonials article.imgRight img {
	float: right;
	margin: 0 0 25px 25px;
}





/* ================================================== */
/*                      Contact Us                    */
/* ================================================== */
.contactUsContent .formWrapper {
    float: left;
}

.contactUsContent #googleMapContainer {
    float: left;
    clear: none;
    margin: 0 0 0 30px;
}





/* ================================================== */
/* Supplier Solutions Pricing                         */
/* ================================================== */
label span + span { 
	margin-top: 0;
}





/* ================================================== */
/*                      Bid Alerts                    */
/* ================================================== */
#specs {
	display: inline-block;
	padding-right: 85px;
	vertical-align: top;
	width: 61%;	
}

#current {
	display: inline-block;
	vertical-align: top;
	width: 38%;	
}

.bulletin #specs, .bulletin #current {
	width: 100%;	
}

#matches table, #matches p.clear, #amendment table, #amendment p.clear {
	max-width: 	795px;
}

.chart {
	display: inline-block;
	text-align: left;
	width: 49%;	
}

.chart + .chart {
	text-align: right;	
}

.chart h3 {
	text-align: center;	
}





/* ================================================== */
/*                   Bid Resources                    */
/* ================================================== */
#resourceCenter.details .download div {
	max-width: 60%;	
}

.chart {
	margin: 0;
}

section .chart p {
	margin: 30px 0 0 45px;	
	text-align: left;	
}

section .chart + .chart p {
	margin-left: 70px;	
}

section .chart p span {
	float: left;
}





/* ================================================== */
/*                        PPC                         */
/* ================================================== */
.ppc .pricing li:first-child {
	width: 300px;
}

.ppc .pricing li {
	width: 25%;	
}

.ppc .pricing li.target, .ppc .pricing li.win {
	width: 20%;	
}

section#valuePPC article {
	display: inline-block;
	margin-left: 3%;
	padding: 0;
	vertical-align: top;
	width: 31%;
}

section#valuePPC article:first-child {
	margin-left: 0;
}

section#valuePPC article h2 {
	display: table-cell;
	height: 76px;
	vertical-align: bottom;
}



/* ================================================== */
/*                 Client Referral                    */
/* ================================================== */




/* ================================================== */
/*                      Footer                        */
/* ================================================== */
footer nav {
	width: 330px;
}





/* ================================================== */
/*                      Hacks                         */
/* ================================================== */
.currentOS_iOS .posFixed {
	position: fixed !important;	
}
.currentOS_iOS .headerWrapper.posFixed {
	z-index: 1 !important;	
}
.currentOS_iOS .headerWrapper.posFixed nav#main #menu > li > .showSubMenu {
	z-index: 10 !important;
}
.currentOS_iOS #mainContent.posFixed {
	top: 165px;
	z-index: 0 !important;	
}