/*
styles.css

Contains all general CSS for the site.

This stylesheet should always be linked _first_.

*/		

html, body {
	margin: 0;
	padding: 0;
	background-color: #f0f0f0;
}

html, body, td, li, select, input, textarea {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	color: #666666;
}

a {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	color: #1a72e2;
	text-decoration: none;
	outline: none;
}

	a:hover {
		text-decoration: underline !important;
	}
	
	a img {
		border: none;
	}
	
	a.cta-icon
	, a.link-button
	, a.expand
	, a.collapse
	, .expand a.icon
	, .collapse a.icon {
		font-size: 13px;
		padding-left: 18px;
		height: 19px;
		display: table-cell;
	}

	a.cta-icon {
		background: transparent url(../images/button_arrow_off.png) no-repeat;
	}

	a.link-button {
		height: 18px;
		line-height: 18px;
		background: transparent url(../images/button_arrow_off.png) no-repeat 0 1px;
	}

	a.expand, .expand a.icon {
		height: 18px;
		line-height: 18px;
		background: transparent url(../images/button_expand_off.png) no-repeat 0 1px;
	}

	a.collapse, .collapse a.icon {
		height: 18px;
		line-height: 18px;
		background: transparent url(../images/button_collapse_off.png) no-repeat 0 1px;
	}
	
	.collapsible-panel-container a.expand:hover
	, .collapsible-panel-container a.collapse:hover {
		text-decoration: none !important;
	}

	.collapsible-panel-container a.expand span
	, .collapsible-panel-container a.collapse span
	, .collapsible-panel-container .expand span
	, .collapsible-panel-container .collapse span
	 {
		color: #666666;
		font-size: 11px;
		font-weight: bold;
		position: absolute;
		right: 35px;
		cursor: pointer;
	}

	.collapsible-panel-container a.collapse {
		color: #666666;
	}
	
	a.edit-link {
		font-size: 11px;
	}

p {
	margin-bottom: .8em;
}

    p.help_text {margin-top: 0 !important;}

sup {font-size: 50%;}

/* table.layout is used for providing layout structures */
table.layout {
	border: none;
	border-collapse: collapse;
}

	table.layout td.layout {
		vertical-align: top;
		padding: 0px;
	}
	
table.grid tr.alt {
	background-color: #f1f5f9;
}

table.grid td
, table.grid th {
	padding-top: 3px;
	padding-bottom: 3px;
}

table.grid td {
	padding-right: 5px;
}

th {
	font-weight: bold;
}

	th.left {
		padding-right: 1em;
	}

label {
	font-size: 11px;
	font-weight: bold;
	color: #474747;
}

	label.top {
		display: block;
		margin: 4px 0 2px 0;
	}
	
	label.secure {
		background: transparent url(../images/icon_secure.gif) no-repeat 100% 0;
	}

	label.check-box {
		margin: 0 0 0 5px;
		font-weight: normal;
		color: #666666;
	}
	
h1 {
    font-size: 20px;
    margin: 10px 0 6px 0;
}

	body.residential h1 {
		color: #198B75;
	}
	
	body.business h1 {
		color: #00539c;
	}
	
	

h2 {
	font-size: 18px;
}

	h2.sifr-interstate { /* i.e. section headings (Account Sign-In, Quick Links, etc) - using sIFR */
		font-size: 18px;
		font-weight: normal;
		padding: 9px 0 3px 0;
		color: #535c5c;
	}

	h2.signin {
		padding: 0;
	}

h3 {
	font-size: 14px;
	font-weight: normal;
	color: #5f7973;
	margin: 6px 0 5px 0;
}

	h3.signin {
		color: #363739;
		margin: 2px 0 0 0;
	}
	
h4 {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin-bottom: 1em;
}

	h4 span {
		font-weight: normal;
	}

	h4.secure {
		background: transparent url(../images/icon_secure.gif) no-repeat 100% 0;
	}
	
	h4.form { color: #474747; }

ul.v-linklist
, ul.v-linklist-small {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
		
	ul.v-linklist li 
	, ul.v-linklist-small li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

		ul.v-linklist li a {
			font-size: 13px;
		}

		ul.v-linklist-small li a {
			font-size: 11px;
		}

ul li {
	list-style-type: square;
	margin-left: 1.25em;
}

ul li.spaced {
	margin-top: 1em;
}

ul.radio-btn-list li
, ul.text-box-list li {
	margin: 4px 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 1px 0 0 0;
}

.right-align-form .form-field {
    float: right;
}

.form-field span.error-icon { padding-left: 10px; }

.error .form-field span.error-icon {  
	background: transparent url(../images/icon_form_error.gif) no-repeat 5px 0;
}

.field-row p.info { padding: 0 8px }

p.nav-links {margin-top: 0.5em;}

input.img-button
, input.img-button-right {
	vertical-align: top;
}

input.img-button-right {
	margin-left: 6px;
}

input.text-box {
	padding: .2em 0;
	/* border: 1px solid #e2ebf2; */
	vertical-align: middle;
}

input.check-box {
	vertical-align: middle;
}

input.radio-btn {
	vertical-align: text-bottom;
	margin: .1em 0;
}

select {
	vertical-align: middle;
	height: 1.9em;
}

div.HrDots {
	height: 3px;
	margin: 5px 0;
	overflow: hidden;
	background: transparent url(../images/horiz_dots_welcome.gif) repeat-x;
}

strong {
	font-weight: bold;
}

#bannerActions .search input.img-button-right {
	margin-left: 3px;
}

#bannerActions img.divider {
	background-color: #686868;
	width: 2px;
	height: 14px;
	vertical-align: middle;
}

/* =pageContainer
------------------------------------------------- */
#pageContainer {
	position: relative;
	width: 875px;
	margin: 0 auto;
	background-color: #ffffff;
}

/* =pageBanner
------------------------------------------------- */
#pageBanner {
	position: relative;
	height: 117px;
	background-color: #ffffff;
}

	#pageBanner #bannerLogo {
		position: absolute;
		left: 18px;
		bottom: 17px;
	}

	#pageBanner #bannerActions {
		white-space: nowrap;
		float: right;
		padding-top: 11px;
		padding-right: 18px;
	}

		#pageBanner #bannerActions * {
			font-size: 12px;
			color: #686868;
			vertical-align: middle;
		}
		
		#pageBanner #bannerActions label {
			margin-right: 10px;
			font-weight: normal;
		}

		#pageBanner #bannerActions span.search {
			margin-top: 2px;
			display: block;
		}

		#pageBanner #bannerActions input.text-box {
			width: 6.5em;
		}

		
.home #pageBanner {
	height: 66px;
	padding: 6px 5px 14px 18px;
}

	.home #pageBanner #bannerLogo {
		bottom: 18px;
	}

	.home #pageBanner #bannerActions {
		float: right;
		padding: 0;
		margin-top: 0;
	}

		.home #pageBanner #bannerActions input.text-box {
			width: 7em;
		}

/* =pageBody
------------------------------------------------- */
#pageBody {
	position: relative;
	/*background-color: #ffffff;*/
	padding: 1px 0;
	min-height: 650px; /* NOTE: this needs to also be set as "height" in styles_ie_pre7.css */
}

.page-hdr-container {
	padding: 0 16px;
}

#content {
	width: 617px;
	min-height: 319px; /* NOTE: this needs to also be set as "height" in styles_ie_pre7.css */
	position: relative;
	padding-top: 3px;
}

#content .container {
	padding: 0 16px;
}

#content .container-padright {
	padding-right: 16px;
}


/* = Home Page overrides NOTE: This may be better served
by placing in home page.
------------------------------------------------- */
	.home #pageBody {
		/* This is main image on the home page */
		background: #ffffff url(../images/home_main_1.jpg) no-repeat;
	}

	.home #content {
		padding-top: 140px;
		padding-left: 0;
	}

	.home #homeTabContent {
		margin-left: 9px;
		min-height: 319px; /* NOTE: this needs to also be set as "height" in styles_ie_pre7.css */
		border: none;
		position: relative;
	}

		.home #homeTabContent .tabContent {
			position: relative;
			padding: 18px 10px 1px 60px;
		}

		.home #homeTabContent .tabContent .top {
			position: relative;
			margin-right: 15px;
			padding-bottom: 5px;
			min-height: 178px; /* NOTE: this needs to also be set as "height" in styles_ie_pre7.css */
		}
		
		.home #homeTabContent .tabContent .top .image {
			position: absolute;
			left: 7px;
			top: 7px;
			width: 113px;
			margin: 0;
		}

		.home #homeTabContent .tabContent .top .content {
			margin-left: 139px;
		}

		.home #homeTabContent .tabContent .top h1 {
			margin: 0 80px 0 3px;
			font-size: 25px;
			font-weight: normal;
			color: #5f7973;
			line-height: 28px;
		}

		.home #homeTabContent .tabContent .top p {
			margin: 5px 80px 12px 3px;
			font-size: 12px;
			color: #656565;
		}
		
		.home #homeTabContent .tabContent .top .v-linklist li {
			float: left;
			clear: both;
			height: 19px;
			padding-left: 21px;
			background: transparent url(../images/home_tab_link_left_bg_off.gif) no-repeat;
		}

			.home .welcome #homeTabContent .tabContent .top .ctalist li:hover
			, .home .welcome #homeTabContent .tabContent .top .ctalist li:active {
				background: transparent url(../images/home_tab_link_business_left_bg_on.gif) no-repeat;
			}

			.home .residential #homeTabContent .tabContent .top .ctalist li:hover
			, .home .residential #homeTabContent .tabContent .top .ctalist li:active {
				background: transparent url(../images/home_tab_link_residential_left_bg_on.gif) no-repeat;
			}

			.home .business #homeTabContent .tabContent .top .ctalist li:hover
			, .home .business #homeTabContent .tabContent .top .ctalist li:active {
				background: transparent url(../images/home_tab_link_business_left_bg_on.gif) no-repeat;
			}

			.home #homeTabContent .tabContent .top .ctalist li a {
				float: left;
				display: block;
				padding-right: 10px;
				height: 19px;
				line-height: 19px;
				white-space: nowrap !important;
			}

			.home #homeTabContent .tabContent .top .ctalist li a:hover
			, .home #homeTabContent .tabContent .top .ctalist li:hover a {
				text-decoration: none !important;
				font-weight: bold;
			}

				.home .welcome #homeTabContent .tabContent .top .ctalist li a:hover
				, .home .welcome #homeTabContent .tabContent .top .ctalist li:hover a {
					background: transparent url(../images/home_tab_link_business_right_bg_on.gif) no-repeat right top;
				}

				.home .residential #homeTabContent .tabContent .top .ctalist li a:hover
				, .home .residential #homeTabContent .tabContent .top .ctalist li:hover a {
					background: transparent url(../images/home_tab_link_residential_right_bg_on.gif) no-repeat right top;
				}

				.home .business #homeTabContent .tabContent .top .ctalist li a:hover
				, .home .business #homeTabContent .tabContent .top .ctalist li:hover a {
					background: transparent url(../images/home_tab_link_business_right_bg_on.gif) no-repeat right top;
				}

			.home .tabContent div.HrDots {
				margin-right: 35px;
			}
			

	.home #homeTabBottom {
		margin-left: 9px;
		background: transparent url(../images/home_tab_welcome_bottom_bg.gif) no-repeat;
		height: 37px;
	}

	/* context-specific style overrides (based on selected tab) */
	.home .welcome #homeTabContent {
		background: transparent url(../images/home_tab_welcome_content_bg.gif) repeat-y;
	}

	.home .residential #homeTabContent {
		background: transparent url(../images/home_tab_residential_content_bg.gif) repeat-y;
	}

	.home .business #homeTabContent {
		background: transparent url(../images/home_tab_business_content_bg.gif) repeat-y;
	}

	.home .welcome #homeTabBottom {
		background: transparent url(../images/home_tab_welcome_bottom_bg.gif) no-repeat;
	}

	.home .residential #homeTabBottom {
		background: transparent url(../images/home_tab_residential_bottom_bg.gif) no-repeat;
	}

	.home .business #homeTabBottom {
		background: transparent url(../images/home_tab_business_bottom_bg.gif) no-repeat;
	}

	.home #quicklinks {
		padding: 1px 15px 15px 15px;
		background: #e8edf1 url(../images/home_quicklinks_bg.gif) no-repeat left bottom;
		min-height: 295px; /* NOTE: this needs to also be set as "height" in styles_ie_pre7.css */
	}

.welcome div.HrDots {
	background: transparent url(../images/horiz_dots_welcome.gif) repeat-x;
}

/* = Residential Internal Pages
------------------------------------------------- */

body.residential div.HrDots {
	background: transparent url(../images/horiz_dots_residential.gif) repeat-x;
}

body.residential .promo .ctalist li a:hover,
body.residential .promo .ctalist li:hover a {
	background: transparent url(../images/home_tab_link_residential_right_bg_on.gif) no-repeat right top;
}

body.residential #plansAndServices
, body.residential #planDetails {
    background: transparent url(../images/res_plans_and_services_main.jpg) no-repeat;
    color: white;
    height: 263px;
    width: 585px;
    padding-bottom: 12px;
}

body.residential #plansAndServices .tout {
    position: relative;
    top: 35px;
    left: 36px;
    width: 397px;
}
body.residential .main-promo-top {
    background: transparent url(../images/main_promo_top_residential.png) no-repeat;
    height: 10px;
    width: 397px;
    overflow: hidden;
}
body.residential .main-promo-bottom {
    background: transparent url(../images/main_promo_bottom_residential.png) no-repeat;
    height: 11px;
    width: 397px;
    overflow: hidden;
}
body.residential #plansAndServices .tout .hd {
    background: transparent url(../images/main_promo_hd_bg_residential.png);
    width: 359px;
    padding: 0 19px 5px 19px;
}
body.residential #plansAndServices .tout .bd {
    background: transparent url(../images/main_promo_bd_bg_residential.png);
    width: 359px;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 19px;
}
body.residential #plansAndServices .tout .bd p {
    margin: 0 0 3px 0;
}
body.residential #plansAndServices .tout .ft {
    background: transparent url(../images/main_promo_bd_bg_residential.png);
    width: 375px;
    height: 32px;
	padding: 0 11px;
}
body.residential #plansAndServices li {color: white;}
body.residential #plansAndServices .hd h2 {
    font-size: 26px;
}
body.residential #plansAndServices .hd p {
    font-size: 17px;
    margin-bottom: 0;
}

body.business div.HrDots {
	background: transparent url(../images/horiz_dots_business.gif) repeat-x;
}

.note 
, .info-bar {
    font-size: 14px;
    margin: 15px 0;
    padding: 12px 50px 12px 10px;
}
	.note p 
	, .info-bar p {
		margin: 0;
	}
	
	.info-bar p {
		color: #5f7973;
	}
	
	.note a {
		font-size: 14px;
	}

	body.residential .note
	, body.residential .info-bar {
		background: transparent url(../images/res_gradient.gif) repeat-y;
	}

body.residential #planDetails {
    background-image: url(../images/res_plan_detail_main.jpg);
    height: 118px;
}
    body.residential #planDetails .small-promo-top {
        background: transparent url(../images/small_promo_top_bg_residential.png) no-repeat;
        height: 10px;
        overflow: hidden;
    }

    body.residential #planDetails .small-promo-body {
        background: transparent url(../images/small_promo_bd_bg_residential.png) repeat-y;
        padding: 0 10px 0 22px;
    }

    body.residential #planDetails .small-promo-body p {font-size: 14px;}

    body.residential #planDetails .small-promo-bottom {
        background: transparent url(../images/small_promo_bottom_bg_residential.png) no-repeat;
        height: 13px;
        overflow: hidden;
    }

        body.residential #planDetails .tout {
            position: relative;
            top: 15px;
            left: 340px;
            width: 227px;
        }

    .plan-details h4 {margin-bottom: 0;}

    div.wide-promo {width: 380px; float: left;}

    .plan-details .promo-box {float: right;}

#customerInfo {position: relative; padding-bottom: 20px;}

    #customerInfo .tab-set .tab-content-container {min-height: 50px;}

    #customerInfo div.ft {text-align: center;}
    
    #customerInfo p.center-link {margin: 1em auto; width: 115px;}

    #customerInfo table.customer-form {margin-bottom: 1em;}

    table.customer-form td {padding: 3px 6px;}

    table.login-info td {padding-left: 0;}

    #customerInfo .tab-content {
        padding-bottom: 0;
    }

		#customerInfo .tab-content form {
			width: 543px;
			padding-left: 19px;
			margin-left: -19px;
		}

		#customerInfo .tab-content .ft {
			background:  #f1f5f9 url(../images/tab_bottom_bg.gif) repeat-x;
			margin-left: -19px;
			width: 583px;
			padding: 12px 0 5px 0;
		}

			#customerInfo .tab-content .ft p {
				margin-top: 0;
				margin-bottom: 0;
			}

    #customerInfo .tab-set-bottom {
		margin-top: 0;
        background-image: url(../images/tabs_bottom_bg_alt.gif);
    }

#serviceAddressPanel {
    position: absolute;
    top: 50px;
    left: 400px;
    width: 188px;
}

    #serviceAddressPanel .panel-top-corners {
        background-image: url(../images/small_info_top_bg.png);
        height: 7px;
        width: 188px;
    }
    #serviceAddressPanel .panel-bottom-corners {
        background-image: url(../images/small_info_bottom_bg.png);
        height: 7px;
        width: 188px;
    }
    
    #serviceAddressPanel .panel-top
    , #serviceAddressPanel .panel-body {
        background-color: #f1f5f9;
    }

		#serviceAddressPanel a.collapse { color: #1a72e2 }

		#serviceAddressPanel .panel-body {
			padding: 1px 15px;
		}

		#serviceAddressPanel .panel-body p {
			padding-left: 10px;
			margin-top: 0;
		}

/* = Rounded Link boxes
------------------------------------------------- */
.linkbox {
    background: #f1f5f9 url(../images/linkbox_middle.gif) repeat-y;
    width: 181px;
    padding-left: 10px;
}

.linkbox-top {
    background: #f1f5f9 url(../images/linkbox_top.gif) no-repeat;
    height: 6px;
    width: 191px;
    overflow: hidden;
}
.linkbox-bottom {
    background: #f1f5f9 url(../images/linkbox_bottom.gif) no-repeat;
    height: 6px;
    width: 191px;  
    overflow: hidden;
}

.linkbox ul.v-linklist {
	padding: 11px 0 8px 0;
}

	.linkbox ul li {
		min-height: 16px; /* NOTE: this needs to also be set as "height" in styles_ie_pre7.css */
		width: 150px;
		padding-left: 20px;
		margin-bottom: 3px;
		background: transparent url(../images/button_arrow_off.png) 0 0 no-repeat;
	}

	.linkbox ul li a {
		line-height: 16px;
	}

/* = Signin form
------------------------------------------------- */
.signin-container {
	width: 238px;
}

	.signin-top-corners {
		background-image: url(../images/signin_top.png);
		background-repeat: no-repeat;
		height: 7px;
		overflow: hidden;
	}

	.signin-top
	, .signin-body {
		padding: 0 15px;
	}

	.signin-top {
		background-color: #dae4ee;
		margin-top: -1px;
	}

		.signin-top .icon-secure {
			vertical-align: bottom;
			float:left; 
			padding-top: 1px;
			padding-right: 6px;
		}

	.signin-body {
		padding: 5px 15px;
		background-color: #f1f5f9;
	}
	
		.signin-body label.top a.label-link {
			font-weight: normal;
		}

		.signin-body a.sign-out {
			float: right;
			padding-top: .5em;
		}

	.signin-body p .register {
		color: #2e2e2e;
	}

	.signin-body input.text-box {
		width: 170px;
	}

	.signin-bottom {
		padding: 0 15px;
		background-color: #f1f5f9;
	}

	.signin-bottom-corners {
		background-image: url(../images/signin_bottom.png);
		background-repeat: no-repeat;
		height: 7px;
		overflow: hidden;
	}

	.home .signin-body {
		height: 146px;
		overflow: hidden;
		width: 208px;
	}

	.home .signin-bottom-corners {
		display: none;
	}

.collapsible-signin-container .signin-top-corners {
	background-image: url(../images/signin_top_collapsible.png);
}

.collapsible-signin-container .signin-top {
	background-color: #f1f5f9;
}

.collapsible-signin-container .signin-top a.expand
, .collapsible-signin-container .signin-top a.collapse {
	display: block;
}

.collapsible-signin-container .signin-top a.collapse {
	background: transparent url(../images/button_collapse_lock_off.gif) no-repeat 0 1px;
}

.collapsible-signin-container .signin-body {
	overflow: hidden;
}

.collapsible-signin-container .signin-top
, .collapsible-signin-container .signin-bottom {
	padding-top: 3px;
	padding-bottom: 3px;
}

#signin {
	height: 186px;
	padding: 1px 14px 0 14px;
	background: transparent url(../images/home_signin_bg.png) no-repeat left top;
}

	#signin p {
		color: #2e2e2e;
	}

	#signin input.text-box {
		width: 170px;
	}

/* = Panel/Collapsible Panel
------------------------------------------------- */
.panel-top-corners {
	height: 7px;
	overflow: hidden;
}

.panel-top {
	padding: 0 5px;
	background-color: #dae4ee;
}

.panel-top a.expand
, .panel-top a.collapse {
	display: block;
}

.panel-body {
	padding: 5px 15px;
	background-color: #dae4ee;
}

.panel-bottom {
	padding: 0 15px;
	background-color: #dae4ee;
}

.panel-bottom-corners {
	height: 7px;
	overflow: hidden;
}

/* = Signed-in user's dashboard
------------------------------------------------- */
#user-dashboard {
	height:36px;
	width:875px;
	margin: 3px 0 15px 0;
	background:#e6f3db;
	overflow:hidden;
}

    body.business #user-dashboard {
        background: #DBE7F1;
    }

	#user-dashboard h1 {
		float:left;
		display:inline;
		margin:6px 0 0 15px;
		width: 189px;
		padding:0;
		overflow:hidden;
	}

	#user-dashboard h2 {
		float:left;
		display:inline;
		margin:6px 0 0 15px;
		padding:0;
		font:bold 20px Helvetica, Arial, sans-serif;
		color:#76bf36;
		overflow:hidden;
	}

	#user-dashboard .welcome {
		margin:4px 0 0 15px;
		float:left;
		width:230px;
	}

	#user-dashboard .welcome strong,
	#user-dashboard .acct-info strong {
		margin:0;
		float:left;
		font:bold 12px Helvetica, sans-serif;
		color:#666;
	}

	#user-dashboard .welcome a {
		float:left;
		display:inline;
		margin-left:10px;
	}

	#user-dashboard .welcome p {
		margin:0;
		clear:both;
		float:left;
		width:200px;
	}

	#user-dashboard .acct-info {
		margin:4px 0 0 20px;
		float:left;
		display:inline;
		width:260px;
		overflow:hidden;
	}

	#user-dashboard .acct-info strong {
		margin:0 3px 0 15px;
		float:left;
		display:inline;
		overflow:hidden;
	}

	#user-dashboard .acct-info p {
		margin:1px 0 0;
		float:left;
		overflow:hidden;
	}

	#user-dashboard .acct-info a {
		float:left;
	}

	#user-dashboard .acct-info a.last {
		margin-left:6px;
		padding-left:8px;
		background:url(../images/footer_link_sep.gif) no-repeat 0 3px;
		cursor:pointer;
	}

	#user-dashboard .form {
		margin:0 15px 0 0;
		width:80px;
		float:right;
		display:inline;
		overflow:hidden;
	}

	#user-dashboard input {
		margin:10px 0 0;
		float:left;
	}

	#user-dashboard label {
		float:left;
		margin:10px 0 0 4px;
		font:13px Helvetica, sans-serif;
		color: #1a72e2;
	}

/* = Message / Alerts
------------------------------------------------- */
.message-container {
	margin-bottom: 15px;
}

	.message-container div.message {
		margin-top: 22px;
	}

	.message-container div.message table {
		background-color: #76bf36;
		border: 1px solid #76bf36;
	}

		.message-container .message td.hd {
			padding: 0 15px;
			white-space: nowrap;
			vertical-align: middle;
		}
		
		.message-container .message td.bd {
			padding: 5px 40px;
			width: 515px;
			background-color: #f1f5f9;
			vertical-align: middle;
		}

			.message-container .message td.bd p {
				margin: 0;
			}

		.message-container .message td.ft {
			width: 102px;
			padding-left: 10px;
			vertical-align: middle;
		}
		
			.message-container .message td.ft a {
				display: block;
				height: 19px;
				line-height: 19px;
				padding-left: 22px;
				background: url(../images/message_close.gif) no-repeat;
				font-size: 13px;
				font-weight: bold;
				color: #ffffff;
			}

			.message-container .message td.ft a:hover {
				text-decoration:none !important;
			}

/* = Promos
------------------------------------------------- */
.promosContainer {
	margin-top: 15px;
}

	.promosContainer .promo {
		width: 173px;
		padding-left: 14px;
	}
	
	.promosContainer .promoFirst {
		width: 173px;
	}

	body.home .promosContainer .promo {
		width: auto;
		padding-left: 38px;
	}

	body.home .promosContainer .promoFirst {
		width: auto;
	}

	body.home .promosContainer .promo {
		padding-left: 38px;
	}
	
	.promosContainer .promo-box {
	    padding-left: 10px;
	    padding-top: 6px;
	}

	.promosContainer .promo
	, .promosContainer .promoFirst {
		float: left;
	}

		.promosContainer .promo p
		, .promosContainer .promoFirst p {
			margin: 3px 0 0 0;
			width: 138px;
			line-height: 1.1em;
		}

	body.residential .promosContainer .VtDots {
		height: 150px;
		width: 3px;
		float: left;
		background: transparent url(../images/vert_dots_residential.gif) repeat-y;
	}

.tout {position: relative;}
.tout .button-right {
    float: right;
}

div.demo-menu {
	margin-top: 10px;
}

	div.demo-menu li {
		margin: 4px 0;
	}

/* = Dialog boxes
------------------------------------------------- */
#locationInfoDialog {
	border: none;
}

.dialog-modal {
	visibility: hidden;
}

	.dialog-modal .dialog-top {
		height: 31px;
		overflow: hidden;
		background-image: url(../images/dialog_top.png);
		background-repeat: no-repeat;
	}

		.zipCodeOverlay #locationInfoDialog.dialog-modal .dialog-top {
			height: 31px;
			overflow: hidden;
			background-image: url(../images/dialog_top_overlay.png);
			background-repeat: no-repeat;
		}

		#locationInfoDialog.dialog-modal .address .zipcode-view {
			position: relative;
			background-color: #e7eed1;
		}

			#locationInfoDialog.dialog-modal .address .zipcode-view * {
				color: #d0d6b9 !important;
			}

			#locationInfoDialog.dialog-modal .address .zipcode-view input {
				background-color: #e7eed1 !important;
				border: 1px solid #e4ebcf;
			}

		#locationInfoDialog.dialog-modal .address .zipcode-view .overlay {
			position: absolute;
			width: 100%;
			height: 500px;
			background-image: url(../images/dialog_body_overlay.png);
			opacity: .9;
		}


		#locationInfoDialog.dialog-modal .HrDots {
			margin: 0;
		}

	.dialog-modal form {
		padding-top: 0px;
	}

	.dialog-modal .hd1
	, .dialog-modal .bd1 {
		position: relative;
		background-image: url(../images/dialog_body_bg.png);
		background-repeat: repeat-y;
	}

	.dialog-modal .hd1 .container
	, .dialog-modal .bd1 .container {
		padding: 0 14px;
	}

	.dialog-modal .bd1 .container .section {
		padding: 0 20px 0 40px;
	}

	.dialog-modal .dialog-bottom {
		height: 38px;
		overflow: hidden;
	}

	.dialog-modal p {
		font-size: 12px;
		color: #666666;
	}
	
	.dialog-modal label.top {
		margin-top: 8px;
	}

/* = Wizards
------------------------------------------------- */
div.wizard {
}

	div.wizard h2 {
		font-size: 16px;
		color: #080808;
		font-weight: bold;
	}

	div.wizard div.progress {
		margin-top: 15px;
	}
	
	div.wizard span.req {
		color: #e15f00;
		font-size: 11px;
	}

	div.wizard .error
	, div.wizard .error label
	, div.wizard .error input
	, div.wizard .error select {color: #e15f00;}

	div.wizard h3 span.req {
		float: right;
		padding-top: .3em;
	}
	
	div.wizard form fieldset {
		border: none;
		width: 390px;
		xmargin-top: 15px;
		padding-top: 15px;
		padding-bottom: 20px;
	}

		body.residential div.wizard form fieldset {
			background: transparent url(../images/horiz_dots_residential.gif) repeat-x 0 100%;
		}

		div.wizard form fieldset p {
			font-size: 11px;
			color: #666666;
			margin: 3px 0;
			padding: 0;
		}

		div.wizard form fieldset div.field-row {
			margin: 4px 0;
		}

        div.wizard form fieldset div.subgroup {
            margin-left: 1.5em;
        }

		div.wizard form fieldset div.field-row label {
			margin-right: 5px;
			float: left;
			margin-top: .2em;
		}
		
		div.wizard form fieldset div.field-row .checkbox label,
    		div.wizard form fieldset div.field-row .radio label {
		    float: none;
		    font-weight: normal;
		}

		div.wizard form fieldset div.field-row div.field {
			float: left;
			white-space: nowrap;
		}

		div.wizard form fieldset div.field-row div.field input {
			vertical-align: middle;
		}

		div.wizard form fieldset div.field-row div.field span.value {
			display: block;
			float: left;
			margin-top: .2em;
			color: #666666;
		}
		
		div.wizard form input.img-button {
			margin: 10px 8px;
			float: right;
		}

/* =  weather dashboard
------------------------------------------------- */
.weather-dashboard-container {
	margin-top: 2px;
	width: 585px;
	background: #f1f5f9 url(../images/weather_dashboard_top_bg.gif) no-repeat;
}

.weather-dashboard {
	position: relative;
	padding-bottom: 7px;
	width: 585px;
	background: url(../images/weather_dashboard_bottom_bg.gif) no-repeat 0 100%;
}

	.weather-dashboard .weather h3 strong 
    , .dashboard h3 strong
	, .weather-dashboard .tip h3 strong 
	, .weather-dashboard .cross-sell h3 strong {
		padding: 0;
		margin: 0; !important;
	}

	/* Weather block */

	.weather-dashboard .weather {
		position: relative;
		padding-left: 20px;
		width: 170px;
		float: left;
	}

		.weather-dashboard .weather strong{
			display: block;
			margin: 7px 0 0;
			font-weight: bold;
		}

		.weather-dashboard .weather span {
			display: block;
			width: 170px;
		}

		.weather-dashboard .weather em {
			margin: 0;
			font-weight: bold;
		}

		.weather-dashboard .weather p {
			margin: 15px 0 0;
		}

	/* Energy (tip) block */

	.weather-dashboard .tip {
		position: relative;
		padding-left: 28px;
		width: 170px;
		float: left;
	}

		.weather-dashboard .tip strong {
			display: block;
			margin: 7px 0 0;
			font: bold 14px Helvetica, sans-serif;
		}

		.weather-dashboard .tip p {
			margin: 10px 0 0;
		}

	/*	cross-sell block */

	.weather-dashboard .cross-sell {
		position: relative;
		padding-left: 28px;
		width: 165px;
		float: left;
	}

		.weather-dashboard .cross-sell h4 {
			margin: 0;
			font: 14px Helvetica, sans-serif;
		}

		.weather-dashboard .cross-sell strong{
			display: block;
			margin: 10px 0 0;
			font: bold 11px Helvetica, sans-serif;
		}

		.weather-dashboard .cross-sell strong.first {
			margin-top: 5px;
		}

		.weather-dashboard .cross-sell strong a {
			font-weight: normal;
		}

		.weather-dashboard .cross-sell p {
			margin: 0;
		}

/* = View Bill
------------------------------------------------- */
/*
.view-bill a.expand,
.view-bill a.collapse {
	margin: 4px 0 0 6px;
	float:left;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/button_expand_off.png) no-repeat;
}

.view-bill a.collapse {
	background:url(../images/button_collapse_off.gif) no-repeat;
}
*/

#content.view-bill .container
, #content.bill-history .container {
	padding: 0 14px 0 11px;
}

#content.view-bill form .select {width: 14em;}
#content.view-bill form .select-wide {width: 16em;}

#makePaymentPanel {
	width: 592px;
}

    #makePaymentPanel p.label em {margin-left: 12px;}

	#makePaymentPanel .panel-top-corners {
		background-image: url(../images/payment_top_bg.gif);
		background-repeat: no-repeat;
	}

	#makePaymentPanel .panel-top 
	, #makePaymentPanel .panel-body {
		background-color: #f1f5f9;
	}

	#makePaymentPanel .panel-body .left {
		position: relative;
		padding-left: 10px;
		width: 170px;
		float: left;
	}

	#makePaymentPanel .panel-body .middle {
		position: relative;
		padding-left: 10px;
		width: 180px;
		float: left;
	}

	#makePaymentPanel .panel-body .right {
		position: relative;
		padding-left: 20px;
		width: 155px;
		float: right;
	}

	#makePaymentPanel .panel-bottom-corners {
		background-image: url(../images/payment_bottom_bg.gif);
		background-repeat: no-repeat;
	}

#statementPanel {
	margin-top: 20px;
	width: 592px;
	overflow: hidden;
}

	#statementPanel .panel-top-corners {
		background-image: url(../images/statement_panel_top_bg.gif);
		background-repeat: no-repeat;
	}

	#statementPanel .hd 
	, #statementPanel .bd
	, #statementPanel .ft {
		background-color: #dae4ee;
		padding: 0 7px;
	}

		#statementPanel .hd h3 {
			float:left;
			display:inline;
			color:#5f7973;
			margin: 0;
		}

		#statementPanel .hd .hd-info {
			display: inline;
			float: right;
		}

		#statementPanel .hd .statement-links {
			clear:both;
		}

	#statementPanel .bd {
		padding-top: 1px;
	}
	
	#statementPanel .ft {
		text-align: center;
		padding: 8px 0;
	}

		#statementPanel .ft h3
		, #statementPanel .ft p {
			margin-bottom: 0;
		}

	#statementPanel .HrPanel {
		height: 3px;
		margin: 5px 0;
		overflow: hidden;
		background: transparent url(../images/statement_horiz_sep_bg.gif) repeat-x;
		width: 592px;
		margin-left: -7px;
	}

    #statementPanel #stateacc {margin-right: 12px;}

	#statementPanel .panel-bottom-corners {
		background-image: url(../images/statement_panel_bottom_bg.gif);
		background-repeat: no-repeat;
	}

#billSummaryPanel 
, #currentChargesPanel {
	width: 578px;
	margin-top: 6px;
	overflow: hidden;
}

#currentChargesPanel {
	margin-top: 20px;
}

	#billSummaryPanel .panel-top-corners
	, #currentChargesPanel .panel-top-corners {
		background-image: url(../images/statement_subpanel_top_bg.gif);
		background-repeat: no-repeat;
	}

	#billSummaryPanel .panel-top 
	, #billSummaryPanel .panel-body
	, #currentChargesPanel .panel-top 
	, #currentChargesPanel .panel-body {
		background-color: #f1f5f9;
	}

	#billSummaryPanel .HrPanel
	, #currentChargesPanel .HrPanel {
		height: 3px;
		margin: 5px 0;
		overflow: hidden;
		background: transparent url(../images/currentcharges_horiz_sep_bg.gif) repeat-x;
		width: 578px;
		margin-left: -15px;
	}

	#billSummaryPanel .panel-body .left {
		position: relative;
		padding-left: 10px;
		width: 165px;
		float: left;
	}

	#billSummaryPanel .panel-body .middle {
		position: relative;
		padding-left: 10px;
		width: 165px;
		float: left;
	}

	#billSummaryPanel .panel-body .right {
		position: relative;
		padding-left: 10px;
		width: 175px;
		float: right;
	}

	#billSummaryPanel .panel-bottom-corners
	, #currentChargesPanel .panel-bottom-corners {
		background-image: url(../images/statement_subpanel_bottom_bg.gif);
		background-repeat: no-repeat;
	}

table.location, table.product-services {
    border-collapse: collapse;
}
#currentChargesPanel table th,
#currentChargesPanel table td {
    padding: 2px 8px;
    vertical-align: top;
}
table.product-services .ps-charges {text-align: right;}

.rewards a.label {float: left; height: 2em; margin-right: 5px;}
.analyze-link {
    float: right;
    height: 30px;
    width: 165px;
    clear: right;
    margin-right: 30px;
}
.analyze-link img {float: left; margin-right: 5px;}


/* = Bill History
------------------------------------------------- */

.account-panel {
	margin-bottom: 20px;
	width: 592px;
	overflow: hidden;
}

    p.default-link {height: 16px; padding-right: 10px}
    p.default-link a {float: right;}

	.account-panel .panel-top-corners {
		background-image: url(../images/statement_panel_top_bg.gif);
		background-repeat: no-repeat;
	}
	
	.account-panel .panel-body {padding: 5px 7px;}

    .account-panel .panel-top {
        height: 18px;
        line-height: 18px;
    }
    
		.account-panel .panel-top a.expand
		, .account-panel .panel-top a.collapse {
		    float: left;
		}

		.account-panel .panel-top a.edit-nickname { 
			margin-left: 1.3em; 
			float: left;
		}
			
        .collapsed .panel-top a.edit-nickname {display: none;}

        .account-panel .panel-top span.balance { 
			float: right;
			padding-right: 5px;
		}

	.account-panel .HrPanel {
		height: 3px;
		overflow: hidden;
		background: transparent url(../images/statement_horiz_sep_bg.gif) repeat-x;
		width: 592px;
		margin-bottom: 5px;
		position: relative;
		left: -7px;
	}

	.account-panel .panel-bottom-corners {
		background-image: url(../images/statement_panel_bottom_bg.gif);
		background-repeat: no-repeat;
	}

	.account-panel ul {height: 18px;}

    .account-panel ul li {
    	float: left;
    	display: block;
    }

    .account-panel li.statement-links {margin-left: 0; width: 135px;}
    
    .account-panel .right-align {float: right;}

    .account-panel ul li.billdate {width: 60px;}
    .account-panel ul li.viewprint {width: 90px;}
    .account-panel ul li.total {width: 100px;}
    .account-panel ul li.balance {width:100px;}

.account-details {
    margin-bottom: 8px;
    width: 578px;
}

	.account-details .panel-top-corners {
		background-image: url(../images/statement_subpanel_top_bg.gif);
		background-repeat: no-repeat;
	}

	.account-details .panel-top 
	, .account-details .panel-body {
		background-color: #f1f5f9;
	    width: 568px;
		overflow: hidden;
	}

	.account-details .panel-body {
		padding: 5px;
	}

	.account-details .HrPanel {
		background: transparent url(../images/currentcharges_horiz_sep_bg.gif) repeat-x;
	    width: 578px;
	    left: -5px;
	}

    .account-details ul.bill-info li.first {margin-left: 0; width: 130px;}

	.account-details .panel-bottom-corners {
		background-image: url(../images/statement_subpanel_bottom_bg.gif);
		background-repeat: no-repeat;
	}

    .account-details table {
        border-collapse: collapse;
    }
    .account-details table th,
    .account-details table td {
        padding: 2px 8px;
        vertical-align: bottom;
    }

    .account-details td.meter {padding-left: 15px;}
    
    img.meter-info { 
		vertical-align: top; 
		cursor: pointer;
	}
    
    #meter-tooltip .bd {
		background-color: #0fc4e8;
		padding: .7em 1.4em;
		color: #ffffff;
		font-weight: bold;
		border: none;
		line-height: 1em;
		top: -10px;
    }

    #meter-tooltip .yui-tt-shadow {
		display: none;
    }


/* =Registration
------------------------------------------------- */
#player {
    float: left;
	width:402px;
	height:219px;
}

#createAccountPromo {
    margin-left:10px;
	float:left;
	display:inline;
	width:172px;
}

.demo .promosContainer ul li {list-style-type: none; margin-bottom: 0.5em;}

.demo .linkbox {
    background: transparent url(../images/demobox.gif) repeat-y;
    min-height: 183px;
    width: 142px;
    padding: 10px 15px;
}
.demo .linkbox-top {
    background: transparent url(../images/demobox_top.gif) no-repeat;
}
.demo .linkbox-bottom {
    background: transparent url(../images/demobox_bottom.gif) no-repeat;
    height: 12px;
}

body.residential #content.demo .VtDots { /* NOTE: VtDots only works well for tds - unless a height can be specified */
	background: transparent url(../images/vert_dots_global.gif) repeat-y 50% 0;
}

/* = Analysis
------------------------------------------------- */

.dark-panel, .light-panel {width: 592px; overflow: hidden;}

    .dark-panel .panel-top-corners {
    	background-image: url(../images/statement_panel_top_bg.gif);
    	background-repeat: no-repeat;
    	overflow: hidden;
    }

    .dark-panel .panel-body
    , .light-panel .panel-body {
        padding: 5px 7px;
    }

    .dark-panel .panel-top
    , .light-panel .panel-top {
        height: 18px;
        line-height: 18px;
    }

		#analysisPanel .panel-top {
			padding: 0 5px 10px 10px;
		}
				
        #analysisPanel .panel-top div.right-align { 
    		float: right;
    		padding-right: 5px;
    	}

    div.dark-panel div.HrDots {
    	height: 3px;
    	background: transparent url(../images/statement_horiz_sep_bg.gif) repeat-x;
    	margin-bottom: 5px;
    	overflow: hidden;
    	position: relative;
    	left: -7px;
    }
    div.light-panel div.HrDots {
    	height: 3px;
        background: transparent url(../images/currentcharges_horiz_sep_bg.gif) repeat-x;
    	margin-bottom: 5px;
    	overflow: hidden;
    	position: relative;
    	left: -7px;
    }

    .dark-panel .panel-bottom-corners {
    	background-image: url(../images/statement_panel_bottom_bg.gif);
    	background-repeat: no-repeat;
    	overflow: hidden;
    }

    .light-panel .panel-top-corners {
        background-image: url(../images/payment_top_bg.gif);
    	overflow: hidden;
    }

    .light-panel .panel-bottom-corners {
    	background-image: url(../images/payment_bottom_bg.gif);
    	overflow: hidden;
    }

    .light-panel .panel-body {
        background-color: #F1F5F9;
    	overflow: hidden;
    }

#analysisPanel .panel-body .left {
	position: relative;
	width: 186px;
	float: left;
}

    #analysisPanel .panel-body .middle {
    	position: relative;
    	margin: 0 10px;
    	width: 186px;
    	float: left;
    }

    #analysisPanel .panel-body .right {
    	position: relative;
    	width: 186px;
    	float: right;
    }

#advancedPanel {margin-top: 20px;}

    #advancedPanel h3 {text-align: center;}
    #advancedPanel form ul li {list-style-type: none;}
    #advancedPanel div.ft {text-align: center;}
    #advancedPanel p.center-link {margin: 0 auto; width: 90px;}

    #advancedPanel .panel-body { padding: 1px 7px; }

    #advancedPanel .panel-body div.HrDots { width: 592px; }

    #advancedPanel .panel-body h4 { margin: 5px 0; color: #474747; }

    #advancedPanel .panel-body .left {
    	position: relative;
    	width: 150px;
    	float: left;
    }

    #advancedPanel .panel-body .middle {
    	position: relative;
    	margin: 0 10px;
    	width: 100px;
    	float: left;
    }

    #advancedPanel .panel-body .right {
    	position: relative;
    	width: 200px;
    	float: right;
    }

.graph-body {background: #F1F5F9;}

	.graph-body h3 span { float: left; }
	.graph-body h3 a { float: right; margin-top: .2em; }
 
    div.graph p, div.graph h3 {margin: 0 5px 0 7px;}

    div.graph div.graph-body div.HrDots {
        background: transparent url(../images/currentcharges_horiz_sep_bg.gif) repeat-x;
    	position: relative;
    	left: 0px;
    }

    .graph-top-corners {
    	background-image: url(../images/graph_top_bg.gif);
    	background-repeat: no-repeat;
    	height: 6px;
    	overflow: hidden;
    	width: 186px;
    }

    .graph-bottom-corners {
    	background-image: url(../images/graph_bottom_bg.gif);
    	background-repeat: no-repeat;
    	height: 6px;
    	overflow: hidden;
    }


/* =leftChannel
------------------------------------------------- */
#leftChannel {
	position: relative;
	width: 168px;
	padding-right: 34px;
}

/* =rightChannel
------------------------------------------------- */

#rightChannel {
	position: relative;
	width: 238px;
	/*padding-top: 19px;*/
	padding-top: 3px;
}

	.home #rightChannel {
		padding-top: 12px;
	}

	#rightChannel div.box-top {
		height: 6px;
		background: #f1f5f9 url(../images/right_channel_box_top_bg.gif) no-repeat;
	}

	#rightChannel div.box-body {
		padding: 3px 17px;
		width: 204px;
		overflow: hidden;
		background-color: #f1f5f9;
	}

	#rightChannel div.box-body-sep {
		height: 3px;
		overflow: hidden;
		padding: 8px 0;
		background: #f1f5f9 url(../images/horiz_dots_boxbody.gif) repeat-x left 8px;
	}

	#rightChannel div.box-body div.links {
		overflow: hidden;
	}

		#rightChannel div.box-body div.links h2.sifr-interstate {
			padding: 0;
		}

	#rightChannel div.box-bottom {
		height: 6px;
		background: #f1f5f9 url(../images/right_channel_box_bottom_bg.gif) no-repeat;
		font-size:1px;
	}

.vtDotsGlobal { /* NOTE: VtDots only works well for tds - unless a height can be specified */
	width: 3px;
	padding: 0 5px;
	background: transparent url(../images/vert_dots_residential.gif) repeat-y 50% 0;
}

body.residential .VtDots { /* NOTE: VtDots only works well for tds - unless a height can be specified */
	width: 3px;
	padding: 0 5px;
	background: transparent url(../images/vert_dots_residential.gif) repeat-y 50% 0;
}

.popup-calendar-container {
	position: absolute;
	display: none;
	z-index: 500;
}

.popup-menu {
	position: absolute;
	top: 0;
	left: -500px;
	width: 176px;
	overflow: hidden;
}

	.popup-menu .bd {
		background: transparent url(../images/popup_menu_sliding_bg.png) no-repeat;
		padding: 10px 15px 1px 15px;
	}

		.popup-menu .bd h4 {
			margin: 0 12px 4px 12px;
			font-weight: normal;
			font-size: 11px;
			color: #444444;
		}

		.popup-menu .bd .v-linklist li {
			margin: 4px 0;
			padding-left: 12px;
		}

			.popup-menu .bd .v-linklist li.selected {
				background: transparent url(../images/popup_menu_checkmark.gif) no-repeat 0 .2em;
				color: #666666;
			}

		.popup-menu .bd .v-linklist li a {
			font-size: 11px;
		}


	.popup-menu .ft {
		height: 13px;
		overflow: hidden;
		background: transparent url(../images/popup_menu_bottom_bg.png) no-repeat;
	}

#pageBodyBottom {
	background: #ffffff url(../images/body_corner_br.gif) no-repeat right bottom;
}

#pageFooter {
	padding-top: 15px;
	background-color: #f0f0f0;
	text-align: center;
}

	#pageFooter p {
		margin: 0;
		font-size: 11px;
		color: #888889;
	}

/* = YUI overrides
------------------------------------------------- */
.yui-skin-sam .mask{background-color:#bbbbbb;opacity:.80;*filter:alpha(opacity=80);}

/* 
caretfix is used to overcome a Firefox bug that causes form elements to not
show the caret (cursor) when inside a modal YUI dialog.
Workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=167801 !!?
*/
.caretfix { overflow: auto; padding: 2px 0; }

/* = Taken from clearfix implementation at
http://www.positioniseverything.net/easyclearing.html
------------------------------------------------- */
.clearFix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearFix {
    display: inline-block;
}

html[xmlns] .clearFix {
    display: block;
}

* html .clearFix {
    height: 1%;
}


/* = Landing page rotating touts
------------------------------------------------- */
#landingToutPhoto {
	width: 598px;
	height: 219px;
}

#toutNavBar {
	height: 27px; 
	width: 581px;
	text-align: right;
	float:left;
	margin-top: 192px;
	margin-left: 17px;
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	z-index: 100;
}

	#toutNavBar .buttons {
		height: 27px; 
		padding-right: 10px;
		position: relative;
		top: -27px;
	}
			
	#toutNavBar .background
	{
		background: transparent url(../images/home_tout_trans.png) bottom right no-repeat;
		height: 27px; 
		width: 581px;
		margin-left: 17px;
	}

	#toutNavBar img
	{
		visibility: hidden;
		cursor: pointer;
	}

#landingToutSnippet {
	width: 586px;
	padding: 6px;
}

	.residential #landingToutSnippet {
		background-color: #76bf36;
	}

	.business #landingToutSnippet {
		background-color: #DBE7F1;
	}

	#landingToutSnippet h1 {
		padding: 10px 10px 0px 10px;
		margin: 0px;
		color: #FFFFFF;
		font-size: 27px;
	}

	#landingToutSnippet p {
		padding: 0px 10px 0px 10px;
		margin: 0px;
		color: #FFFFFF;
		font-size: 16px;
	}

#pageBodyBottom {
	background: #ffffff url(../images/body_corner_br.gif) no-repeat right bottom;
}

#pageFooter {
	padding-top: 15px;
	background-color: #f0f0f0;
	text-align: center;
}

	#pageFooter p {
		margin: 0;
		font-size: 11px;
		color: #888889;
	}

/* = YUI overrides
------------------------------------------------- */
.yui-skin-sam .mask{background-color:#bbbbbb;opacity:.80;*filter:alpha(opacity=80);}

/* 
caretfix is used to overcome a Firefox bug that causes form elements to not
show the caret (cursor) when inside a modal YUI dialog.
Workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=167801 !!?
*/
.caretfix { overflow: auto; padding: 2px 0; }

/* = Taken from clearfix implementation at
http://www.positioniseverything.net/easyclearing.html
------------------------------------------------- */
.clearFix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearFix {
    display: inline-block;
}

html[xmlns] .clearFix {
    display: block;
}

* html .clearFix {
    height: 1%;
}