﻿body
{
    font-family: verdana, arial, helvetica;
    font-size: 9pt;
}


h1
{
    font-family: Arial;
    font-size: 16pt;
    color: #003768;
    padding: 0px 0px 0px 0px;
}

h2
{
     font-family: Arial;
    font-size: 11pt;
    color: #003768;
    padding: 0px 0px 0px 0px;
}

a
{
	color:#003768;
    text-decoration: underline;
}
a:visited
{
	color:#003768;
    text-decoration: underline;
}
a:linked
{
	color:#003768;
    text-decoration: underline;
}
a:hover
{
	color:#003768;
    text-decoration:underline;
}



/* for the fieldset tags use throughout website */
legend {color: #4a79ca;font-weight:bold;}
fieldset {padding:5px; padding:5px;}


/* top navigation bar*/
.topNavigation
{
	background-color: #003768;
	color:White;
	font-size:8pt;
}
.topNavigation a
{
	color:White;
	text-decoration:none;
}
.topNavigation a:visited
{
	color:White;
}

.topNavigation a:hover
{
    text-decoration: underline;
}

/* main buttons style */
.button
{
    background-color: #e0e0e0;
    font-family: verdana;
    border: #8B8B8B 1px solid;
    font-size: 11px;
    color: #000000;
}
.button:hover
{
    border-color:Orange;
}
.button:disabled
{
    background-color: #d1d1d1;
    font-family: verdana;
    border: #8B8B8B 1px solid;
    font-size: 11px;
    color: #a0a0a0;
    padding: 2 2 2 2;
    margin: 0 0 0 0;
}

.buttonSmall
{
    background-color: #ffffff;
    font-family: verdana;
    border: #8B8B8B 1px solid;
    font-size: 9px;
    color: #6e6e6e;
    padding-left:2px;
    padding-right:2px;
    text-decoration:none;
}

.buttonHidden
{
	visibility:hidden;
}



/* copyright text at bottom of page */
.copyright, .copyright:visited
{
    font-size: 8pt;
    color: gray;
    text-decoration:none;
}

/* field validators */
.validator
{
    color: Red;
    font-size: 8pt;
}

/* used on pages to display message such as statuses, error message */
.messagegood
{
    color: Blue;
}
.messagebad
{
    color: Red;
}

/* generic style for label of input controls, ie textbox, select, textfield */
.fieldlabel
{
    color: #404040;
    font-weight: bold;
    font-size: 8pt;
}
.fieldlabel a
{
    text-decoration: none;
    font-size: 9pt;
}

/* style to be used on textboxes, select */
/*
INPUT.TEXT{
    padding: 2px 3px 2px 3px;
    border: 1px solid;
    font-family: verdana, arial, helvetica;
    font-size: 8pt;
}
*/
.textfield
{
    padding: 2px 3px 2px 3px;
    border: 1px solid;
    font-family: verdana, arial, helvetica;
    font-size: 8pt;
}
.textfield[type=text]
{
    width:150px;
}
.textfield[type=password]
{
    width:150px;
}
.selectfield
{
	padding: 2px 3px 2px 3px;
    border: 1px solid;
    font-family: verdana, arial, helvetica;
    font-size: 8pt;
}

/* style to be used on all textboxes representing numerical results */
.textfield_result
{
    padding: 2px 3px 2px 3px;
    border: 1px solid;
    font-family: verdana, arial, helvetica;
    font-size: 9pt;
    text-align: right;
}
.textfield_result:disabled
{
    padding: 2px 3px 2px 3px;
    border: 1px solid;
    font-family: verdana, arial, helvetica;
    font-size: 9pt;
    text-align: right;
    background-color: #e0e0e0;
    color: Black;
}


/* Datagrid, Gridview styles */
.gvDisabled
{
    background-color: #dcdcdc; 
}


.gv 
{
    border: 1px #d0d0d0 solid;
    background-color: #FFFFFF;    
    font-size: 8pt;
}

.gvRow
{
    font-size: 8pt;
    font-family: Verdana;
}
.gvRow td
{
    padding:3px;
}
/*
.gvRow a, .gvRow a:visited, .gvRow a:hover
{
    text-decoration: none;
}
*/

.gvRowAlt
{
    font-size: 8pt;
    font-family: Verdana;
    background-color: #e0e0e0;
}
.gvRowAlt td
{
    padding:3px;
    background-color: #e0e0e0;
}
/*
.gvRowAlt a, .gvRowAlt a:visited, .gvRowAlt a:hover
{
    text-decoration: none;
}
*/

.gvRowSelected, .gvRowSelected td
{
    padding:3px;
    font-size: 7pt;
    font-family: Verdana;
    background-color:#ffffdd;
}
/*
.gvRowSelected a, .gvRowSelected a:visited, .gvRowSelected a:hover
{
    text-decoration: none;
    color: #F47700;
}
*/

.gvRow .leftPad
{
    padding-left:10px;
}

.gvRowAlt .leftPad
{
    padding-left:10px;
}


.gvRowSelected
{
    font-size: 8pt;
    font-family: Verdana;
    background-color:#ffffdd;
}
.gvRowSelected td
{
    padding:3px;
    background-color:#ffffdd;
}
.gvRowSelected a, .gvRowSelected a:visited, .gvRowSelected a:hover
{
    text-decoration: none;
    color: #F47700;
}


.gvHeader, .gvHeader th
{
    font-size: 8pt;
    font-family: Verdana;
    text-decoration: none;
    border-bottom: 2px solid ButtonFace;
	color: #ffffff;
	background-color:#4a79ca;
	padding:4px;
}
.gvHeader a, .gvHeader a:hover, .gvHeader a:visited
{
    text-decoration: none;
    color: #FFFFFF;
}


/* noborder, used on roof page for image gridview */
.noborder
{
    border-width:0;
}

/* style for filter section */
.filtertable
{
    font-size: 8pt;
    border: 1px solid #d0d0d0;
}
.filtertable td
{
    padding:2px 2px 2px 2px;
}
.filterheader
{
    font-size: 8pt;
    background-color: #dcdcdc;
    font-weight: bold;
}


/* ajax help popup styles */
.helppopup
{
    border: 1px solid gray;
    background-color: #FFFFCC;
    width:450px;
    padding: 5px;
    font-size: 9pt;
    font-family: Arial;
}
.helppopup table td
{
    font-size: 9pt;
    font-family: Arial;
}
.helppopuptext
{
    color:#404040;
    cursor:pointer;
    font-weight:bold;
}
.helppopuptext:hover
{
    color:#f09d28;
}



/* breadcrumb styles */
.breadcrumb_table
{
    border: 1px #b0b0b0 solid;
    font-size: 7pt;
    text-align: left;
    background-color:#ffffff;
    margin-right:2px;
}
.breadcrumb_header
{
    background-color: #D3DEEF;
    color: black;
    font-size: 8pt;
}
.breadcrumb
{
    font-size: 7pt;
}
.breadcrumb a, .breadcrumb a:visited
{
    font-size: 7pt;
    color: #000000;
    text-decoration: underline;
}
.breadcrumb_disabled
{
    font-size: 7pt;
    color: Gray;
}


/* style for the required marker text, eg the * symbol */
.RequiredHelpText
{
    color: #808080;
    font-size: 8pt;
}


.leftnavmenu
{
    cursor: pointer;
    background-color: #003768;
    color: #ffffff;
    text-align:left;
    padding-left:0px;
    
}
.leftnavmenucell
{
    padding: 2px;
    font-family: Verdana, Arial;
    font-size: 8pt;
    
}


.leftnavmenucellover
{
    padding: 2px;
    padding-left: 5px;
}

a.norollsmallmenu
{
	color: #ffffff;
    text-decoration: none;
    padding-left:11px;
}
a.norollsmallmenu:visited
{
    color: #ffffff;
    text-decoration: none;
}
a.norollsmallmenu:visited:hover
{
	color: #ffffff;
    text-decoration: none;
}
a.norollsmallmenu:hover
{
	color: #ffffff;
    text-decoration: none;
    background-image: url(http://energywisebeta.specright.net/images/template/bullet.gif); 
    background-repeat: no-repeat;
    background-position: 0.3em 0.3em;
    
}





/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:#003768;
	padding:3px;
	font-size: 8pt;
}


/* styles use on the report page */
.ReportBox
{
    border:1px solid gray;
    background-color:#FAF7F2; /*#e5ecf9;*/
    margin:8 8 8 8;
}

.ReportBoxTitle
{
    font-weight:bold;
    color:#003366;
}
.ReportSubTitle
{
    text-decoration:underline;
}
.ReportField
{
    font-family:Sans-Serif;
    font-weight:bold;
    color:#444;
}

.lightBG
{
    background-color:#FAF7F2;
}





/* obout Flyout */
.ToolTip 
{ 
    border:1px solid gray; 
    background-color: #FFFFCC; 
    padding: 5px; 
    font-size:9pt; 
    font-family:Arial;
}
.ToolTip td
{
    font-family: Arial; 
    font-size:9pt;
}
.ToolTipMenu 
{ 
    border:1px solid gray; 
    background-color: #f0f7fd; /* #e3ebf2*/
    padding: 5px; 
    font-size:9pt; 
    font-family:Arial;
}
.ToolTipMenu td
{
    font-family: Arial; 
    font-size:9pt;
}





/* Accordion */
.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;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #4a79ca;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    /*background-color: #D3DEEF;*/
    background-color: #f0f0f0;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}



.Box
{
	border:1px solid gray;
}

.BoxHeader
{
	background-color:#4a79ca;
	padding:5px;
	color:#ffffff;
	font-weight:bold;
}


.BoxContent
{
	padding:5px;
}


.tableStyle{    border-collapse: collapse;    border-color:#a0a0a0;}
.tableStyle td {    border-color:#a0a0a0;    padding:3px;
}
