/* Dynamic CSS -  */

DIV,FORM,TR,TH,TD,A
{
	color: black;
}

body
{
	background: #ffffff url(/images/local/bg.jpg) repeat-x scroll;          /*--- ------------------------------------------ ---*/
}

div#outer-div
{
	height: auto;
	width: 100%;
	margin: 0;
	border: none;
	background: #ffffff url(/images/local/bg.jpg) repeat scroll;
       /*--- ------------------------------------------ ---*/
}


table#body-table
{
	position: relative;
	width: 750px;
	margin: 0 auto;
	border: none;
	padding: 0;
	height: auto;
	text-align: center;
	vertical-align: top;
	background: #ffffff;
	border-spacing:0;
	border-collapse:separate;
	color: black;
}

table#body-table td
{
	vertical-align: middle;
}

table {
	border-collapse:collapse;
}

*:first-child+html table#body-table /* IE 7 only*/
{
	border-collapse:collapse;
}

table#body-table tbody
{
	width: 750px;
	text-align: center;
	vertical-align: top;
}

#page-fuelpurchase table#body-table tbody
{
	width: 750px;
	text-align: center;
	vertical-align: top;
	background-color: #FFFFFF;
}

table#body-table col#column2
{
	width: 146px; /* for IE */
}

table#body-table col#column3
{
	width: 0%; /* for IE */
}

table#body-table col#column4
{
	width: 376px; /* for IE */
}

table#body-table col#column5
{
	width: 374px; /* for IE */
}

table#body-table col#column6
{
	width: 0%; /* for IE */
}

tr#row-W div#widetop-div table#widetop-table
{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}

div#leftbar-div
{
	padding: 12px 0 5px 0;
	width: 146px; /* for IE6 */
}


div#main-div b
{
	color: black;
}

     /*--- ------------------------------------------ ---*/


#page-customersignup div#main-div 
{
	border:1px solid #C0C0C0;
	font-size:12px;
	line-height:17px;
	text-align:left;
}

.user-info-left-col
{
	padding-left: 25px;
/*	padding-top: 15px; */
	padding-top: 2px;
	text-align: left;
	color: black;
	border:1px #C0C0C0 solid;     /*--- ------------------------------------------ ---*/
}

.user-info-right-col
{
	padding-left: 25px;
	padding-top: 5px;
	text-align: left;
	border:1px #C0C0C0 solid;     /*--- ------------------------------------------ ---*/
}

.user-info-left
{
	background-color:#cccccc;
	width:110px;
	color:black;
	padding:8px 0 8px 8px;
	text-align:left;
	white-space:nowrap;	
	height:24px;
}

.user-info-right
{
	background-color:#cccccc;
	width:110px;
	color:black;
	padding:8px 0 8px 8px;
	text-align:left;
	white-space:nowrap;
	height:24px;
}

.user-info-heading
{
	padding-left: 10px;
	padding-top: 15px;
	text-align: left;
	width: 87px;
}

.user-info-row
{
	color: black;
	padding-left: 10px;
/*	padding-top: 15px; */
	padding-top: 5px;
	text-align: left;
	width: 100%;
}

#info
{
	background-image: url(/images/local/info-back.gif);
	background-repeat: no-repeat;
	float: left;
	/* height: 207px; */
	width: 146px;
}

#welcome-copy
{
	background-image: none;
	background-repeat: no-repeat;
	position: relative;
	width: 750px;
	overflow:hidden;
	vertical-align:middle;
}

#welcome-copy #welcome-text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
	text-align: left;
	padding: 3px 15px 3px 15px;
	line-height: 19px;
	width: 408px;
	float: left;
	margin-top:25px;
	font-weight:normal;
}

#welcome-copy #welcome-text-new
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-align: left;
	padding: 3px 15px 3px 15px;
	line-height: 20px;
	width: 400px;
	float: left;
	font-weight:normal;
}

#welcome-copy #welcome-text ul li
{
	font-size: 16px;
	font-weight: normal;
	color:black;
	line-height: 19px;
}

#welcome-copy #welcome-text #welcome-title
{
	font-size: 18px;
	font-weight: bold;
	color:black;
	line-height: 22px;
}


#welcome-copy #welcome-pic
{
	margin-left: 15px;
}

#welcome-copy #welcome-signature
{
	width: 75px;
	margin: 0;
	position: relative;
	top: -25px;
	left: 100px;
}

#welcome-footer,
#welcome-buttons
{
	color:black;
	font-size:18px;
	font-family: Arial, sans-serif;
	font-weight:bold;
	text-align:left;
	padding:15px;
}

.left-heading
{
	color: #ff0000;
}

div#passwd-msg-div h6

{
	font-size: 12px;
}

a.svc-link
{
	color:blue;
}

/*--- ------------------------------------------ ---*/

.webpage-table
{
	margin: 0 auto;
	width: 100%;
}

#gallons-main-heading td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;

	color: black;
	padding: 0 0 20px 0;
}

.willcall-radio input
{
	float: left;

}

.willcall-radio
{
	text-align: left;
}


/*--- ------------------------------------------ ---*/

table#tprice2 .radioselector,
table#tprice2 #bill_price,
table#tprice2 #bill_other_gallons,
table#tprice2 #bill_name,
table#tprice2 #bill_phone_number,
table#tprice2 #bill_email_address,
table#tprice2 #bill_comments,
table#tprice2 #willcall_capacity,
table#tprice2 #willcall_total
{
	float: left;

}

/*--- ------------------------------------------ ---*/
table#tprice2 .radioselector,
table#tprice2 #bill_price,
table#tprice2 #bill_other_gallons,
table#tprice2 #bill_name,
table#tprice2 #bill_phone_number,
table#tprice2 #bill_email_address,
table#tprice2 #bill_comments,
table#tprice2 #willcall_capacity,
table#tprice2 #willcall_total
{
	margin: 0 5px 5px 5px;
}

#cmdSubmit
{
	position: relative;
}

table#tprice2 input#bill_other_gallons,
table#tprice2 input#bill_name,
table#tprice2 input#bill_phone_number,
table#tprice2 input#bill_email_address,
table#tprice2 textarea#bill_comments
{
	width: 200px;
}


tr#gallons-error
{
	color:red;
}

div#coupon-entry
{
	z-index: -1000;
	position: absolute;
	top:200px;
	width:250px;
	height:100px;
	border:2px black solid;
	background-color:lightgray;
	padding:3px;
}

table#tprice1 {
	margin-left: 15px;
	margin-top:30px;
}

#page-fuelpurchase table#tprice1 {
	margin-right: 15px;
	margin-top: 0px;
}


table#tprice1 input
{
	width:150px;
}

table#tprice1 input.radiobutton
{
	width:20px;
}

table#tprice1 tr#willcall-coupon td input#cmdEnterCode
{
	width:80px;
}

table#tprice2 td
{
	text-align:left;
}


table#tprice2 .radioselector,
table#tprice2 #bill_price,
table#tprice2 #bill_other_gallons,
table#tprice2 #bill_name,
table#tprice2 #bill_phone_number,
table#tprice2 #bill_email_address,
table#tprice2 #bill_comments,
table#tprice2 #willcall_capacity,
table#tprice2 #willcall_total
{
	margin:0px;
}

table#tprice2 td
{
	padding:3px;
}

#page-customersignup div#main-div 
{
	border:1px solid #C0C0C0;
	font-size:12px;
	line-height: 17px;
	text-align:left;
}

table.signup-table,
table.signup-table tbody 
{
	margin: 0 auto;
	width:500px;
}

table.signup-table td.signup-heading,
table.signup-table td a
{
	color:#1A69B6;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
}

table.signup-table td.contract-simple-error
{
	color:red;
}

td.signup-subheading
{
	color:#c83e43;
	font-weight:bold;
	padding-bottom:10px;
	padding-left:27px;
	padding-top:10px;
	text-align:left;
}

td.signup-left
{
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding:3px;
}

td.signup-right
{
	text-align: left;
	vertical-align: middle;
}

a#redeem-link,
a#addserviceplanlink,
div.newcust-link a
{
	font-style:italic;
	color:red;
}

#page-fuelpurchase input#cmdSubmit,
#page-fuelpurchase input#cmdEnterCode
{
	padding: 2px;
	width: 140px;
	font-family: arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	cursor: pointer;
}


/*----------- new payment page ------------*/

div#newpayment-requirement-message
{
	display:none;
}

div#all-policy-div
{
	display: none;
	width: 700px;
	margin: 0 auto;
	position: absolute;
	top: -130px;
}

div#policy-buttons-div
{
	width: 700px;
	height: 22px;          /*--- Height of policy div - adj for text size ---*/
	margin: 10px auto;
	border: none;
	z-index: 5000;
	position: relative;
	background-color: white;
	margin-bottom: 10px;
}

div.single-policy-div
{
	width: 750px;
	background-color: white;
}


div#newpayment-heading,
div#newpayment-billing,
div#newpayment-amount,
div#newpayment-method,
div#newpayment-papercheck-entry,
div#newpayment-billaccount-entry,
div#newpayment-policies,
div#newpayment-type
{
	width:705px;
}

div#newpayment-error
{
	font-weight:bold;
	color:red;
	text-align:center;
	padding:3px 15px;
}

div#newpayment-billing
{
	height: 250px;
	padding:3px 15px;
}

div#newpayment-submit-one input
{
	padding: 2px;
	width: 140px;
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	cursor: pointer;
}

div.newpayment-submit-area
{
	position: relative;
	text-align: center;
	padding:5px;
}

div#newpayment-policy-cage
{
	padding:3px 5px;
}

div#newpayment-heading
{
	font-family: Arial, Sans-serif;
	font-weight: bold;
	text-align: left;
	padding: 15px 5px 15px 20px;
	width:705px;
	border-bottom: 1px solid #C0C0C0;
}


div#newpayment-first-name-area,
div#newpayment-last-name-area,
div#newpayment-email-area,
div#newpayment-day-phone-area,
div#newpayment-company-name-area
{
	width: 350px;
	height: 32px;
	padding: 10px 0 0 0;
}

div#newpayment-first-name-label,
div#newpayment-first-name-input,
input#bill_first_name,
div#newpayment-last-name-label,
div#newpayment-last-name-input,
input#bill_last_name,
div#newpayment-email-label,
div#newpayment-email-input,
input#bill_email,
div#newpayment-day-phone-label,
div#newpayment-day-phone-input,
input#bill_day_phone,
div#newpayment-company-name-label,
div#newpayment-company-name-input,
input#bill_company_name
{
	width: 350px;
}

div#newpayment-address-1-area,
div#newpayment-address-2-area,
div#newpayment-city-area,
div#newpayment-state-area,
div#newpayment-zipcode-area
{
	position: relative;
	left: 360px;
	top: -210px;
	width: 350px;
	height: 32px;
	padding: 10px 0 0 0;
}

div#newpayment-address-1-label,
div#newpayment-address-1-input,
input#bill_address_1,
div#newpayment-address-2-label,
div#newpayment-address-2-input,
input#bill_address_2,
div#newpayment-city-label,
div#newpayment-city-input,
input#bill_city,
div#newpayment-state-label,
div#newpayment-state-input,
select#bill_state,
div#newpayment-zipcode-label,
div#newpayment-zipcode-input,
input#bill_zipcode
{
	width: 350px;
}

div#newpayment-amount,
div#newpayment-method,
div#newpayment-type
{
	border-top: 1px solid #C0C0C0;
	height: 20px; 
	padding: 15px;
}

div#newpayment-amount div#newpayment-amount-text,
div#newpayment-method div#newpayment-method-text,
div#newpayment-amount div#newpayment-amount-preset-text,
div#newpayment-type div#newpayment-type-text
{
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display:block;
	float:left;
}

div#newpayment-amount-balance-option,
div#newpayment-amount-other-option,
div#newpayment-amount-input,
div#newpayment-amount-preset-input,
div#newpayment-type-option
{
	position: relative;
	display:block;
	float:left;
	padding: 0 10px;
}

div#newpayment-method-choice-creditcard,
div#newpayment-method-choice-echeck,
div.newpayment-method-choice
{
	position: relative;
	display:block;
	float:left;
	padding: 0 10px;
}

div#newpayment-message
{
	margin:0px 15px;
	text-align:center;
	color: #E6182E; /*Red*/     /*--- Company specific text and background colors ---*/
	font-size:16px;
	font-weight:bold;
}

div#newpayment-cc-title,
div#newpayment-echeck-title,
div#newpayment-policies-title
{
	color: black;
	background-color: #cccccc;
	border: 1px solid #999999;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding: 5px 5px 5px 20px;
	margin-bottom: 10px;
}

div#newpayment-policies
{
	margin-top: 10px;
}

div#newpayment-cc-entry input
{
	width:157px;
}

div#newpayment-policies-title
{
	width: 100%;
}

div#newpayment-cc-cardtype, 
div#newpayment-echeck-routing 
{
	display:block;
	float:left;
	margin-left:20px;
}

div#newpayment-cc-cardnum
{
	display:block;
	float:left;
	margin-left:20px;
}

div#newpayment-cc-cardexp, 
div#newpayment-echeck-account,
div#newpayment-cc-cardcvs 
{
	display:block;
	float:left;
	margin-left:20px;
	position:relative;
}

div#newpayment-cc-operations
{
	display: block;
	float:left;
	margin-left:20px;
	position:relative;
}

div.newpayment-method-area
{
	margin-bottom:10px;
	width: 730px;
}


#page-newpayment div#main-div,
#page-feepayment div#main-div
{
	margin:0pt auto;
	padding: 0 10px;
}

#page-newpayment div#newpayment-submit-one input#cmdSubmit
{
	position: relative;
	left:0px;
}

/*----------- END new payment page ------------*/


/*----------- Marketing ------------*/

#marketing-cell1
{
	height: 50px;
	font-size: 22px; 
	width: 250px; 
	border-right:white solid 1px;
	line-height: 50px;
	padding: 2px 10px;
	text-align:left;
	color:white;
}

#marketing-cell2
{
	height: 50px;
	font-size: 16px; 
	width: 300px; 
	border-right:white solid 1px;
	line-height: 50px;
	padding: 2px 10px;
	text-align:center;
	color:white;
}

#marketing-cell3
{
	height: 50px;
	font-size: 16px; 
	width: 190px; 
	padding: 2px 10px;
	color:black;
	text-align:center;
	vertical-align:middle;
}


#marketing-div
{
	height: 50px;
	border: 1px solid #C0C0C0;
	border-bottom:0px;
	background-color: #929397; /*#929397; *Red*/     /*--- Company specific text and background colors ---*/
	overflow:hidden;
}

#marketing-heading
{
	float: left; 
	display: block; 
	height: 66px;
	font-size: 22px; 
	width: 240px; 
	border-right:white solid 1px;
	line-height: 66px;
	padding: 2px 15px;
	text-align:left;
	color:white;
}

#marketing-notifications-area{
	text-align: left;
	height:70px;
	padding:5px 0px;
}

#marketing-notifications
{
	margin:0px;
}

#marketing-notifications li
{
	list-style: none;
}

.marketing-item-notification
{
	text-align:left;
	font-size:16px;
	width:300px;
	float:left;
	vertical-align:middle;
	line-height:30px;
	color:white;
}

.marketing-item-link a
{
	text-align:left;
	font-size:small;	
	margin-right: 0px;
	color: #fe0000;
	width:200px;
	float:right;
}

.marketing-item-link button
{
	color:black;
	text-align:center;
	height:30px;
}

.marketing-item-notification2
{
	text-align:left;
	font-size:16px;
	float:left;
	vertical-align:middle;
	line-height:60px;
	color:white;
}

.marketing-item-notification2 button
{
	margin-left:10px;
	color:black;
	text-align:center;
	height:30px;

}

#csrnotes-div
{
	height: 80px;
	border: 1px solid #C0C0C0;
	border-bottom:0px;
	background-color: #E6182E; /*Red*/     /*--- Company specific text and background colors ---*/

}

#csrnotes-heading
{
	display: block; 
	font-size: 18px; 
	width: 700px; 
	margin-right: 20px; 
	padding: 3px 15px;
	text-align:left;
	color:#E4D914;
	font-weight:bold;
}

#csr-notifications-area{
	width:700px;
	text-align: left;
	color:#E4D914;
	font-size:14px;
	padding:3px 15px;
}

#csr-notifications
{
	margin:0px;
}

#csr-notifications li
{
	list-style: none;
}

.csrnote-item-notification
{
	text-align:left;
	font-size:16px;
	width:300px;
	float:left;
	vertical-align:middle;
	line-height:30px;
	color:white;
}

.csr-item-link a
{
	text-align:left;
	font-size:small;	
	margin-right: 0px;
	color: #fe0000;
	width:200px;
	float:right;
}

.csr-item-link button
{
	color:black;
	text-align:center;
	height:30px;
}

a#autodeliverylink
{
	color: #fe0000;
}

#user-info-name{
	font-weight: bold;
	line-height: 22px;
}

#webpage-div{
	width: 100%
	
}

/*----------- END marketing ------------*/

/****************new stuff for SignUP***********************/

#page-customersignup table.willcallForms a
{
	color:blue;
	font-weight:bold;
	font-size:1.1em;
}
#page-customersignup table.willcallForms tr:nth-child(2n+1) {background-color:#DDDDDD;}
#page-customersignup td span {color:red;}
#page-customersignup tr.disabled td {color:#888888;}
#page-customersignup td.invalid  {color:red;}
#page-customersignup #fillLocationHead {vertical-align:middle;}
#page-customersignup #fillLocationTable tr{background-color:transparent;}
#page-customersignup #fillLocationTable td{vertical-align:middle;}
#page-customersignup td.errorAlert {color:red;}

#page-customersignup table.willcallForms td {
	height:25px;
	padding:0.1em 0.5em;
	text-align:left;
	vertical-align:middle;
	font-size:small;
	font-family: Arial, Helvetica, sans-serif;

}

#page-customersignup #cmdSubmit
{
	height:25px;	
	padding:0.1em 0.5em;
	display: block;
	margin: 20px 0px;	
}

#page-customersignup #signup-heading
{
	margin-bottom:15px;
	margin-top: 10px;
}

#page-customersignup #thankyou
{
	width:700px;
	text-align:left;
}

#page-customersignup .thankyou
{
	font-size:18px;
	font-weight:bold;
	font-family:Arial,sans-serif;
	text-align:left;
	color: #E6182E; /*Red*/     /*--- Company specific text and background colors ---*/
}

#page-customersignup #thankyou4
{
	text-align:center;
}

#page-customersignup #returnlink
{
	display:none;
}

/****************new stuff for Scheduler***********************/

#scheduler{
	width:100%;
}

#page-user-home #user_summary_subheading
{
	display:none;
}

#page-customersignup #signup-heading,
#page-user-records #summary-subheading,
#page-user-records #user_summary_subheading,
#page-user-records #deliveries-subheading,
#page-user-records #service-subheading,
#page-user-records #transactions-subheading,
#page-user-records #contracts-subheading,
#contracts-subheading,
#newpayment-heading,
#update-passwd-header-div,
#orderfuel-header-div,
#budgetcalculator-header-div,
#page-redeem #loyalty-header-div,
#schedule-appointment-row td,
td.title
{
	font-size: 22pt;
	font-weight:bold;
	color: #0055A5; /*Dark Blue*/ /*--- Company specific text and background colors ---*/
	font-family:Arial,sans-serif;
	text-align:left;
	line-height: 34px;
}


#page-user-records #user-header-table
{
	margin:0px;
}

#page-user-records .user-account-info-heading
{
	font-size: 19pt;
	line-height: 32px;
	font-weight:bold;
	font-family:Arial,sans-serif;
	color: #E6182E; /*Red*/     /*--- Company specific text and background colors ---*/
	padding:15px 0px 15px 15px;
	text-align:left;
	width:730px;
}

#page-user-records #deliveries-subheading,
#page-user-records #service-subheading,
#page-user-records #transactions-subheading,
#page-user-records #contracts-subheading,
#contracts-subheading,
#page-user-records #user_summary_subheading
{
	padding:15px 15px;
}


#update-passwd-header-div,
#orderfuel-header-div
{
	padding:15px 15px;
}

table#update-passwd
{
	width:100%;
}

table#update-passwd td#status
{
	text-align: center;
	font-weight:bold;
	line-height: 22px;
}

table#update-passwd td
{
	margin:0px;
	padding:8px;
	text-align:left;
}

table#update-passwd td:first-child
{
	margin:0px;
	padding:8px;
	text-align:right;
}

#page-redeem #loyalty-header-div
{
	padding:15px 15px;
}


#page-redeem #loyalty-header-div,
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
}

#deliveries-subheading,
#service-subheading,
#transactions-subheading,
#contracts-subheading
{
	text-align:left;
	padding:3px 15px;
}

#page-login .top-login-line
{
	color: #0055A5;    /*--- Company specific text and background colors ---*/
	font-size:18px;
	font-weight:bold;
	border-top: 1px solid #C0C0C0;
	padding:10px 0px;
}

#page-fuelpurchase #tprice2
{
	font-size:14px;
}


#user_summary_intro
{
	text-align: left;
}

.user-info div
{
	overflow:auto;
}

.user-info div.user-info-table-div
{
	padding-top:5px;
}
#copyright-div a
{
	color: #A0A0A0;
	font-family: sans-serif;
	font-size: 12px;
}

#copyright-div
{
    	padding: 7px 0;
   	text-align: right;
    	width: 748px;
}

table.payments-table 
{
	text-align:right;
}

.payments-table 
{
	margin:30px auto;
	background-color:white;
	border-collapse:collapse;
	padding:0px;
	width:720px;
}

.payments-heading 
{
	background-color:#3A69C5;
	border:thin solid black;
	color:black;
	font-family:arial,verdana,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	padding:4px;
	text-align:center;
}

.payments-item 
{
	background-color:#FFFFFF;
	border:thin solid black;
	font-family:arial,verdana,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:2px;
}

.payments-amount-table 
{
	background-color:white;
	border-collapse:collapse;
	padding:0px;
	text-align:center;
	margin:30px auto;
}

.payments-amount-cell 
{
	background-color:white;
	border:thin solid black;
	font-family:arial,verdana,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:2px;
}

table#main-contract-table
{
	margin: 0px auto;
}

table#location-selector
{
	margin: 20px auto;
}

table#location-selector td#contract-main-heading
{
	background-color: ;
}

table#location-selector td#contract-main-button
{
	padding: 15px 0px;
}

table#location-selector, 
table#location-selector td 
{
	/*border:1px solid #C0C0C0;*/
}

div#newpayment-marketing
{
	width:740px;
}

#account_num {
	background-color:#FFFFFF;
	border:1px solid #5C9DD0;
	color:#000000;
	font-size:12px;
	margin:30px 0px 20px;
	padding:2px;
	text-decoration:none;
}

div#postform-result
{
	padding: 15px;
}

tr.small_copyright,
tr.small_copyright td
{
	padding:0;
	margin:0;
}

div#register-div
{
	display:none;
}

/*************Payment Details******************/
table.success-table
{
	margin: 10px auto;
	width:100%;
}

table.success-table td
{
	text-align:left;
	padding-left:250px;	
}

table.success-table td.contract-heading
{
	font-family: Arial;
	color:#000000; 
	font-size: 16px; 
	font-weight: normal;
}

table.success-table td.contract-simple
{
	font-family: Arial; 
	font-size: 12px; 
	color: #000000;
}

table.success-table td.contract-simple-underline
{
	font-family: Arial; 
	font-size: 12px; 
	color: #000000; 
	font-weight: normal; 
	text-decoration: underline;
	font-weight: bold;
}