/*    reset   */
html, body, div, span, h3, p, a, img, strong, dl, dt, dd, ul, li, form, label { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
body { line-height: 1;}
ol, ul { list-style: none;}
:focus { outline: 0;}
a img, input[type="submit"]  { border: 0;}

/*   structure   */
body {background: #fff; font-family: Arial, Helvetica, sans-serif; text-align: left;}
p, ul, ol, table, blockquote { font-size: .75em; /* 16x0.75=12 */ line-height: 1.5em; /* 12x1.5=18 */ margin: 18px 0; }
blockquote { font-style: italic; padding-left: 50px; padding-right: 50px;}
a { color: #069; text-decoration: none;}
p a { text-decoration: underline;}
button { cursor:pointer; font-weight:bold; background:#d67211; border:1px solid #000033; padding:7px 12px; color:#fff; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow:1px 1px 5px 0 rgba(0, 0, 0, .5); -moz-box-shadow:1px 1px 5px 0 rgba(0, 0, 0, .5); box-shadow:1px 1px 5px 0 rgba(0, 0, 0, 10); text-decoration:none; font-size:1.1em; }


/*    quote box   */
.quote-container { float: none; overflow:hidden; zoom:1}
.ie7 .quote-container form, .ie7 .questions-container { padding-bottom: 20px;}
.quote-container #registration-form { padding-bottom: 0; /* on registration form, nav controls are inside the form element */}
.quote-container h2 { font-size: 1.65em; margin: 0;}
.quote-container h2 strong { color: #e98822;}
.quote-container h3 { font-size: 1em; color: #e98822; margin-top: 6px;}
.quote-container h4 { color: #666;}
.quote-container h2, .quote-container h3 {line-height: 1.125em;}

/*    questions   */
#questionForm_submitButton {  display: none;}
span.question-index, /* all form questions have a number in front of them which is currently hidden, but may be revealed to suite purpose */
.required_status { /* temp */ display: none;}

.quote-container .quote-nav button.back,
.quote-container .quote-nav button.submit,
.quote-container .quote-nav .progress,
.quote-container .quote-nav .disclosure { display: none; }

.optional_status { /* indicates optional on form */ bottom: 1px; color: #09c; font-size: .6875em; font-weight: normal; position: relative;}
dt { /* question */ clear: both; display:none; font-weight: bold; line-height: 1.25em; padding-top: 5px; font-size:13px }
dt a.help { /* question help text/hint */ background: url(../../../../bzng/images/buttons/info.html) no-repeat; display: inline-block; height: 18px; left: 2px; position: relative; text-indent: -9999px; top: 1px; width: 18px;}
dd { /* answer */ display:none; font-size: 1em; padding: 3px 0 5px 0; margin-bottom: 10px;}
dd a { text-decoration: underline;}
dd ul { /* all answers are individually wrapped in <ul> tags */ margin: 0;}
dd div.notice, dd span.notice, dt div.notice , dt span.notice  { /* notes that accompany form questions + answers */ color: #666; xdisplay: block; font-size: .75em; font-weight: normal; line-height: 1.5em;}
dd div.notice ul { list-style:disc;}
dd div.notice ul li { font-size:12px; margin-left:20px;}
dd .liNote { /* notes that are decendents of 'li' elements, singled out because they inherit 'li' styles where others don't inherit styles */  color: #666;}
dd div.notice { /* notes that accompany form text input fields */ color: #666; display: block;}
dd .input-text {  padding: 2px; width: 296px;}
dd .textsmall { width:100px;}
dd .textmedium { width:200px;}
dd .textlarge { width:300px;}
dd select {  padding: 2px; width: 300px;}
dd .input-other { /* text input fields that directly follow answer "other, please specify:" */ margin-left: 5px; width: 146px;}
dd .input-zip { width: 146px;}
dd.warning .notice { /* "Warning Text Question" */ background: #f0f0f0; border: 1px solid #ccc; color: #000; padding: 10px;}
/* when there are more than 6 answers for a radio or checkbox question, answers are split into 2 columns */
dd div.answersColumn1, form dd div.answersColumn2 { float:left; width:200px;}
dd div.answersColumn2 { margin-left: 10px;}
/* when there is an answer with multiple text fields and labels */
.textmultiple li { clear: left; padding: 2px 0;}
.textmultiple li span { display: block; float: left; width: 40%;}
.textmultiple li input { float: left; margin-left: 8px;}
.textmultiple .errorText { display: block; float:none; width:auto; clear:both;}
dd .textmultiple .textsmall { width: 100px;}
dd .textmultiple .textmedium { width: 175px;}
dd .textmultiple .textlarge { width: 225px;}
li.radio, li.checkbox { clear: left;}
li.radio input, li.checkbox input { float: left; margin: 3px 5px 0 2px; padding: 0;}
li.radio label, li.checkbox label,
li.radio .multipleAnsOther, li.checkbox .multipleAnsOther { float: left; display: inline-block; margin: 1px 0 3px 0; width: 390px; cursor:pointer;}
.answersColumn1 li.radio label, 
.answersColumn1 li.checkbox label, 
.answersColumn1 li.radio .multipleAnsOther,
.answersColumn1 li.checkbox .multipleAnsOther,
.answersColumn2 li.radio label, 
.answersColumn2 li.checkbox label, 
.answersColumn2 li.radio .multipleAnsOther,
.answersColumn2 li.checkbox .multipleAnsOther  { width: 180px;}
dd ul.first {width: 195px; padding-right: 5px; float: left;} 
dd ul.second {width: 198px; padding-right: 2px; float: left;} 
dd ul.first li.radio label,dd ul.first li.checkbox label,dd ul.first li.radio .multipleAnsOther,dd ul.first li.checkbox .multipleAnsOther { float: left; display: inline-block; margin: 1px 0 3px 0; width: 150px; cursor:pointer;} 
dd ul.second li.radio label,dd ul.second li.checkbox label,dd ul.second li.radio .multipleAnsOther,dd ul.second li.checkbox .multipleAnsOther { float: left; display: inline-block; margin: 1px 0 3px 0; width: 150px; cursor:pointer;}

/*-- =error handling --*/
.globalErrorBlock { /* temp */ display: none; }
dt.error { /* question error handling */ background: #ffc;}
dt.error span.errorText { /* question error handling */ color: #f00; display: block; font-size: .85em; font-weight: normal; line-height: 1.5em;}
dd span.error,
dd span.errorText { color: #f00; display: block;}
dd.error { /* answer error handling */ background: #ffc;}


/*-- =registration page adjusted formatting --*/
.registration h3 { display:none; }
.registration dd{ display: block; float:right; margin-right:40px;}
.registration dt { display: block; float:left; font-size:0.875em;}
.registration .quote-container span { display: block;}
.registration .quote-container .optional_status,
.registration .regBox .optional_status { /* indicates optional on reg page */ display: inline-block;}
.registration .singleColumn { float: left; width: 192px;}
.registration .left { margin-right: 20px;}
.registration .input-text { width: 200px;}
.registration select { width: 205px;}
.registration #companySizeId {  width: 150px;}
.registration .singleColumn #phoneExtn,
.registration .singleColumn .zipcode_input {  width: 85px;}
span.optional { font-size: .75em; color: #666; font-weight: normal; }



/*    navigation   */
.rfq .quote-nav button.back,
.rfq .quote-nav button.progress,
.rfq .quote-nav .submit { /* hide 'Go Back' link, progress bar and submit button until it reaches appropriate screen */ display: none;}
.quote-nav { /* contains continue button, "Go Back" link, submit button, and progress bar */ width: 410px; z-index: 200; zoom:1; position:absolute; bottom:10px;}
.quote-nav .progress { float: right; padding: 0;}


.progress { padding-left:0; margin-top: 20px } 
.progress-text { font-size:0.7em; margin-bottom:4px }
.progress-text span { display:inline !important }
.progress-bar { width:120px; background:#fff; border:1px solid #A5A5A5; -moz-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background-color: #444444; background-image: -moz-linear-gradient(top, #ffffff, #dadada); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dadada)); background-image: -webkit-linear-gradient(#ffffff, #dadada); background-image: linear-gradient(top, #ffffff, #dadada); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dadada'); }
.progress-bar span { height:10px; width:10%; display:block; background:red; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; background-color: #DC7424; background-image: -moz-linear-gradient(top, #E29854, #D55901); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E29854),color-stop(1, #D55901)); background-image: -webkit-linear-gradient(#E29854, #D55901); background-image: linear-gradient(top, #E29854, #D55901); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E29854', EndColorStr='#D55901'); }

/* hide progress bar and back button on first screen */
#publisherRfq .progress,
#publisherRfq .back { display: none;}


/* form.css */
/*-- =general --*/
input, textarea {font-family: Arial, Helvetica, sans-serif;}
#lock {position:relative; top:22px; padding-right:5px;}
*html #lock {top:20px;border:1px solid red;}
+html #lock {top:20px;border:1px solid red;}


/*-- =newsletter --*/
.formSubmit { clear: both; padding-top: 25px; position: static;}
.newsletter { clear: both; padding-top: 1px;}
.newsletter p { font-size: .6875em; margin-bottom: 3px;}
/* example answers */
#addReqsExample { overflow: auto;}

/* disclosure */	 	
.disclosure p { color: #666; font-size: .7em; }


/* _global.css */

/* =float clear
----------------------------------------------------------*/
.group:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clear, .cleaner { clear: both;}
.clearRight { clear: right;}
.clearLeft { clear: left;}


/* =other styles
----------------------------------------------------------*/
form .input-text, form select, form textarea { border: 1px solid #069;}
.img_border { border: 1px solid #ccc;}


/* _jqueryPopups.css */
/*-- general --*/
.infobox { /* class on hidden div that will 'pop up' when link is clicked on */ display: none; }
.ui-dialog { /* containing box for 'popup' */ padding: 15px; position: absolute;}
.ui-helper-clearfix { /* I hate clear fixes, there are so many better ways to do it :( */ display: block; }
/*-- =dialog-pop-under + question-help - example answers --*/
.dialog-pop-under { /* general popup including example answers (ugc), zip code city list, why we need your email address, ect. */  background: #e2edfa;  border: 2px solid #069;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.question-help { /* help text popup */ background: #ffc; border: 2px solid #069;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.dialog-pop-under .ui-dialog-title, .question-help .ui-dialog-title { /* popup header, contained in a span */ display: block; font-size: .875em; font-weight: bold; line-height: 1.286em; margin: 8px 0 18px 0;}
.dialog-pop-under div.ui-widget-content, .question-help div.ui-widget-content {  overflow: auto;}
.dialog-pop-under div.ui-dialog-buttonpane{ overflow: hidden;}
.dialog-pop-under p, .question-help p {  margin-top: 0;}
.dialog-pop-under ul, .question-help ul {  list-style-type: disc;  margin-top: 0;  padding-left: 15px; }
.dialog-pop-under li, .question-help li {  padding: 1px 0; }
.dialog-pop-under .ui-dialog-buttonpane, .question-help .ui-dialog-buttonpane { /* div that contains close button */ clear: both; margin-top: 18px;}
.dialog-pop-under .ui-dialog-buttonpane button, .question-help .ui-dialog-buttonpane button  { /* close button */ background: #069;  border: none;  -moz-border-radius: 4px;  -webkit-border-radius: 4px;  border-radius: 4px;  color: #fff;  cursor: pointer;		 float: right; font-size: .875em; line-height: 1.5em; margin: 0 auto;  padding: .2em .6em .3em .6em;  width:auto;	}
.dialog-pop-under .ui-dialog-buttonpane button:hover, .question-help .ui-dialog-buttonpane button:hover {  background: #004B72 }
.dialog-pop-under .ui-dialog-buttonpane button span, .question-help .ui-dialog-buttonpane button span { /* button text */ padding: 0 10px; }
.dialog-pop-under .ui-dialog-titlebar .ui-icon, .question-help .ui-dialog-titlebar .ui-icon { /* draggable icon */ display: none; }
/*-- =dialog-pop-under - zipcode popup specific styles --*/
.dialog-zipcode .ui-dialog-titlebar {  display: none }
.dialog-zipcode ul {  list-style-type: none; }

/*-- =hover images --*/
.hover-img-container { display:none; position:absolute; background:#fff; border:1px solid #787878; text-align:center; z-index:500; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:0 0 8px #6B6B6B; -webkit-box-shadow:0 0 8px #6B6B6B; box-shadow:0 0 8px #6B6B6B; }
.hover-img-container span { position: absolute; left:-11px; top:20px; color: #000; font-size:12px; }
.hover-img-container div { padding:10px; overflow:hidden; zoom:1 }
.hover-img-container p { margin:0 0 5px 0; text-align:center; padding:4px 8px; background:#EBEBEB; font-size:11px; font-weight:bold; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }


/* warning text 'questions' */
dd.warning { display: none !important;}
/* example answers link */
div.notice span.addReqs { display: none;}
/* zip lookup */
a.zipCode { display: none;	}
/* the zone sign-up */ 
.newsletterSignup { display: none;}
/*-- =help text pop ups --*/
dt a.helpNote { /* question help text/hint */ background: url(../../../../bzng/images/buttons/info.html) no-repeat; display: inline-block; height: 18px; left: 2px; position: relative; text-indent: -9999px; top: 1px; width: 18px;}
.infobox { line-height:16px;}
.infobox, .infobox li, .infobox p { font-size:12px;}
.dialog-pop-under { background: #ebebeb; border: 2px solid #787878;}
.dialog-pop-under .ui-dialog-buttonpane button, .question-help .ui-dialog-buttonpane button  { /* close button */ background: #787878; }
.dialog-pop-under .ui-dialog-buttonpane button:hover, .question-help .ui-dialog-buttonpane button:hover {  background: #454545;}


/* call2RFQ changes */

.call-to-rfq .quote-container{ width:390px; padding:5px 10px;}
.call-to-rfq dd select {width:250px;}
.call-to-rfq .formNav {width:300px;}

/* ez-flow changes */
body.ez-flow {}
.ez-flow .quote-container { width:450px; }
.EZFlow .quote-container { width:450px; }

/***************	MODIFICATIONS FOR WORDPRESS  	***********************/
h3 { line-height: 1.115em; margin: 20px 0 14px 0; font-size:.9em; }
p, ul, ol, table, blockquote { font-size: .85em; line-height: 1.3em; margin: 18px 0; font-family: Arial, Helvetica, sans-serif; }