* {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
text-align:center;
background:#d1ddf0;
font-family:Arial, Helvetica, Tahoma, Sans-Serif;
}

a.text {
   padding-right:10px;
    background-image:url(images/arrow-png.png);
    background-position:right 0;
    background-repeat:no-repeat;
}

a.text:hover {
    background-position:right -20px;
}
a {
    text-decoration:none;
}

a:link {
    text-decoration:none;
    color: #055aa6;
    font-weight:bold;
    /*color: 309535*/
    
}
a:visited {
    font-weight:bold;
    color: #055aa6;
    /*color: 309535*/
}
a:hover {
    font-weight:bold;
     color:#F79927;
    /*color: #59cd5e;*/
    text-decoration: underline;
}

a:active {
    color: #F79927;
}

a:focus {
    outline: none;
}

span.linkText {
    color: #4d7335;
    text-decoration: none !important;
}

span.linkText:hover {
    color: #4d7335;
    text-decoration: underline;
}

.aList li {
list-style-image: url(images/bullet-orange-png.png);    
}

#contentColumn .aList li
{
  list-style-image: url(images/bullet-orange-png.png);   
}

#rightColumn .aList li
{
    list-style-image: url(images/bullet-blue-png.png); 
}

p, ul
{
    margin-bottom: 14px;
    line-height: 18px;
}

ol
{
    margin-left:25px;
    color:#11518C;
    font-weight :bold;
    font-size:15px;
    font-family:Calibri, Helvetica, Arial, Tahoma, Sans-Serif;
}

ol span
{
 color:#47595F;
 font-size:13px; 
 font-weight:normal;  
 font-family:Arial, Helvetica, Tahoma, Sans-Serif;
}

.clear
{
    clear: both;
}

.padding20{
padding:20px 20px 200px 20px;
}

.padding10
{
background:transparent;
padding:10px 10px 10px 10px;
}

.paddingFront{
padding:20px 20px 20px 20px;
}

.paddingColumn{
padding:0px;
}

.paddingSidebar{
padding:10px 25px 20px;
}

.paddingSidebar1{
padding: 14px 225px 20px;
}

.innertube{
margin: 10px; 
}

#phoneNumbers #contactEmail a 
{
    position: relative;
	cursor:pointer;
	width:12em;
	height:50px;
	float:left;
	margin:0 0 0 -80px;
}

#phoneNumbers {
    background-position: left center;
    position: relative;
    top: 40px;
    right: 20px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding-left: 80px;
    min-height: 55px;
    color: #2372b9;
    width: 200px;
    float: right;
    /* background-image: url('Images/contact-icon-small.png'); */
    background-repeat: no-repeat;
}

#phoneNumbers a, #phoneNumbers a:visited {
    color: #e3f4fd;
    text-decoration: none;
}
#phoneNumbers a:hover {
    color:#f47b27;
    text-decoration:underline;
}


.disclaimerArea
{
 font-size:11px;
 font-family:Helvetica, Arial, Sans-Serif;
 color:#999999;
 margin-top:10px;
 border-top:3px solid #D7E1EF;
 padding-top:12px;
 padding-right:4px;
 margin-right:8px;
}

.disclaimerArea table {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0 auto;
    padding: 20px;
}
.disclaimerArea table td {
    padding:8px 14px;
    color: #333333;
    font-family: Helvetica,Arial,sans-serif;
    text-align:center;
    border: 1px solid #CCCCCC;
    font-size:9px !important;
}
.disclaimerArea table th {
    padding:8px 14px;
    color: #333333;
    font-family: Helvetica,Arial,sans-serif;
    font-weight:bold;
    text-align:center;
    background:#dcdcdc;
    border: 1px solid #CCCCCC;
    font-size:9px !important;
}

#signUpFor
{
width:100%;  
font-family:Helvetica, Arial, Sans-Serif;
font-size:11px;
color:#666666;
}

#signUpFor td
{
font-family:Helvetica, Arial, Sans-Serif; 
font-size:11px; 
padding-top:7px;
padding-bottom:7px;  
}

#signUpFor tbody tr
{
border-bottom:1px dotted #EEEEEE !important;
}

#signUpFor tbody tr.last
{
border-bottom:none !important; 
}

#signUpFor tbody tr:last-child {
border-bottom:none !important; 
}

#signUpFor td.cat
{
 color: #004C8B;
    font-family: Calibri,Segoe UI,Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;   
}

.leftAccent {
 color:#333333;
 font-size:12px;
 font-weight:bold;   
}

.inc td
{
  text-align:center;  
}
.rightPlanHeading
{
color: #004C8B;
    font-family: Calibri,Segoe UI,Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;    
    
}

.rightPlanHeading th
{
color: #004C8B;
    font-family: Calibri,Segoe UI,Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 2px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;    
    
}

.rightPlanHeading th
{
   background-color: #E7ECF7; 
   text-align:center;
}

.bonusHeading
{
width:100%; 
background-color: #E7ECF7; 
text-align:center;  
}

.bonusHeading th
{
text-align:center;
color: #004C8B;
    font-family: Calibri,Segoe UI,Sans-Serif;
    font-size: 12px;  
    text-transform: uppercase;
    font-weight:bold;
    padding: 4px 2px;
}

.timeRange
{
 font-size:11px;
 color:#999999;   
}

.thePhoneName {
 color: #2372b9;
 font-family: Calibri,Segoe UI,Sans-Serif;
 font-size: 12px;
 font-weight: bold;
 text-transform: uppercase;
}

.thePhoneNumber {
 font-size:16px;
 font-weight:bold;
 color:#2372b9;   
}

/*
.pageAlert.alertCallOut
{
height:24px;
font-size:11px;
text-align:center;
}
*/
.alertCallOut p
{
 margin-bottom:0;   
}

#topAlert
{
 font-size:11px;
 padding-left:50px;   
}

#timeOutAlert p
{
line-height:24px !important;
}

/* HEADINGS   
----------------------------------------------------------*/
h1
{ 
  font-family:Calibri,Helvetica Neue,Arial;
  text-transform:uppercase;
  font-size:21px;
  border-bottom:1px dotted #D7E1EF;
  /*color:#4d7335;*/
  color:#11518C;
  font-weight:bold;
  margin-bottom:8px;
}

.featurePad h3
{
  font-family: Calibri, Helvetica, Arial, Sans-Serif;  
  font-size:18px;
  text-transform:uppercase;
  border-bottom:1px dotted #D7E1EF;
  color:#11518C;
  font-weight:bold;  
  margin-bottom:8px;
}

h2, h3, h4, h5, h6
{
    color: #333333;
    font-family: Helvetica, Calibri, Arial, Tahoma, Sans-Serif;
    font-weight:bold;
}


h2
{
    font-size: 14px;

}

#rightColumn h2
{
 font-size:14px;
 padding-top:18px;
 margin-top:8px;
    font-weight: bolder;
 border-top:1px dotted #888888;   
}

#rightColumn h2.first
{
 font-size:14px;
 padding-top:0;
 border-top:none;   
}

.aList li
{
 padding-left:5px;   
}

#contentColumn h2
{

border-top:1px dotted #D5DFEF;
 margin-top:10px; 
 padding-top:20px; 
 margin-bottom:6px; 
}

#contentColumn .faqsection h2
{
border-top:none;
margin-top:10px; 
 padding-top:20px;  
}

#contentColumn h2.firstHead
{
 border-top:none;
 margin-top:0px;  
 padding-top:0px;
}

h3
{
    font-size: 13px;
    font-weight:bold;
}
h4
{
    font-size: 12px;
    font-weight:bold;
}
h5, h6
{
    font-size: 11px;
    font-weight:bold;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#top-wrapper{
width:100%;	
height:3px !important;
background:#0162A7;
}

#topArea
{
 width:960px;
   height:370px; 
   position:relative;
}

#wrapper{
width:100%;	
text-align:center;
}

#main-wrapper{
width:100%;	
}

#all-container{
width: 960px; 
margin: 0 auto; 
text-align:left;
padding-top:6px;
margin-bottom:14px;
}

#main-container{
width: 960px;  /* width changed from 960px */
min-height:310px;
margin: 0 auto; 
text-align:left;
}

#main-container li
{
 margin-bottom:8px;   
}

#header-wrapper{
height:107px;
width:940px;
width:100%;
background: none repeat scroll 0 0 #FFFFFF;
}

#header{
height:107px;
width:940px;
margin:0 auto;
}

#logo{
display:block;
width:204px;
height:61px;
float:left;
margin:25px 0 0 0;
background-image:url(images/constellation.png);
background-position:center center;
background-repeat:no-repeat;
}

#header-image{
width:713px;
height:107px;
float:left;
margin:0;
/*background-image:url(images/header-wt.gif);*/
background-position:center center;
background-repeat:no-repeat;
position:relative;
z-index:999;
}

#businessMessage
{
 position:absolute;
 font-size:10px;
 font-family:Helvetica, Arial, Tahoma;
 top:5px;
 right:10px;
 width:400px;
 color:#47595F; 
 text-align:right;  
}

#chatTab{
background-image:url(images/chatTabSprite-wt.gif);
background-position:left center;
background-repeat:no-repeat;
margin:150px 0 0;
position:fixed;
right:0;
top:150px;
width:89px;
height:146px;
z-index:1000;
}

#chatTabLink
{
background-image:url(images/chatTabSprite-wt.gif);
background-position:left center;
background-repeat:no-repeat;
width:89px;
height:146px;
display:block;
}

#chatTabLink:hover
{
background-image:url(images/chatTabSprite-wt.gif);
background-position:right center;
background-repeat:no-repeat;
width:89px;
height:146px;
display:block;
}

#forBusiness
{
 display:block;
 width:294px;
 height:25px;   
 background-image:url(images/businessSprite.gif);
 background-position:center top;
 background-repeat:no-repeat;
 position:absolute;
 right:4px;
 top:0px;
}

#forBusiness:hover
{
 background-position:center bottom;
}

.nav 
{   
    font-family: Helvetica,Arial,Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    height: 42px;
    margin: 0 auto;
    width: 940px;
}
#nav-wrapper {
    background-image: url("images/navBG.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 42px;
    width: 100%;
}

.spanish #nav-wrapper
{
 display:none;   
}


#main-content ul
{
 margin-left:25px;
    
}

#contentColumn{
margin: 0 0 0 0; 
width:675px;
float:left;
line-height:15px;
padding-top:10px;
}

#rightColumn{
float: none;
width: 260px;
margin-left:689px;
}

#rightColumn #rcContent{
width: 260px;
background-image:url(images/sidebar-middle-png.png);
background-position:center center;
background-repeat:repeat-y;   
}

#rightColumn #rcTop
{
height:13px;
width:260px;
background-image:url(images/sidebar-top-png.png);
background-position:center bottom;
background-repeat:no-repeat;    
}

#rightColumn #rcBottom
{
  height:16px;
width:260px;
background-image:url(images/sidebar-bottom-png.png);
background-position:center top;
background-repeat:no-repeat;    
}


#bottom-wrapper{
clear: both;
width:100%;	
height:36px;
background-color:#0162A9;
background-image:url(images/bottom-wrapper.jpg);
background-repeat:repeat-x;
background-position:top center;
}

#green-wrapper{
clear: both;
width:100%;	
height:5px;
background:#7F9B5A;
border-bottom:1px solid #4d7335;
}

#disclaimer-wrapper{
background:#E7EDF5;
border-bottom:1px solid #D5DFEE;
}

#disclaimer{
width: 940px;
margin:0 auto;
color: #666666;
text-decoration:none;
text-align: center;
font-size:11px;
font-family:Arial, Helvetica, Sans-Serif;
}

#disclaimer p
{
font-family:Arial, Helvetica, Tahoma, Sans-Serif;
font-size:11px;
padding-top:10px;	
padding:20px 24px 8px 24px;
}

/* PAGES & DIVs  */

#startHere
{
float:left;
width:240px;
height:336px;  
background-image:url(images/startHere.gif);
background-position:center center;
background-repeat:no-repeat; 
}
#renewHere
{
float:left;
width:260px;
height:336px; 
margin-left:10px; 
background-image:url(images/renew_arrow.jpg);
background-position:center center;
background-repeat:no-repeat; 
}
#socialStuff
{
    width:215px;
    height:70px;
    margin-top:6px;
    background-image:url(images/social.png);
    background-position:top center;
    background-repeat:no-repeat;
}

#socialBlog
{
    display:block;
    width:72px;
    height:70px;
    background-image:url(images/social.png);
    background-position:0 0;
    background-repeat:no-repeat;
    float:left;
}

#socialBlog:hover
{
    background-position:0 -70px; 
}

#socialTwitter
{
    display:block;
    width:71px;
    height:70px;
    background-image:url(images/social.png);
    background-position:-72px 0;
    background-repeat:no-repeat;
    float:left;
}

#socialTwitter:hover
{
    background-position:-72px -70px;
}

#socialFacebook
{
    display:block;
    width:72px;
    height:70px;
    background-image:url(images/social.png);
    background-position:-143px 0;
    background-repeat:no-repeat;
    float:left;
}

#socialFacebook:hover
{
    background-position:-143px -70px;
}


#PromoCodeError input {

border: 1px dotted #C20000 !important;

}


#signUpHolder
{
    float:left;
    width:345px;
    height:375px;
    background-image:url(images/SignUpNow-BG.gif);
    background-position:center center;
    background-repeat:no-repeat;
    line-height:15px;
}

#RenewalHolder
{
    float:left;
    width:345px;
    background-image:url(images/Renewal_BG.jpg);
    background-position:top center;
    background-repeat:no-repeat;
    line-height:15px;
}
#RenewalHolderBottom
{
    float:left;
    height:15px;
    width:345px;
    background-image:url(images/Renewal_BG_b.jpg);
    background-position:bottom center;
    background-repeat:no-repeat;
    line-height:15px;
}


#RenewalHolder #signUpNow {
    height:auto !important;
    
}



#top5Reasons
{
clear:both;
font-size:20px;
margin-top:10px;
}
#top5Image
{
 width:590px;
 height:200px;   
 background-image:url(images/top5Reasons.jpg);
 background-position:center center;
 background-repeat:no-repeat;  
}

#top5List li 
{
 font-size:20px; 
 font-weight:bold;  
}

#top5List li span
{
 font-size:20px;  
 font-weight:normal; 
}

.sidebarTarget
{
background-image:url(images/targetSprite-drab.gif);
background-position: center top;
background-repeat:no-repeat;
width:240px;
height:90px;
display:block;
}

.sidebarTarget:hover
{
background-image:url(images/targetSprite-drab.gif);
background-position: center bottom;
background-repeat:no-repeat;
width:240px;
height:90px;
display:block;
}

.sidebarBoxTop
{
 background-image:url(images/sidebarBoxTop.gif);
 background-position: center bottom;
 background-repeat:no-repeat;
 width:240px;
 height:6px;
 margin-top:15px;
}
.sidebarBoxContent
{
 background-repeat:repeat-y;  
 background-image:url(images/sidebarBoxContent.gif);
 background-position: center center;
 width:240px;
    
}
.sidebarBoxBottom
{
   background-image:url(images/sidebarBoxBottom.gif);
 background-position: center top;
 background-repeat:no-repeat;   
  width:240px;
  height:6px; 
  margin-bottom:10px; 
}

#planDetails
{
 float: left; font-family:Arial,Helvetica, sans-serif; font-size:13px; width: 540px;   
}


/* selectPlan Green Tabs */

#plansArea {
    border:none;
    padding:0px;
    margin:0px;
    background:none;
}
#plansArea .pane {
    border:none;
    padding:0px;
    margin:0px;
}

ul#planTabs {
    border:none;
    padding:0px;
    margin:0px 0px 20px 0px;
    border:none;
    border-bottom: 1px solid #116500;
    background:none;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
}
ul#planTabs .tab  {
    height:30px;
    background:#e8ecf7;
    color:#000;
    border-left: 1px solid #666;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    margin:0px 5px 0px 5px;
}

ul#planTabs #greentab-0 .ui-state-active  {
    margin:0px 5px 0px 5px;
    background:#fff !important;
}

ul#planTabs #greentab-0 .ui-state-hover {
    margin:0px 5px 0px 5px;
    background:#e8ecf7 !important;
}




ul#planTabs #greentab-1 .ui-state-active  {
    padding:0px;
    margin:0px 5px 0px 0px;
    background:#629a57 !important;
}
ul#planTabs #greentab-1 .ui-state-hover  {
    padding:0px;
    margin:0px 5px 0px 0px;
    background:#629a57 !important;

}


ul#planTabs li#greentab-2 .ui-state-active {
    padding:0px;
    margin:0px 5px 0px 0px;
    background:#116500 !important;
    color:#fff !important;
}
ul#planTabs li#greentab-2 .ui-state-hover {
    padding:0px;
    margin:0px 5px 0px 0px;
    background:#116500 !important;
    color:#fff !important;
}

ul#planTabs .ui-state-hover
{
    border-color:#000000 !important;
    
}

ul#planTabs li.ui-state-active  {
    background:#fff !important;
    color:#116500 !important;
    border-color:#116500 !important;
}


ul#planTabs li.ui-state-active a{
    color:#116500 !important;
}

ul#planTabs #greentab-0.ui-state-active a
{
 color:#000000 !important;   
}

/* End selectPlan Green Tabs */

.greeny
{
 color:#4D7335   
}

.termsLink
{
position:absolute;
width:290px;
text-align:center;
top:377px;    
}

.termsLinkSelect
{
position:absolute;
width:290px;
text-align:center;
top:372px;    
}
.savingsButton
{
display:block;
position:absolute;
width:290px;
text-align:center;
top:324px;
height:48px;
background-image:url(images/savingsButton.gif);
background-position:center top;
background-repeat:no-repeat;
text-indent:-9000px;
}

.cO-top
{
    width:208px;
    height:6px;
    background-image:url(images/sideBarCO-top.gif);
    background-repeat:no-repeat;
    background-position:bottom center;
}

.cO-content
{
    width:208px;
    background-image:url(images/sideBarCO-middle.gif);
    background-repeat:repeat-y;
    background-position:center center;
}

.cO-bottom
{
 width:208px;
    height:6px;
    background-image:url(images/sideBarCO-bottom.gif);
    background-repeat:no-repeat;
    background-position:top center;
}

.cO-padding
{
 padding:10px 10px 10px 10px;   
}

.savingsButton:hover
{
 background-position:center bottom;   
}


.pricePlan .paddingPrice
{

}

.paddingFront h3
{
   padding-left:25px;
   background-repeat:no-repeat;
   background-position:center left; 
}
.paddingFront #facts
{
   background-image:url(images/facts-icon.gif);
}

.paddingFront #inthenews
{
   background-image:url(images/media-icon.gif);
}

.paddingFront #aboutUs
{
    
}

.paddingFront .nopad
{
    padding-left:0 !important;
}

.paddingFront #tweets
{
   background-image:url(images/tweet.gif);
}

.progressBar
{
   width:677px;
   height:39px;
   background-image:url(images/progressIndicator.png);
   background-position:center 0;
   background-repeat:no-repeat;
   margin-bottom:10px; 
}

.steps
{
width:677px;
height:39px;
background-image:url(images/progressIndicator.png);
background-repeat:no-repeat; 
background-position:center 0;    
}

.spanish .progressBar
{
   width:677px;
   height:39px;
   background-image:url(images/progressIndicator_es.png);
   background-position:center 0;
   background-repeat:no-repeat;
   margin-bottom:10px; 
}

.spanish .steps
{
width:677px;
height:39px;
background-image:url(images/progressIndicator_es.png);
background-repeat:no-repeat; 
background-position:center 0;    
}

.progressBar #step1
{
   background-position:center 0;
}

.progressBar #step2
{
   background-position:center -40px;

}
.progressBar #step3
{
   background-position:center -80px;
}

.progressBar #step4
{
   background-position:center -120px;
}

.progressBar #step5
{
   background-position:center -160px;
}

#signUpsignUpNow{
width:300px;
height:290px;  
}

#signUpNow{
height:280px;
margin:0;
position:absolute;
right:44px;
top:45px;
width:286px;
z-index:800;
text-align:left;
line-height:15px;
}

.frontLabel
{
 font-family:Arial, Helvetica, Sans-Serif;  
 color:#333333;
}

.frontLabel span
{
 font-size:10px;
 color:#999999;
}

#featureOne
{
 width:422px;
 float:left;
 margin-left:10px;    
}


#featureTwo
{
 width:422px;
 float:right;
 margin-right:10px;   
}

#featureThree
{
 width:452px;
 float:left;
 margin-left:10px;   
}

#featureFour
{
 width:452px;
 float:right;
 margin-right:10px;     
}
#facebookFeatures {
    margin:0px 10px;
}

.featurePad
{
 padding:10px 10px 20px 10px; 
 font-size:12px;  
}

/* TOOLTIPS  */

.tooltip {
	display:none;
	font-size:11px;
	color:#555555;
	background-color:#FFFFFF;
	border-width:2px; 
	border-style:solid;
	border-color:#D5DFEF #A7BDDF #A7BDDF #D5DFEF;
	width:300px;
	z-index:1000;
	font-family:Helvetica, Arial, Sans-Serif;
	font-weight:normal;
}


.tooltip p{

	padding:20px;
	color:#555555;
}

/* a .label element inside tooltip */


#billToolTip
{
 height:400px !important;
 width:500px !important;
 background-image:url(images/Bill_Samples/pseg-bill.gif) !important;
 background-position:center center !important;
 background-repeat:no-repeat !important;
 border:2px solid #D5DFEF; 	
 padding:0 !important;
 position:fixed;
 left:30px;
 top:30px;
}

.textTip
{
  cursor:pointer;
  font-size:12px;
  font-family: Helvetica, Calibri, Arial, Tahoma, Sans-Serif; 
  font-weight:bold;  
  color: #2763A5;  
  text-indent:-26px;
  margin-left:26px;
}


.textTip:hover
{
  color: #008ADF;  
}


.helpIcon
{
    position:relative;
    top:4px;
    cursor:pointer;
}


.helpTip
{
    position:relative;
    top:4px;
}

.helpTip:hover
{
background-position:center bottom; 
cursor:pointer;
}

/* CONFIRMATION PAGE  */
#confirmationPlanDetails{
float: right; width:240px; border:1px solid #D5DFEE; background:#F8F8F8;
}

/* TsAndCs PAGE  */

#htmlTerms
{
overflow-x:hidden;
overflow-y:auto; 
width: 672px;
 font-family:Arial, Helvetica, Tahoma, Sans-Serif;
 font-size:11px;
 color:#47595F;
 height:340px;
 background-color:#f9fbfc;  
 border:1px solid #6E96B9;
 scrollbar-arrow-color: #D6DFEF; 
 SCROLLBAR-FACE-COLOR: #D6DFEF; 
}

#tcbox
{
 font-family:Arial, Helvetica, Tahoma, Sans-Serif;
 font-size:11px;     
}

#tcbox div.spanish
{
 display:none;   
}

body.spanish #tcbox div.spanish
{
 display:block;   
}

.spanish #tcbox div.english
{
 display:none !important;   
}

#main-nav.spanish
{
 display:none;   
}

#htmlTerms #tcbox h1
{
 font-size:15px; 
 border-bottom:1px solid #666666;
}

#htmlTerms #tcbox h2
{
 margin-top:5px;
 padding-top:5px;
 font-size:12px;  
 font-family:Arial, Helvetica, Sans-Serif;
 color:#333333; 
 font-weight:bold;
 text-transform:uppercase;
 border-top:none !important;
}

#htmlTerms #tcbox p
{
 font-size:11px;   
}

#htmlTerms #tcbox li
{
 font-size:11px;   
}

#txtTermsDiv #txtTerms
{  
 width:620px;
 font-family:Helvetica, Arial, Tahoma, Sans-Serif;
 font-size:11px;
 color:#555555;
 height:300px;   
}

#htmlTerms #tcbox table
{
 background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0 auto;
    padding: 20px;
    width: 380px;   
}
#htmlTerms #tcbox table td
{
padding:8px 14px;
color: #333333;
    font-family: Helvetica,Arial,sans-serif;
}
#htmlTerms #tcbox table th
{
padding:8px 14px;
color: #333333;
    font-family: Helvetica,Arial,sans-serif;
    font-weight:bold;
}


#htmlTerms #tcbox #separator{
border-bottom: 1px solid #D6DFEF;
    border-top: 1px solid #D6DFEF;
    margin-bottom:34px;
    margin-top:34px;
    padding:5px;
    background:#FFFFFF;
    }
#txtTermsDiv
{  
 width:620px;
 font-family:Arial,Helvetica,Tahoma, Sans-Serif;
 font-size:11px;
 color:#555555;  
 height:300px; 
 margin-top:8px;
}

/* FAQ PAGE  */
.faqsection { margin: 10px 0;}div.faq { margin: 0 0 0 0;}
div.faq .question  
{
    background-color:#F8F8F8;
    background-image:url(images/question-bg-right.gif);
    background-repeat:repeat-y;
    background-position:right center;
    font-family: Helvetica, Calibri, Arial, Tahoma, Sans-Serif; 
    text-indent:-20px; 
  font-size:12px;
  font-weight:bold; 
  border-top:1px dotted #D7E1EF; 
  border-left:1px dotted #D7E1EF;
    color: #2763A5; cursor: pointer; padding-top:4px; padding-bottom:4px; padding-left: 30px; left: 5px;}
   
   div.faq.last .question  {
    border-bottom:1px dotted #D7E1EF;   
   }
   div.faq.last .answer 
{
  border-top:none !important;  
} 
div.faq.first .question  {
    border-top:1px solid #D7E1EF;   
   }
    
    div.faq .question:hover
    {
    color: #008ADF; 
    background-color:#f1f5f9;
    background-image:url(images/question-bg-right-hover.gif);
    }

  .spanish div.faq .question .q
{
    font-weight:bold;
    display:none;
}

.spanish div.faq .answer .FAQa
{
    font-weight:bold;
    display:none;
}
  
div.faq .question .q
{
    font-weight:bold;
}

div.faq .answer .FAQa
{
    font-weight:bold;

}
div.faq .question.active {color: #008ADF; background-color:#f1f5f9; background-image:url(images/question-bg-right-hover.gif);}
div.faq .answer { border-top:1px dotted #D7E1EF; padding-top:6px; padding-bottom:8px; padding-left:34px; color:#47595F; }
div.faq ul,div.faq ol { margin: 0 0 10px 20px;}
 

 
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

.reqImage
{
 margin-right:8px;   
}

#PhoneAreaCode, #CellPhoneAreaCode, #ResidencePhoneAreaCode, #WorkPhoneAreaCode
{
    width:3em !important;
    padding:0 2px;
}
#PhonePrefix, #CellPhonePrefix, #ResidencePhonePrefix, #WorkPhonePrefix
{
    width:3em !important;
    padding:0 2px;
}

#PhoneLineNumber, #CellPhoneLineNumber, #ResidencePhoneLineNumber, #WorkPhoneLineNumber
{
    width:4em !important;
    padding:0 2px;
}

.finePrint
{
 font-size: 11px; 
 font-family:Arial, Helvetica, sans-serif; 
 color:#777777;   
}

#signUpNow form
{
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 286px;
  max-width: 286px;
  width: 286px;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  color:#999;
  font-size:13px;  
}

#signUpNow form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #D7E1EF;
  border-width: 0 0 0 0;
  border-style: none none none none;
  padding: 10px;
  margin: 0 0 0 0;
}
 
#signUpNow form fieldset legend {
  font-size: 13px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color: #F90;
  margin: 0 0 0 0;
  padding: 0 5px;
}
 
#signUpNow form label {
  font-size: 100%;
}
 
#signUpNow form label u {
  font-style: normal;
  text-decoration: underline;
}
 
#signUpNow form input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #333333;
}
 
#signUpNow form textarea {
  overflow: auto;
}
 
#signUpNow form div {
  clear: left;
  display: block;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}
 

#signUpNow form div select.selectOne, #signUpNow form div select.selectMultiple {
  width: 256px;
  margin-top:6px;
  padding: 4px 5px;
  font-family:Helvetica, Arial, Sans-Serif;
  font-size:13px;
  border-width:1px;
  border-style:solid;
  border-color:#B3BABF #CCCCCC #CCCCCC #B3BABF;
}

#signUpNow form div select.selectOne option
{
    width:100%;
    padding:0 3px;
    line-height:26px;
    color:#333333;
}

#BudgetBillingUsage fieldset {
    margin:20px 0px;
}

#BudgetBilling {
 padding: 10px 18px 10px 31px !important;
 text-indent: -24px;
 margin-top:10px !important;
}

#planSelected
{
    font-size:13px;
    font-family:Arial, Sans-Serif;
    color:#47595F;
}

#signUpNow form div label 
{
  font-family:Arial, Helvetica, Sans-Serif;
  display: block;
  float: left;
  width: 75px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}


#signUpNow form div input.inputText {
  width: 245px;
  padding: 5px;
  margin: 5px 0 0 0;
  font-size:15px;
  font-size:14px;
  font-family:Arial, Helvetica, Sans-Serif;
  color:#333333;
  border-width:1px;
  border-style:solid;
  border-color:#B3BABF #CCCCCC #CCCCCC #B3BABF;
}

#customerInfoForm form fieldset div.notes p.last {
  margin: 0em;
}

#customerInfoForm form {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 100%;
  min-width: 550px;
  width: 100%;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  color:#666;
  font-size:13px;
}
 
#customerInfoForm form fieldset {
  clear: both;
  font-size: 100%;
  border-right:1px solid #D7E1EF !important;
  border-left:1px solid #E5EBF5 !important;
  border-top:1px solid #E5EBF5 !important;
  border-bottom:1px solid #D7E1EF !important;
  padding: 10px 10px 15px 10px;
  margin: 0 0 5px 0;
}
 
#customerInfoForm form fieldset legend {
  color: #333333;
    font-family: Helvetica, Calibri, Arial, Tahoma, Sans-Serif;
    font-weight:bold;
    font-size:14px;
  margin: 0 0 0 0;
  padding: 0 5px 0 0;
}
 
#customerInfoForm form label {
  font-size: 100%;
  font-family:Arial, Helvetica, Sans-Serif;
}
 
 
#customerInfoForm form input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #333333;
}

#customerInfoForm form input:focus
{
 background-color:#F8F8F8;  
 border-width:1px 1px 1px 1px;
 border-color:#AABFE2 #D7E1EF #D7E1EF #AABFE2;   
 border-style:solid;
}

.inputFocus
{
 background-color:#F8F8F8;
 border-color:#AABFE2 #D7E1EF #D7E1EF #AABFE2 !important;    
}

#customerInfoForm form div {
  clear: left;
  display: block;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}



 
#customerInfoForm form div label {
  display: block;
  float: left;
  width: 240px;
  padding: 4px;
  margin: 0 0 3px 0;
  text-align: left;
  font-family:Arial, Helvetica, Sans-Serif;
}

#customerInfoForm form div #responseMethodLabel {
  display: block !important;
  float: left !important;
  width: 238px !important;
  padding: 2px 5px !important;
  margin: 0 0 5px 0 !important;
  text-align: left !important;
  font-family:Arial, Helvetica, Sans-Serif !important;
}

#customerInfoForm form #responseMethod label
{
 display:inline;   
 float:none;
 width:auto;
 padding:0;
 margin:0;
}

#customerInfoForm form div.optional label, label.optional {
  font-weight: normal;
}
 
#customerInfoForm form div.required label, label.required {
  font-weight: normal;
}
 

#customerInfoForm form div select, #customerInfoForm form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
  z-index:1;
}

#customerInfoForm form span.verifySpan label
{
 text-align:left !important; 
 color:#333333; 
 width:210px;
}

#customerInfoForm form div input.inputText, #customerInfoForm form div input.inputPassword {
  width: 230px;
  padding: 4px;
  margin: 0 0 0 0;
  border-width:1px;
  border-style:solid;
  border-color:#B3BABF #CCCCCC #CCCCCC #B3BABF;
}
 
#customerInfoForm form div input.inputFile {
  width: 211px;
}

#customerInfoForm form div select.selectOne, #customerInfoForm form div select.selectMultiple {
  width: 230px;
  padding: 4px;
  border-width:1px;
  border-style:solid;
  border-color:#B3BABF #CCCCCC #CCCCCC #B3BABF;
}

#customerInfoForm form fieldset legend {
  line-height: 150%;
}
 
#customerInfoForm form input, #customerInfoForm form select, #customerInfoForm form textarea {
  background-color: #ffffff;
}

/* 
.inputCheckbox
{
 border-width:1px;
  border-style:solid;
  border-color:#B3BABF #CCCCCC #CCCCCC #B3BABF;
  padding:5px;   
}
*/

#customerInfoForm form div label.labelCheckbox input.inputCheckbox, #customerInfoForm form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0;
  border-width:1px !important;
  border-style:solid;
  border-color:#B3BABF #CCCCCC #CCCCCC #B3BABF;
  padding:3px;
}
 
#customerInfoForm form div fieldset input.inputText, #customerInfoForm form div fieldset input.inputPassword, #customerInfoForm form div fieldset input.inputFile, #customerInfoForm form div fieldset textarea.inputTextarea {
  width: 230px;
  /*margin: 0 0 0 18px;*/
  padding:3px;
  border-width:1px;
  border-style:solid;
  border-color:#B3BABF #CCCCCC #CCCCCC #B3BABF;
}
 



/* TABLE
----------------------------------------------------------*/

table 
{
  border-collapse: collapse;
  font-family:Tahoma, Arial, Helvetica, Sans-Serif;
  font-size:13px;
  color:#999999;
}

table td 
{
  padding: 5px;   
  text-align: left;
  font-family:Tahoma, Arial, Helvetica, Sans-Serif;
  font-size:13px;
  color:#999999;
}






table th
{
  padding: 6px 5px;
  text-align: left;
  font-family:Tahoma, Arial, Helvetica, Sans-Serif;
  font-size:12px;
  color:#333333;
  font-weight:bold;
}

#frmPlansTable
{
 width:620px;  
 border:1px solid #d7e1ef;  
 background:#FFFFFF; 
}

#frmPlansTable thead th
{
 padding:10px 5px;   
 color:#333333;  
 font-family:Arial, Helvetica, Sans-Serif; 
 text-align:center;
 font-size:13px;
}

#frmPlansTable thead tr
{
 background:#F8F8F8;
 color:#F0A32C; 
 border-bottom:1px solid #d7e1ef;
}

#frmPlansTable tbody tr
{

}

.ourPrice
{
 background:#F8F8F8 !important;
 border:1px solid #d7e1ef !important;   
}

.ourPrice td.highlightCell
{
background:#FFFCDF !important;      
}

#frmPlansTable tbody td
{
text-align:center;
padding:8px 6px;
color:#555555;
}

#frmPlansTable tbody th
{
text-align:center;
border-right:1px solid #CCCCCC;
color:#4d7335;
font-family:Arial, Sans-Serif;
padding:8px 6px;
height:40px;
}

#frmPlansTable tbody td.highlightCell
{
border-left:1px solid #CCCCCC;
background:#FFFBCF;    
}

#frmPlansTable2
{
 width:620px;
 border:1px solid #d7e1ef; 
 background-color:#FFFFFF;      
}

#frmPlansTable2 thead th
{
 padding:10px 5px;   
 color:#333333;  
 font-family:Arial, Helvetica, Sans-Serif; 
 text-align:center;
 font-size:13px;
}

#frmPlansTable2 thead tr
{
 background:#F8F8F8;
 color:#F0A32C; 
 border-bottom:1px solid #d7e1ef;
}

#frmPlansTable2 tbody tr
{

}
#frmPlansTable2 tbody td
{
text-align:center;
padding:8px 6px;
color:#555555;
}

#frmPlansTable2 tbody th
{
text-align:center;
border-right:1px solid #CCCCCC;
color:#007F13;
font-family:Arial, Sans-Serif;
padding:8px 6px;
height:40px;
}

#frmPlansTable2 tbody td.highlightCell
{
border-left:1px solid #CCCCCC;
background:#FFFBCF;    
}

/* MISC  
----------------------------------------------------------*/


#twitter p a{color:#34CCFF;}	


.twitter {
background:#E5FAFA none repeat scroll 0 0;
border:1px solid #3ECFFF;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:13px;
padding: 5px;
margin: 0 0 0 15px;
width:300px;
height:170px;
float:right;
}
                         
.twitter h3 {
background: url(images/tweet.gif) left bottom no-repeat;
margin:0 0 10px 5px;
padding:5px 0 0 17px;
font-size:13px;
color:#777777;
}

.fbConnect {
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #BDC7D8;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:13px;
padding: 5px;
float:left;
width:300px;
height:170px;
 }

.fbConnect h3 {
margin-bottom:10px;
padding:5px 0 0 5px;
font-size:13px;
}
                         
.fbConnect img {
vertical-align: bottom;
}

 #social input {
border:1px solid #BDC7D8;
font-family:arial,sans-serif;
font-size:13px;
padding: 3px;
margin: 0 0 10px 0;
}


#submitButton {width:89px; height:23px; display:block; float:right; margin-right:20px; background-image:url(images/connect_logo.gif); background-position:center center; background-repeat:no-repeat;}
#twitterButton {margin: 3px 0 0 -2px;}
						 
#formArea {margin: 0 0 0 8px;} 
#copy {margin: 0 0 0 8px;} 


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #c20000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px dotted #c20000 !important;
    background-color: #f8f8f8 !important;
}


.validation-summary-errors
{
background-image:url(images/alertIcon.gif);
background-position:-36px center;
background-repeat:no-repeat;
width:440px !important;
background-color:#F8F8F8 !important;
border-left:2px solid #c20000 !important;
border-right:2px solid #c20000 !important;
border-bottom:2px solid #c20000 !important;
margin:0 0 0 -220px !important;
padding:20px 0 20px 0 !important;
position:absolute;
left: 50%;
z-index:99999;
top:0px;    
color:#c20000 !important;
font-family:Arial,Helvetica,sans-serif !important;
font-size:11px !important;
}

.validation-summary-errors ul
{
    margin-left:96px !important;
    padding:5px;
    margin-bottom:0px !important;
}

.validation-summary-errors ul li
{
    margin-left:40px !important;
    margin-bottom: 6px !important;
}


.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}


/*BUTTONS   */

button.aButton { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; 
}

button.aButton::-moz-focus-inner {
	border: none;  
}

button.aButton span.css1 { 
	position: relative;
	display: block; 
	white-space: nowrap;	

}

	
button.aButton { 
	padding: 0 30px 0 0; 
	margin-right:5px; 
	font-size:13px; 
	text-align: center; 
	background: transparent url(images/buttonSprite-greeny.gif) no-repeat right -156px; 
	height:38px;
}
	
button.aButton span.css1 {
	padding: 9px 0 0 30px; 
	height:29px; 
	background: transparent url(images/buttonSprite-greeny.gif) no-repeat left 0; 
	color:#fff; 
	font-weight:bold;
}
	
button.aButton:hover, button.aButtonHover { 
	background-position: right -208px; 
	
}
	
button.aButton:hover span, button.aButtonHover span.css1 {
	background-position: 0 -52px;
}

.bButtonGray
{
 background-repeat: repeat-x;
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 0 15px 4px 32px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
	cursor: pointer;
	position:relative;
	background-image:url(images/btn_bg_gray_off.png);
	background-color:#C3C3C3;
    background-position: 0 0px;
	border-color: #C3C3C3;
	font-size: 12px; 
	height: 32px; 
	line-height: 29px;
}

.bButton
{
 background-repeat: repeat-x;
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 0 15px 4px 32px;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
	cursor: pointer;
	position:relative;
	background-image:url(images/btn_bg_blue_off.png);
	background-color:#2372b9;
    background-position: 0 0px;
	border-color: #2372b9;
	font-size: 12px; 
	height: 32px; 
	line-height: 29px;
}

button.bButton.disabled,
button.disabled
{
    opacity:0.3;
	filter:alpha(opacity=30);
	cursor:wait;
	background: #dedede;
	background-image: none;
}

.bButton:hover { background-image: url(images/btn_bg_blue_on.png); }


button.bButton.disabled:hover
{
    background-color: #2372b9 !important; 
}

/* Fix the button in IE7 :-( */
*+html .bButton { border-color:none; border: 1px solid transparent; }
*+html .bButton { padding-left: 20px !important; padding-right: 5px !important; }

/* Google Chrome hack */
body:nth-of-type(1) .bButton span.css3
{
left:8px;
top:6px;
}

/* html>body .bButton span.css3, x:-moz-any-link, x:default { left:-24px !important; top:0px !important;  } */
.bButton:active { border-color: #D5DFEF;  }

.bButton span.css3
{
	background-image: url(images/amp-btn-icon-sprite.png); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: 16px; 
	height: 16px; 
	position: absolute; 
	left: -24px; 
    top: 0px;
	
}


.btn-arrow-right span.css3 { background-position: -16px 0; }

/*@-moz-document url-prefix() { .btn-icon span.css3 { left: -24px; top: 0px; } .btn-icon.btn-small span.css3 { top: -1px; } .btn-icon.btn-large span.css3 { top: 4px; } } */

/* Icon Classes */
.btn-arrow-down span.css3 { background-position: -48px 0; }
.btn-arrow-up span.css3 { background-position: -32px 0; }
.btn-arrow-right span.css3 { background-position: -16px 0; }
.btn-arrow-left span.css3 { background-position: 0 0; }
.btn-comment span.css3 { background-position: -112px 0; }
.btn-heart span.css3 { background-position: -96px 0; }
.btn-star span.css3 { background-position: -80px 0; }
.btn-cart span.css3 { background-position: -64px 0; }
.btn-print span.css3 { background-position: -128px 0; }
.btn-rss span.css3 { background-position: -144px 0; }
.btn-person span.css3 { background-position: 0 -16px; }
.btn-check span.css3 { background-position: -16px -16px; }
.btn-dollar span.css3 { background-position: -32px -16px; }
.btn-refresh span.css3 { background-position: -48px -16px; }
.btn-home span.css3 { background-position: -64px -16px; }
.btn-plus span.css3 { background-position: -80px -16px; }
.btn-minus span.css3 { background-position: -96px -16px; }
.btn-cross span.css3 { background-position: -112px -16px; }
	


#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;margin:0 0 18px;padding:5px 0 0 0;padding:3px;clear:both;height:95px;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

#juitterContainer .twittLI a{color:#F79926 !important;}

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Twitter CSS*/



/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #CCCCCC;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	font-weight:normal;
	border:1px solid #CCCCCC;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
ul.css-tabs a.current {
	background-color:#E7EDF5;
	border-bottom:1px solid #E7EDF5;	
	color:#000;	
	cursor:default;
}

.css-panes div.pane {
	display:none;
	border:1px solid #CCCCCC;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:10px 8px;
	background-color:#E7EDF5;	
}

.apple_overlay {
	
	display:none;
	background-image:url(images/white.png);
	width:640px;		
	padding:35px;
	font-size:11px;
}

div.apple_overlay#Video-Overlay
{
 height:456px !important;  
 background-image:url(images/white-video.png);
 background-position:center center;
 background-repeat:no-repeat;
}

.apple_overlay .close {
	background-image:url(images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.FBConnectButton_Simple .FBConnectButton_Text_Simple {
text-decoration:underline !important;
}

#videoCallOut
{
 display:block;
 width:206px;
 height:120px;
 background-image:url(images/videoIcon.jpg);
 background-position:center top;
 background-repeat:no-repeat;
}

#videoCallOut:hover
{
 background-position:center bottom;
}




#accountNumber input
{
 font-family:Courier, Monospace !important; font-size:13px !important;   
}

#facebookShareDiv
{
  width:306px;
  height:130px;
  background-image:url(images/facebookButton.gif);
  background-position:center top;
  background-repeat:no-repeat;
  float:left; 
  display:inline;
  margin-left:10px;
  cursor:pointer; 
}

#facebookShareLink
{
  display:block;
  width:306px;
  height:130px;
  background-image:url(images/facebookButton.gif);
  background-position:center top;
  background-repeat:no-repeat;
  float:left;   
  cursor:pointer; 
}

#facebookShareLink:hover
{
   background-position:center bottom;  
   cursor:pointer;  
}

#twitterShareDiv
{
  width:306px;
  height:130px;
  background-image:url(images/twitterButton.gif);
  background-position:center top;
  background-repeat:no-repeat;
  float:right;    
  display:inline;
  margin-right:10px;
  cursor:pointer; 
}

#twitterShareLink
{
  width:306px;
  height:130px;
  background-image:url(images/twitterButton.gif);
  background-position:center top;
  background-repeat:no-repeat;
  float:left;      
  cursor:pointer;  
}

#twitterShareLink:hover
{
background-position:center bottom; 
cursor:pointer; 
}

#noScript
{
 position:fixed;
 bottom:0;
 border-top:2px solid #c20000;
 background-color:#F8F8F8;   
 font-size:12px;
 font-weight:bold;
 padding:20px;
 width:100%;
 text-align:center;
 left:0;
}

#triggerJCPLSavings
{
position:absolute;
width:290px;
text-align:center;
top:330px;
}

#triggerJCPLSavings30
{
position:absolute;
width:290px;
text-align:center;
top:330px;
}

#triggerPSEGSavings
{
position:absolute;
width:290px;
text-align:center;
top:330px;
}

#triggerPSEGSavings30
{
position:absolute;
width:290px;
text-align:center;
top:330px;
}

#triggerJCPLSavings
{
position:absolute;
width:290px;
text-align:center;
top:330px;
}

#triggerJCPLSavings30
{
position:absolute;
width:290px;
text-align:center;
top:330px;
}

#triggerPSEGSavings
{
position:absolute;
width:290px;
text-align:center;
top:330px;
}



.savingsStuff
{
 height:510px;   
}

.savingsStuff ul.css-tabs a.current {
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;	
	color:#000;	
	cursor:default;
}

.savingsStuff .css-panes div.pane {
	display:none;
	border:1px solid #CCCCCC;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:10px 8px;
	background-color:#FFFFFF;	
}
	
#JCPL-Savings
{
 background-image:url(images/savings-bg.png);  
}

#JCPL-Savings-30
{
 background-image:url(images/savings-bg.png);  
}

#PSEG-Savings
{
 background-image:url(images/savings-bg.png);  
}

#PSEG-Savings-30
{
 background-image:url(images/savings-bg.png);  
}

.planContainer {
    width:675px;
    display:block;
    border:1px solid #bcbcbc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    background:#f2f2f2;
}
 
.planTop {
    height: 30px;
    background:#e8ecf7;
    border-radius:5px 5px 0px 0px;
    -moz-border-radius:5px 5px 0px 0px;
    -webkit-border-radius:5px 5px 0px 0px;
    border-bottom: 1px solid #fff;

}
.planName {
    height:30px;
    line-height:30px;
    color: #11518C;
    font-family: Helvetica Neue,Helvetica,Arial, Segoe UI, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    float:left;
    padding-left: 25px;
}
/*
.green .planTop {
    width:100%;
    height: 35px;
    background:#116500;
    border-radius:10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    border-bottom: 1px solid #fff;
}

.green .planName {
    height:30px;
    line-height:35px;
    color: #fff;
    font-family: Helvetica Neue,Helvetica,Arial, Segoe UI, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
*/

.planTerms a {
    float:right;
    margin-right:30px;
    margin-top:6px;
    background:url(images/termsIcon.gif) no-repeat;
    padding-left:18px;
    font-size:11px;
}

.planTerms a:hover {
     background-position:left -30px;
}


.planContent {
    width:100%;

}
.planPadding {
 padding:10px 26px 10px;   
}

.planInner .styleHolder
{
 
    margin:0px 26px 30px 26px;
    padding:20px 20px 20px 20px; 
    background:#fff;
    border:1px solid #D7E1EF;
    font-size:11px;   
}

.planInner {
   display: none;
}

.planBottom_nav ul {
    	list-style:none;
    	height:30px;
    	margin-top:-1px;
}

.planBottom_nav ul li {
	float:right;
	height:30px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:11px;
}

.planBottom_nav .moreInfo_link {
    background:url(images/bt_planDetails.png) no-repeat;
    width:152px;
    margin-right:20px;
    text-align:center;
    padding-top:3px;
}

.moreInfo_link a {
    background:url(images/infoIcon.gif) no-repeat; 
    padding-left:15px;
    background-position:left -4px;
}

.moreInfo_link a:hover {
    background-position:left -35px;
}

.planBottom_nav .calculator_link 
{
    background:url(images/bt_planCalc.png) no-repeat; 
    width:200px;
    margin-right:5px;
    text-align:center;
    padding-top:3px;
}
.calculator_link a {
    background:url(images/calculateIcon.png) no-repeat; 
    padding-left:15px;
     background-position:left -4px;
     color:#589a1e;
}

.calculator_link a:hover {
    /* background-position:left -35px;
     color:#589a1e;*/
    
     background:url(images/calculateIcon.png) no-repeat; 
    padding-left:15px;
     background-position:left -4px;
     color:#589a1e;
}

#planInfo h2.firstHead {
    padding-left:0px;
}

.seasonal_term {
 border-top:0px solid #d7e1ef; 
 border-bottom:1px solid #d7e1ef; 
 border-left:1px solid #d7e1ef;  
 border-right:1px solid #d7e1ef; 
 height:30px; 
 font-family:Arial,sans-serif;
 background-color:#ffffff;
 font-size:1em;
 text-align:center;
 color:#000;
}

.SeasonalIcon 
{
    margin-left:20px;
    width:50px;
    float:left;
}

.SeasonalMonths {
    float:left;
}


.alertCallOut
{
    color: #9F6000;
    background-color: #FEEFB3;
    border: 1px solid #FFEE7F;
    padding: 10px 10px 10px 10px;
    background-image:url(images/smallAlert.png);
    background-position: 10px center;
    background-repeat:no-repeat;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px !important;
padding:15px 10px 15px 50px !important;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('images/smallAlert.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/smallAlert.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('images/smallAlert.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/smallAlert.png');
}
.field-error {
   color: #D8000C;
   display:none;
}

.planMatrixPrice{
 background-color:#FFF8CB;
    border: 1px solid #FFEE7F;
    padding: 10px 10px 10px 10px;
    
}    
.leftBump
{
 padding-left:4px;   
}
.promoMessage {
    background-color:#f2f2f2;
    border: 1px solid #CCCCCC;
    padding: 10px 10px 10px 10px;
    background-position: 6px center;
    background-repeat:no-repeat;
    position:relative;
}

.promoImage
{
float:left;   
position: absolute;
margin-top: -40px;
top: 50%;
vertical-align: middle;
}

.promoMessage p {
    margin:0px;
    padding-left:148px;
    }
    
.promo-error-tip .ui-tooltip-content
{
 background-color:#eeeeee !important;   
}

.basicMessage {
    background-color:#f2f2f2;
    border: 1px solid #CCCCCC;
    padding: 10px 10px 10px 10px;
    background-position: 6px center;
    background-repeat:no-repeat;
}

.basicMessage p {
    margin:0px;
    }


#verizonMessage{
    background-image:url(images/promotion-logos/promo_vz.png);
}
#tworiverMessage{
    background-image:url(images/promotion-logos/promo_tr.png);
}
#mpMessage{
    background-image:url(images/promotion-logos/promo_mp.gif);
}

/*OHLA Promo*/
#ooMessage{
    background-image:url(images/promotion-logos/promo_oo.png);
}

/*Purple Evening Message*/
#puMessage{
    background-image:url(images/promotion-logos/promo_pu.png);
}



/*Waterford Condo Association*/
#woMessage{
    background-image:url(images/promotion-logos/promo_wo.png);
}


/*Walgreens*/
#wrMessage{
    background-image:url(images/promotion-logos/promo_wr.png);
}


/*NEA Illinois*/
#niMessage{
    background-image:url(images/promotion-logos/promo_ni.png);
}



/*Best Buy Illinois*/
#bfMessage{
    background-image:url(images/promotion-logos/promo_bf.png);
}


/*Best Buy Illinois*/
#byMessage{
    background-image:url(images/promotion-logos/promo_by.png);
}


/*NEA Pennsylvania*/
#npMessage{
    background-image:url(images/promotion-logos/promo_ni.png);
}

/*NEA NewJersey*/
#nnMessage{
    background-image:url(images/promotion-logos/promo_ni.png);
}


/*PA FireFighter*/
#pfMessage{
    background-image:url(images/promotion-logos/promo_pf.png);
}



/*Komen Race Promo*/
#kmMessage{
    background-image:url(images/promotion-logos/promo_km.png);
}

/*Vivint Promo*/
#vvMessage{
    background-image:url(images/promotion-logos/promo_vt.png);
}

#hsMessage{
    background-image:url(images/promotion-logos/promo_hs.png);
}
#fsMessage{
    background-image:url(images/promotion-logos/promo_fs.gif);
}

#rxMessage{
    background-image:url(images/promotion-logos/promo_rx.png);
}



#blMessage{
    background-image:url(images/promotion-logos/promo_bl.png);
}

#bsMessage{
    background-image:url(images/promotion-logos/promo_bs.png);
}
#nfMessage{
    background-image:url(images/promotion-logos/promo_nf.png);
}
#nbMessage{
    background-image:url(images/promotion-logos/promo_nb.png);
}
#foMessage{
    background-image:url(images/promotion-logos/promo_fo.png);
}
#asMessage{
    background-image:url(images/promotion-logos/promo_as.png);
}
#rbMessage{
    background-image:url(images/promotion-logos/promo_rb.png);
}
#rsMessage{
    background-image:url(images/promotion-logos/promo_rs.png);
}
#hpMessage{
    background-image:url(images/promotion-logos/promo_hp.png);
}
#vsMessage{
    background-image:url(images/promotion-logos/promo_vs.png);
}
/*Bears Promo Message*/
#baMessage{
    background-image:url(images/promotion-logos/promo_ba.png);
}
/* Bears Promo Message*/
#daMessage{
    background-image:url(images/promotion-logos/promo_ba.png);
}
#rrMessage{
    background-image:url(images/promotion-logos/promo_rr.png);
}
#cs1Message{
    background-image:url(images/promotion-logos/promo_rr.png);
}
#cfMessage{
    background-image:url(images/promotion-logos/promo_cf.gif);
}
#wsMessage{
    background-image:url(images/promotion-logos/promo_ws.gif);
}
#fiMessage{
    background-image:url(images/promotion-logos/promo_fi.png);
}
#bdMessage{
    background-image:url(images/promotion-logos/promo_bd.png);
}
#ahMessage{
    background-image:url(images/promotion-logos/promo_ah.png);
}
#sgMessage{
    background-image:url(images/promotion-logos/promo_sg.png);
}
#soMessage{
    background-image:url(images/promotion-logos/promo_so.jpg);
}
#msMessage{
    background-image:url(images/promotion-logos/promo_ms.png);
}
#mhMessage{
    background-image:url(images/promotion-logos/promo_mh.jpg);
}
#haMessage{
    background-image:url(images/promotion-logos/promo_ha.jpg);
}
#frMessage{
    background-image:url(images/promotion-logos/promo_fr.jpg);
}

#jlMessage{
    background-image:url(images/promotion-logos/promo_jl.png);
}

#koMessage{
    background-image:url(images/promotion-logos/promo_ko.jpg);
}
#dlMessage{
    background-image:url(images/promotion-logos/promo_dl.png);
}
#dpMessage{
    background-image:url(images/promotion-logos/promo_dl.png);
}
#gsMessage{
    background-image:url(images/promotion-logos/promo_gs.png);
}
#dcMessage{
    background-image:url(images/promotion-logos/promo_dc.png);
}
#nmMessage{
    background-image:url(images/promotion-logos/promo_nm.png);
}
#caMessage{
    background-image:url(images/promotion-logos/promo_ca.png);
}
#ngMessage{
    background-image:url(images/promotion-logos/promo_ng.png);
}
#eaMessage{
    background-image:url(images/promotion-logos/promo_ea.png);
}

#adMessage{
    background-image:url(images/promotion-logos/promo_ad.png);
}

#goMessage{
    background-image:url(images/promotion-logos/promo_go.png);
}
#ncMessage{
    background-image:url(images/promotion-logos/promo_nc.png);
}
#ntMessage{
    background-image:url(images/promotion-logos/promo_nt.png);
}
#noMessage{
    background-image:url(images/promotion-logos/promo_no.png);
}
#ubMessage{
    background-image:url(images/promotion-logos/promo_ub.png);
}
#aoMessage{
    background-image:url(images/promotion-logos/promo_hr.png);
}
#hrMessage{
    background-image:url(images/promotion-logos/promo_hr.png);
}

/*Charleston Chamber of Commerce  -  Promo Harry Respass */
#clMessage{
    background-image:url(images/promotion-logos/promo_cl.png);
}


/*IHLA  -  Promo Harry Respass */
#siMessage{
    background-image:url(images/promotion-logos/promo_si.png);
}


#psMessage{
    background-image:url(images/promotion-logos/promo_ps.png);
}


#piMessage{
    background-image:url(images/promotion-logos/promo_ps.png);
}

#saMessage{
    background-image:url(images/promotion-logos/promo_sa.png);
}
#cpMessage{
    background-image:url(images/promotion-logos/promo_cp.png);
}
#ujMessage{
    background-image:url(images/promotion-logos/promo_uj.png);
}

/*DGS - Online Partner - Phone   -  Promo Harry Respass */
#boMessage{
    /*background-image:url(images/promotion-logos/promo_bo.png);*/
}


/*BOMA Suburban  -  Promo Harry Respass */
#boMessage{
    background-image:url(images/promotion-logos/promo_bo.png);
}

#ksMessage{
    background-image:url(images/promotion-logos/promo_ks.png);
}

/*Charleston Chamber of Commerce  -  Promo Harry Respass */
#acMessage{
    background-image:url(images/promotion-logos/promo_ac.png);
}
#kkMessage{
    background-image:url(images/promotion-logos/promo_kk.png);
}
#ydMessage{
    background-image:url(images/promotion-logos/promo_yd.png);
}
#wwMessage{
    background-image:url(images/promotion-logos/promo_ww.png);
}
#mcMessage{
    background-image:url(images/promotion-logos/promo_mc.png);
}
#plMessage{
    background-image:url(images/promotion-logos/promo_pl.png);
}
#seMessage{
    background-image:url(images/promotion-logos/promo_se.png);
}
#aqMessage{
    background-image:url(images/promotion-logos/promo_aq.png);
}
#imMessage{
    background-image:url(images/promotion-logos/promo_im.png);
}
#ioMessage{
    background-image:url(images/promotion-logos/promo_io.png);
}
.planFirstRow
{
 width:610px;
 border-top:1px dotted #D7E1EF;
 border-bottom:1px dotted #D7E1EF;  
 height:100px; 
 position:relative; 
}

.Seasonal .planSavingsText, .Seasonal .planPrice {
     font-size:18px;    
}

.planFixedPrice
{
 text-align:center;    
}

.planTerm
{
 text-align:center; 
 font-family:Gadget,Helvetica,Arial,sans-serif;   
}

.oneTerm
{
 font-weight:bold;
 font-family:Gadget,Helvetica,Arial,sans-serif;   
 font-size:14px;   
}

.planSavings
{
 text-align:center;    
}

.planButton
{
 text-align:center;    
}

.planIncentive
{

}

.planBottomLinks td
{
text-align:center;
font-family:Helvetica, Arial, Sans-Serif;  
font-size:11px; 
}

#noTopLine h2
{
 padding-top:0 !important;
 border-top:0 !important;    
}

/* EXTEND OFFER - ADDED BY JUSTIN */

.extendOffer 
{
display:;
margin:10px 0 0 0;
background:#fff;
border-top:1px dotted #D7E1EF;
border-bottom:1px dotted #D7E1EF;  
}
 
.extendOffer td 
{
padding:10px 0;
color:#f69824;
font-weight:bold;
text-align:center;
font-family:Helvetica, Arial, Sans-Serif;  
font-size:12px; 
border-left:2px solid #f69824;
border-right:2px solid #f69824;
}

.planHeading
{
 text-align:center;   
 font-family:Helvetica, Arial, Sans-Serif;
}

.planFeatures
{
 margin-top:8px;   
}

.planDescription
{
 padding:10px;   
}

.topRow th
{
    text-align: center;
}

.bottomRow
{
 border-top:1px solid #d7e1ef; 
 border-bottom:1px solid #d7e1ef; 
 border-left:1px solid #d7e1ef;  
 border-right:1px solid #d7e1ef; 
 height:60px; 
 font-family:Helvetica, Arial, Sans-Serif;
 background-color:#ffffff;
}



tr.bottomRow td{
color:#333333;
}

.planIncentive
{
 padding:10px;   
}

.planPrice
{
 font-size:24px;
 font-family: Gadget, Helvetica, Arial, sans-serif;
 font-weight:bold;
}

.planSavingsText
{
 font-size:24px;
 font-family: Gadget, Helvetica, Arial, sans-serif;
 font-weight:bold;
}
.planGreenText
{
 font-size:24px;
 font-family: Gadget, Helvetica, Arial, sans-serif;
 font-weight:bold;
 color:Green;
}
.planSmText {
    font-size:16px; 
}


div.alert
{
 height:40px;
 border:1px dashed #AF0000;
 padding:16px;
 font-size:12px;
 font-weight:bold;
 font-family:Helvetica, Arial, Sans-Serif;  
 color:#666666;
 margin-bottom:7px;
 padding-left:70px;
 line-height:18px;
}

.bButtonHover
{
  background-color: #2372b9 !important;  
}

.number
{
 color:#000000;
background:#F2F2F2;
border:1px solid #F8F8F8; 
}

#broken
{
  background-image:url(images/alert-2.gif);  
  background-position:center left;
  background-repeat:no-repeat;
}


#unverified
{
  background-image:url(images/alert-1.gif);  
  background-position:center left;
  background-repeat:no-repeat;  
}

.calculatorSide
{
 width:65%;
 float:left;
   
}

.helpSide
{
  width:25%;
 float:right;  
    
}

.helpQuestion
{
 font-size:12px;
  font-family: Helvetica, Calibri, Arial, Tahoma, Sans-Serif; 
  font-weight:bold;  
  color: #2763A5;  
  border-bottom:1px dotted #D7E1EF;
}

.apple_overlay h2
{
 padding-left:0 !important;  
 background-color:transparent; 

}

#savingsCalculator
{
 font-size:11px;
 font-family:Helvetica, Arial, Sans-Serif; 
 font-weight:normal; 
}

#savingsCalculator thead td
{
 font-size:11px;
 font-family:Helvetica, Arial, Sans-Serif; 
 font-weight:normal; 
 border:none;   
}

#savingsCalculator th
{
 font-weight:normal;   
}

#savingsCalculator td.data
{
 border:1px solid #cccccc;  
 text-align:center; 
}

#savingsCalculator .savingsHolder
{
  text-align:center;
 border:1px solid #cccccc;  
}

#savingsCalculator .savings
{
 font-size:18px;
 font-weight:bold;
 font-family:Gadget, Arial, Helvetica, Sans-Serif;   
 color:#0A64B4;
  
}

#savingsCalculator .col
{
 width:120px;   
}

#savingsCalculator th
{
 text-align:center;
 font-size:12px;
 font-weight:bold;
 font-family:Calibri,Helvetica Neue,Arial;
  text-transform:uppercase;
  color:#11518C;   
  line-height:14px;
}

.apple_overlay{
 font-family:Helvetica, Arial, Sans-Serif;
}

.acceptButton
{
 display:inline;   
}

.otherButton
{
 display:inline;   
}

#leftButton
{
 margin-left:98px;   
}

div.mediaFront
{
 padding-left:60px; 
 margin-bottom:14px;  
 line-height:18px;
}

div.mediaArticle 
{
 margin-bottom:14px;  
 line-height:18px;
 padding-top:5px;
 padding-bottom:5px;
 padding-left:70px;
 background-position:center left;
 background-repeat:no-repeat; 
}

div.mediaArticle.online 
{
 background-image:url(images/media-blog.gif);
  
}

div.mediaArticle.print 
{
 background-image:url(images/media-publication.gif);
  
}

div.mediaArticle.article 
{
 background-image:url(images/article.gif);
  
}

div.mediaArticle.tv 
{
 background-image:url(images/media-tv.gif);
  
}

div.mediaFront.blog
{
 background-image:url(images/media-blog.gif);
 background-position:center left;
 background-repeat:no-repeat;    
}

div.mediaFront.print
{
 background-image:url(images/media-publication.gif);
 background-position:center left;
 background-repeat:no-repeat;    
}

div.mediaFront.tv 
{
 background-image:url(images/media-tv.gif);
 background-position:center left;
 background-repeat:no-repeat; 
}

div .date
{
 font-family:Tahoma, Verdana, Sans-Serif;
 font-size:12px;
 color:#AEAEAE;   
 font-style:italic;
 font-weight:normal;
}

#disclaimerText
{
 line-height:11px !important;
 font-size:9px !important;
 clear:both; 
 border-top: 3px solid #D7E1EF;
    color: #999999;
    font-family: Helvetica,Arial,Sans-Serif;
    padding-top: 10px !important; 
}
#bottomFeatures
{
 margin-top:14px;   
}

.planIncentivesList
{
 height:46px;    
 border-bottom:1px solid #D7E1EF;   
font-weight:bold; 
line-height:46px;
padding:0 10px;
color:#333333;
text-align:center;
background-color:#E7ECF7;
border-left:1px solid #D7E1EF;
border-right:1px solid #D7E1EF;
}

.planMatricPrice
{
 height:46px;    
 border-bottom:1px dotted #D7E1EF;   
font-weight:bold; 
line-height:46px;
padding:0 10px;
color:#333333;
text-align:center;
background-color:#CCCCCC;
border-left:1px solid #F6F6F6;
border-right:1px solid #F6F6F6;
}

.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	* html #FSpopup { /*\*/position: absolute !important;/**/ }	
	
	
#referBox
{
 width:630px;
 height:209px;
 background-image:url(images/confirmationRefer.png);
 background-position:center center;
 background-repeat:no-repeat;   
}

#referCode
{
 width:630px;
 padding-top:36px;
 text-align:center;
 font-weight:bold;
 font-size:20px;
 color:#FFFFFF;
 font-family:Helvetica, Arial, Sans-Serif; 

}

#codeLine
{
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
}

.theCode
{
 color:#055AA6;
 font-size:18px;
 font-weight:bold;
}

#shareButtons
{
  margin-bottom:8px;
}
#spreading
{
 position:relative;
 display:inline;
 top:-16px;   
}

b {
 color:#555555;   
}

table.planRowTable
{
 font-family:Helvetica, Arial, Sans-Serif;   
}

.priceTool
{
 position:relative;
 top:2px;   
}

.withTip:hover
{
  color:#f79927;
}

#priceToCompare
{
 font-size:14px;
 font-family:Helvetica, Arial, Sans-Serif;  
 width:630px;
 height:59px;
 background-image:url(images/priceToCompare.gif);
 background-position:center center;
 background-repeat:no-repeat;
}
#ptcPadding
{
 padding:0 25px;
 line-height:59px;
}
.ptcSpan
{
 font-size:24px;
 font-family: Gadget, Helvetica, Arial, sans-serif;
 font-weight:bold; 
 color:#333333; 
}


.priceTip
{
 cursor:pointer;   
}

.rightTip
{
 cursor:pointer;   
}
#ptcArea{
font-family:Tahoma, Arial, Helvetica, Sans-Serif; color:#333333;
}

.planBottomLinks .termsCell a
{
 background-image:url(images/termsIcon.gif);
 background-position:left -4px;
 background-repeat:no-repeat;  
 padding-left:18px; 
}

.planBottomLinks .infoCell a
{
 background-image:url(images/infoIcon.gif);
 background-position:left -4px;
 background-repeat:no-repeat;  
 padding-left:18px; 
}

.planBottomLinks .calculateCell a
{
 background-image:url(images/calculateIcon.gif);
 background-position:left -4px;
 background-repeat:no-repeat;  
 padding-left:18px; 
}

.planBottomLinks .termsCell a:hover
{
 background-position:left -34px;   
}

.planBottomLinks .calculateCell a:hover {
 background-position:left -35px;   
}

.planBottomLinks .infoCell a:hover {
 background-position:left -35px;   
}

.stButton_gradient {
 background-image:none !important;
 border-right:none !important;  
 border-left:none !important;   
}

.stBubble {
 overflow:hidden;   
}

table.referTable th {
font-size:13px;
font-family:Calibri, Helvetica, Arial, Sans-Serif;  
height:50px;
text-align:center;
}

table.referTable td {
font-size:12px;
font-family:Helvetica, Arial, Sans-Serif;  
height:50px;
}

table.referTable {
 background:#ffffff;
 border:1px solid #D5DFEF;  
}

table.referTable tr.bottom td {
 height:2px;   
}

table.referTable tr.bottom th {
 height:2px;   
}

#testMessage {
 /*background-color:#F8F8F8;*/
 color:Red;
 border-bottom:2px solid red;
 padding:10px;   
 font-size:28px;
 font-weight:bold;
}

.topAlert {
 background-color:#F8F8F8;
 color:Red;
 border-bottom:2px solid red;
 padding:10px;  
 font-size:12px;   
}

#signInBox {
    -moz-border-radius:5px 0px 5px 5px; 
    -webkit-border-radius:5px 0px 5px 5px;
    border-radius:5px 0px 5px 5px;
    display:none;
    background-color:#D8DFEF;
    position:absolute;
    width:250px;
    z-index:9999;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 0px; 
    right: 394px; 
    margin-right: 0px;
    *margin-right: -1px;
    color:#789;
    font-size:11px;
    -moz-box-shadow:-2px 1px 2px #AFAFAF;
    -webkit-box-shadow:-2px 1px 2px #AFAFAF;
    box-shadow: -2px 1px 2px #AFAFAF;
}
.loginError {
color:Red;    
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #ACE;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:224px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#6AC;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#27B!important;
}
#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#tmpSlideShow
{
 z-index:1;   
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}

#signInLink.menu-open {
    background-color:#D8DFEF !important; 
}
#signInLink.menu-open a {
    color:#2277BB;
}

#IsReferralChecked
{
margin-top: 8px;
}

body div.qtip div.content{
   padding: 0;
   margin: 0;
   height: auto; min-height: auto;
   width: auto; min-width: auto;
}

.ui-autocomplete .ui-menu-item
{
 font-size:12px;
 font-family:Tahoma, Verdana, Arial, Sans-Serif;   
 text-align:left;
}

#reminderInfoForm form fieldset div.notes p.last {
  margin: 0em;
}

#reminderInfoForm form {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 100%;
  min-width: 550px;
  width: 100%;
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  color:#666;
  font-size:13px;
}
 
#reminderInfoForm form fieldset {
  clear: both;
  font-size: 100%;
  border-right:1px solid #D7E1EF !important;
  border-left:1px solid #E5EBF5 !important;
  border-top:1px solid #E5EBF5 !important;
  border-bottom:1px solid #D7E1EF !important;
  padding: 10px 10px 15px 10px;
  margin: 0 0 5px 0;
}
 
#reminderInfoForm form fieldset legend {
  color: #333333;
    font-family: Helvetica, Calibri, Arial, Tahoma, Sans-Serif;
    font-weight:bold;
    font-size:14px;
  margin: 0 0 0 0;
  padding: 0 5px 0 0;
}
 
#reminderInfoForm form label {
  font-size: 100%;
  font-family:Arial, Helvetica, Sans-Serif;
}
 
 
#reminderInfoForm form input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #333333;
}

#reminderInfoForm form input:focus
{
 background-color:#F8F8F8;  
 border-width:1px 1px 1px 1px;
 border-color:#AABFE2 #D7E1EF #D7E1EF #AABFE2;   
 border-style:solid;
}

#reminderInfoForm form div {
  clear: left;
  display: block;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

#reminderInfoForm form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #D7E1EF;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}
 
#reminderInfoForm form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

 
#reminderInfoForm form div label {
  display: block;
  float: left;
  width: 240px;
  padding: 4px;
  margin: 0 0 3px 0;
  text-align: left;
  font-family:Arial, Helvetica, Sans-Serif;
}

#reminderInfoForm form div #responseMethodLabel {
  display: block !important;
  float: left !important;
  width: 260px !important;
  padding: 2px 5px !important;
  margin: 0 0 5px 0 !important;
  text-align: left !important;
  font-family:Arial, Helvetica, Sans-Serif !important;
}

#reminderInfoForm form #responseMethod label
{
 display:inline;   
 float:none;
 width:auto;
 padding:0;
 margin:0;
}

#reminderInfoForm form div.optional label, label.optional {
  font-weight: normal;
}
 
#reminderInfoForm form div.required label, label.required {
  font-weight: normal;
}
 

#reminderInfoForm form div select, #reminderInfoForm form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
  z-index:1;
}

#reminderInfoForm form span.verifySpan label
{
 text-align:left !important; 
 color:#333333; 
 width:210px;
}

#reminderInfoForm form div input.inputText, #reminderInfoForm form div input.inputPassword {
  width: 230px;
  padding: 5px;
  margin: 0 0 0 0;
  border-width:1px;
  border-style:solid;
  border-color:#B3BABF #CCCCCC #CCCCCC #B3BABF;
}
 
#reminderInfoForm form div input.inputFile {
  width: 211px;
}

#reminderInfoForm form div select.selectOne, #reminderInfoForm form div select.selectMultiple {
  width: 230px;
  padding: 5px;
  border-width:1px;
  border-style:solid;
  border-color:#B3BABF #CCCCCC #CCCCCC #B3BABF;
}

#reminderInfoForm form fieldset legend {
  line-height: 150%;
}
 
#reminderInfoForm form input, #reminderInfoForm form select, #reminderInfoForm form textarea {
  background-color: #ffffff;
}

select option {
padding: 0 5px;    
}

.hightlightArea {
 padding: 10px 18px 10px 42px !important;
 text-indent: -24px;
 background:#E7ECF7;
 border:1px solid #D7E1EF;  
 margin-top:10px !important;
}


.radioButton {
 padding: 10px 10px 0px 50px !important;
 text-indent: -24px; 
}

#PowerUsage label {
display: block;
float: none !important;
width: 100% !important;
padding: 0px !important;
margin: 0px !important;
text-align: left;
}

.calcEnter
{
height: 26px; 
line-height: 26px; 
text-align: center; 
width:240px;
font-size:18px;
font-weight:bold;
font-family:Gadget, Helvetica, Arial, sans-serif;
}

#ptcBox
{
 width:100px;
 height:45px;
 margin:0 auto;  
 padding-top:5px;
 line-height:20px;
}

#stepsToSave
{
  margin:0 auto;
  width:890px;
  height:100px;
  background-image:url(images/steps-to-save.jpg);
  background-position:0 0;
  background-repeat:no-repeat;   
}
#stepOne
{
width:224px;
float:left;  
padding-left:74px;
padding-top:18px; 
font-size:13px; 
font-weight:bold;
color:#68737a;
}
#stepTwo
{
width:222px;
float:left;     
padding-left:68px;  
padding-top:18px; 
font-size:13px; 
font-weight:bold;
color:#68737a;
}
#stepThree
{
 width:236px;
float:left;    
padding-left:60px;
padding-top:18px;   
font-size:13px; 
font-weight:bold;
color:#68737a;
}

.bigNumber
{
 color: #11518C;
    font-family: Calibri,Helvetica,Arial,Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.boxContainer {
  margin-left:10px;  
}

.boxContainer a {
    text-decoration:none;
    font-weight:normal;
}

.indexBox {
    width:295px;
    height:200px;
    background:#d8dfef;
    margin:0px 10px;
    float:left;
}
.indexBox .boxTitle {
    width:295px;
    height:40px;
    font-family: Calibri, Helvetica, Arial, Sans-Serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    background:url(images/boxBG.jpg);
}
.indexBox .boxTitle .title {
    padding:7px 0px 0px 15px;
    display: block;
}
.indexBox .boxBody {
    width:295px;
    height:125px;
    color: #333;
    font-size: 13px;
}
.indexBox .boxBody .content {
    padding:7px 15px ;
    display: block;
    width:250px;
}
.indexBox .boxFooter {
    color: #333;
    font-size: 14px;
}
.indexBox .boxFooter .content {
    padding:7px 15px;
    display: block;
    width:250px;
    text-align:right;
}

.calloutHolder
{
 width:260px;
 height:260px;
 background-image:url(images/smallBizComed.png);
  background-position:0 0;
  background-repeat:no-repeat;    

}

#comedMessage
{
 width:260px;
 height:260px;
 display:block;
 text-decoration:none;
 background-image:url(images/smallBizComed.png);
 background-position:0 0;
 background-repeat:no-repeat;     
}
#comedMessage:hover
{
  background-position:0 -260px;
 
}

#languageLink a {
    float: right;
    font-size: 11px;
    line-height: 0px;
    padding: 18px 15px 5px;
    width: 80px;
    color:#fff;
}

#EnviromentMessage {
    float: right;
    font-size: 11px;
    line-height: 0px;
    padding: 18px 15px 5px;
    font-weight:bold;
    color:#fff;
}


body.spanish .withTip {
    
}

.iconview {
    margin-top: 5px;
}
.iconview div.textCntr {
    margin:0 5px 0 90px;
    padding-top:10px;
}
.iconview div.imgCntr  {
    float:left;
}



/* @New Styles

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


body {
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:12px;
	line-height:34px;
	color:#7e8184;
	background:#d1ddf0 url(Images/bg_body.gif) left top repeat-x;
}

#motif {height:100%; width:100%; position:relative; background:transparent url("images/bg_exelon_motif.png") no-repeat; z-index:0;}

#wrapper {
	width:100%;
	height:100%;
	background: transparent;
	/*background:url(Images/bg_body_whisps.png) 20% 0 no-repeat transparent;*/
}
#container {
	width:980px; /* changed from width 980px */
	margin:0 auto;
}
#content {
	width:100%;
	float:left;
	margin:0 0 30px 0;
}
#main-content {
	width:960px; /* previous width 960px. */
	float:left;
	/*padding:10px;*/
}

#main-content #main-content {
	padding:10px;
	/*width:auto !important;*/
}

.module {
	display:block;
	background:#fff;
	border:1px solid #ccc;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	overflow:hidden;
}

/* @Main Navigation

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

ul#main-nav {
	background: url('Images/bg-navigation.png') repeat-x;
	float: left;
	list-style: none;
	font-size: 13px;
	font-weight: 600;
	height: 47px;
	width: 980px; /* previous width 980px */
	border-bottom: 1px solid #c2c2c2;
	margin: 0 auto;
	position:relative;
	z-index:300;
}
#container.wideContainer, #container.wideContainer ul#main-nav, #container.wideContainer #main-content {
	width:1280px;
}
ul#main-nav li {
	float: left;
	background: url('Images/divider-navigation.gif') right no-repeat;
	text-align:center;
}
ul#main-nav .last {
	background: none;
}

ul#main-nav li a {
	color: #2372b9;
	display: inline-block;
	font-weight: 600;
	/*height: 46px;*/
/*	line-height: 46px; */
	/*padding: 15px 20px 0px 20px;*/
	position: relative;
	z-index: 1;
	display: block;
}
ul#main-nav li a:hover {
	/*background: url('Images/divider-navigation.gif') right no-repeat #fff;*/
	background:none;
	color: #2372b9;
	text-decoration: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	overflow:hidden;
}

ul#main-nav .last a:hover {
	/*background: url('Images/bg-navigation-hover.png') right no-repeat;*/
	background:none;
}

ul#main-nav .first a:hover {
	/*background: url('Images/bg-navigation-hover.png') left no-repeat;*/
	background:none;
}

ul#main-nav .selected a {
	/*background: url('Images/divider-navigation.gif') right no-repeat #fff;*/
	background:none;
	color: #06c !important;
	text-decoration: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	overflow:hidden;
}

ul#main-nav .selected .signup {
	/*background: url('Images/bg-navigation-hover.png') right no-repeat;*/
	background:none;
}

ul#main-nav .selected .home {
	/*background: url('Images/bg-navigation-hover.png') left no-repeat;*/
	background:none;
}

a.nav2, a.nav2:link, a.nav2:visited {
               font-weight: normal;
               padding: 5px 0px 10px 0px !important;
               display: block;
               font-size: 12px !important;
               line-height: 14px !important;
               color: #7e8184 !important;
               font-weight: normal !important;
               text-decoration: none;
        }
        
a.nav2:hover, a.nav2:active {
               color: #f47b27; 
        }


/* @Logo

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

div#ce-logo a {
    cursor: pointer;
    display: block;
    width: 319px;
    height: 74px;
    float: left;
    margin: 10px 0 15px 10px;
    background-image: url("images/Constellation.png");
    background-size: contain;
}

div#ce-logo img {
	cursor:pointer;
	display:block;
	float:left;
	margin:-20px 0 15px 10px;
}

div#ce-logo_md a {
    cursor: pointer;
    display: block;
    width: 319px;
    height: 74px;
    float: left;
    margin: -20px 0 15px 10px;
    background: url("images/Constellation.png") no-repeat scroll 0 0 transparent;
}



#support div#ce-logo a {
	cursor:pointer;
	display:block;
	width:319px;
	height:74px;
	float:left;
	margin:10px 0 10px 10px;
	background: url("images/Constellation.png") no-repeat scroll 0 0 transparent;
}

#support #formtable H3 {
    BORDER-BOTTOM: #0067b2 1px solid;
    MARGIN-BOTTOM: 3px;
    COLOR: #0067b2;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}



/* @utility-nav

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

#utility-nav {
	width:100%;
	display:inline-block;
	float:left;
}
#utility-nav ul {
	list-style:none;
	float:right;
	background:#005189;
	border-radius:0px 0px 10px 10px;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	box-shadow:0px 0px 6px #000;
	-moz-box-shadow:0px 0px 6px #000;
	-webkit-box-shadow:0px 0px 6px #000;
}
#utility-nav li {
    float: left;
    height: 42px;
	background: url('Images/divider-utility.gif') no-repeat 0 45%;
}
#utility-nav li a {
	float:left;
	padding:10px 15px;
	color:#fff;
	font-weight:normal;
}
#utility-nav a:hover {
	color:#FFA500 !important;
	text-decoration:underline;
}
#utility-nav .first {
	background:url(images/icon_myaccount.gif) 10px 11px no-repeat ;
	padding-left:20px;
}
#utility-nav .last {
}
#utility-nav a span.personalize {
	color:#ee8a1d;
}

/* @FOOTER

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

#footer {
	clear:both;
	margin-bottom:40px;
	width:980px;
	margin:0 auto;

}
#footer ul {
	list-style:none;
	text-align:center;
}
#footer li {
	display:inline;
	font-size:12px;
	font-weight:bold;
}
#footer a {
	color:#666;
	font-family:Arial, Helvetica, Tahoma, Sans-Serif;
    font-size:11px;
    text-decoration:none;
}
#footer a:hover {
	color:#000;
}
#footer p {
	margin:10px 0 30px 0;
	font-size:12px;
	color:#999;
	text-align:center;
}



/* Sign in CSS */


#signin-details h2.firstHead {
    margin:20px 0 20px 0;
    font-size:20px;
      border-bottom:1px dotted #D7E1EF;
      padding-bottom:10px;
}

#signin, #reset-password-success {
    /*background:#fff url(images/bg_gradient_grey_white.gif) left top repeat-x;*/
    background-image: -moz-linear-gradient(top, #F1F0F0, #ffffff); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F1F0F0),color-stop(1, #ffffff)); /* Safari & Chrome */
} 
 
#bubble-arrows {
    background: url(images/crazy_renew_icon.png) repeat scroll 0 0 transparent;
    float: left;
    height: 244px;
    margin: 50px 0 0;
    width: 212px;
}

#signin-details, #reset-password-details {
    float:right;
    width:600px;
}

#reset-password-details .field-validation-error {padding: 0;}
#reset-password-details .challenge label {display: block;}
#signin-details h2, #reset-password-details h2 {
    color:#1153a5;
}

#signin-details h3, #reset-password-details h3 {
    margin:0 0 10px 0;
}

.email, .password, .challenge {
    width:100%;
    float:left;
    margin:0 0 10px 0;
}

.email input, .password input, .challenge input {
    width:300px;
    float:left;
}

p.sign-in {
    width:100%;
    float:left;
    margin:0 10px 10px 0;
}

p.continue {
    width:500px;
    float:left;
    margin:0 0 0 0;
}

#signin-details input.button {
    cursor:pointer;
    display:block;
    height:23px;
    padding:0 10px;
    font-size:11px;
/*    line-height:21px; */
    color:#fff;
    font-weight:bold;
    text-align:center;
    background:#2372b9 url(images/btn_bg_blue_off.png) left 50% repeat-x;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #2372b9;
    -webkit-transition:all .2s ease;
}

#signin-details input.button:hover {
background:#ee8a1d url(images/btn_bg_blue_on.png) left 50% repeat-x;
}

.greenChart
{
    margin:30px 0 40px 0;
    height:38px;
}

.greenChart .left a {
    background:url(images/green_minus.png) #e8ecf7 no-repeat;
    background-position:4px 5px;
    text-align:right;
    padding-right:10px;
    border:1px #d7e1ef solid;
}
.greenChart .left a:hover {
    background:url(images/green_minus.png) green no-repeat;
    background-position:4px 5px;
    color:#fff !important;
}
.greenChart .right a {
    background:url(images/green_plus.png) #e8ecf7 no-repeat;
    background-position:8px 5px;
    text-align:center;
    padding-left:15px;
    border:1px #d7e1ef solid;
}
.greenChart .right a:hover {
    background:url(images/green_plus.png) green no-repeat;
    background-position:8px 5px;
    color:#fff !important;
}

.greenChart_title a {
    float:left;
    margin: 9px 5px 0 5px;
    padding:10px 0px 0 0px;
    text-align:center;
    border:0px solid #000;
    width:112px;
    height:28px;
    color:green !important;
    font-size:12px;
    text-decoration:none;
}

.greenbar
{
    margin-top:9px;
    width:292px;
    background:#e8ecf7;
    float:left;  
}

.greenbar-center {
    background:green;
    height:40px;
}

.ui-widget-content a {
    color:none !important;
}


/* 
    opt-out specific styles 
*/
#optOut-content {
	width:960px !important;
	padding:10px !important;
}

#optOut-content #page-content {
	padding:10px !important;
	width:auto !important;
}
#leftColumn .aList li
{
  list-style-image: url(images/bullet-orange-png.png);   
}
#leftColumn h2
{

border-top:1px dotted #D5DFEF;
 margin-top:10px; 
 padding-top:20px; 
 margin-bottom:6px; 
}

#leftColumn .faqsection h2
{
border-top:none;
margin-top:10px; 
 padding-top:20px;  
}

#leftColumn h2.firstHead
{
 border-top:none;
 margin-top:0px;  
 padding-top:0px;
}
#leftColumn{
margin: 0 0 25px 0; 
width:675px;
float:left;
/*line-height:20px;*/
padding-top:10px;
}
#page-content ul,
#rightColumn ul,
#page-content ul .aList
{
 margin-left:25px !important;
    
}
h2.optOut
{
    border:none !important;
    padding-top:0 !important;
    color:#666 !important;
}
.emailDisclaimer
{
    margin:0 20px 0 247px !important;
    border:1px solid #d7e1ef !important;
    padding:10px !important;
    color:#0067b2 !important;
    font-size:11px !important;
}
#rightColumn .rcContent{
width: 260px;
background-image:url(images/sidebar-middle-png.png);
background-position:center center;
background-repeat:repeat-y;   
}

#rightColumn .rcTop
{
height:13px;
width:260px;
background-image:url(images/sidebar-top-png.png);
background-position:center bottom;
background-repeat:no-repeat;    
}

#rightColumn .rcBottom
{
  height:16px;
width:260px;
background-image:url(images/sidebar-bottom-png.png);
background-position:center top;
background-repeat:no-repeat;    
}
.blueButton
{
 background-repeat: repeat-x;
	color: #FFF;	
	font-weight: bold;
	display: inline-block;	
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	/* adjust padding as icons are removed */
	padding: 0 15px 4px 15px;
	/* adjust margin to create space from element above */
	margin: 5px 0 0 0;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2); */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	cursor: pointer;
	position: relative;   
	background-image: url(images/bg-lite.png); 
	background-color: #0561B4; 
	border-color: #0067b2;
	background-position: 0 -80px; 
	font-size: 12px; 
	height: 32px; 
	/*line-height: 29px;*/
	behavior:url('../Scripts/pie.htc');
}

button.blueButton.disabled
{
    opacity:0.3;
	filter:alpha(opacity=30);
	cursor:wait;
}

.blueButton:hover  
{
    background-color: #F79927;
    border-color: #fa9a24; 
    }
button.blueButton.disabled:hover
{
    background-color: #0561B4 !important; 
}
/* Fix the button in IE7 :-( */
*+html .blueButton  
{
    border-color:none; 
    border: 1px solid transparent; 
    }
*+html .blueButton  
{
    padding-left: 5px !important; 
    padding-right: 5px !important; 
    margin-left:250px !important; 
    }
/* Google Chrome hack */
body:nth-of-type(1) .blueButton span.css3
{
left:8px;
top:6px;
}
html>/**/body .blueButton span.css3, x:-moz-any-link, x:default  
{
    left:-24px !important; 
    top:0 !important; 
    }
.blueButton:active  
{
    border-color: #D5DFEF;  
    }

.blueButton span.css3
{
	background-image: url(images/amp-btn-icon-sprite.png); 
	background-repeat: no-repeat; 
	background-position: 0 0;
	width: 16px; 
	height: 16px;
	position: absolute; 
	left: -24px; 
	top: 0px;
}
#optOutPara1
{
    margin:5px 7px 10px 7px;
}
#optOutPara2
{
    margin:10px 7px 10px 7px; 
    border-top:#d7e1ef 1px dotted; 
    padding-top:10px;
}
.paddingColumn h1
{
    margin-right:20px !important;
}
.confirmationText
{
    border:1px solid #d7e1ef !important;
    padding:10px 20px 0 20px !important;
    margin-right:20px;
}
.opt-out-error
{
    margin:0 0 10px 0 !important;
    padding:10px !important;
    color:#c20000 !important;
    font-size:11px !important;
    width: auto !important;
}
.boldBlue
{
    color: #11518c;
    font-weight:bold;
}
.infoCorrect
{
    text-align:center; 
    font-family:Arial, Helvetica, Tahoma, Sans-Serif;
}
#columnOne
{
 width:440px;
 float:left;
 margin-left:0;    
}
#columnTwo
{
 width:440px;
 float:right;
 margin-right:10px;   
}
/* float/clear classes */
.right {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.left { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.normal
{
    margin:0 !important;
    padding:0 !important;
    border:none !important;
}
.optOutButton {
	margin-left:260px !important;
}
.cancelOptOutButton
{
    float:none !important;
    margin-left: 380px !important;
    margin-top:-38px !important;
}
/* Fix the optOut & optIn buttons in IE7 */
*+html .optOutButton  
{
    margin-left:0 !important; 
}
*+html .cancelOptOutButton  
{
    margin-left: 130px !important; 
}
*+html #page-content .paddingColumn
{
   /*width:675px !important;
   float:left !important;*/
}
*+html #page-content #rightColumn
{
    float:right !important;
    margin-left: 0 !important;
}
/* Fix the optIn button in FF */
@-moz-document url-prefix()  	
{
    .cancelOptOutButton  
    {
        margin-left: 390px !important; 
    }
}
/* 
    end opt-out stuff 
*/

#MDalert.info
{
 background-image:none;
 margin:0px !important;
 padding:10px !important;   
 
}

#MDalert.info p
{
margin:0 !important;  
}


.amerenChart tr  {
    height: 60px;
}
.amerenChart td  {
    color: #333 !important;
}

.amerenChart .title {
    font-size:16px;
}

.amerenChart .subtitle {
    font-size:11px;
}
.amerenChart .topRow {
    height: 10px;
}

.amerenChart .price {
    font-size:16px;
}

.amerenSprite a {
	background-image: url(Images/Ameren-map-thumb-sprite.jpg); 
	background-repeat: no-repeat; 
	background-position: 0 0;
	width:206px;
	height:247px;
	display:block;
}



.csWater {
	/*background-image: url(Images/Ameren-map-thumb-sprite.jpg); 
	background-repeat: no-repeat; 
	background-position: 0 0;
	width:206px;
	height:247px;
	display:block;*/
	background-color:#4d7fbe;
	font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 2px;
    margin-left: 0px;
    padding-left:14px;
    padding-top: 14px;
    padding-bottom: 14px;
    color:#ffffff;
	
	
	font-size:14px;
	font-family:Arial;
}







.amerenSprite a:hover {
    background-position:0 -250px;
}

#incetiveGift1
{
  height:75px;  
  width:320px;
  display:block;
  border-bottom:4px solid #cccccc;
  float:left;
}

#incetiveGift2
{
   height:75px;  
   width:320px;
  display:block;
    border-bottom:4px solid #cccccc; 
    float:right;
}

#incetiveGift1.active
{
border-bottom:4px solid #11518C; 
}

#incetiveGift2.active
{
border-bottom:4px solid #11518C; 
}

#incetiveGift1 p
{
width:140px; 
float:left;
font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 0;
    margin-left: 15px;
    padding-top: 14px;
    width: 140px;
    color:#CCCCCC;
}
#incetiveGift2 p
{
width:140px; 
float:left;
font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 0;
    margin-left: 15px;
    padding-top: 14px;
    width: 140px;
    color:#CCCCCC;
}

#incetiveGift1.active p
{
width:140px; 
float:left;
font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 0;
    margin-left: 15px;
    padding-top: 14px;
    width: 140px;
    color:#11518C;
}
#incetiveGift2.active p
{
width:140px; 
float:left;
font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 0;
    margin-left: 15px;
    padding-top: 14px;
    width: 140px;
    color:#11518C;
}

#incetiveGift1 .active
{
border-bottom:4px solid #11518C; 
}

#incetiveGift2 .active
{
border-bottom:4px solid #11518C; 
}
#incetiveGift2:hover
{
    
}


#incetiveGift1 a 
{
    float:left;
    background-image: url(Images/incentive_choice_small.jpg);
    background-repeat: no-repeat; 
    background-position:0 -75px;
    width:110px;
    height:75px;
    display:block;
}

#incetiveGift1 a:hover {
	background-position: 0 0;
}

#incetiveGift1 .active {
	background-position: 0 0;
}
#incetiveGift1:hover
{
    
}

#incetiveGift2 a 
{
    float:left;
    background-image: url(Images/incentive_choice_small.jpg); 
    background-repeat: no-repeat; 
    background-position:-110px -75px;
    width:110px;
    height:75px;
    display:block;
}

#incetiveGift2 a:hover {
	background-position: -110px 0;
}

#incetiveGift2 .active {
	background-position: -110px 0;
}


/* Begin CSS for csWater and csHVAC 091511 - HR*/

#table1 
{
  padding: 0px;   
  text-align: left;
  font-family:Tahoma, Arial, Helvetica, Sans-Serif;
  font-size:13px;
  color:#000000;
  background-image:url(Images/homeGraphic.png);
  padding: 2px 2px 2px 125px;
    background-position: 6px left;
    background-repeat:no-repeat;
}

#table1a
{
  text-align: left;
  font-family:Tahoma, Arial, Helvetica, Sans-Serif;
  font-size:13px;
  color:#8e8d8d;
  
  padding: 0px 0px 0px 10px;


}

/* End CSS for csWater and csHVAC 091511 - HR*/
.invisible
{
 display:none !important;   
}


.visible
{
 display:block !important;   
}

#ServiceInfoDiv
{
 padding:0 !important;
 margin:0 !important;
}

/*.productIcon
{
 position:absolute;
 top:105px;
 margin: 0px 5px 5px -25px;
 
 left:25;
/*Width:91px;
 float:left;*/
 /*background-image:url(images/Testpopular.png);

}*/

#logoLayouts{
 /*border-top:1px solid #D7E1EF;
border-bottom:1px solid #D7E1EF;
'background-image:url(Images/homeGraphic.png);
  padding: 2px 2px 2px 125px;
    background-position: 0px left;*/
}

.popUpMessage
{
    
    border-top:1px solid #D7E1EF;
border-bottom:1px solid #D7E1EF;
    background:#fff url(Images/bg_body.gif) left top repeat-x;
    
    
}

/*Overlay for Confirmation Page Link Click*/
.black_overlay
{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
.white_content

 {
			display: none;
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			padding: 16px;
			border: 16px solid orange;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}

/*Control size fixes for Paper Contract Search Page*/
#support input#txtResponseId_I, #support #txtUDCAccountNumber_I,
#support #txtFirstName_I, #support #txtLastName_I { width:150px; }

/*Control size fixes for Customer Search Page*/
#support #txtInvoiceId_I { width:150px; }

#landingPageArea {
	display: block;
	margin: 0px 20px 20px 20px;
}
	
h1.landingHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #2372b9;
	margin-bottom: 35px;
}
	
.landingBox {
	display: block;
	width: 430px;
	border: 1px solid #aeb9bf;
		-webkit-border-radius: 9px;
			-moz-border-radius: 9px;
			-ie-border-radius: 9px;
				-o-border-radius: 9px;
				border-radius: 9px;
	padding: 10px 0px 20px 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7e8184;
}
		
#resiLandingBox {
	margin-right: 20px;
}
		
.landingLineBreak {
	display: block;
	width: 390px;
	height: 4px;
	margin: 15px 20px 15px 20px;
	border-bottom: 1px dotted #aeb9bf;
}
		
.landingSubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #2372b9;
	border-bottom: 1px solid #aeb9bf;
	padding: 0px 20px 8px 20px;
	margin: 0px;
}
	
.landingBox p {
	padding: 0px 20px 10px 20px;
}
	
.landingContent a, .landingBox a:link, .landingBox a:visited {
	color: #2372b9;
	text-decoration: underline;
	font-weight:normal;
}
	
.landingContent a:hover, .landingBox a:active {
	color: #f47b27;
	text-decoration: underline;
}
	
.landingBox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #2372b9;
	padding: 0px 20px 10px 20px;
}
	
ul.landingList {
	display: block;
	margin-left: 55px;
	padding-left: 10px;
}
	
.landingList li {
	list-style-image: url('images/bullet-arrow.png');
	margin-bottom: 10px;
}
		
ul.landingCheckList {
	display: block;
	margin-left: 20px;
	padding-left: 0px;
	width: 185px;
	float: left;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;
}
	
.landingCheckList li {
	list-style-type: none;
}
		
.hidden {display: none;}

#DivKey .field-validation-error {float:left;}
.clear {clear:all;}

/* background horizontal line*/
div.background-horizontal-line {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
div.background-horizontal-line:before, div.background-horizontal-line:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: #ccc;
}
div.background-horizontal-line:before {
    margin-left: -50%;
    text-align: right;
}


span.image-help {
    background-image: url(Images/helpIcon.gif);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

span.image-close {
    background-image: url(Images/delete-icon.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

#customerInfoForm form div.hideField {
    display:none;
}

#DealId.drop_drop {
    text-transform:uppercase;
}
.program-picker label, .opt-in-out label {
    display:inline-block;
    width:200px;
}
#optOut-content select {
    padding: 4px;
}

.helpText {
font-size:11px;
line-height:11px;
}

input.greyed { background-color:#eeeeee !important; }