/* CSS Document UGI Utilities Pages*/

/* ------------------------------------ Common Elements ------------------------------------ */
body
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:Arial,Helvetica,Sans-serif;
	filter:"progid:DXImageTransform.Microsoft.Gradient(endColorstr='#999999', startColorstr='#FFFFFF', gradientType='0';"

}

table
{
	font-size:12px;
}

h4
{
	text-align:center;
	font-size:14px;
}

#footer {
	clear : both;
	margin : 0 3%;
	font-size : 65%;
	height: 0px;
}


/* ------------------------- Content Body Formatting (ID specific) ------------------------- */

/* Content header image and content title for UGIU*/
#contenttopU
{
	margin-left:auto;
	margin-right:auto;
	background:url(../images/bodytopU.gif);
	background-repeat:no-repeat;
	height:65px;
	width:752px;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	line-height:40px;
	text-align:center;

}

/* Content header image and content title for UGIP */
#contenttopP
{
	margin-left:auto;
	margin-right:auto;
	background:url(../images/bodytopP.gif);
	background-repeat:no-repeat;
	height:65px;
	width:752px;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	line-height:40px;
	text-align:center;
}

/* Content header image and content title - Marketers */
#contenttopM
{
	margin-left:auto;
	margin-right:auto;
	background:url(../images/bodytopM.gif);
	background-repeat:no-repeat;
	height:65px;
	width:752px;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	line-height:40px;
	text-align:center;
}

/* Content footer image for UGIP */
#contentbottomP
{
	margin-left:auto;
	margin-right:auto;
	background:url(../images/bodybottomP.gif);
	background-repeat:no-repeat;
	height:50px;
	width:752px;
}

/* Content body with border left/right - standard height of 350*/
#content
{
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	width:752px; 
	height:350px;
	border-right:ridge;
	border-color:#000000;
	border-width:1px;
	border-left: ridge;
	border-color:#000000;
	border-width:1px;
	padding:10px; 
}
/* Content body with border left/right - exceeds height of 350*/
#contentLg
{
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	width:752px; 
	border-right:ridge;
	border-color:#000000;
	border-width:1px;
	border-left:ridge;
	border-color:#000000;
	border-width:1px;
	padding:10px;
}

/* Content footer image for UGIU */
#contentbottomU
{
	margin-left:auto;
	margin-right:auto;
	background:url(../images/bodybottomU.gif);
	background-repeat:no-repeat;
	height:50px;
	width:752px;
}

/* Content footer image for Marketer */
#contentbottomM
{
	margin-left:auto;
	margin-right:auto;
	background:url(../images/bodybottomM.gif);
	background-repeat:no-repeat;
	height:50px;
	width:752px;
}
/* ----------------------------- Operational Notices (ID specific) ----------------------------- */

/*Main scroll box div for holding the operational notices */
#cuinfo
{
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	height:500px;
	/*overflow:scroll;*/
	overflow:auto;
	width:730px;		
} 	

#cuinfotable
{
	background:#FFFFFF;
	margin:20px 0px 20px 20px; 
	width:690px;
	border:0px;
}
/*Operational notices title bar */
#operationalnotice 
{ 
	background:#ECE5B6; 
	border:1px solid #000000;
	color:#000000; 
	font-weight:bold; 
	margin:0px; 	
	padding: 7px;
	font-size:14px;
	text-align:center; 
	text-transform:uppercase;
		
}

/*Operational notices view directions bar */
#operationalnoticedirections 
{
	background:#F5F5F5; 
	border:1px solid #000000;
	color:#000000;
	padding: 3px;	 
	font-size:12px;
	text-align:center; 
	text-transform:uppercase;	
}

/*Adds an icon and the word VIEW on each operational notice title bar*/
.viewnotice 
{
	background:url("../images/view.gif") no-repeat left center #F5F5F5;
	border:1px solid #000000;
	padding-left:60px;
	cursor:pointer;
}

.hidenotice 
{
	background:url("../images/hide.gif") no-repeat left center #F5F5F5;
	border:1px solid #000000;
	padding-left:60px;
	cursor:pointer;
}

/*for important notice remarks such as the words REMINDER NOTICE!*/
.red 
{ 
	color:#FF0000; 
	font-weight:bold; 
	font-size:14px; 
}

/* Styles for Operational Notices */

/*Toggle starts the operational notices message div in the hidden state */
/* Assign this to the hidden Notices */
.toggle   
{ 
	background:#F5F5F5; 
	border:1px solid #000000;	
	display:none; 
	margin:5px 15px 20px 15px; 
	padding:15px;   
} 

/*Toggled starts the operational notices message div in the visible state */
/* Assign this to the shown Notices */
.toggled  
{ 
	background:#F5F5F5; 
	border:1px solid #000000; 
	display:block; 
	margin:5px 15px 20px 15px;  
	padding:15px; 
} 

/* defines no padding on the table row for the notice message */
.notice 
{ 
	padding:0px; 
	text-align:justify; 
	line-height:20px; 
}

/* XML CSS */
operations
{ 
	background:#E0E0DA;
}

notice
{
	background:#50ADEA;
	border:1px solid #1975d7;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 20px auto 20px auto;
	width:700px;
}

date 
{
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:16px;
	font-weight:bold;
	padding:20px;
	text-align:center;
	width:100px;
}

title 
{
	color:#FFFFFF;
	display:block;
	float:right;
	font-size:16px;
	font-weight:bold;
	padding:20px;
	text-align:center;
	width:500px;
}

message
{
	background:#F5F5F5;
	border-top:1px solid #1975d7;
	clear:both;
	display:block;
	font-size:14px;
	padding:30px;
	text-align:justify;
}


/* ------------------------------ Degree Days Info (ID specific) ------------------------------ */

/* Table caption styles */
caption{ 
	background:#ECE5B6; 
	color:#000000;  
	font-weight:bold; 
	text-transform:uppercase; 	
	padding:10px; 
	text-align:center;
	margin:0 auto;
	border-right: 1px solid;
	border-left: 1px solid;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

/*degree day table widths */
.ddinfo 
{ 
	width:130px; 
}

/* XML CSS */
#ddinfos, #ddinfos2
{
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000; 
	width:297px;
	text-align:center; 	
} 	
.degday 
{
	background:#F5F5F5;
	border-top:1px solid #000000;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	border-left:1px solid #000000;
	text-align:center;
}
	
#archive
{
	display:none;
	text-align:center; 
}
	
#ddarchivetitle
{
	background:#ECE5B6; 
	color:#000000; 
	font-weight:bold; 
	margin:0px; 
	padding: 7px;
	text-align:center; 
	text-transform:uppercase;	
	width:283px; 
}

#dddirections
{
	background:#ECE5B6;
	border-top:1px solid #000000; 
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	border-left:1px solid #000000;
	text-align:center; 
	width:294px;
}

/* ------------------------------ Meter Burn XML (ID specific) ------------------------------ */

#mtrburn
{
	background:#FFFFFF;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
}

/* -------------------------------------- Image Classes ------------------------------------- */

/*various icons on the page. Use these with the <span> tags. Sets the icon to the left of the spanned text.*/

.pdf
{   
	background:url(../images/pdf.gif)    
	no-repeat left center; 
	line-height:24px; 
	padding:4px 4px 4px 18px; 
}

.xls
{   
	background:url(../images/xls.gif)    
	no-repeat left center; 
	line-height:24px; 
	padding:4px 4px 4px 18px; 
}

.doc
{   
	background:url(../images/doc.gif)    
	no-repeat left center; 
	line-height:24px; 
	padding:4px 4px 4px 18px; 
}

.aim
{   
	background:url(../images/aim.gif)    
	no-repeat left center; 
	line-height:24px; 
	padding:4px 4px 4px 18px; 
}

.email
{   
	background:url(../images/email.gif)    
	no-repeat left center; 
	line-height:24px; 
	padding:4px 4px 4px 18px; 
}

.phone
{   
	background:url(../images/phone.gif)    
	no-repeat left center; 
	line-height:24px; 
	padding:4px 4px 4px 18px; 
}


/* ------------------------------ Other Elements (ID specific) ------------------------------ */

/* Copyright formatting - page footer */
#copyright
{
	width:752px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
}

#browser
{
	font-weight:bold;
	font-style:italic;
}

/* Content document - Operational Notices */
#letter
{
	font-size:10px;
}

/* Used in common_noJavaScript.htm and common_badVersion.htm - Program validation */
td.error 
{ 
   color: #ff0000; 
   font-weight : bold;
   font-size:14px;
}