body {font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 12px; line-height: 1.5; background-color: #DFE2F1; margin-top: 25px; width: 970px; margin-left: auto; margin-right: auto}
div.Page {width: 970px; background-color: white; margin: auto; float: left; background-color: #DFE2F1}
div.Header {width: 100%; margin: auto; float: left; height: 123px}

div.Content {width: 100%; margin: auto; float: left; background-image: url(images/bg_ContentBackground.gif); background-repeat: repeat-y; padding-left: 14px; }

div.PageBottom {background-image: url(images/bg_FooterBackground.gif); height: 35px; clear: both; overflow: hidden; padding-left: 25px; padding-right: 25px; padding-top: 8px; color: white; font-size: 10px}
img {border: 0px}
div.Text {padding: 0px}
div.Credit {float: left; font-style: italic}
div.Copyright {float: right}

/* generated by csscreator.com */ 
/*html, body{ 
 margin:0; 
 padding:0;
 font-family: arial, "lucida console", sans-serif; 
 } */
 
#pagewidth{ }
 
/*#header{
 position:relative; 
 height:50px; 
 background-color:#4363A0; 
 width:100%;
 background-repeat:repeat-x;
 background-position:bottom;
 border-bottom:3px solid #4363A0;
 padding:0px;
 margin:0px;
} */
 
#leftcol{
 width:20%; 
 float:left; 
 position:relative; 
 background-color:#4363A0; 
 padding-bottom:10px;
 }
 
#maincol{
 background-color: #FFFFFF;  
 float: right; 
 DELfloat: left; 
 display:inline; 
 position: relative; 
 width:80%; 
 DELETEbackground-image:url(round-corner.jpg);
 DELETEbackground-repeat:no-repeat;
 DELETEpadding:3px;
 }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


// begin non-layout styles

h1 {
        color: #000000;
        font-weight: bold;
        font-size: 20px;
	padding-left:10px;
	position:relative;
}

/*body {
        color: #000000;
        font-size: 12px;
}

#header h1
{
        color: black;
        //left:201px;
        //top:25px;
        position:relative;

}*/


.tableHeading {
        font-weight: bold;

}

input.monthButton
{
        border: 0;
        text-align:left;
        height: 15px;
        font-size:10px;
	background-color:#4363A0;
	margin-left:5px;
	color:white;
}

input.notifyButton
{
        border: 0;
        text-align:center;
        height: 15px;
        font-size:10px;
	background-color:white;
	color:black;
	
	position:relative;
	top:-50%;
}

.displayCurrentUsage
{
        padding:5px;
        font-size:2.5em;
	color:#AAAAAA;
}

.hourTotal
{
	color:#AAAAAA;
}

h2
{
	color:black;
	font-weight:bold;
	padding-left:5px;
	font-size:15px;
	background:#a7b6d2;

}

.alerts
{
	color: white;
	font-size: 12px;
	text-decoration:none;
	margin:0px;
	padding:0px;
	padding-left:10px;
	padding-right:5px;

}

a
{
	color: white;
	font-size: 12px;
	text-decoration:none;
	padding-left:10px;
}
a:visited
{
	color: #C0C0C0;	
}
	
a:link
{
	color: white;
}

a:hover
{
	color: black;
}

a.bodyLink
{
	color: blue;
	font-size: 12px;
	text-decoration:none;
	padding-left:10px;
}
a.bodyLink:visited
{
	color: #4363A0;
}
	
a.bodyLink:link
{
	color: #4363A0;
}

a.bodyLink:hover
{
	color: black;
}


.contentTable
{
	border:1px solid #AAAAAA;
	margin-left:10px;
	width:80%;	
}

.logout
{
	font-weight:bold;
	letter-spacing:2px;
}

.padspace
{
	padding:0px;
	margin:0px;
	padding-left:10px;
}

p
{
	padding-left:10px;
}

