@charset "utf-8";
/* CSS Document */

html, body {
                margin: 0;
                padding: 0;
                border: 0;
                font-weight: inherit;
                font-style: inherit;
                font-size: 100%;
                font-family: inherit;
                vertical-align: baseline;
}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr {
                margin: 0;
                padding: 0;
                border: 0;
                font-weight: inherit;
                font-style: inherit;
                font-size: 100%;
                font-family: inherit;
                vertical-align: baseline;
}
blockquote, q {
                margin: 0;
                padding: 0;
                border: 0;
                font-weight: inherit;
                font-style: inherit;
                font-size: 100%;
                font-family: inherit;
                vertical-align: baseline;
                quotes: "" "";
}
blockquote:before, q:before, blockquote:after, q:after {
                content: "";
}
th, td, caption {
                margin: 0;
                padding: 0;
                border: 0;
                font-weight: inherit;
                font-style: inherit;
                font-size: 100%;
                font-family: inherit;
                vertical-align: baseline;
                text-align: left;
                font-weight: normal;
                vertical-align: middle;
}
table {
                margin: 0;
                padding: 0;
                border: 0;
                font-weight: inherit;
                font-style: inherit;
                font-size: 100%;
                font-family: inherit;
                vertical-align: baseline;
                border-collapse: separate;
                border-spacing: 0;
                vertical-align: middle;
}

a img {
                border: none;
}
h1 {
                font-weight: bold;
                color: #333333;
                margin-bottom: 0px;
                font-size: 2.5em;
                line-height: 30px;
}
h1 img {
                margin: 0;
}
h2 {
                font-weight: bold;
                color: #333333;
                margin-bottom: 0px;
                font-size: 16px;
}
h3 {
                font-weight: bold;
                color: #333333;
                margin-bottom: 0px;
                font-size: 14px;
				font-family:Arial, Helvetica, sans-serif;
}
h4 {
                font-weight: bold;
                color: #333333;
                margin-bottom: 0px;
                font-size: 1.2em;
                line-height: 1.25;
}
h5 {
                font-weight: bold;
                color: #333333;
                margin-bottom: 0px;
                font-size: 14px;
                font-weight: bold;
}
h6 {
                font-weight: bold;
                color: #333333;
                margin-bottom: 0px;
                font-size: 8px;
                margin-bottom: 1em;
                font-weight: bold;
}
h2 img, h3 img, h4 img, h5 img, h6 img {
                margin: 0;
}
p {
                margin: 0 0 .5em;
}
p img.left {
                display: inline;
                float: left;
                margin: 1.5em 1.5em 1.5em 0;
                padding: 0;
}
p img.right {
                display: inline;
                float: right;
                margin: 1.5em 0 1.5em 1.5em;
                padding: 0;
}
a {
                text-decoration: none;
                color: #0063be;
                line-height: 1em;
                outline: none;
                font-size:8pt;
}
a:visited {
                color: #0063be;
}
a:focus {
                color: #0063be;
}
a:hover {
                color: #0063be;
}
a:active {
                color: #0063be;
}
a:hover {
                text-decoration: underline;
}
blockquote {
                margin: 1.5em;
                color: #666;
                font-style: italic;
}
strong {
                font-weight: bold;
}
em {
                font-style: italic;
}
dfn {
                font-style: italic;
                font-weight: bold;
}
sup, sub {
                line-height: 0;
}
abbr, acronym {
                border-bottom: 1px dotted #666;
}
address {
                margin: 0 0 1.5em;
                font-style: italic;
}
del {
                color: #666;
}
pre {
                margin: 1.5em 0;
                white-space: pre;
}
pre, code, tt {
                font: 1em 'andale mono', monospace;
                line-height: 1.5;
}
li ul, li ol {
                margin: 0 1.5em;
}
ul {
                margin: 0 1.5em 1.5em 1.5em;
                list-style-type: disc;
				line-height: 30px;
}
ul li {
            /*    list-style-type: none;*/
                margin-left: 0px;
				
}
ol {
	list-style-type: decimal;
	margin-top: 0;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 3em;
}
dl {
                margin: 0 0 1.5em 0;
}
dt {
                font-weight: bold;
}
dd {
                margin-left: 1.5em;
}
table {
                margin-bottom: 0;
                width: 100%;
}
th {
                font-weight: bold;
}
thead th {
                background: white;
}
th, td, caption {
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 22px;
}
tr.even td {
                background: black;
}
tfoot {
                font-style: italic;
}
caption {
                background: #eee;
}
select {
                font-size: 1em;
                font-family: Arial;
}
input[type='text', 'textarea'] {
                font-size: 1em;
                font-family: Arial, sans-serif;
}
label {
                color: #333333;
}
label.noted {
                margin-bottom: 0;
}
legend {
                font-weight: bold;
                font-size: 1.2em;
}
input.text, input.title, input[type=text] {
                margin: 0;
                background-color: #fff;
                padding: 3px 2px 4px 2px;
}
input.title {
                font-size: 1.5em;
}
input[type=radio], input.radio {
                position: inherit;
                top: 0.2em;
}
textarea {
                margin: 0;
                padding: 5px;
}
select {
                margin: 0;
                height:23px;
}
fieldset {
                border:none;
}
input.text, input.title, select {
                border: 1px solid #bbbbbb;
}
input.text:focus, input.title:focus, select:focus {
                border: 1px solid #666;
}
input.text, input.title {
                width: 300px;
}
#pageContainer {
                background:#fff;
                margin:0 auto;
                width:1020px;
}
#pageContainer #root_footer {
                height: 413px;
}
/*--------------Start development---------------*/


.popupwidth560px {
                width:560px;
                height:311px;
                background-color:#fff;
}

/*--------------End development---------------*/
/*//////////////////////////// Start Screen Content ///////////////////////////////////////////////*/

body {
                font-size: 72%;
                color: #595858;
                background-color: #e5e5e5;
                font-family:Arial, sans-serif;
}
#content-top, #content {
                text-align: left;
}
#header-container .wrapper {
                background: #ffffff;
                margin: 0 auto;
                text-align: left;
}
/*//////////////////////////// End Screen Content ////////////////////////////////////////////////*/


/*//////////////////////////// Start Logo ////////////////////////////////////////////////////*/
.logo a {
                display: block;
                text-indent: -9999em;
                overflow: hidden;
                background-image: url('../images/logo_nga.png');
                background-repeat: no-repeat;
                background-position: 5px 0;
                height: 55px;
                width: auto;
                margin:11px 0 22px 3px;
}

/*//////////////////////////// End Logo /////////////////////////////////////////////////////*/

#zipcodedialog {
	padding:20px;
}

#ngamemberzip {
	width:50px;
	border: 1px solid #000;
}

/*//////////////////////////// Start Header Section ///////////////////////////////////////////*/

#header-container {
                width: 100%;
                position: relative;
                text-align: center;
                z-index: 1001;
}
#header-container .wrapper {
                width: 940px;
                padding-right: 40px;
                padding-left: 40px;
                margin: 0 auto;
                text-align: left;
                height: 149px;
}
#header {
                display: inline;
                float: left;
                margin-right: 0px;
                width: 930px;
                height: 80px;
                padding-top: 15px;
}
#header .column-1 {
                display: inline;
                float: left;
                margin-right: 0px;
                width: 220px;
}

#header .column-1 h1 img{
	height: 70px;
	width: auto;
}

#header .column-2 {
                display: inline;
                float: left;
                /*margin-right: 20px;*/
                width: 700px;
                margin-right: 0;
}
#header .column-2 .row-1, #header .column-2 .row-2 {
                overflow: hidden;
                display: inline-block;
}
#header .column-2 .row-1, #header .column-2 .row-2 {
                display: block;
}
#header .column-2 .cell-1 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 260px;
}
#header .column-2 .cell-2 {
                display: inline;
                float: right;
                /*margin-right: 20px;*/
                width: 700px;
                margin-right: 0;
                font-weight: bold;
}
#header .column-2 .row-1 {
                width: 700px;
                margin-left:20px;
}
#header .column-2 .row-1 ul {
                margin: 0;
                padding: 0;
                border: 0;
                outline: 0;
                overflow: hidden;
                display: inline-block;
}
#header .column-2 .row-1 ul {
                display: block;
}
#header .column-2 .row-1 ul li {
                list-style-type: none;
                margin-left: 0px;
                white-space: nowrap;
                display: inline;
                float: left;
                padding-left: 10px;
                padding-right: 10px;
}
#header .column-2 .row-1 ul li.first {
                padding-left: 0px;
}
#header .column-2 .row-1 ul li.last {
                padding-right: 0px;
}
#header .column-2 .row-1 ul li {
/*                border-right: solid 1px #eee;
                border-left: solid 1px #eee;*/
                display: inline;
                float: right;
}
#header .column-2 .row-1 ul .location {
                border: none;
                border-right: solid 1px #eee;
}

.locChangeRegion {
margin-top:-1px;
*margin-top:-1.5px;

}

@media screen and (-webkit-min-device-pixel-ratio:0) { .locChangeRegion {
                             margin-top:-1.5px;
}}



@-moz-document url-prefix() {
.locChangeRegion {
 margin-top:-1.5px;
}
}





#header .column-2 .row-2 .cell-1, #header .column-2 .row-2 .cell-2 {
                margin-top: 15px;
}
#header .column-2 .row-2 .cell-1 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 300px;
}
#header .column-2 .row-2 .cell-2#search {
                display: inline;
                float: right;
                /*margin-right: 20px;*/
                width: 270px;
                text-align: right;
                margin-right: 0;
}



.search-box div {
                padding: 0 0px 0 7px;
}
.search-box input.text {
                width: 223px;
                background-color: #EEEEEE;
                border: none;
                height:20px;
                padding-left:5px;
}
.search-box input.text:focus {
                border: none;
}
.search-box input {
                margin: 0;
}
.search-box .searchbox {
                background-color: #cccccc;
}
.search-box .searchsubmit {
                padding: 0 0 0 8px;
}
#header .searchsubmit {
                width: 30px;
}

.go:hover {
                padding: 0 !important;
                margin: 0 !important;
                cursor: pointer;
                background-color: #333333 !important;
}

.go-arrow:hover {
                padding: 0 !important;
                margin: 0 !important;
                cursor: pointer;
                background-color: #333333 !important;
}

#header .column-3 {
                display: inline;
                float: right;
                margin-right: 20px;
                width: 700px;
                margin-right: 0;
                text-align:right;
                padding:10px 0px 10px 0px;
}
#header .column-3 a {
                background-color:#FC0;
                font-weight:bold;
                padding:5px;
                font-size:14px;
}
.bodyBg {
                background-color:#e5e5e5;
}
/*//////////////////////////// End Header Section ///////////////////////////////////////////*/

/*//////////////////////////// Start Top Navigation Section /////////////////////////////////////////*/
.hide {
	display: none;
}
#overlay {
	background:#000;
	height:1250px;
	left:0;
	opacity:0.4;
	filter:alpha(opacity= 40);
	top:149px;
	width:100%;
	position:absolute;
	z-index:200;
}
	
/*object {
	display:block;
}*/


#nav 
{
     
                width: 940px;
                display: block;
                float: left;
}
#nav #flyout_container {
                position: relative;
                z-index: 201;
}
#nav #flyout_container #flyout {
                width: auto;
                display: inline;
                float: right;
                position: relative;
                margin: 0 -120px 1.5em -1px;
                margin-right: 0;
                position: absolute;
                left: 0;
                top: 0px;
                color:#666666;
                z-index:201;
}
#nav #flyout_container #flyout .subnav {
                background: #f2f2f2;
                height:auto;
                display: none;
}
#nav #flyout_container #flyout .subnav a {
                color:#0063be;
}
#nav #flyout_container #flyout .subnav a:hover {
                text-decoration: underline;
}
#nav #flyout_container #flyout .subnav .inner {
                width: auto;
}
#nav #flyout_container #flyout .subnav .inner .columns {
                display: inline;
                float: left;
                margin-right: 20px;
                width: auto;
                margin-top: 40px;
}
#flyout {
                background-color:#f2f2f2;
                -moz-box-shadow: 3px 3px 4px #000;
                -webkit-box-shadow: 3px 3px 4px #000;
                box-shadow: 3px 3px 4px #000;
                /* For IE 8 */    
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
       /* For IE 5.5 - 7 */    
       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#nav #flyout_container #flyout .subnav .inner .column-1 a {
                font-weight:bold;
}
#nav #flyout_container #flyout .subnav .inner .column-2 a, #nav #flyout_container #flyout .subnav .inner .column-3 a {
                padding:5px 0px 10px 0px;
                font-weight:bold;
                font-size:11px;
                line-height:1.6em;
}
#nav #flyout_container #flyout .subnav .inner .column-1 {
                margin-top: 0px;
                display: inline;
                float: left;
                margin-right: 20px;
                width: auto;
                margin: 0 20px 0 20px;
                width:300px;
                font-size:11px;
                font-weight:bold;
                padding-top:21px;
                * padding-top:42px;
              
}
#nav #flyout_container #flyout .subnav .inner .column-1 ul li {
                padding:4px 0px 8px 0px;
                border-bottom: solid 1px #ccc;
                margin-left:-16px;
                width:300px;
}
#nav #flyout_container #flyout .subnav .inner .column-2 {
                text-align: left;
                padding-top:17px;
                width:300px;
				margin: 0 20px 0 20px;
				font-weight:bold;
}
#nav #flyout_container #flyout .subnav .inner .column-3 {
	text-align: left;
	padding-top: 17px;
	width: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 50px;
	margin-bottom: 0;
	margin-left: 20px;
}
#nav #flyout_container #flyout .subnav .inner .blankspacer15px {
                width:15px;
}
#nav #flyout_container #flyout .subnav .inner .blankspacer75px {
                width:75px;
}
#nav #flyout_container #flyout .subnav .inner .blankspacer12px {
                width:12px;
}
#nav #flyout_container #flyout .subnav .inner .blankspacer120px {
                width:210px;
}
#nav #flyout_container #flyout .subnav .inner .blankspacer250px {
                width:246px;
}
#nav #flyout_container #flyout .subnav .inner .blankspacer352px {
                width:352px;
}
#nav #flyout_container #flyout .subnav .inner .blankspacer469px {
                width:469px;
}
#nav #flyout_container #flyout .subnav .inner .blankspacer585px {
                width:585px;
}
#nav #flyout_container #flyout .subnav .inner .blankspacer703px {
                width:703px;
}
#nav #flyout_container #flyout .subnav .inner .column-2 ul li {
	padding: 4px 0px 8px 0px;
	border-bottom: solid 1px #ccc;
	margin-left: -16px;
	width: 230px;
	list-style-type: none;				
}
#nav #flyout_container #flyout .subnav .inner .column-2 p {
                padding: 0px 0px 0px 0px;
                color:#6d6d6d;
                width:230px;
}
#nav #flyout_container #flyout .subnav .inner .column-2 p a {
                border-bottom: none;
}
#nav #flyout_container #flyout .subnav .inner .column-3 {
                margin-right: 0;
                width:270px;
}
#nav #flyout_container #flyout .subnav .inner .column-3 ul li {
                padding:4px 0px 8px 0px;
                border-bottom: solid 1px #ccc;
                margin-left:-16px;
                width:230px;
}
#nav #flyout_container #flyout .subnav .inner .column-3 p {
                padding: 0px 0px 0px 0px;
                color:#6d6d6d;
                width:250px;
}
#nav #flyout_container #flyout .subnav .inner .column-3 p a {
                border-bottom: none;
}
#nav #flyout_container h5 {
                margin:20px 5px 10px 0px;
                font-size: 16px;
                line-height: 20px;
}
#nav #flyout_container #flyout .subnav .inner .column-1 .flyout_pageTitleInfo {
                font-size:1.5em;
                font-weight:normal;
                color:#333;
}
.flyout-item1 {
                width:450px;
}


.lastTab {
                padding-right: 40px;
}
#site_navigation {
                margin: 0;
                height: 54px;
                width:950px;
                *width:950px;
}
#site_navigation .items a {
                color: #333333;
                background-image: url(../images/blarrow.gif);
                background-position: right 6px;
                background-repeat: no-repeat;
                line-height:16px;
                font-size:12px;
}
#site_navigation .itemsnosubnav a {
                color: #333333;        
                background-position: right 6px;
                background-repeat: no-repeat;
                line-height:16px;
                font-size:12px;
}
#site_navigation .itemsnosubnav a:hover {
				                text-decoration:underline;
                cursor:pointer;
                background-color:#f2f2f2;
}
#site_navigation .itemsnosubnav a.current {
                background-color: #0063be;
                background-position: right 10px;
                color: #ffffff;
				text-decoration: none;
}

#site_navigation .items a:hover {
                color: #0063be;
				text-decoration:none;
}

#site_navigation .items a.current {
                background-color: #0063be;
                background-image: url(../images/wharrow.gif);
                background-position: right 10px;
                color: #ffffff;
}


#site_navigation .items a.current:hover {
                color: #000000;
				text-decoration: none;
}
#site_navigation li {
                display: inline;
                float: left;
                margin: 0;
                width: 133px;
                border-right: solid 1px #efefef;
}
#site_navigation li a {
                display: block;
                height: 50px;
                padding: 4px 3px 0 11px;
                font-weight: bold;
                letter-spacing: .3px;
}
#site_navigation #item7 {
                width: 135px;
                position:relative;
}
#site_navigation #item8 {
                width: 100px;
}
#site_navigation #item1 a:hover, #site_navigation #item2 a:hover, #site_navigation #item3 a:hover, #site_navigation #item4 a:hover, #site_navigation #item5 a:hover, #site_navigation #item6 a:hover, #site_navigation #item7 a:hover, #site_navigation #item8 a:hover, #site_navigation #item9 a:hover, #site_navigation .hover {
                text-decoration:underline;
                cursor:pointer;
                background-color:#f2f2f2;
                background-image: url(../images/blakarrow.gif);
}
#site_navigation #item1 a 
{
     background-color: #fff;
                background-image: url(../images/blarrow.gif);
                background-position: right 10px;
                color: #000;
                background-repeat:no-repeat;
                
                
}
#site_navigation #item1 a:hover {
                text-decoration:none;
                cursor:default;
                background-color:#f2f2f2;
                background-image: url(../images/blakarrow.gif);
                background-position: right 10px;
                color: #0063be;
                background-repeat:no-repeat;
}


#site_navigation #item1 a.current {
                background-color: #0063be;
                background-image: url(../images/wharrow.gif);
                background-position: right 10px;
                color: #ffffff;
}


#site_navigation #item1 a.NormalGrey {
               background-color: #cccccc;
                background-image: url(../images/wharrow-straight.gif);
                background-position: right 10px;
                color: #666666;
                background-repeat:no-repeat;
}

#site_navigation .items a.serviceGrey {
                background-color: #999999;
              background-image: url(../images/wharrow-straight.gif);
                background-position: right 10px;
                color: #ffffff;
}


#site_navigation .items a.serviceLightGrey {
                background-color: #333333;
                background-image: url(../images/wharrow.gif);
                background-position: right 10px;
                color: #ffffff;
}


#site_navigation .items a.resbuscurrent {
                background-color: #0063be;
                background-image: url(../images/wharrow-straight.gif);
                background-position: right 10px;
                color: #ffffff;

}

#site_navigation .items a.serviceGrey:hover {
                color: #000000;
}

#site_navigation .items a.resbuscurrent:hover {
                color: #000000;
}


/*
''==========================================================================================================
'' Date                      :   Jan 23,2012                                                                 
'' Defect id                 :   1594                                                                                   
'' Description               :   Carousal images had browser issue in chrome v-17, so added the code below.
''============================================================================================================
*/
/*--------Start Chrome hack for statelanding pages banner image -------------------------*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) { .bannerimage_lndngpage{margin-top:-15px;} }*/
@media screen and (-webkit-min-device-pixel-ratio:0) { .carouselwidth{width:930px;margin-top:-15px;} }

@media screen and (-webkit-min-device-pixel-ratio:0) { .GasSafety {
                background: url(../images/natural-gas-safety.jpg) top no-repeat;
                margin-left:-20px;
}}


@media screen and (-webkit-min-device-pixel-ratio:0) { .industryprofession-chrome {
                              margin-top:-15px;
}}


@media screen and (-webkit-min-device-pixel-ratio:0) { .marginTop63px {
                              margin-top:95px;
}}



@media screen and (-webkit-min-device-pixel-ratio:0) { .textboxborderSOPage {
                 border-top: solid 2px #716f64;
                border-left: solid 2px #716f64;
                border-right: solid 2px #f1efe2;
                border-bottom: solid 2px #f1efe2;
                width:83%;
}}


@media screen and (-webkit-min-device-pixel-ratio:0)
{ .paddingLeft119px
{
                              padding-left:145px;
}
}


 .paddingLeft119px
{
     padding-left:119px;
}



.textboxborderSOPage
{
      border-top: solid 2px #716f64;
                border-left: solid 2px #716f64;
                border-right: solid 2px #f1efe2;
                border-bottom: solid 2px #f1efe2;
    
    }

@-moz-document url-prefix() {
.textboxborderSOPage {
                border-top: solid 2px #716f64;
                border-left: solid 2px #716f64;
                border-right: solid 2px #f1efe2;
                border-bottom: solid 2px #f1efe2;
                width:146px;
                
                
                
}
}

@-moz-document url-prefix() {
.marginTop63px {
margin-top:95px;
}
}

/*--------End Chrome hack for statelanding pages banner image -------------------------*/
/*//////////////////////////// End Top Navigation Section /////////////////////////////////////////*/





/*//////////////////////////// Start Layout Content Width for C, E, G ///////////////////////////////////////////*/

.sectionwidth {
                width:685px;
                
                
}
.sectionwidthLayoutC {
                width:600px;
}
.sectionwidthLayoutE {
                width:640px;
}
.sectionwidthLayoutG {
                width:700px
}
.sectionwidthLayoutH {
                width:800px;
                border:solid 1px #000000;
}
.sectionwidthGraphLayout {
                width:930px;
}
.sectionwidthGridLayout {
                width:950px;
}
.sectionwidthPaymentDetails {
                width:760px
}
.billsectionwidth {
                width:665px
}
.width170px {
                width:190px
}
/*//////////////////////////// End Layout Content Width for C, E, G ///////////////////////////////////////////*/

/*//////////////////////////// Start Content Section ///////////////////////////////////////////*/

#content-top {
                margin: 0 auto;
                width: 1020px;
                background-color: #ffffff;
}
#content {
                display: inline-block;
                background-color: white;
                width: 940px;
                padding-right: 40px;
                padding-left: 40px;
                margin: 0 auto;
                text-align: left;
                padding-bottom: 40px;
}
#content:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
#content {
                display: block;
}
#contentContainer {
                z-index: 200;
                width: 100%;
                position: relative;
                text-align: center;
                display: inline-block;
}
#contentContainer:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
#content p {
                padding:10px 15px 0px 0px
}
#contentContainer {
                display: block;
}
#contentContainer * {
                z-index: 200;
}
#content a {
                font-weight:bold;
                color:#0063be;
                font-size:9pt;
				text-decoration:none;
				
}
#content a:hover {
                font-weight:bold;
                color:#ff8324;
                font-size:9pt;
				text-decoration:none;
				
}
#content .staticdata ul {
                list-style:circle;
                padding-left: 10px;
				line-height: 25px;
}
#content .staticdata ul li {
                list-style:circle;
                padding-top: 15px;
                margin: 10 0 20 10px;
				line-height: 25px;
}
/* Start content error with image */

#content .error h4 {
                color: #cc0001;
                line-height: 1em;
                font-size: 1.2em;
                margin-bottom: 14px;
}
#content .error ul {
                line-height: 1em;
                margin-left: 1em;
                margin-bottom: 0;
}
#content .error ul li {
                list-style: disc;
                padding-top: 6px;
                font-weight: bold;
}
#content .error div {
                line-height: 1em;
                margin: 0 0 2px 0;
}
#content .error .noramBlacktext {
                color:#000000;
}
#content .displaynone {
                display:none;
}
.gridErrorText {
                color: #cc0001;
}
.textboxborder {
                border-top: solid 2px #716f64;
                border-left: solid 2px #716f64;
                border-right: solid 2px #f1efe2;
                border-bottom: solid 2px #f1efe2;
}
.errtextboxborder {
                border-top: solid 2px #cc0001;
                border-left: solid 2px #cc0001;
                border-right: solid 2px #cc0001;
                border-bottom: solid 2px #cc0001;
}
.errtextboxborder1px {
                border-top: solid 1px #cc0001;
                border-left: solid 1px #cc0001;
                border-right: solid 1px #cc0001;
                border-bottom: solid 1px #cc0001;
}

.errormodify 
{
    color: #cc0001;
    font-weight:bold;
    font-size:14px;
    
    }
    
.errorCallout{
                background-color:#cc0000;
                color:#ffffff;
                padding:8px;
                height:auto;
                width:100px;
                display:block;
                visibility:hidden;
}    

.errortext
{
   color:#cc0000;
} 


html>/**/body .errorMsgIcon  
{
    vertical-align:text-bottom;
}

html>/**/body .helpMsgIcon  
{
    vertical-align:text-bottom;
}



 


    
/* End content error with image */

/* Start information error */

#content .info {
                border-top: solid 1px #000000;
                padding: 16px 10px;
}
#content .info h4 {
                line-height: 1em;
                font-size: 1.2em;
                margin-bottom: 14px;
}
#content .info ul {
                line-height: 1em;
                margin-left: 1em;
                margin-bottom: 0;
                list-style: none;
}
#content .info ul li {
                list-style:none;
                padding-top: 6px;
                margin: 0 0 0 -10px;
}
#content .info div {
                line-height: 1.5em;
                margin: 0 0 2px 0;
}
/* End information error */

/* Start sitemap information  */

#content .sitemap ul {
	list-style:none;
	margin-left:5px;
}
#content .sitemap ul li {
	list-style:none;
	padding-top: 10px;
	margin: 10 0 20 0px;
}

/* End sitemap information  */

/* Start Hub Page Top banner image */

#hero-holder, #hero-image div {
                width: 960px;
                height:344px;
                position:relative;
                left:-20px;
}
 

#hero-image div {
                position:absolute;
                top:0;
                left:0;
}
#hero-learnmore {
                color:#fff;
                font-family:Arial, Helvetica, sans-serif;
                font-size:1.2em;
                font-weight:bold;
                left:30px;
                top:220px;
                position:relative;
                z-index:199;
}

#hlkLearn {
                color:#fff;
                font-family:Arial, Helvetica, sans-serif;
                font-size:1.2em;
                font-weight:bold;
                left:30px;
                top:238px;
                position:absolute;
                z-index:199;
                text-decoration:none;
                padding-left:10px;
}

#hero-learnmore1 {
                color:#fff;
                font-family:Arial, Helvetica, sans-serif;
                font-size:1.2em;
                font-weight:bold;
                left:367px;
                top:238px;
                position:relative;
                z-index:199;
}
#hlkLearn1 {
                color:#fff;
                font-family:Arial, Helvetica, sans-serif;
                font-size:1.2em;
                font-weight:bold;
                left:367px;
                top:238px;
                position:absolute;
                z-index:199;
                text-decoration:none;
                padding-left:10px;
}


#hero-headline {
                color:#fff;
                font-family:Arial, Helvetica, sans-serif;
                font-size:44px;
                font-weight:bold;
                left:40px;
                top:80px;
                position:absolute;
                z-index:1;
                line-height:45px;
                width:325px;
}

#hero-text {
                width:350px;
                color:#fff;
                font-family:Arial, Helvetica, sans-serif;
                font-size:14px;
                font-weight:none;
                bottom:130px;
                left:40px;
                position:absolute;
                z-index:1;
}
#hero-text1 {
                color:#fff;
                font-family:Arial, Helvetica, sans-serif;
                font-size:16px;
                font-weight:bold;
                left:40px;
                top:50px;
                position:relative;
                z-index:1;
                padding-left:0px;
}
#hero-navigation {
                position:absolute;
                bottom:75px;
                left:40px;
                color:#fff;
                width:550px;
                z-index:1;
                font-size:1.2em;
}
#hero-navigation #navigation-previous {
                float:left;
}
#hero-navigation #navigation-next {
                float:right;
}
#hero-navigation #navigation-next, #hero-navigation #navigation-previous {
                cursor: pointer;
}
#hero-pager {
                position:absolute;
                right:0;
                bottom:64px;
                z-index:1;
}
#hero-page {
                position:absolute;
                right:0;
                bottom:64px;
                z-index:1;
}
#hero-pager div {
                background-color:#999;
                color:#fff;
                font-size:11px;
                font-weight:bold;
                display:block;
                cursor:pointer;
                padding:10px 12px;
                margin-top:1px;
}
#hero-pager div.pager-selected {
                background-color:#fff;
                cursor:default;
                color:#333;
}
.cropBanner {
                margin-left:40px;
}
.carouselwidth {
                width:930px;
}
.hypLink {
                color:#ffffff;
}

.alertMessage   
{
    margin-left:40px;
}

.alertMessageHeader   
{
    padding:5px 5px 0px 5px;
}
/* End Hub Page Top banner image */



/* Start Landing Page Top banner image */

.landingbannerimg {
                display: inline-block;
}
.landingbannerimg:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
.landingbannerimg {
                display: block;
}
.landingbannerimg .wrapper {
                height: 236px;
}

.landingbannerimg .wrapperStorm {
                height: 330px;
}

.safteyOutage {
                background: url(../images/electric-safety.jpg) top no-repeat;
                margin-left:-20px;
                
}

.GasSafety {
                background: url(../images/natural-gas-safety.jpg) top no-repeat;
                margin-left:-20px;
                
}
.Placeholder {
                background: url(../images/imageplaceholder.gif) top no-repeat;
                margin-left:-20px;
                
}
.ElecTraining {
                background: url(../images/elecsafety_tools_image.jpg) top no-repeat;
                margin-left:-20px;
                
}
.ElecCarPole {
                background: url(../images/elecsafety_car-pole_image.jpg) top no-repeat;
                margin-left:-20px;
                
}
.ElecPrinciples {
                background: url(../images/elecsafety_principles_image.jpg) top no-repeat;
                margin-left:-20px;
                
}
.ElecDownedlines {
                background: url(../images/elesafety_downedlines_image.jpg) top no-repeat;
                margin-left:-20px;
                
}
.ElecOverheadlines {
                background: url(../images/elesafety_ovrheadlines_image.jpg) top no-repeat;
                margin-left:-20px;
                
}
.ElecSubstation {
                background: url(../images/elesafety_substation_image.jpg) top no-repeat;
                margin-left:-20px;
                
}
.order {
                background: url(../images/order_materials_image.jpg) top no-repeat;
                margin-left:-20px;
}
.GasFire {
                background: url(../images/ngassafety_fire_image.jpg) top no-repeat;
                margin-left:-20px;
                
}
.GasLeak {
                background: url(../images/ngassafety_leak_image.jpg) top no-repeat;
                margin-left:-20px;
                
}
.GasTools {
                background: url(../images/ngassafety_tools_image.jpg) top no-repeat;
                margin-left:-20px;
                
}
.GasProperties {
                background: url(../images/ngassafety_properties_image.jpg) top no-repeat;
                margin-left:-20px;
                
}
.LibLinks {
                background: url(../images/library_helpfullinks_image.jpg) top no-repeat;
                margin-left:-20px;
                
}
.LibLanding {
                background: url(../images/library_landing_image.jpg) top no-repeat;
                margin-left:-20px;
                
}
.LibVideo {
                background: url(../images/library_video_image.jpg) top no-repeat;
                margin-left:-20px;
                
}




/* End Landing Page Top banner image */


/* Start Content Top banner image */

.contentbannerimg {
                display: inline-block;
}
.contentbannerimg:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
.contentbannerimg {
                display: block;
}
.contentbannerimg .wrapper {
        border-top: 1px solid #EFEFEF;
    height: 80px;
    margin-left: 40px;
    width: 940px;
}

/* End Content Content Top banner image */

/* Start Tools Section */
.tools {
                position: relative;
                display: inline-block;
                width: 100%;
}
.tools:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
.tools {
                display: block;
}
.tools ul {
                top: 60px;
                right: 60px;
                margin: -20px 0px 0px 0px;
                position: absolute;
                height:38px;
}
.tools li {
                display: inline;
                float: left;
                padding-top:15px;
                padding-left:5px;
}
.tools li a {
                display: block;
                padding-left: 21px;
                height: 20px;
                width: 55px;
                color:#0164bf;
                font-weight:bold;
}

.shareToolText {
                
                padding-top:15px;
                height:30px;
                margin-top:-15px;
                margin-left:25PX;

} 
.toolText {
                
                padding-top:15px;
                margin-top:-15px;
                margin-left:-10PX;
             
           
                 
}
ul.tools {
                top:89px;
                right:85px;
                margin:0;
                position:absolute;
}
ul.tools li {
                display:inline;
                float:left;
}
ul.tools li a {
                display:block;
                padding:7px 0 0 30px;
                height:21px;
                width:42px;
                font-size:1.2em;
}
/* Start Share Tools */


.page-tools {
                position:absolute;
                width:452px;
                top:225px;
                right:260px;
                z-index:1;
                -moz-box-shadow: 3px 3px 4px #000;
                -webkit-box-shadow: 3px 3px 4px #000;
                box-shadow: 3px 3px 4px #000;
                /* For IE 8 */    
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
       /* For IE 5.5 - 7 */    
       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.page-tools .header {
                background:#0063be;
                position:relative;
}
.page-tools .header h5 {
                color:#fff;
                padding:12px 0 12px 15px;
                font-size:1.3em;
                font-weight:bold;
}
.page-tools .header .close {
                position:absolute;
                top:15px;
                right:15px;
                cursor:pointer;
}
.page-tools .body {
                background:#fff;
                border-bottom:#ccc solid 1px;
                border-right:#ccc solid 1px;
                border-left:#ccc solid 1px;
                padding:10px 15px 0 15px;
                height:130px;
                position:relative;
}
.page-tools .body .columns {
                width:200px;
                float:left;
                display:inline;
}
.page-tools .body .column-2 {
                margin:0 0 0 20px;
}
.page-tools .body .columns ul.page-tools-links {
                margin:0;
                padding:0;
}
.page-tools .body .columns ul.page-tools-links li {
                font-size:1.2em;
                font-weight:bold;
                display:block;
                padding:10px 0 10px 25px;
                border-bottom:1px solid #e5e5e5;
                background-color:#fff;
}


/* ALIGN THE MORE LINK IN PAGE TOOLS */
.addthis_default_style .at300b, .addthis_default_style .at300m {
 margin-left: -28px;
}
		
.addthis_default_style .at15t_expanded, .addthis_default_style .at15t_compact {
margin-right: 10px;
margin-top: -2px;
}

.page-tools .body .columns ul.page-tools-links li a {
                color:#666;
}
.page-tools .body .page-tools-email {
                background:#fff;
                width:420px;
                height:280px;
                position:absolute;
                top:15px;
                left:15px;
}
.page-tools .body .page-tools-email .row {
                margin:0 0 20px 0;
}
.page-tools .body .page-tools-email label {
                color:#333;
                font-size:1.2em;
                float:left;
                width:155px;
                padding:5px 0 0 0;
}
.page-tools .body .page-tools-email input {
                width:255px;
}
.content-top .page-tools .body .page-tools-email textarea {
                width:255px;
}
.content-top .page-tools .body .page-tools-email .email-submit {
                width:80px;
                height:24px;
                margin:0 4px 0 10px;
}
/* End Share Tools */

/* Start Text Re-size */


.text-tool 
{
                position:absolute;
                /*left:694px;
       top:80px;*/
       width:150px;
                /*     right:16.25px;*/
       -moz-box-shadow: 3px 3px 4px #000;
                -webkit-box-shadow: 3px 3px 4px #000;
                box-shadow: 3px 3px 4px #000;
                /* For IE 8 */    
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
       /* For IE 5.5 - 7 */    
       filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
                z-index:199;
              
}
.text-tool .header {
                background:#0063be;
                position:relative;
}
.text-tool .header h5 {
                color:#fff;
                padding:12px 0 12px 15px;
                font-size:1.3em;
                font-weight:bold;
}
.text-tool .header .close {
                position:absolute;
                top:15px;
                right:15px;
                cursor:pointer;
}
.text-tool .body {
                background:#fff;
                border-bottom:#ccc solid 1px;
                border-right:#ccc solid 1px;
                border-left:#ccc solid 1px;
                padding:5px 15px 0 0px;
                height:30px;
                /*width:125px;*/     
       position:relative;
}
.text-tool .body .a1 {
                display:inline;
                padding-left:15px;
               
}




/* End Text Re-size */


.em-sub {
                float:right;
                right:1px;
                margin-top:-30px;
}
.canc {
                margin-left:275px;
                margin-top:-26px;
                border:solid 0px red;
}
/* End Tools Section */

/* Start Content Page Titles */

.pageTitle h1 {
                color: #333333;
                padding: 12px 8px;
}
.pageTitleInfo {
                color:#666;
                font-size:1.5em;
                letter-spacing:.3px;
                line-height:15pt;
}
.pageSubTitle h4 {
                padding: 10px 8px;
}
.pageSubText {
                padding: 0px 0px 10px 10px;
}
.headerPageLink {
                padding:13px 0px 0px 10px;
}
/* End Content Page Titles */

/* Start Three Coloum Layout Section */

.threecoloumlayout {
                display: block;
}
.threecoloumlayout .column-1 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 220px;
                border:1px solid #ffffff;
}
.threecoloumlayout .column-2 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 520px;
}
.threecoloumlayout .column-3 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 153px;
                margin-right: 0;
}
.threecoloumlayout .column-full {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 850px;
}


/* End Three Coloum Layout Section */

/* Start Three Inner Form Coloum Layout Section */

.rebatestwocoloumlayout {
	display: block;
	padding-left:15px;
}
.rebatestwocoloumlayout .column-1 {
	display: inline;
	float: left;
	width: 350px;
	border:none;
	padding-bottom:10px;
}
.rebatestwocoloumlayout .column-2 {
	display: inline;
	float: left;
	width: 50px;
	border:none;
	padding-bottom:10px;
	text-align:right;
}
.rebatestwocoloumlayout .column-3 {
	display: inline;
	float: left;
	width: 50px;
	padding-bottom:10px;
	text-align:center;
}
/* End Three Inner Form Coloum Layout Section  */

/* Start Two Coloum Layout Section */

.twocoloumlayout {
                display: block;
}
.twocoloumlayout .column-1 {
                display: inline;
                float: left;
                margin:0px 10px 0px 5px;
                width: 235px;
}
.twocoloumlayout .column-2 {
                display: inline;
                float: left;
                width: 240px;
}
/* End Two Coloum Layout Section */

.customersupportlineheight 
{
    line-height:0em !important;
}
/* Start Input Form Section */
.formHeader {
                margin-bottom: 32px;
}
.formHeaderTitle {
                position: relative;
                background-color: #f2f2f2;
}
.formHeaderTitle .title {
                border-top: solid 1px #cccccc;
                border-bottom: solid 1px #cccccc;
                padding: 12px 0 20px 16px;
}
.formHeaderTitle .subtitle {
                border-top: solid 1px #cccccc;
                padding: 12px 0 20px 16px;
}
.formHeaderTitle .title h3 {
                margin: 0;
}
.formHeaderTitle .title h4 {
                margin: 0;
                color:#333333;
}
.formHeaderTitle .title a {
                font-weight: bold;
}
.formHeaderTitle .explanation {
                padding: 8px 12px 12px 16px;
                color: #666666;
}
.formHeaderTitle .explanationsugform {
                padding: 8px 12px 12px 10px;
}
.formHeaderTitle .explanation p {
                margin: 0;
}
.formInput {
                position: inherit;
                background-color: #f2f2f2;
                border-bottom: solid 1px #cccccc;
}
.formInput .fields {
                display: inline-block;
}
.formInput .rows {
                display: inline-block;
                position: inherit;
                padding-top: 3px;
                padding-bottom: 10px;
                margin: 0 0 5px;
}
.formInput .rows:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
.formInput .rows {
                display: block;
}
.formInput .rows .col1 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 160px;
}
.formInput .telephoneinput {
                width: 60px;
}
.formInput.rows .col1 label {
                display: block;
                width: 80%;
}
.formInput .rows .col1 .inner {
                padding-left: 16px;
}
.formInput .rows .col2 {
                display: inline;
                float: left;
                width: 340px;
                margin-right: 0;
}
.formInput .rows .col2 .radio span {
                margin-right: 25px;
}
.formInput .rows .col1 input, .formInput .rows .col2 input {
                padding: 1px;
                margin: 0;
                font-weight:normal;
                position:inherit;
}
.formInput .rows .col1 input[type=radio], .formInput .rows .col2 input[type=radio] {
                width:15px;
}
/*
.formInput .row1 input, .formInput .row3 input {
      width: 220px;
}
*/
.formInput label {
                font-weight:bold;
}
.formInputHelp {
                margin:3px 0px 0px 0px;
}
.formInputTwoRow .rows1 {
                display: inline-block;
                position: relative;
                padding: 0px 0px 10px 20px;
                margin: 0px 0px 10px 0px;
                width:240px;
                border-right:solid 1px #cccccc;
                float:left;
}
.formInputTwoRow .rows2 {
                display: inline-block;
                position: relative;
                padding: 0px 0px 10px 15px;
                margin: 0 0 10px 0px;
                width:230px;
                float:left;
}


.formInputTwoRowEnergyHub .rows1 {
	display: inline-block;
	position: relative;
	padding: 10px 0px 5px 10px;
	margin: 0px 20px 5px 0px;
	width:205px;
	border-right:solid 1px #ffffff;
	border-top:solid 1px #cccccc;
	float:left;
}
.formInputTwoRowEnergyHub .rows2 {
	display: inline-block;
	position: relative;
	padding: 10px 0px 10px 10px;
	margin: 0px 0px 10px 0px;
	width:250px;
	float:left;
	border-top:solid 1px #cccccc;
}


.formInputTwoRow .rows1 input[type=radio],, .formInputTwoRow .rows2 input[type=radio] {
margin-top:-5px;
}
.subformborder {
                border-bottom: solid 1px #f2f2f2;
}
.telephoneInput {
                width:60px;
}
.formInputTwoRowHeight100 {
                height:150px;
}
.formInputTwoRowSubHeader {
                padding:10px 0px 10px 20px;
}
.loginpadding {
                padding-left:14px;
}
/* End Input Form Section */

/* Start Static Form Section */
.staticFormHeader {
                margin-bottom: 32px;
}
.staticFormHeaderTitle {
                position: relative;
}
.staticFormHeaderTitle .title {
                padding: 12px 0 20px 10px;
}
.staticFormHeaderTitle .title h3 {
                margin: 0;
}
.staticFormHeaderTitle .title h4 {
                margin: 0;
}
.staticFormHeaderTitle .title a {
                font-weight: bold;
}
.staticFormHeaderTitle .information {
                padding:20px 0px 20px 10px;
}
.staticFormHeaderTitle .explanation {
                padding: 8px 12px 12px 16px;
                color: #666666;
}
.staticFormHeaderTitle .explanation p {
                margin: 0;
}
.staticFormHeaderTitle p {
                margin:-10px 0px 0px 0px;
}
.staticFormInput {
                position: relative;
}
.staticFormInput .fields {
                display: inline-block;
}
.staticFormInput .rows {
                display: inline-block;
                position: relative;
                padding-top: 3px;
                margin: 0 0 5px;
}
.staticFormInput .rows:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
.staticFormInput .rows {
                display: block;
}
.staticFormInput .rows .col1 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 140px;
}
.staticFormInput.rows .col1 label {
                display: block;
                width: 80%;
}
.staticFormInput .rows .col1 .inner {
                padding-left: 10px;
}
.staticFormInput .rows .col2 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 360px;
                margin-right: 0;
}
.staticFormInput .rows .col2 .radio span {
                margin-right: 25px;
}
.staticFormInput .rows .col1 input, .staticFormInput .rows .col2 input {
                padding: 1px;
                margin: 0;
}
/*
.staticFormInput .row1 input, .staticFormInput .row3 input {
      width: 220px;
}
*/
.staticFormInput p {
                padding-left: 10px;
}
.staticFormInput label {
                font-weight:bold;
}
.filedinfo {
                font-size:8pt;
                /*font-style:italic;*/
}
.termsfiledinfo {
                font-size:8pt;
                font-style:italic;
}
.staticFormInputButton {
                padding-left: 10px;
}
.fromBg {
                background-color:#f2f2f2;
}
.col1width-40px {
                width:40px;
}
.col1width-90px {
                width:90px;
}
.col1width-180px {
                width:180px;
}
.col1width-240px {
                width:250px;
}
.col1width-350px {
                width:350px;
}
.col1width-500px {
                width:500px;
}
.col1width-520px {
                width:520px;
}
/* End Static Form Section */

/* Start Service Account Section */
.serviceAcct {
                background-color:#f2f2f2;
                height:48px;
                border-top:1px solid #d2d2d2;
                border-bottom:1px solid #d2d2d2;
}
.serviceAcct .fields {
                display: inline;
}
.serviceAcct .rows {
                display: inline-block;
                padding-top: 15px;
                margin: 0 0 5px;
}
.serviceAcct .rows:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
.serviceAcct .rows {
                display: block;
}
.serviceAcct .rows .col1 {
                display: inline;
                float: left;
                margin: 2px 5px 0px 0px;
                width: 127px;
}
.serviceAcct.rows .col1 .inner label {
                display: block;
                width: 80%;
}
.serviceAcct .rows .col1 .inner, .serviceAcct .rows .col3 .inner {
                padding-left: 10px;
                font-weight:bold;
                color:#666666;
}
.serviceAcct .rows .col2 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 210px;
                margin-right: 0;
}
.serviceAcct .rows .col2 .radio span {
                margin-right: 25px;
}
.serviceAcct .rows .col3 {
                display: inline;
                float: left;
                margin: 2px 5px 0px 0px;
                width: 98px;
}
.serviceAcct .rows .col4 {
                display: inline;
                float: left;
                margin: 2px 5px 0px 0px;
                width: 198px;
}
.serviceAcct .rows .col5 {
                display: inline;
                float: left;
                margin: 2px 5px 0px 0px;
                width: 170px;
}
.serviceAcct .rows .col1 input, .serviceAcct .rows .col2 input {
                padding: 1px;
                margin: 0;
}
.serviceAcct .row1 input, .serviceAcct .row3 input {
}
.serviceAcctViewAll {
    padding: 2px 0px 0px 10px;
	*padding: 3px 0px 0px 10px;
}
.serviceAcctViewAll div.chrome_hack { 
 padding: 2px 0px 0px 10px;
}

.serviceAcctViewAllsingle {
    padding: 2px 0px 0px 10px;
	*padding: 2px 0px 0px 10px;
}
.serviceAcctViewAllsingle div.chrome_hack { 
 padding: 0px 0px 0px 10px;
}
.serviceAcctReadOnlyText {
                padding-top:3px;
}
.serviceInput {
                width:200px;
                height:20px;
}
.hubwidth {
                width:570px;
}
/* End Service Account Section */

/* Start Service Account Info */

.serviceAccInfo {
                display: block;
}
.serviceAccInfo .column-1 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 370px;
                padding-top: 20px;
}
.serviceAccInfo .column-2 {
                display: inline;
                float: right;
                width: 280px;
                padding-top: 20px;
}

/* End Service Account Info */

/* Start Converation Process Layout Section */

.converationprocesslayout {
                display: block;
}
.converationprocesslayout .column-1 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 20px;
                color:#0063be;
                font-size:24pt;
                font-weight:bold;
}
.converationprocesslayout .column-2 {
                display: inline;
                float: left;
                width: 458px;
                padding:5px 0px 10px 0px;
}
.converationprocesslayout .column-2 .subcol-1 {
                display: inline;
                float: left;
                width: 100px;
                padding:5px 0px 10px 0px;
}
.converationprocesslayout .column-2 .subcol-2 {
                display: inline;
                float: left;
                width: 350px;
                padding:5px 0px 10px 0px;
                height:80px;
}
/* End Converation Process Layout Section */

/* Start Processing Bar Section */
.processingbar {
                padding:10px;
                background-color:#0063be;
                color:#ffffff;
                font-weight:bold;
                height:20px;
}

.processingbarESCO {
                padding:10px;
                background-color:#0063be;
                color:#ffffff;
                font-weight:bold;
                height:20px;
                position: absolute;
                width: 915px;
                margin-top: 180px;
                *margin-top: -30px
}


.processingbar img {
                padding:2px 0px 0px 10px;
}
/* End Processing Bar Section */

/* Start Button*/

.button {
                border:1px solid #0063be;
                background-color:#0063be;
                display: inline;
                vertical-align: top;
                margin: 0px;
                padding: 2px 5px 2px 5px;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                overflow: visible;
                cursor: pointer;
                color: white;
                display: block;
                font-family:Arial, sans-serif;
}
.button:link, .button:visited, .button:hover {
                background-color: #333333;
                color: white !important;
                cursor: pointer !important;
                text-decoration: none !important;
                display: inline;
                vertical-align: top;
                margin: 0;
                border: solid 1px #333333;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                overflow: visible;
                cursor: pointer;
                display: block;
}
.button:link img, .button:visited img, .button:hover img {
                margin: 0 3px -3px 0 !important;
                padding: 0;
                border: none;
                width: 16px;
                height: 16px;
                float: none;
}
.button:link[type], .button:visited[type], .button:hover[type] {
                background-color: #333333;
                color: white !important;
                cursor: pointer !important;
                text-decoration: none !important;
                display: inline;
                vertical-align: top;
                margin: 0;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                overflow: visible;
                cursor: pointer;
                color: white;
                display: block;
}
.button:link span, .button:visited span, .button:hover span {
                display: block;
                padding: 8px 12px 8px;
}
.buttonSubmit {
                border:1px solid #0063be;
                background-color:#0063be;
                display: inline;
                vertical-align: top;
                margin: 0px;
                padding: 2px 5px 2px 5px;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                color: white;
                display: block;
                font-family:Arial, sans-serif;
}
.buttonSubmit:link, .buttonSubmit:visited, .buttonSubmit:hover {
                background-color: #333333;
                color: white !important;
                cursor: pointer !important;
                text-decoration: none !important;
                display: inline;
                vertical-align: top;
                margin: 0;
                border: solid 1px #333333;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                display: block;
}
.buttonSubmit:link img, .buttonSubmit:visited img, .buttonSubmit:hover img {
                margin: 0 3px -3px 0 !important;
                padding: 0;
                border: none;
                width: 16px;
                height: 16px;
                float: none;
}
.buttonSubmit:link[type], .buttonSubmit:visited[type], .buttonSubmit:hover[type] {
                background-color: #333333;
                color: white !important;
                cursor: pointer !important;
                text-decoration: none !important;
                display: inline;
                vertical-align: top;
                margin: 0;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                color: white;
                display: block;
}
.buttonSubmit:link span, .buttonSubmit:visited span, .buttonSubmit:hover span {
                display: block;
                padding: 8px 12px 8px;
}
.buttonPrevious {
                border:1px solid #0063be;
                display: inline;
                vertical-align: top;
                margin: 0px;
                padding: 2px 10px 2px 20px;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                color: #0063be;
                display: block;
                background: #e5e5e5 url('../images/previousArrowBlue.gif') no-repeat 7px 5px;
                font-family:Arial, sans-serif;
}
.buttonPrevious:link, .buttonPrevious:visited, .buttonPrevious:hover {
                background-color:#0063be;
                color: #000000;
                cursor: pointer !important;
                text-decoration: none !important;
                display: inline;
                vertical-align: top;
                margin: 0;
                border: solid 1px #000000;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                display: block;
                background: #e5e5e5 url('../images/previousArrowBlack.gif') no-repeat 7px 5px;
}
.buttonPrevious:link img, .buttonPrevious:visited img, .buttonPrevious:hover img {
                margin: 0 3px -3px 0 !important;
                padding: 0;
                border: none;
                width: 16px;
                height: 16px;
                float: none;
}
.buttonPrevious:link[type], .buttonPrevious:visited[type], .buttonPrevious:hover[type] {
                background-color:#e5e5e5;
                color: #000000;
                cursor: pointer !important;
                text-decoration: none !important;
                display: inline;
                vertical-align: top;
                margin: 0;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                display: block;
}
.buttonPrevious:link span, .buttonPrevious:visited span, .buttonPrevious:hover span {
                display: block;
                padding: 8px 12px 8px;
}
.buttonCancel {
                border:1px solid #0063be;
                background-color:#ffffff;
                display: inline;
                vertical-align: top;
                margin: 0px;
                padding: 2px;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                color: #0063be;
                display: block;
                font-family:Arial, sans-serif;
}
.buttonCancel:link, .buttonCancel:visited, .buttonCancel:hover {
                background-color:#ffffff;
                color: #333333;
                cursor: pointer !important;
                text-decoration: none !important;
                display: inline;
                vertical-align: top;
                margin: 0;
                border: solid 1px #333333;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                display: block;
}
.buttonCancel:link img, .buttonCancel:visited img, .buttonCancel:hover img {
                margin: 0 3px -3px 0;
                padding: 0;
                border: none;
                width: 16px;
                height: 16px;
                float: none;
}
.buttonCancel:link[type], .buttonCancel:visited[type], .buttonCancel:hover[type] {
                background-color:#ffffff;
                color: #333333;
                cursor: pointer !important;
                text-decoration: none !important;
                display: inline;
                vertical-align: top;
                margin: 0;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                display: block;
}
.buttonCancel:link span, .buttonCancel:visited span, .buttonCancel:hover span {
                display: block;
                padding: 8px 12px 8px;
}
.buttonPreviousOverlay {
                border:1px solid #0063be;
                display: inline;
                vertical-align: top;
                margin: 0px;
                padding: 2px 5px 5px 5px;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                color: #0063be;
                display: block;
                font-family:Arial, sans-serif;
                background-color:#e5e5e5;
}
.buttonPreviousOverlay:link, .buttonPreviousOverlay:visited, .buttonPreviousOverlay:hover {
                background-color:#e5e5e5;
                color: #666666;
                cursor: pointer !important;
                text-decoration: none !important;
                display: inline;
                vertical-align: top;
                margin: 0;
                border: solid 1px #666666;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                display: block;
}
.buttonPreviousOverlay:link img, .buttonPreviousOverlay:visited img, .buttonPreviousOverlay:hover img {
                margin: 0 3px -3px 0 !important;
                padding: 0;
                border: none;
                width: 16px;
                height: 16px;
                float: none;
}
.buttonPreviousOverlay:link[type], .buttonPreviousOverlay:visited[type], .buttonPreviousOverlay:hover[type] {
                background-color:#e5e5e5;
                color: #666666;
                cursor: pointer !important;
                text-decoration: none !important;
                display: inline;
                vertical-align: top;
                margin: 0;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                color: #666666;
                display: block;
}
.buttonPreviousOverlay:link span, .buttonPreviousOverlay:visited span, .buttonPreviousOverlay:hover span {
                display: block;
                padding: 8px 12px 8px;
}
.buttonCancelOverlay {
                border:1px solid #0063be;
                background-color:#ffffff;
                display: inline;
                vertical-align: top;
                margin: 0px;
                padding: 2px 5px 5px 5px;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                color: #2666b1;
                display: block;
                font-family:Arial, sans-serif;
}
.buttonCancelOverlay:link, .buttonCancelOverlay:visited, .buttonCancelOverlay:hover {
                background-color:#ffffff;
                color: #333333;
                cursor: pointer !important;
                text-decoration: none !important;
                display: inline;
                vertical-align: top;
                margin: 0;
                border: solid 1px #333333;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                display: block;
}
.buttonCancelOverlay:link img, .buttonCancelOverlay:visited img, .buttonCancelOverlay:hover img {
                margin: 0 3px -3px 0;
                padding: 0;
                border: none;
                width: 16px;
                height: 16px;
                float: none;
}
.buttonCancelOverlay:link[type], .buttonCancelOverlay:visited[type], .buttonCancelOverlay:hover[type] {
                background-color:#ffffff;
                color: #333333;
                cursor: pointer !important;
                text-decoration: none !important;
                display: inline;
                vertical-align: top;
                margin: 0;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: auto;
                overflow: visible;
                cursor: pointer;
                color: #333333;
                display: block;
}
.buttonCancelOverlay:link span, .buttonCancelOverlay:visited span, .buttonCancelOverlay:hover span {
                display: block;
                padding: 8px 12px 8px;
}
.buttonDisable {
                border:1px solid #cccccc;
                background-color:#cccccc;
                display: inline;
                vertical-align: top;
                margin: 0px;
                padding: 2px 5px 2px 5px;
                border-width: 1px;
                border-style: solid;
                font-size: 100%;
                text-decoration: none;
                font-weight: bold;
                width: auto;
                overflow: visible;
                cursor: pointer;
                color:#666666;
                display: block;
                font-family:Arial, sans-serif;
}

/* End Button*/


/* Start Content Area  Contextual Modules Section */
.contentContxmodule {
                display: block;
}
.contentContxmodule .column-1 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 220px;
}
.contentContxmodule .column-2 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 310px;
}
.contentContxmodule .column-3 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 310px;
                margin-right: 0;
}
.contentContxmodule-A {
                border-top: solid 1px #333333;
}
.contentContxmodule-A h4 {
                padding: 8px 8px 12px 8px;
                border-bottom:solid 1px #cccccc;
}
.contentContxmodule-A .featured {
                display: inline-block;
}
.contentContxmodule-A .featured:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
.contentContxmodule-A .featured {
                display: block;
}
.contentContxmodule-A .pic {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 70px;
}
.contentContxmodule-A .pic img {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 70px;
}
.contentContxmodule-A .inner {
                display: inline;
                float: left;
                margin:10px 20px 0px 10px;
                width: 295px;
}
.fontsize14px
{
    font-size:14px;
}
.blackText {
                font-size:140%;
                font-weight:bold;
                padding:0px 0px 3px 0px;
}
.grayText {
                font-size:130%;
                font-weight:bold;
                color:#696969;
                padding:3px 2px 0px 0px;
}
.grayText div.chrome_hack
{
                font-size:130%;
                font-weight:bold;
                color:#696969;
                padding:3px 2px 0px 0px;
}

.lightgrayText {
                font-size:130%;
                color:#736F6E;
                padding:3px 5px 0px 0px;
}
.orangeText {
                font-size:130%;
                font-weight:bold;
                color:#ff8330;
                padding:3px 0px 0px 0px;
}
.orangeText div.chrome_hack {
                font-size:130%;
                font-weight:bold;
                color:#ff8330;
                padding:3px 0px 0px 0px;
}
.greenText {
                font-size:130%;
                font-weight:bold;
                color:#4b9741;
                padding:3px 0px 0px 0px;
}
.greenBoldText {
                font-size:100%;
                font-weight:bold;
                color:#666666;
}


.greengraphText {
                font-size:16px;
                font-weight:normal;
                color:#4b9741;
                padding:3px 0px 0px 10px;
}
/* End Content Area  Contextual Modules Section */
/*//////////////////////////// End graphcallout section///////////////////////////////////////////*/

/*#graphthreelayout {

width:180px;
float:left;
}

.graphcolu1 {

width:60px;
float:left;
padding:0px 5px 0px 15px;

}

.graphcolu2 {

float:left;
text-align:left;

}

.graphcolu3 {

width:60px;
float:left;
padding:0px 10px 0px 5px
}

.graphcolspan{
width:180px;
text-align:center;

}*/
/*//////////////////////////// End graphcallout section///////////////////////////////////////////*/

/* Start Number Classes */
.numberbox {
                background-color:#cccccc;
                width:24px;
                height:20px;
                text-align:center;
                margin:0px 10px 0px 0px;
                padding:5px 0px 0px 0px;
                color:#ffffff;
                font-weight:bold;
}
.numberboxtext {
                padding:4px 0px 10px 5px;
                font-size:95%;
                font-weight:bold;
                width:380px
}

.numberboxtext1 {
                padding:4px 0px 10px 5px; 
                width:455px
}
.numberboxtext1 li
{
    margin:5px 0px 15px;
    padding:0;
    list-style-type:disc;
               
}
/* End Number Classes */


/* Start Content left Section */
.contextualmodules h4 {
                border-top: solid 1px #000000;
                border-bottom: solid 1px #cccccc;
                padding-left: 8px;
                padding-top: 8px;
                padding-bottom: 13px;
                line-height: 1em;
                color:#333333;
                font-size:14px;
}
.contextualmodules .callout {
                padding-left: 8px;
                margin-top: 12px;
}
.contextualmodules p {
                padding-left: 12px;
                color:#666666;
}
/* End Content left Section */


/* Start Content Right Section */
.leftNavFooter h4 {
                border-top: solid 1px #000000;
                border-bottom: solid 1px #cccccc;
                padding: 8px 0px 5px 2px;
                line-height: 1.3em;
                margin: 0px 0px 10px 0px;
                width:188px;
}
.leftNavFooter .callout {
                padding-left: 2px;
                margin-top: 3px;
}
.leftNavFooter span {
                font-weight:bold;
                padding-right:3px;
}
.leftNavFooter a {
                padding-left: 2px;
}
/* End Content Right Section */


/* Start Left Navigation */

.leftnavbar {
                width: 179.8px;
                border-bottom: solid 1px #cccccc;
}
.leftnavbar .step {
                color: inherit;
                text-decoration: inherit;
                cursor: inherit;
                display: block;
                position: relative;
                cursor: default;
                font-weight: bold;
                height: 31px;
                width: 100%;
                background-color: #f2f2f2;
                color: #666666;
                border-top: solid 1px #cccccc;
}
.leftnavbar .step.active {
                color: white;
                background-color: #666666;
                border-top: none;
}
.leftnavbar .step.active .arrow {
                background: url('../images/mod_US_RET_form_arrow.jpg') left top no-repeat;
}
.leftnavbar .inner {
                position: absolute;
                left: 8px;
                top: 10px;
                line-height: 1em;
}
.leftnavbar .arrow {
                position: absolute;
                right: -20px;
                top: 0px;
                height: 32px;
                width: 20px;
}
.leftNavTopics {
                padding-right: 30px;
                line-height: 1;
}
.leftNavTopics a {
                display: block;
                padding: 9px 0;
                font-weight: bold;
                border-bottom: 1px solid #CCCCCC;
}
.leftNavTopics ul {
                margin: 0;
                
}
.leftNavTopics ul ul {
                margin: 0;
                border-top: 1px solid #ffffff;
}
.leftNavTopics ul a {
                padding-left: 10px;
}
.leftNavTopics ul li a {
                padding-left: 12px;
                color:#ff7800;
}
.leftNavTopics ul ul a {
                padding-left: 24px;
}
.leftNavTopics ul ul ul a {
                padding-left: 36px;
}
.leftNavTopics a.parent {
                border-bottom: none;
                background: url("../images/arrow-down.png") no-repeat right 12px;
}
.leftNavTopics a.last {
                border-bottom: none;
}
.leftNavTopics a.currentItem {
                color: #ff7800;
                background: url(../images/orange_arrow.png) right 10px no-repeat;
                text-decoration:none;
}
.leftNavTopics a.currentItems {
                color: #ff7800;
                
                text-decoration:none;
}
.leftNavTopics div {
                cursor: default;
                padding: 9px 0;
                font-weight: bold;
                color: #2a7dc9;
                background:url("../images/arrow-down.png") no-repeat right 12px;
}
.leftNavTopics .blackArrow {
                background: url(../images/arrow-down.png) right 12px no-repeat;
}
.leftNavTopics .currentItem {
                color: #E06900;
                background: url(../images/orange_arrow.png) right 12px no-repeat;
}
.leftNavTopics .darkBorder {
                border-bottom: 1px solid #999999;
}
.leftNavTopics .otherDarkBorder {
                border-bottom: 1px solid #999999;
}
.leftNavTopics .noDarkBorder {
                border-bottom: 1px solid #E5E5D5;
}
.blackSectedText {
                color:#000000;
                text-decoration:none;
}
.currentItemTopNav {
                color: #E06900;
                background: url(../images/orange_arrow.png) right 12px no-repeat;
}
.orangeSelectedText {
                color: #E06900;
                text-decoration:none;
}

.orangeSelectedText a:hover {
                text-decoration:none;
                
                
               
}
.sectionWidth {
                width:100%;
}
.verticalaligntexttop {
                vertical-align:text-top;
}
/* End Left Navigation */

/* Start Billing Summary Section */

.billSummary {
                width: 225px;
                line-height: 1.3em;
                margin-left:-45px;
}
.billSummary label {
                line-height: 1em;
}
.billSummary .wrapper {
                border: solid 10px #e5e5e5;
                border-left: solid 0px #e5e5e5;
                padding: 20px 10px 16px 45px;
}
.billSummary .account-balance {
                overflow: hidden;
                display: inline-block;
}
.billSummary .account-balance {
                display: block;
}
.billSummary .title {
                color: #e06900;
                padding-bottom: 12px;
                border-bottom: solid 0px #cccccc;
}
.billSummary .row {
                margin-bottom: 8px;
                overflow: hidden;
                display: inline-block;
}
.billSummary .row {
                display: block;
}
.billSummary .row .button {
                border: 1px solid #0063be;
                display: inline;
                float: left;
                margin-bottom: 0;
}
.billSummary .row a:hover.button {
                border: 1px solid #000000;
}
.billSummary .button span {
                padding: 8px;
}
.billSummary .due-date, .billSummary .billing-period, .billSummary .date-issued {
                margin-bottom: 12px;
}
.billSummary .due-date label, .billSummary .billing-period label, .billSummary .date-issued label, .billSummary .next-date label {
                color: #666666;
}
.billSummary .due-date {
                border-bottom:1px solid #CCCCCC;
                padding-bottom:16px;
}
.billSummary .lateFee {
                margin-top: 12px;
}
.billSummary .view-bill {
                display: block;
                margin-bottom: 14px;
}
.billSummary .view-history {
                font-weight: bold;
                display: block;
                padding-top: 4px;
                line-height: 1.3333em;
}
.billSummary .name-address {
                padding-top: 12px;
}
.billSummary .account-balance {
                border-bottom: solid 1px #cccccc;
                padding-bottom: 16px;
}
.billSummary .name-address label, .billSummary .account-number label {
                color: #666666;
}
.billSummary .next-date, .billSummary .account-number {
                border-bottom: solid 1px #cccccc;
                padding-bottom: 12px;
                color: #666666;
}
.billSummary .amount {
                font-weight: bold;
                font-size: 1.5em;
                color: #333333;
                line-height: 1em;
                margin: 2px 0 8px 0;
}
.billSummary label {
                font-weight:bold;
}
#billCallout {
                position:absolute;
                z-index:9999;
                color:#000000;
                font-size:11px;
                width:180px;
                font-weight:bold;
                line-height:15px;
}

/* IE hack */

*html #billCallout .tipHeader {
                margin-bottom:-6px;
}
#billCallout .tipBody {
                padding:5px;
                border:solid 2px #FC0;
                background-color:#ffffff;
}

/* End Billing Summary Section */





/* Srart Icons Section */

.help:hover {
                text-decoration: none;
}
.help span {
                display: none;
}
.help .bt-wrapper {
                top: 0 !important;
}
.help .onBottom {
                top: -34px
}
/* End Icons Section */

/*//////////////////////////// End Content Section ///////////////////////////////////////////*/

/*//////////////////////////// Start Tab Section ///////////////////////////////////////////*/

.ajaxTab .ajax__tab_header {
                background-color:#e5e5e5!important;
                padding:20px 0px 0px 5px;
                vertical-align:bottom;
                display:inline-block;
                font-size: 12px;
                color:#ffffff;
                border-right:1px #ffffff solid;
                width:100%;
}
.ajaxTab .ajax__tab_outer {
                background-color:#999999;
                width:auto;
                height: 42px;
                font-weight:bold;
                text-align:left;
                border-right:1px #ffffff solid;
                text-align:left;
}
.ajaxTab .ajax__tab_inner {
                padding-left: 3px;
}
.ajaxTab .ajax__tab_tab {
                padding: 4px;
                margin: 0;
}
.ajaxTab .ajax__tab_hover .ajax__tab_outer {
                background-color: #000000;
                color:#ffffff;
                cursor:pointer;
}
.ajaxTab .ajax__tab_active .ajax__tab_outer {
                background-color: #fff;
                color:Black;
}
.ajaxTab .ajax__tab_active .ajax__tab_inner {
                background-color:#fff;
}
.ajaxTab .ajax__tab_body {
                padding-top:3px;
}


/*//////////////////////////// End Tab Section ///////////////////////////////////////////*/

/*//////////////////////////// Start Feature Section ///////////////////////////////////////////*/


.featuresection {
                display: block;
}
.featuresection .column-1 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 220px;
}
.featuresection .column-2 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 320px;
}
.featuresection .column-3 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 320px;
                margin-right: 0;
}
.featuredContent-A {
                padding-top: 20px;
                overflow: hidden;
                display: inline-block;
}
.featuredContent-A {
                display: block;
}
.featuredContent-A h4 {
                margin-bottom: 12px;
                margin-left: 9px;
                font-size:14px;
                color:#333333;
}
.featuredContent-A .featured {
                color: #999999;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 1.6em;
                line-height: 1.6em;
}
.featuredContent-A .inner {
                padding: 0 9px 0 9px;
                font-size:12px;
                color:#666666
}
.featuredContent-A .links {
                margin: 0;
                margin-top: 12px;
}
.featuredContent-A .links a {
                font-weight: bold;
                font-size: .8em;
                line-height: 1em;
}
.featuredContent-B {
                border-top: solid 1px #333333;
}
.featuredContent-B h5 {
                padding: 8px 8px 12px 8px;
                font-size:14px;
                color:#333333;
}
.featuredContent-B .featured {
                display: inline-block;
}
.featuredContent-B .featured:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
.featuredContent-B .featured {
                display: block;
}
.featuredContent-B .pic {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 70px;
}
.featuredContent-B .pic img {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 70px;
}
.featuredContent-B .inner {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 220px;
                margin-right: 0;
                font-size:12px;
                color:#666666;
}
.featuredContent-C {
                padding: 0 8px;
                border-top: solid 1px #333333;
}
.featuredContent-C h4 {
                padding: 8px 8px 12px 0;
}
.featuredContent-C .featured {
                margin-right: 20px;
                width: 310px;
                margin-right: 0;
}
.featuredContent-C a {
                display: block;
                margin-top: 6px;
                font-weight: bold;
}
.featuredContent-D {
                overflow: hidden;
                display: inline-block;
                border-top: solid 1px #333333;
                height: 214px;
}
.featuredContent-D {
                display: block;
}
.featuredContent-D .col-1, .featuredContent-D .col-2 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 340px;
}
.featuredContent-D .col-2 {
                margin-right: 0;
}
.featuredContent-E .pic {
                margin-left: 8px;
                margin-top: 12px;
                height: 78px;
                width: 78px;
                display: inline;
                float: left;
                margin-right: 16px;
}
.featuredContent-E .featured {
                margin-top: 12px;
                display: inline;
                float: left;
                display: inline;
                float: left;
                margin-right: 20px;
                width: 220px;
}
.featuredContent-E .featured a {
                font-weight: bold;
}
/*//////////////////////////// End Feature Section ///////////////////////////////////////////*/

/*//////////////////////////// Start Promo Section ///////////////////////////////////////////*/
.promosection {
                display: block;
}
.promosection .column-1 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 220px;
}
.promosection .column-2 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 340px;
}
.promosection .column-3 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 340px;
                margin-right: 0;
}
.promoContent-A {
                border-top: solid 1px #333333;
}
.promoContent-A h5 {
                padding: 8px 8px 12px 8px;
}
.promoContent-A .featured {
                display: inline-block;
}
.promoContent-A .featured:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
.promoContent-A .featured {
                display: block;
                
}
.promoContent-A .pic {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 70px;
}
.promoContent-A .pic img {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 70px;
                padding-left:10px;                
}
.promoContent-A .inner {
                display: inline;
                float: left;
                margin: 0px 20px 0px 8px;
                width: 300px;
}
.promoContent-B {
                border-top: solid 1px #333333;
}
.promoContent-B h5 {
                padding: 8px 8px 12px 8px;
}
.promoContent-B .featured {
                display: inline-block;
}
.promoContent-B .featured:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
.promoContent-B .featured {
                display: block;
}
.promoContent-B .pic {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 70px;
}
.promoContent-B .pic img {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 70px;
}
.promoContent-B .inner {
                display: inline;
                float: left;
                margin: 0px 20px 0px 8px;
                width: 300px;
}
/*//////////////////////////// End Promo Section ///////////////////////////////////////////*/

/*//////////////////////////// Start pagination///////////////////////////////////////////*/
 
.paginator {
                overflow: hidden;
                display: inline-block;
}
.paginator {
                display: block;
}
.paginator .col1 {
                display: inline;
                float: left;
}
.paginator .col1 .inner {
                margin: 18px 0 18px 10px;
                color: #333333;
}
.paginator .col2 {
                overflow: hidden;
                display: inline-block;
}
.paginator .col2 {
                display: block;
}
.paginator .col2 .inner .selected, .paginator .col2 .inner .next, .paginator .col2 .inner a {
                display: inline;
                float: right;
                display: block;
                line-height: 1em;
}
.paginator .col2 .inner .selected {
                color: #e06900;
                font-weight: bold;
}
.paginator .col2 .inner .next {
                background: url(../images/nextArrow.gif) no-repeat 0px 1px;
                width: 7px;
                height: 10px;
}
.paginator .col3 {
                overflow: hidden;
                display: inline-block;
                float: left;
                margin: 16px 0px 0px 180px;
}
.paginator .paginatorLinks {
                margin-top: 4px;
}
.paginatorLinks {
                overflow: hidden;
                display: inline-block;
}
.paginatorLinks {
                font-weight: bold;
                display: block;
}
.paginatorLinks .selected, .paginatorLinks .next, .paginatorLinks a {
                float: right;
                display: block;
                line-height: 1em;
                margin: 0px 9px;
}
.paginatorLinks .selected {
                color: #e06900;
                font-weight: bold;
}
.paginatorLinks a.next {
                background: url(../images/nextArrow.gif) no-repeat 0px 1px;
                width: 7px;
                height: 10px;
}

.paginatorLinks a.end {
                background: url(../images/endArrows.gif) no-repeat 0px 1px;
                width: 11px;
                height: 10px;
}

.paginatorLinks a.previous {
                background: url(../images/previousArrow.gif) no-repeat 0px 1px;
                width: 7px;
                height: 10px;
}

.paginatorLinks a.beginning {
                background: url(../images/beginningArrows.gif) no-repeat 0px 1px;
                width: 11px;
                height: 10px;
}

.recordsPerPage25 {
                background-color:#ff7800;
                color:#ffffff;
                height:20px;
                margin-left:5px;
                text-align:center;
                font-weight:bold;
                border:solid 1px #ff6600;
                padding:0px 2px 2px 2px;
}
.recordsPerPage50 {
                background-color:#999999;
                color:#ffffff;
                height:20px;
                margin-left:5px;
                text-align:center;
                font-weight:bold;
                border:solid 1px #999999;
                padding:0px 2px 2px 2px;
}
.recordsPerPage100 {
                background-color:#999999;
                color:#ffffff;
                height:20px;
                margin-left:5px;
                text-align:center;
                font-weight:bold;
                border:solid 1px #999999;
                padding:0px 2px 2px 2px;
}
.selectedRecord {
}
 
.paginatorcoloum{
                display: block;
                margin:0px 0px 0px 0px;
}
.paginatorcoloum .column-1 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 25%;
                padding:10px 0px 10px 0px;
}
.paginatorcoloum .column-2 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 30%;
                padding:10px 0px 10px 0px;
}
.paginatorcoloum .column-3 {
                display: inline;
                float: right;
                margin-right: 20px;
                width: 35%;
                margin-right: 0;
                padding:10px 0px 10px 0px;
}  
 
/*//////////////////////////// End pagination///////////////////////////////////////////*/

/*//////////////////////////// Start Tooltip for Grids///////////////////////////////////////////*/
.tooltip {
                display: none;
                padding: 10px;
                color: white;
                width: 250px;
                height: 390px;
                border:solid #e7e7e7 1px;
                color:#000000;
                background:#ffffff;
                float:right;
                text-align:right;
}
.tooltiparrow {
                left:270px;
                top:160px;
                float:right;
                display:block;
                position:absolute;
}
.tooltiperror {
                color: #cc0001;
                text-decoration:none!important;
}

.ui-dialog { z-index: 10001 !important ;}
.ui-widget-overlay { 
	z-index: 10000;
	background-color: black;
    opacity: 0.6;	
} 
.ui-dialog-titlebar-close {
    visibility: hidden;
}

#billCallout {
                position:absolute;
                z-index:9999;
                color:#000000;
                font-size:11px;
                width:180px;
                font-weight:bold;
                line-height:15px;
}

/* IE hack */
*html #billCallout .tipHeader {
                margin-bottom:-6px;
}
#billCallout .tipBody {
                padding:5px;
                border:solid 2px #FC0;
                background-color:#ffffff;
}
/*//////////////////////////// End Tooltip for Grids///////////////////////////////////////////*/
/*//////////////////////////// Start Help Section ///////////////////////////////////////////*/

.needHelp {
                border-top: solid 1px #333333;
                overflow: hidden;
                display: inline-block;
}
.needHelp {
                display: block;
}
.needHelp td {
                padding: 0;
}
.needHelp .col1 {
                width: 160px;
                padding-top: 12px;
                padding-right: 20px;
                vertical-align: top;
}
.needHelp .col1 .inner {
                height: 140px;
                border: solid 1px #cccccc;
                padding: 8px 0 0 8px;
}
.needHelp .col2 {
                padding-top: 12px;
}
.needHelp .col2 .rows, .needHelp .col2 p {
                padding-left: 8px;
                color: #333333;
}
.needHelp .col2 p {
                margin-bottom: 12px;
}
.needHelp .col2 .rows {
                border-top: solid 1px #cccccc;
                padding-top: 10px;
                padding-left: 8px;
                padding-bottom: 11px;
}
.needHelp .col2 .final {
                display: inline-block;
                padding-top: 8px;
                border-top: solid 1px #cccccc;
                border-bottom: solid 1px #cccccc;
                padding-bottom: 12px;
}
.needHelp .col2 .final:after {
                content: " ";
                display: block;
                height: 0;
                clear: both;
                overflow: hidden;
                visibility: hidden;
}
.needHelp .col2 .final {
                display: block;
                padding-bottom: 0;
}
.needHelp .col2 .final table {
                float: left;
}
.needHelp .col2 .label {
                float: left;
                padding: 3px 0 12px 8px;
}
.needHelp .col2 .final .label {
                color: #333333;
                padding-top: 0;
                padding-bottom: 8px;
}
.needHelp .col2 .final .under {
                width: auto;
                padding-bottom: 5px;
                padding-top: 3px;
}
.needHelp .col2 .final .label a {
                font-size: .916em;
                font-weight: normal;
}
.needHelp .col2 .label label, .needHelp .col2 .label span {
                font-weight: normal;
}
.needHelp .rows a, .needHelp .inner p a {
                font-weight: bold;
}
.needHelp .search-box .searchsubmit {
                padding: 0 8px;
}
.helpSearch-box div {
                padding: 0 0px 0 7px;
}
.helpSearch-box input.text {
                width: 275px;
                background-color: #eeeeee;
                border: none;
                height:20px;
}
.helpSearch-box input.text:focus {
                border: none;
}
.helpSearch-box input {
                margin: 0;
}
.helpSearch-box .searchbox {
                background-color: #cccccc;
}
.helpSearch-box .searchsubmit {
                padding: 0 0 0 8px;
}
.helpInputText {
                width:325px;
                height:40px;
                border:0px;
}
/*//////////////////////////// End Help Section ///////////////////////////////////////////*/


/*//////////////////////////// Start Footer Section ///////////////////////////////////////////*/

#footer-container {
                overflow: hidden;
                display: inline-block;
}

.footerbgcontainer {
	background-image:url('../images/footer-image.jpg');
	background-repeat:repeat-y;
	float:left;
	margin-top:30px;
	width: 910px;
	padding:20px;
}
#footer {
                width: 940px;
                padding-right: 0px;
                padding-left: 0px;
                margin: 0 auto;
                text-align: left;
                background-color: #fff;
                color: #fff;line-height: 20px;
}
#footer .inner {
                width: 1000px;
                overflow: hidden;
                display: inline-block;
}
/*#footer .inner {
      display: block;
}*/
/*
#footer .inner a {
                color:#666666;
                font-weight: bold;
                line-height:1.6em;
}
#footer .inner h5, #footer .inner h6 {
                color: #ffffff;
}
#footer .inner .row-1 .column-1 .wrapper h6 {
                color: #666666;
}
#footer .inner .incr {
                color: #ffffff;
}
#footer .inner .row-1 .columns {
                display: inline;
                float: left;
                margin: 0px 20px 0px 0px;
                width: 275px;
                font-weight: bold;
}
#footer .inner .row-1 .columns ul {
                display: inline-block;
                margin-left:10px;
                font-weight: bold;
}
#footer .inner .row-1 .columns ul li {
                padding:8px 0px 0px 0px;
}
#footer .inner .row-1 .columns .wrapper {
                padding-top: 20px;
}
#footer .inner .row-1 .columns h6 {
                padding: 0 0 10px 10px;
                margin: 0 10px 10px 0;
                border-bottom: solid 1px #808080;
                font-size: 10pt;
}
#footer .inner .row-1 .columns p {
                padding: 0 0 0 10px;
                color:#cccccc;
}
#footer .inner .row-1 .column-2, #footer .inner .row-1 .column-3, #footer .inner .row-1 .column-4 {
                margin-right: 0;
                padding-right: 40px;

}
#footer .inner .row-1 .column-2 p, #footer .inner .row-1 .column-3 p, #footer .inner .row-1 .column-4 p {
                color:#c4c4c4;
                margin: 0 0 1.3em;
}
#footer .inner .row-1 .column-2 span, #footer .inner .row-1 .column-3 span, #footer .inner .row-1 .column-4 span {
                color:#ffffff;
}
#footer .inner .row-1 .column-2 .wrapper, #footer .inner .row-1 .column-3 .wrapper, #footer .inner .row-1 .column-4 .wrapper {
                position: relative;
                left: 20px;
}
#footer .inner .row-1 .column-2 a, #footer .inner .row-1 .column-3 a, #footer .inner .row-1 .column-4 a {
                text-decoration: none;
                color:#ffffff;
}
#footer .inner .row-1 .column-2 a:hover, #footer .inner .row-1 .column-3 a:hover, #footer .inner .row-1 .column-4 a:hover {
                text-decoration: underline;
}
#footer .inner .row-1 .last {
                margin-right: 0;
}
#footer .inner .row-1 .column-2 {
                padding-right: 40px;
}
#footer .inner .row-1 .column-2 .wrapper {
                padding: 20px 0px 0 0;
}
#footer .inner .row-1 .column-2 .wrapper h5 {
                padding: 0 0 0 10px;
                font-size:12pt;
}
#footer .inner .row-2 {
                width: 940px;
                display: inline;
                float: left;
                padding-left: 10px;
                margin-top: 20px;
}
#footer .inner .row-2 .column-1 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 220px;
}
#footer .inner .row-2 .column-2 {
                display: inline;
                float: left;
                margin-right: 20px;
                width: 700px;
                margin-right: 0;
}
#footer .inner .row-2 .footer-nav ul {
                margin: 0;
                padding: 0;
                border: 0;
                outline: 0;
                overflow: hidden;
                display: inline-block;
}
#footer .inner .row-2 .footer-nav ul {
                display: block;
}
#footer .inner .row-2 .footer-nav ul li {
                list-style-type: none;
                margin-left: 0px;
                white-space: nowrap;
                display: inline;
                float: left;
                padding-left: 10px;
                padding-right: 10px;
                height:16px;
                font-weight:bold;
                margin-top:10px;
                
}
#footer .inner .row-2 .footer-nav ul li img {
	margin-top:-5px;
}

#footer .inner .row-2 .footer-nav ul li.first {
                padding-left: 0px;
}
#footer .inner .row-2 .footer-nav ul li.last {
                padding-right: 0px;
}
#footer .inner .row-2 .footer-nav a {
                text-decoration: none;
}
#footer .inner .row-2 .footer-nav a:hover {
                text-decoration: underline;
}
#footer .inner .row-2 .copyright {
                padding-left: 10px;
                color:#5b5b5b;
}
*/
.footerHeaderSpacer {
                height:13px;
*height:15px;
}
.footerSpacer {
                height:20px;
}
.footerMarginTop-3px 
{
    margin-top:10px !important;
    *margin-top:8px !important;
}
/*//////////////////////////// End Footer Section ///////////////////////////////////////////*/




/*//////////////////////////// BG, Padding, Spacer, Font Color, Size Classes///////////////////////////////////////////*/

.sectionbrake {
                border-top:solid 1px #000000;
}
.normalLink {
                font-size:1em;
                font-weight:normal;
}

.paddingInSignBanner 
{
    cursor:pointer;
    margin-left:-85px;
    *cursor:pointer;
    *margin-left:0px;
    
                
}

.paddingInSignBannerSignIn
{
      cursor:pointer;
    margin-left:-86px;
    *cursor:pointer;
    *margin-left:0px;
    }

@-moz-document url-prefix() {
.paddingInSignBanner {
 margin-left:-150px;
}
}

@-moz-document url-prefix() {
.paddingInSignBannerSignIn {
 margin-left:-150px;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .paddingInSignBanner {
              cursor:pointer;
              margin-left:-80px;
              
              
}}

@media screen and (-webkit-min-device-pixel-ratio:0) { .paddingInSignBannerSignIn {
              cursor:pointer;
              margin-left:-80px;
              
              
}}




.boldtext {
                font-weight:bold;
                color:#333333;
}
.graphboldtext
{
    font-weight:bold;
    color:#666666;
}

.boldtext12pt {
                font-weight:bold;
                color:#333333;
                font-size:14px;
}
.boldtext16pt {
                font-weight:bold;
                color:#333333;
                font-size:16px;
}
.blackNormaltext {
                color:#000000;
                font-size:11pt;
                padding:0px 0px 0px 10px;
}

.boldLink {
	font-weight:bold;
	font-size:16px;
}

.boldSubLink {
	font-weight:bold;
	font-size:14px;
}
.boldLink12px {
	font-weight:bold;
	font-size:12px;
}


.grayBoldtext {
                font-weight:bold;
                color:#666666;
                padding-right:0px;
}
.grayBoldSmalltext {
                font-weight:bold;
                color:#666666;
                padding-right:5px;
                font-size:8pt;
}
.grayBoldBigtext {
                font-weight:bold;
                color:#666666;
                padding-right:5px;
                font-size:16pt;
}
.grayNormaltext {
                color:#666666;
                font-size:7.5pt;
}
.Normaltext {
                font-size:7.5pt;
}
.orangeBoldtext {
                color: #ff8a23;
                font-size:9pt;
                font-weight:bold;
}
.confirmationText {
                color:#000000;
                font-size:11pt;
}
.smallInfotext {
                font-size:80%;
}
.redcolor {
                color:#cc0001;
}
.redborder {
                border: 2px solid #cc0001;
}
.modifylink {
                padding-right:5px;
}
.floatRight {
                float:right
}
.floatLeft {
                float:left;
               
}

.floatLeftReportTheft {
                float:left;
                 
               
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .floatLeftReportTheft {
       
            float:left;
            width:50px;
              
}}
@media screen and (-webkit-min-device-pixel-ratio:0) { .Width60pxinChrome {
       
            float:left;
            width:60px;
              
}}

.recentBillCalloutArrow
{
    left: 290px;
     top: 45px;
      float: right;
      display: block;
       position: absolute;
    }
.lightGraytopborder {
                border-top:solid 1px #cccccc;
}
.cBoth {
                clear:both;
}
.brNone	{
		border-bottom:none;
}
.spacer {
                float: left;
                height: 32px;
                position: relative;
                left: 240px;
                top: 20px;
                width: 740px;
                background-color: #e5e5e5;
                overflow: hidden;
                margin-bottom:30px;
}
.sectionDivider {
                border-right:solid 1px #cccccc;
                margin:0px 10px 0px 10px;
                height:4px;
}
.whitespacer {
                height:10px;
}

.whitespacerStateHub {
                height:10px;
                *height:0px;
}
.whitespacer10pxsign {
                height:10px;
}
.whitespacer10pxsign div.chrome_hack {
                padding-left:5px;
               }
.whitespacer5px {
                height:5px;
}
.whitespacer8px {
                height:8px;
}
.whitespacer9px {
                height:9px;
                *height:10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .whitespacer9px {
        height:10px;         
}}



.heightPaymentAssistance{
    margin-top:3px;
    *margin-top:-12px;
    }

.heightPaymentAssistanceResultsDisplay{
    margin-top:0px;
    *margin-top:-16px;
    }    
    
.whitespacerfooter
{
    *height:10px;

}
.whitespacer20px {
                height:18px;
}

.whitespacer50px {
                height:85px;
}

* html .whitespacer {
                margin-top:-5px;
}
.whitespacer25px {
                height:25px;
}

.whitespacerForCustomerSupport{
  height:31px;  
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .whitespacerForCustomerSupport {
              height:28px;
}}


.whitespacerForHeader {
                height:31px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .whitespacerForHeader {
              height:30px;
}}

.whitespacer100px {
                height:100px;
}
.dottedUnderline {
                border-bottom:dotted 1px #000000;
}
.padding3px
{
    padding:3px;
}
.padding3px div.chrome_hack
{
    padding:3px;
}
.linkUnderline {
                border-bottom:solid 1px #000000;
}
.marginLeft-6px {
                margin-left:-6px;
}
.marginLeft-40px {
                margin-left:-40px;
}
.marginTop63px {
                margin-top:92px\9;
                *margin-top:95px;
                 
}
.marginTop-85px {
                margin-top:-85px\9;
                *margin-top:0px;
}


.marginTop-85ForEE {
    *padding-top:45px;
    margin-top:-45px;
    
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .marginTop-85ForEE {
          margin-top:0px;
}}


@-moz-document url-prefix() {
.marginTop-85ForEE {
padding-top:45px;
}
}

.paddingLeft-5px {
                margin-left:-5px;
}
.paddingLeft-4px {
                margin-left:-4px;
}
.paddingLeft-7px {
                margin-left:-6px;
}
.paddingLeft-2px {
                padding-left:2px;
}
.paddingLeftminus2px {
                margin-left:-2px;
}
.paddingLeft-10px {
                margin-left:-10px;
}
.paddingLeft-8px {
                margin-left:-8px;
}
.paddingLeftie6-5px {
                margin-left:-5px;
}
.paddingTop-5px {
                margin-top:-5px;
            
}
.paddingTop-15px {
                margin-top:-15px;
            
}
.paddingTop-2px {
                margin-top:-2px;
            
}
.paddingBottom5px 
{
    padding-bottom:10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .paddingBottom5px {
                padding-bottom:23px;
}}
.paddingLeft5px {
                padding-left:5px;
}
.paddingLeft2px {
                padding-left:2px;
}
.paddingLeft3px {
                padding-left:3px;
}
.paddingTop3px {
                padding-top:3px;
}
.paddingTop5px {
                padding-top:5px;
}
.paddingTop10px {
                padding-top:10px;
}
.paddingTop15px {
                padding-top:15px;
}
.paddingTop30px {
                padding-top:30px;
}
.paddingLeft8px {
                padding-left:8px;
}

.paddingLeft10px {
                padding-left:10px;
}

.paddingLeft11px {
                padding-left:11px;
}

.newPaddingLeft10px
{
                  padding-left:10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .newPaddingLeft10px {
                             padding-left:8px;
}}


.paddingLeft12px {
                padding-left:12px;
}
.paddingLeft13px {
                padding-left:13px;
}
.marginLeft-11px {
                margin-left:-8px;
}

.paddingLeft15px {
                padding-left:15px;
}
.paddingLeft20px {
                padding-left:20px;
 }
.paddingLeft27px {
                margin-left:28px;
}
.paddingLeft25px {
                margin-left:25px;
}
.paddingLeft30px {
                padding-left:30px;
}
.paddingLeft33px {
                padding-left:33px;
}

.paddingLeft35px {
                padding-left:35px;
        
}
.paddingLeft40px {
                padding-left:40px;
}
.paddingLeft45px {
                padding-left:43px;
}
.paddingLeft45px div.chrome_hack{
                padding-left:43px;
}
.paddingLeft50px {
                padding-left:50px;
}
.paddingLeft60px {
                padding-left:60px;
}
.paddingLeft80px {
                padding-left:80px;
}
.paddingLeft100px {
                padding-left:100px;
}
.paddingLeft130px {
                padding-left:130px;
}
.paddingLeft110px {
                padding-left:110px;
}
.paddingLeft160px {
                padding-left:160px;
}
.paddingRight10px {
                padding-right:10px;
}
.paddingRight20px {
                padding-right:20px;
}

.paddingRight25px {
                padding-right:25px;
}

.marginTop10px {
                margin-top:10px;
}

.marginTop-2px {
                margin-top:-2px;
}
.marginTop-4px {
                margin-top:-3px;
         
}
.marginTop2px {
                margin-top:2px;
}
.marginTop-25px {
                margin-top:-25px;
}
.marginTop-20px {
                margin-top:-17px;
}

.marginTop-5px {
                margin-top:-5px;
}

.marginTopForFlyout-3px {
                margin-top:0px;
                *margin-top:0px;
}

.marginTopStateHub10px {
                margin-top:-1px;
                *margin-top:-1px;
}

.marginBottomStateHub10px {
                margin-bottom:10px;
                *margin-bottom:0px;                
}

@media screen and (-webkit-min-device-pixel-ratio:0) { .marginTopStateHub10px {
           margin-top:-2px;
}}

.marginTop-chrpx div.chrome_hack {
                margin-top:-5px;
                border:solid red 1px;
}
*:first-child+html .marginTopie7-18px {margin-top: -18px;}

.marginTop-4pxForManageServices{
    margin-top:-4px;
   }
   
@media screen and (-webkit-min-device-pixel-ratio:0) { .marginTop-4pxForManageServices {
           margin-top:-5px;
}}

.marginTop-10px {
                margin-top:-10px;
*margin-top:-10px;
}
.marginTop-15px {
                margin-top:-5px;
}
.marginLeft-10px {
                margin-left:-10px;
}
.marginLeft-10px {
                margin-left:-12px;
}
.marginLeft-15px{
                margin-left:-15px;
                border:solid red 1px;
}
.marginLeft20px {
                margin-left:-20px;
}
.marginLeft30px {
                margin-left:-30px;
}
.marginRight50px {
                margin-right:50px;
}
.marginRight-75px {
                margin-right:-75px;
}
.marginTop-18px {
                margin-top:-18px;
}


.marginRight-18px {
                margin-right:-18px;
}
.marginLeft-15px {
                margin-left:-14px;
}

.marginLeftplus30px {
                margin-left:30px;
}
.marginLeftplus7px {
                margin-left:7px;
}
.marginLeftminus7px {
                margin-left:-7px;
}
.width100px {
                width:100px;
}
.width150px {
                width:100px;
}
.width130px {
                width:130px;
}
.width310px 
{
    width:310px !important;
}
.width145px 
{
    width:145px !important;
}
.width10px
{
    width:10px;
   }
*:first-child+html .width10px
{
    margin-top:-5px;
   }
.vCenter {
                text-align:center
}
.passwordlenght{
margin-left:180px; 
margin-top:-12px;
}
/*//////////////////////////// Start Resoulation Width section ///////////////////////////////////////////*/

.low-width #pageContainer {
                width:980px;
}
.low-width #messagepreview {
                margin-left:-20px;
}
.low-width #header-container .wrapper {
                padding-right: 20px;
                padding-left: 20px;
}
.low-width #content-top {
                width:980px;
}
.low-width #content {
                padding-right: 20px;
                padding-left: 20px;
}

.low-width .GasSafety {
                background: url(../images/natural-gas-safety.jpg) 2px top no-repeat;
}
.low-width #hero-holder, #hero-image div {
                left:-10;
}

.low-width .alertMessage   
{
    margin-left:20px
}

.low-width .cropBanner {
                margin-left:20px;
}
.low-width .tools ul {
                right: 80px;
}
.low-width .page-tools {
                right:88px;
}
.low-width .page-tool {
                left:705px;
}
.low-width .spacer {
                width: 730px;
}
.low-width #footer {
                width:900px;
*width:940px;
}
.low-width #footer .inner {
                width:940px;
                left:-15px;
}
.low-width #footer .inner .row-1 .last .wrapper {
                width:180px;
}
.low-width #footer .inner .row-1 .last {
                padding:0;
}
.low-width #footer-top {
                margin:0;
                padding:0;
                width:100%;
}
.low-width #fancybox-close {
                right: 13px;
}
/*//////////////////////////// End Resoulation Width section ///////////////////////////////////////////*/
.tooltiperror {
                color: #cc0001;
}
.callout {
                position: absolute;
    top:0px;
    left:0px;
    display:block;
    visibility:hidden;

                padding: 20px;
                color: white;
                width: 205px;
                border:solid #e7e7e7 1px;
                color:#000000;
                background-color:#ffffff;
 font-weight:normal;               
}

.calloutsignin {
    position: absolute;
    top:0px;
    left:0px;
    display:block;
    visibility:hidden;
    padding: 20px;
    color: white;
    width: 205px;
    border:solid #e7e7e7 1px;
    color:#000000;
    background-color:#ffffff;
 font-weight:normal;               
}


.modifyGroup {
                display: block;
}
.modifyGroup .column-1 {
                display: inline;
                float: left;
                margin-right: 10px;
                width: 160px;
                padding: 15px 0px 0px 10px;
                font-weight:bold;
                border:none;
}
.modifyGroup .column-2 {
                display: inline;
                float: left;
                width: 150px;
                padding-top: 15px;
}
.modifyGroup .column-3 {
                display: inline;
                float: left;
                width: 60px;
                padding-top: 15px;
}
.modifyGroup .column-4 {
                display: inline;
                float: right;
                width: 250px;
                padding: 15px 5px 0px 0px;
}
.modalBackground {
                background-color: Gray;
                filter: alpha(opacity=70);
                opacity: 0.7;
}
.meterpopupbgcolor {
                width:540px;
                background-color:#f2f2f2!important;
}
.popupclosebutton {
                width:20px;
                height:20px;
                margin-left:530px;
}
.calloutarrow {
                left: 46px;
                float: right;
                display: block;
                position: relative;
}
.orangetxtpaginatorlnk {
                color:#ff7800!important;
}
/*For calendar*/

.calenderDisplay {
                z-index:2999;
                display:inline;
}
.hide {
                display: none;
}

/*object {
                display:none;
}*/

.width325px {
                width:325px;
}
.txtalignRight {
                text-align:right;
}
.addpaymntpopupwidth560px {
                width:380px;
                background-color:#ffffff;
}
.calendardisplay {
                position: relative;
                display: block;
                z-index: 100;
}

 .firstcalendar
{
   text-align:center; 
   margin-right:4px;
   text-indent:10px
   
}
 .secondcalendar
{
   text-align:center; 
   margin-right:3px;
   text-indent:20px;   
}
/* Start of Password strength */   
      .barIndicatorBorder {
                border:solid 1px #c0c0c0;
                width:100px;
}
.barIndicator_poor {
                background-color:Red;
                margin-left:32px;
}
.barIndicator_weak {
                background-color:Red;
                margin-left:32px;
}
.barIndicator_moderate {
                background-color:Orange;
                margin-left:32px;
}
.barIndicator_strong {
                background-color:Green;
                margin-left:32px;
}
.TextIndicator_TextBox1 {
                color:black;
                font-family:Arial;
                font-size:x-small;
                padding: 28px 3px 0px 32px;
                font-weight:bold;
}
.BarIndicator_TextBox2 {
                color:Blue;
                background-color:Blue;
                padding-bottom:1px;
}
.BarBorder_TextBox2 {
                border-style:solid;
                border-width:1px;
                width:120px;
                height:10px;
                vertical-align:middle;
                margin-left:32px;
}

   .MarginTop15px 
    { margin-top:15px;
       
 }
 
  .EEColumnHeightNYnNH 
    {         
        *height:370px;       
    }
    
    .EEColumnHeightOther
    {         
        *height:397px;       
    }
 
 @media screen and (-webkit-min-device-pixel-ratio:0) { .EEColumnHeightNYnNH {
                             height:345px;
}}

@media screen and (-webkit-min-device-pixel-ratio:0) { .EEColumnHeightOther {
                             height:370px;
}}
 
 @media screen and (-webkit-min-device-pixel-ratio:0) { .MarginTop15px {
               margin-top:15px;
}}


    /* End of Password strength */
    
    
    .testtable
    {
        border:1px solid Gray;
        
        }


.signInonBannerImage
{
    background-color:#F2F2F2;
    height:269px;
    margin-top:9px;
    width:269px;
    padding-left:30px;
    padding-top:20px;
    }


@media screen and (-webkit-min-device-pixel-ratio:0) { .signInonBannerImage {
               background-color: #F2F2F2;
               height: 262px;
               margin-top: 23px;
               width: 269px;
               padding-left: 30px;
               padding-top: 12px;
}}



.heightForStormLinksHeader
{
    margin-top:15px;
    *margin-top:15px;
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0) { .heightForStormLinksHeader {
               margin-top:15px;
}}


@-moz-document url-prefix() {
.heightForStormLinksHeader {
 margin-top:15px;
}
}

.alignmentReportGasEmergencyRI
{
    margin-right:-18px;
    *margin-right:-18px;
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0) { .alignmentReportGasEmergencyRI {
               margin-right:-15px;
}}


@-moz-document url-prefix() {
.alignmentReportGasEmergencyRI {
 margin-right:-15px;
}
}

.alignmentReportGasEmergencyNY
{
    margin-right:-15px;
    *margin-right:-11px;
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0) { .alignmentReportGasEmergencyNY {
               margin-right:-11px;
}}


@-moz-document url-prefix() {
.alignmentReportGasEmergencyNY {
 margin-right:-11px;
}
}

.alignmentReportGasEmergencyMA
{
    margin-right:-25px;
    *margin-right:-22px;
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0) { .alignmentReportGasEmergencyMA {
               margin-right:-22px;
}}


@-moz-document url-prefix() {
.alignmentReportGasEmergencyMA {
 margin-right:-22px;
}
}



.linksForIE7SignInBanner
{
    *width:150px;
    }
    
     @media screen and (-webkit-min-device-pixel-ratio:0) { .linksForIE7SignInBanner {
               
}}
    
    .forIE7line
    {
        *margin-bottom:-20px;
        }
        .whitesapcerforChromeSignIn
        {
            height:6px;
            }
            
             @media screen and (-webkit-min-device-pixel-ratio:0) { .whitesapcerforChromeSignIn {
               height:10px;
}}

@-moz-document url-prefix() {
.whitesapcerforChromeSignIn {
         height:5px;
}
}

.whitespacerVaried
{
     height:10px;
    }
    
 @media screen and (-webkit-min-device-pixel-ratio:0) { .whitespacerVaried {
               height:8px;
}}
    .fourcoloumlayout .column-2 {    
    margin-top: -35px !important;
    
}
.fourcoloumlayout .column-1 {    
    margin-top: 30px !important;   
}
.b2bthreecoloumlayout .column-1, .b2bthreecoloumlayout .column-2 {
    margin-top: 35px;
}
    .popupHover {
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#cccccc;
	color:White ;	
	font-size: 1.4em;	
	font-family: Arial;
}
 .modalBackground12
    {
        background-color:#cccccc;       
    }

#companylist {
	padding:3px 5px 3px 3px;
	font-size: 16px;
	height:24px;
	width:250px;
	border: 1px solid #888;
	margin: 10px 0;
	color:#000;
	background:#FFF;
}