body > #container_test {
    height: auto;
    min-height: 100%;
    }
#container_test {
    padding-bottom:40px;
    height: 100%;
}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
		}

/* =============== CONTENT ================ */

#content-wrapper {
    background: #fff;
    width: 660px;
    }

#content {
		width:100%;
		height: auto;
		}		
		
#content_left {
  	width:660px;
  	float: left;
  	overflow: visible; 
  	height: 100%;
  	background: #fff; 
  	clear:both;
    display:inline;
    margin-left:20px;
  	}
    
#content_left p {
    margin: 0 40px 15px 0;
}

#content_left ul {
    	margin-left: 30px;
    	list-style-type:disc;
    	font-size: 1.3em;
    	}
    
#content_left ul li {
    	padding-top: 6px;
    	line-height: 150%;
    	}

#content_left h2 {
    font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		font-size: 1.6em;
		font-weight: bold;
		color:#666666;
		margin-bottom: 12px;
    margin-left: 0;
		}

#content_left ul.phone {
    list-style-type: none;
    margin-left:30px;
    margin-bottom:16px;
    }
	
#content_left table {
    font-size: 1.3em;
    border-collapse: collapse;
    margin-bottom: 10px;
    margin-top:12px ;
    border: 1px solid #75B2D5;
    }
    
#content_left table.no_border {
    border: none;
    }

#content_left table.no_border td {
    border: none;
    }

#content_left table td {
    padding:6px;
    border-bottom: 1px solid #75B2D5;
    }
    
#content_left table th {
    padding: 6px;
    background: #75B2D5;
    font-size: 1.3em;
    color:#fff;
    }

.ql {
    width: 660px;
    height: auto;
    border-bottom: 1px dotted #4b5660 ;
    padding-bottom: 4px;
}

.ql h3 {
    font-family: Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		font-weight: bold;
		padding: 0;
    margin: 8px 8px 6px 18px;
		line-height:110%;
		color: #333333;
		}
		
.ql img {
    margin-left:46px;
    margin-bottom:10px;
    }

#content_left .ql h3 a, .ql h3 a:link {
    color: #333333;
    text-decoration: none;
   /* border-bottom: 1px dashed #333333; */
    }
		
#content_left .ql h3 a:hover {
    color: #75B2D5;
  }

#content_left .ql p {
    padding: 0 28px 0 46px;
    color: #000;
    }
    
#content_left .ql ul {
    margin-left: 70px;
    margin-right: 12px;
  	list-style-type:disc;
    list-style-image:none;
  	font-size: 1em;
  	color:#000;
  	padding: 0;	
    }
#content_left .ql li {
    color: #000;
}
#content_left .ql table {
    font-size: 1em;
    margin-left:46px;
    color:#000;
		}
		
#content_left .ql table td {
		padding-bottom:8px;
		text-align:top;
    color:#000;
		}

#content_left .ql ol {
    font-size: 1em;
    margin-left: 80px;
    margin-bottom: 12px;
    padding: 0;
    }

#content_left .ql ol li {
    display: list-item; 
    list-style: decimal; 
    padding: 4px 10px 4px 0;  
    color: #000;
    margin: 0;
    }
  


#icon_box_invoice {
    width: 310px;
    height: 72;
    float:right;
    background: url(../images/invoice-icon.jpg) no-repeat right top;
    margin: 10px 10px 0 0;
    }
#page_head {
    height: 86px;
    width: 980px;    
    } 

/* ======== Portal links ======== */

 #invoice_portal a {
    float:left;
    width:290px;
    background: url(../images/invoice-header.jpg) no-repeat top left;
    height:260px;
    margin: 10px 16px 12px 0;
    text-decoration: none;
    }

#content_left #invoice_portal a:hover {
    background: url(../images/invoice-header.jpg) no-repeat bottom left;
    }


#myaccount_portal a {
    float:left;
    width:290px;
    background: url(../images/myaccount-header.jpg) no-repeat top left;
    height:260px;
    margin: 12px 16px 6px 0;
    text-decoration: none;
    }
    
#content_left #myaccount_portal a:hover {
    background: url(../images/myaccount-header.jpg) no-repeat bottom left;
    }
        
#statement_portal a {
    float:left;
    width:290px;
    background: url(../images/statement-header.jpg) no-repeat top left;
    height:260px;
    margin: 10px 0 12px 6px;
        text-decoration: none;
    }
    
#content_left #statement_portal a:hover {
    background: url(../images/statement-header.jpg) no-repeat bottom left;
    }

#past-due-notice_portal a {
    float:left;
    width:290px;
    background: url(../images/past-due-notice-header.jpg) no-repeat top left;
    height:260px;
    margin: 10px 0 12px 6px;
    text-decoration: none;
    }
    
#content_left #past-due-notice_portal a:hover {
    background: url(../images/past-due-notice-header.jpg) no-repeat bottom left;
    }
    
#answers_portal a {
    float:left;
    width:290px;
    background: url(../images/answers-header.jpg) no-repeat top left;
    height:260px;
    margin: 12px 0 6px 6px;
    text-decoration: none;
    }
    
#content_left #answers_portal a:hover {
    background: url(../images/answers-header.jpg) no-repeat bottom left;
    }

#invoice_portal h3, #statement_portal h3, #myaccount_portal h3, #answers_portal h3, #past-due-notice_portal h3 {
    padding: 0;
    margin: 16px 0 10px 20px;
    font-size: 1.4em;
    font-family: Arial, Helvetica, sans-serif;
    color: #215980;
    }

#invoice_portal p, #statement_portal p, #myaccount_portal p, #answers_portal p, #past-due-notice_portal p {
    padding: 0 12px 8px 20px;
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    color:#104C68;
    }
   
.portal_row {
    height: auto;
    width: 660px;
    background: #fff;
    }


/* ============ CONTENT PAGES =========== */

#invoice_bg {
    min-height: 620px;
    height: auto !important;
    height: 620px;
    width: 660px;
    background: url(../images/invoice_pg_bg.jpg) no-repeat bottom left; 
    padding: 0;
    margin: 0;  
    }

 #invoice_bg_tall {
    min-height: 800px;
    height: auto !important;
    height: 800px;
    width: 660px;
    background: url(../images/invoice_pg_bg_800.jpg) no-repeat bottom left; 
    padding: 0;
    margin: 0;  
    }
    
        
#statement_bg {
	min-height: 620px;
    height: auto !important;
    height: 620px;
    width: 660px;
    background: url(../images/statement_pg_bg.jpg) no-repeat bottom left; 
    padding: 0;
    margin: 0;  
    }
    
#past-due-notice_bg {
    min-height: 620px;
    height: auto !important;
    height: 760px;
    width: 660px;
    background: url(../images/past-due-notice_pg_bg.jpg) no-repeat top left; 
    padding: 0;
    margin: 0;  
    }

#myaccount_bg {
    min-height: 620px;
    height: auto !important;
    height: 620px;
    width: 660px;
    background: url(../images/myaccount_pg_bg.jpg) no-repeat bottom left; 
    padding: 0;
    margin: 0;
    }
    
#answers_bg {
    min-height: 620px;
    height: auto !important;
    height: 620px;
    width: 660px;
    /* background: url(../images/answers_pg_bg.jpg) no-repeat bottom left; */
    padding: 0;
    margin: 0;  
    }

/* ========= GUIDE PAGES ============= */

.guide_image {
    width: 620px;
    height: auto;    
    float: right;
    margin-right:20px;
    margin-top:10px;
    padding: 0;
    display: inline;
    }

.guide_image img {
    border: solid 1px #666666;
}

.guide_content_left {
    float: left;  
    width:340px;
    height:auto;
    font-size: 1em;
    color:#666666;
    display: inline;
    }
    
.guide_content_left ol {
    margin-left:20px;
    font-size: 1em;
    list-style: none;
    padding: 0;
    }

.guide_content_left ol li {
    padding-bottom:16px;
    }
    
.guide_content_left ol li.one {
    background: url(../images/orancirc01.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }
    

.guide_content_left ol li.two {
    background: url(../images/orancirc02.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }

.guide_content_left ol li.three {
    background: url(../images/orancirc03.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }
    
.guide_content_left ol li.four {
    background: url(../images/orancirc04.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }
    
.guide_content_left ol li.five {
    background: url(../images/orancirc05.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }
    
.guide_content_left ol li.six {
    background: url(../images/orancirc06.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }

.guide_content_left ol li.seven {
    background: url(../images/orancirc07.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }

.guide_content_left ol li.eight {
    background: url(../images/orancirc08.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }
    
.guide_content_left ol li.nine {
    background: url(../images/orancirc09.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }
    
.guide_content_left ol li.ten {
    background: url(../images/orancirc10.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }
    
.guide_content_left ol li.eleven {
    background: url(../images/orancirc11.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }
    
.guide_content_left ol li.twelve {
    background: url(../images/orancirc12.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }
    
.guide_content_left ol li.thirteen {
    background: url(../images/orancirc13.gif) no-repeat left top;
     padding-left: 34px;
    padding-top:6px;
    }
/* ------------ RIGHT SIDEBAR --------- */

#sidebar {
    float: right;
    width:280px;
    height: 100%;
    margin: 0 20px 0 0;
    display:inline;
    clear: right;
    }
#sidebar-invoice {
    float: right;
    width:280px;
    height: 400px;
    margin: 0 20px 0 0;
    display:inline;
    clear: right;
    }
    
#helpfulLinks, #contactUsSidebar {
    margin: 12px 0 12px 0;
    width:280px;
    float: right;
    background: url(../images/helpfulLinksBnr.png) top left no-repeat;
    display: inline;
}

#contactUsSidebar {
    background: url(../images/contactUs.png) top left no-repeat;
}

#helpfulLinks ul, #contactUsSidebar ul {
    margin-top: 40px;

}

#helpfulLinks li {
    margin-bottom: 10px;
}

#helpfulLinks ul li {
    margin-left:20px;
}

p.whatsnew {
    background: #fff;
    }


/* ============== Not used ============== */


.content_container {
    float:left;
    width:630px;
    background: #fff;
    border: 2px solid #888877;
    height:auto;
    padding: 6px 0;
    margin: 10px 0 6px 6px;
    }

.content_container h3 {
    color:#215980;
    font-size: 1.6em;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding: 4px 4px;
    }

a.content_hd:link, #content_left .content_container h3 a:link, .link_rt p a:link, .link_rt li a:link, .ql h3 a:link {
    text-decoration: none;
    }

a.content_hd:link, #content_left .content_container h3 a:visited, .link_rt p a:visited,.link_rt li a:visited, .ql h3 a:visited  {
    text-decoration: none;
    }

a.content_hd:hover, #content_left .content_container h3 a:hover, .link_rt p a:hover, .link_rt li a:hover, .ql h3 a:hover {
    text-decoration: none;
    }

a.content_hd:link, #content_left .content_container h3 a:active, .link_rt p a:active, .link_rt li a:active,.ql h3 a:hover {
    text-decoration: none;
    }

#content_left .content_container p {
    padding: 14px 8px 0 14px;
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    }

.content_container ol {
    font-size: 1.2em;
    margin: 0; 
    padding: 0 0 0 56px;
    }

.content_container ol li {
    display: list-item; 
    list-style: decimal; 
    padding: 4px 10px 4px 0;  
    margin: 0;
    }
.content_container ul {
    font-size: 1.2em;
    margin: 0; 
    padding: 0 0 0 26px;
    }

.black {
    color: #000;
  }

/* 2010 Billing Update Page */

.billingHighlightRow {
    width:910px;
    margin: 0 40px 10px 40px;
    padding:0;
    float: left;
    display: block;
}

.billingHighlightRow p {
    width: 240px;
}

.billingHighlightRow p.full {
    width: 910px;
}

.billingHighlightRow h4 {
    font-size: 14px;
    float: left;
    display: inline;
    width: 280px;
    text-transform: uppercase;
    font-weight: normal;
    margin:0;
    padding: 6px 0 6px 20px;
    color:#fff;
    letter-spacing: 1px;
}
h3.billingUpdate {
    font-size: 1.8em;
    color: #d53e1c;
    text-transform: uppercase;
    margin: 30px 0 16px 40px;
    font-weight: normal;
    line-height: 28px;
    margin-right: 40px;
    letter-spacing: 1px
}

h5.billingUpdateSub {
    font-size: 14px;
    color: #d53e1c;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding-left: 54px;
    font-weight: normal;
}

.update_guide_image {
    width: 620px;
    height: auto;    
    float: right;
    margin-right:20px;
    margin-top:10px;
    padding: 0;
    display: inline;
    }

.update_guide_image img {
    border: solid 1px #666666;
}

.update_guide_content_left {
    float: left;  
    width:340px;
    height:auto;
    font-size: 1em;
    color:#666666;
    display: inline;
    }
    
.update_guide_content_left ol {
    margin-left:20px;
    font-size: 1em;
    list-style: none;
    padding: 0;
    }

.update_guide_content_left ol li {
    padding-bottom:16px;
    }
    
.update_guide_content_left ol li.one {
    background: url(../images/redcirc01.gif) no-repeat left top;
    padding-left: 34px;
    padding-top:6px;
    }
    

.update_guide_content_left ol li.two {
    background: url(../images/redcirc02.gif) no-repeat left top;
    padding-left: 34px;
    padding-top:6px;
    }

.update_guide_content_left ol li.three {
    background: url(../images/redcirc03.gif) no-repeat left top;
    padding-left: 34px;
    padding-top:6px;
    }
    
.update_guide_content_left ol li.four {
    background: url(../images/redcirc04.gif) no-repeat left top;
    padding-left: 34px;
    padding-top:6px;
    }
    
.update_guide_content_left ol li.five {
    background: url(../images/redcirc05.gif) no-repeat left top;
    padding-left: 34px;
    padding-top:6px;
    }
    
.update_guide_content_left ol li.six {
    background: url(../images/redcirc06.gif) no-repeat left top;
    padding-left: 34px;
    padding-top:6px;
    }

.update_guide_content_left ol li.seven {
    background: url(../images/redcirc07.gif) no-repeat left top;
    padding-left: 34px;
    padding-top:6px;
    }

.update_guide_content_left ol li.eight {
    background: url(../images/redcirc08.gif) no-repeat left top;
    padding-left: 34px;
    padding-top:6px;
    }
    
.update_guide_content_left ol li.nine {
    background: url(../images/redcirc09.gif) no-repeat left top;
    padding-left: 34px;
    padding-top:6px;
    }
    
.update_guide_content_left ol li.ten {
    background: url(../images/redcirc10.gif) no-repeat left top;
    padding-left: 34px;
    padding-top:6px;
    }
    
.update_guide_content_left ol li.eleven {
    background: url(../images/redcirc11.gif) no-repeat left top;
    padding-left: 34px;
    padding-top:6px;
    }


/* Billing Invoice Policies */

#content table.billing-invoice-policy {
    width: 960px;
    border: 1px solid #ccc;
    margin-left: 0px;
}

#content table.billing-invoice-policy th {
    font-size: 12px;
    background: #FF9100;
    color: #fff;
    text-align: left; 
}

#content table.billing-invoice-policy td {
    font-size: 10px;  
    color: #000;
    border-bottom: 1px solid #ccc;
}

#content table.billing-invoice-policy tr {
    border: 1px solid #ccc;
}

#content table.billing-invoice-policy tr.even {
    background: #ccc;
}