/* The following css styles are the same for all screens on all systems
Loud colours #000033(black) #ADA194(fawn) #fe5815(light blue)
*/

/* body tags */

body						{
												margin: 0;
												border: 0;
												background-color: white;
												color: #09357a;
												font-size: 1.0em;
                        						font-family: Arial,Geneva,Helvetica,sans-serif;
												}
a.startcontent				{
												color: #FFF;
												font-size: 1px;
												visibility: hidden;
												display: none;
												text-decoration: none;
												} 
								
a:visited.startcontent		{
												color: #FFF;
												font-size: 1px;
												visibility: hidden;
												display: none;
												text-decoration: none;
												}
								
a:hover.startcontent		{
												color: #FFF;
												font-size: 1px;
												visibility: hidden;
												display: none;
												text-decoration: none;
												}

a:active.startcontent		{
												color: #FFF;
												font-size: 1px;
												visibility: hidden;
												display: none;
												text-decoration: none;
												}
#buttontext					{	
												position: relative;
												width: 156px;
												display: block;
												font-size: 95%;
												margin-left: 5px;
												margin-top: 3em;
												background-color: white;
												padding: 3px;	
												border: 1px solid #09357a;
												color: #09357a;
												}

#buttontext a				{	
												text-decoration: underline;
												font-weight: normal; 
												color: #09357a;
												}
#buttontext a:hover			{	
												text-decoration: underline;
												font-weight: normal; 
												color: #09357a;
												}

#buttontext-2			{	
												position: relative;
												width: 156px;
												display: block;
												font-size: 95%;
												margin-left: 5px;
												margin-top: 1px;
												background-color: white;
												padding: 3px;	
												border: 1px solid #09357a;
												color: #09357a;
										
										}

#buttontext-2 a			{	
												text-decoration: underline;
												font-weight: normal; 
												color: #09357a;
										
										}
#buttontext-2 a:hover			{	
												text-decoration: underline;
												font-weight: normal; 
												color: #09357a;
										
										}

#leftimage			{							margin-left: 5px;
												margin-top: 1px;
				

										}


/* anchor tags */


a.headerLink						{
												color: #09357a;
												text-decoration: none;
												}
								
a:hover.headerLink			{
												color: #09357a;
												text-decoration: underline;
												}

a.footerLink						{
												color: #09357a;
												text-decoration: none;
												}
								
a:hover.footerLink			{
												color: #09357a;
												text-decoration: underline;
												
												}
.footer-text											{border-top: solid #fe5815 1px; border-bottom: solid #fe5815 1px;}

/* standard font for menus and header links */
.topMenuLevel1,.topMenuLevel1Selected 
												{
												font-family: Helvetica, Arial, sans-serif; 
                        						font-style: normal; 
                        						font-weight: bold; 
												font-size: 0.83em; 
												color: #FFFFFF;
												}
.headerLink,a.headerLink 
												{
												font-family: Helvetica, Arial, sans-serif; 
                        						font-style: normal; 
                        						font-weight: normal; 
												font-size: 0.83em; 
												color: #09357a;
												}
.footerLink,a.footerLink 
												{
												font-family: Helvetica, Arial, sans-serif; 
                        						font-style: normal; 
                        						font-weight: normal; 
												font-size: 0.83em;
												text-decoration: none;
												color: #09357a;
												}

/* underline menu cells */
/* line above top menu */
td.topMenuLevel1,td.topMenuLevel1Selected
												{
                        border-top: solid white 1px;
                        border-bottom: solid white 1px;
												}

.topMenuLevel1,.topMenuLevel1Selected 
												{
												text-align: center; 
												}
.topMenuLevel1          {
                        background-color: #fe5815; 
                        }

a:hover.topMenuLevel1  										{background-color: #0072BC; 
												 text-decoration: none
												 }
.topMenuLevel1Selected
                        {
                        									font-weight: bold; 
												}
.topMenuLevel1Selected 
												{
    												background-color: #09357a;
												}

.leftMenu, .leftMenuSelected		{
												text-align: left; 
												font-family: Helvetica, Arial, sans-serif; 
												font-size: 0.83em; 
												color: #09357a;
												background-color: #ffffff;
                        									font-weight: normal; 
												}
.leftMenuTitle {color: #ffffff}
.leftMenuSelected       						{
												color: #656565;
												}

a.leftMenuStyle									{
												color: #09357a;
												text-decoration: underline;
												font-weight: normal; 
												}

a.leftMenuStyleSelected							{
												color: #fe5815;
												text-decoration: underline;
												font-weight: normal; 
												}
								
a:visited.leftMenuStyle							{
												color: #09357a;
												text-decoration: underline;
												font-weight: normal; 
												}
								
a:hover.leftMenuStyle 							{
												color: #fe5815;
												text-decoration: underline;
												font-weight: normal; 
												}


.navigation-cell,table.navigation-cell
                        						{
												font-family: Helvetica, Arial, sans-serif; 
												font-size: 0.83em; 
												font-weight: bold; 
												color: #000033;
												text-decoration: none;                        
    						                    }

table.navigation-cell   {
                        border: solid #fe5815 1px;
                        cursor: hand;
                        }

table.framed-text       {
                        border: solid #fe5815 2px;
                        }
table.standard        {
                        border-top:  1px solid #09357a;
                        border-left: 1px solid #09357a;
                        border-collapse: collapse;
						color: #09357a;
						font-family: Helvetica,Arial,sans-serif;
						font-size: 0.8em;
						font-style: normal;
						font-weight: normal;
                       }

th.standard				{
	padding:2px;
                        border-right:  1px solid #09357a;
                        border-bottom: 1px solid #09357a;
						}
td.standard				{
	padding: 3px;
                        border-right:  1px solid #09357a;
                        border-bottom: 1px solid #09357a;
						}

.shiftit										{
												margin: 1em;
												}

h1,.heading1									{
												font-family: Arial, sans-serif; 
												font-size: 1.3em;
												color: #fe5815;
						                        			font-weight: bold; }
.top-heading									{
												margin-top: 0px; padding: 0;}

h2,h3,h4,.heading2										{
												font-size: 1.1em;
												color: #09357a;
						                        			font-weight: bold; 
												}
.h3blue								{
												font-size: 1.1em;
												color: #09357a;
						                        			font-weight: bold; 
						                        
												}


a.links											{
												color: #09357a;
												text-decoration: underline;
												font-weight: bold; 
												background-color: transparent;
												}
								
a:visited.links					{
												color: #09357a;
												text-decoration: underline;
												font-weight: bold;
												background-color: transparent;
												}
								
a:hover.links						{
												color: #09357a;
												text-decoration: underline;
												font-weight: bold;
												background-color: transparent;
												}
a.links2										{
												color: #fe5815;
												text-decoration: underline;
												font-weight: bold; 
												background-color: transparent;
												}
								
a:visited.links2					{
												color: #fe5815;
												text-decoration: underline;
												font-weight: bold; 
												background-color: transparent;
												}
								
a:hover.links2						{
												color: #fe5815;
												text-decoration: underline;
												font-weight: bold; 
												background-color: transparent;												}

.enhmgreentitle					{
												background-color: transparent;
												color: #99CCCC;
												font-family: Helvetica,Arial,sans-serif;
												font-weight: bold;
												}
								
a:hover.enhmgreentitle	{
												color: #FF0000;
												text-decoration: none;
												}
												
.main-text							{
												background-color: transparent;
												color: #09357a;
												font-family: Arial,Geneva,Helvetica,sans-serif;
												font-size: 0.8em;
 												font-style: normal;
												font-weight: normal;
												}
.table-normal							{
												background-color: transparent;
												color: #09357a;
												font-family: Arial,Geneva,Helvetica,sans-serif;
												font-size: 100%;
 												font-style: normal;
												font-weight: normal;
												}

.big-main-text							{
												background-color: transparent;
												color: #09357a;
												font-family: Helvetica,Arial,sans-serif;
												font-size: 0.85em;
 												font-style: normal;
												font-weight: bold;
												}

a.closewindow						{
												background-color: transparent;
												color: #0000FF;
												font-family: Helvetica,Arial,sans-serif;
												font-size: 0.8em;
												font-style: normal;
												text-decoration: underline;
												}

a:link.closewindow			{
												text-decoration: underline;
												}

a:visited.closewindow		{
												background-color: transparent;
												color: #0000FF;
												text-decoration: none;
												}

a:hover.closewindow			{
												background-color: transparent;
												color: #FF0000;
												text-decoration: underline;
												}

a:active.closewindow		{
												background-color: transparent;
												color: #FF0000;
												text-decoration: none;
												}

.caveat									{
												font-size: 0.8em;
												}

.block img							{
												display: block;
												} 
												
.tablerowhomelight			{
												background-color: #D1EB9A;
												}
												
.tablerowbuslight				{
												background-color: #F0C6A8;
												}
												
.oldtrbl								{
												background-color: #E5D5C3;
												}

#meter-read, #signup-form { width: 500;}
#pages { width: 550;}
TABLE.signup						{		
												border: none;		
												margin: 0.6em;
											  }
.supply-number				 {font-size: 2.0em;}

TABLE.signup TD, TABLE.signup TH {			
												padding: 0.2em;		
												background: white;		
												color: black;		
												font-family: Arial, Helvetica, sans-serif;                
												font-size: 0.8em;		
												text-align: left;
												}

TABLE.signup TD.right  {text-align: right;}

TABLE.signup TD.left   {text-align: left;	}

TABLE.signup TD.center {text-align: center;}

TABLE.signup TR.shading TD, TABLE.signup TR.shading TH,
TABLE.signup TR TD.shading	{
											background: #D1EB9A; 
											color: black;
											}
TABLE.signup TR.shading-se TD	{
											background: #C2CF85; 
											color: black;
											}

TABLE.signup TR.shading2 TD, TABLE.signup TR.shading2 TH	{
											background: #ffffff; 
											color: black;
											}

TABLE.signup TR.shading1 TD, TABLE.signup TR.shading1 TH	{
											background: #F3E07F;
											color: black;
											}
.popupbody					{ margin: 1em; }
.to-top							 {	
										 margin-top: 0px;		
										 margin-right: 2.0em;		
										 text-align: right;		
										 font-size: 0.9em;		
										 font-family: Arial, Helvetica, sans-serif;
										 }

.messageBox					{	
										font-size: 1em;	
										position: absolute;	
										top: 0px;	
										left: 0px;	
										z-index: 2;	
										width: 150;	
										visibility: hidden;	font-family: Arial, Helvetica, sans-serif;	
										font-weight: 300;	
										color: black;	
										background-color: white;	
										padding: 10px 10px;	
										border: 1px solid black;	
										}
										
.coloredBox					{	
											
										width: 132;	
																	color: black;	
										
										background-color: #FFFFFF;	
										padding: 0.4em 0em 0.4em 1em;
										border: 1px solid #09357a;	
										}
.coloredText					{	
											
										
										background-color: #09357a;	
										
										}



.floatright {float: right;}
.floatleft  {float: left;}

ul									{
										list-style-type: disc;
										}
										
.main-text-seeb					{
										font-size: 0.9em;
										}

DIR 					{					
										margin-right: 1em;
										margin-left: 1em;
										}
									
.enlarge								{
										font-size: small;
										font-weight: bold; 
												}
.blackBox						{
										border: 2px solid #000000;
										font-size: 0.8em
										}
.blueBox						{
										border: 1px solid #09357a; 
										
										}


.errors							{
										color: #FF0000;
										}

.button							{
										height: 1.9em;
										}
table.rewards-navigation-nectar-cell   {
                      								border: solid #800080 1px;
                      								background-color: #FFFFFF;
                      								cursor: hand;
                        }
.nectar-heading						{
										font-family: Helvetica, Arial, sans-serif; 
										font-size: 1.2em;
										color: #800080;

										}
a.nectar-heading-link, a:visited.nectar-heading-link, a:hover.nectar-heading-link						{
										font-family: Helvetica, Arial, sans-serif; 
										font-size: 1em;
										color: #800080;
                        							font-weight: bold; 
                      								text-decoration: underline;
												}


.bot-left						{			display: block;
										z-index: 2;	
										width: 148;
										position: absolute;
										left: 2px;
										top: 30em;
										}

#breadcrumbs DIV, #breadcrumb SPAN {background-color: transparent; font-family: Helvetica,Arial,sans-serif; font-size: 1em; font-style: normal; font-weight: normal;}
#breadcrumbs links,#breadcrumbs a.links:link, #breadcrumbs a.links:hover, #breadcrumbs a.links:visited {color: #09357a; font-size: 0.75em; background: #FFFFFF; font-weight: normal;}
#breadcrumbs .breadcrumb-current{color: #09357a; font-size: 0.75em;}
#breadcrumbs .breadcrumb SPAN{color: #09357a;background: #FFFFFF}


.bot-top-left						{
										position: absolute;
										left: 2px;
										top: 153px;
										}

/* vertical menu */
#xverticalMenuContainer {
	clear: left;
	width: 150px;
	margin: 0;
	background-color: #fff;
	font-weight: normal;
	text-align: left;
	z-index:0;
	voice-family: "\"}\"";voice-family:inherit;
	height: 100%
	}
body>#xverticalMenuContainer {width:150px;}



#verticalMenuContainer { margin-left: 5px; width:150px;}
body>#verticalMenuContainer {width:150px;}

#verticalMenuContainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: arial, verdana, sans-serif;
}

#verticalMenuContainer li { margin: 0; }

#verticalMenuContainer a
{
display: block;
color: #09357a;
background-color: transparent;
width: 130px;
padding: 2px 10px;
text-decoration: none;
border-top: 1px solid #aaa;
border-bottom: 0px solid #aaa;
border-left: 0px solid #aaa;
font-size: 0.8em;
}

#verticalMenuContainer ul ul
{
margin-left: 8px;
padding: 0;
list-style-type: none;
}

#verticalMenuContainer a:hover
{
background-color: #fff;
color: #09357a;
text-decoration: underline;
/*border-right: 10px solid #fff;*/
/*padding: 2px 1px 2px 10px;*/
}


#verticalMenuContainer li li a
{
display: block;
color: #09357a;
background-color: transparent;
width: 120px;
padding: 2px 10px;
margin: 0;
border-top: none;
border-bottom: none;
border-left: 0px solid #aaa;
text-decoration: none;
font-size: 0.8em;
}

UL#verticalMenu LI LI a:hover.subSelected, UL#verticalMenu LI LI a.subSelected {font-weight: bold}
UL#verticalMenu LI a:hover.selected {color: #ffffff; background-color: #09357a; font-weight: normal; text-decoration: none;}

UL#verticalMenu LI a.selected {color: #ffffff; background-color: #09357a; font-weight: normal; text-decoration: none;}


UL#verticalMenu LI .notSelectednoImage, UL#verticalMenu LI a:hover.notSelectednoImage
{
border-right: 0px solid #09357a;
text-decoration: none;
}



.messageBoxVerticalMenu			{	
										font-size: 1em;	
										position: absolute;	
										top: 183px;	
										left: 9px;	
										width: 148px;
										font-family: Helvetica,Arial,sans-serif;
										font-size: 0.75em;
										color: black;	
										background-color: white;
										padding: 10px 10px;	
										border: 1px solid #fe5815;	
										
										}
/* to be removed */
a.stdLink											{
												color: #09357a;
												text-decoration: underline;
												font-weight: bold; 
												}
a:visited.stdLink					{
												color: #09357a;
												text-decoration: underline;
												font-weight: bold; 
												}
								
a:hover.stdLink						{
												color: #09357a;
												text-decoration: underline;
												font-weight: bold; 
												}
/* end to be removed by Kev */

a.nstdLink											{
												color: #fe5815;
												text-decoration: underline;
												font-weight: bold; 
												background-color: #FFFFFF;
												
												}
a:visited.nstdLink					{
												color: #fe5815;
												text-decoration: underline;
												font-weight: bold; 
												background-color: #FFFFFF;
												}
								
a:hover.nstdLink						{
												color: #fe5815;
												background-color: transparent;
												text-decoration: underline;
												font-weight: bold; 
												}

.hide { display: none }
.imgborderoutset { border: solid 0px #fe5815; clear: both;}
#imageDiv .imgborder { border: solid 0px #fe5815; }
#imageDiv p {
  padding-top: 17em;
  text-align: center;
  font-weight: bold;
  font-size: 0.73em;
  text-indent: 0;
  width: 150px;
}
#imageDiv .imgCaption { font-weight: bold; font-size: 0.8em; text-align: center; font-size: smaller; text-indent: 0;}
#imageDiv {float: left;  width: 20%}
#pageText {float: left; width: 70%}
#clear {width: 590px}
.leftMenuSubheading {font-weight: bold;}

.edftext { color:#fe5815; }
ul.bullet { list-style-image: url(../ximages/bullet.gif);}

.subhead { line-height: 1.5em; }
OL.bold {font-weight: bold; }
OL.bold span {font-weight: normal;}

@media print {  
  .caveat {font-size: 0.8em}
  h1 {page-break-after: avoid;}
  .topMenuLevel1,.leftMenu,.breadcrumb,.breadcrumb-current,.whitetext,.framed-text,.headerLink {display: none; visibility: hidden }
  .links, NOBR , STRONG, strong, nobr {padding-left: 0.2em; padding-right: 0.1em; text-decoration: none;}
  p, ul, ol {page-break-inside: avoid;}	
}

img#strapLogo {vertical-align: middle; text-align: center; margin-top: 6px;}
img#xstrapLogo {vertical-align: middle; text-align: center; margin-top: 3px;}

/*Added for EBusiness Energy after 3.01.00 Release */
.bcardtext 
{
	FONT-SIZE: 0.6em; COLOR: #000000; LINE-HEIGHT: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif}
.bcardtextBold 
{
	font-weight: bold; FONT-SIZE: 0.7em; TEXT-TRANSFORM: uppercase; COLOR: #000000; LINE-HEIGHT: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif}
.boldCard 										
{	font-weight: bold; 
	font-size: 0.7em;
}
.blue-caveat									
{
	font-size: 0.8em;
	color: #09357a;
}
.inputArea1 { color: #09357a;
			background-color: #F4DACE;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
 			font-style: normal;
			font-weight: normal;
}

.textboxContainer
{
	padding:6px;
	border: 1px thin #09357a;	
	
}
	
.help     {display: block; background: #F4DACE; border:0px solid #F4DACE; padding:0.3em; color:#09357a; text-align:left; _width: 250px; width: auto;}

div.help h4  {font-size:small; margin:0 0 0.5em 0}
div.help p   {margin:0; font-size: 0.8em}
.clear {clear: both;}