.loginTop {
	background-image: url(loginTop.jpg);
	width: 397px;
	height: 104px;
}

.loginBottom{
	background: white;
	border-left: 1px solid #7b7b7b;
	border-right:1px solid #7b7b7b;
	border-bottom:1px solid #7b7b7b;
	width: 397px;
	height: 144px;
}

.loginRightSpacer{
	width: 70px;
}

.errorMessage {
	font-size: 8pt;
	color: red;
	font-weight: bold;
}

.generalErrorMessage {
	font-size: 10pt;
	color: red;
	font-weight: bold;
}

.graphKey {
	font-size: 8pt;
	font-weight: bold;
}

.graphOverlayText {
	position: absolute;
	bottom: 0px;
	left: 0px;
	white-space: nowrap;
}

.headingPanel{
	background: #CCCCCC;
	padding-right: 15px;
}

.contentsHeader{
	background: #CCCCCC;

	height: 40px;
}

.contentsHeaderLabel{
	font-family: arial;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
}

.hisUsagePanel{
	margin-left: 4px;
}

.hisUsageButton{
	cursor: pointer;
	width: 190px;
	height: 20px;
	background: url(historicalBtn.gif);
}

.h3 {
	padding-top: 11px;
	padding-left: 20px;
	font-family: arial;
	font-size: 17px;
	font-weight: bold;
	background: #CCCCCC;
}

.logoutTitle{
	color: #CCCCCC;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	text-decoration: none;
	padding-left: 5px;
}

.logoutTitle A,
.logoutTitle A:link,
.logoutTitle A:active,
.logoutTitle A:visited{
	color: #CCCCCC;
}


.loggedUser {
	color: #CCCCCC;
	font: 11px arial;
	padding-top: 10px;
}

.loginButton{
	cursor: pointer;
	width: 82px;
	height: 20px;
	background: url(loginBtn.gif);
}

.loginTextBox{
	border: 1px solid #636563;
	font-size: 9pt;
	width: 180px;
}

.loginPage {
	/*background: #f7f3f7; */
	position: relative;
	height: 100%;
	width: 100%;
}

.loadingBoxTable {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 200;
}

.loadingBox {
	padding-top: 10px;
	width: 139px;
	height: 62px;
	background-image: url('../images/loadingBox.gif');
	z-index: 201;
}

.loadingBar{
	width: 100px;
	height: 14px;
	background: url(loadingAnm.gif);
	overflow: hidden;
}

.loadingText {
	font-family: arial;
	font-size: 9pt;
}

.miniGraph {
	border: 1px solid white;
}

.miniGraph td{
	border-color: white;
}



.popupContents {
	width: 99px;
	background: white;
	border: 1px solid #979797;
	z-index: 100;
}

.popupDarkOption {
	background-image: url(../images/darkOption.gif); 
	background-repeat: no-repeat; 
	font: bold 10pt arial;
	color: #717171;
	height: 18px;
}

.popupLightOption {
	background-image: url(../images/lightOption.gif); 
	background-repeat: no-repeat; 
	font: bold 10pt arial;
	color: #717171;
	height: 18px;
	
}




.rowTotals {
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	color: white;
	background: #CCCCCC;
}



.rightCorner {
	background-color: green;
}

.tableHeader td{
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
	background: url(tableHeaderBg.gif);
	height: 20px;
	border-collapse: collapse;
	overflow: hidden;
	color: #CCCCCC !important;
}

.headerFont{
	color: #CCCCCC;
}

.tableLabel{
	font-family: arial;
	font-size: 9pt;
	font-weight: bold;
}

.tableRow_light{
	font-family:arial;
	font-size:11px;
	background: #CCCCCC;
}

.tableRow_dark{
	font-family:arial;
	font-size:11px;
	background: #CCCCCC;
}

.usageTable {
	border: 1px solid #8f8f8f;
	border-collapse: collapse;
	color:#FFFFFF;
}

.usageTable td{
	padding: 3px;
	border-bottom: 2px solid #FFFFFF;
}