/* Dynamic CSS */

div#all-user-info
{
	text-align:center;
}

ul#tabnav { text-align:center; margin:1em 0 0em 0; font:bold 11px verdana, arial, sans-serif; border:none; list-style-type:none; padding: 3px 10px 3px 10px; }
ul#tabnav li { display:inline; margin-right:3px; }

ul#tabnav .tabimg-1
{
	margin: 0;
	padding: 0;
	border:none;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;	
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

ul#tabnav .tabimg-2
{
	margin: 0;
	padding: 0;
	border:none;
	position: absolute;
	top: 0px;
	left: 0px;	
	display: none;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}


div#user-info
{
	color:black;
	border:none;
	text-align:center;
	font-family: Verdana, Arial sans-serif;
	font-size:12px;
}

div#user-info table td
{
	padding-top:5px;
}

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


table.user-info-table
{
	width: 100%;
	background-color: white;
	font-family: Verdana, Arial sans-serif;	
	font-size: 10pt;
}

table.user-info-table tr.user-info-row td
{
	vertical-align: middle;
	padding-bottom: 2px !important;
}

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

table#user-summary-table col.uti-column-left
{
	width: 318px;
}

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

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

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

div.user-account-info-heading
{
	text-align: left;
	padding-left: 20px;
	font-size:12pt;
}

table#user-header-table td#user-info-name
{
	background-color: #FFFFFF;
	color:black;
	padding: 2px 0 3px 0;
	border:thin #C0C0C0 solid;
	border-bottom: 0px;
}

table#user-header-table td#user-info-name span
{
	font-family: Verdana, Arial sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align:left;
	color:black;
}

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

.user-info-heading a
{
	color:blue;
}

tr.user-info-row td
{
	color:black;
	border:1px #C0C0C0 solid;
	background-color: transparent;
	padding: 1px 10px;
	text-align: center;
}
 

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

#user-header-table
{
/*	margin: 15px auto;	*/
	margin: 0 auto;
}

#user-summary-table,
#user-delivery-table,
#user-service-table,
#user-transactions-table,
#user-oilpriceprotection-table,
#loyalty-table
{
	margin:0 auto;
	border:none;
	border-spacing:0px;
}

#user-summary-table tr td,
#user-delivery-table tr td,
#user-service-table tr td,
#user-transactions-table tr td,
#user-oilpriceprotection-table tr td,
#loyalty-table tr td
{
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0; 
	border-right: none; 
	border-bottom:none;
}

#user-summary-table tr td:first-child,
#user-delivery-table tr td:first-child,
#user-service-table tr td:first-child,
#user-transactions-table tr td:first-child,
#user-oilpriceprotection-table tr td:first-child,
#loyalty-table tr td:first-child
{
	border-left:0;
}

#info-options-table
{
	margin:0 auto;
}

#info-master-options-table
{
	margin:0 auto;
	width:100%;
}
/*------------------------------------------------*/

/* info-activity tags for usage display in CSR mode */
div#info-activity table#info-activity-table
{
	border:thin black solid;
	border-collapse:collapse;
}

div#info-activity table#info-activity-table tr#info-activity-heading
{
	text-align:center;
	font-weight:bold;
	background-color:lightgrey;
}

div#info-activity table#info-activity-table td
{
	padding:3px 5px 3px 5px;
	text-align:right;
}

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

/* ******* These instructions apply to all user-info tables  ******* */

tr.user-info-heading
{
	border: 1px solid #C0C0C0;
}

tr.user-info-heading td
{
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #C0C0C0;
	background-color:  #bebd8d;
}

tr.user-info-row td.qty,
tr.user-info-row td.qty---gals,
tr.user-info-row td.price,
tr.user-info-row td.amount,
tr.user-info-row td.balance,
tr.user-info-row td.plan-expiration,
tr.user-info-row td.last-tune-up,
tr.user-info-row td.gallons-contracted,
tr.user-info-row td.gallons-delivered,
tr.user-info-row td.gallons-remaining
{
	text-align: right;
	padding: 1px 0;
}

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

/* ******* Summary page ******* */
/* ******* Column Width ( table#user-summary-table col.uti-column- ) ******* */
/* ******* Cell Padding ( div#user_summary tr.user-info-row td.  ******* */




/* ******* Deliveries page ******* */
/* ******* Column Width ( table#user-delivery-table col.uti-column- ) ******* */
/* ******* Cell Padding ( div#user_delivery tr.user-info-row td. ) ******* */

div#user_delivery tr.user-info-row td.date
{
	text-align: center;
	padding: 0 1px;
}

div#user_delivery tr.user-info-row td.product
{
	text-align: left;
	padding: 0px 20px;
}

div#user_delivery tr.user-info-row td.qty,
div#user_delivery tr.user-info-row td.qty---gals,
div#user_delivery tr.user-info-row td.price,
div#user_delivery tr.user-info-row td.amount,
div#user_delivery tr.user-info-row td.balance
{
	text-align: right;
	padding: 0px 20px 0px 10px;
}

table#user-delivery-table col.uti-column-date
{
	width: 100px;
}

table#user-delivery-table col.uti-column-product
{
	width: 300px;
}

table#user-delivery-table col.uti-column-tank
{
	width: 70px;
}

table#user-delivery-table col.uti-column-qty---gals
{
	width: 80px;
}

table#user-delivery-table col.uti-column-price
{
	width: 80px;
}

table#user-delivery-table col.uti-column-amount
{
	width: 110px;
}
/* ******* Current Svc Plan page  ******* */ 
/* ******* Column Width ( table#user-service-table col.uti-column- )  ******* */
/* ******* Cell Padding ( div #user_service tr.user-info-row td. ) ******* */

table#user-service-table col.uti-column-system
{
	width: 165px;
}

table#user-service-table col.uti-column-plan
{
	width: 285px;
}

table#user-service-table col.uti-column-plan-expiration
{
	width: 110px;
}

table#user-service-table col.uti-column-last-tune-up
{
	width: 110px;
}

div #user_service tr.user-info-row td.last-tune-up,
div #user_service tr.user-info-row td.plan-expiration
{
	padding-right: 15px;
}

/* ******* Transactions page ******* */ 
/* ******* Column Width ( table#user-transactions-table col.uti-column- ) ******* */
/* ******* Cell Padding ( div #user_transactions tr.user-info-row td.  ******* */

table#user-transactions-table tr:first-child + tr td:first-child + td + td + td +td + td +td
{
	background-color: #FEF898;
}

div#user_transactions tr.user-info-row td.date
{
	text-align: right;
	padding: 0 10px;
}

div#user_transactions tr.user-info-row td.description
{
	text-align: left;
	padding: 0px 20px;
}

div#user_transactions tr.user-info-row td.qty,
div#user_transactions tr.user-info-row td.qty---gals,
div#user_transactions tr.user-info-row td.price,
div#user_transactions tr.user-info-row td.amount,
div#user_transactions tr.user-info-row td.balance
{
	text-align: right;
	padding: 0px 20px 0px 10px;
}

table#user-transactions-table col.uti-column-date
{
	width: 100px;
}

table#user-transactions-table col.uti-column-description
{
	width: 210px;
}

table#user-transactions-table col.uti-column-tank
{
	width: 65px;
}

table#user-transactions-table col.uti-column-qty---gals
{
	width: 80px;
}

table#user-transactions-table col.uti-column-price
{
	width: 75px;
}

table#user-transactions-table col.uti-column-amount
{
	width: 105px;
}

table#user-transactions-table col.uti-column-balance
{
	width: 105px;
}
/* ******* Current Price Plan page ******* */  
/* ******* Column Width ( table#user-oilpriceprotection-table col.uti-column- ) ******* */
/* ******* Cell Padding ( div #user_oilpriceprotection tr.user-info-row td.  ******* */

div #user_oilpriceprotection tr.user-info-row td.product,
div #user_oilpriceprotection tr.user-info-row td.plan
{
	text-align:center;
}

div #user_oilpriceprotection tr.user-info-row td.start-date,
div #user_oilpriceprotection tr.user-info-row td.end-date
{
	text-align:center;
}

div #user_oilpriceprotection tr.user-info-row td.price
{
	text-align:center;
}

div #user_oilpriceprotection tr.user-info-row td.gallons-contracted
{
	text-align:center;
}

div #user_oilpriceprotection tr.user-info-row td.gallons-delivered,
div #user_oilpriceprotection tr.user-info-row td.gallons-remaining
{
	text-align:center;
}

table#user-oilpriceprotection-table col.uti-column-
{

}

table#user-oilpriceprotection-table col.uti-column-product
{
	width:  80px;
}

table#user-oilpriceprotection-table col.uti-column-plan
{
	/*width:  115px;*/
}

table#user-oilpriceprotection-table col.uti-column-start-date
{
	width:  100px;
}

table#user-oilpriceprotection-table col.uti-column-end-date
{
	width:  100px;
}

table#user-oilpriceprotection-table col.uti-column-price,
table#user-oilpriceprotection-table col.uti-column-tax
{
	width:  80px;
}

table#user-oilpriceprotection-table col.uti-column-gallons-contracted
{
	width:  90px;
}

table#user-oilpriceprotection-table col.uti-column-gallons-delivered
{
	width:  90px;
}

table#user-oilpriceprotection-table col.uti-column-gallons-remaining
{
	width:  90px;
}

#welcome-text
{
	padding-left: 25px; 
	float: left; 
	position: relative; 
	width: 60%; 
	font-size: 12pt; 
	line-height: 14pt;
}

#welcome-pic
{
	float: left; 
	position: relative; 
	text-align: right;
}

span.help_bubble_s
{
	display:none;
	position: absolute;
	background-color: #c90b3b;
	left: 360px;
}

span.help_bubble_d
{
	display:none;
	position: absolute;
	background-color: #c90b3b;
	left: 420px;
}

span.help_bubble_t
{
	display:none;
	position: absolute;
	background-color: #c90b3b;
	left: 400px;
}

#error-contract-grid td#access-denied #user_oilpriceprotection #contracts-subheading
{
	text-align: center;
}

//--------- include formstyle_generic.css in this file, it is never loaded separately --- BW, 03aug31
 .generic-form{
	text-align:left;
}

.generic-form > div{
	margin-bottom:5px;
}

table.form-table
{
	margin:15px;
}

#feedback-description, #paperless-description {
	font-size:small;
}

#updatedelivery-header,
#deliveryrequest-header,
#sipping-header,
#tankmonitorrequest-header,
#feedback-header,
#paperless-header,
#autopay-header,
#serviceplan-header,
#easypayrequest-header,
#map-directions,
#comments,
#fuelrequest-header
{
	font-size:22pt;
	font-weight:bold;
	font-family:Arial,sans-serif;
	text-align:left;
	color: #2B4E94; /*Dark Blue*/
	line-height:34px;
}

#termsagreement{
	font-size:small;
	font-weight:bold;
	text-align:center;
}

#paperless-image, #feedback-image{
	text-align:right;
	float: right;
	width:200px;
	display:none;
}


#sipping-link{
	text-align: center;
}


#paperless-name-label, #paperless-account-label,
#paperless-senderchoice-label, #paperless-email-label,
#paperless-emailconfirmation-label{
	font-size:x-small;
}

#paperless-name, #paperless-account,
#paperless-senderchoice, #paperless-email,
#paperless-emailconfirmation{
	margin: 10px 0 10px 0;
}

#autopay-routingnumber-input,#autopay-bankaccount-input{
	float:left;
}

#autopay-termsandconditions-label{
	font-size: 7.5pt;
}

autopay-termsandconditions-textarea{
	font-size: 7.5pt;
}

#autopay-print, #autopay-agreement
{
	text-align:center;
}

#what {
	background-image:url('/images/misc/eftA.jpg');
	background-position: 310px 50%;
	background-repeat: no-repeat;
}

#what:hover {
	background-image:url('/images/misc/eftB.jpg');
	background-position: 310px 50%;
	background-repeat: no-repeat;
}

#what:active {
	background-image:url('/images/misc/eftC.jpg');
	background-position: 310px 50%;
	background-repeat: no-repeat;
}

#quote {
	background-image:url('/images/local/button311.jpg');
	background-position: 310px 50%;
	background-repeat: no-repeat;
}

#quote:hover {
	background-image:url('/images/local/button309.jpg');
	background-position: 310px 50%;
	background-repeat: no-repeat;
}

#quote:active {
	background-image:url('/images/local/button310.jpg');
	background-position: 310px 50%;
	background-repeat: no-repeat;
}

/******************Service Plan********************/

table#serviceplan{
	border-collapse:collapse;
}

table#serviceplan td{
	text-align:left;
	border:1px solid #C0C0C0;
	font-family:Verdana;
	padding:3px;
	font-size: small;
}

table#serviceplan td.serviceplan-price{
	font-size: large;
	text-align:center;
	vertical-align: middle;
}

.serviceplan-plan{
	width: 528px;
}

.expln{
	font-weight:normal;
	font-size: x-small;	
}

.details{
	font-weight:bold;
	font-size: x-small;	
}


/******************Contact Us********************/
div#generic-form a { 
	text-decoration: none;
	color: #000000;
}

div#generic-form a:visited {
 	color: #000000;
}

div#generic-form a:active {
 	color: #000000;
}

td#general{
	background-color:#CCCCCC;
	border:1px solid #CCCCCC;
	font-weight:bold;
	padding: 10px 0px 0px 20px;
	text-align: left;
	font-size: small;
	height: 38px;
	width: 573px;
}

td#listing {
	border:1px solid #CCCCCC;
	font-weight:bold;
	padding: 10px 0px 0px 20px;
	text-align: left;
	font-size: small;
	height: 38px;
	width: 573px;
}

.contact-contacts-title {
 	font-weight: bold;
 	background-color: #FFFFFF;
	height: 6px;
	width: 220px;
	vertical-align: middle;
	text-align: left;
	font-size:small;
	padding:5px;
}

.contact-table {
	text-align:left;
	border-spacing:0px;
	padding:4px;
	width:718px;
}

.contact-table td
{
	border:1px solid #C0C0C0;
}

.contact-table a, .contact-table a:hover,
.contact-table a:visited{
	text-decoration: none;
	color: blue;
}

.contact-request {
 	font-weight: bold;
	height: 30px;
	width: 300px;
	text-align: left;
	font-size: small;
}

.contact-request a{
 	color: black;
}

.contact-contacts {
 	background-color: #FFFFFF;
	height: 6px;
	width:296px;
	vertical-align:middle;
	font-size: small;
	text-align: left;
	padding:5px;
}
.contact-staff {
 	border: 1px solid #CCCCCC;
	height: 22px;
	width: 268px;
	text-align: left;
	font-size: small;
	padding: 5px;
}
.contact-staff-title {
 	border: 1px solid #CCCCCC;
 	background-color: #CCCCCC;
	text-align:left;
	font-size: small;
	padding: 5px;
}

/******************Service Request Form********************/

#requestservice-description-label{
	float:left;
	height: 10px;
	line-height: 180px;
}

#requestservice-type, #requestservice-system,
#requestservice-description{
	margin: 10px 0 10px 0;
}

#tankmonitorrequest-submit{
	margin: 25px 0 10px 0;
}

#emergencycall{
	font-size:small;
	color: #000080;
	font-weight: bold;
}

#deliveryrequest-email, #deliveryrequest-daynumber{
	float:left;
}

#deliveryrequest-automatic-label{
	float:left;
	margin-right:5px;
}

#deliveryrequest-automatic{
	font-size: small;
}

#updatedelivery-text{
	font-size: x-small;
	color: #000080;
}

#updatedelivery-usage{
	font-size: 11pt; 
	font-family: "Calibri","sans-serif";
}

#autopay-termsandconditions-label{
	font-weight:bold;
}

#autopay-termsandconditions TEXTAREA {
	border: none;
	font-size: small;
	font-weight: normal
}

#termsagreement-readterms{
	float: left; 
	width: 480px;
}

#price-protection td{
	text-align:left;
}


p.MsoNormal {
	font-family:"Times New Roman";
	font-size:12pt;
	margin:0in 0in 0pt;
	text-align:left;
}

#termsagreement-readterms-selector{
	float: left;
	margin-right: 5px;
}

#budget-signup
{
	padding:5px 0px;
	text-align:left;
	font-size:16px;
	color: #2B4E94; /*Blue*/
}

#budget-payment-plan
{
	text-align:center;
	font-size:16px;
}

div#autopay-print, div#autopay-agreement
{
	display:none;
}


div#autopay-sendertype-input input,
div#autopay-accounttype-input input
{
	margin-right:3px;
	margin-left:15px;
}

div.generic-form div.form-starter
{
	font-size: 14px;
}

span.plan_name
{
	font-weight: bold;
}	

div#cannot-contartc-message
{
	margin:100px 50px;
	text-align: center;
}

div#cannot-contartc-message div
{	
	padding: 5px 0px;
	font-size: 22px;
}