body {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;*/
}

#header,#content,#footer {
	width: 100%; 
	margin-left: auto;
	margin-right: auto;
}
.left {
	text-align: left;
}
.vAlignTop 
{
	vertical-align: top;
}
.vAlignLeftBottom {
	text-align: left;
	vertical-align: bottom;
}
.centerTable 
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.centerTable td
{
	padding-right: 10px;
}
.centerTopRightBorder 
{
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	text-align: center;
}
.centerTopBorder 
{
	border-top: solid 1px #000000;
	text-align: center;
}
.centerBottomBorder 
{
	border-bottom: solid 1px #000000;
	text-align: center;
}
.centerRightBorder 
{
	border-right: solid 1px #000000;
	text-align: center;
}
.center {
	text-align: center;
}
.vAlignCenterBottom {
	text-align: center;
	vertical-align: bottom;
}
.right {
	text-align: right;
}
.rightLabels {
	text-align: right;
	white-space: nowrap;
	padding-right: 5px;
	padding-bottom: 0px;
}
.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}
.bottom {
	vertical-align: bottom;
}
#header {
}
#header a {
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#footer {
	border: #CCCCCC 1px solid;
	border-width: 1px 0px 0px 0px;
	clear: both;
}
#footer a {
	color: #666666;
}
#treenav {
	display: none;
}
#content {
	min-height: 400px;
}
#content select {
	width: 120px;
}
#header a, #footer a {
	text-decoration: none;
}
#header a:hover, #footer a:hover {
	text-decoration: underline;
}

#header table {
	border-collapse: collapse;
}

#header table td {
	padding: 0px;
}

/*#apoCecQuestions
{
	width: 100%;
	margin-right: auto;
	margin-left: 0px;
}*/

/*#apoCecQuestions td
{
	vertical-align: middle;
	padding: 3px;
	white-space:normal;
}*/

#apoCecQuestions select
{
	font-size: 11px;
    width: 100%;
	/*vertical-align: middle;
	width: auto;*/
}

/*#dvApoCecQuestions
{
}*/

#dvProfileHeader input[type="submit"], #dvStartOverBtn input[type="submit"], .smallbuttons input[type="button"], .smallbuttons input[type="submit"], .buttons input[type="submit"], .buttons input[type="reset"]
{
	color:#000;
	font-size:12px;
	width:95px;
	font-weight:bold;
	cursor: pointer;
	vertical-align: middle;
}

.buttons input[type="button"], .apo_buttons input[type="submit"], .apo_buttons input[type="reset"], #apo_buttons_admin input[type="button"], #apo_buttons_admin input[type="submit"], #apo_buttons_admin input[type="reset"]
{
	color:#000;
	font-size:12px;
	width:125px;
	font-weight:bold;
	cursor: pointer;
}

.apo_buttons input[type="submit"], .apo_buttons input[type="reset"]
{
	height: 21px;
}

.apo_adminbuttons
{
	text-align: center;
	padding: 4px;
	margin: 15px 0px;
}

#Step3 input[type="submit"]
{
    cursor: pointer;
}
#Step3 input[type="submit"]:hover
{
    color: #000;
    font-size: 18px;
    font-weight: bold; 
    cursor: pointer;
}

div#Step3
{	
	text-align: center;
}

div#calcOutput
{
	width: 675px;
	/*border: 2px #B5B5B5 solid;
	padding: 10px 0px 10px 0px;*/
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	margin-right: auto;
	margin-left: auto;
}

div#calcOutput p
{
	white-space: normal;
}

div#calcOutput, .gradientbox
{
	/*background: url(images/HEC_box_bg.png) repeat-x #FBFBFB;*/
}

div#apo_calcdata_admin 
{
	margin-left: auto;
	margin-right: auto;
	/*margin-right: 125px;*/
}

div#apo_facilities_admin 
{
	/*margin-right: 180px;*/
}

.highlightCell
{
	background: url(images/trans_gray.png);
}

table#cphContent
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

table#cphContent td
{
	width: 100%;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;	
}

table#cphContent td.adminmenu
{
	width: 10%;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;	
}

table#tblOutput {
	width: 100%; 
	margin-left: auto;
	margin-right: auto;
	background-color: #FBFBFB;
	padding: 10px;
	border: solid 2px #DDDDDD;
}
table#inputTable {
	border-collapse: collapse;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
table#inputTable select
{
	font-size: 12px;
	width: 100%;
}
table#inputTable input
{
	font-size: 12px;
	width: 142px;
	padding-left: 3px;
}

table#inputTable td 
{
	font-size: 12px;
	white-space: nowrap;
	padding: 3px 5px;
	vertical-align: middle;
}
table#inputTable td.right
{
	vertical-align: middle;
}
table#inputTable a.tipButton img
{
	margin-left: 4px;
	border: none;
	cursor: pointer;
}
table #inputTable div#cueMenuBox input[type="radio"], table #inputTable div#cueMenuBox input[type="checkbox"]
{
	border: none;
	width: auto;
}
table#inputTable div#cueMenuBox input
{
	width: 114px;
}
table#inputTable div#cueMenuBox select
{
	width: 120px;
}

table#inputTable td#inputColumn
{
	width: 20%;
	vertical-align: top;
	padding-right: 0px;
}
table#inputTable td#inputColumn table
{
	border-collapse: collapse;
}
table#inputTable td#cueBox
{
	width: 70%;
	vertical-align: top;
}
div#dvProfileHeader
{
	font-weight: bolder;
	font-size: 14px;
}
div#tipBox
{
	border: 1px solid #000000; 
	background-color: #FFFFE0;
	position: absolute;
	padding: 4px 6px;
	font-size: 11px;
	width: 130px;
	font-family: Arial, Helvetica, Sans-Serif;
}
.cueContentBoxPnl, .cueMenuBoxPnl
{
	background-color: #FBFBFB;
	width: 100%;
	white-space: normal;
	margin-right: auto;
	margin-left: auto;	
}
div#cueContentBox, div#cueMenuBox
{
	width: 91.5%;
	white-space: normal;
	margin-top: 8px;
	margin-right: auto;
	margin-left: auto;
}

div#cueContentBox, div#cueContentBox h3
{
	font-size: 11px;
}

div#cueContentBox p, div#cueMenuBox p
{
	padding: 8px;
}

table.login 
{
	width: 200px;
	border: #999999 1px solid;
}
table.login td {
	padding: 2px;
	border: none;
}
table.login th {
	background-color: #000066;
	color: #FFFFFF;
	border: none;
}
table.list {
	border-collapse: collapse;
	font-size: 10px;
}
table.list th {
	background-color: #9999CC;
	color: #FFFFFF;
}
.content {
	padding: 10px;
}
hr {
	height: 1px;
	background-color: #999999;
	border: none;
}
th 
{
	text-align: left;
	padding: 2px;
}
.center, th.center, td.center {
	text-align: center;
}
.center *, th.center *, td.center *{
	text-align: left;
}
input, select {
	font-size: 11px;
}
.preview {
	padding-left: 220px;
	padding-right: 42px;
	padding-top: 168px;
	width: 520px;
	height: 428px;
	font-size: 11px;
}
.previewframe {
	overflow: auto;
	height: 340px;
}
.underline {
	text-decoration: underline;
}

img {
	text-align: right;
}

.error {
	color: red;
	display: block;
	padding: 10px;
	border: #660000 2px solid;
	margin: 10px;
}

.small {
	font-size: 10px;
}

.textured {
	background-image: url(../images/background_texture.gif);
}
td.datatd {
	background-image: url(../images/background_texture.gif);
	padding: 10px;
	border: #999999 1px solid;
}
td.resultstd {
	padding-right: 0px;
}
td.resultstd h5 {
	font-size: 11px;
	font-weight: bold;
}
td.resultstd td {
	padding: 2px;
}
.resultheader {	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003366;
}

.resultstd table {
	margin-bottom: 10px;
}
.mainheader {
	background-image: url(../images/background_comcalc.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 700px;
	height: 70px;
	margin-bottom: 20px;
	border: #BBBBBB 1px solid;
	margin-left: auto;
	margin-right: auto;
}
.mainheader table {
	width: 700px;
	height: 70px;
}
.mainheader td {
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 0px;
}
.mainheader h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 26px;
	font-style: italic;
	text-transform: lowercase;
	margin-top: 0px;
	margin-bottom: 0px;
}
.mainheader p
{	
	padding-top: 0px;
	padding-bottom: 0px;
}
.mainheader .black {
	color: #000000;
	font-style: normal;
}

.textured {
	background-image: url(../images/background_texture.gif);
}
td.datatd {
	background-image: url(../images/background_texture.gif);
}
.borderLineTop
{
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
}

.borderLine 
{
	border-right: solid 1px #000000;
}
.borderGray 
{
	background-color: #ECEEF0;
	border: #000000 1px solid;
	width: 85%;
	margin-left: 0px;
	margin-right: auto;
}
.borderGray th, .borderGrayCompare th, .borderGray h4, .borderGrayCompare h4
{
	padding-right: 7px;
	padding-left: 7px;
}
.borderGrayCompare 
{
	width: 50%;
	background-color: #ECEEF0;
	border: #000000 1px solid;
	margin-left: auto;
	margin-right: auto;
}
.border {
	border: #000000 1px solid;
}

.buttons, .apo_buttons, #apo_buttons_admin
{
	text-align: center;
	padding: 4px;
	padding-bottom: 15px;
	cursor: pointer;
}

.apo_admindatatable td {
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: top;
}

.apo_admindatatable tr
{
	vertical-align: top;
}

.datatable th.nowrap, .apo_admindatatable th.nowrap
{
	white-space: nowrap;
}

.datatable input[type="checkbox"], .datatable input[type="radio"], .apo_admindatatable input[type="checkbox"], .apo_admindatatable input[type="radio"]
{
	background: transparent;
	border: 0;
	width: auto;
	vertical-align: middle;
}

.datatable td {
	white-space: nowrap;
	width: 25%;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
}
.datatable select, .apo_admindatatable select {
	font-size: 11px;
	width: 120px;
	border: #000 1px solid;
}
.datatable input, .apo_admindatatable input {
	font-size: 11px;
	width: 80px;
	border: #000 1px solid;
	height: 14px;
	padding-left: 3px;
}

.datatable input.address, .apo_admindatatable input.address {
	font-size: 11px;
	width: 200px;
	border: #000 1px solid;
	height: 14px;
	padding-left: 3px;
}
table#bldghrstable {
	width: 225px;
	margin-left: 0px;
	margin-right: auto;
}
table#bldghrstable td {
	font-size: 11px;
}
table#bldghrstable bldgbuttons {
	text-align: center;
	padding: 4px;
	margin: 15px 0px;
}

table#bldgdata {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	font-size: 11px;
}
.bldgtable td {
	white-space: nowrap;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
}
.bldgtable select {
	font-size: 11px;
	width: 120px;
	border: #000 1px solid;
}
.bldgtable input {
	font-size: 18px;
	width: 20px;
	height: 14px;
	padding-left: 3px;
}

.bldgbuttons input {
	font-weight: bold;
	margin: 2px;
	text-align: center;
}
.bldgbuttons input.big {
	height: 21px;
	background-image: url(../images/button_sm.gif);
	border: #999999 1px solid;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	margin: 2px;
	text-align: center;
}

.inputSubMenu, .inputCueContent
{
	margin-left: 5px;
	margin-right: 5px;
}
.hidden
{
	display: none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 4px;
}
h1, h2, h3, h4, h5, h6{ 
	color: #003366;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 17px;
}
h3.header {
	font-size: 16px;
	border-bottom: solid 1px #BEBDBB;
	margin-bottom: 20px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 11px;
}
h6 {
	font-size: 9px;
}

img {
	border: none;
}
hr {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: #999999 1px solid;
	border-width: 0px 0px 1px 0px;
	height: 1px;
	color: #999999;
}
hr.black {
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: #000000 1px solid;
	height: 1px;
	color: #000000;
}
h4.dataheader {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	border: #999999 1px solid;
	border-width: 0px 0px 1px 0px;
	color: #003366;
}
.red {
	color: #FF0000;
}
.green {
	color: #009900;
}

.total {
	font-weight: bold;
}
.totalbold
{
	font-weight: bold;
	background-color: #EEEEEE;
}
table#calcdata 
{
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	font-size: 11px;
}
table#apo_blanktable 
{
	margin: 200px 0px 0px 0px;
}
#disclaimer {
	font-size: 11px;
	margin: 10px 0px;
}
#footnote {
	font-size: 11px;
	color: #666666;
	text-align: center;
}
#footnote_left {
	font-size: 11px;
	color: #666666;
	text-align: left;
}
#citystate {
	font-size: 11px;
	color: #000000;
	text-align: center;
	margin: 0px 0px 10px;
}
a.noline {	
	text-decoration: none;
	border-bottom: none;
	cursor: pointer;
}
table.facilitylist
{
	width: 100%;
	border: solid 1px #000000;
	border-collapse: collapse;
}
table.facilitylist th
{
	white-space: nowrap;
}
.facilitylist input
{
	width: 30px;
}
.row1
{
	background: transparent;
}
.row2
{
	background: #F0F0F0;
}
.popupControl 
{
	background-color: #AAD4FF;
	position: absolute;
	visibility: hidden;
	border: solid 2px #000000;
}
.modalBackground
{
	background-color: Gray;
	opacity: 0.7;                    
	filter: alpha(opacity=70);
}
.modalPopup
{
	background-color: #ffffdd;
	border: solid 3px Gray;
	padding: 3px;
	width: 250px;
}
.pnlLoadingCss
{
	width: 325px;
	/*height: 75px;*/
	border: #000000 1px solid;
	vertical-align: middle;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	padding-top: 10px;
	padding-bottom: 10px;	
}
.pnlConfirmation
{
	width: 100%;
	height: 75px;
	/*border: #000000 1px solid;*/
	vertical-align: middle;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	text-align: center;
	font-size:larger;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 5px;
}
.tblLoading
{
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	width: 100%;
	height: 100%;
}
.tblLoading td
{
	white-space: nowrap;
}
.tblLoading td.loading
{
	width: 10px;
}
/****** Large Table Styles ******/
table.datachartlargefootnote
{
	font-size: 0.85em;
	border-collapse: collapse;
	background-color: #FFFFFF;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
table.datachartlarge
{
	font-size: 0.75em;
	/*border-collapse: collapse;*/
	border: solid 1px #5F5F5F;
	background-color: #FFFFFF;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
table.datachartlarge td, table.datachartlargefootnote td
{
	text-align: center;
	white-space: nowrap;
}
table.datachartlarge td, table.datachartlarge th, table.datachartlarge tr.header th, table.datachartlarge tr.total td, table.datachartlarge tr.monthly td
{
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 1px;
	padding-right: 4px;
}
table.datachartlarge tr.header th
{
	padding-bottom: 2px;
	font-weight: bold;
	background-color: #EEEEEE;
	vertical-align: bottom;
}
table.datachartlarge tr.total td
{
	border-top: solid 1px #000000;
	font-weight: normal;
	background-color: #EEEEEE;
}
table.datachartlarge tr.monthly td
{
	border-top: solid 1px #000000;
	font-weight: bold;
	background-color: #EEEEEE;
}

/****** Small Table Styles ******/
table.datachartsmallfootnote
{
	font-size: 0.85em;
	border-collapse: collapse;
	background-color: #FFFFFF;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
table.datachartsmall
{
	font-size: 0.75em;
	/*border-collapse: collapse;*/
	border: solid 1px #5F5F5F;
	background-color: #FFFFFF;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
table.datachartsmall td, table.datachartsmallfootnote td
{
	text-align: center;
	white-space: nowrap;
}
table.datachartsmall td, table.datachartsmall th, table.datachartsmall tr.header th, table.datachartsmall tr.total td, table.datachartsmall tr.monthly td
{
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 1px;
	padding-right: 4px;
}
table.datachartsmall tr.header th
{
	padding-bottom: 2px;
	font-weight: bold;
	background-color: #EEEEEE;
	vertical-align: bottom;
}
table.datachartsmall tr.total td
{
	border-top: solid 1px #000000;
	font-weight: normal;
	background-color: #EEEEEE;
}
table.datachartsmall tr.monthly td
{
	border-top: solid 1px #000000;
	font-weight: bold;
	background-color: #EEEEEE;
}

.greybg
{
	background-color: #EEEEEE;
}

/****** Tab Control Styles ******/
.ajax__tab_xp .ajax__tab_header 
{
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    color: Gray;
    text-align:left;
}
.ajax__tab_xp .ajax__tab_tab 
{
	font-size: 12px;
	width: 150px;
}
.ajax__tab_xp .ajax__tab_active
{
	color: Black;
}
.ajax__tab_xp .ajax__tab_hover 
{
	color: Black;
}
.apoQuestionBody .ajax__tab_xp .ajax__tab_body
{
	/*border: 0px;*/
}