/* --------- default css ---------------------- */


.off-screen { position: absolute; left: -9999px}

body {
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		color:								#000;
		margin:								0;
		padding:							0;
		min-width:							85em;
        width:								expression(document.body.clientWidth < 800? "87em": "auto"); /* fix for ms ie */
}

body.popUps {
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		color:								#000;
		margin:								0;
		padding:							0;
		min-width:							45em;
        width:								expression(document.body.clientWidth < 400? "87em": "auto"); /* fix for ms ie */
}

body.error {
		margin:								0;
		padding:							0;
		height:								100%;
		width:								100%;
}

frame {
		border:								none;
}

frameset {
		border-top:							1px solid #AFC1BA;
}

a {
		text-decoration:					none;
		color:								#336699;
}

a.pass {
		text-decoration:					none;
		color:								#000000;
}

a:hover {
		text-decoration:					underline;
}

a:visited {
		color:								#663399;
}

a:visited.pass {
		color:								#000000;
}

h1 {
		font:								bold small arial,verdana,geneva,helvetica,sans-serif;
		color:								#000;
		margin:								0;
		padding:							0;
}

h1.sectionHeading {
        font-size: 2.5em; 
        font-weight:bold; 
        text-align: left; 
        background-color: white; 
        color: #00558D; 	
}

table.noPad, table.defaultStyle {
        border:                             0;
        border-collapse:                    collapse;
        border-spacing:                     0;
}


table.defaultStyle {
	    width:                              100%;
}


/* mac ie51 cant handle bolding arial at this size */
* html h1 {
		fon\t /**/:							bold small verdana,geneva,helvetica,sans-serif!important;
		color:								#000;
}

h2 {
		font:								bold 1.2em arial,verdana,geneva,helvetica,sans-serif;
		color:								#000;
}

/* mac ie51 cant handle bolding arial at this size */
* html h2 {
		fon\t /**/:							bold 1.2em verdana,geneva,helvetica,sans-serif!important;
		color:								#000;
}

h3 {
		font:								bold xx-small verdana,geneva,helvetica,sans-serif!important;
		color:								#000;
}

/* mac ie51 cant handle bolding arial at this size */
* html h3 {
		fon\t /**/:							bold xx-small verdana,geneva,helvetica,sans-serif!important;
		color:								#000;
}

p, td {
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		color:								#000;
}

/* added for spacing out ruler icons in water_details section of detached */
.ruler p {
		height:								16px;
		margin:								0;
		padding:							5px;
}

img {
        border:                             0;
}

p.icon {
		margin:								5px auto;
		padding:							0;
}

p.introText {
		margin:								0 auto 5px auto;
		padding:							0;
}

p.greenText {
		color:								#2F9535!important;
}

/* ---------- structural css ------------ */

#globalWrap {
		margin:								0;
		padding:							0;
		min-width:							85em;
        width:          					expression(document.body.clientWidth < 800? "87em": "auto"); /* fix for ms ie */
}

#globalWrap_popUps {
		margin:								0;
		padding:							0;
		min-width:							45em;
        width:          					expression(document.body.clientWidth < 400? "43.2em": "auto"); /* fix for ms ie */
}

#globalWrap_error {
		/*background:							#EFF0EF;*/
		position:							absolute; /*relative;*/
		height:								100%;
		width:								100%;
}

* html #globalWrap_error {
		heigh\t /**/:						auto;
		widt\h /**/:						auto;
}


#errorButtons {
		padding:							10px;
		/*background:							#666;*/
		background:							#fff;
		text-align:							center;
}

.mandatoryLabel {
	color:									#A15552!important;
	margin-left:							1px;
}

.mandatoryLabel.bold {
	color:									#F62526!important;
}

div.mandatoryLengend {
	font-weight:                           normal;
	float:                                 left; 
	white-space:                           nowrap; 
	padding-top:                           1em; 
	padding-right:                         1em;
}

#mainContent {
		padding:							10px;
		margin:								0;
}

.cDiv {
		clear:								left;
}

/* added for error pop up - not sure whether setting the cDiv class height for IE would effect other styles so added a new class */
.cDivError {
		clear:								left;
}

* html .cDivError {
		height:								1px;
		overflow:							hidden;
		heigh\t:							1px;
		overflo\w:							hidden;
		heigh\t /**/:						auto;
		overflo\w /**/:						hidden;
}
/***********************************************************/

.cDivBoth {
		clear:								both;
}

.cDivSpecial {
		height:								1px;
		width:								1px;
		overflow:							hidden;
		clear:								left;
}

.clearfix:after {
    content:								"."; 
    display:								block; 
    height:									0; 
    clear:									both; 
    visibility:								hidden;
}

.clearfix {display: inline-table;}

/* \ cause this to hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.noWrap {
		white-space:						nowrap; /* nb. must use &nbsp; in cell content instead of space bar character otherwise nowrap value is ignored by pc IE < 6 */
}

/* top links */
#topLinksWrap {

}

#topLinks {
		float:								right;
		vertical-align:						top;
		padding:							5px 10px;
		margin:								0 0 10px 0;
		border:								1px solid #AFC1BA;
}

#topLinks dt {
		font-weight:						bold;
}

#topLinks dl {

}

#topLinks dd {
		background:							url(/images/square_green.gif) no-repeat;
		padding:							2px 0 2px 20px;
		margin:								0 0 0 10px;
}
/* end top links */

/* header classes */
#topMenuBar {
		height:								28px;
		background-color:					#0C3413;
		padding:							0 0 0 10px;
		margin:								0;
}

#topMenu {
		float:								right;
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		color:								#FFFFFF;
		height:								25px;
		heigh\t:							20px;
		padding:							5px 10px 0 10px;
		margin:								0;
}

#topMenu a {
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		color:								#FFFFFF;
}

#topMenu a.skip {
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		color:								#666;
}

a.skipOnFocus, a.skip:hover {
		color:								#FFF!important;
}

#leftNavSecondMenuBar {
		float:								left;
		padding:							2px 0 0 0;
		color:                              #000000;
}

#leftNavSecondMenuBar a {
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		color:								#000000;
}

#secondMenuBar {
		clear:								both;
		height:								20px;
		background-color:					#B7C6B6;
		padding:							0 0 0 10px;
		margin:								0;
}

#secondMenu {
		float:								right;
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		color:								#0000;
		height:								18px;
		heigh\t:							16px;
		padding:							2px 10px 0 10px;
		margin:								0;
}

#secondMenu a {
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		color:								#000000;
}
/* end header classes */

/* nav menu */
#navMenu {
		width:								82em;
		padding:							0!important;
		margin:								0!important;
		color:								#666!important;
}

li.navMenuItem, li.navMenuItem.selected, li.navSubMenuItem, li.navSubMenuItem.selected {
		height:								1.4em;
		margin:								0 0.4em 0 0!important;
		padding:                            0 2em 0.1em 0!important;
		float:								left;
		vertical-align:						top;
		color:								#666!important;
		text-decoration:					none!important;
}

li.navMenuItem, li.navMenuItem.selected {
        background:                         url(/images/arrow_green.gif) no-repeat right;
}

li.navMenuItem.selected a {
		border-bottom:						2px solid #7B9B8E;
		text-decoration:					none!important;
		font-weight:						bold!important;
		color:								#666!important;
}

li.navSubMenuItem.selected a {
		border-bottom:						2px solid #99CA98;
		text-decoration:					none!important;
		font-weight:						bold!important;
		color:								#666!important;
}

li.navMenuEnd {
		background:                         none!important;
}

li.navSubMenuItem, li.navSubMenuItem.selected  {
		background:							url(/images/arrow_lightGreen.gif) no-repeat right;
}

div.navSubMenuFirstDiv {
		background:							url(../images/arrow_subNavFirst.gif) no-repeat center;
		width:								15px;
		height:								1.4em;
		float:								left;
}

li.navMenuItem a, li.navMenuItem a:visited, li.navMenuItem.selected a, li.navSubMenuItem a, li.navSubMenuItem a:visited, li.navSubMenuItem.selected a, li.navMenuItem.selected a:hover, li.navSubMenuItem.selected a:hover {
		text-decoration:					none!important;
		color:								#666!important;
}

li.navMenuItem a:hover, li.navSubMenuItem a:hover {
		text-decoration:					none!important;
		color:								#666!important;
}

#navSubMenu_water_detached {
		padding:							0;
		margin:								0 0 0 23em;
}

#navSubMenu_energy_detached {
		padding:							0;
		margin:								0 0 0 40em;
}

#navSubMenu_thermal_detached {
		padding:							0;
		margin:								0 0 0 31em;
}

#navSubMenu_water_multiUnit {
		padding:							0;
		margin:								0 0 0 29.5em;
}

#navSubMenu_energy_multiUnit {
		padding:							0;
		margin:								0 0 0 46.5em;
}

#navSubMenu_thermal_multiUnit {
		padding:							0;
		margin:								0 0 0 37em;
}

/* end nav menu */

/* tab menu */
#tabMenu {
		height:								2.3em;
		margin:								10px 0 0 0;
		padding:							0;
		vertical-align:						bottom;
		font:								bold xx-small verdana,geneva,arial,helvetica,sans-serif;
		float:								left;
}

a.tabMenuItem.selected, a.tabMenuItem.selected:visited, a.tabMenuItem.selected:hover {
		font-weight:						bold!important;
		background:							#696 url(/images/tabRight_white.gif) no-repeat top right!important;
}

a.tabMenuItem, a.tabMenuItem:visited, a.tabMenuItem:hover {
		font-weight:						normal!important;
		background:							#B7C6B6 url(/images/tabRight_white.gif) no-repeat top right;
}

a.tabMenuItem, a.tabMenuItem.selected, a.tabMenuItem:visited, a.tabMenuItem.selected:visited, a.tabMenuItem:hover, a.tabMenuItem.selected:hover {
		margin:								0;
		text-decoration:					none!important;
		color:								#000!important;
		padding:							0.5em 1.1em 0.5em 1em;
		display:							block;
		float:								left;
}

a.tabMenuItem.payment {
		background:							#CC5500 url(/images/tabRight_white.gif) no-repeat top right!important;
}

a.tabMenuItem.payment.selected, a.tabMenuItem.payment.selected:visited, a.tabMenuItem.payment.selected:hover {
		font-weight:						bold!important;
		background:							#CC5500 url(/images/tabRight_white.gif) no-repeat top right!important;
}


a.headerLink, a.headerLink:visited,a.headerLink:hover {
		margin:								0;
		text-decoration:					underline!important;
		color:								#FFF!important;
		padding:							0em 1.1em 0.5em 0em;
		display:							block;
		float:								left;
}

.headerLinkImg {
		margin:								0;
		text-decoration:					underline!important;
		color:								#FFF!important;
		padding-left:						0.25em;
		margin-left:						0.25em;
}

#tabMenuRight {
		float:								right;
		padding:							0;
		margin:								0 0 5px 0;
		margi\n:							0 0 8px 0;
		font-weight:						bold;
		text-align:                         right;
}

* html #tabMenuRight {
		margi\n:							0 0 4px 0;
}

div.tabMenuRightInput {
        position:                           absolute; 
        right:                              10px; 
        top:                                140px;
        to\p:                               110px;
}
/* end tab menu */

/* tab content classes */
#tabContent {
		width:								100%;
		clear:								both;
		margin:								0;
		padding:							0;
}

table.tabTableContent {
		width:								100%;
		background-color:					#F0F0EF;
}

table.tabTableContent td, table.tabTableContent th, tr.summaryRow td {
		padding:							5px 10px;
		margin:								0;
}

tr.highlightRow {
		background-color:					#CDDCCA!important;
}

tr.highlightRow td {
		background:							#CDDCCA!important;
}

table.borderedCell {
		border:								1px solid #AFC1BA;
		width:								100%;
		padding:							5px;
}

table.tabTableContent th {
		text-align:							left;
}

table.tabTableContent tr.tabTableHeader td, table.tabTableContent tr.tabTableHeader th {
		background-color: #696;
		height: 24px;
}

table.tabTableContent.payment tr.tabTableHeader td, table.tabTableContent.payment tr.tabTableHeader th {
		background-color: #CC5500;
}

table.tabTableContent tr.tabTableColLabel td, table.tabTableContent tr.tabTableColLabel th, table.tabTableContent tr.tabTableColLabel th p, table.tabTableContent tr.tabTableColLabel td p {
		background-color:					#666;
		font:								bold xx-small verdana,geneva,arial,helvetica,sans-serif!important;
		color:								#FFF!important;
		font-weight:						bold; /* for mac ie 5.1 */
}

table.tabTableContent tr.tabTableColLabel td.fixedColColour, table.tabTableContent tr.tabTableColLabel td.fixedColColour p, table.tabTableContent tr.tabTableColLabel th.fixedColColour, table.tabTableContent tr.tabTableColLabel th.fixedColColour p {
		background-color:					#333!important;
}

td.fixedColColour {
/*background-color: #333;*/
}

table.tabTableContent td.fixedColColour {
		background-color:					#CCC;
}

table.tabTableContent td.borderLeftGrey, table.tabTableContent th.borderLeftGrey {
		border-left:						2px solid #ccc!important;
}

table.tabTableContent td.borderRightGrey, table.tabTableContent th.borderRightGrey {
		border-right:						2px solid #ccc!important;
}

table.tabTableContent td.borderBottomGrey, table.tabTableContent th.borderBottomGrey {
		border-bottom:						2px solid #ccc!important;
}

/* alertNoteTable, used for 1 row with 2 columns */

table.alertNoteTable {
		background:							#F0F0EF;
		width:								100%;
}

table.alertNoteTable td, table.alertNoteTable th {
		padding:							5px 10px;
		margin:								0;
}

table.alertNoteTable td.alertRightTop {
		background:							#F0F0EF url(../images/detached_icons/alert_rightTop.gif) no-repeat right top;
}

table.alertNoteTable td.alertRightTopLight {
        background:                         #F0F0EF url(../images/detached_icons/alert_rightTopLight.gif) no-repeat right top;
}


table.alertNoteTable td.alertRightMiddle {
		background:							#F0F0EF url(../images/detached_icons/alert_rightMiddle.gif) repeat-y right;
}

table.alertNoteTable td.alertRightBottom {
		background:							#F0F0EF url(../images/detached_icons/alert_rightBottom.gif) no-repeat right bottom;
		font-size:							0px;
		padding:							1px;
}

table.alertNoteTable td.alertLeftTop {
		border-left: 						1px solid #696;
		border-top: 						1px solid #696;
}

table.alertNoteTable td.alertLeftMiddle {
		border-left: 						1px solid #696;
}

table.alertNoteTable td.alertLeftBottom {
		border-left: 						1px solid #696;
		border-bottom:						1px solid #696;
		font-size:							0px;
		padding:							1px;
}

table.alertNoteTable td ul li {
		margin:								7px auto!important;
}

tr.singleRow td {
		padding-top:						10px!important;
		padding-bottom:						10px!important;
}

tr.firstRow td {
		padding-top:						10px!important;
}

tr.lastRow td {
		padding-bottom:						10px!important;
}

tr.summaryRow {
        background:                         #caecb0
}

td.greenBg {
		background:							#DDEDDB;
}

table.tabTableContent td.tcBlue{
		background-color:					#C7D9DF!important;
}

table.tabTableContent td.tcGreen{
		background-color:					#D3DFC7!important;
}

.pass {
        color:                              #009900
}

.fail {
        color:                              #ff3300
}

.green {
		color:								#6DA485;
}

.purple {
		color:								#A43193;
}

.blue {
		color:								#0082B4;
}

.red {
		color:								#C7312D;
}

td.icon, td.iconNoPad {
		text-align:							center!important;
		width:								50px;
}

td.icon img {
		margin-bottom:						5px;
}

td.iconNoPad img {
		margin-bottom:						0;
}

/* used on DTC - construction details page */
td.iconCol {
		width:								100px!important;
}

td.elementsCol {
		width:								300px!important;
}

/*--------------------------------------------------------*/

.popUpHintTable {
		background-color:					#F0F0EF;
		border:								1px solid #AFC1BA;
}

.popUpHintTable th, .popUpHintTable td {
        text-align:                         left;
        padding:                            0 0 0 10px;
}

#popUpHintHeader {
		border:								1px solid #AFC1BA;

}

#popUpHintHeader h2 {
		padding:							5px 10px;
}

#popUpNotesContent {
		overflow:							auto;
		height:								100px;
		border-left:						1px solid #AFC1BA;
		border-right:						1px solid #AFC1BA;
		border-bottom:						1px solid #AFC1BA;
		padding:							5px 10px;
}

#popUpNotesContent p {
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		padding:							5px 10px;
		margin:								0;
}

#popUpInfoSection {
		background:							#CDDCCA;
		padding:							5px;
		margin-top:							5px;
}

#popUpInfoSection p, #popUpInfoSection span {
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		margin:								0;
		padding:							5px;
}

/*******************************/

.borderRight {
		border-right:						1px solid #AFC1BA;
}

.borderRight_white {
		border-right:						1px solid #FFFFFF;
}
.borderRightColLabel {
		border-right:						1px solid #999;
}

.borderLeft {
		border-left:						1px solid #AFC1BA;
}

.borderLeft_white {
		border-left:						1px solid #FFFFFF;
}

.borderLeftColLabel {
		border-left:						1px solid #999;
}

.borderBottom {
		border-bottom:						1px solid #AFC1BA;
}

.borderBottom_white {
		border-bottom:						1px solid #FFFFFF;
}

.borderTop {
		border-top:							1px solid #FFFFFF;
		padding-top:						10px!important;
}

.borderTopGreen {
		border-top:							1px solid #AFC1BA;
}

.borderHorizontal {
		height:								1px!important;
		margin:								0!important;
		padding:							0!important;
		background-color:					#AFC1BA;
}

.borderHorizontal_white {
		height:								1px!important;
		margin:								0!important;
		padding:							0!important;
		background-color:					#FFFFFF;
}

.borderHorizontalNone {
		height:								1px!important;
		margin:								0!important;
		padding:							0!important;
}

.borderVertical {
		width:								1px;
		margin:								0!important;
		padding:							0!important;
		background-color:					#FFFFFF;
}

.borderVerticalNone {
		width:								1px;
		margin:								0!important;
		padding:							0!important;
}

.spacerHorizontal, .spacerHorizontalGrey {
		height:								3px!important;
		margin:								0!important;
		padding:							0!important;
}

.spacerHorizontal {
		background-color:					#FFF!important;
}

.spacerHorizontalGrey {
		background-color:					#EFEFEF!important;
}

.spacerHorizontalBorders {
		height:								5px;
		margin:								0!important;
		padding:							0!important;
		background-color:					#FFFFFF;
}

table.greyTable, table.greyTable2, table.greyTableNoBorder {
		background-color:					#CCC;
		width:								100%;
}

table.greyTable td, table.greyTable th {
		border:								1px solid #F0F0EF;
}

table.greyTable td, table.greyTableNoBorder td {
      /*  padding:                            7px!important;*/
}

table.greyTableNoBorder td.noPad {
		padding:							0px!important;
}

table.greyTable th, table.greyTableNoBorder th {
        padding:                            5px 10px!important;
		background-color:					#666;
		color:								#FFFFFF;
}

table.greyTableNoBorder th.subHeader {
		background-color: 					#888;
}

table.greyTable2 td {
		margin:								0;
}

.greyTable tr.greyTableHeader td, .greyTable th, .greyTableNoBorder th, .greyTableNoBorder tr.greyTableHeader td {
		font-weight:						bold;
		padding:							5px 10px!important;
}

table.greyTable caption {
		text-align:							left;
		margin-left:						auto;
		margin-right:						auto;
		margin-bottom:						5px;
		font:								bold xx-small verdana,geneva,arial,helvetica,sans-serif;
}

table.greyTable tr.lightGreyRow td, table.greyTableNoBorder tr.lightGreyRow td {
		background:							#F0F0EF;
}

td.greyTableBtns {
		/*float:								right!important;*/
		padding:							0 10px 0 0!important;
		margin:								0!important;
}

div.greyTableBtns {
		float:								right!important;
		padding:							0!important;
		margin:								0 0 -5px 0!important;
}

table.greyTableNoBorder td.borderLeft, table.greyTableNoBorder th.borderLeft {
		border-left:						2px solid #F0F0EF!important;
}

table.greyTableNoBorder td.borderRight, table.greyTableNoBorder th.borderRight {
		border-right:						2px solid #F0F0EF!important;
}

table.greyTableNoBorder td.borderBottom, table.greyTableNoBorder th.borderBottom {
		border-bottom:						2px solid #F0F0EF!important;
}

table.greyTableNoBorder td.borderTop, table.greyTableNoBorder th.borderTop {
		border-top:							2px solid #F0F0EF!important;
}

table.greyTableNoBorder td.borderHorizontal, table.greyTableNoBorder th.borderHorizontal {
		height:								2px!important;
		margin:								0!important;
		padding:							0!important;
		background-color:					#F0F0EF!important;
}

table.greyTableNoBorder td.noPad input.inputSht{
		margin: 							3px 5px!important;
}

table.miniTable {
		border: 							1px solid #AFC1BA;
		margin:								5px 0 10px 0;
}

/*
table#commonAreaTbl th, table#commonAreaTbl td, table#commonAreaTypeTbl th, table#commonAreaTypeTbl td, table#systemNumberTbl th, table#systemNumberTbl td {
		height:								37px;
}*/

.sectionContent {
		background-color:					#FFFFFF;
		padding:							0;
		margin:								0;
}

.tabSectionContent {
		background-color:					#FFFFFF;
}

.tabSectionContent td {
		background-color:					#EFEFEF;
		padding:							5px 10px;
		margin:								0;
		vertical-align:						top;
}

.tabSectionContent tr.tabTableColWidths, .tabSectionContent tr.tabTableColWidths td {
		background:							#FFF url(/images/dottedBorder_horizontal.gif) repeat-x bottom left;
}

h1.tabSectionHeader {
		padding:							0;
		margin:								0;
}

h2.tabSectionHeader {
		padding:							0;
		margin:								5px 0;
}

body.popUps h2.tabSectionHeader {
		font:								bold 1.2em verdana,geneva,arial,helvetica,sans-serif;
}

body.popUps span.hdn {
		font:								normal 1.2em verdana,geneva,arial,helvetica,sans-serif;
}

h3.tabSectionHeader {
		padding:							0;
		margin:								10px 0 0 0;
}
/* end tab content classes*/

/* tab arrow navigation classes */
#tabNav {
		float:								right;
		margin:								0;
		padding:							10px 0 5px 0;
		height:								22px;
		width:								100px;
}

#tabNav img {
		float:								right;
		border:								none;
}

#tabNav a {
		color:								#336699;
}

#pagingNav {
		float:								left;
		position:							absolute;
		margin-top:							10px;
}

* html #pagingNav {
		positio\n:							relative;
}

#pagingMiddleLink {
		float:								left;
		position:							absolute;
		left:								50%;
		margin-top:							13px;
}

#pagingMiddleLink img {
		text-align:							center;
		vertical-align:						middle;
}

#pagingItemCount {
		margin:								0 10px 10px 0;
		width:								200px;
}

.pagingItemDisabled {
	  color:							#999!important;
}

.backArrow {
		width:								17px;
		height:								17px;
		margin:								0;
		padding:							0 10px 0 0;
}

.nextArrow {
		width:								17px;
		height:								17px;
		margin:								0;
		padding:							0 0 0 10px;
		border-left:						1px solid #999;
}

#unitList {

}
/* end tab arrow navigation classes */


/* general content classes */
.noPad {
		padding:							0!important;
		margin:								0!important;
}

.scrollable {
		overflow:							auto;
        overflow-x:                         scroll;
        overflow-y:                         hidden;
}

.highlight {
		color:								#A15552!important;
}

.asterisk {
		color:								#C2453E!important;
		font-size:							12px;
		font-weight:						bold;
}

.addressStarHide {
        visibility: hidden;
}

.rightCell {
		text-align:							right;
}

.leftCell {
		text-align:							left;
}

td.centeredCell, th.centeredCell, div.centeredCell, .centeredCell {
		text-align:							center!important;
}

.topCell {
		vertical-align:						top;
}

.bottomCell {
		vertical-align:						bottom;
}

.checkBoxCell {
		margin-right:						0!important;
		padding-right:						0!important;
		text-align: 						right;
		vertical-align:						top;
}

.centeredTable {
		margin-right:						auto;
		margin-left:						auto;
}

.middleCell {
		vertical-align:						middle;
}

.fullWidth {
		width:								100%!important;
}

h1.pageHeading {
		float:								left;
		margin:								1em 0 0 0;
		margi\n:							0.4em 0 0 0;
}

h2.pageSubHeading {
		float:								left;
		margin:								1.4em 0 0 0;
		margi\n:							0.7em 0 0 0;
}

span.averageTitle {
		font:								bold italic xx-small verdana,geneva,arial,helvetica,sans-serif;;
}

input {
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		border:								1px solid #000;
		padding:							0!important;
		margin:								0!important;
		vertical-align:						middle;
}

select {
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
}

.inputLng {
		width:								23em;
		height:								2em;
		heigh\t:							1.6em;
		background-color:					#FFFFFF;
		padding:							3px!important;
		paddin\g:							2px 3px!important;
}

.calendarBodyContainer {
		font-size: medium;
}

.inputSht {
		width:								5em;
		height:								2em;
		heigh\t:							1.6em;
		background-color:					#FFFFFF;
		padding:							3px!important;
		paddin\g:							2px 3px!important;

}

.inputShtDisabledLook {
		border: 							1px solid #888; 
		padding: 							3px 5px; 
		background: 						#ccc; 
		width: 								52px; 
		widt\h: 							40px;
}

.inputMed {
		width:								15em;
		height:								2em;
		heigh\t:							1.6em;
		background-color:					#FFFFFF;
		padding:							3px!important;
		paddin\g:							2px 3px!important;
}

input.disabled {
		background-color:				#bdc6d0!important;
		color:							#5e656d!important;
}

.inputGreyed {
		background-color:					#E0E0E0;
	
}

.selectLng {
		width:								23.3em;
		wid\th:								24em;
		padding:							0;
		margin:								0;
}

.selectLng2 {
		width:								25.3em;
		wid\th:								26em;
		padding:							0;
		margin:								0;
}

.selectNature {
		width:								39.3em;
		wid\th:								40em;
		padding:							0;
		margin:								0;
}

.selectMed {
		width:								15em;
		padding:							0;
		margin:								0;
}

.selectSht {
		width:								12em;
		padding:							0;
		margin:								0;
}

.selectExtSht {
		width:								7em;
		padding:							0;
		margin:								0;
}

.selectExtLng {
		width:								30em;
		wid\th:								31em;
		padding:							0;
		margin:								0;
}

.selectFilter {
		width:								35em;
		wid\th:								36em;
		padding:							0;
		margin:								0;
}

.selectFilterPopup {
		width:								43em;
		wid\th:								44em;
		padding:							0;
		margin:								0;
}

.textAreaLng {
		width:								23em;
		background-color:					#FFFFFF;
		padding:							3px!important;
		paddin\g:							2px 3px!important;
		border:								1px solid #000;
		font:								normal xx-small verdana,helvetica,sans-serif;
}

.textAreaExtLng {
		width:								38em;
		widt\h:								37em;
		background-color:					#FFFFFF;
		padding:							3px!important;
		paddin\g:							2px 3px!important;
		border:								1px solid #000;
		font:								normal xx-small verdana,helvetica,sans-serif;
}

input.chkboxBtn {
        margin:								3px 0!important;
}

input.radioBtn, input.chkboxBtn {
		margin:								0 5px 0 0!important;
		padding:							0!important;
        border:                             none!important;
		vertical-align:						middle;
		text-align:							left;
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
}

input.radioBtnNoPad, input.chkboxBtnNoPad {
		margin:								-4px -4px -3px -4px!important;
		margi\n /**/:						0!important;
		padding:							0!important;
		border:								none!important;
}

td.dtc_chkboxBtn {
		width:								10px;
		padding-right:						0!important;
}

input.generalBtn {
		background-color:					#666;
		color:								#FFFFFF;
		font:								bold xx-small verdana,geneva,arial,helvetica,sans-serif;
		padding:							0!important;
		paddin\g:							1px 3px 3px 3px!important;
		border:								1px outset #FFFFFF;
		margin:								0;
}

.hide, div.hide {
		visibility:							hidden;
		display:							none;
}

.show, div.show {
		visibility:							visible;
		display:							block;
}
/* end general content classes */

/* pop up specific classes */

.popUpBtn {
		margin:								10px 0;
		float:								right;
        padding:                            0 0 0 10px;
}

/* end pop up specific classes */

ul.pageList {
        padding:                            0;
        margin:                             0;
}

ul.pageList li {
        list-style:                         none;
        background:                         url(/images/pageList.gif) no-repeat top left ;
        padding:                            0 0 0 10px;
        margin:                             0;
}


/* added for spacing out list items in water_details section of detached */
ul.pageListPadded {
        padding:                            0;
        margin:                             0 0 0 20px;
}

ul.pageListPadded li {
        list-style:                         none;
        background:                         url(/images/pageList.gif) no-repeat top left ;
        padding:                            0 0 0 10px;
        margin:                             16px auto;
}

ul.plusList li{
		list-style:							none;
		background:							url(../../images/plus.gif) no-repeat top left;
		margin:								0;
		padding-left:						15px;
}

/* lists used in popup status pages for expand and collapse functionality */

ul.tips li{
            list-style:                 none;
            margin:                     0;
}

ul.tips li img.statusCollapsed{
            /* background:                 url(../../images/plus.gif) no-repeat top left; */
}

ul.tips li img.statusExpanded{
            /* background:                 url(../../images/pageList.gif) no-repeat top left; */
}

ul.statusTip{
			margin:						5px 0;
			padding-left:				30px;
}

ul.statusTip li{
			list-style:					disc;
			padding:					2px;		
}

ul.reasons {
			margin-left:				0;
			padding-left:				15px;
}

ul.noStyle {
			margin:							0;
			padding:						0;
}

ul.noStyle li {
			margin:							0;
			padding:						0;
			list-style:						none;
}

/***************************************************************************/

* html td.thermalMethod {
        paddin\g:                           0 10px 0 86px!important;
}

.thermalMethod {
        padding:                            0 10px 0 103px!important;
        paddin\g:                           0 10px 0 147px!important;
        
}

div.dpStar, div.spStar {
        float:                              left;
		color:								#A15552;
}

#altText, #cogSys, #primLit, #primTech, #natLight1, #eerRate, #photoSys, #pfc, #natLight2  {
    	position:							absolute; 
    	left:								25px; 
    	top:								0px; 
    	width:								300px; 
    	border:								1px solid #000000; 
    	padding:							5px; 
    	background:							#ffffff; 
    	visibility:							hidden;
}

div.showStar {
        visibility:                         hidden;
        color:                              #A15552!important;
}

#showStar {
        color:                              #A15552!important;
}

#waitDiv {
		position:							absolute!important;
		top:								50%;
		left:								50%;
		margin-left:						-57px;
		margin-top:							-10px;
/*		background:							#F00; */
		z-index:							1002;
		color:								#FFFFFF;
		vertical-align:						middle;
		height:								19px;
		width:								114px;
		padding:							0;
		text-align:							center;
}

#transbox {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    /*margin:30px 50px;*/
    background-color: #ffffff;
    border: 0;
    padding: 25% 0;
    /* for IE */
    filter: alpha(opacity =   60);
    /* CSS3 standard */
    opacity: 0.6;
    left: 0;
    top: 0;
    z-index: 1000;
}



#pWaitDiv {
		position:							absolute!important;
    	bottom: 							-50px!important;
		left:								50%;
		margin-left:						-57px;
		margin-top:							-10px;
		z-index:							1002;
		color:								#FFFFFF;
		vertical-align:						middle;
		height:								19px;
		width:								114px;
		padding:							0;
		text-align:							center;
}

#calcProgressHeading {
	background-color:green;
	color:white;
	font-weight:bold;
	font-size:9pt;
	font-family:tahoma,verdana,arial;
	padding: 5px; 
	margin-bottom: 0;
	z-index: 1003;
}

#calcProgressItems {
	color:black;
	font-weight:bold;
	font-size:7pt;
	font-family:tahoma,verdana,arial; 
	padding-top: 0;
	margin-top: 0.3em; 
	z-index: 1003;
}

/* ------------------------------ */

/* for rows with a filter drop down and a enter data button - to position the button in the center of the row */
.multiFilter {
		float: 								left;
}

* html .multiFilter {
		position: 							absolute; 
		top: 								5px; 
		left: 								10px;
}

td.filterWithBtn {
		position:							relative;
}

* html td.filterWithBtn {
		positio\n /**/:						static;
}

td.filterWithBtnNoPad {
        position:                           relative;
        height:                             4em;
        padding:                            0!important;
        margin:                             0!important;
}

* html td.filterWithBtnNoPad {
        positio\n /**/:                     static;
        height:                             4em;
        padding:                            0!important;
        margin:                             0!important;
}


/*-------------------------------*/
/*           buttons             */

a.goBtn_green, a.goBtn {
		display:							block;
		height:								22px;
		width:								22px;
		text-decoration:					none;
}

a.goBtn_green {
		background:							#696 url(/images/go_button_green.gif) no-repeat!important;
}

img.updateProject {
		width:								12px; /*16px;*/
		height:								14px; /*19px;*/
}

img.copyProject {
		width:								32px; /*41px;*/
		height:								14px; /*19px;*/
}

img.delete, img.deleteProject {
		width:								13px; /*16px;*/
		height:								14px; /*19px;*/
}

img.summaryProject {
		width:								12px; /*16px;*/
		height:								14px; /*19px;*/
}

img.archiveProject {
		width:								28px;
		height:								17px;
}

img.viewCertificate {
		width:								20px;
		height:								20px;
}

img.pdfIcon {
        width:                              20px;
        height:                             20px;
}

img.viewInvoice {
        width:                              20px;
        height:                             20px;
}

img.viewInvoiceSummaryPayment {
        width:                              20px;
        height:                             20px;
}

a.infoBtn {
		display:							block;
		height:								21px;
		width:								22px;
}

a.infoBtn {
		/** background:							url(/images/info_button.gif) no-repeat!important;	**/
}

div.infoBtn {
		/**background:							url(/images/info_button.gif) no-repeat!important;**/
		display:							block;
		height:								21px;
		width:								22px;
		float:								left;
}

a.infoBtnGreyBack {
		background:							url(/images/info_button_greybkgd.gif) no-repeat!important;
		display:							block;
		height:								21px;
		width:								22px;
}

a.infoBtnMedGreyBg {
		background:							url(/images/info_button_medgreybg.gif) no-repeat!important;
		display:							block;
		height:								21px;
		width:								22px;
}

div.infoBtnMedGreyBg {
		background:							url(/images/info_button_medgreybg.gif) no-repeat!important;
		display:							block;
		height:								21px;
		width:								22px;
		float:								left;
}

a.infoBtnDarkGreyBg {
		/* background:							url(/images/info_button_darkGreyBg.gif) no-repeat!important; */
		display:							block;
		height:								21px;
		width:								22px;
}

div.infoBtnDarkGreyBg {
		background:							url(/images/info_button_darkGreyBg.gif) no-repeat!important;
		display:							block;
		height:								21px;
		width:								22px;
		float:								left;
}

a.questionMark, a.questionMark_medGrey, a.questionMark_darkGrey, a.tick_lightGrey, a.tick_medGrey {
		/* padding:							0 0px!important; */
		 margin:								0 4px!important;
}

a.questionMark {
	    /** TODO: to be removed due to accessibility**/
		/**background:							url(/images/question_mark_lightGrey_back.gif) no-repeat top center;**/
}

a.questionMark_medGrey {
	    /** TODO: to be removed due to accessibility**/
		/**background:							url(/images/question_mark_medGrey_back.gif) no-repeat top center;**/
}

a.questionMark_darkGrey {
	    /** TODO: to be removed due to accessibility**/
/* 		background:							url(/images/question_mark_darkGrey_back.gif) no-repeat top center; */
}

a.tick_lightGrey {
	    /** TODO: to be removed due to accessibility**/
/* 		background:							url(/images/tick_light.gif) no-repeat top center; */
}

a.tick_medGrey {
	    /** TODO: to be removed due to accessibility**/
/* 		background:							url(/images/tick_dark.gif) no-repeat top center; */
}


.lightGreyCell {
		 background-color:					#F0F0EF!important;
}

/* added wrapper div for nextBtn and backBtn because background image flickers onmouseover if set in the "a" tag */
div.nextBtn, div.nextBtn_disabled {
	    /** TODO: to be removed due to accessibility**/
		background:							url(/images/next_button.gif) no-repeat!important;
		display:							block;
		height:								22px;
		width:								22px;
		margin:								0;
		padding:							0;
		float:								right;
}

div.nextBtn_disabled {
	   /** TODO: to be removed due to accessibility**/
		background:							url(/images/next_button_disabled.gif) no-repeat!important;
}

a.nextBtn {
		display:							block;
		height:								22px;
		width:								22px;
}

a.nextBtn:hover, a.infoBtn:hover, a.backBtn:hover, a.goBtn:hover, a.goBtn_green:hover {
		text-decoration:					none;
}

div.backBtn {
	    /** TODO: to be removed due to accessibility**/
		background:							url(/images/back_button.gif) no-repeat!important;
		display:							block;
		height:								22px;
		width:								22px;
		margin:								0;
		padding:							0;
		float:								right;
}

a.backBtn {
		display:							block;
		height:								22px;
		width:								22px;
}

div.generalBtn_green a:hover, div.generalBtn_green a:visited, 
div.generalBtn_green2 a:hover, div.generalBtn_green2 a:visited,
div.generalBtn_darkGrey a:hover, div.generalBtn_darkGrey a:visited, 
div.generalBtn a:hover, div.generalBtn a:visited, 
div.generalBtn_grey a:hover, div.generalBtn_grey a:visited, 
div.generalBtn_purple a:hover, div.generalBtn_purple a:visited, 
div.generalBtn_red a:hover, div.generalBtn_red a:visited,
div.generalBtn_red2 a:hover, div.generalBtn_red2 a:visited {
		text-decoration:					none!important;
		color:								#000!important;
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
}

div.generalBtn_purple {
		float:								left;
		background:							url(../images/button_right_purple.gif) no-repeat right top;
}

div.generalBtn_purple a {
		display:							block!important;
		background:							url(../images/button_left_purple.gif) no-repeat left top!important;
		padding:							4px 10px 5px 10px!important;
		height:								22px;
		heigh\t:							13px;
}

div.generalBtn_green, div.generalBtn_green2, div.generalBtn_grey, div.generalBtn_darkGrey, div.generalBtn_red, div.generalBtn_red2  {
		height:								21px;
		text-align:							center;
		display:							block;
}

div.generalBtn_green a, div.generalBtn_green2 a, div.generalBtn_grey a, div.generalBtn_darkGrey a, div.generalBtn_red a, div.generalBtn_red2 a {
		display:							block;
		color:								#000;
		font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
		text-decoration:					none;
		height:								21px;
		padding:							4px 10px 5px 4px;
		heigh\t:							12px;
}

div.generalBtn_green {
		background:							url(/images/button_right_green_back.gif) no-repeat top right;
		margin: 							0 auto;
}

div.generalBtn_green2 {
        background:                         url(/images/button_right_green2.gif) no-repeat top right;
        margin:                             0 auto;
}

div.disabledBtn_green {
		margin:								0 auto;
}

div.generalBtn_grey {
		background:							url(/images/button_right_green_greyback.gif) no-repeat top right;
}

div.generalBtn_darkGrey {
		background:							url(/images/button_right_green_darkGrey.gif) no-repeat top right;
}

div.generalBtn_red, div.generalBtn_red2 {
		background:							url(/images/btn_right_red.gif) no-repeat top right;
}

div.generalBtn_green a {
		background:							url(/images/button_left_green_back.gif) no-repeat left top;
}

div.generalBtn_green2 a {
        background:                         url(/images/button_left_green2.gif) no-repeat left top;
}

div.generalBtn_grey a {
		background:							url(/images/button_left_green_greyback.gif) no-repeat left top;
}

div.generalBtn_darkGrey a {
		background:							url(/images/button_left_green_darkGrey.gif) no-repeat left top;
}

div.generalBtn_red a {
		background:							url(/images/btn_left_red.gif) no-repeat left top;
}

div.generalBtn_red2 a {
        background:                         url(/images/btn_left_red2.gif) no-repeat left top;
}


div.generalBtn, div.disabledBtn, div.disabledBtnRtGrey {
		float:								left;
		text-align:							center;
}

div.generalBtn {
		background:							url(/images/button_right_green.gif) no-repeat right top;
}

div.disabledBtn, div.disabledBtnGrey, div.disabledBtn_green {
		background:							url(/images/button_right_disabled.gif) no-repeat right top!important;
}

div.disabledBtnRtGrey {
		background:							url(/images/button_right_grey.gif) no-repeat right top!important;
}

div.generalBtn a, div.disabledBtn a, div.disabledBtnGrey a, div.disabledBtn_green a , div.disabledBtnRtGrey a {
		display:							block!important;
		padding:							4px 10px 5px 10px!important;
		height:								22px;
		heigh\t:							13px;
		font-weight:						normal;
		text-align:							center;
}

div.generalBtn a {
		color:								#000!important;
		background:							url(/images/button_left_green.gif) no-repeat left top!important;
}

div.disabledBtn a {
		color:								#999!important;
		background:							url(/images/button_left_disabled.gif) no-repeat left top!important;
}

div.disabledBtnGrey a {
		color:								#999!important;
		background:							url(/images/button_left_disabled_grey.gif) no-repeat left top!important;
}

div.disabledBtnRtGrey a {
		color:								#000!important;
		background:							url(/images/button_left_disabled_green.gif) no-repeat left top!important;
}

div.disabledBtn_green a {
		color:								#999!important;
		background:							url(/images/button_left_disabled_green.gif) no-repeat left top!important;
}

div.disabledBtn a:hover, div.disabledBtnGrey a:hover, div.disabledBtn_green a:hover, div.disabledBtnRtGrey a:hover {
		text-decoration:					none;
}

div.generalBtn img, div.generalBtn_green img, div.generalBtn_green2 img, div.generalBtn_grey img, div.generalBtn_darkGrey img, div.disabledBtn_green img, div.disabledBtnRtGrey {
		vertical-align:						middle;
}

div.alertBtn {
		float:								left;
		background:							url(/images/detached_icons/alert_right.gif) no-repeat right top;
}

div.alertBtnLong {
		float:								left;
		background:							url(/images/detached_icons/alert_right_long.gif) no-repeat right top;
}

div.alertBtnLonger {
		float:								left;
		background:							url(/images/detached_icons/alert_right_long.gif) no-repeat right top;
}


div.alertBtn a, div.alertBtn span, div.alertBtnLong span {
		display:							block!important;
		background:							url(/images/detached_icons/alert_left.gif) no-repeat left top!important;
		padding:							13px 5px 5px 40px!important;
		height:								36px;
		heigh\t:							18px;
}

div.alertBtnLonger span {
		display:							block!important;
		background:							url(/images/detached_icons/alert_left.gif) no-repeat left top!important;
		padding:							8px 5px 5px 40px!important;
		height:								25px;
}

div.alertLogo {
        float:                              left;
        display:                            block!important;
        background:                         url(/images/alert_sm_whtBg.gif) no-repeat left top!important;
        padding:                            15px;        
}

div.noteExclamation, div.noteExclamationWhtBg {
		display:							block!important;
		/* padding:							5px 0 5px 25px;  */
		margin:								2px 0px 3px 0;
		vertical-align:						bottom;
}

div.noteExclamation {
		/* background:							url(../images/alert_sm.gif) no-repeat 0 5px!important;  */
}

div.noteExclamationWhtBg {
		background:							url(../images/alert_sm_whtBg.gif) no-repeat 0 5px!important;
}
a.definitions_medGrey {
		display:							block;
		width:								26px; /*29px;*/
		height:								22px; /*20px;*/
		margin:								0 auto;
}

a.definitions_medGrey {
		/** TODO: to be removed due to accessibility**/
		/** background:							url(/images/detached_icons/icon_definition.gif) no-repeat!important;**/		
}

a.definitions_lightGrey {
		/**background:							url(/images/detached_icons/icon_definition_lightGray.gif) no-repeat!important;**/
		display:							block;
		width:								26px; /*29px;*/
		height:								22px; /*20px;*/
		margin:								0 auto;
}

p.floatLeftLabel {
		margin:								5px 0 0 0;
		padding:							0;
		float:								left;
}

.floatLeft {
		margin:								0.5em 0 0 0;
		padding:							0;
		float:								left;	
}
div.floatLeftLabel {
		margin:								0.5em 0 0 0;
		padding:							0;
		float:								left;
}

p.floatLeftBtn {
		margin:								0 0 0 10px;
		padding:							0;
		float:								left;
		width:								26px;
}

div.floatLeftBtn {
		padding:							0;
		margin:								0 0 0 1.5em;
		float:								left;
}

a.download_medGrey {
		background:							url(/images/detached_icons/icon_download.gif) no-repeat!important;
		display:							block;
		width:								18px;
		height:								19px;
		margin:								0 auto;
}

a.measure_medGrey {
		/* background:							url(/images/detached_icons/icon_measure.gif) no-repeat!important; */
		display:							block;
		width:								26px; /*34px;*/
		height:								22px; /*23px;*/
		margin:								0 auto;
}

a.ratings_medGrey {
        background:                         url(/images/detached_icons/icon_star_ratings.gif) no-repeat!important;
        display:                            block;
        width:                              26px; /*34px;*/
        height:                             22px; /*23px;*/
        margin:                             0 auto;
}

a.measure_lightGrey {
		background:							url(/images/detached_icons/icon_measure_lightGray.gif) no-repeat!important;
		display:							block;
		width:								26px; 
		height:								22px; 
		margin:								0 auto;
}

a.pass_medGrey {
		/*background:							url(/images/detached_icons/icon_pass.gif) no-repeat!important;*/
		display:							block;
		width:								26px; /*18px;*/
		height:								22px; /*17px;*/
		margin:								0 auto;
}

a.pass_lightGrey {
		background:							url(/images/detached_icons/icon_pass_lightGray.gif) no-repeat!important;
		display:							block;
		width:								26px; 
		height:								22px; 
		margin:								0 auto;
}

a.complete_medGrey {
		background:							url(/images/detached_icons/icon_complete.gif) no-repeat!important;
		display:							block;
		width:								25px;
		height:								18px;
		margin:								0 auto;
}

/******************************/



/* -------------------------------------- DEEMED TO COMPLY FULL - Glazing -------------------------------------- */


table td.moreInfoCell {
	width:									205px!important;
	padding-left:							0!important;
}

table td.moreInfoCell div.moreInfoBox, table td div.legend {
	border:									3px solid #fff;
	padding:								10px;
	display:								block; 
	height:									120px;
}

table td div.legend {
	height:									105px!important;
}

table td.moreInfoCell div.moreInfoBox {
	width:									205px!important;
}

table td.moreInfoCell div.moreInfoBox h2, table td div.legend h2 {
	padding:								0 auto!important; 
	margin:									0 0 10px!important;
	font:									normal xx-small verdana,arial,helvetica,sans-serif;
}

table td.moreInfoCell div.moreInfoBox p {
	float:									left!important;
	width:									80px!important;
}

table td div.legend div.halfBox {
	width:									50%!important;
	float:									left;
}

table td div.legend p {
	background:								#ccc;
	margin:									0!important;
	padding:								8px 10px 0px!important;
}

table td div.legend p.paddingBottom {
	padding-bottom:							8px!important;
}

table td div.legend p.borderBottom {
	border-bottom:							3px solid #F0F0EF;
}

table td.moreInfoCell div.moreInfoBox img {
	float:									right!important; 
	
}

table td.moreInfoCell div.cDivBoth {
	height:									1px;
	overflow:								hidden;
	font-size:								0px;
}


dl.legend {
	margin:									0;
	float:									left;
	width:									375px;
}

dl.legend dt {
	background: 							#ccc; 
	padding: 								5px; 
	margin: 								0; 
	border-bottom: 							2px solid #F0F0EF;
}

dl.legend dd {
	background: 							#ccc; 
	padding: 								5px; 
	margin: 								0; 
}

dl.legend dd.borderBottom {
	border-bottom: 							2px solid #F0F0EF;
}

dl.legend dd.noBg {
	background:								none;
}

/********************/


#footerNotesContent {
	overflow:							auto;
	height:								6em;
	padding:							0 5px;
}

#footerNotesContent_sm {
	overflow:							auto;
	height:								6em;
	padding:							0 5px;
}
* html #footerNotesContent, * html #footerNotesContent_sm {
	height:								5.5em;
}
#footerNotesContent p, #footerNotesContent_sm p {
	font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
	padding:							0;
	margin:								0;
}

div.div3 {
	width:								420px;
}

div.div3_dtc {
 	padding:							0!important;
	margin:								0!important;
	width:								370px;
}

div.div3_dtc table.div3_dtc td {
	margin:								0;
	padding:							0 5px 2px 5px;
}

#footerBottomBar {
	background:							#000;
	height:								19px;
	heigh\t:							17px;
	font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
	color:								#FFFFFF;
	padding:							2px 10px;
	margin:								0;
}

* html #footerBottomBar {
	heigh\t:							19px;
}

#footerBottomBar a {
	font:								normal xx-small verdana,geneva,arial,helvetica,sans-serif;
	color:								#FFFFFF;
}

body.footer {
		background:							#F0F0EF!important;
}

#footerWrap {
		padding:							0;
		margin:								0;
		background:							#F0F0EF;
		height: 100%;
		width: 100%;
		overflow: auto;
}
* html #footerWrap {
		over\flow/**/:						visible; /* need to turn off for mac ie 5 since can't handle it here */
}

#footerNotes {
		padding:							5px 0;
}

#waterScore, #thermalScore, #energyScore, #waterTarget, #thermalTarget, #energyTarget, #thermalPassFail {
		font-weight:						bold;
}

#waterVis, #energyVis {
		width:								203px;
		height:	    						31px;
/*		margin-right:						10px;*/
		margin-top:							3px;
		border:								1px solid #F0F0EF;
		overflow:							hidden;
}

.vis_pending {
		background:							#F0F0EF url(/images/vis_pending.gif) no-repeat;
}

.vis_50 {
        background:                         #F0F0EF url(/images/vis_50.gif) no-repeat;
}

.vis_45 {
        background:                         #F0F0EF url(/images/vis_45.gif) no-repeat;
}

.vis_40 {
		background:							#F0F0EF url(/images/vis_40.gif) no-repeat;
}

.vis_35 {
		background:							#F0F0EF url(/images/vis_35.gif) no-repeat;
}

.vis_30 {
		background:							#F0F0EF url(/images/vis_30.gif) no-repeat;
}

.vis_25 {
		background:							#F0F0EF url(/images/vis_25.gif) no-repeat;
}

.vis_20 {
		background:							#F0F0EF url(/images/vis_20.gif) no-repeat;
}

.vis_15 {
		background:							#F0F0EF url(/images/vis_15.gif) no-repeat;
}

.vis_10 {
		background:							#F0F0EF url(/images/vis_10.gif) no-repeat;
}

.vis_5 {
		background:							#F0F0EF url(/images/vis_5.gif) no-repeat;
}

.vis_0 {
		background:							#F0F0EF url(/images/vis_0.gif) no-repeat;
}


.waterVisBar, .energyVisBar {
		margin-top:							19px;
		margin-left:						7px;
		height:								8px;
        overflow:                           hidden;
}

#footerBtns {
		height:								50px;
		width:								100px;
		margin:								0;
		padding:							0 10px;
		border-left:						1px solid #AFC1BA;
		height:								7.5em;

}

div.footerGraphBar {
		display:							block; 
		color: 								black; 
		font-size: 							7pt; 
		font-weight: 						bold; 
		padding: 							0px; 
		text-align:							left; 
		background-color: 					#AAAAAA; 
		height: 							15px; 
		border-left: 						solid black 1px;		
}

div.footerGraphBarText {
		position:							absolute; 
		top: 								28px; 
		left: 								15px; 
		padding:							0px 0px; 
		margin:								0px; 
		width: 								240px; 
		height: 							34px;
		text-align:							left;
		z-index: 							1005;
		font-size: 							7pt; 
		font-weight: 						bold;
}

div.footerGraphTarget {
		position:							absolute; 
		top: 								18px; 
		left: 								18px; 
		padding:							0px 0px; 
		margin:								0px; 
		border-right:						dashed black 2px; 
		width: 								240px; 
		height: 							38px;
		text-align:							right;	
}

div.footerGraphUnits {
		text-align: 						center; 
		font-size: 							7pt; 
		font-weight: 						bold;
		border: 							0;
		padding-bottom:						5px;
}

div.yourScoreInfoText {
		padding:						    5px 3px 0px 0px; 
		margin:								0px; 
		font-weight: 						bold;
		color:								black;
		width: 								auto;
		display: 							block;
		font-size: 							7pt; 
}

div.infoDetailsArea {
		padding-left:						2px; 
		margin:								0px; 
		width: 								auto; 
		text-align:							left;	
		border:								0px;
		z-index: 							1005;
		color:								black;
		font-size: 							7pt;
		display:							none; 
		width: 								100%;
}

div.footerLegendSquare {
		display:							block; 
		color: 								black; 
		font-weight: 						bold;
		padding:							0px; 
		margin:								0px; 
		text-align:							left;
		width:								7px; 
		height:								7px; 
		background-color: 					#AAAAAA; 
		border:								solid 1px black;
		font-size:							1px; /** ie hack **/
		line-height:						0; /** ie hack **/		
}

div.footerLegendText {
	color:								black;
	font-size: 							7pt; 	
}

div.footerGraphTargetText {
		font-weight:						bold; 
		margin-bottom: 						3px; 
		margin-right: 						4px; 
		text-align:							right;
		width:								340px;
		/**border-left: 						solid 1px black;**/
		padding-bottom:						1em;
		margin-bottom: 						0px;					
}

table#thermalTable {
		padding: 							0; 
		margin: 							0; 
		width: 								400px;
}

table#thermalTable td.heading {
		text-align: 						center; 
		padding: 							3px 2px;
		border-bottom:						1px solid #AFC1BA;
		font-weight:						bold;
		width: 								120px;
}

table#thermalTable td.text {
		text-align: 						center; 
		padding: 							3px 2px;
		border-left:						1px solid #AFC1BA;
}

td.chartCell {
		padding-top: 						5px;
		border-left:						1px solid #AFC1BA;
		width:								400px;
}

table#chartTable td.heading {
		text-align: 						center; 
		padding: 							2px 5px 2px 5px;		
		border-bottom: 						1px solid #AFC1BA; 						
}

table#chartTable td.text {
		text-align: 						center; 
		padding: 							2px 2px 0px 5px;	
		border-left: 						1px solid #AFC1BA;				
}

td#legendCell {
	    display:							block; 
	    padding: 							3px 5px; 
	    width: 								100%;
	    vertical-align: 					top;
}

td#notesCell {
	    padding: 							3px 3px 0px 3px; 
	    width: 								100%;
	    border:								0px;
}


h2.visTitle {
		float:								left;
		margin-top:							20px;
		margin-right:						10px;
		margin-left:						10px;
		padding:							0;
}

h2.visTitle2 {
		margin:								5px 0 0 10px;
		padding:							0;
}

p.visScore {
		padding:							3px 0 0 7px;
		margin:								0;
		font:								bold 1.2em arial,verdana,geneva,helvetica,sans-serif;
}



/* end footer classes */

#indicator {
        position:                           absolute!important;
        top:                                130px;
        left:                               760px;
        margin-left:                        -57px;
        margin-top:                         -10px;
/*      background:                         #F00; */
        z-index:                            1006;
        color:                              #FFFFFF;
        vertical-align:                     middle;
        height:                             19px;
        width:                              114px;
        padding:                            0;
        text-align:                         center;
}


/* ------------------------------------------------------------------------------------------------------------- */

/** Accessibility: Issue 27: Minimal visual keyboard focus feedback 
    TODO - Get the styles reviewed by David. */
/* *:focus {
    outline: 1px red dashed;
}

a:hover a:active a:active {
	outline: 1px red dashed;
}

a:focus img {
	outline: 1px red dashed;
}*/

fieldset.noPad {
	border: 0;
}

img.headingSeparator {
	padding: 0px 5px 0px 5px;
}