body {
	text-align:center; 
	background-color:eeeeee;
}

td {
	font:11px arial, verdana, sans-serif;
	color:#515151;
}

/* outer most DIV tag contains all elements */

#wrapperDIV {
	text-align:center; 
	width:700px; 
	border:1px solid #ccc; 
	padding:10px; 
	background-color:white
}



/*  PRIMARY BODY AREA ITEMS */



/* the graphic at the top of each page */

#graphicHeader {
	background-image:url(../images/headershort.jpg); 
	width:721px; 
	height:121px; 
	padding-top:20px; 
	padding-left:20px
}




/* the container that holds text data in the graphic area header for the TEMPLATE page */

#iHead {
	border:1px solid #fdfcfa; 
	padding:10px; 
	font:bold 14px verdana, sans-serif; 
	width:420px; 
	height:65px; 
	margin-right:20px;
	display:none;
	visibility: hidden



}


/* the graphic at the top of each page for the TEMPLATE page */

#graphicHeader-template {
	background-image:url(../images/header.jpg); 
	width:721px; 
	height:267px; 
	padding-top:120px; 
	padding-left:20px
}




/* the container that holds text data in the graphic area header */

#iHead-template {
	border:1px solid #fdfcfa; 
	padding:10px; 
	font:bold 14px verdana, sans-serif; 
	width:420px; 
	height:65px; 
	margin-right:20px;
}



/* text used in the graphic header area */

.introduction {
	font:bold 16px arial, verdana, sans-serif; 
	color:#666; 
	vertical-align:middle
}



/*header area page */
.pp {font:11px arial, verdana, sans-serif; color:#515151}











/*  PRIMARY BODY AREA ITEMS */

/* primary left cell that contains all left hand unique data includes */

#outerLeftCell { 
	background-color:#eeeee6; 
	vertical-align:top
	}


/* sits inside of #outerLeftCell and contains the programming includes from ACE */

#wrapTheForm {
	background-color:#fdfcfa; 
	padding:20px; 
	padding-top:0px;
	width:420; 
	margin:20px; 
	font:12px arial, verdana, sans-serif; 
	color:#515151;
	border-right:1px solid #bbb;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #bbb
}


/* primary right cell that contains all right hand column data includes */

#outerRightCell {
	 padding:20 20 0 0; 
	 background-color: #eeeee6;
}


/* primary header for sections */

H6 {
	font:bold 14px arial, verdana, sans-serif; 
	color:#515151; 
	border-bottom:1px solid #666; 
	margin-top:40px
}



/* header used only in signup page*/

H6.signup {
	font:bold 16px arial, verdana, sans-serif; 
	color:#900; 
	border-bottom:1px solid #666; 
	margin-top:40px
}



/* form label cell */

.label {
	font:bold 12px arial, verdana, sans-serif; 
	color:#515151; 
	text-align:right; 
	padding-right:20px; 
	height:35px
}






.message {margin-bottom:20px; padding:10px; font:bold 11px tahoma, verdana, sans-serif; color:#eee; background-color:#697C8E}




/* EDITOR PAGE ELEMENTS */



.QAwrap {background-color:#EEE9DD; padding:25px}

.inputQandA {color:#333; font:11px verdana, arial, sans-serif}



.editorIntro {
	margin-bottom:20px; 
	font:bold 11px tahoma, verdana, arial, sans-serif; 
	color:blue;
}


.editorObjectName {
	font:bold 24px arial, sans-serif; 
	color:#eee; 
	background-color:#666; 
	border:1px solid #999; 
	padding:25px;
	text-align:center;
}


/* step table cell */

.stepcell {
	background-color:EEE9DD; 
	color:696459;
}

/* step table header */

.stepCellHeader {
	background-color:BDB6A7; 
	color:white; 
	font:bold 12px tahoma, arial, verdana, sans-serif
}
















/* orange text links */

a.linkOne:link,
a.linkOne:visited {font:bold 11px tahoma, arial, sans-serif; color:#f50}
a.linkOne:hover {font:bold 11px tahoma, arial, sans-serif; color:black}


/* maroon text links */

a.linkMaroon:link {font:bold 11px arial, verdana, sans-serif; color:maroon}
a.linkMaroon:visited {font:bold 11px arial, verdana, sans-serif; color:maroon}
a.linkMaroon:hover {font:bold 11px arial, verdana, sans-serif; color:#000}





/* FOOTER AREA */

#copyright {
	font:10px tahoma, verdana, arial, sans-serif; 
	text-align:center; 
	color:#515151
}




/* graph elements */

.graph							{ width: 188px;}
.graph td,
.graph_horizontal td			{ font-family: Arial, Verdana, Tahoma; font-size: 10px; color: #000000;}
.graph td#used,
.graph td#free					{ height: 25px;}
.graph td#used					{ background-color: #F67F00;}
.graph td#free					{ background-color: #DADADA;}
.graph td#legend				{ font-size: 10px;}
.graph td#display,
.graph_horizontal td#display	{ font-size: 18pt; color: #F67F00; font-weight: bold; font-family:verdana, arial, sans-serif}
.graph td#display				{ text-align: center;}
.graph_horizontal td#display	{ padding-left: 20px; text-align: left;}