/* 
    INDEX OF COMMON STYLES

    .b, .bold
    .center
    .i, .italic, .italisized
    .u, .underline
    .rt, .regularText
    UL LI (default List Item style for all Unordered Lists)
    .global_text_align_center, .center
    .global_text_align_right, .right
    .clear    
    .global_alert_data
    .global_alert_data_highlighted
    .global_alert_header_text
    .global_annotate, .global_annotation
    .global_box_outline
    .global_body_copy_text
    .global_body_highlighted
    .global_button
    .global_button_spacer
    .global_caption_text
    .global_content_separator, HR
    .global_customer_name
    .global_float_left
    .global_float_right
    .global_form_big_error
    .global_form_field
    .global_form_field_error
    .global_instruction
    .global_left_nav_top_subbar
    .global_page_title_header
    .global_sidebar_header, .sidebar_heading
    .global_subhead
    .global_subhead2
    .global_table_data
    .global_table_data_highlighted
    .global_table_error
    .global_table_heading
    .global_tagline
    .global_task_box_button_text
    .global_taskbox_header
    .global_testimonial_text
    .global_title_top_bar

    .TableDefaultLayout table
    .TableDefaultLayout table.cssContainer
    .TableDefaultLayout th
    .TableDefaultLayout .header_spacer
    .TableDefaultLayout tr
    .TableDefaultLayout tr.cssAltDataRow
    .TableDefaultLayout td  
*/

body
{
	height:100%;
	min-height:100%;
	border:0px solid black;	
	padding:0;
	margin:0;
}

sup
{
    font-size:10px;  
}

IMG
{
    border:0 0 0 0;
}


.reset_layout
{
	width:auto;
	height:auto;
	position:static;
	float:none;
}

.colorGray1, a.colorGray1, a:hover.colorGray1, a:visited.colorGray1,
.global_form_field
{ 
	color: #242424; 
}
.colorGray2, a.colorGray2, a:hover.colorGray2, a:visited.colorGray2 
{ 
	color: #616161; 
}
.colorGray3, a.colorGray3, a:hover.colorGray3, a:visited.colorGray3
{ 
	color: #acacac; 
}
.colorGray4, a.colorGray4, a:hover.colorGray4, a:visited.colorGray4
{ 
	color: #f2f2f2; 
}

.bgcolorGray1
{
	background-color: #242424; 
}

.bgcolorGray2
{
	background-color: #616161; 
}

.bgcolorGray3
{
	background-color: #ACACAC; 
}

.bgcolorGray4
{
	background-color: #f2f2f2; 
}

/*  
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@                                                                 @@@
@@@     GLOBAL STYLES                                               @@@
@@@     -------------------------                                   @@@
@@@     These styles are typically used accross multiple pages and  @@@
@@@     master pages. Most styles used by the common developer      @@@
@@@     are found here.                                             @@@
@@@                                                                 @@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

.b,                                 /* bolds the text to common bold weight */
.bold
{
    font-weight:bold    
}

.i,                                 /* italicizes the text */
.italic,
.italicized                         
{
    font-style:italic;   
}

.u,
.underline
{
    text-decoration:underline;   
}
.rt, .regularText                   /* resets text decoration */
{
    text-decoration:none;
    font-style:normal;
}

.global_text_align_center,          /* aligns text to the center - best used in DIV tag */
.center
{
    text-align:center;
}

.global_text_align_right,           /* aligns text to the right - best used in DIV tag */                 
.right
{
    text-align:right;
}

.clear                              /* clears any CSS floating elements */ 
{
	clear:both;
}
.global_alert_data                  /* standard body font for important messages, alerts etc... */
{
    font-family:Arial,Helvetica;
	font-size:12px;	
	color: #891B07;    
}
.global_alert_data_highlighted      /* bold: standard body font for important messages, alerts etc... */
{
    font-family:Arial,Helvetica;
	font-size:12px;	
	font-weight:bold;
	color: #891B07;
}
.global_alert_header_text           /* standard header font for important messages, alerts etc... */      
{
    font-size:13px;
    color: #891B07;
    padding-bottom:7px;
}
.global_annotate,                   /* font used to annotate images, controls etc.. */
.global_annotation
{
    font-size:10px;
	color:#242424;
}
.global_annotate_small              /* used in small and tight areas.. */
{   
    font-family:Arial, Helvetica, Sans-Serif;
	font-size:9px;
	color:#242424;
}
.global_box_outline                 /* when using a DIV, draws a border around the content contained within */
{
    border: #acacac 1px solid;
    padding:5px 5px 10px 5px;   
}
.global_body_copy_text              /* default body text: applied on the Global.master template file */
{
	font-family:Arial, Helvetica;
	font-size:13px;
	line-height:16px;
	color:#242424;	
}
.global_body_highlighted            /* text used in body copy which is intended to stand out */
{
	font-weight:bold;
	color:#616161;
}

.global_button                    /* style for navigation buttons (such as Submit, Previous, Next etc.. */
{
	width: 75px;
	height: 20px;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight:bold;
	color:#3D4B84;
	cursor:hand;
	border: solid 1px #ACACAC;
	background-color: #F2F2F2;		   
}

.btnSubmit_quick_login
{
    padding-right:10px;   
}

/* the following style is for styling an achor to be a button */
.global_button_spacer               /* used with multiple buttons. do not include on far-right button */
{    
    margin-right:4px;   
}
.global_caption_text                /* generally used to caption the header images, just below the image */
{
    font-family:Arial, Helvetica, Sans-Serif;
	font-size:10px;
	color:#242424;
	font-weight:bold;
}
.global_content_graphic,             /* used for content and graphics. adds a left and bottom spacer, and also floats the text so it's even with the top */
.global_content_float                
{
    padding-right:14px;
    padding-bottom:14px;
    float:left;
    clear:both;
}
.global_content_separator,          /* generally used to separate functional areas on one page */
HR
{
	width:100%;
	height:1px;
	color:#ACACAC;
}
.global_customer_name               /* font style for customer & co-customer name */
{
	font-family:Palatino Linotype;
	font-size:20px;
	color:#242424;
	line-height:26px; /* 3px padding above and below */
}

.global_float_left                  /* floats an element to the left - use sparingly  */
{
    float:left;   
}
.global_float_right                 /* floats an element to the left - use sparingly  */
{
    float:right;   
}
.global_form_big_error,             /* the big page error (at the top) that's displayed when a form contains an error */
.big_error
{
    font-family:Arial,Helvetica;
	font-size:15px;
	font-weight:bold;
	color:#FF0000;	
}
.global_form_field
{
	font-family:Arial,Helvetica;    /* form label text style */
	font-size:12px;
}
.global_form_field_error            /* error message text */
{
	font-family:Arial,Helvetica;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;	
}
.global_form_error_big
{
    font-family:Arial,Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
}

.global_instruction                 /* font used for instructional text */
{
    font-family:Arial, Helvetica, Sans-Serif;
	font-size:10px;
	color:#242424;
	font-weight:bold;
}
.global_left_nav_top_subbar         /* the small colored bar in the upper top-left portion of the left nav */
{
	/* themed */
	width:140px;
	height:9px;
	font-size:8px; /* IE6 does not display correctly w/o this font declaration. eye-ball comparison suggests 8px is more accurate */
	/*background-color: #0069B1;*/
}
.global_page_title_header           /* page title header style (ie, View Your Bills) */
{
	/* themed */
	font-family:Palatino Linotype;
	font-size:20px;	
	line-height:26px;
	/*color:#0288B7;	*/
}

.global_page_title_header sup
{
    font-size:12px;
    line-height:22px;
    vertical-align:top;   
}

.global_sidebar_header,             /* the colored sidebar subheader */
.sidebar_heading                    
{
	/* themed */
	font-family:Arial, Helvetica;
	font-size:13px;
	line-height:15px;
	/*color: #0288B7;	*/
}

.global_sidebar_graphic
{
    padding-right:7px;
    padding-bottom:7px;
    float:left;
    clear:both;
}

.global_subhead                     /* colored subheader */
{
	/* themed */
	font-family:Arial, Helvetica;
	font-weight:bold;
	font-size:15px;
	clear: both;
	/*color:#0288B7;*/
}
.global_subhead2                    /* black subheader */
{
	font-family:Arial, Helvetica;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	color:#000000;
}
.global_table_data                  /* standard font style to use within table data */
{                                   /* changed style per Jeana's e-mail note on 2/8/08 - jcillis */
	font-family:Arial,Helvetica;
	font-size:12px;	
	color:#616161; 
}
.global_table_data_highlighted      /* font style to use to highlight table data */ 
{                                   /* changed style per Jeana's e-mail note on 2/8/08 - jcillis */
	font-family:Arial,Helvetica;
	font-size:12px;	
	font-weight:bold;
	color:#616161; 
}
.global_table_error                 /* styles a dashed border around the contained content */
{    
	border-color: Red;
	border-right: red thin dashed; 
	border-top: red thin dashed; 
	border-left: red thin dashed; 
	border-bottom: red thin dashed;	
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.global_table_heading               /* standard font style for table column header */
{
	font-family:Arial,Helvetica;
	font-size:12px;	
	font-weight:bold;
	color:#000000;
}
.global_tagline                     /* generally used just under, and, to annotate the page title */
{
	font-family:Arial, Helvetica;
	font-weight:bold;
	font-size:13px;
	line-height: 16px;
	color:#616161;
	margin-bottom:20px;
}
.global_tagline sup
{
    font-size:10px;
	line-height: 10px;
	vertical-align:top;
}

.global_task_box_button_text        /* style used in the task buttons */
{
	font-family:Arial, Helvetica;
	font-size:12px;
	font-weight:bold;
}
.global_taskbox_header              /* header used in common task box (ie, "Sign in") */
{ 
	font-family:Arial, Helvetica; 
	font-size:14px; 
	color:#242424;
	font-weight:bold;	
}
.global_testimonial_text            /* style used to brand the value, character and voice of the main graphics shown */
{
	font-family: Palatino Linotype, Arial, Helvetica;
	font-style:italic;
	font-size: 16px;
	line-height: 20px;
	color: #616161;
	width:580px;
	margin-bottom:30px;	
}
.global_text_block                  /* contains the text in a visual block - so when in a div that is floating next to an image (for example) the text will not wrap under the image  */
{
    display:table-cell;   /* makes it work in Firefox */
    display:inline-block; /* makes it work in IE - this MUST be the last property in the style list! */
}
.global_title_top_bar               /* the top bar graphic */
{
	background-color:#242424; 
	width:100%; 
	height:18px;
}




/* styles used for graphs, charts, etc...             */
/* please refer to style guide for visual definitions */
/* -------------------------------------------------- */
.global_axis_label
{
    font-family:Arial, Helvetica;
    font-size:11px;
    color: #656565; 
}
.global_chart_sub_label
{
    font-family:Arial, Helvetica;
    font-size:13px;
    /* font-weight:bold;*/
    color: #656565;    
}
.global_data_label
{
    font-family:Arial, Helvetica;
    font-size:10px;
}
.global_explainatory_line
{
    font-family:Arial, Helvetica;
    font-size:11px;
    color: #656565;   
}
.global_data_label_contrast
{
    color:#FFFFFF;   
}
.global_key_label
{
    font-family:Arial, Helvetica;
    font-size:10px;
    color: #959595; 
}
.global_pie_wedge_label
{
    font-family:Arial, Helvetica;
    font-size:11px;
    color: #656565; 
}
/* -^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-------------------- */
/* end styles for graphs, charts, etc...                  */


/* deprecate this class, we need more than one that is descriptive to the template */
.global_page_title_topMargin
{
    margin-top:40px;
}

.global_page_title_topMargin_nonFunctional
{     
    /* there should be a 42px gap between the top bar and page header...but 
    the page header itself adds pixels in it's line-height, so we have to 
    compensate in our class */
    margin-top:35px;
   /*
        added this class on 6/25/08 - consuming Master pages are:
        - Fifth_Sixth_Level.master
   */
}


.global_inner_navigation_well
{
	position:relative;
	top:0px;
	padding-bottom:0px;
}
.global_section_landing_container
{
    width:400px   
}

.global_fifth_nav_bottom_pad
{
    position:relative;
	top:0px;
	padding-bottom:20px;   
}

.global_section_title /* spacing class */
{
    /* non-functional pages */
    padding-top:32px; /* this should be 33px, but the image adds 1px, so compensating */
	padding-left:25px;
	padding-bottom:40px;
	width:170px;
	border:solid 0px red;
	/*
        master pages that consume this class:
        - Fifth_Sixth_Level.master
    */
}
.global_functional_section_title /* spacing class */
{
    padding-top:37px;
	padding-left:25px;
	padding-bottom:23px;
	width:170px;
	border:solid 0px red;
}
.global_section_frame /* left-nav & "section" spacing class */	
{
	vertical-align:top;
	min-width:205px;
	border:solid 0px red;
}
.testing123
{
    padding:0px;
	margin:0px;
	line-height:0px;
	font-size:0px;
	display:block;
}

#global_storm_alert_outer_region
{
    width:605px;
    border:solid 0px green;
    margin-bottom:30px;
}

.global_storm_alert_content_bottomMargin
{
    margin-bottom:10px;   
}

#global_storm_alert_left_region
{
    vertical-align:top;    
    background-color:#ECECEC;
    width:340px;
    border:solid 0px #000000;
    min-height:150px;
    height:150px;
}

#global_storm_alert_right_region
{
    vertical-align:top;
    background-color:#FFFFFF;
    width:265px;
    border:solid 0px green;
    min-height:150px;
    height:150px;
}

.global_storm_alert_content_well
{
    margin-left:25px;
    padding-top:10px;
    padding-right:8px;  
}

.global_page_title /* outer content header container that includes the black bar */
{
	width:305px;
	vertical-align:top;
	border:solid 0px red;
	padding-right:15px;
}
.global_page_title_img  /* page title image to the right */
{
	vertical-align:top;
	width:80px;
	border:solid 0px green;
}
.global_page_title_content_well
{
	/*width:295px;*/
	border: solid 0px green;
	margin-right:0px;
	min-height:70px;	
}
.global_page_title_functional_content_well
{
    /*width:295px;*/
	border: solid 0px green;
	margin-right:0px;
	min-height:0px;
}
.global_content_frame
{	
	table-layout:fixed;
	border:solid 0px green;
}
.global_content_narrow_well
{
	width: 320px;
	min-height:100%;
}
.global_content_spacer /* deprecate this class - it's not really applicable for ALL templates... */
{
    height:0px;
}
.subsection_content_spacer
{
    /* this is essentially 15px - other elements on the page. that are uncontrollable, add aprx. 9 pixels */
    padding-top:6px;
    /*
        master pages that consume this class are:
        - Fifth_Sixth_Level_Sidebar.master
        - Fifth_Sixth_Level_Sidebar_Taskbar.master
    */
}

.subsection_sidebarOnly_content_spacer
{
    /* this is essentially 15px - other elements on the page. that are uncontrollable, add aprx. 9 pixels */
    padding-top:8px;
    /*
        master pages that consume this class are:
        - Fifth_Sixth_Level_Sidebar.master
    */
}

.global_content_wide_well
{
	width: 400px;
	min-height:100%;
}
.global_self_service_tasks /* outer container */
{
	background-color: #FFFFFF;
	padding-bottom: 40px;
}
.global_self_service_task_item
{
	width: 150px;
	border: 1px solid #ACACAC;
	text-indent:8px; 
	padding-top:5px;	
	padding-bottom:5px;
	padding-right:0px;
	margin-top:5px;
	cursor:default;
}

.global_page_title_caption_well
{
	margin-top:1px;     /*  1px here is essentially 5px as there are other elements on the page adding the 5px (line-height) */
	margin-bottom:13px; /* 13px here is essentially 20px (same as above reason). */
	/*
        masterpages that consume this class:
        - SectionLanding.master
    */
}

.global_no_nav_content_container
{
	width:470px;
	margin-left:25px;	
}
.global_right_tasks_region
{
    #position:relative; /* # = IE-specific (do not change) */
    #top:-1px;          /* # = IE specific (do not change) */
	vertical-align:top;	
	padding-left:30px;
	border:solid 0px green;
}
.global_right_tasks_region_with_touts
{
    #position:relative; /* # = IE-specific (do not change) */
    #top:-1px;          /* # = IE specific (do not change) */
	vertical-align:top;	
	padding-left:25px;
	border:solid 0px green;
}

.global_right_tasks_region_float
{
    margin-left:600px;
	width:170px;
}
.global_task_region_offset
{
	 position:relative;
	 top:-5px; /* css vertical-align doesn't position all the way to top */
}
.global_tout
{	
    margin-bottom:10px;
	width:170px;
	border:solid 0px green;
}
.global_touts_container
{
	margin-left:-15px;
}

.global_table_all_content
{
	float:left;
	vertical-align:top;
	border:solid 0px green;	
}
.global_topNav_bottomMargin
{
    height:20px;   
}
.global_customer_names_well
{
	margin-top:5px;
	height:53px;
}
.global_co_customer_name_well
{	
	height:30px;
}


/* section landing styles */
.sectionLanding_content_well
{
    width: 320px;
}


/* Layout styles related to the Global.master */
.gmaster_div
{
	background-color:#FFFFFF;
	position:relative;
	border:solid 0px green;
	width:800px;		
}
.gmaster_utility
{
	height:45px; /* should be 50px, but compensating for gap (about 5px) in element below */
	background-color: #FFFFFF;
	border:0px solid #000000;
	width:100%;
	padding:0;
}
.gmaster_utility_table
{
	position:absolute;
	top:0;
	right:0;
	height:35px;
	border: 0px solid #FF0000;
	padding:0;
	margin:0;
}
.gmaster_utility_table td
{
	white-space: nowrap;
}
.gmaster_utility_text
{
	/* font:bold 10px "Arial, Helvetica"; */
	padding-top:2px;
	font-family:Arial, Helvetica;
	font-size:10px;
	font-weight:bold;
	color:#242424;
}
.gmaster_utility_div_separator
{
	height:35px;
	width:2px;
	background-color:#ACACAC;
	margin-left:30px;
	margin-right:30px;
}
.gmaster_utility_searchbox
{

}
.gmaster_utility_go
{
	padding-right:30px;
	padding-left:5px;
}
.gmaster_utility_sign_in
{
	font:bold 14px "Arial,Helvetica";
	width:150px;
	background-color:#ECECEC;
	border: 1px solid #F2F2F2;
}
.gmaster_utility_right_gutter
{
	height:35px;
	width:15px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

/* begin top level menu styles */

.bgcolorTransparent           
{ 
	background-color: Transparent; 
}        
.businessContent .bgcolor2 
{ 
	background-color: #e8a000; 
}

.residentialContent .bgcolor2 
{ 
	background-color: #bdd146; 
}

.defaultContent .bgcolor2 
{ 
	background-color: #006b91; 
}


.global_generic_UL LI
{
    background-image:none;
    padding:0px;
    margin:0;
    list-style-type:disc;
}
.disc LI { list-style-type:disc; }
.circle LI { list-style-type:circle;}
.square LI { list-style-type:square;}
.global_LI_style_none LI { list-style-type:none; }

.decimal LI { list-style-type:decimal; }
.roman_upper LI { list-style-type:upper-roman; margin-left: -7px; }
.alpha_upper LI { list-style-type:upper-alpha; }
.roman_lower LI { list-style-type:lower-roman; margin-left: -7px; }
.alpha_lower LI { list-style-type:lower-alpha; }

UL, OL
{
    margin-top:10px;
    margin-bottom:0px;   
}
UL LI                               /* sets the default List Item style for Unordered Lists */
{
	position:relative;
	top:-6px;
	list-style-type:none; /* hide the default disc graphic */
	padding-left: 10px;   /* indent the text so the graphic sits well */
    background-image: url(../Images/bullet11px.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px; /* vertically align the graphic to center of text */    
    margin-top: 4px;  /* sets the space between each LI */
	margin-left: -38px; /* lines up the LI with the UL */    
}

OL LI                               /* sets the default List Item style for Ordered Lists */
{
	position:relative;
	top:-6px;
	list-style-position:outside;
	padding-left: 0px;   /* indent the text so the graphic sits well */
    margin-top: 4px;  /* sets the space between each LI */
	margin-left: -12px; /* lines up the LI with the UL */ 
	background-image: none;
}

/* Unordered List nested within an Ordered List */
.OL_nestedUl_offset LI
{
    position:relative;
	top:-6px;
	list-style-type:none; /* hide the default disc graphic */
	background-image: url(../Images/bullet11px.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px; /* vertically align the graphic to center of text */    
    padding-left: 10px;   /* indent the text so the graphic sits well */   
    margin-top: 4px;  /* sets the space between each LI */
	margin-left: -28px; /* lines up the LI with the UL */ 
}

/* Ordered List nested within an Unordered List */
.UL_nestedOl_offset LI
{
    position:relative;
	top:-6px;
	
	padding-left: 0px;   /* indent the text so the graphic sits well */
    margin-top: 4px;  /* sets the space between each LI */
	margin-left: -14px; /* lines up the LI with the UL */ 
	background-image: none;
}

OL.global_nested_ol  /* sets some default Ordered List styles for Ordered Lists */
{
    position:relative;
	top:-8px;
	margin-top:14px;
	border:solid 0px black;
	margin-bottom:-4px;
}

OL.global_nested_ol  LI  /* sets the default List Item style for Ordered Lists */
{
	position:relative;
	top:-4px;
	padding-left: 0px;   /* indent the text so the graphic sits well */
    background-image: none;
    margin-top: 4px;  /* sets the space between each LI */
	margin-left: 0px; /* lines up the LI with the UL */
}


UL.global_nested
{
    position:relative;
	top:-6px;
	margin-bottom:-14px;
	margin-top:14px;
	border:solid 0px black;
	margin-bottom:-4px;
}
UL .global_nested  LI                             /* sets the default List Item style for Unordered Lists */
{
	position:relative;
	top:-6px;
	list-style-type:none; /* hide the default disc graphic */
	padding-left: 10px;   /* indent the text so the graphic sits well */
    background-image: url(../Images/bullet11px.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px; /* vertically align the graphic to center of text */    
    margin-top: 4px;  /* sets the space between each LI */
	margin-left: -28px; /* lines up the LI with the UL */
}

UL LI.global_customer_story_link
{
    position:relative;
	top:-14px;
	list-style-type:none; /* hide the default disc graphic */
	padding-left: 10px;   /* indent the text so the graphic sits well */
    background-image: url(../Images/story_link_arrow.gif);
    background-repeat: no-repeat;
    background-position: -1px 1px; /* vertically align the graphic to center of text */    
    text-decoration:none;
    font-style:normal;
    font-family:Arial, Helvetica, Sans-Serif;
	font-size:10px;
	color:#242424;
	font-weight:bold;
	line-height:12px;
	margin-top: 20px;  /* sets the space between each LI */
	margin-left: -38px; /* lines up the LI with the UL */
	margin-bottom:-20px; /* remove space that UL adds */
}


ul.gmaster_topMenu				
{ 
	position:relative;
	top:-8px;
	height: 60px; 
	margin: 0px; 
	padding: 0px;
	border:0px solid green;
}

li .gmaster_topMenu_item
{     
    position:relative;
    top:12px;
    border:0px solid red;	
}

ul.gmaster_topMenu li	            /* display list items as inline so they flow horizontally */		
{ 
	list-style-type:none;           /* this attribute is needed to override the default PGE LI style - do not remove */
	background-position: 0px 0px;   /* this attribute is needed to override the default PGE LI style - do not remove */
    margin-top: 0px;                /* this attribute is needed to override the default PGE LI style - do not remove */
	margin-left: 0px;               /* this attribute is needed to override the default PGE LI style - do not remove */   
	margin-top:0px;
	display: inline; 
	float: left; 
	padding:0px 5px 0px 0px; 
	background-image:none;
}

ul.gmaster_topMenu li.logo_pge	
{ 
	margin: 0px 45px 0px 25px; 
	padding: 0px;
}


ul.gmaster_topMenu li a		        /* display anchor as a block element as it contains some divs and other block elements */			
{ 
	display: block; 
	margin-top: 20px; 
}
	
ul.gmaster_topMenu li a div.hilightBar  
{ 
	height: 4px; 
	width: 22px; 
	line-height: 4px; 
	border:solid 0px blue;
}

.global_topNav_img
{
    border:0px solid blue;   
}

/* make img a block element so that horizontal lines don't appear on 
	the top & bottom of it in firefox */
ul.gmaster_topMenu li img				
{ 
	display: block; 
	margin: 4px 8px 0px 0px; 
}

/* the logo doesn't need the 4px margin */
ul.gmaster_topMenu li.logo_pge img		
{ 
	border:0px;
	margin: 0px; 
} 

/* end top level menu styles */

/* begin footer styles */
ul.gmaster_footer 
{  
	clear:both;
    width: 800px; 
	height: 50px;	
	padding:0px 0px 10px 0px; 
	margin: 0px; 
	white-space: nowrap; 
	list-style-type: none; 	
	font-family:Arial,Helvetica, Sans-Serif, Times New Roman; 
	font-size: 10px;
	border: solid 0px black;
}

ul.gmaster_footer li 
{ 
	display: inline; 
	float: left; 
	padding: 0px 10px 0px 0px; 
	margin:30px 0px 0px 0px; 
	background-image:none; /* this attribute is needed to override the default PGE LI style - do not remove */
}

ul.gmaster_footer li.spacer    
{ 
	width: 195px; 

} 
ul.gmaster_footer a.footerLink 
{ 
	font-weight: bold; 
	text-decoration: none; 
}
/* end footer styles */

/* begin left nav styles */

#global_left_navigation.web_control_envelope 
{ 
	padding: 0px;
	width: 174px; /* dont change the width! for IE6 compatability */
	border: none; 
	font-family: Arial, Helvetica; 
	display: block; 
	float: left; 
	border:solid 0px green;
}

.global_left_nav_offset
{
    /* this class corrects a whitespacing issue for some templates that use table cells */
    margin-top:-5px;
}

.global_left_nav_level1,
.global_left_nav_level2,
.global_left_nav_level3
{
    background-image:none;
    background-position:0px 0px;
}


.global_left_nav_level1_IE6,
.global_left_nav_level2_IE6,
.global_left_nav_level3_IE6  /* this class maintains the elements' width so that the text wrapping doesn't change on mouse hover */
{
    position:relative;
    left:-10px;
    padding-left:10px;
    padding-right:0px;    
    background-image:none;
}
.global_left_nav_selected_level1_IE6
{
    background-image:url(../Images/nav_bullet12px.gif);
    background-repeat:no-repeat;
    background-position:15px 7px; 
}
.global_left_nav_selected_level2_IE6
{
    background-image:url(../Images/nav_bullet11px.gif);
    background-repeat:no-repeat;
    background-position:0px 5px; 
}
.global_left_nav_selected_level3_IE6
{
    background-image:url(../Images/nav_bullet10px.gif);
    background-repeat:no-repeat;
    background-position:0px 4px; 
}

.global_left_nav_level1_IE6:hover
{
    position:relative;
    left:-10px;
    padding-left:10px;
    margin-right:0px;    
    background-image:url(../Images/nav_bullet12px.gif);
    background-repeat:no-repeat;
    background-position:0px 5px;
}
.global_left_nav_level2_IE6:hover
{
    position:relative;
    left:-10px;
    padding-left:10px;
    background-image:url(../Images/nav_bullet11px.gif);
    background-repeat:no-repeat;
    background-position:0px 4px;
}
.global_left_nav_level3_IE6:hover
{
    position:relative;
    left:-10px;
    padding-left:10px;
    background-image:url(../Images/nav_bullet10px.gif);
    background-repeat:no-repeat;
    background-position:0px 3px;
}

.global_left_nav_selected_level1,
.global_left_nav_level1:hover
{
    background-image:url(../Images/nav_bullet12px.gif);
    background-repeat:no-repeat;
    background-position:15px 7px;
}

.global_left_nav_selected_level2,
.global_left_nav_level2:hover
{
    background-image:url(../Images/nav_bullet11px.gif);
    background-repeat:no-repeat;
    background-position:1px 5px;
}

.global_left_nav_selected_level3,
.global_left_nav_level3:hover
{
    background-image:url(../Images/nav_bullet10px.gif);
    background-repeat:no-repeat;
    background-position:1px 5px;  
}

/* end left nav styles */

/* the following two styles probably will exist at a global level in the main
   stylesheet */
a.textLinkColor  
{ 
	color: #3d4b84; 
}
a:hover.textLinkColor  
{ 
	color: #0288b7; 
}
.gray2Color     
{ 
	color: #616161; 
}
.gray3BGColor     
{ 
	background-color: #ACACAC; 
}
.gray4BGColor     
{ 
	background-color: #f2f2f2; 
}

/* end footer styles */

/* begin fifth/sixth level navigation styles */

.gmaster_fifthSixthNavigation { border:solid 0px black; vertical-align:top; margin-top:0px; }
.gmaster_fifthSixthNavigation span.caret { vertical-align: middle; font-size: 10px }
.gmaster_fifthSixthNavigation span.text { font-size: 13px }
.gmaster_fifthSixthNavigation a { line-height: 18px; display: block;  }
.gmaster_fifthSixthNavigation a:hover { text-decoration: none;  }




/* end fifth/sixth level navigation styles */

.gmaster_content_well
{
	border: 0px solid #0000FF;
	margin-top:25px;		
}

/* Layout styles for HomePage.master */
.home_page_title
{
	border: 0px solid orange;
	width:605px;
	padding:0px;
	margin:0px;
	line-height:0px;  /* needed to remove unwanted white space in FF */
	font-size:0px;    /* needed to remove unwanted white space in IE */
}
.home_content_region
{
	width:605px;
	min-width:605px;
	vertical-align:top;
	border:solid 0px red;	
}
.home_taskbox_header_pos
{
	padding-top:5px;
	padding-left:8px;
}
.home_taskbox_login_container
{
	width: 150px;
	margin-right:15px;
	border:1px solid #ACACAC;
}
.home_taskbox_login_top_bar
{
	width:150px;
	height:16px; /* and 1px border = 18px high */
	border: solid 1px #006B91;
	background-color: #006B91;	
}
.home_taskbox_login_caption_text
{
	padding-left:8px; 
	padding-bottom:0px; 
	font-family: Arial, Helvetica; 
	font-size: 10px;
}
.home_page_content_well
{
	width: 530px; /* spec'd for 470px */
	min-height:100%;
}


/* Layout styles for SectionLanding master pages */
.section_landing_title
{
	vertical-align:top;
	border: 0px solid #000000;
	font-size:0px; /* removes an IE bug that adds unwanted whitespace underneath */
	display:block; /* removes an IE bug that adds unwanted whitespace underneath */	
}
.section_landing2_title
{
	vertical-align:top;
	border: 0px solid #000000;
	width:400px;
}
.section_landing_title_testemonial_text,
.story_testemonial_text
{
	font-family: Palatino Linotype, Arial, Helvetica;
	font-size: 16px; /* Style guide specs 12px */
	font-style:italic;
	color: #616161;
	line-height: 20px;
	margin-bottom:30px;
	width:400px;
	border: solid 0px green;
}

.section_landing_section_title
{
	padding-top:71px;
	padding-left:25px;
}
.section_landing_table_all_content
{
	width:800px;	
}

/* Layout styles for Sidebar pages */
.sidebar_login_paragraph_spacer
{
	height:10px;	
}
.sidebar_register
{	
	padding-top:5px;
	padding-bottom:5px;
}
.sidebar_content_frame
{
	padding-left:25px;
}
.sidebar_content_well
{
	font-family:Arial, Helvetica;
	font-size:11px;
	line-height:14px;
	color:#242424;
	border-left:1px solid #ACACAC;
	padding-left:9px;
	/*width:150px; -- was causing whacky problems in IE6 on some pages */
}
.sidebar_paragraph
{
	line-height:16px;
	min-height:16px;
}


/* Layout styles for Functional pages */
.functional_content_frame
{
    width:580px;
    vertical-align:top;
    table-layout:fixed;
	border:solid 0px green;
}

.functional_content_well
{
	width:100%;
	min-height:100%;
}

.functional_noNav_content_well
{
    width:580px;
	min-height:100%;
}

.functional_content_well_topMargin
{
   margin-top:0px;    
}

.functional_confirmation_page_title
{
	width:400px;
	vertical-align:top;
}
.functional_confirmation_tout_well
{
	position:relative;
	vertical-align:top;
	left:21px;
	margin:0;	
}
.functional_left_nav_well
{
	width:205px;
	padding-left:0px;
	padding-top:0px;
}
.functional_left_nav_topMargin
{
    margin-top:40px;    
}

.functional_content_separator
{
	width:100%;
	border-top:solid 1px #ACACAC;	
}

.functional_content_well_top_bar
{
    background-color:#242424;	
	height:18px;
	width:100%; 
}

.functional2_title_top_bar
{
	background-color:#242424;	
	height:18px;
}
.functional2_content_frame
{
	width:785px;
	vertical-align:top;
	border:solid 0px red;
}
.functional2_content_well
{	
	margin-left:205px;
	margin-top:38px;
	min-height:100%;
	border:solid 0px green;
}


/* Layout styles for Functional confirmation pages */
.functional_confirmation_content_well
{
	
}

.functional_confirmation_promo_1
{
}

.functional_confirmation_promo_2
{
}

/* Layout styles for Z pages */
.z_left_nav_well
{
	margin-top:40px;
	border:solid 0px green;
	vertical-align:top;
}
.z_content_separator
{
	width:100%;
	border-top:solid 1px #ACACAC;	
}
.z_page_title
{
	/*width:650px;*/
	width:785px;
	vertical-align:top;
	border:solid 0px red;
}

.z2_content_frame
{
    width:580px;
    table-layout:fixed;
    vertical-align:top;
	border:solid 0px green;
}

.z_content_well
{
	margin-left:205px;	
	margin-top:38px;
	min-height:100%;
	border:solid 0px green;
}
.z2_left_nav_well
{
	margin-top:0px;
	border:solid 0px green;
	vertical-align:top;
}


/* Layout for Popup pages */
.popup_content_well
{
	margin:25px;
}
/* Print pages */
.print_content_well
{
	margin:25px;
}

/* Global master page text rules */
.global_utility_base_text
{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica;
	font-size:10pt;
	color: #242424;
	line-height:35px;	
}
.global_utility_base_text:visited /* if it's a link */
{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica;
	font-size:10pt;
	color: #242424;
	line-height:35px;	
}
.global_utility_base_text:active /* if it's a link */
{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica;
	font-size:10pt;
	color: #242424;
	line-height:35px;	
}
.global_utility_base_text:hover /* if it's a link */
{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica;
	font-size:10pt;
	color: #8190C8;
	line-height:35px;	
}


.global_utility_contact_us_margin
{
	margin-right:30px;
}

.global_utility_search_pge_margin
{
	margin-left:28px;
}
.global_utility_go_text
{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica;
	font-size:10pt;
	color: #3D4B84;
	font-weight:bold;	
	margin-right:30px;
}
.global_utility_go_text:visited /* if it's a link */
{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica;
	font-size:10pt;
	color: #3D4B84;
	font-weight:bold;	
	margin-right:30px;
}
.global_utility_go_text:active /* if it's a link */
{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica;
	font-size:10pt;
	color: #242424;
	font-weight:bold;	
	margin-right:30px;
}
.global_utility_go_text:hover /* if it's a link */
{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica;
	font-size:10pt;
	color: #8190C8;
	font-weight:bold;	
	margin-right:30px;
}

.global_utility_sign_in_text
{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica;
	font-size:12pt;
	color: #3D4B84;
	font-weight:bold;	
}
.global_utility_sign_in_text:visited
{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica;
	font-size:12pt;
	color: #3D4B84;
	font-weight:bold;	
}
.global_utility_sign_in_text:active
{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica;
	font-size:12pt;
	color: #3D4B84;
	font-weight:bold;	
}
.global_utility_sign_in_text:hover
{
	position:relative;
	top:4px;
	font-family:Arial, Helvetica;
	font-size:12pt;
	color: #8190C8;
	font-weight:bold;	
}

/* END FONTS & TEXT color: #3D4B84; */


.global_button:hover
{
    text-decoration:none;   
}

.bold { font-weight:bold; }
.hand { cursor: hand; }


A IMG
{
    border:0 0 0 0;
    border-style:none;
}

a
{
	font-family:Arial,Helvetica, Sans-Serif, Times New Roman;
	text-decoration:none;
	color: #006B91;
	border:0 0 0 0;
	border-style:none;
}
a:visited
{
	font-family:Arial,Helvetica, Sans-Serif, Times New Roman;
	text-decoration:none;
	color: #006B91;	
	border:0 0 0 0;
	border-style:none;
}
a:hover
{
	font-family:Arial,Helvetica, Sans-Serif, Times New Roman;
	text-decoration:underline;
	color: #9A9696;
	border:0 0 0 0;	
	border-style:none;
}


a.link_small { font-size:9px; }
a.link_small:visited { font-size:9px; }
a.link_small:hover { font-size:9px; }

a.self_service_tasks_link, 
	a.utility { font-size: 12px; }
a.self_service_tasks_link:visited, 
	a.utility:visited { font-size:12px; }
a.self_service_tasks_link:hover, 
	a.utility:hover { font-size:12px; }

a.global_bulleted { font-size: 11px; }
a.global_bulleted:visited { font-size:11px; }
a.global_bulleted:hover { font-size:11px; text-decoration:underline; }

a.utility_signin { font-size: 14px; }
a.utility_signin:visited { font-size:14px; }
a.utility_signin:hover { font-size:14px; }

a.global_subhead { font-size: 15px; }
a.global_subhead:visited { font-size:15px; }
a.global_subhead:hover { font-size:15px; text-decoration:underline; }

a.global_table_data_highlighted { color:#3D4B84; font-size: 12px; }
a.global_table_data_highlighted:visited { color:#3D4B84; font-size:12px; }
a.global_table_data_highlighted:hover { color:#0288B7; font-size:12px; text-decoration:underline; }

a.global_button
{
    padding: 1px 3px 5px 3px;
    display: block;
	width: 75px;
	height: 12px;
	text-align:center;
	text-decoration:none;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight:bold;
	color:#3D4B84;
	cursor:hand;
	border: solid 1px #ACACAC;
	background-color: #F2F2F2;		   
}
a.global_button:link, a.global_button:visited, 
a.global_button:hover, a.global_button:active
{
	color:#3D4B84;
}



.TableDefaultLayout table,
.global_table
{
    padding:0px;
    margin:0px;
    border:0px;
    border-spacing:0px;
    border-collapse:collapse;
    border-style:none;
}

.TableDefaultLayout table.cssContainer,   /* table tag (entire table) */ 
.global_table_cssContainer
{ 
    width:100%; 
    color:#616161; 
    border:0px solid black;
}
.TableDefaultLayout th,                  /* default table header */
.global_table_layout_th
{ 
    padding-right: 10px; 
    vertical-align:bottom;
    border:solid 0px #000000;
    padding-top:2px;
    padding-bottom:1px;
}
.TableDefaultLayout .header_spacer /* bottom spacer & line under header */
{
    height:2px;
    border-top:1px solid #ACACAC;
    padding-right: 12px;
    margin:0;
    width:100%;       
}
.TableDefaultLayout tr  /* default TR style */
{ 
    color:#000000; 
    text-Align:left; 
}
    
.TableDefaultLayout tr.cssAltDataRow, /* alternate TR style */
.global_table_alt_data_row
{ 
    background-color:#F2F2F2; 
}
.TableDefaultLayout td, /* default table cell style */
.global_table_cell
{ 
    padding-right: 12px;
    padding-top:2px;
    padding-bottom:2px;
    vertical-align:top;
}
.TableDefaultLayout th.botRowLine
{
    background-color: #FFFFFF;
    border-top: 0px;
    border-bottom: 1px solid #ACACAC;
    border-left: 0px;
    border-right: 0px;
    line-height:18px;
    padding-top:0px;
    padding-bottom:0px;
}


.DataGridDefaultLayout DataGrid
{
    width:200px;   
}

.dg_header_spacer
{
    height:2px;
    border-top:1px solid #ACACAC;
    margin:0px;
    width:100%;
    padding-bottom:15px;     
}
.dg_row_height
{
    padding-top:2px;
    padding-bottom:2px;    
}

.dg_text_indent
{
    text-indent:7px;
}