/* Globals */
html, body {margin: 0; padding: 0; height: 100%; width: 100%; background: #e8e8e8;}
	.background_alt {background: #e8e8e8;}
	.iframeBG {background: #ffffff;}
	
div.clearall {clear: both;}
.middlePadding {margin: 0 10px 0 10px;}
.fRightImage {float: right; margin: 0 0 5px 15px; display: block;} /* just for images */
.fLeftImage {float: left; margin: 0 15px 5px 0; display: block;} /* just for images */
html body img {border: 0; padding: 0;}
span.somethingnew {color: #FF0000; font-style: italic;}
.italic {text-transform: lowercase;}
.noFloat {float: none;}
img {border: none;}
.fc_large {margin: 0 10px 0 0; float: left;}
#applicationForm .question {font-weight: bold;}
a.PDF40 {background: top repeat url(/images/smartmeter/pdf_icon.gif); width: 40px; height: 40px; float: right; margin: 0 5px 0 0;}
a.PDF20 {background: top no-repeat url(/images/smartmeter/PDF-Icon.png); width: 20px; height: 20px; float: right; margin: 0 5px 0 0;}

/* Copy highlight for communications */
.badyCopy {background: #ff0033;}

/* Powered By Google */
span.googleBlue {color: #0045b4;}
span.googleRed {color: #d40d0a;}
span.googleYellow {color: #f6b920;}
span.googleGreen {color: #3caa3a;}

div.homePageAlert {border: 3px solid #ff0000; padding: 10px; margin: 0 0 12px 0; background: #ffc1c1;}
div.homePageAlert_noMargin {border: 3px solid #ff0000; padding: 10px; margin: 0 0 0 0; background: #ffc1c1;}
div.homePageAlert li, div.homePageAlert_noMargin li {margin:0;}
div.homePageAlert ul, div.homePageAlert_noMargin ul {padding:0;}

/* for red copy on the main page */
.smallGlobal_body h3.red, .smallGlobal_body h2.red {color: #FF0033;}
.smallGlobal_body li.red a {color: #FF0033;}
span.red, p.red, em.red {color: #ff0033;}
span.malogin_required {color: #ff0033; font-style: italic;}

/* extra languages tweaks */
div.arabic p, div.arabic h1, div.arabic h2, div.arabic li, div.farsi p, div.farsi h1, div.farsi h2, div.farsi li {text-align: right; letter-spacing: 1px;}
div.arabic li, div.farsi li {list-style-image: url(/images/mockups/list_style/black_rightside.gif);
	margin: 0 15px 10px 0; padding: 0;}
div.armenian p, div.armenian h1 {letter-spacing: 1px;}
div.chinese p, div.chinese h1, div.chinese h2 {letter-spacing: 1px;}
div.thai p, div.thai h1, div.thai h2, div.thai li {letter-spacing: 2px;}

/* gradient box */
.superContainer {width: 975px; margin: 0 auto; /* min-height: 100% !important; */
	background: repeat url(/images/includes/index_background.jpg);}
		
	/* some containers for the main page, creates the two rows. */
	.indexRows {width: 100%; margin: 0; padding: 0 0 10px 0;}
	.indexRows_nopadding {width: 100%; margin: 0; padding: 0;}
#flashPromo {width: 494px; /*height: 250px;*/ float: left;
	margin: 0 10px 0 0; padding: 0;}
#graphicPromo {width: 191px; height: 222px; float: left;
	margin: 0; padding: 0;}
#subpageCopy {width: 472px; float: left; /* usable content width is actually 472px */
	border: 1px solid #CCCCCC;
	background-color: #f2f2f2;
	padding: 5px 10px;}

/* myaccount box */
#myaccountBox {width: 121px; height: 91px;
	margin: 0 0 10px 0; padding: 65px 0 0 32px;
	display: block; 
	background: no-repeat url(/images/mockups/myAccountSignon.jpg);}
	#myaccountBox ul {padding: 0 0 0 12px; display: block;}
	.mab_padding {margin: 0 0 23px 0;}
	.mab_nopadding {margin: 0;}
	#myaccountBox li {margin: 0; padding: 0;
		list-style-image: url(/images/mockups/list_style/black.gif);
		font: bold .7em Verdana, Arial, Helvetica, sans-serif;}
		#myaccountBox li a, #myaccountBox li a:hover, #myaccountBox li a:visited {color: #000; text-decoration: none;
			display: block; padding: 0 0 0 6px;
			width: 90px;}
	#myaccountBox p {margin: 15px 0 0 10px; padding: 0; display: block;
		font: .7em Verdana, Arial, Helvetica, sans-serif;}
		#myaccountBox p a, #myaccountBox p a:hover, #myaccountBox p a:visited {color: #000; text-decoration: underline;}
	
/* myaccount mini */
#myAccount_mini {width: 136px; height: 24px;
	margin: 0 0 10px 0; padding: 33px 0 0 17px;
	background: top no-repeat url(/images/mockups/myAccountPromo.jpg);}
#myAccount_mini p {display: block; float: left;
	margin: 0 11px 0 0; padding: 0 0 0 12px;
	background: left no-repeat url(/images/mockups/list_style/black.gif);
	font: bold .65em Verdana, Arial, Helvetica, sans-serif normal;}
#myAccount_mini p a, #myAccount_mini p a:hover, #myAccount_mini p a:visited {color: #000; text-decoration: none;}

/* MyAccount inline Promo */
div.myaccountInlinePromo {width: 181px; height: 180px; padding: 10px 11px 13px 9px; margin: 0 0 15px 15px; background: top no-repeat url(/images/myaccount/girlTreePromo.png); float: right; text-align: left;}

/* these are the styles for the 3 small boxes on the main page, fixed heights and all. */
.rightFloatContainer {float: right; width: 242px;}

.smallGlobal {width: 242px; float: left; background: repeat-y url(/images/includes/global_small.jpg);}
	.smallGlobal_nofloat {width: 242px; background: repeat-y url(/images/includes/global_small.jpg);}

.smallGlobal_body {width: 222px; padding: 0 10px 10px 10px; margin: 0; background: no-repeat bottom url(/images/bottoms/global_small.jpg);}

.smallGlobal_kids {width: 242px;height:145px; float: left; background: repeat-y url(/images/kids/button.jpg);}
	
.sgb_energyCurrents p {margin: 0 7px 8px 7px;}
.bottom_seperator {margin: 0 0 10px 0;}

.smallGlobal_header {width: 242px; height: 10px; margin: 0 0 5px 0; overflow: hidden;} /*overflow fixes ie6 :( */
	
	.smallGreen {background: 0 -50px no-repeat url(/images/sprites/containers/small.jpg);}
	.smallOrange {background: 0 -80px no-repeat url(/images/sprites/containers/small.jpg);}
	.smallGrey {background: 0 -60px no-repeat url(/images/sprites/containers/small.jpg);}
	.smallBlue {background: 0 -20px no-repeat url(/images/sprites/containers/small.jpg);}
	.smallClear {background: 0 -120px no-repeat url(/images/sprites/containers/small.jpg);}
	.smallRed {background: 0 -100px no-repeat url(/images/sprites/containers/small.jpg);}
	.smallBlack {background: 0 -10px no-repeat url(/images/sprites/containers/small.jpg);}
	.smallPurple {background: 0 -90px no-repeat url(/images/sprites/containers/small.jpg);}
	.smallTan {background: 0 0 no-repeat url(/images/sprites/containers/small.jpg);}
	.smallLime {background: 0 -70px no-repeat url(/images/sprites/containers/small.jpg);}
	.smallButter {background: 0 -30px no-repeat url(/images/sprites/containers/small.jpg);}
	.smallSBlue {background: 0 -130px no-repeat url(/images/sprites/containers/small.jpg);}

.largeGlobal {width: 494px; float: left; margin: 0 10px 0 0; background: repeat-y url(/images/includes/global_large.jpg);}
.largeGlobal_body {width: 474px; height: 200px; padding: 0 10px 10px 10px; margin: 0; background: no-repeat bottom url(/images/bottoms/global_large.jpg);}
.largeGlobal_body_nofix {width: 474px; padding: 0 10px 10px 10px; margin: 0; background: no-repeat bottom url(/images/bottoms/global_large.jpg); overflow: hidden;}
.largeGlobal_header {width: 494px; height: 10px;
	padding: 0 0 5px 0; margin: 0; overflow: hidden;}
	
	.largeClear {background: top no-repeat url(/images/headers/large/clear.jpg);}
	.largeGreen {background: top no-repeat url(/images/headers/large/green.jpg);}
	.largeOrange {background: top no-repeat url(/images/headers/large/orange.jpg);}
	.largeGrey {background: top no-repeat url(/images/headers/large/grey.gif);}
	.largeBlue {background: top no-repeat url(/images/headers/large/blue.jpg);}
	.largePurple {background: top no-repeat url(/images/headers/large/purple.jpg);}
	.largeTan {background: top no-repeat url(/images/headers/large/tan.jpg);}
	.largeButter {background: top no-repeat url(/images/headers/large/butter.jpg);}
	.largeLime {background: top no-repeat url(/images/headers/large/lime.jpg);}
	.largeButter {background: top no-repeat url(/images/headers/large/butter.jpg);}
	.largeSBlue {background: top no-repeat url(/images/headers/large/sky_blue.jpg);}
	.largeRed {background: top no-repeat url(/images/headers/large/red.jpg);}

/* Two Thirds Width Containers -- Added May 14th 2009 */
.twoThirdsGlobal {width: 746px; float: left; margin: 0; background: repeat-y url(/images/includes/global_twoThirds.jpg);}
.twoThirds_header {width: 746px; height: 10px; padding: 0 0 5px 0; margin: 0; overflow: hidden;}
.twoThirdsGlobalBody_nofix {width: 726px; padding: 0 10px 10px 10px; margin: 0; background: no-repeat bottom url(/images/bottoms/global_twoThirds.jpg);}
.twoThirdsClear {background: top no-repeat url(/images/headers/twoThirds/clear.jpg);}

.twoThirdsGrey {background: top no-repeat url(/images/headers/twoThirds/grey.jpg);}
.twoThirdsGreen {background: top no-repeat url(/images/headers/twoThirds/green.jpg);}
.twoThirdsLime {background: top no-repeat url(/images/headers/twoThirds/lime.jpg);}
.twoThirdsOrange {background: top no-repeat url(/images/headers/twoThirds/orange.jpg);}
.twoThirdsBlue {background: top no-repeat url(/images/headers/twoThirds/blue.jpg);}

/* sub page left navigation */
#LnavContainer {width: 153px;}
#LnavContainer h3, h4 {display: block;
	margin: 0; padding: 2px 0 2px 4px;
	list-style: none; 
	font: bold .8em Verdana, Verdana, Arial, Helvetica, sans-serif; cursor: pointer;}
	
#LnavContainer h4 a:link,#LnavContainer h4 a:visited,#LnavContainer h4 a:hover,#LnavContainer h4 a:active {text-decoration:none;color:#000;}
	
	h3.ColorsBlue {color: #00339a; border: 1px solid #00339a; border: 1px solid #00339a; border-left: 8px solid #00339a;}
		.borderBlue {border-left: 8px solid #00339a;}
	h3.ColorsGreen {color: #006633; border: 1px solid #006633; border: 1px solid #006633; border-left: 8px solid #006633;}
		.borderGreen {border-left: 8px solid #006633;}
	h3.ColorsOrange {color: #FF6600; border: 1px solid #FF6600; border: 1px solid #FF6600; border-left: 8px solid #FF6600;}
		.borderOrange {border-left: 8px solid #FF6600;}
	h3.ColorsLime {color: #009900; border: 1px solid #009900; border: 1px solid #009900; border-left: 8px solid #009900;}
		.borderLime {border-left: 8px solid #009900;}
	h3.ColorsGrey {color: #666; border: 1px solid #666; border: 1px solid #666; border-left: 8px solid #666;}
		.borderGrey {border-left: 8px solid #666;}

.listItems {background-color: #f2f2f2;
	color: #000;
	font: .75em Verdana, Verdana, Arial, Helvetica, sans-serif; 
	margin: 0 0 2px 0; padding: 0 3px 3px 0;
	/*border-bottom: 1px solid #CC0000;*/}
.listItems ul {margin: 0; padding: 8px 0px 3px 5px;}
.listItems li {display: block;
	margin: 0 0 8px 0; padding: 0;
	list-style: none; 
	border: none;}
.listItems li a, .listItems li a:visited {color: #000; text-decoration: none;}
.listItems li a:hover {color: #000; text-decoration: underline;}

/* fonts */
.smallGlobal_body p, .largeGlobal_body p, .largeGlobal_body_nofix p, #evMain p, #evSub p, #slMain p, #slSub p, .twoThirdsGlobalBody_nofix p, .iframeContent p {font: .7em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0; padding: 0;}
.largeGlobal_body h1, .largeGlobal_body_nofix h1, .twoThirdsGlobalBody_nofix h1, .iframeContent h1{font: 1.1em Verdana, Arial, Helvetica, sans-serif; color: #00339a;
	margin: 0 0 15px 0; padding: 0; 
	text-transform: capitalize;}
.smallGlobal_body h2, .largeGlobal_body h2, .largeGlobal_body_nofix h2, .smallGlobal_body h1, #evMain h2, #evSub h2, #slMain h2, #slSub h2, #escSBMain h2, .twoThirdsGlobalBody_nofix h2, .iframeContent h2 {font: bold .8em Verdana, Arial, Helvetica, sans-serif normal;
	margin: 0 0 10px 0; padding: 0;
	text-transform: capitalize;}
.largeGlobal_body h3, .largeGlobal_body_nofix h3, .twoThirdsGlobalBody_nofix h3, .iframeContent h3 {font: bold .7em Verdana, Arial, Helvetica, sans-serif; color: #000;
	margin: 10px 0 3px 0; padding: 0 ;
	text-transform: capitalize;}
.iframeContent h2 a,
.iframeContent h2 a:visited,
.smallGlobal_body h2 a,
.smallGlobal_body h2 a:visited,
.largeGlobal_body h2 a,
.largeGlobal_body h2 a:visited,
.largeGlobal_body_nofix h2 a,
.largeGlobal_body_nofix h2 a:visited,
.smallGlobal_body h1 a,
.smallGlobal_body h1 a:visited,
.largeGlobal_body h1 a,
.largeGlobal_body h1 a:visited,
.largeGlobal_body_nofix h1 a,
.largeGlobal_body_nofix h1 a:visited {text-decoration: none; color: #000;}

.smallGlobal_body h2 a:hover,
.largeGlobal_body h2 a:hover,
.largeGlobal_body_nofix h2 a:hover,
.smallGlobal_body h1 a:hover,
.largeGlobal_body h1 a:hover,
.largeGlobal_body_nofix h1 a:hover {text-decoration: none; color: #FF0033;}

.smallGlobal_body h3, .smallGlobal_body_halfHeight h3 {font: bold .75em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 2px 0; padding: 0;}

.smallGlobal_body table, .largeGlobal_body table, .largeGlobal_body_nofix table {font: 100% Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0; padding: 0;}

/* for dual colum copy */
div.colLeft {float: left; margin: 0 5px 0 0; padding: 0; width: 230px; overflow: visible; display: inline-block;}
div.colRight {float: right; margin: 0 0 0 5px; padding: 0; width: 230px; overflow: visible; display: inline-block;}
	
/* some lists */
.smallGlobal_body ul, #evSub ul, #slMain ul, #escSBMain ul, #escLBMain ul, .twoThirdsGlobalBody_nofix ul {margin: 0 0 0 0; padding: 0; display: block;}
.largeGlobal_body ul, .largeGlobal_body_nofix ul, .largeGlobal_body ol, .largeGlobal_body_nofix ol, .twoThirdsGlobalBody_nofix ol, .iframeContent ul, .iframeContent ol {padding: 0 0 10px 0; margin: 0;}
.smallGlobal_body ul li , .largeGlobal_body ul li, .largeGlobal_body_nofix ul li, .iframeContent ul li, #evSub ul li, #slMain ul li, #escSBMain ul li, .twoThirdsGlobalBody_nofix ul li {font: .7em Verdana, Arial, Helvetica, sans-serif; color: #000;
	margin: 0 0 12px 15px; padding: 0 0 0 0;
	list-style: disc outside url(/images/mockups/list_style/black.gif);}
.largeGlobal_body li li, .largeGlobal_body_nofix li li, .twoThirdsGlobalBody_nofix li li, .iframeContent li li {font-size: 100%;}
.largeGlobal_body blockquote ul, .largeGlobal_body_nofix blockquote ul, .twoThirdsGlobalBody_nofix blockquote ul, .iframeContent blockquote ul {margin: 0; padding: 0;}
.largeGlobal_body blockquote li, .largeGlobal_body_nofix blockquote li, .iframeContent blockquote li, .twoThirdsGlobalBody_nofix blockquote li {margin: 0 0 8px 20px; padding: 0;}
.largeGlobal_body blockquote li p, .largeGlobal_body_nofix blockquote li p, .iframeContent blockquote li p, .twoThirdsGlobalBody_nofix blockquote li p {font-size: 100%;}
.largeGlobal_body li p, .largeGlobal_body_nofix li p, .iframeContent li p, .twoThirdsGlobalBody_nofix li p {font-size: 100%;}
.largeGlobal_body ol li, .largeGlobal_body_nofix ol ul li, .iframeContent ol ul li, .twoThirdsGlobalBody_nofix ol ul li {list-style: url(/images/mockups/list_style/black.gif);}
	li.noBullets {list-style: none;}
.largeGlobal_body_nofix ol li, .twoThirdsGlobalBody_nofix ol li, .iframeContent ol li {font: .7em Verdana, Arial, Helvetica, sans-serif; color: #000;
	margin: 0 0 12px 0; padding: 0;
	list-style: decimal inside; 
	overflow: visible;}
.largeGlobal_body_nofix ul li ol li, .iframeContent ul li ol li, .twoThirdsGlobalBody_nofix ul li ol li {list-style-image: none; font-size: 100%;}
.largeGlobal_body_nofix ol li ul li, .iframeContent ol li ul li, .largeGlobal_body_nofix ul li ol li, .twoThirdsGlobalBody_nofix ol li ul li, .twoThirdsGlobalBody_nofix ul li ol li {font-size: 100%;}
.largeGlobal_body_nofix li ul, .largeGlobal_body_nofix li ol, .iframeContent li ul,.iframeContent li ol, .twoThirdsGlobalBody_nofix li ul, .twoThirdsGlobalBody_nofix li ol {margin: 10px 0 0 20px; padding: 0;}

p.disclaimer {font-style: italic; /*width: 95%;*/ margin: 5px 0; padding:10px 0 0 0;  border-top: 1px dashed;}
p.lastUpdate {text-align: right; font-style: italic;}

/* links for lists and p's */
.iframeContent a,
.iframeContent a:visited,
.smallGlobal_body a,
.smallGlobal_body a:visited,
.largeGlobal_body a,
.largeGlobal_body a:visited,
.largeGlobal_body_nofix a,
.largeGlobal_body_nofix a:visited,
.twoThirdsGlobalBody_nofix a,
.twoThirdsGlobalBody_nofix a:visited {text-decoration: underline; color: #00339a;}

.iframeContent a:hover,
.smallGlobal_body a:hover,
.largeGlobal_body a:hover,
.largeGlobal_body_nofix a:hover,
.twoThirdsGlobalBody_nofix a:hover {text-decoration: underline; color: #ff0033;}

/*color headers*/
h2.limeGreen a, h2.limeGreen a:visited {color: #009900;}	
h2.bordered {display:block; background-color:#999;color:#fff;border: 1px solid #999;text-align:center;padding:5px}

#subpageCopy p {font: .75em Verdana, Arial, Helvetica, sans-serif; color: #000;
	margin: 0 0 10px 0; padding: 0; line-height: 1.4em;}
#subpageCopy li {font: .75em Verdana, Arial, Helvetica, sans-serif; color: #000;
	margin: 0 0 5px 0; padding: 0; list-style-image: url(/images/mockups/list_style/black.gif); list-style-position:outside;}
#subpageCopy li h1, #subpageCopy li h2, #subpageCopy li h3, #subpageCopy li p, #subpageCopy li li {font-size: 100%;} 
	#subpageCopy a, #subpageCopy a:visited {text-decoration: underline;  color: #00339a;}
	#subpageCopy a:hover {text-decoration: none; color: #FF0033;}
#subpageCopy form label {font: .75em Verdana, Arial, Helvetica, sans-serif; color: #000;}
#subpageCopy blockquote {font-size: 100%;
	padding: 0 25px; margin: 10px 0;}
#subpageCopy blockquote {padding: 5px 0 5px 10px; margin: 10px 15px 10px 15px;
	border-left: 1px solid #999999;}
	#subpageCopy blockquote ul {margin: 0; padding: 0;}
	#subpageCopy blockquote li {margin: 0 0 8px 20px; padding: 0;}
	#subpageCopy blockquote h3 {font: bold .75em Verdana, Arial, Helvetica, sans-serif; color: #000;
		margin: 0 0 3px 0; padding: 0 ;}
#bodyContainer h1 {
	font: 1.1em Verdana, Arial, Helvetica, sans-serif; color: #00339a;
}
div.inlineimage {float: right; width: 200px; margin: 0 0 5px 15px; padding: 0 0 0 10px;}
div.inlineimage_rebates {float: right; width: 150px; margin: 0 0 5px 15px; padding: 0 0 0 10px;}
div.inlineimage_left {float: left; width: 200px; margin: 0 0 15px 0; padding: 0 25px 0 10px;}
div.inlineimage_half {float: right; width: 110px; margin: 0 0 15px 15px; padding: 0 0 0 10px; border-left: 1px solid #999999; text-align: left;}
div.inlineimage_left_half {float: left; width: 110px; margin: 0 15px 15px 0; padding: 0 10px 0 10px; border-left: 1px solid #999; text-align: left;}
div.inlineimage img, div.inlineimage_left img {display: block; margin: 0 0 5px 0; padding: 0;}
div.inlineimage p.photoCopy, div.inlineimage_left p.photoCopy, div.fRightImage p.photoCopy, div.fLeftImage p.photoCopy {display: block;
	font: xx-small Verdana, Arial, Helvetica, sans-serif; color: #666; 
	margin: 1px 0 1px 1px; padding: 0;}
	
div.inlineCopyRight {float: right; padding: 5px; margin: 0 0 0 10px; width: 200px;}
div.inlineCopyLeft {float: left; padding: 5px; margin: 0 10px 0 0; width: 200px;}
	/* otay metro pages */
	div.ili_borderTop {border-top: 1px solid #999999;}
	div.ili_borderBottom {border-bottom: 1px solid #999999;}
	div.ili_borderRight {border-right: 1px solid #999999;}
	div.ili_borderLeft {border-left: 1px solid #999999;}
	
#rightInfo{width: 242px; height: 100%;
	margin: 0; padding: 0; float: right; 
	background: top repeat-y url(/images/includes/global_small.jpg);}
#rightInfo_header {background: top no-repeat url(/images/headers/small/ri_clear.jpg); width: 242px; height: 10px; overflow: visible; margin: 0 0 3px 0;}
	/* custom colors for related info */
	#rightInfo_header_Orange {background: top no-repeat url(/images/headers/small/orange.jpg); width: 242px; height: 10px; overflow: visible; margin: 0 0 3px 0;}
	#rightInfo_header_Green {background: top no-repeat url(/images/headers/small/green.jpg); width: 242px; height: 10px; overflow: visible; margin: 0 0 3px 0;}
	#rightInfo_header_Lime {background: top no-repeat url(/images/headers/small/lime.jpg); width: 242px; height: 10px; overflow: visible; margin: 0 0 3px 0;}
	#rightInfo_header_Butter {background: top no-repeat url(/images/headers/small/butter.jpg); width: 242px; height: 10px; overflow: visible; margin: 0 0 3px 0;}
	#rightInfo_header_Blue {background: top no-repeat url(/images/headers/small/blue.jpg); width: 242px; height: 10px; overflow: visible; margin: 0 0 3px 0;}
	#rightInfo_header_SBlue {background: top no-repeat url(/images/headers/small/sky_blue.jpg); width: 242px; height: 10px; overflow: visible; margin: 0 0 3px 0;}
	#rightInfo_header_Grey {background: top no-repeat url(/images/headers/small/grey.gif); width: 242px; height: 10px; overflow: visible; margin: 0 0 3px 0;}

#rightInfo_body {background: bottom no-repeat url(/images/bottoms/global_small.jpg); padding: 0 10px 10px 10px; margin: 0; width: 222px;} 
#rightInfo_body ul {margin: 0; padding: 0 0 0 15px;}
#rightInfo_body li {list-style-image: url(/images/mockups/list_style/black.gif); 
	font: .7em Verdana, Arial, Helvetica, sans-serif; color: #000; 
	margin: 0 0 10px 0;}
	
/* Style used for last bullet in related info list */
#rightInfo_body li.last {list-style-image: url(/images/mockups/list_style/black.gif);font: .7em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 5px 0 10px 0;padding-top:10px;border-top: 1px solid #999;}


	#rightInfo_body h3 {margin: 0 0 10px 0; font: bold .8em Verdana, Arial, Helvetica, sans-serif; color: #000;}
	h1.ColorsBlue {color: #00339a; cursor: pointer;}
	h1.ColorsGreen {color: #006633; cursor: pointer;}
	h1.ColorsOrange {color: #ff7b1a;  cursor: pointer;}
	#rightInfo p {margin: 0 0 10px 0; padding: 0; 
		font: .7em Verdana, Arial, Helvetica, sans-serif; color: #000;}
#rightInfo a, #rightInfo a:visited {text-decoration: underline;  color: #00339a;}
	#rightInfo a:hover {text-decoration: none; color: #FF0033;}
	


/* Form Styles */
#form {padding: 0; width: 100%;}
#form h2 {font: bold .8em Verdana, Arial, Helvetica, sans-serif; 
	margin: 0 0 10px 0; padding: 3px; 
	display: block; text-align: left;}
.orangeHeaders h2 {border: 1px solid #ff6600; border-left: 8px solid #ff6600; background: #fff;}
.greenHeaders h2 {border: 1px solid #006633; border-left: 8px solid #006633; background: #fff;}
.greyHeaders h2 {border: 1px solid #7f7f7f; border-left: 8px solid #7f7f7f; background: #fff;}
#form p {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}
	#form li p {font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 2px 0;
		margin: 0 10px 0 0; text-align: left;}
#form ul, #form ol {margin: 0 0 10px 25px; padding: 0; display: block;}
	#form ul.tli {padding: 0 0 0 15px; margin: 0;}
#form li {list-style-image: url(/images/includes/clearliststyle.gif); margin: 0 0 12px 0; padding: 0;}
	#form li.nomarginbottom {margin: 0; padding: 0;}
div.columnLeft li input, div.columnRight li input {float: left; margin: 0 6px 0 0}
div.FormMessageBox {width: 130px; float: right; padding: 6px; margin: 15px 0 0 0;}
	.alertBox {border: 2px solid #999; background: #fdfab0; color: #000;}
div.FormMessageBox h5 {font: .6em Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
input.formButtons {font: .8em Verdana, Verdana, Arial, Helvetica, sans-serif;
	border-top: 2px solid #6666cc; border-left: 2px solid #6666cc;
	border-right: 2px solid #000; border-bottom: 2px solid #000;
	background-color: #003399; color: #fff; margin: 0 auto 5px auto; display: block;}
#form blockquote {display: block; margin: 0 0 0 35px; border-left: none; padding: 0;}
#form blockquote ul {margin: 0; padding: 0;}
#form div.tli {border: 1px solid #333; margin: 0 0 5px 0;}
#form ol li {list-style: decimal;}
#form p.errorItalics {font-style: italic; color: #ff0033; display: inline; margin: 0 0 0 5px;}
#form input.errorInput {background: #fddbd4;}

/* New Form Styles - Please Use These */
div.sdgeForm {padding: 0;}
div.sdgeForm p {font: normal .75em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0; padding: 0;}
div.sdgeForm form {margin: 0; padding: 0;}
	div.sdgeForm form p {font: normal .75em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0; padding: 0;}
	div.sdgeForm form h1 {font: bold .8em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 15px 0; padding: 0;}
	div.sdgeForm form h2 {font: bold .75em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 15px 0; padding: 0;}
	div.sdgeForm form h3 {font: bold .75em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 8px 0; padding: 0;}
	div.sdgeForm form ol.lettersLists li {list-style-type: lower-alpha;}
	div.sdgeForm form ol li, div.sdgeForm form ul li {font: normal .75em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0; padding: 0;}
div.sdgeForm form fieldset {margin: 0 0 0 20px; padding: 0; border: none;}
div.sdgeForm form fieldset legend {font: normal .75em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 3px 0; padding: 0; display: block;}
	div.sdgeForm form fieldset label.textInputs {font: italic .75em Verdana, Arial, Helvetica, sans-serif; color: #999; margin: 0 0 10px 0; padding: 0; display: block;}
	div.sdgeForm form fieldset label.checkboxes {font: normal .75em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0; padding: 0; display: block;}
		div.sdgeForm form fieldset label.finalCheck {color: #ff0033;}
	div.sdgeForm form fieldset label.textInputs input, div.sdgeForm form fieldset label.checkboxes input {display: inline; margin: 0 15px 0 0;}
	div.sdgeForm form fieldset li {list-style-type: square; font: normal .75em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0; padding: 0;} 
div.sdgeForm form fieldset input {display: block; margin: 3px 5px 10px 0; border: 1px solid #ccc; background: #EAEAEA;}
	div.sdgeForm form fieldset input.form_error, div.sdgeForm form fieldset input.form_error:active, div.sdgeForm form fieldset input.form_error:hover {border: 2px solid #ff0033;}
div.sdgeForm form fieldset input:hover, div.sdgeForm form fieldset input:active  {border: 1px solid #666;}
span.nConfirmed {font-style: italic; color: #666; display: block; margin: 0 0 1px 0;}
span.textInputTitle {font-style: normal; font-weight: normal; color: #000; display: block; margin: 0 0 5px 0;}

a.addElements {width: 16px; height: 16px; background: top no-repeat url(/images/safety/firePrep/add.png); text-indent: -9999px; display: inline-block; margin: 0;}


/* dual columns */
div.columnRight {width: 220px; float: right; padding: 0 0 0 5px; margin: 0;}
div.columnLeft {width: 220px; float: left; padding: 0 5px 0 0; margin: 0;}

/* Quick Facts Style - Energy Savings Center */
.smallGlobal_body .qf_green ul, .largeGlobal_body .qf_green ul, .largeGlobal_body_nofix .qf_green ul, 
.smallGlobal_body .qf_orange ul, .largeGlobal_body .qf_orange ul, .largeGlobal_body_nofix .qf_orange ul {list-style-type: none; list-style-image :none; margin-left: 0; padding-left:.5em;}
.smallGlobal_body .qf_green ul li, .largeGlobal_body .qf_green ul li, .largeGlobal_body_nofix .qf_green ul li, 
.smallGlobal_body .qf_orange ul li, .largeGlobal_body .qf_orange ul li, .largeGlobal_body_nofix .qf_orange ul li {list-style-type: none; list-style-image: none;margin-left: 0; padding-left: 0; padding-right:.5em;}

/* TABLE DATA */
table.smTable, table.tsTable, #form table.genericTable, table.genericTable {border: 1px solid #999; border-right: none; margin: 0 0 15px 0; width: 99%;}
table.smTable td, table.tsTable td, #form table.genericTable td, table.genericTable td {padding: 5px; border-right: 1px solid #999;}
table.smTable td p, table.tsTable td p, #form table.genericTable td p, table.genericTable td p {text-align: center; margin: 3px; padding: 0;}
table.smTable td ul, table.tsTable td ul, #form table.genericTable td ul {margin: 8px 0 0 20px; padding: 0; text-align: left;}
table.smTable td h3, table.tsTable td h3, #form table.genericTable td h3, table.genericTable td h3 {color: #fff; display: block; text-align: center; margin: 0; padding: 0; height: 100%;}
table.tableLegend td p {text-align:left;margin:0px;padding:0px;}
table.tsTable td.left  {text-align: left; margin: 3px; padding: 0;}

table.fixTableFonts {font: .75em a Verdana, Arial, Helvetica, sans-serif;}
table.fixTableFonts td {padding: 3px;}
tr.whiteHeadlines {color: #fff;}

p.dashedBottom, ul.dashedBottom, blockquote.dashedBottom, h2.dashedBottom, h3.dashedBottom {border-bottom: 1px dashed #ccc; padding: 0 0 10px 0;}
ul.dashedBottom ul {margin: 0 0 5px 0; padding: 0;}
li.borderTop {padding: 5px 0 0 0; border-top: 1px solid #999;}
p.borderTop {padding: 10px 0 0 0; border-top: 1px solid #999;}
h2.borderTop {padding: 10px 0 0 0; border-top: 1px solid #999;}

/* Image Links */
a.articlesm {background: transparent url(/images/smartmeter/recentArticles.gif) no-repeat scroll 0%;
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 39px; width: 200px;}
a.articlesg {background: transparent url(/images/smartgrid/SGnews.gif) no-repeat scroll 0%;
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 39px; width: 200px;}
a.videosg {background: transparent url(/images/smartgrid/SGvideos.jpg) no-repeat scroll 0%;
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 39px; width: 200px;}
a.presentationssg {background: transparent url(/images/smartgrid/SGpresentations.jpg) no-repeat scroll 0%;
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 39px; width: 200px;}
a.aboutsm {background: transparent url(/images/smartmeter/aboutsm.gif) no-repeat scroll 0%;
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 39px; width: 200px;}
a.downloadbrochure {background: transparent url(/images/smartmeter/pdfButton.png) no-repeat scroll 0%;
	border: 0 none; margin: 0 auto; text-indent: -9999px;
	display: block; height: 179px; width: 157px;}
a.downloadbrochure_faq {background: transparent url(/images/smartmeter/pdfButtonFAQ.png) no-repeat scroll 0%;
	border: 0 none; margin: 0 auto; text-indent: -9999px;
	display: block; height: 179px; width: 157px;}
a.downloadbrochure_sg {background: transparent url(/images/smartgrid/pdfButton.png) no-repeat scroll 0%;
	border: 0 none; margin: 0 auto; text-indent: -9999px;
	display: block; height: 179px; width: 157px;}
a.aboutsm_sp {background: transparent url(/images/smartmeter/aboutsm_sp.gif) no-repeat scroll 0%;
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 39px; width: 200px;}
a.downloadbrochure_sp {background: transparent url(/images/smartmeter/pdfgraphic_spanish.jpg) no-repeat scroll 0%;
	border: 0 none; margin: 0 auto; text-indent: -9999px;
	display: block; height: 224px; width: 174px;}
a.kwickview {background: transparent url(/images/business/esc/kwickview.jpg) no-repeat scroll 0%;
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 43px; width: 126px;}	
a.twentygalchallenge {background: transparent url(/images/business/20GalChallenge.png) no-repeat scroll 0%;
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 180px; width: 158px;}
a.hees {background: transparent url(/images/campaigns/borrego/hees_graphic.png) no-repeat scroll 0%;
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 180px; width: 158px;}
a.gasmap {background: transparent url(/images/safety/slip_map-button.png) no-repeat scroll 0%;
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 191px; width: 157px;}
	
a.safetypromo {background: transparent url(/images/residential/gasLeak_2.png) no-repeat scroll 0%;
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 180px; width: 158px;}
a.mortgageHelp {background: top no-repeat url(/images/residential/assistance/mortgageButton.jpg);
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 179px; width: 157px;}
a.mortgageHelpSp {background: top no-repeat url(/images/languages/sp/mortgageButtonSp.jpg);
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 179px; width: 157px;}
a.smallBizSericeGuide {background: transparent url(/images/business/esc/smallBizPromo.png) no-repeat scroll 0%;
	border: 0 none; margin: 10px auto; text-indent: -9999px; 
	display: block; height: 186px; width: 150px;}
.getAppGreen {display: block; width: 110px; height: 31px;
	background: top no-repeat url(/images/business/esc/signup_new_green.png); 
	text-indent: -9999px;
	margin: 5px 0 10px 20px; padding: 0;}
.getAppOrange {display: block; width: 110px; height: 31px;
	background: top no-repeat url(/images/business/esc/signup_new_orange.png); 
	text-indent: -9999px;
	margin: 5px 0 10px 20px; padding: 0;}
.getAppGrey {display: block; width: 110px; height: 31px;
	background: top no-repeat url(/images/business/esc/getapp_grey.jpg); 
	text-indent: -9999px;
	margin: 5px 0 10px 20px; padding: 0;}
.qfBox {padding: 5px; 
	width: 151px; float: right; margin: 0 0 15px 15px;}
	.qfb_orange {border: 1px dashed #ff9900;}
	.qfb_green {border: 1px dashed #006633;}
	.qfb_grey {border: 1px dashed #666;}

/* error and complete boxes, for forms only! */
.displayBlock {display: block;}
.highlight_box {text-align: center; 
	border: 3px solid #003399; background: #e8efff; color: #000; 
	padding: 8px 8px 0 8px; margin: 8px 0 8px 0;
	width: 452px; display: none;}
.highlight_box label, .form_highlight_box label {font: normal .7em Verdana, Arial, Helvetica, sans-serif; color: #000;}
.highlight_box input {margin: 0 0 0 5px;}
.error_box {text-align: center;
	border: 3px solid #ff0033; background: #fddbd4; color: #000;
	padding: 8px 8px 0 8px; margin: 8px 0 8px 0;
	width: 452px; display: none;}

/* Information Boxes */
.infoBoxRed {text-align: left; border: 3px solid #ff0033; background: #fddbd4; color: #000; padding: 8px; margin: 8px 0;}
.infoBoxOrange {text-align: left; border: 3px solid #ff0033; background: #fddbd4; color: #000; padding: 8px; margin: 8px 0;}
.infoBoxBlue {text-align: left; border: 3px solid #003399; background: #e8efff; color: #000; padding: 8px; margin: 8px 0;}

.ansiCautionBox {border: 3px solid #000; background: top left no-repeat url(/images/safety/ansiAlert3.gif) /*#ffcc33*/#f6ee24; padding: 8px 8px 8px 60px; margin: 8px 0 8px 0;min-height: 35px;}

.form_error_box {border: 3px solid #ff0033; background: #fddbd4; color: #000;
	padding: 8px 8px 0 60px; margin: 8px 0 8px 0;}
.form_highlight_box {border: 3px solid #003399; background: top left no-repeat url(/images/safety/alertNew2.jpg) #e8efff; color: #000; 
	padding: 8px 8px 0 60px; margin: 8px 0 8px 0;}
	.w708 {width: 713px;}
.form_highlight_box input {display: inline; margin: 0; padding:0;}
.form_error_box p {font-weight: bold;}

	
/* large global promo styles, that semi-transparent white area over the pictures 
you need to design your own overlay class for each application, an example is below: 
.myWhiteOverlay {float: left; filter:alpha(opacity=80); opacity: .80; background: #fff; padding: 10px; margin: 10px 0 0 0;} */

#largeGlobalPromoArea {width: 494px; float: left; margin: 0 10px 0 0;} /* make sure to define the height & background with your application specific class  */
#smallGlobalPromoArea {width: 242px; margin: 0;} /* make sure to define the height & background with your application specific class  */
	#smallGlobalPromoArea p a:hover, #smallGlobalPromoArea li a:hover, #largeGlobalPromoArea p a:hover, #largeGlobalPromoArea li a:hover {color: #ff0033; text-decoration: underline;} /* maybe? */
.sgpaLeft {float: left;}
.sgpaRight {float: right;}

#largeGlobalPromoArea h1 {font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-transform: capitalize;}
#largeGlobalPromoArea h2 {font: bold .7em Verdana, Arial, Helvetica, sans-serif; margin: 35px 0 0 0; padding: 0;}
#smallGlobalPromoArea h2 {font: bold .8em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}
#largeGlobalPromoArea p, #smallGlobalPromoArea p {font: normal .7em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}
#largeGlobalPromoArea ul, #smallGlobalPromoArea ul {margin: 0 0 0 30px; padding: 0; display: block;}
#largeGlobalPromoArea li, #smallGlobalPromoArea li {font: .7em Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 12px 0; padding: 0;
	list-style: outside url(/images/mockups/list_style/black.gif);}
#largeGlobalPromoArea a, #largeGlobalPromoArea a:visited, #smallGlobalPromoArea a, #smallGlobalPromoArea a:visited {text-decoration: underline; color: #00339a;}
#largeGlobalPromoArea a:hover, #smallGlobalPromoArea a:hover {text-decoration: underline; color: #ff0033;} 

/**** Careers ****/
.careersHome {background: top no-repeat url(/images/career/hr_largeGlobal.jpg); height: 227px;}
	.careersHomeCopy {float: left; filter:alpha(opacity=80); opacity: .80; background: #fff; width: 300px; padding: 10px; margin: 10px 0 0 0; color:#00339a;}
#careersSub {background: top no-repeat url(/images/career/hr_smallGlobal.jpg); width: 162px; height: 85px; padding: 130px 10px 10px 70px;}
#careersSub p {font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 3px 0; padding: 0;}
#careersSub p a, #careersSub p a:visited {color: #fff; text-decoration: none;}
#careersSub p a:hover {color: #ff0033; text-decoration: underline;}
a.fortuneLink {width: 114px; height: 67px; display: block; margin: 143px 10px 0 0; float: right;}
	/* yellow on orange highlight box */
	.infoWindowYellow {text-align: left; border: 2px solid #ff6600; background: #ff9900; padding: 8px 8px 0 8px; margin: 8px 0 8px 0; width: 452px;}
/**** Fire Preparedness Program ****/
.firePrepHome {background: top no-repeat url(/images/safety/fireSafety/firePrepLargeGlobal.jpg); height: 266px;}
	.firePrepHomeCopy {float: right; width: 200px; padding: 0 10px; margin: 10px 0 0 0; color:#000;}
	a.needHelp {width: 122px; height: 50px; background: #33FFFF; float: right; margin: 2px 10px 0 0; background: top no-repeat url(/images/safety/firePrep/gotProblems.jpg); text-indent: -9999px;}
	/* ROTATING HOME GRAPHICS */
	#slideContainer01 .promoImageFireSafety {width: 326px; height: 250px; background: top no-repeat url(/images/safety/firePrep/rotatingHome/windspeedDashboard.jpg); float:left;}
	#slideContainer02 .promoImageFireSafety {width: 326px; height: 250px; background: top no-repeat url(/images/safety/firePrep/rotatingHome/bePrepared.jpg); float:left;}
	#slideContainer03 .promoImageFireSafety {width: 326px; height: 250px; background: top no-repeat url(/images/safety/firePrep/rotatingHome/generatorSafety.jpg); float:left;}
	#slideContainer04 .promoImageFireSafety {width: 326px; height: 250px; background: top no-repeat url(/images/safety/firePrep/rotatingHome/advanceNotification.jpg); float:left;}
	
/**** Energy Savings Center ****/
.escHome {background: top no-repeat url(/images/business/esc/escLargeGlobal.jpg); height: 225px;}
	.escHomeCopy {float: left; filter:alpha(opacity=80); opacity: .80; background: #fff; padding: 10px; margin: 10px 0 0 0; color:#000;}
a.escSub {background: top no-repeat url(/images/business/esc/smallBizPromo.png); width: 242px; height: 227px; float: right; display: block; text-indent: -9999px;}
.escSmallbizHome {background: top no-repeat url(/images/business/esc/smallBizLG.jpg); height: 227px;}
	.escSmallbizHomeCopy {float: left; filter:alpha(opacity=80); opacity: .80; background: #fff; padding: 10px; margin: 10px 0 0 0; color:#000;}
.escLargebizHome {background: top no-repeat url(/images/business/esc/largeBizLG.jpg); height: 227px;}
	.escLargebizHomeCopy {float: left; filter:alpha(opacity=80); opacity: .80; background: #fff; padding: 10px; margin: 10px 0 0 0; color:#000;}
/**** About Your Bill ****/
.aybMain {background: top no-repeat url(/images/yourbill/yourBillMainAlt.jpg); height: 225px;}
.aybMain2 {background: top no-repeat url(/images/yourbill/yourBillMainAlt.jpg); height: 225px;}

.ratesMain {background: top no-repeat url(/images/yourbill/yourBillMain.jpg); height: 225px;}
.aybResidential {background: top no-repeat url(/images/yourbill/yourBillRes2.jpg); height: 225px;}
.aybBusiness {background: top no-repeat url(/images/yourbill/yourBillBusiness2.jpg); height: 225px;}

/*.aybResidentialCopy {float: left; padding:5px; margin:60px 0 0 15px; color:#000000;}*/
/*.aybResidentialCopy {float: left; padding:5px; margin:0 0 0 0; color:#000000; background: #fff; height: 100%; opacity: .8;}*/

/* Original About your bill promo area - opacity for div H1 text - see below */

.aybResidentialCopy {float: left; padding: 10px; margin: 20px 0 0 0; color:#000; background: #fff; filter:alpha(opacity=100); opacity: .80;}


	#largeGlobalPromoArea .aybResidentialCopy li {list-style: outside url(/images/mockups/list_style/black.gif); color: #000;}
	#largeGlobalPromoArea .aybResidentialCopy h1 {color:#003399;}
	#largeGlobalPromoArea .aybResidentialCopy a, #largeGlobalPromoArea .aybResidentialCopy a:visited {text-decoration: underline; color: #000;}
.aybMiniPromoOne {background: top no-repeat url(/images/yourbill/myAccountPromo.jpg); height: 225px;}
.aybMiniPromoTwo {background: top no-repeat url(/images/environment/promos/enviro_sub.jpg); height: 225px;}
.aybMiniPromoThree {background: top no-repeat url(/images/yourbill/transmission.jpg); height: 225px;}
	.aybMiniPromoOneCopy {padding: 15px 10px; color: #000;}
	.aybMiniPromoTwoCopy {padding: 15px 10px; color: #fff;}
	#smallGlobalPromoArea .aybMiniPromoTwoCopy li {list-style: outside url(/images/mockups/list_style/white.gif); color: #fff;}
	#smallGlobalPromoArea .aybMiniPromoOneCopy a, #smallGlobalPromoArea .aybMiniPromoOneCopy a:visited {text-decoration: underline; color: #000;}
.aybAtHome {background: top no-repeat url(/images/yourbill/atHomePromo.jpg); height: 225px;}
	.aybAtHomeCopy {padding: 15px 10px; color: #000;}
/***** My Bill ******/
.aybMiniPromoOneA {background: top no-repeat url(/images/yourbill/myAccountPromo2.jpg); height: 225px;}
.aybMiniPromoOneB {background: top no-repeat url(/images/yourbill/ayb_chrome.jpg); height: 225px;}


/* ABOUT US */
.aboutUsHome {background: top no-repeat url(/images/aboutus/aboutus.jpg); height: 225px;}
	.aboutUsHomeCopy {float: right; width: 420px; filter:alpha(opacity=75); opacity: .75; background: #fff; padding: 10px; margin: 143px 0 0 0; color: #000;}
.longTermHome {background: top no-repeat url(/images/aboutus/longterm.jpg); height: 225px;}
	.longTermHomeCopy {float: right; width: 420px; filter:alpha(opacity=75); opacity: .75; background: #fff; padding: 10px; margin: 27px 0 0 0; color: #000;}
.octepHome {background: top no-repeat url(/images/aboutus/octep/octepPromo2.jpg); height: 250px;}
	.octepHomeCopy {float: left; width: 400px; padding: 10px; margin: 0px 0 0 0; color: #fff;}
	#largeGlobalPromoArea .octepHomeCopy li {list-style: outside url(/images/mockups/list_style/white.gif); color: #fff;}
	#largeGlobalPromoArea .octepHomeCopy a, #largeGlobalPromoArea .octepHomeCopy a:visited {text-decoration: underline; color: #fff;}
.octepSmallHome {background: top no-repeat url(/images/aboutus/octep/octepSmallGlobal.jpg); height: 250px;}
	.octepSmallHomeCopy {padding: 15px 10px;}
	/* ROTATING PROMO */
	#slideContainer01 .promoImageAboutusLongTerm {width: 326px; height: 250px; background: top no-repeat url(/images/aboutus/longtermplan/rotatingHome/longTerm.jpg); float:left;}
	#slideContainer02 .promoImageAboutusLongTerm {width: 326px; height: 250px; background: top no-repeat url(/images/aboutus/longtermplan/rotatingHome/renewable.jpg); float:left;}
	#slideContainer03 .promoImageAboutusLongTerm {width: 326px; height: 250px; background: top no-repeat url(/images/aboutus/longtermplan/rotatingHome/smartGrid.jpg); float:left;}
	/* ECO HOME */
	#slideContainer01 .ecoHome {width: 326px; height: 250px; background: top no-repeat url(/images/aboutus/eco/windmill.jpg); float:left;}
	/* Content Callouts */
	div.longtermSunrise {background: top no-repeat url(/images/aboutus/longtermplan/commRenewSolar.png); width: 450px; height: 321px; padding: 0 0 10px 22px;}
	div.longtermSmartmeter {background: top no-repeat url(/images/aboutus/longtermplan/commSMDR.png); width: 450px; height: 321px; padding: 0 0 10px 22px;}
	div.longtermWind {background: top no-repeat url(/images/aboutus/longtermplan/commDiffEnergy.png); width: 450px; height: 321px; padding: 0 0 10px 22px;}
	div.longtermAction {background: top no-repeat url(/images/aboutus/longtermplan/commFridgeShopping.png); width: 450px; height: 321px; padding: 0 0 10px 22px;}
	
/**** Kids ****/
.kidsHome {background: top no-repeat url(/images/kids/main_promo_img.jpg); height: 225px;}
	.kidsHomeCopy {padding: 15px 10px; color: #000;}
	
/**** Safety ****/
	.safetyMain {background: top no-repeat url(/images/safety/safetyHomePromo.jpg); height: 225px;}
	.safetyNaturalGas {background: top no-repeat url(/images/safety/safetyNaturalGasPromo.jpg); height: 225px;}
	.safetyElectric {background: top no-repeat url(/images/safety/safetyElectricPromo.jpg); height: 225px;}
	.safetyMainCopy, .safetyElectricCopy, .safetyNaturalGasCopy {background: top no-repeat url(/images/safety/safetyOverlay.jpg);
		padding: 10px;
		width: 153px; height: 205px;
		float: right; color: #000;}
	/*.safetyNaturalGasCopy {float: left; filter:alpha(opacity=85); opacity: .85; background: #fff; padding: 10px; margin: 37px 0 0 0; color: #000;}*/
	.phValveTxtContainer {width: 113px; height: 234px; padding: 0 20px 0 0; margin: 0; float: right;}
.phValveTxtContainer h2 {font: bold .8em Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #000; display: block; padding: 8px 12px 0 9px;}
.phValveTxtContainer p {font: .7em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #000; margin: 0; padding: 0 10px 0 9px;}
div.electricSafety {background: top no-repeat url(/images/safety/electricalSafety.png); width: 450px; height: 163px; padding: 0 0 10px 22px;}
.electricSafetyTxtContainer {width: 113px; height: 163px; padding: 0 20px 0 0; margin: 0; float: right;}
.electricSafetyTxtContainer h2 {font: bold .8em Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #000; display: block; padding: 8px 12px 0 9px;}
.electricSafetyTxtContainer p {font: .7em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #000; margin: 0; padding: 0 10px 0 9px;}

a.orangeButtonBlank {width: 108px; height: 43px; background: top no-repeat url(/images/safety/firePrep/orangeBlankButton.png); display: block; float: right; margin: 2px 10px 0 0; padding: 7px 8px 0 8px;
			font: bold .8em Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-align: center;}

/**** Your Bill Table Styling ****/
.thMain h3 {text-align: center; color:#fff; padding: 5px 0 0 0;}

/**** Smart Meter Rollout Map Styles ****/
div.smartmeterMapMini {width: 450px; height: 271px; padding: 0 0 20px 0; margin: 0 auto; display: block;}
.smartmeterMapTxtContainer {width: 151px; height: 271px; padding: 0; margin: 0; float: right; background: top no-repeat url(/images/smartmeter/interactiveMapMiniTxtCntnr.png);}
.smartmeterMapTxtContainer h2 {font: bold .8em Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #000; display: block; padding: 8px 12px 0 17px;}
.smartmeterMapTxtContainer p {font: .7em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #000; margin: 0; padding: 0 10px 0 17px;}
a.smartmeterMapMini {width: 299px; height: 271px; display: block; margin: 0; background: top no-repeat url(/images/smartmeter/interactiveMapMini.png); float:left;}
div.phValve {background: top no-repeat url(/images/safety/ph_valve.png); width: 450px; height: 234px; padding: 0 0 10px 22px;}

div.HAN {width: 450px; height: 271px; padding: 0 0 20px 0; margin: 0 auto; display: block;}
.HANTxtContainer {width: 151px; height: 271px; padding: 0; margin: 0; float: right; background: top no-repeat url(/images/smartmeter/HANMiniTC.png);}
.HANTxtContainer h2 {font: bold .8em Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #000; display: block; padding: 8px 12px 0 17px;}
.HANTxtContainer p {font: .7em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #000; margin: 0; padding: 0 10px 0 17px;}
a.HANMini {width: 299px; height: 271px; display: block; margin: 0; background: top no-repeat url(/images/smartmeter/HANMini.png); float:left;}

div.phValve {background: top no-repeat url(/images/safety/ph_valve.png); width: 450px; height: 234px; padding: 0 0 10px 22px;}


div.sdgeHAN {width: 389px; height: 170px; padding: 0; margin: 0 auto 10px auto; display: block;}
.sdgeHANTxtContainer {width: 128px; height: 170px; padding: 0; margin: 0; float: right; background: top no-repeat url(/images/smartmeter/sdgeHANMiniTxt.png);}
.sdgeHANTxtContainer h2 {font: bold .8em Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #000; display: block; padding: 8px 12px 0 12px;}
.sdgeHANTxtContainer p {font: .7em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #000; margin: 0; padding: 0 10px 0 12px;}
a.sdgeHAN {width: 261px; height: 170px; display: block; margin: 0; background: top no-repeat url(/images/smartmeter/sdgeHANMini.png); float:left;}

div.billInteractive {width: 389px; height: 170px; padding: 0; margin: 0 auto 10px auto; display: block;}
.billInteractiveTxtContainer {width: 128px; height: 170px; padding: 0; margin: 0; float: right; background: top no-repeat url(/images/smartmeter/sdgeHANMiniTxt.png);}
.billInteractiveTxtContainer h2 {font: bold .8em Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #000; display: block; padding: 8px 12px 0 12px;}
.billInteractiveTxtContainer p {font: .7em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #000; margin: 0; padding: 0 10px 0 12px;}
a.billInteractive {width: 261px; height: 170px; display: block; margin: 0; background: top no-repeat url(/images/yourbill/bill_interactive_mini.png); float:left;}

/**** Residential ****/
div.goGreen {width: 450px; height: 213px; padding: 0 0 10px 22px; background: top no-repeat url(/images/residential/ggsgLargeS.png);}
a.goGreenClickThrough {display: block; width: 290px; height: 213px; float: left; text-indent: -999px;}
.renewableTxtContainer {height: 213px; width: 130px; float: right; padding: 10px 22px 10px 0; margin: 0;}
	.renewableTxtContainer h2 {font: bold .8em Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #000; display: block; padding: 8px 0 0 0;}
div.thermKit {background: top no-repeat url(/images/residential/thermDYK.png); width: 450px; height: 271px; padding: 0 0 10px 22px;}
.thermKitTxtContainer {height: 213px; width: 210px; float: right; padding: 10px 22px 10px 0; margin: 0;}
	.thermKitTxtContainer h2 {font: bold .8em Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #000; display: block; padding: 8px 0 0 0;}
div.applianceTurnIn {background: top no-repeat url(/images/campaigns/smartLiving/refrigTurnIn.png); width: 450px; height: 321px; padding: 0 0 10px 22px;}
div.summerSaver {background: top no-repeat url(/images/campaigns/smartLiving/summerSaver.png); width: 450px; height: 321px; padding: 0 0 10px 22px;}
#lightingExchange { }
#lightingExchange div.lightingProductContainer {width: auto; margin: 0 0 10px 0;}
#lightingExchange div.lightingProductContainer h1 {font: bold .9em Verdana, Arial, Helvetica, sans-serif; color: #ff0033; border-bottom: 1px solid #ccc; padding: 0 0 2px 0; margin: 0 0 4px 0;}
#lightingExchange div.exchangeElement {width: 112px; display: block; float: left; margin: 0 6px 0 0;}
#lightingExchange div.exchangeElement p {font: normal .7em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 3px 0;}
#lightingExchange div.exchangeElement img {margin: 0 0 5px 0;}	

/**** Campaigns ****/
div.smartLiving {background: top no-repeat url(/images/campaigns/smartLiving/trees.jpg); width: 450px; height: 300px; padding: 0 0 10px 22px;}
.everydayHome {background: top no-repeat url(/images/everyday/1110kilowatts.jpg); width:494px;height:225px;}
	
/**** Customer Assistance ****/
.customerAssistanceHome {background: top no-repeat url(/images/residential/assistance/careMain.jpg); height: 225px;}
.customerAssistanceHomeCopy {float: left; filter:alpha(opacity=75); opacity: .75; background: #fff; padding: 10px; margin: 143px 0 0 0; color: #000;}

/**** Winter Prep 2009/2010 ****/
.winterPrepHome {background: top no-repeat url(/images/promo/winter/winter_promo_image.jpg); height: 250px;}
.winterPrepHomeCopy {float: left; filter:alpha(opacity=75); opacity: .75; background: #fff; padding: 10px; margin: 165px 0 0 0; color: #000;}
.winterLinkCopy {float: right;padding: 10px; margin: 155px 20px 0 0; color: #000;}
.winterLinkCopy.ul {font-size:16px;font-weight:bold;}


/**** Business Center Home****/
.businessHomeCopy {float: left; filter:alpha(opacity=75); opacity: .75; background: #fff; padding: 10px; margin: 143px 0 0 0; color: #000;}
	
/**** CARE 3rd Party Form Additional Styles	 ****/
table.fixTableFonts2 {font: 1em a Verdana, Arial, Helvetica, sans-serif;}
table.fixTableFonts2 td {padding:0;margin:0px;}

/**** KIDS Area PROMO****/
/* ROTATING PROMO - BUSINESS HOME */
a.getTips {display: block; width: 119px; height: 17px; margin: 0 0 7px 0; padding: 0; background: top no-repeat url(/images/promo/business/tips.jpg); text-indent: -9999px;}
a.findRebates {display: block; width: 119px; height: 17px; margin: 0 0 9px 0; padding: 0; background: top no-repeat url(/images/promo/business/rebates.jpg); text-indent: -9999px;}
	/* 01 */
	#slideContainer01 .promoImagekids {width: 326px; height: 250px; background: top no-repeat url(/images/kids/frame01.jpg); float:left;}
	/* 02 */
	#slideContainer02 .promoImagekids {width: 326px; height: 250px; background: top no-repeat url(/images/kids/frame02.jpg); float:left;}
	/* 03 */
	#slideContainer03 .promoImagekids {width: 326px; height: 250px; background: top no-repeat url(/images/kids/frame03.jpg); float:left;}
	/* 04 */
	#slideContainer04 .promoImagekids {width: 326px; height: 250px; background: top no-repeat url(/images/kids/frame04.jpg); float:left;}
	
	
/**** NEM Area Promo ****/

/* 01 */
	#slideContainer01 .promoImageNem {width: 326px; height: 250px; background: top no-repeat url(/images/promo/nem/frame01.jpg); float:left;}
	/* 02 */
	#slideContainer02 .promoImageNem {width: 326px; height: 250px; background: top no-repeat url(/images/promo/nem/frame02.jpg); float:left;}
	/* 03 */
	#slideContainer03 .promoImageNem {width: 326px; height: 250px; background: top no-repeat url(/images/promo/nem/frame03.jpg); float:left;}
	
/**** WINTER Area Promo ****/

	/* 01 */
	#slideContainer01 .promoImageWin {width: 326px; height: 250px; background: top no-repeat url(/images/promo/winter/frame01.jpg); float:left;}
	/* 02 */
	#slideContainer02 .promoImageWin {width: 326px; height: 250px; background: top no-repeat url(/images/promo/winter/frame02.jpg); float:left;}
	/* 03 */
	#slideContainer03 .promoImageWin {width: 326px; height: 250px; background: top no-repeat url(/images/promo/winter/frame03.jpg); float:left;}
	
/**** SUMMER Area Promo ****/

	/* 01 */
	#slideContainer01 .promoImageSum {width: 326px; height: 250px; background: top no-repeat url(/images/promo/summer/frame01.jpg); float:left;}



/*DEMAND RESPONSE EVENTS*
#slideContainer01 .drEvents {width: 326px; height: 250px; background: top no-repeat url(/images/business/esc/drpEvents/eventGraphic.jpg); float:left;}
#drpEventRightBackground {background: right no-repeat url(/images/business/esc/drpEvents/eventRightBackground.jpg);}
#drEvents p, #drEvents h1 {color: #ff0033;}

/*VDIEO FRAME*/
#videoFrame {width: 955px; height: 537px; overflow: hidden; background: #292929; margin: 0 auto; /*padding: 3px 5px;*/}
#videoFrame .noVideoForm {border: 3px solid #003399; background: #e8efff; padding: 10px; margin: 20px auto; width: 550px; display: none; text-align: center;}
#videoFrame .noVideoForm h2 {font: normal 1.5em Arial, Helvetica, sans-serif; color: #333; margin: 0 0 10px 0; padding: 0;}
#videoFrame .noVideoForm #newVideoPath {border: 2px solid #ccc; background: #eaeaea; display: block; width: 100%; margin: 0 0 5px 0; font-size: 150%;}
#videoFrame .noVideoForm #getNewVideo {border: 2px solid #ccc; background: #eaeaea; display: block;  margin: 0 auto 5px auto;}

/*ALERT*/
.ieBox {width: 909px; margin: 0 auto; display: none; padding: 10px 33px 5px 33px; background: top repeat-y url(/images/includes/index_background_thirdParty.jpg);}
.ieBox h1 {margin: 0 0 5px 0; font: bold .9em Verdana, Arial, Helvetica, sans-serif; color: #333;}
.ieBox p {margin: 0 0 8px 0; padding: 0; font: normal .75em Arial, Helvetica, sans-serif; color: #333;}
.ieBox a, .ieBox a:visited {color: #000; text-decoration: underline;}
.ieBox a:hover {color: #000; text-decoration: underline;}
a.browserIcon {display: block; width: 180px; height: 36px; text-indent: -9999px; float: left; margin: 0 10px 0 0;}
.chrome {background: top no-repeat url(/images/mockups/newBrowserIcons/chrome_button.gif);}
.ie8 {background: top no-repeat url(/images/mockups/newBrowserIcons/ie8_button.gif);}
.ff {background: top no-repeat url(/images/mockups/newBrowserIcons/ff_button.gif);}
.ieBox li {font: .75em Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 0 5px 15px; padding: 0 0 0 0; list-style: disc outside url(/images/mockups/list_style/black.gif);}

/* ENVIRONMENT -> CLEAN TRANSPORTATION */
a.pluginReadySanDiego {background: top no-repeat url(/images/environment/cleanTransportation/cleanTransportSmallGlobal.png); width: 242px; height: 226px; float: right; display: block;}
.enviroCTeveryday {background: top no-repeat url(/images/environment/cleanTransportation/cleanTransportSlide1.png);}
.enviroCTgogreen {background: top no-repeat url(/images/environment/cleanTransportation/cleanTransportSlide2.jpg);}
.enviroCTpriusComputer {background: top no-repeat url(/images/environment/cleanTransportation/cleanTransportSlide4.png);}
.enviroCTprius {background: top no-repeat url(/images/environment/cleanTransportation/cleanTransportSlide5.png);}
.cTMiniPromoOneA {background: top no-repeat url(/images/environment/cleanTransportation/cleanTransportSmallGlobal_alt.png); height: 250px;}

/* ENVIRONMENT -> SUSTAINABLE COMMUNITIES */

.sustainableSlide1 {background: top no-repeat url(/images/environment/sustainable/sustainableSlide1.jpg);}
.sustainableSlide2 {background: top no-repeat url(/images/environment/sustainable/sustainableSlide2.jpg);}
.sustainableSlide3 {background: top no-repeat url(/images/environment/sustainable/sustainableSlide3.jpg);}
.sustainableSlide4 {background: top no-repeat url(/images/environment/sustainable/sustainableSlide4.jpg);}


/* SMARTMETER HOME SLIDES */
div.smartMeterNewFace {background: top no-repeat url(/images/smartmeter/homePromo/slide1.jpg); width: 494px; height: 250px;}
div.smartMeterVideo {background: top no-repeat url(/images/smartmeter/homePromo/slide2.jpg); width: 494px; height: 250px;}
div.smartMeterRollOut {background: top no-repeat url(/images/smartmeter/homePromo/slide3.jpg); width: 494px; height: 250px;}
div.smartMeterNewFace div.copy, div.smartMeterVideo div.copy, div.smartMeterRollOut div.copy {margin: 175px 0 0 0;}
div.smartMeterNewFace div.copy {margin: 200px 0 0 0;}
div.smartMeterVideo a.smartMeterVideoClick {display: block; width: 75px; height: 75px; float: left; margin: 75px 0 0 125px; text-indent: -9999px;}

/* COMMUNITY PAGES */
.communityMain {background: top no-repeat url(/images/community/community_main_img.jpg); height: 225px;}
.commMainCopy {float: left; padding: 10px; margin: 100px 0 0 0; color:#000; background: #fff; filter:alpha(opacity=80); opacity: .80;}
table.tsTable .leftalign {text-align:left; text-transform:capitalize;}

.tbsform {text-align:center; margin:10px;padding:10px;}

/* HIGH WIND WARNING */
#highwindwarning {
	width: 270px;
	height: 98px;
	display: block;
	background: top no-repeat url(/images/emergency_banners/redflag_warning.png);
	margin: 0 0 0 3px;
	overflow: visible;
	text-indent: -99999px;
}

/* MYACCOUNT LOGIN */
#loginwrapper {width: 175px; /*192-17*/ height: 209px; /*259-50*/ overflow: visible; margin: 0 0 0 -37px; padding: 50px 0 0 17px; background: top no-repeat url(/images/myaccount/login/login-background.png);}
	
#loginwrapper a, #loginwrapper a:visited {color: #003399; text-decoration: underline;}
#loginwrapper a:hover {color: #ff0033; text-decoration: none;}

#loginwrapper p {font: bold .7em Verdana, Geneva, sans-serif; color: #010101; margin: 0 0 5px 0;}
#loginwrapper input.logininfo {border: 1px solid #75777b; margin: 0 0 5px 0;}

#loginwrapper ul {margin: 0 0 14px 13px; padding: 0;}
#loginwrapper ul li {list-style: disc outside url(/images/mockups/list_style/black.gif); font: normal .7em Verdana, Geneva, sans-serif; color: #010101;}

#loginForm {margin: 0 0 0 5px;}

#loginwrapper #malogin {
	margin: 0 0 10px 0;
	background: #0193d5 -moz-linear-gradient(top,  #0193d5,  #003399);
	background: -webkit-gradient(linear, left top, left bottom, from(#0193d5), to(#003399)); /*safari*/
	padding: 3px 20px;
	color: #fff;
	font: bold .7em Verdana, Geneva, sans-serif;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	border: none;
}

#rotatingWrapper div.content.carousel-no-graphic { text-align: center; }
#rotatingWrapper div.content.carousel-no-graphic h1 { margin: 0 0 10px 0; font: normal 1.8em Verdana, Geneva, sans-serif; }
#rotatingWrapper div.content.carousel-no-graphic p { margin: 0 0 15px 0; font: normal 1.2em Verdana, Geneva, sans-serif; }
#rotatingWrapper div.content.carousel-no-graphic p a.getMoreInfo { margin-left: 0; }