body { font: 11px black verdana, helvetica, arial, sans-serif; }

/* * { padding: 0; margin: 0; } */

.navigation {
	font-size: 0px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
}

h2, .PageTitle {
	font-size: 22px;
	font-style: normal;
	line-height: 36px;
	font-weight: bolder;
	color: blue;
}

h3 {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}

.pageTitleMargin{
	margin-left: 14px;
}
.bodyTextMargin{
	margin-left: 4px;
}
.subPageTitle {
	font-size: 14pt;
	font-style: normal;
	line-height: 36px;
	font-weight: bolder;
	color: blue;
}

.largebutton {
	font-weight: bold;
	background: url(button-bg.gif) repeat-x;
	border: 1px solid #666;
	padding: 2px 0;
	cursor: pointer;
	width: 210px;
}

.PageTitleRed {
	font-size: 16px;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	color: #990000;
}

.instructions {
	font-size: 12px;
	padding-left: 5px;
	padding-right: 10px;
	line-height: 100%;
	color:black;
}

img.BenifitsMargin
{
	margin:5px 15px 0px 20px;
}

img.BenifitsEmptyCircleMargin
{
	margin:5px 5px 0px 20px;
}

a.example1:link {
	color: #990033;
}

a.example1:visited {
	color: #990033;
}

a.example1:active {
	color: #990033;
}

.PageHeader {
	font-size: 9pt;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	line-height: 100%;
	color: black;
	line-height: 13pt;
}

.SubPageHeader {
	font-size: 9pt;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	line-height: 100%;
	color: black;
}

.MainPageHeader {
	font-size: 17.5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	color: black;
	line-height: 100%;
}

.PageHeaderSmall {
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	line-height: 100%;
	color: black;
}

.SubHeader {
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	line-height: 1.5em;
}

.Header {
	font-size: 14.5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	line-height: 100%;
}

.serial {
	font-size: 12px;
	padding-left: 1px;
	padding-right: 1px;
	line-height: 16pt;
}

.textBox {
	font-size: 12px;
	padding-right: 10px;
	line-height: 100%;
}

.externalborder {
	border: thin solid #000000;
}

body {
	margin-left: 0px;
	margin-top: 0px;
}

a {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	color: #000099;
}

a.bottomNav {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #000000;
	text-decoration: none;
}

.text {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #666666;
}

a.bottomNav:hover {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #009999;
	text-decoration: underline;
}

a.instructions,a.instructions:visited,a.instructions:active {
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #000099;
}

a.instructions:hover {
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #009999;
}

.formFields {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}

.leftNav {
	font-size: 12/16px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 2px;
}

.leftNavigation {
	font-size: 12/16px;
	font-style: normal;
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 2px;
}

a.leftNav:hover {
	font-size: 12/16px;
	font-style: normal;
	font-weight: bold;
	color: #4B4D5A;
	text-decoration: underline;
}

a.leftNavtiny {
	font-size: 11px;
	font-style: normal;
	color: #494949;
	text-decoration: none;
	font-weight: normal;
	padding-left: 5px
}


a.leftNavtiny:hover {
	font-size: 11/14px;
	font-style: normal;
	color: #4B4D5A;
	text-decoration: underline;
}

ul {
	list-style-position: outside;
	list-style-image: url("images/images1/images/bullet.gif");
	list-style-type: square;
}

.ul {
	list-style-position: outside;
	list-style-image: url("images/images1/images/bullet.gif");
	list-style-type: square;
	padding-bottom: 12px;
}

.PageSmallTitle {
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: 99AACC;
}

ol {
	list-style-position: outside;
	list-style-image: url("images/images1/images/smallbullet.gif");
	list-style-type: square;
}

.ol {
	list-style-position: outside;
	list-style-image: url("images/images1/images/smallbullet.gif");
	list-style-type: square;
	padding-bottom: 12px;
}

.style24 {
	font-size: 12px;
	font-weight: normal;
}

a.topbuttons {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #506FA3;
}

a.topbuttons {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	align: center;
}

a.topbuttons:hover {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #506FA3;
	text-decoration: none;
	align: center;
}

.leftnavGrad {
	background-image: url("images/images1/images/background.jpg");
	background-repeat: repeat-x;
	background-position: left top;
}

.style37 {
	font-size: 11px
}

.textField {
	color: blue;
}

input[type='button'], .button {
	font-weight: bold;
	font-size: 11px;
	background: url(button-bg.gif) repeat-x;
	border: 1px solid #666;
	padding: 2px 0;
	cursor: pointer;
}

.disabledButton {
	font-weight: bold;
	background: url(button-bg.gif) repeat-x;
	border: 1px solid #666;
	padding: 2px 0;
}

h1 {
	font-size: 22px;
	font-style: normal;
	line-height: 36px;
	font-weight: bolder;
	color: blue;
}

.depo-page-instructions {
	text-align: justify;
	font-style: italic;
	font-size: 13px;
	margin: 0 1em;
}

.warning {
	font-weight: bold;
	color: black;
}

div.depo-summary {
	color: black;
	border-style: solid;
	border-color: #808080;
	border-width: 1px;
	margin-top: 1em;
}

table.depo-summary thead {
	background-color: #E9E9E9
}

div.depo-summary-buttons {
	margin: 0.5em 0;
	text-align: center;
}

div.depo-summary-buttons input.button {
	margin: 0 20%;
}

div.depo-page-buttons {
	padding-top: 1em;
	align: center;
	margin: 0 35%;
}

div.depo-page-buttons input.depo-next {
	float: right;
}

div.depo-page-buttons input.depo-back {
	float: left;
}

div.depo-contract-container {
	height: 360px;
	width: 450px;
	overflow: auto;
	border: 1px solid #666;
	background-color: #eee;
	padding: 8px;
}

#depo-print-contract .depo-contract-intro {
	font-size: medium;
	font-style: italic;
}

div.depo-contract-buttons input.button {
	margin: 15px 2px 2px;
	padding: 2px;
}

.depo-pool-name {
	font-weight: bold;
	font-size: 15px;
	text-align: center;
}

/*** Two-column layout styles ***/
body.d2c {
	text-align: center;
	/* IE6 needs this to center the layout in the browser window */
}

#d2c-main-wrapper {
	width: 1000px;
	/* widths of columns will change proportionately as this width is changed */
	margin-left: auto; /* centers layout in browser */
	margin-right: auto; /* centers layout in browser */
	text-align: left;
	/* resets the centering hack for IE6 on the body tag */
}

#d2c-main-wrapper form {
	margin: 0;
	padding: 0;
}

.d2c-header {
	
}

.d2c-nav,.d2c-footer {
	background-color: #a7da8f
}

.d2c-nav {
	clear: both;
	width: 22%; /* this width + content width must total 100% */
	float: left;
	/* floats on nav and content divs make them sit side by side */
}

.d2c-nav a {
	display: block;
	margin: 1em; 0.5 em;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: blue;
}

.d2c-nav h2 {
	color: black;
	font-weight: bold;
	font-size: 18px;
	margin: 2px;
}

.d2c-nav input.button {
	margin: 10px 5px;
}

.d2c-content {
	float: left;
	/* floats on nav and content divs make them sit side by side */
	width: 78%; /* this width + nav width must total 100% */
	top: 0px;
	background-color: white;
}

.d2c-footer {
	clear: both;
	/* makes the footer sit below whichever column is longest */
	width: 100%;
	float: left;
}

.d2c-header-inner,.d2c-nav-inner,.d2c-content-inner,.d2c-promo-inner {
	overflow: hidden;
	/* clips oversize elements that would otherwise expand divs and break the layout */
}

.d2c-header-inner {
	padding: 1em 2em; /* creates space between the box  and the content */
}

.d2c-nav-inner {
	padding: 1em .8em; /* creates space between the box and the content */
}

.d2c-content-inner {
	padding: 0 1em 1em 1.5em;
	/* creates space between the box and the content */
}

.d2c-footer-inner {
	padding: .5em 1em; /* creates space between the box and the content */
	text-align: center;
}

.d2c-page-title {
	width: 100%;
	text-align: center;
}

.d2c .page-instructions * {
    font-size: 13px;
}

.d2c .page-instructions {
    margin: 1em 3em;
}

.d2c .buttons {
    padding: 0.5em 5em;
}

table.rack-selection {
	border-spacing: 0;
	border-collapse: collapse;
}

table.rack-selection tr.first {
	border-top: 5px solid red;
}
	
table.rack-selection td {
	border-color: #B2C1E6;
	border-style: ridge;
	border-width: 2px;
	padding: 10px;
}

table.rack-selection thead { 
	background-color: #E9E9E9;
    font-weight: bold;
    text-align: center;
}

table.rack-selection thead td.buyer { width: 12%; }
table.rack-selection thead td.product { width: 20%; }
table.rack-selection thead td.year-volume { width: 5%; }
table.rack-selection thead td.address { width: 16%; }
table.rack-selection thead td.volume { width: 5%; }
table.rack-selection thead td.buyer-rack { width: 21%; }
table.rack-selection thead td.select-rack { width: 21%; }
table.rack-selection caption { color: #AD0000; font-size: 11px; text-align: left; font-weight: bold; margin: 0.5em; }
  
#d2c-verisign-seal {
	float: left;
	width: 130px;
}

#d2c-verisign-text {
	float: left;
	width: 15em;
}

#d2c-depo-copyright {
	width: 50em; 
	padding: 0.5em;
	float: right;
	text-align: right;
}

#rfp-product-spec-list td.product-selection input[type='checkbox'] { float:left; }
#rfp-product-spec-list div.bid-checkbox{ float: left; }
#rfp-product-spec-list div.bid-type { float: left; }
#rfp-product-spec-list td { padding: 0.3em 0.5em; }
#rfp-product-spec-list td.quantity { text-align: right; }
#rfp-product-spec-list td.term{ text-align: center; }
#rfp-product-spec-list td.buyer a { font-size: 120%; } 
#rfp-product-spec-list td.buyer input[type='button'] { margin: 0.5em 0.3em 0.1em; font-weight: bold; font-size: 90%; } 

#depo-buyer-filter label { display: inline; font-size: 110%; font-weight: normal; }
#depo-buyer-filter input.distance { width: 5em; }
#depo-buyer-filter input.zip-code { width: 5em; }
#depo-buyer-filter .buttons { position: relative; height: 4em;}
#depo-buyer-filter input[value='Search'] { position: absolute; top: 0.2em; left: 0.5em; }
#depo-buyer-filter input[value='Clear'] { position: absolute; top: 0.2em; right: 0.5em; }

#depo-buyer-filter .depo-filter-section {
 background: #e9e7e7;
}

#depo-buyer-filter .depo-filter-section h3 { 
	background: #e9e7e7 url(/images/arrow-square.gif) no-repeat right -54px;
	padding: 2px;
	margin: 0;
	font-weight: bold;
	font-size: 120%;
	font-style: normal;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	text-align: left;
}

#depo-buyer-filter .depo-leftnav-section h3 { 
	padding: 0px;
	margin: 0;
	font-weight: bold;
	font-size: 120%;
	font-style: normal;
	text-align: left;
}

#depo-buyer-filter .depo-leftnav-section a { 
	padding: 0px;
	margin:0px 0px 4px 20px;
	font-weight: bold;
	font-size: 120%;
	font-style: normal;
	text-align: left;
	cursor: pointer;
	color: blue;
}



#depo-buyer-filter .depo-filter-section h3.active { 
	background-position: right 4px;
}

#depo-buyer-filter .depo-filter-selection {
  margin-left: 10px;
  padding-bottom: 3px;
}

#depo-buyer-filter span.depo-state-selection {
  display: inline-block;
  width: 4em;
  white-space: nowrap;    
}

#depo-benefits p, #depo-benefits li { font-size: 13px; }
#depo-benefits p { font-weight: bold; }
#depo-benefits h3, #depo-benefits em {font-weight: bold; font-style: italic; }
#depo-benefits h3 { color: #993333; font-size: 140%; }
#depo-benefits li ul { list-style: circle }

/* JQuery UI */
.ui-dialog .ui-dialog-title {
    font-size: 22px;
    color: blue;
}

table.noBorder{
	border-collapse: collapse;
	padding: 0;
	border: 0;
	align: center;
	width: 186px;
	}
	
	
.pageTitleMaroon{
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	font-weight: bold;
	color: maroon;
	align:center;
}		

td.marronColor{
	color:#993333;
	font-weight: bold;
	}
	
td.buyerhomePool{
	border: 1px solid BLACK;
	align: center;
	font-size:15px;
	}	
img.imgBorder{
	width:75px; 
	height:43px;
	border:0;
	}		

#home-body {
	margin-right: 2em;
}

#home-body p {
	margin: 0.5em 0;
}

#home-pooling {
	margin-right: 6em;
}

#home-pooling p {
	width: 70%;
	float: left;
}

#home-buying-power {
	clear: both;
}

#home-p1 {
	padding-top: 1em;
}

.accordion-hdr-data {
	font-weight: normal;
	text-align: center;
}

table.form {
	border: 2px solid #B2C1E6;
	border-collapse: collapse;
}

table.form td.name {
	border: 2px solid #B2C1E6;
	padding: 6px;
	font-weight: bold;
	font-size: 12px;
}

table.form td.value{
	border: 2px solid #B2C1E6;
	padding: 6px;
	font-weight: normal;
	font-size: 12px;
}

table.data {
	border: 2px solid #B2C1E6;
	border-collapse: collapse;
}

td.name {
	font-weight: bold;
}

td.value {
	font-weight: normal;
}

tr.even {
	background-color: #E9E9E9;
}

tr.odd {
	background-color: white;
}
	
table.delivery-location-details {
	width: 100%; 
}

table.delivery-location-details td.name {
	width: 26%;
}

table.delivery-location-details td.value {
	width: 74%;
}

.storage-tank-table-header {
	padding-top: 2px;
	padding-bottom: 2px; 
}

.storage-tank-table-data-row td {
	padding-top: 2px;
	padding-bottom: 2px;
}

table.preferred-vendor-list {
	border: 2px solid #B2C1E6;
	width: 90%;
	margin: auto;
}

table.preferred-vendor-list thead {
	background-color: #E9E9E9;
}

table.preferred-vendor-list thead td {
	padding: 2px 0;
	text-align: center;
}

table.preferred-vendor-list tbody td {
	padding: 5px 0;
	text-align: center;
}

table.preferred-vendor-form{ 
	width: 90%;
	margin: auto;
}

.button-container {
	text-align: center;
	padding: 5px 0;
}

/* DEPO Accordion */
.depo-accordion-hdr {
	background-image: url("../arrow-square.gif");
	background-repeat: no-repeat;
	background-position: right -51px;
	cursor: pointer;
}

.depo-accordion-hdr:hover {
	background-color: #e3e2e2;
}

.depo-accordion-open {
	background-position: right 4px;
}

.depo-accordion-body {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
}

.depo-accordion-body.depo-accordion-open { 
	display: block; 
}

.buyer-summary-ifb-status {
	float: right;
	color: blue;
	font-style: normal;
	line-height: 36px;
	font-weight: bolder;
	color: #993333;
	font-size: 12pt;
}

.pool-image {
	display: inline-block;
}

td.pool-name {
	color: black;
	font-size: 12px;
	font-weight: bold;
}

.buyer-summary-pool-title {
	margin: auto;
}

.buyer-summary-section-hdr {
	background-color: #A8C1E6;
	color: black;
	padding: 7px 15px;	
	margin: 0;
	font: bold 150%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	text-align: center;
} 

.buyer-summary-product-hdr {
	border: none;
	background-color: #E9E7E7;
	color: #993333;
	padding: 0 28px 0 7px;
	margin: 0;
	font: bold 16px verdana, helvetica, arial, sans-serif;
}

.buyer-summary-product-hdr .button {
	margin: 0 2px 3px;
	float: right;
}

.buyer-summary-outer {
	padding: 0 5px;
}

.buyer-summary-subsection-hdr {
	color: #993333;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 3px;
}

.buyer-summary-outer table.data {
	width: 100%;
	border: none;
}

table.buyer-summary-data {
	width: 100%;
}

table.buyer-summary-data > tbody > tr > td {
	padding: 5px;
}

table.buyer-summary-storage-tank-data td.name {
	width: 35%;
}

table.buyer-summary-storage-tank-data td.value {
	width: 65%;
}

td.name, td.value {
	vertical-align: top; 
}

.buyer-summary-data td.name {
	padding-left: 10px;
}

.buyer-summary-data td.name, .buyer-summary-data td.value {
	font-size: 12px;
	width: 50%;
	padding-top: 3px;
	padding-bottom: 3px;	
}

table.buyer-summary-traditional-suppliers {
	width: 100%;
	margin-top: 5px;
	border: 3px inset white;
	border-collapse: collapse;
}

table.buyer-summary-traditional-suppliers td {
	border: 3px inset white;
	padding: 5px;
}

table.buyer-summary-traditional-suppliers thead td {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

table.buyer-summary-documents {
	width: 100%;
	border: 2px solid #B2C1E6;
	border-collapse: collapse;
}	
	
table.buyer-summary-documents thead {
	background-color: #E9E9E9;
	font-weight: bold;
	text-align: center;
}

table.buyer-summary-documents td {
	font-size: 12px;
	padding: 5px;
	border: 2px solid #B2C1E6;
}

.section-links { float: right; padding: 2px; color: black; font-weight: bold;}

.user-quote {
	text-align: justify;
	font-style: normal;
	font-size: 9pt;
	line-height: 13pt;
	padding: 0 5px 5px 5px;
}

.user-quote-attribution {
	text-align: right;
	font-style: italic;
	font-size: 9pt;
	line-height: 13pt;
}

.countdown-display {
	text-align: center;
}

/* CSS for company officer page */
.officer-list h2 {
	color: blue;
	font-size: 27px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
}

.officer-list h3 {
	color: black;
	font-size: 20px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
    font-style: normal;
    text-align: left;
}

.officer-name {
	color: black;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin-top: 16px;
}

.officer-title {
	color: black;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	margin-bottom: 10px;
}

.officer-list p {
	color: black;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: justify;
	margin: 0 0 5px 0;
}

#supplier-question-table {
	border: 2px solid #B2C1E6;
	border-collapse: collapse;
	text-align: center;
	font-size: 12px;
	width: 100%;
}

#supplier-question-table thead {
	font-weight: bold;
	background-color: #E9E9E9;
}
	
#supplier-question-table tbody td {
	border: 2px solid #B2C1E6;
}
td.sqt-select { width: 5%; }
td.sqt-text { width: 49%; }
td.sqt-time { width: 12%; }
td.sqt-vendor { width: 17%; }
td.sqt-contact { width: 17%; }

#buyer-answer-confirmation-table {
	width: 90%;
	border: 2px ridge white;
	border-collapse: collapse;
}

#buyer-answer-confirmation-table thead {
	text-align: center;
	background-color: #E9E9E9;
} 
	
#buyer-answer-confirmation-table td {
	padding: 5px;
	border: inherit;
	border: 2px ridge white;
}

.buyer-question-list {
	width: 100%;
	border: 2px solid #B2C1E6;
	border-collapse: collapse;
	margin-bottom: 5px;
}

.buyer-question-list thead {
	background-color: #E9E9E9;
}
	
.buyer-question-list td {
	padding: 5px;
	border: 2px solid #B2C1E6;
}