/*
	Stylesheet Guide:
	* Customize this per customer
	* DO NOT HARDCODE COLORS/FONTS IN ANY OTHER FILES
	*** Make sure you put the full hexidecimal code (e.g. cccccc instead of the shortcut ccc),
		else it won't work whenever css gradients are used. **** 
		
	// Basic package, top header, main theme
	// navy
	mainColor = "#0b254f"; // generally, the darker, the better
	mainColorRGB = "11,37,79";  // used in the popup background
	mainColorMed = "#284a82";
	mainColorLt = "#4d6fa6";

	// Premium package, secondary color for subheadings, some buttons
	// red
	secColor = "#cc001b";
	secColorLt = "#ff6075";

	// Enhanced package
	// gold
	terColor = "#826b01";
	terColorLt = "#dcb603";
	
	// just do a replace with these hexs^^
*/

@import url("/includes/styles/buttons.css");

body {
	background-color: #b7b7b7; margin: 0 auto;
	font-family: Trebuchet, Trebuchet MS, Sans-Serif; font-size: 13px; color: #333;
}

/* Main Layout
--------------------------*/
#header { width: 920px; height: 83px; padding: 10px 0px 0px 10px; background: #fff url("/includes/images/layout/producerHeader.jpg") no-repeat; }
#header a { text-decoration: none; }
#logo {/*background: transparent url(/includes/images/layout/companyLogo.png) no-repeat; height: 58px;*/ margin: 10px 0px 0px 10px;
	font-size: 27px; font-weight: bold; line-height:100%; }
.dropShadow { background: transparent url(/includes/images/layout/dropShadow_bottom.png) repeat-x; height: 3px; }
#bodyWrapper { width: 930px; background-color: #fff; margin: 0 auto; position: relative; }
#mainContent { padding: 10px 30px 0px 30px; background-color: #fff; }
#footerWrapper { margin-top: 15px; padding: 15px; }
	#footer { font-size: 10px; color: #999; border-top: 1px solid #999; padding-top: 5px; }
	#footer a { color: #999; text-transform: uppercase; }
	#footer a:hover { color: #666; }
iframe#maintContainerFrame { width: 100%; }

/* Popup/Dim
--------------------------*/
#dim { display: none; position: absolute; top:0; left:0; width: 100%; z-index: 100; text-align: left;
	background: rgba(11,37,79, .8); background-image: url(/includes/images/layout/dim80.png); background-repeat: repeat; }
.msgbox { position: absolute; width: 500px; z-index: 200; border: 5px solid #0b254f; background: #fff;
	top: 400px; left: 50%; margin: -200px 0px 0px -250px; padding: 20px 20px 30px 20px;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	-ms-border-radius: 21px;
	-o-border-radius: 21px;
	border-radius: 21px;
}
.close { float: right; width: 17px; height: 17px; background: #0b254f url(/includes/images/icons/closeLG.png) no-repeat; cursor: pointer; }

.pleaseWaitBkgd { width: 410px; height: 157px; margin: 10% auto 0% auto; }

.pleaseWaitTxt { font-size: 13.5px; font-weight: bold; color: #08143f; width: 374px; padding: 20px 8px; margin: 10% auto 0px auto;
	text-align: center; vertical-align: middle; height: 75px; background-color: white; border-top: 5px solid #6ea0bf;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	-ms-border-radius: 21px;
	-o-border-radius: 21px;
	border-radius: 21px;
}

/* Modal
------------------ */
.modal-open .modal .dropdown-menu { z-index: 2050; }
.modal-open .modal .dropdown.open { *z-index: 2050; }
.modal-open .modal .popover { z-index: 2060; }
.modal-open .modal .tooltip { z-index: 2080; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); }
.modal { position: fixed; top: 50%; left: 50%; z-index: 1050; width: 560px; margin: -250px 0 0 -280px;
  overflow: auto; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box; }
.modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; }
.modal.fade.in { top: 50%; }
.modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; }
.modal-header .close { margin-top: 2px; }
.modal-header h3 { margin: 0; line-height: 30px; }
.modal-body { max-height: 400px; padding: 15px; overflow-y: auto; }
.modal-form { margin-bottom: 0; }
.modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5;
  border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; 
  *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; }
.modal-footer:before, .modal-footer:after { display: table; line-height: 0; content: ""; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }
.hide { display: none; }
.show { display: block; }
.close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); }
.close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); }
button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

/* Links
--------------------------*/
a { color: #0b254f; cursor: pointer; }
a:hover { color: #284a82; }
a.qq { text-decoration: none; }

/* Text
--------------------------*/
.PageHeading { font-size: 24px; color: #0b254f; letter-spacing: 1px; padding-bottom: 5px; margin-top: 50px; }
.PageHeadingSM { font-size: 16px; font-weight: bold; color: #0b254f; margin: 0; padding: 0; }
.Heading { font-size: 24px; color: #0b254f; letter-spacing: 1px; padding-bottom: 5px; }
.SubHeading { font-size: 16px; color: #0b254f; font-weight: bold; padding-bottom: 5px; }
.quoteHeading { color: #cc001b; text-align: right; font-size: 18px; font-weight: bold; letter-spacing: 1px; }
.zipHeading { color: #284a82; text-align: right; font-size: 12px; font-weight: bold; margin-top: -3px; padding-bottom: 8px; }
.listingTitle { color: #0b254f; font-weight: bold; font-size: 13px; margin-left: -15px; }
.listingTitle a { text-decoration: none; }
.disclaimer { color: #333; font-size: 10px; line-height: 100%; text-align: left; }
.invalid { color: #990000; font-size: 9px; font-weight: bold; text-transform: uppercase; }
.small { font-size: .8em; color: #666; }
.objName { font-size: 15px; color: #284a82; }
.infoBox { background-color: #D8FEFF; padding: 8px; border: 1px solid #91CECF; color: #136873; }
.font8 { font-size: 8px; }
.font9 { font-size: 9px; }
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }

/* Forms
--------------------------*/
fieldset {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px; border: 1px solid #ccc; padding: 20px;
}
legend { font-size: 20px; font-weight: bold; padding: 10px 20px; color: #cc001b; }
.label { font-size: .7em; color: #666; text-transform: uppercase; letter-spacing: .2em; }
label { font-size: .9em; color: #666; }

input[type="text"].required, input[type="number"].required, select.required {
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
	border: 1px solid #9ecaed;
	background-color: #eff9ff;
}

input:focus, select:focus {
	border-color: #9ecaed;
	box-shadow: 0 0 10px #9ecaed;
}

.required label:after {
	color: #0000ff;
	content: ' *';
	display:inline;
}

input[type="text"].error, input[type="number"].error, select.error { color: #cc0000; padding: 2px 3px; border: 1px solid #ff6060; background-color: #ffdfdf; }
input[type="text"].error:focus, input[type="number"].error:focus, select.error:focus { box-shadow: 0 0 10px #ff6060; border: 1px solid #ff6060; }
div#errors, div#errorMessages ul li { color: #cc0000; }

.inputLbl { font-size: 11px; font-weight: bold; color: #fff; letter-spacing: 2px; }

input, textarea {
	color: #0b254f; font-family: Trebuchet, Trebuchet MS, Sans-Serif; font-size: 11px;
	border: 1px solid #ddd; padding: 2px 5px; margin: 2px; outline: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;	
}

select {
	color: #0b254f; font-family: Trebuchet, Trebuchet MS, Sans-Serif; font-size: 11px;
	border: 1px solid #999; padding: 2px 0px 2px 5px; margin: 2px; outline: none;	
}

.selectStyle {
	/*background: url(/images/layout/inputBkgd.png) repeat-x;*/
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	color: #0b254f;
	padding: 1px 1px 1px 5px;
	font-size: 11px;
	font-family: Trebuchet, Trebuchet MS, Sans-Serif;
	border: 0;
	}
.selectStyle:hover { background-color: #fff; }

.polMaint_selectStyle {
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	color: #0b254f;
	padding: 1px 1px 1px 5px;
	margin: 2px;
	font-size: 11px;
	font-family: Trebuchet, Trebuchet MS, Sans-Serif;
	border: 1px solid #5a6e76;
	}
.polMaint_selectStyle:hover { background-color: #fff; }

.disabled {
	background-color: #eee;
	color: #555;
	border: 1px solid #ccc;
	font-style: italic;
}


/* Table Defaults
--------------------------*/

table { width: 100%; }
.headerRow { background-color: #284a82; color: #fff; padding: 0px 3px; font-weight: bold; border-bottom: 1px solid #0b254f; }
.rowOdd { background-color: #fff; }
.rowEven { background-color: #eee; }
.rowEven { background-color: rgba(226,226,226,0.4); /* everything but IE */ }
.total { font-weight: bold; color: #0b254f; border-top: 1px solid #0b254f; font-size: 14px; }

/* Images
--------------------------*/

.alert { cursor: pointer; }
img { border: 0; }
.closex { background-color: #0b254f; }
.infoIcon {
	width: 12px; height: 12px;
	background: #0b254f url(/includes/images/icons/info.png) no-repeat;
	float: left; clear: left; margin-right: 5px;
}

/* General
--------------------------*/
.centered { text-align: center; margin: 0 auto; }
hr { border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; }
.condensed { width: 1%; }

.white { color: #fff; }
.gray { color: #999; }
.dark { color: #0b254f; }
.red { color: #ff0000; }

.floatL { float: left; }
.floatR { float: right; }
.clr { clear: both; }
.centered { text-align:center;margin:0 auto; }

.caps { text-transform: uppercase; }
.u { text-decoration: underline; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.indent20 { padding-left: 20px; }

.padd5 { padding: 5px; }
.padd10 { padding: 10px; }
.rounded5 { -moz-border-radius: 5px; border-radius: 5px; }
.rounded10 { -moz-border-radius: 10px; border-radius: 10px; }

.noBorder { border: 0; }

/* Print media
--------------------------*/
@media print 
{
   .doNotPrint {display:none;}   
}