body 
{
	padding: 0;
	margin: 0;
	color: #000000;
	background-color: #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	font-weight : normal;
	font-size : 12px;
	text-align: center;
}
.page
{
    margin: 0 auto;
    width: 600px;
    text-align: left;
}
input[type=button], input[type=submit]
{
}
#mainContent
{
	width: 582px;
	margin: 7px 0px 0px 0px;
	padding-left: 7px;
	padding-bottom: 20px;
}

.headerNav 
{
	font-size: 11px;
	font-weight: bold;
	background-color: #000000;
	color: #FFFFFF;
	width: 737px;
	padding: 10.5px 0px 10.5px 25px;
	margin: 0;
}
.headerSubNav 
{
	font-size: 11px;
	font-weight: normal;
	background-color: #073976;
	color: #FFFFFF;
	width: 737px;
	padding: 4px 0px 4px 25px;
	vertical-align: middle;
	margin: 1px 0 0 0;
}

.headerNav  li
{
	display: inline;
    list-style: none;
	padding: 0px 6.5px 0px 6.5px;
	text-transform: uppercase;
}
.headerSubNav li 
{
	display: inline;
    list-style: none;
	padding: 0px 10px 0px 10px;
	margin-top: 1px;
	text-transform: uppercase;

}
.headerImages
{
	margin-top: 7px;
    min-width: 762px;

}
.headerCorpLogo
{
	margin: 0px 7px 0px 0px;
	float: left;
}
.headerImage
{
	margin: 0;
	width: 100%;
}
div .headerImage .loginStatus
{
	height: 98px;
	width:582;
	float: right;
	font-size: 10px;
	color: #FE9914;
	margin-top: 25px;
	
}
.heading
{
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.hidden 
{
    display: none;
}

.validation-summary-errors, .error, div.pageWithAd-Content .statusMessage
{
     color: #C12728;   
}
#RegisterErrors .error
{
    display: block;
}

.error
{
    font-weight: bold;
}
.useNameLabel, .userName, .logoutLink
{
	width: 90px;
}
.loginSection .legalTerms
{
    bottom: 40px;
    position: absolute;
    padding: 15px;
}
.loginSection .buttonAreaBottomRight
{
    bottom: 0px;
    position: absolute;
    right: 15px;
}
.loginForm, .registrationForm
{
    border: solid 1px #DDD;
    padding: 15px;
    
}
.loginForm
{
    width: 55%;
    height: 500px;
    position: relative;
}
.loginForm h2
{
    margin-bottom: 12px;
}
.registrationForm
{
    width: 30%;
}
.loginForm fieldset
{
    border: none;
    padding: 3px 20px;
}
.loginForm fieldset div
{
    margin: 4px 0;
}
.loginForm fieldset div a
{
    font-size: 8pt;
}
.loginMethod
{
    margin:10px 0px; 
}
/*.loginForm div p 
{
    padding-left: 20px;
}
.loginForm input[type=text], .loginForm div p 
{
    display: block;
    margin-left: 20px;
}*/
.registerButtonArea
{
    text-align: center;
}


.useNameLabel, .logoutLink
{
	text-transform: uppercase;
}
.userName
{
	color: #0181ab;
	text-align: right;
	padding-right: 10px;
}
.logoutLink
{
	margin-top: 14px;
	margin-right: 15px;
	background: url(<%=Url.Content("~/Content/images/lnav_arrow.gif")%>) no-repeat scroll right top transparent;
}
#accountNumberHouseNumberForm, #phoneNumberHouseZipForm
{
    display: none;
    float: none;
    clear: both;
}
div .headerImage 
{
	position: relative;
	width: 582px;
	height: 98px;
	background: url(../Shared/Content/images/Online_Asian_Woman.jpg) no-repeat scroll left top transparent;
	float:left;
}

.noFloat
{
	clear: both;
	float: none;
	width: 0;
	height: 0;
}
#sideNav , #mainContent
{
    float: left;
}
#sideNav
{
	width: 172px;
	margin: 7px 0px 0px 0px;
    background-color: #f2f2f2;
}
.sideTitle 
{
	background-color: #0180AB;
	color: #FFFFFF;
	font-weight: 600;
	padding: 5px 0px 0px 12px;
	height: 22px;
	vertical-align: text-bottom;
}
ul.menu li 
{
    list-style: none;
    text-transform: uppercase;
    font-size: 10px;
    background-color: #f2f2f2;
	padding: 5px 0px 0px 12px;
	border-bottom: solid 1px #FFFFFF;
	height: 19px;
	width: 161px;
}
ul.menu 
{
	padding-left: 0px;
	margin: 0px;
}
#footer 
{
	width: 760px;
	height: 12px;
	padding-top: 17px;
	border-top: solid 1px #313B3E;
}
#footer .copyright, #footer .footerLinks ul
{
	float: left;
	vertical-align: bottom;
}
#footer ul.footerLinks 
{
	height: 12px;
	padding: 0;
	margin: 0;
}
#footer .copyright
{
	width: 355px;
	height:12px;
	margin-left: 10px;
}
.footerLinks li
{
		display: inline;
    list-style: none;
    padding: 0 10px 0 10px;
    
}
.footerLinks li a, .copyright
{
	color: #999999;
	font-size: 9px;
}
.buttonAreaBottomRight
{
    text-align: right;
}
.buttonAreaBottomLeft
{
    text-align: left;
    padding-top: 10px;
    padding-bottom: 20px;
}

.buttonAreaBottom input, .buttonAreaBottomRight input
{
    margin-left: 10px;
}
.titleBar 
{
    background-color:#0293C0;
    color:#FFFFFF;
    padding: 6px 12px;
    text-align: left;
    font-weight: bold;
}
.formFieldArea 
{
    text-align: right;
    padding-left: 20px;
    padding-right: 20px;
}
.highlightText 
{
    font-weight: bold;
}
.highlightArea
{
    background-color:#EEEEEE;
    border:0 solid #999999;
}
.highlightArea p 
{

}
.label, label
{
    padding-right: 8px;
}
hr 
{
    border-top: solid 1px #F0F0F0; 
    border-bottom: solid 1px #DEDEDE; 
}
hr.section
{
    border-top: solid 1px #000000; 
    border-bottom: solid 1px #000000;
}
hr, h1, h2, h3, h4 
{
    margin: 0;
}
.pageTitle, h1 
{
    /*font-size: 1.5em;
    padding: 15px 0;*/
    color:#FE9914;
    display:block;
    font-family:Arial,Helvetica,sans-serif;
    font-size:17px;
    font-weight:bold;
    letter-spacing:0.025em;
    line-height:24px;
    /* margin:0;*/
    margin:0 0 0 5px;
    padding:0;
    text-align:left;
    text-indent:0;
    vertical-align:middle;
    white-space:normal;
    width:559px;    
}
h2
{
    color:#008DBF;
    display:block;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:normal;
    line-height:24px;
    text-align:left;
    vertical-align:middle;    
}
div.sectionTitle
{
    margin-bottom: 5px;
    border-bottom: solid 1px #999999;
}
h3 
{
    font-size: 1.0em;
}
ul li
{
    line-height: 16px;
    font-size: 11px;
}
ul li, .row, hr
{
    float:none;
    clear: both;
}
p 
{
    line-height: 1.5em;
}
.address, .accountName, .billDate, .billAmount 
{
    font-weight: normal;
}
.emailAddress
{
    width: 175px;
}

.pageSection
{
    padding: 15px 0 8px 15px;
}

.authenticationArea
{
    margin-top: 20px;
}

.authenticationInput
{
    width: 300px;
}
.authenticationInput input 
{
    width: 130px;
}

#captchaLabel
{
    margin-top: 21px;
}
#recaptcha_widget_div, #captchaLabel
{
    margin-left: 21px;
}

/*----- Account View -----*/
.accountSummarySection
{
    padding: 5px 0px;
}
#accountAddressSection
{
    background-color: #F2F2F2;
    padding-bottom: 10px;
background-color:#F2F2F2;
border-color:#CCCCCC;
border-right:2px solid #CCCCCC;
border-bottom:2px solid #CCCCCC;
border-left:2px solid #CCCCCC;
border-style:none solid solid;
border-width:2px;
position:relative;
vertical-align:middle;
}
#accountAddressSection div.sectionTitle
{
    margin-bottom: 10px;
}
#accountAddressSectionSectionTitle h2
{
    background-color:#E5E5E5;
    border:2px solid #969696;
    color:#008DBF;
    display:block;
    font-size:14px;
    font-weight:bold;
    margin:0;
    text-indent:10px;
    vertical-align:middle;
}

.accountSection #accountNumberLabel, .accountSection #accountNumber
{
    float: left;
}

.pastDue
{
    color: #CE3B3B;
}

.accountSection .label, .addressSection .label, .accountName .label, .accountName label 
{
    /*width: 120px;*/
    padding-left: 10px;
    color:#0099DC;
    display:block;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:24px;
    text-align:left;
    vertical-align:middle;
    width:115px;    
}

.additionalOptions a
{
    font-weight: bold;
}

.addressSection
{
    width: 60%;
}
.addressSection .address, .accountName, .accountNumber
{
}

.accountBillSection 
{
    border: solid 1px #000;
    background-color: #EEEEEE;

}
.disconnectionNotice 
{
    border: solid 2px #000;
    background-color: #EEEEEE;
    background-color: #FDEFE3;
    padding-left: 5px;
    padding: 10px 10px 10px 10px
}
.billDate 
{
    margin-right: 20px;
}

.currentChargesInstructions, .currentCharges
{
    margin: 15px;
}
.currentChargesInstructions
{
    border-right: solid 1px #000;
    width: 50%;
    padding-right: 15px;
}
.currentCharges div.row
{
    padding: 10px 0px;
}
.verticalDivider
{
    width: 2px;
    height: 100%;
    border: solid 1px #000;
}
.meterReadRequired
{
    background-color: #FDEFE3;
    padding: 20px;
}

/*----- ViewPrint -----*/
iframe#embeddedFrame
{
    width: 0;
    height: 0;
    visibility: hidden;
}
.viewPrintArea
{
    text-align: center;
}


/*----- Send a Copy -----*/
#sendACopy
{

}
.sendCopySectionControl
{
    margin: 10px 0 0 0;
}
.sendCopyOptions
{
    margin: 15px 0;
    display: none;
}
.sendCopyOptions .row
{
}
.sendCopyRadioButtonText
{
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #4D4D4D;
}

.LOCText
{
     background-color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #4D4D4D;
 }

 .msgRow {
	width: 471px;
	float: right;
	clear: right;
	margin-bottom:20px;
	color: #0293C0;
}

.copySectionText
{
    width: 310px;
}
 
.sendCopyOptions .label,
.mailDeliveryNotice
{
     background-color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #4D4D4D;
    margin-left: 50px;
}
.mailDeliveryNotice
{
    margin-top: 10px;
}
.emailAddressArea .label
{
    width: 150px;
}
.faxArea .label
{
    width: 150px;
}
.mailArea .label
{
    width: 100px;
}
.phoneNumber input 
{
    vertical-align: middle;
}
.areaCode, .phoneNumberInput input.areaCode
{
    width: 25px;
}
.prefix, .phoneNumberInput input.prefix
{
    width: 25px;
}
.lineNumber, .phoneNumberInput input.lineNumber
{
    width: 35px;
}
.phoneNumber select
{
    margin-left: 10px;
    width: 110px;
}

.street 
{
    
}
.unitNumber
{
    width: 50px;
}
.city
{
}
.state
{
    width:50px;
}
.zipCode, .country
{
    width:70px;
}

p.environmentReminder
{
    color: #2F8B58;
    margin: 3px 0;
    clear: both;
    float: none;
}
.letterMailAddress
{
    padding: 5px 0 0px 25px;
}
.letterMailAddress .address
{
    padding: 10px 0px;
}
.letterMailAddress .row label.column
{
    float: left;
    display: block;
    width: 70px;
    text-align: right;
    padding-right: 5px;
}

/* BUTTONS */
.button
{
    background-color:#1782B3;
    border-style:none;
    color:#FEFEFE;
    float:right;
    height:24px;
    margin-left:10px;
    padding:0 5px;
    vertical-align:middle;
    width:auto;
}

.confirmationOptions div.label
{
    width: 150px;
    margin-left: 50px;
}
.confirmationOptionCheckBox
{
  background-color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #4D4D4D;  
}
.confirmationOptiontext
{
    font-family: Arial;
    font-size: 11px;
    background-color: #FFFFFF;
    color: #4D4D4D;
}

.confirmationSection
{
    background-color: #E8EEF7;
    padding: 15px;
    width: 400px;
    display: none;
}
.checkbox
{
    float:left;
    height:12px;
    margin-top:6px;
    padding-left:13px;
    width:12px;    
}
.checkboxLabel {
    float:left;
    font-weight:bold;
    padding-left:10px;
}

.controlLabel {
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    line-height:24px;
    padding-left:25px;
    text-align:left;
    vertical-align:middle;
    width:250px;
}

.textBox{
    border-color:#A1A1A1 #D7D6D5 #F4F2EE #F4F2EE;
    border-style:solid;
    border-width:2px;
    float:left;
    padding-left:10px;
    width:185px;
}
.list {
    border-color:#A1A1A1 #D7D6D5 #F4F2EE #F4F2EE;
    border-style:solid;
    border-width:2px;
    float:left;
}
.controlSeparator
{
        float:left;
}

#dialog-confirm_values
{
    line-height: 2em;
}

.paymentOfferDetail
{
    background-color: #f7f7f7;
    border: solid 1px #e3e2e2;
    padding: 15px;
    margin-left: 20px;
}

.coldWeatherRuleArea
{
	background-color: #f7f7f7;
    border: solid 1px #e3e2e2;
    padding: 15px;
    margin-left: 20px;
}

.coldWeatherRuleOptionLeft
{
	margin-left: 20px; 
	float: left; 
	width: 225px; 
	padding: 10px; 
	background-color: #f7f7f7; 
	border: 1px solid #e3e2e2;
}
	
.coldWeatherRuleOptionRight
{
	margin-left: 20px; 
	float: right; 
	width: 225px; 
	padding: 10px; 
	background-color: #f7f7f7; 
	border: 1px solid #e3e2e2;
}
                                                
.watermark 
{
    color: Gray;
}

#container
{
	display: table;
}
#row
{
    display: table-row;
}
#columnfixed
{
    display: table-cell;
    padding: 0px 0px 10px 5px;
    width: 400px;
}
#column
{
    display: table-cell;
    padding: 0px 0px 10px 5px;
    width: auto
}
.column 
{
    float: left;
/*    margin-left: 3px;
    margin-right: 3px;*/
}
#partialamount
{
	font-size: smaller;
}

/*----- Situation -----*/
#situation2 
{
    display: none;
}
#military, #medical 
{
    text-align: left;
    display: none;    
}

/*----- Confirmation -----*/
#smsInputFields, #emailInputfields 
{
    display: none;
    margin-left: 25px;
    padding: 10px 0 5px 0;
    width: 345px;
}
#emailInputfields div, #smsInputFields div
{
    padding-bottom: 15px;
}
#emailInputfields input, .phoneNumberInput, .mobileCarrierSection
{
    float: right;
}
.confirmation .message
{
    display: none;
}
#confirmationContainer
{
    display: none;
}

.confirmationCheckbox
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    background-color: #FFFFFF;
    color: #4D4D4D;
}

.confirmationCheckboxDefault
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    background-color: #FFFFFF;
}

   .stepLabels
{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #8C8C8C;
    background-color: #FFFFFF;
   
}

/*-- Terms and Conditions (OTP) --*/
.termsSection
{
    padding-top:6px; 
    padding-bottom:10px;
}

.termsContainer
{
    border: 1px solid #bbb; 
    background: #FFFFFF;
}

.termsContainer UL
{
    list-style-type:none;
    margin:0;
    padding:0;    
}

.termsContainer LI
{
    margin:1px; 
    margin-left:5px; 
    padding:3px;
}

.termsContainer_Header
{
    border-bottom: 1px solid #bbb; 
    background:#eee; 
    padding: 2px 2px 2px 2px; 
    font-size: 11px; 
    font-weight:bold; 
    color:#FE9914;
}

.termsContainer_Confirm
{
   border-left: 1px solid #bbb; 
   border-right:1px solid #bbb; 
   border-bottom:1px solid #bbb; 
   background:#eee; 
   padding: 2px 2px 2px 2px;
}

.termsCheck
{
    background:#eee; 
    vertical-align:middle;
}