body 
{
    font-size: 70%;
    font-family: Arial, Verdana;
}
h1
{
    font-size: 200%;
    margin-top: 0;
    margin-bottom: .3em;
}
h1
{
    font-size: 190%;
}
h1
{
    font-size: 180%;
}
h1
{
    font-size: 170%;
}

a, a:visited, a:active
{
    color: #0000FF;
}
input 
{
    font-size: 100%;
}
select
{
    font-size: 100%;
}
.MainTable {border: 1px #C0C0C0 solid; margin: auto;}
.MainTable .TopBanner {border-bottom: 1px #C0C0C0 solid;}
.MainTable .BottomRow {border-top: 1px #C0C0C0 solid;padding: 0;}
.MainTable .LeftContent {border-right: 1px #C0C0C0 solid;padding: 1px; width: 100px; height: 360px;}
.MainTable .MainContent {padding: 1px; width: 673px; vertical-align: top;}

.TroubleCode { color: Red; cursor: default; font-weight: bold;}

.FormTable
{
}
.FormTable th
{
    padding: 2px 3px 2px 3px;
    border: solid 1px #666;
    background-color: #000;
    color: #fff;
}
.FormTable td
{
    padding: 0 5px 3px 0px;
    vertical-align: top;
}
.SearchFormTable
{
    
}

.MeterProfileTable td
{
    padding: 0 2px 3px 2px;    
}


.UtilityOptionsTable
{
    border-collapse: collapse;
}
.UtilityOptionsTable td, .UtilityOptionsTable th
{
    padding: 2px 3px 2px 3px;
    border: 1px solid #666;
    vertical-align: bottom;
}
.UtilityOptionsTable th
{
    color: #fff;
    background-color: #000;
}
.UtilityOptionsTable td td
{
    border: none;
    padding: 0;
}
.TextBox
{
    width: 150px;
}

.GridView
{
    border-collapse: collapse;
	border: solid 1px #dcdcdc;
}

.GridView tr.header
{
   color: Blue;
   background-color: Silver;
   height: 18px;
   vertical-align: middle;
   text-align: center;
   font-weight: bold;
}

.GridView tr.item
{
   color: black;
   background-color: white;
   vertical-align: middle;
   text-align: left;
   font-family: Tahoma, Arial, Helvetica;
   font-size: 11px;
   font-weight: normal;
}

.GridView tr.alternate
{
   color: black;
   background-color:#f2f4f0;
   vertical-align: middle;
   text-align: left;
   font-family: Tahoma, Arial, Helvetica;
   font-size: 11px;
   font-weight: normal;
}

.GridView tr.item:hover, .GridView tr.alternate:hover
{
   background-color: #dcdcdc;
   color: black;
}

.DataList th
{
	padding: 2px 3px 2px 3px;
    border: solid 1px #666;
    background-color: #000;
    color: #fff;
    vertical-align: bottom;
}
.DataList td
{
    padding: 0 3px 0 3px;
    border: solid 1px #666;
}

.Required
{
    color: #ff0000;
}
.ValidationSummary ul
{
    margin-top: 0;
    margin-bottom: 15px;
}

.GraphOptsDisplayTD
{
    text-align: center;
}

/****************************/
/*     START Tab Styles     */
/****************************/
    
#tabcontentcontainer
{
    border: 1px solid #666;
	clear: both;
	background: #FFF;
}
#tabcontentcontainer div {
	background: #fff;
	min-height: 300px;
}
#tabcontentcontainer div div {

	min-height: 0px;
}
   
#tabheader {
	position: relative;
	width: 100%;
	height: 3em;
	width: 38em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tabheader ul#tablist
{
    margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 38em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#tablist li
{
    list-style: none;
    display: inline;
}

#tabheader ul#tablist a, #tabheader ul#tablist a.TabActive, #tabheader ul#tablist a.TabDisabled {
	width: 9em;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 100%;
	text-decoration: none;
	
}

#tabheader ul#tablist a.TabDisabled,#tabheader ul#tablist a.TabDisabled:hover {
	background: #ddd;
	color: #999;
	border: 1px solid #999;
	border-bottom: none;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	cursor: default; 
}

#tabheader ul#tablist a.TabActive,#tabheader ul#tablist a.TabActive:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: #fff;
	padding-bottom: 6px;
	margin-top: 0;
}

#tabheader ul#tablist a {
	background: #ddd;
	border: 1px solid #555;
	border-bottom: none;
}

#tabheader ul#tablist a:hover 
{
    background: #ccc;
	margin-top: 0;
	padding-bottom: 5px;
}


.tabcontent
{
    padding: 15px;
    background-color: #fff;
    display:none;
}
/****************************/
/*     END Tab Styles     */
/****************************/


.ErrorPgDiv
{
    border: solid 1px #000; 
    background-color: #eee;
    margin: auto;
    margin-top: 75px;
    padding: 20px;
    width: 450px;
    height: 200px;
}
.ChartError
{
    border: solid 1px #000000; 
    background: #ffffcc;
    margin: auto;
    padding: 20px;
    width: 400px;
    height: 70px;
    color: Red;
    font-weight: bold;
}

.aspErrorTemplateDiv
{
    width: 350px; 
    height: 250px; 
    padding: 10px; 
    border: solid 3px black; 
    background: #fff; 
    text-align: left;
}


/***********************/
/* Accordion CSS Clases*/
/***********************/

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}


.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #D3DEEF;
    color: #FFFFFF;
}


/*Modal Popup*/
.modalBackground 
{
	background-color:Transparent;
	filter:alpha(opacity=50);
	opacity:0.7;
}

.outerPopup 
{
   background-color:transparent;  
   padding:1em 6px;
}

.InnerPopUp
{
	background-color:White;
}

.modalProgress 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup
{
    text-align:center;
    padding-top: 30px; 
    border-style:solid; 
    border-width:2px; 
    border-color:Gray;
    background-color:White; 
    font-size: 30px;
    width:300px; 
    height:100px;
}

.PopUpTable
{
    border: 1px solid #666;
}
.PopUpTable td, .PopUpTable th
{    
    font-size:small;
    vertical-align: top;
}
.PopUpTable th
{    
    color: #fff;
    background-color: #292063;
}
.PopUpTable td td
{	
	padding: 0;
}


.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

/****************************/
/*     Added by Susan L     */
/****************************/
/* text style used for most text rendered by modules */
.Normal,.NormalDisabled
{
    /* font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
    color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 11px;
    font-weight: bold
}

/* text style used for error messages */
.NormalRed
{
    /*font-family: Tahoma, Arial, Helvetica;*/
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

.ImportCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color:#e6e6fa;
    color: black;
}
.ImportCalendar	.ajax__calendar_header 
{
	color: #483d8b;
	font-weight:bold;
}
.ImportCalendar .ajax__calendar_other .ajax__calendar_day,
.ImportCalendar .ajax__calendar_other .ajax__calendar_year {
    color:gray;
}
.ImportCalendar .ajax__calendar_hover .ajax__calendar_day,
.ImportCalendar .ajax__calendar_hover .ajax__calendar_month,
.ImportCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #330066;
}
.ImportCalendar .ajax__calendar_active .ajax__calendar_day,
.ImportCalendar .ajax__calendar_active .ajax__calendar_month,
.ImportCalendar .ajax__calendar_active .ajax__calendar_year {
    color: #330066;
    font-weight:bold;
}
.ImportCalendar .ajax__calendar_today
{
	color:#483d8b;
}

/* styles used by Data Grids */
.DataGid_Main
{
	background-color: White;
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
  color: Black;
}
.DataGrid_Header
{
    background-color:Black;
    color: white;
  /*  font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;	*/
    font-weight: bold;
    text-align: center;
}

.DataGrid_Item
{
    background-color:Transparent;
    color: Black;
  /*  font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;*/
    font-weight: normal;
}

.DataGrid_AlternatingItem
{
    background-color: #dcdcdc;
    /*font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;*/
    font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
    background-color:White;
}

.DataGrid_SelectedItem
{
    background-color: Silver;
    color: Blue;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
}

/* Added by Susan Lu */
TreeviewNormal
{
	font-weight: normal;
	text-decoration: none;
}

/* Used by Drop cycle */
div.sample_popup { z-index: 1; }

div.sample_popup div.menu_form_header
{
  border: 1px solid black;
  border-bottom: none;

  width: 500px;

  height:      20px;
  line-height: 19px;
  vertical-align: middle;

  background: url('form_header.png') no-repeat;

  text-decoration: none;
  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #206040;
  cursor:  default;
}

div.sample_popup div.menu_form_body
{
  width: 500px;
  border: 1px solid black;
  /*background: url('form.png') no-repeat left bottom; */
  background-color: ThreeDLighShadow;
}

div.sample_popup img.menu_form_exit
{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.sample_popup table
{
  width: 100%;
  border-collapse: collapse;
}

div.sample_popup th
{
  width: 1%;
  padding: 0px 5px 1px 0px;

  text-align: left;

  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #004060;
}

div.sample_popup td
{
  width: 99%;
  padding: 0px 0px 1px 0px;
}

div.sample_popup form
{
  margin:  0px;
  padding: 8px 10px 10px 10px;
  background: lightgray;
}

div.sample_popup input.field
{
  width: 95%;
  border: 1px solid #808080;

  font-family: Verdana, Sans-Serif;
  font-size: 12px;
}

div.sample_popup input.btn
{
  margin-top: 2px;
  border: 1px solid #808080;

  background-color: #DDFFDD;

  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}