@font-face {
    font-family: 'OpenSans';
    src: url('Fonts/opensans-regular.eot');
    src: url('Fonts/opensans-regular.eot') format('embedded-opentype'),
         url('Fonts/opensans-regular.woff') format('woff'),
         url('Fonts/opensans-regular.ttf') format('truetype'),
         url('Fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('Fonts/opensans-regular.eot');
    src: url('Fonts/opensans-regular.eot') format('embedded-opentype'),
         url('Fonts/opensans-regular.woff') format('woff'),
         url('Fonts/OPENSANS-SEMIBOLD.ttf') format('truetype'),
         url('Fonts/opensans-regular.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLTStdMdCn';
    src: url('Fonts/HelveticaNeueLTStd-MdCn.eot');    
    src: url('Fonts/HelveticaNeueLTStd-MdCn.eot') format('embedded-opentype'),
         url('Fonts/HelveticaNeueLTStd-MdCn.woff') format('woff'),
         url('Fonts/HelveticaNeueLTStd-MdCn.ttf') format('truetype'),
         url('Fonts/HelveticaNeueLTStd-MdCn.svg') format('svg'),    
         url('Fonts/HelveticaNeueLTStd-MdCn.otf') format('opentype');
}

@font-face {
    font-family: 'HelveticaNeueLTStdThCn';
    src: url('Fonts/HelveticaNeueLTStd-ThCn.eot');    
    src: url('Fonts/HelveticaNeueLTStd-ThCn.eot') format('embedded-opentype'),
         url('Fonts/HelveticaNeueLTStd-ThCn.woff') format('woff'),
         url('Fonts/HelveticaNeueLTStd-ThCn.ttf') format('truetype'),
         url('Fonts/HelveticaNeueLTStd-ThCn.svg') format('svg'),       
         url('Fonts/HELVETICANEUELTSTD-THCN.OTF') format('opentype');
}

@font-face {
    font-family: 'TrebuchetMS';
    src: url('Fonts/TrebuchetMS.eot');    
    src: url('Fonts/TrebuchetMS.eot') format('embedded-opentype'),
         url('Fonts/TrebuchetMS.woff') format('woff'),
         url('Fonts/TrebuchetMS.ttf') format('truetype'),
         url('Fonts/TrebuchetMS.svg') format('svg');
}

@font-face {
    font-family: 'TrebuchetMSBold';
    src: url('Fonts/Trebuchet-MS-Bold.eot');    
    src: url('Fonts/Trebuchet-MS-Bold.eot') format('embedded-opentype'),
         url('Fonts/Trebuchet-MS-Bold.woff') format('woff'),
         url('Fonts/Trebuchet-MS-Bold.ttf') format('truetype'),
         url('Fonts/Trebuchet-MS-Bold.svg') format('svg');
}

html, body{ 
    margin:0;
    padding:0;
    width:100%;
    /*background-color:#949494;*/
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
    font-size: 12px;
    color: #383d44;
}

body a{ cursor:pointer;}
body a:hover{ text-decoration:underline;}

/* ************************************ Area Classes ************************************ */

.headerArea
{
    width:1280px;    
    margin: auto;    
}

.contentArea
{   
    width:1280px;    
    margin: auto;    
}

.footerArea
{
    width:1280px;    
    margin: auto;
}

/* ************************************ Header Classes ************************************ */

.header
{   
    background-color: #0054a6;
    height:56px;    
    width:100%;    
}
  
.logo
{
    background-image:url('../images/vertexone_logo.png');  
    background-position:center center;
    background-repeat:no-repeat;   
    background-color: #fff;
    width:220px;
    height:56px;    
    display:table-cell;
} 

.spacer      
{
    display:table-cell;
    width:20px;
}

.phone
{
    background-image:url('../images/headset.png');     
    background-position:left center;
    background-repeat:no-repeat;        
    padding-left:30px;
    display:table-cell;
    height:56px;     
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 12px;
	color: #fff;
	vertical-align:middle;
}

.headerButtonsContainer
{    
    float:right;
    height:56px;
    display:table;
}
  
.verticalBar
{   
    background-color:#00348d;
    width:1px;
    height:100%;
    display:table-cell;    
}

.headerButtonContainer
{   
    vertical-align:middle;
    display:table-cell;    
}

.headerButtonContainer .button
{ 
    width: 207px;
    height: 36px;
}

/* ************************************ footer Classes ************************************ */

.footer
{   
    background-color: #0054a6;
    height:45px;    
    width:100%;
}

.copyRight
{
    display:table-cell;
    width:220px;
    height:45px;     
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 12px;
	color: #000;
	vertical-align:middle;
	text-align:center;    
}

.footerContainer
{
    height:45px;
    display:table-cell;
    vertical-align:middle;
	text-align:center;
	padding-left:10px;
}

.footerContainer .Link
{
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 12px;
	color: #fff;
	padding-left:20px;
	padding-right:20px;
	border-right:1px Solid #00348d;
	text-decoration:none;
}

.footerContainer div:last-of-type .Link
{
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 12px;
	color: #fff;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	border:none;
}

.footerContainer .Link:hover
{
    text-decoration:underline;
}

/* ************************************ Content Classes ************************************ */

.content
{   
    width:100%;
    background-color:#dedede;  
}

.leftMenuContainer
{
    background-color:#bcbcbc;
    width:220px;	
    height:100%;
    display:table-cell;
    text-align:center;
}

.leftMenuContainer .Link
{
    width:216px;
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 15px;
	color: #9aa5b9;    
	display:block;
	border-bottom:1px Solid #42474f;
	border-left:4px Solid #bcbcbc;
	text-decoration:none;
}

.leftMenuContainer .Link:hover
{
    text-decoration:underline;
}

.pageContainer
{   
    height:100%;
    width:100%;
    display:table-cell;
    vertical-align:top;    
}

.indexPageContent
{
    position:relative;
    background-image:url('../images/indexBackground.png');   
    background-repeat:no-repeat;
    background-position:left top;
    background-color:#949494;
    height:100%;
    width:100%;
    display:block;
    min-height:459px;
}

.pageContent
{
    position:relative;  
    height:100%;
    width:100%;
    display:block;
    min-height:605px;
    border: solid 1px #c8d0de;
}

.indexBottomBanner
{
    /*position:absolute;*/
    bottom:0;
    left:0;
    background-image:url('../images/BottomBanner.png');
    background-repeat:no-repeat;
    width:100%;
    height: 95px;
}

.bottomBanner
{
    /*position:absolute;*/
    bottom:0;
    left:0;
    /*background-image:url('../images/BottomBanner.png');*/
    /*background-repeat:no-repeat;*/
    width:100%;
    height: 95px;
}

.socialMendiaLinksContainer
{
    width:220px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px Solid #858585;
}

.socialMediaTitle
{
    font-family: TrebuchetMS;
	font-size: 15px;
	color: #383d44;  
	padding-bottom:20px;
}

.socialMendiaLinksContainer img
{
    border:none;
}

.socialMendiaLinksContainer a
{
    padding:5px;
    display:inline;    
}

.socialMendiaLinksContainer a:nth-child(4):after { content:"\A"; white-space:pre; }

.mobileAppLinksContainer
{
    width:220px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px Solid #858585;
}

.mobileAppLinksTitle
{
    font-family: TrebuchetMS;
	font-size: 15px;
	color: #383d44;  
	padding-bottom:20px;
}

.mobileAppLinksContainer img
{
    display:block;
    padding:5px 5px 5px 5px;
    border:none;
}

.mainMenuContainer
{
    background-color:#0075b3;
    width:100%;
	height:55px;    
}

.mainMenuContainer .Link
{   
    height:55px; 
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration:none;	
	padding-left:35px;
	padding-right:35px;
	vertical-align:bottom;
	display:table-cell;
}

.mainMenuContainer .AccountSummaryLink
{
    /*background-image:url('../Images/accountSummary.png');*/
    background-image:url('../Images/AccountSumaryIcon.png');   
    background-repeat:no-repeat;
    background-position:50% 20%;
}

.mainMenuContainer .AccountSummaryLink.Active
{
    /*background-image:url('../Images/accountSummaryActive.png');*/
    background-image:url('../Images/AccountSumaryIconActive.png');   
    background-repeat:no-repeat;
    background-position:50% 20%;    
    background-color:#00348d;
}

.mainMenuContainer .BillsPaymentsLink
{
    /*background-image:url('../Images/billsPayments.png');*/
    background-image:url('../Images/BillsPaymentsIcon.png');  
    background-repeat:no-repeat;
    background-position:50% 20%;
    border-left:1px Solid #0054a6;       
}

.mainMenuContainer .BillsPaymentsLink.Active
{
    /*background-image:url('../Images/billsPaymentsActive.png');*/
    background-image:url('../Images/BillsPaymentsIconActive.png');  
    background-repeat:no-repeat;
    background-position:50% 20%;  
    background-color:#00348d;   
}

.mainMenuContainer .UpdateMyInfoLink
{
    /*background-image:url('../Images/updateMyInfo.png');*/
    background-image:url('../Images/UpdateInfoIcon.png'); 
    background-repeat:no-repeat;
    background-position:50% 20%;
    border-left:1px Solid #0054a6;        
}

.mainMenuContainer .UpdateMyInfoLink.Active
{
    /*background-image:url('../Images/updateMyInfoActive.png');*/
    background-image:url('../Images/UpdateInfoIconActive.png');  
    background-repeat:no-repeat;
    background-position:50% 20%;  
    background-color:#00348d;
}

.mainMenuContainer .ServiceLocationsLink
{
    /*background-image:url('../Images/serviceLocations.png');*/
    background-image:url('../Images/ServiceLocationsIcon.png');  
    background-repeat:no-repeat;
    background-position:50% 20%;
    border-left:1px Solid #0054a6;      
}

.mainMenuContainer .ServiceLocationsLink.Active
{
    /*background-image:url('../Images/serviceLocationsActive.png');*/
    background-image:url('../Images/ServiceLocationsIconActive.png');  
    background-repeat:no-repeat;
    background-position:50% 20%; 
    background-color:#00348d;  
}

.mainMenuContainer .ServiceRequestsLink
{
    /*background-image:url('../Images/serviceRequests.png');
    background-image:url('../Images/ServiceRequestsIcon.png');*/
    background-image:url('../Images/ServiceRequestIcon2.png');
    background-repeat:no-repeat;
    background-position:50% 20%;
    border-left:1px Solid #0054a6;  
}

.mainMenuContainer .ServiceRequestsLink.Active
{
    /*background-image:url('../Images/serviceRequestsActive.png');
    background-image:url('../Images/ServiceRequestsIconActive.png');*/ 
    background-image:url('../Images/ServiceRequestIcon2Active.png');  
    background-repeat:no-repeat;
    background-position:50% 20%;  
    background-color:#00348d;  
}

.mainMenuContainer .SitemapLink
{
    /*background-image:url('../Images/sitemap.png');*/
    background-image:url('../Images/SiteMapIcon.png');   
    background-repeat:no-repeat;
    background-position:50% 20%;
    border-left:1px Solid #0054a6;
    border-right:1px Solid #0054a6;      
}

.mainMenuContainer .SitemapLink.Active
{
    /*background-image:url('../Images/sitemapActive.png');*/
    background-image:url('../Images/SiteMapIconActive.png'); 
    background-repeat:no-repeat;
    background-position:50% 20%; 
    background-color:#00348d;  
}

.logoutContainer a
{
    background-image:url('../Images/logout.png');
    background-repeat:no-repeat;
    background-position:center;
    display:table-cell;
    width:50px;
    height:56px;
}

.userProfileContainer
{
    background-image:url('../Images/userFemale.png');
    background-repeat:no-repeat;
    background-position-x:15px;    
    background-position-y:center;
    display:table-cell;  
    vertical-align:middle;
    padding-right:15px;     
}

.userProfileContainer a
{   
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 15px;
	color: #fff;
	text-decoration:none;
	padding-left:50px;
}

.userProfileContainer a:hover
{
    text-decoration:none;
}

.helpContainer a
{
    background-image:url('../Images/help.png');
    background-repeat:no-repeat;
    background-position:center;
    display:table-cell;
    width:50px;
    height:56px;
}

.settingsContainer a
{
    background-image:url('../Images/settings.png');
    background-repeat:no-repeat;
    background-position:center;
    display:table-cell;
    width:50px;
    height:56px;
}

.quickLinksContainer
{   
    display:table-cell;  
    vertical-align:middle;
    padding-right:15px;  
}

.quickLinksContainer select
{
    width: 230px;
	height: 28px;
	background-color: #00348d;  
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 14px;
	color: #fff;  
	border:1px Solid #0075b3;
	text-indent:10px;
}

.quickLinksContainer select option
{
	background-color: #00348d;  
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 12px;
	color: #fff;  
	text-indent:10px;
}
    
/* ************************************ Common Classes ************************************ */

.button
{    
    border-style: none;
    border-color: inherit;
    border-width: medium;
    cursor:pointer;    
    padding:10px;	
	text-align:center;
	vertical-align:middle;	
	display:table-cell;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	
	background-color: #f15d22;
	
	/*-ms-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	box-shadow: 1px 1px 3px rgba(0,0,0,.3);*/
	
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 14px;
	color: #fff;
	text-decoration:none;
    /* IE10 Consumer Preview */ 
    /* Mozilla Firefox */ 
    /* Opera */ 
    /* Webkit (Safari/Chrome 10) */
    -pie-background: linear-gradient(to top, #f15d22, #f15d22);
    behavior: url('pie/PIE.php');
    background-image: linear-gradient(to top, rgba(241,93,34,.8), rgba(255,93,34,.8));/* W3C Markup, IE10 Release Preview */ 
}

.popupButton 
{
    text-align:center;
	vertical-align:middle;	
	display:table-cell;
}

.textBoxLogin
{   
    padding-left:10px;
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 12px;
	color: #383d44;
	height: 25px;
	background-color: #fff;
	border: solid 1px #cfcfcf;
	width:250px;
}

.textBox
{   
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
    color: #000;
    text-indent:5px;
    font-size:12px;
	height: 20px;	
	border: solid 1px #c8d0de;
	width: 100px;
	vertical-align: middle;	
}

.hiddenArea
{
  display:none;  
}

.dropdown.disabled,
.textBox.disabled
{
    /*background-color:#dfe4ee;*/
    color: #000;
}

.required:after 
{
    content:" *"; 
    color: #e32;
    /*position: absolute; 
    margin: 0px 0px 0px -20px; 
    font-size: xx-large; 
    padding: 0 5px 0 0; */
}

.dropdown
{
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
    color: #383d44;
    text-indent:5px;
    background-color:#f9fafc;
    font-size:12px;
	height: 20px;	
	border: solid 1px #c8d0de;
	width: 100px;	
	vertical-align: middle;
}

.headerText
{
    font-family: TrebuchetMSBold;
	font-size: 24px;
	color: #30363e;
}

.table
{
        
}


table.center {
    margin: 0 auto;
  }

.table td.rowSeperator
{
    background-image:url('../Images/horizontalBar.png');
    background-repeat:repeat-x;
    background-position:bottom;
}

.table td.labelColumn
{   
    padding-top:12px;
    padding-bottom:12px;
    padding-right:10px;    
	font-size: 16px;
	color: #56688a;
	font-weight:600;
    width:220px;
    text-align:right;
    display:table-cell;
}

.table td.fieldColumn
{
    /*border:solid 1px blue;   */
    /*padding-left:10px;*/
    /*padding-right:10px;*/
    display:table-cell;
}

.centerAligned
{
    text-align:center!important;
}

.leftAligned
{
    text-align:left!important;
}

.validator
{
    height:20px;
    width:5px;
    background-color:#cc3336;        
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 12px;
	color:#cc3336;
	padding-top:10px;
	padding-bottom:10px;
}

.validationSummaryContainer
{    
    width:325px;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #cc3336;
	-webkit-box-shadow: inset 1px 2px 2px rgba(255,255,255,.6);
	-moz-box-shadow: inset 1px 2px 2px rgba(255,255,255,.6);
	box-shadow: inset 1px 2px 2px rgba(255,255,255,.6);
	
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.2), rgba(255,255,255,.2) 51%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.2), rgba(255,255,255,.2) 51%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.2), rgba(255,255,255,.2) 51%);
	background-image: linear-gradient(to top, rgba(0,0,0,.2), rgba(255,255,255,.2) 51%);	
}

.validationSummaryContainer .validationDetail
{       
	padding:5px 0 0 0;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 12px;	
	color: #fefefe;
	border: solid 1px #982628;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;		
	text-indent:5px;
	text-align:left;
}

.validationSummaryContainer .validationDetail UL
{   
    padding-top:5px;
    padding-bottom:5px;
    margin:5px 0 0 0;    		
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 12px;
	color:Black;	
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background-color: #fbf9f9;
	-webkit-box-shadow: inset 0 0 5px #fff;
	-moz-box-shadow: inset 0 0 5px #fff;
	box-shadow: inset 0 0 5px #fff;
	border: solid 1px rgba(0,0,0,.15);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05), rgba(255,255,255,.05));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05), rgba(255,255,255,.05));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05), rgba(255,255,255,.05));
	background-image: linear-gradient(to top, rgba(0,0,0,.05), rgba(255,255,255,.05));
}

.pageHeader
{
    /*font-family: HelveticaNeueLTStdMdCn;*/
    font-family: TrebuchetMS;    
    font-size: 20px;
    color: #00348d;
    background-color: #dfe4ee;
    padding:5px;
    text-indent:10px;    
}

.pageHeader.collapsed
{
    background-image:url('../Images/icons/expand.png');    
    background-repeat:no-repeat;
    background-position-x:98%;
    background-position-y:center;   
    cursor:pointer; 
}

.pageHeader.expanded
{
    background-image:url('../Images/icons/collapse.png');
    background-repeat:no-repeat;
    background-position-x:98%;
    background-position-y:center;   
    cursor:pointer; 
}

.wizardContainer
{   
	height: 42px;
	-webkit-border-radius: 5px/3px;
	-moz-border-radius: 5px/3px;
	border-radius: 5px/3px;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.3), inset 0 0 1px rgba(255,255,255,.46);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,.3), inset 0 0 1px rgba(255,255,255,.46);
	box-shadow: 1px 1px 4px rgba(0,0,0,.3), inset 0 0 1px rgba(255,255,255,.46);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0));	    
    padding:0px;
    position: relative;
    clear:both;    
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
    font-weight: bold;
}

.wizardContainer div,
.wizardContainer span
{
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 15px;
	font-weight:normal;
	text-transform: uppercase;
	vertical-align:middle;
	text-indent:15px;
	display:table-cell;
	width: 230px;
	height: 42px;	
}

.wizardContainer .activeStep
{     
	color: #56688a;	
	background-color: #d2e2ef;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.07);
	box-shadow: 0 0 10px rgba(0,0,0,.07);	
}

.wizardContainer .step
{   
	color: #9aa5b9;
 	background-color: #f2f2f2;
	/*-webkit-box-shadow: 0 0 10px rgba(0,0,0,.07);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.07);
	box-shadow: 0 0 10px rgba(0,0,0,.07);*/		
}

.wizardContainer .activeStepSeperator {
	width: 0; 
	height: 0; 
	border-top: 20px solid #f2f2f2;
	border-bottom: 20px solid #f2f2f2; 	
	border-left:20px solid #d2e2ef; 	
	display:table-cell;
}

.wizardContainer .stepSeperator{
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; 	
	border-left:20px solid #f2f2f2; 
	display:table-cell;
}

.ErrorMessageText
{
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
    font-size:14px;
    color:#cc3336;
}

.pageTitle,
.title
{
    /*font-family: HelveticaNeueLTStdMdCn;*/
    font-family: TrebuchetMS;
	font-size: 24px;
	color: #00348d;
}

.pageSubTitle
{
    /*font-family: HelveticaNeueLTStdMdCn;*/
    font-family: TrebuchetMS;
    font-size: 16px;
    color: #00348d;	
}

/* ************************************ Index Page Classes ************************************ */

.signInTitle
{
    /*font-family: HelveticaNeueLTStdMdCn;*/
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 20px;
	font-weight: bold;
	color: #00348d;
}

.signInBox
{
    margin-top:10px;
    margin-right:150px;        
    float:right;
    /*background-color: #bcbcbc;*/
    background:rgba(188,188,188,0.65);
    padding: 10px 10px 10px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;    
}

.signInBox .userNameContainer
{
    padding-top:5px;
}

.signInBox .passwordContainer,
.signInBox .loginContainer,
.signInBox .messagesContainer
{
    padding-top:15px;
    overflow:hidden;
}

.signInBox .userNameContainer .textBox,
.signInBox .passwordContainer .textBox
{
    width: 318px;
}

.signInBox .loginContainer .button
{ 
    width: 87px;
	height: 19px;
	text-decoration:none;
}

.signInBox .registerContainer
{
    padding-top:30px;
    background-image:url('../images/register.png');
    background-position:0 30px;
    padding-left:40px;
    background-repeat:no-repeat;    
}

.signInBox .forgotUserIDContainer
{
    padding-top:15px;
    background-image:url('../images/forgotUserID.png');
    background-position:0 15px;
    padding-left:40px;
    background-repeat:no-repeat;
    
}

.signInBox .forgotPasswordContainer
{
    padding-top:15px;
    background-image:url('../images/forgotPassword.png');
    background-position:0 15px;
    padding-left:40px;
    background-repeat:no-repeat;    
}

.signInBox .onetimePaymentContainer
{
    padding-top:15px;
    background-image:url('../images/oneTimePayment.png');
    background-position:0 15px;
    padding-left:40px;
    background-repeat:no-repeat;    
}

.signInBox .signupForServiceRequestContainer
{
    padding-top:15px;
    background-image:url('../images/signUpForService.png');
    background-position:0 15px;
    padding-left:40px;
    background-repeat:no-repeat;    
}

.signInBox .registerContainer a,
.signInBox .forgotUserIDContainer a,
.signInBox .forgotPasswordContainer a,
.signInBox .onetimePaymentContainer a,
.signInBox .signupForServiceRequestContainer a
{
    /*font-family: HelveticaNeueLTStdMdCn;*/
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-decoration:none;
}

.signInBox .registerContainer a:hover,
.signInBox .forgotUserIDContainer a:hover,
.signInBox .forgotPasswordContainer a:hover,
.signInBox .onetimePaymentContainer a:hover,
.signInBox .signupForServiceRequestContainer a:hover
{
	color: #f15d22;
	text-decoration:underline;
}


/* ************************************ Forgot UserId/Password Page Classes ************************************ */

.forgotPassword-container .forgotPasswordInstruction,
.forgotUserid-container .forgotPasswordInstruction
{
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 14px;
	color: #383d44;
	text-shadow: 0 1px 1px #000;
}

.forgotPassword-container .table,
.forgotUserid-container .table
{
    width:400px;
}

.forgotPassword-container .button,
.forgotUserid-container .button
{
    width:130px;    
}

.forgotPassword-container span.validator,
.forgotUserid-container span.validator
{
    padding-top:11px;
    padding-bottom:8px;
}

.forgotPassword-container .messageContainer,
.forgotPassword-container .instructionsContainer,
.forgotPassword-container .confirmationContainer,
.forgotUserid-container .messageContainer,
.forgotUserid-container .instructionsContainer,
.forgotUserid-container .confirmationContainer
{
    padding-top:20px;
    width:360px;
}

.forgotPassword-container .phoneContainer,
.forgotPassword-container .useridContainer,
.forgotPassword-container .passwordContainer,
.forgotUserid-container .emailContainer
{
    padding-top:10px;
}

.forgotPassword-container .buttonContainer,
.forgotUserid-container .buttonContainer
{
    padding-top:20px;
}


/* ************************************ Register Page Classes ************************************ */

.contentPadding
{
    padding:20px 20px 0px 20px;
}

.stepOneContainer,
.stepTwoContainer
{
   padding-top:20px;        
}

.account-wizard-step1-container,
.account-wizard-step2-container
{
    padding-bottom:20px;   
}

.account-wizard-step1-container .table,
.account-wizard-step2-container .table
{
    min-width:700px;
}

.account-wizard-step1-container span.validator,
.account-wizard-step2-container span.validator
{
    padding-top:11px;
    padding-bottom:8px;
}

.account-wizard-step1-container .table
{
    /*width:100%;    */
}

.account-wizard-step1-container .table td:nth-child(2)
{
    width:132px;
}

.account-wizard-step2-container .table td:nth-child(2)
{
    width:262px;
}

.account-wizard-step1-container .table td:nth-child(3)
{
    /* class for check digit seperator td */
    width:1px;
    padding-left:0px;
    padding-right:0px;
}

.account-wizard-step2-container .table td:nth-child(3)
{
    width:300px;
}

.account-wizard-step1-container .table td:nth-child(4)
{
    width:300px;
}

.account-wizard-step1-container .button,
.account-wizard-step2-container .button
{
    width:180px;
    margin-right:5px;
    margin-left:5px;
}

/* ************************************ Account Header Summary Classes ************************************ */

.accountSummaryHeaderContent,
.accountPrefContent
{
    background-color: #9a9a9a;
    width:220px;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px Solid #858585;     
}

.accountSummaryHeaderTitle,
.accountPrefTitle
{
    /*font-family: HelveticaNeueLTStdMdCn;*/
    font-family: TrebuchetMS;
    font-size: 20px;   
    color: #00348d;
    padding-left:10px;
    text-align:left;
}

.accountSummaryHeaderContent .details,
.accountPrefContent .details
{   
    padding:10px;
    overflow:auto;    
}

.customerName
{
    /*font-family: HelveticaNeueLTStdMdCn;*/
    font-family: TrebuchetMS;
	font-size: 18px;
	color: #fff;
	padding-bottom:10px;
	text-align:left;
}

.accountSummaryHeaderContent .details .section
{
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;   
    height:45px;    
    text-align:left;
    padding-bottom:10px;
}

.accountSummaryHeaderContent .details #AccountSummaryHeaderControl1_emailSection.section 
{
    height:25px;
}

.accountSummaryHeaderContent .sectionLabel
{
    font-size: 14px;
	color: #000000;
}

.accountSummaryHeaderContent .sectionData
{
    font-size: 12px;
	color: #fff;	
}

.accountSummaryHeaderContent .sectionData .button
{
    float: right;
    width: 130px;
}

.ddlChangeAccount
{
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 12px;
	color: #fff;	
	height: 30px;
	background-color:#383d44;
	border: none;
}

.accountSummaryHeaderContent .ddlChangeAccount
{   
	width: 200px;	
	text-indent:5px;
}

.siteMapContent,
.updateMyAccountContent,
.billHistoryContent,
.serviceOrdersContent,
.serviceLocationsContent,
.usageTabContent,
.billingSummaryContent,
.paymentHistoryContent,
.ledgerHistoryContent,
.paymentOptionsContent,
.updateProfileContent,
.addAccountContent,
.removeAccountContent,
.establishServiceContent,
.registrationContent,
.paymentArrangementContent,
.faqContent,
.serviceMessageContent,
.adminContent
{
    position:relative;  
    height:100%;
    width:100%;
    display:block;    
    border: solid 1px #c8d0de; 
}

.serviceLocationsContent
{
    min-height: 300px;
}

.siteMapContent,
.serviceOrdersContent
{
    min-height: 400px;
}

.adminContent
{
    min-height: 420px;
}

.updateMyAccountContent .details,
.billHistoryContent .details,
.serviceOrdersContent .details,
.serviceLocationsContent .details,
.usageGridDetails,
.graphControlDetails,
.billingSummaryContent .details,
.paymentHistoryContent .details,
.ledgerHistoryContent .details,
.paymentOptionsContent .details,
.updateProfileContent .details,
.addAccountContent .details,
.removeAccountContent .details,
.transferDisconnectContent .details,
.establishServiceContent .details,
.registrationContent .details,
.paymentArrangementContent .details,
.faqContent .details,
.serviceMessageContent .details,
.adminContent .details
{   
    padding:10px;   
    overflow:auto;
}

.billHistoryContent .details .section,
.billingSummaryContent .details .section,
.paymentHistoryContent .details .section,
.ledgerHistoryContent .details .section
{
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
    padding-left: 12px;
    border-right: solid 1px #c8d0de;    
    height:40px;    
    float:left;
}

.billHistoryContent .details .section,
.paymentHistoryContent .details .section,
.ledgerHistoryContent .details .section
{
    border-right:none;
    padding-left: 0;
    width:300px;
}

.billingSummaryContent .details div.section:nth-child(3n-1)  /* COlumn 1 */
{
    width:265px;
}

.billingSummaryContent .details div.section:nth-child(3n+0) /* COlumn 1 */
{
    width:430px;    
}

.billingSummaryContent .details div.section:nth-child(3n+1) 
{
    width:270px;    
    border-right:none;
}

.billingSummaryContent .details div.section:nth-child(3n+2)  
{
    clear: left;     
    behavior: url(css/pie/PIE.htc);
}

.billHistoryContent .sectionLabel,
.serviceOrdersContent .sectionLabel,
.serviceLocationsContent .sectionLabel,
.serviceAddressContainer .sectionLabel,
.paymentHistoryContainer .sectionLabel,
.ledgerHistoryContainer .sectionLabel
{
    font-size: 14px;
	color: #383d44;
}

.tdLabel,
.usageGridDetails .sectionData,
.graphControlDetails .sectionData
{
    font-size: 12px;
	color: #383d44;	
}

.billHistoryContent .sectionData .button,
.paymentHistoryContent .sectionData .button,
.ledgerHistoryContent .sectionData .button
{
    width:260px;
}


.billingSummaryContent .sectionData .button
{
    width:260px;
}

.usageGridFilterContainer .ddlChangeAccount,
.graphFilterContainer .ddlChangeAccount
{   
	width: 202px;	
	text-indent:10px;
}


/* ************************************ Account Summary Classes ************************************ */

.serviceRequestsContainer,
.serviceLocationsContainer,
.accountSummaryTabControl
{
    
}

.siteMapContainer,
.updateInfoContainer,
.billHistoryContainer,
.serviceOrdersContainer,
.serviceLocationUsageContainer,
.serviceLocationsContainer,
.accountPrefContainer,
.usageContainer,
.advertisementContainer,
.billingSummaryContainer,
.paymentHistoryContainer,
.ledgerHistoryContainer,
.paymentOptionsContainer,
.updateProfileContainer,
.addAccountContainer,
.removeAccountContainer,
.transferDisconnectContainer,
.establishServiceContainer,
.registrationContainer,
.paymentArrangementContainer,
.faqContainer,
.serviceMessageContainer,
.adminContainer
{
    /*padding-top:2px;   */
    width:100%;
    background-color:#fff;    
}

.hierarchicalBannerContainer
{
    width:100%;
    height:145px;
    background-color:#fff;
    padding-top:10px;
    border-left: solid 1px #ecebeb;
}

.billHistoryContent .sectionLabel,
.billingSummaryContent .sectionLabel,
.paymentHistoryContent .sectionLabel,
.ledgerHistoryContent .sectionLabel
{
    font-size: 14px;
    color: #383d44;
    width:150px;
    float:left;
}

.billHistoryContent .sectionData,
.billingSummaryContent .sectionData,
.paymentHistoryContent .sectionData,
.ledgerHistoryContent .sectionData
{
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
	font-size: 12px;
	color: #383d44;
	float:right;
	padding-right:20px;
}

.popupContent .details
{   
    padding:10px;   
    overflow:auto;
    width:100%;
}

.popupContent .section
{
    padding-left: 12px;
    height:30px;    
    float:left;
    width:100%;
    vertical-align:middle;  
}

.popupContent .sectionLabel
{
    width:30%;    
    float:left;    
}

.popupContent .sectionData
{
    width:60%;
	float:left;
}

.popupContent .buttonContainer
{
   overflow:auto;  
   padding: 20px 0px 10px 0px;
}

.popupContent .buttonContainer .popupButton
{
    display:table-cell; 
}

.popupContent .buttonContainer .spacer
{
    display:table-cell; 
}

.billingSummaryContent .sectionHelpText
{
    font-size: 12px;
	color: #383d44;
}

.currentBalance
{
    color: #f15d22;
    font-weight: bold;
}

#dummydiv
{
    display:none;
}

.billingSummaryContent .paymentButtonContainer
{
    padding-right:10px;
}

.advertisementContainer .bottomBanner
{
    border-left: solid 1px #42474f;
}

.usageTabContent .sectionHeader
{
    background-color:#f0f3f8;
    overflow:auto;       
    border-left: solid 1px #c8d0de;
    border-top: solid 1px #c8d0de;
    border-bottom: solid 1px #c8d0de;
}

.usageTabContent .sectionTab
{
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;    
    border-right: solid 1px #c8d0de;    
    padding-top:15px;
    padding-bottom:15px;
    width:150px;   
    float:left;
    text-align:center;    
    font-size: 12px;
	font-weight: bold;
	color: #383d44;
}

.usageTabContent .active
{
	color: #56688a;
	background-color:#d2e2ef;
	border-bottom:2px Solid #1f70a8;
}

.usageTabContent .sectionDetail
{
    overflow:auto;
}

.graphSection
{
    margin-bottom: 20px;
}

.graphContainer
{
    width: 700px;
    height: 400px;
    /*padding-top: 10px;*/
    /*float:left;*/
}

.serviceLocationsGridContainer
{
    padding-top: 10px;
}

.usageGridContainer
{
    width: 450px;
    padding-top: 10px;
    float:left;
}

.leftSection
{
    width: 720px;
    float: left;
    border-right:solid 1px #c8d0de;
    margin-bottom:-10px;
}

.rightSection
{
    padding-left:10px;        
    float:right;
    width:300px;
    min-height:275px;          
}

.billHistoryContent .leftSection
{
    width: 735px;
}

.paymentHistoryContent .leftSection,
.ledgerHistoryContent .leftSection
{
    width: 995px;
}

.billHistoryContent .rightSection
{
    width:290px;
}

.paymentHistoryContent .rightSection,
.ledgerHistoryContent .rightSection
{
    width:100px;
}

.billingContainer
{
    width: 450px;
    padding-top: 10px;
    float:left;
}

.ledgerContainer,
.paymentContainer
{
    width: 700px;
    padding-top: 10px;
    float:left;
}
.usageGridFilterContainer,
.graphFilterContainer
{
    float:right;
    text-align: left;
    width: 250px;    
}

.graphFilterContainer
{
    margin-right: 30px;
    vertical-align: top;
}

.serviceAddressContainer
{
    float:left;
    width:100%;
    margin-bottom: 10px;
}

.printerFriendly,
.downloadSpreadsheet,
.pagers,
.pageInfo,
.usageType
{
    border-bottom:1px Solid #c8d0de;
    padding-bottom: 20px;
}

.printerFriendly,
.downloadSpreadsheet,
.pagers,
.pageInfo
{
    padding-top:20px;
}

.downloadSpreadsheet,
.pagers
{
    border-bottom:none; 
}

.pagers
{   
    text-align:center;
}

.graphPager
{
    vertical-align:middle;
}

.AccountPrefTable
{
    width:100%;
    /*font-family: TrebuchetMS;*/
    font-family: OpenSans;
}

.AccountPrefTable .trHeader td
{   
	height: 2px;
    border-bottom: solid 1px #c8d0de;
}

.AccountPrefTable .tdFirst
{
    width:75px;
}

 .AccountPrefTable .tdSecond
{
    width:75px;    
}

.AccountPrefTable .tdLabel
{   
    height: 15px;
    width:70px;
    padding-left:2px;
    padding-right:2px;
    border-bottom: solid 1px #c8d0de;
    text-align: left;
    color: #000;
}

.AccountPrefTable .tdDesc
{
    height: 15px;
    width:70px;
    padding-left:2px;
    padding-right:2px;
    border-left: solid 1px #c8d0de;    
    border-bottom: solid 1px #c8d0de;
    color: #fff;
    text-align: left;
}

.AccountPrefTable .tdLink
{
    font-family: OpenSans;
    height: 35px;
    padding-left:2px;
    padding-right:2px;  
    border-left: solid 1px #c8d0de;    
    border-bottom: solid 1px #c8d0de;
    text-align: left;
    background-color: #f15d22;
}

.AccountPrefTable .tdLink a
{
    font-family: OpenSans;
    font-weight: lighter;
	font-size: 14px;
	color: #fff;
	text-decoration:none;  
}

.tdFirst
{
    width:200px;    
    border-left:none!important;
}

.tdSecond
{
    width:200px;    
}

.tdLabel
{   
    height: 50px;
    padding-left:20px;
    border-bottom: solid 1px #c8d0de;
}

.tdDesc
{
    height: 50px;
    padding-left:20px;
    border-left: solid 1px #c8d0de;    
    border-bottom: solid 1px #c8d0de;
    color: #0054a6;
}

.tdLink
{
    height: 50px;
    padding-left:20px;    
    border-left: solid 1px #c8d0de;    
    border-bottom: solid 1px #c8d0de;
}

.tdLink a
{
    font-size: 12px;
    font-weight: bold;
	color: #f15d22;
	text-decoration:none;    
}

.downloadSpreadsheet .button,
.printerFriendly .button
{
    width:236px;
}

.tempBanner
{
    background-image:url('../Images/Banners/Banner1.png');
    background-repeat:no-repeat;
    height:310px;   
    cursor:pointer; 
}

.billHistoryContent .buttonsContainer,
.serviceOrdersContent .buttonsContainer,
.serviceLocationsContent .buttonsContainer,
.paymentHistoryContent .buttonsContainer,
.ledgerHistoryContent .buttonsContainer
{
    overflow:auto;    
}

.billHistoryContent .buttonsContainer .button,
.serviceOrdersContent .buttonsContainer .button,
.serviceLocationsContent .buttonsContainer .button,
.paymentHistoryContent .buttonsContainer .button,
.ledgerHistoryContent .buttonsContainer .button
{
    width:250px;
    margin-left:10px;    
}

.billHistoryContent .buttonsContainer > div,
.serviceOrdersContent .buttonsContainer > div,
.serviceLocationsContent .buttonsContainer > div,
.paymentHistoryContent .buttonsContainer > div,
.ledgerHistoryContent .buttonsContainer > div
{
    float:right;    
}

#BusyImage
{
    z-index: 22222;
    position: absolute;
    width: 100%;
    bottom: 350px;
    display: none;
}
.HeaderBusyBox
{
    height:40px;
    width:160px;
    border: 2px solid #205db0;
    background-color: White;
    color: #205db0;
    padding: 10px 0px 0px 25px;
    margin: auto;
    font-weight: bold;
    font-size: 12px;
    z-index: 22222;
}
.HeaderBusyPleaseWait
{
    padding-top: 10px;
    padding-right: 30px;
    float: left;
}
.LoginErrorsBlock
{
    color: #ff0000;
    font-weight: bold;
}
.LoginLabel
{
    color: #000000;
    font-weight: bold;
}