body {background-color: #ffffff;}
td	  {font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#000000}
h1   {font-family:Arial,Helvetica,sans-serif; color:#53305E; font-weight:bold; font-size:17px; margin-bottom:3pt; margin-top:3pt}
h2	  {font-family:Arial,Helvetica,sans-serif; color:#53305E; font-weight:bold; font-size:14px; margin-bottom:3pt; margin-top:3pt}
h3	  {font-family:Arial,Helvetica,sans-serif; color:#53305E; font-weight:bold; font-size:12px; margin-bottom:3pt; margin-top:3pt}
h4	  {font-family:Arial,Helvetica,sans-serif; color:black; font-weight:bold; font-size:15pt}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.style3 {
	color: #643A73;
	font-weight: bold;
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #643A73;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #643A73;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

.login {
	background-image: url(../../Cachelan/site_image/login_back.gif);
	background-repeat: no-repeat;
}

.slideshow {
	background-image: url(../../Cachelan/site_image/slide_back.gif);
	background-repeat: repeat;
}

.tvShow {
	background-image: url(../../Cachelan/site_image/tv.gif);
	background-repeat: no-repeat;
}


.loginAs {font-family:arial,verdana,helvetica; color:#63305E; font-weight:bold; font-size:16px;}
.loginText {font-family:arial,verdana,helvetica; color:#666666; font-weight:bold; font-size:12px;}
.loginSelect {font-family: verdana,helvetica,arial; font-weight:bold; font-size: 13px; color: #004080; background-color: #FFFFFF; width:160px;}
.loginButton {font-weight:bold; width:30}
.pinText {font-family:arial,verdana,helvetica; color:#666666; font-weight:bold; font-size:16px;}
input.accessCode {font-family: verdana,helvetica,arial; font-weight:bold; font-size: 14px; color: #004080; border: solid #004080 1px; background-color: #FFFFFF; width:160;}
input.albumLogin {width:200;}
input.albumLoginPW {width:200;}
input.cachelanLogin {width:130;}
input.cachelanLoginPW {width:130;}      
input.liteLoginPW {width:180;}

input.liteLogin {width:170;}
.liteLoginButton {font-weight:bold; width:80}

.liteButton {font-weight:bold; color:#004080; width:180}
.premButton {font-weight:bold; color:#004080; width:180}           
.termButton {font-weight:bold; width:180}    
           
.whiteText {font-family:verdana,helvetica,arial; color:#FFFFFF; font-weight:bold; font-size:17px;}
.whiteText2 {font-family:verdana,helvetica,arial; color:#FFFFFF; font-weight:bold; font-size:13px;}

.content1 {font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:9px;}
.content2 {font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:10px;}
.content3 {font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:11px;}
.content4 {font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:12px;}
.content5 {font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:13px;}
.content6 {font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:14px;}
.content7 {font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:15px;}
.content8 {font-family:Arial,Helvetica,sans-serif; color:#000000; font-size:16px;}
    
.revenue {font-family:Arial,Helvetica,sans-serif; color:#008040; font-size:13px;}
.energy 	{font-family:Arial,Helvetica,sans-serif; color:#AAAA00; font-size:13px;}
.power 	{font-family:Arial,Helvetica,sans-serif; color:#FF8000; font-size:13px;}

.statusFont_blue {font-family:arial,helvetica,verdana; color:#004080; font-size:13px;}
           
.title {font-family:arial,verdana,helvetica; color:#63305E; font-weight:bold; font-size:17px;}   
            
.blueLarge {font-family:arial,verdana,helvetica; color:#004080; font-weight:bold; font-size:17px;}                 
       
.captionText {font-family:verdana,helvetica,arial; color:#400040; font-size:11px;}       
               
.redError {font-family:verdana,helvetica,arial; color:#FF0000; font-weight:bold; font-size:14px;}
.redErrorMedium {font-family:verdana,helvetica,arial; color:#FF0000; font-weight:bold; font-size:12px;}
.redErrorSmall {font-family:verdana,helvetica,arial; color:#FF0000; font-weight:bold; font-size:9px;}
   
.dimSmall {font-family:Arial,Helvetica,sans-serif; color:#808080; font-size:10px;} 
.redSmall {font-family:verdana,helvetica,arial; color:#FF0000; font-weight:bold; font-size:8px;}
.blackSmall {font-family:verdana,helvetica,arial; color:#000000; font-weight:bold; font-size:8px;}

A.small {COLOR: #63305E; FONT-SIZE: 10px; TEXT-DECORATION: none; }
A.small:visited {COLOR: #63305E; FONT-SIZE: 10px; TEXT-DECORATION: none; }
A.small:hover {COLOR: #FF8000;  FONT-SIZE: 10px; TEXT-DECORATION: none; }

A.medium 			{COLOR: #63305E; FONT-SIZE: 14px;}
A.medium:visited 	{COLOR: #63305E; FONT-SIZE: 14px;}
A.medium:hover 	{COLOR: #FF8000; FONT-SIZE: 14px;}

A.large {COLOR: #63305E; FONT-SIZE: 13px; TEXT-DECORATION: none; }
A.large:visited {COLOR: #63305E; FONT-SIZE: 13px; TEXT-DECORATION: none; }
A.large:hover {COLOR: #FF8000;  FONT-SIZE: 13px; TEXT-DECORATION: none; }

A.titleLink {COLOR: #63305E; FONT-SIZE: 17px; TEXT-DECORATION: none; }
A.titleLink:visited {COLOR: #63305E; FONT-SIZE: 17px; TEXT-DECORATION: none; }
A.titleLink:hover {COLOR: #FF8000;  FONT-SIZE: 17px; TEXT-DECORATION: none; }

A.navigation_w {COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold}
A.navigation_w:visited {COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold}
A.navigation_w:hover {COLOR: #FF8000;  FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold}

A.pma         {font-family: sans-serif, Arial, Verdana, Helvetica; COLOR: #0000A0; FONT-SIZE: 16px; TEXT-DECORATION: none; font-weight:bold}
A.pma:visited {font-family: sans-serif, Arial, Verdana, Helvetica; COLOR: #0000A0; FONT-SIZE: 16px; TEXT-DECORATION: none; font-weight:bold}
A.pma:hover   {font-family: sans-serif, Arial, Verdana, Helvetica; COLOR: #FF8000; FONT-SIZE: 16px; TEXT-DECORATION: none; font-weight:bold}

A.hiddenLink {COLOR: #FFFFFF; FONT-SIZE: 10px; TEXT-DECORATION: none; }
A.hiddenLink:visited {COLOR: #FFFFFF; FONT-SIZE: 10px; TEXT-DECORATION: none; }
A.hiddenLink:hover {COLOR: #FFFFFF;  FONT-SIZE: 10px; TEXT-DECORATION: none; }

A.blueLink 				{COLOR: #004080; FONT-SIZE: 13px; TEXT-DECORATION: none; }
A.blueLink:visited 	{COLOR: #004080; FONT-SIZE: 13px; TEXT-DECORATION: none; }
A.blueLink:hover 		{COLOR: #FF8000; FONT-SIZE: 13px; TEXT-DECORATION: none; }

A.blueSmall 			{COLOR: #004080; FONT-SIZE: 10px; TEXT-DECORATION: none; }
A.blueSmall:visited 	{COLOR: #004080; FONT-SIZE: 10px; TEXT-DECORATION: none; }
A.blueSmall:hover 	{COLOR: #FF8000; FONT-SIZE: 10px; TEXT-DECORATION: none; }

A.linkMedium 			{COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: none; }
A.linkMedium:visited	{COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: none; }
A.linkMedium:hover 	{COLOR: #FF8000; FONT-SIZE: 11px; TEXT-DECORATION: none; }

.orangeTextLarge  {font-family:verdana,helvetica,arial; color:#FF8000; font-size:20px;}
li.orangeBullet {color:#FF8000}

.dark {background-color:#63305E}
.mediumLight {background-color: #C7C7C7}

.darklight {background-color: #B4B4B7}
.light {background-color: #DADADC}
.lighter {background-color: #EEEEF0}
.whitebg {background-color: #FFFFFF}

.signUpButton {font-family: verdana,helvetica,arial; font-size: 15px; color:#FF8000; font-weight:bold; width:160; height:30}
.activeButton {font-weight:bold; width:300}
.tourButton {font-weight:bold; width:150}

table.boxborder {border:1px solid #63305E;}
table.boxborder2 {border:1px solid #B4B4B7;}
table.boxborderDark {border:1px solid #575757;}

td.titleBar {
	background-color: #B4B4B7;
	font-family:Arial,Helvetica,sans-serif; 
	font-size:14px; 
	color:#000000;
	padding:3px;
}

td.lighterbox {
	border:1px solid #808080;
	background-color: #EEF0F7;
}

td.statusbox {
	border:1px solid #808080;
	background-color: #FFFFFF;
}

td.panelbox {
	border:1px solid #808080;
	background-color: #DADADC;
}

td.outputSelectRev {
	border:1px solid #808080;
	background-color: #AEFFAE;
}
td.outputSelectEng {
	border:1px solid #808080;
	background-color: #F4F400;
}

.savingSelect {font-family: Tahoma; font-size: 13px; vertical-align:middle; height:20px; border:1px solid #808080; background-color: #EEF0F7} 

.blueTitle 		{font-family:Arial,Helvetica,sans-serif; color:#004080; font-weight:bold; font-size:13px;}
.greenValue 	{font-family:Arial,Helvetica,sans-serif; color:#008040; font-weight:bold; font-size:12px;}

.greenSmall 	{font-family:Arial,Helvetica,sans-serif; color:#008040; font-size:11px;}

.commLabel {font-family:verdana,helvetica,arial; color:#000000; font-size:9px;}
.commAMLabel {
	background-image: url(../../green/site_images/vuTitleBarBG_l.gif);
	background-repeat: repeat;
	background-color: #FFFFFF; font-family:verdana,helvetica,arial; color:#000000; font-weight:bold; font-size:8px;
}
.commPMLabel {
	background-image: url(../../green/site_images/vuTitleBarBG_d.gif);
	background-repeat: repeat;
	background-color: #000000; font-family:verdana,helvetica,arial; color:#FFFFFF; font-weight:bold; font-size:8px;
}
.commAM {
	background-image: url(../../green/site_images/vuTitleBarBG_l.gif);
	background-repeat: repeat;
	background-color: #FFFFFF; color:#000000;font-weight:bold;	
}
.commPM {
	background-image: url(../../green/site_images/vuTitleBarBG_d.gif);
	background-repeat: repeat;
	background-color: #000000; color:#FFFFFF;font-weight:bold;
}
.commNA 		{background-color: #C0C0C0}
.commGood 	{background-color: #00FF00}
.commBad 	{background-color: #FF0000}
.commWarn 	{background-color: #FFFF00}

.commAct {
	background-image: url(../../green/site_images/commAct.gif);
	background-repeat: no-repeat;
}

div.commLegendBox {
	position:absolute;
	width:20px;
	height:18px;
	background-color: #C0C0C0;
}

div.commLegendAct{
	position:relative;
	top:1px; left:1px;
	width:20px;
	height:18px;
	background-image: url(../../green/site_images/commAct.gif);
	background-repeat: no-repeat;
}

div.commLegendGood {
	position:relative;
	top:2px; left:2px;
	width:16px;
	height:14px;
	background-color: #00FF00;
}

div.commLegendBad {
	position:relative;
	top:2px; left:2px;
	width:16px;
	height:14px;
	background-color: #FF0000;
}

div.commLegendWarn {
	position:relative;
	top:2px; left:2px;
	width:16px;
	height:14px;
	background-color: #FFFF00;
}