/***********************************************************************************/
/*IMAGE MAP BACKGROUND FOR THE MH LOGO HEADER*/
/* set up the definition list <dt><a> to hold the background image for the hover state */
a.logoheader {display:block; width:136px; height:87px; padding-top:0px; overflow:hidden; position:absolute; left:0px; top:-87px; background:transparent;}
/* the hack for IE pre IE6 */
* html span a.logoheader {height:87px; he\ight:0;}

/* the hover style to move the background image to position 0 0*/
a.logoheader:hover {background-position: 0 0; z-index:10;}

/* place the <dd>s in the correct absolute position */
span.logoheader {position:absolute; padding:0px; margin:-10px 0 0 0;}

/* style the links physical size and the background image for the hover */
a.logolink {display:block; width:136px; height:87px; background:transparent url(/scripts/forms/gif/icon_holder.gif) -100px -100px no-repeat; text-decoration:none; z-index:20; border:0;}

/* style the span text so that it is not initially displayed */
a.logolink span, a.logolink:visited span {display:none;}
a.logolink:focus, a.logolink:active {background-color:transparent !important; border-style:none;}
/***********************************************************************************/

#appHeader3 {
	background-image: url(/scripts/forms/gif/appHeader3.gif);
 width: 100%;
	height:87px;
	z-index:0;
margin-bottom:10px;}


#appHeader1 {
	background-image: url(/scripts/forms/gif/appHeader1.gif);
background-repeat:no-repeat;
float:left;
height:87px;
	z-index:1;
}

#appHeader1Container {
float:left;
height:87px;
	z-index:1;
}

#appHeader1epost {
background-image: url(/scripts/forms/gif/appHeader1epost.gif);
background-repeat:no-repeat;
float:left;
width:285px;
height:87px;
z-index:1;
}

#appHeader1epostFR {
background-image: url(/scripts/forms/gif/appHeader1epostFR.gif);
background-repeat:no-repeat;
float:left;
width:285px;
height:87px;
z-index:1;
}

#appHeader1Container h1 {position:absolute; margin:66px 0px 0px -233px; font-size:1.05em; font-weight:bold;	z-index:2;}

#appHeader1 h1 {margin:66px 0px 0px 52px; font-size:1.05em; font-weight:bold;	z-index:2;
}



#appHeader2 {
	background-image: url(/scripts/forms/gif/appHeader2.gif);
float:right;
height:87px;
width:78px;
z-index:1;
	}

#appHeader3 ul {text-align:right; margin:0px 78px 0px 0px; z-index:2; padding-top:47px;}
#appHeader3 ul li {display:inline; list-style:none; margin:0 0 0 0; padding:0; white-space:nowrap;}

sup.header {font-size: .75em;}

form.mbhydroform {
	width: 100%;
	}

form.mbhydroform legend {
    color: #000;
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}


form.mbhydroform legend em {
	color: #903;
	font-weight: bold;
font-style: normal;
	}

	form.mbhydroform em,
	form.mbhydroform fieldset ol li fieldset legend em {
font-style: normal;
font-weight: normal;
	color: #903;
	}

form.mbhydroform fieldset {
	border: none;
	margin-bottom: 10px;
	}

	form.mbhydroform fieldset.nobottom {
	border: none;
	margin-bottom: 0px;
	}


	form.mbhydroform fieldset.rBorder {border-right:1px solid #f63;}
.lBorder {border-left:1px solid #f63;}
.lBorderMinus {margin-left:-2px; border-left:2px solid #f63;}
.tBorder {border-top:2px solid #f63;}
.rBorder {border-right:1px solid #f63;}
	form.mbhydroform fieldset fieldset { background: none; }

form.mbhydroform fieldset li {
	padding: 5px 1% 7px;
	background: url(/gif/line_dash.gif) left bottom repeat-x;
	}

form.mbhydroform fieldset li.solidline {
/*	padding: 5px .5% 7px; */
	background: none;
border-bottom: 1px solid #526d9c;
	}

form.mbhydroform fieldset li.solidlineorange {
/* 	padding: 5px .5% 7px; */
	background: none;
border-bottom: 2px solid #f63;
	}



	form.mbhydroform fieldset li.noline {
/* 	padding: 5px 1%% 7px; */
	background: none;
	}

	form.mbhydroform fieldset ol.to-left li.noline {
	/* padding: 5px 2.5% 7px; */
	background: none;
	}

	form.mbhydroform fieldset li fieldset li {
	padding: 5px 3% 7px;
	background: url(/gif/line_dash.gif) left bottom repeat-x;
	}

		form.mbhydroform fieldset li fieldset li.noline {
	padding: 5px 3% 7px;
	background: none;
}

			form.mbhydroform fieldset li fieldset li.solidline {
	padding: 5px 3% 7px;
	background: none;
	border-bottom: 1px solid #526d9c;
	}


		form.mbhydroform fieldset li fieldset li.noindent {
	padding: 5px 0% 7px;
	}


	form.mbhydroform label {
	display: -moz-inline-block;
	display: inline-block;
	/*line-height: 1.8; */
	vertical-align: top;
}



	form.mbhydroform input, form.mbhydroform select, form.mbhydroform textarea {
	margin-left: 6px;
	}

form.mbhydroform fieldset ol {
	margin: 0;
	padding: 0;
	}

form.mbhydroform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}

form.mbhydroform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}

form.mbhydroform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: bold;
	}

/*form.mbhydroform fieldset fieldset fieldset label {
	display: block;
	width: auto;
	}
*/

form.mbhydroform label { width: 35%; } /* Width of labels */
form.mbhydroform label.realign{ width: 27.4%; } /* Width of labels */
form.mbhydroform label.fullwidth { width: 100%; } /* Width of labels */
form.mbhydroform label.autowidth { width: auto; } /* Width of labels */
form.mbhydroform fieldset fieldset fieldset label { width: 35%; } /*{ margin-left: 25.4%; }*/ /* Width plus 3 (html space) */


form.mbhydroform label.smaller {width: 15%;}

ol.dials li {
	float:left;
	margin:12px;
	text-align: center;
}

ol.dials li label {width: auto;}

hr.thankyou {background-color: #f63; color:#f63; width:25%; height:1px;text-align:left; margin:12px auto 12px 0;}

hr.divider {clear:both; color:#f63; width:100%; height:2px; margin:0px; padding:0px;}

hr.blue {clear:both; color:#526d9c; width:100%; height:1px; margin:0px; padding:0px;}

table.draft {width:100%; margin:2em 0em;}
table.draft tr {vertical-align:top;}
table.draft td { padding:0 0 1em 0;}
table.draft td.line {border-bottom:#000 solid 1px; line-height:2em; width:40%;}
table.draft td.line2 {border-bottom:#000 solid 1px; line-height:2em; width:20%;}
table.draft td.line3 {border-bottom:#000 solid 1px; line-height:2em; width:5%;}
table.draft td.auto {vertical-align:bottom; width:auto; padding:0;}
table.draft td.remainder {vertical-align:bottom; width:35%; padding:0;}

.first {width:15%;}
.first legend {width:15%;}
.second {width:49%;}
.second ol label.auto {width:auto;}
.third {width:64%;}
.third ol label.auto {width:auto;}

form.mbhydroform ol.half label { width: auto; } /* Width of labels */

table.cost {width:36%;}

table.cost,table.cost td,table.cost th{border-collapse:collapse;margin:0 0;padding:0;empty-cells: show;}

table.cost thead th.first, table.cost tbody td {
text-align: center;
width:12%;
}

table.cost td input {text-align: center;}

fieldset h6 {margin:0 0 6px 0;}

/*Button*/
.buttonSubmit1, .buttonSubmit2, .buttonSubmit3, .buttonSubmit4 {
	height:23px;
    color:#000;
	font-weight:bold;
	padding:2px 5px 24px 5px;
	cursor:pointer;
	border:none;
text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

a.buttonSubmit1 {color:#000; background-color:inherit; text-decoration:none;}
a.buttonSubmit1:hover {color:#06c; background-color:inherit; text-decoration:none;}
a.buttonSubmit1:focus, a.buttonSubmit1:active {color:#000 !important; background-color:transparent !important; border-style:none;}
a.buttonSubmit1:visited {color:#000; background-color:inherit; text-decoration:none;}


.buttonSubmit1 {
	width:100px;
	background:url(/scripts/forms/gif/button_submit1.gif) no-repeat left top;
}

.buttonSubmit2 {
	width:200px;
	background:url(/scripts/forms/gif/button_submit2.gif) no-repeat left top;
}

.buttonSubmit3 {
	width:300px;
	background:url(/scripts/forms/gif/button_submit3.gif) no-repeat left top;
}

.buttonSubmit4 {
	width:375px;
	background:url(/scripts/forms/gif/button_submit4.gif) no-repeat left top;
}

/* --------------------- */
/*Button Back*/
.buttonBack1, .buttonBack2, .buttonBack3, .buttonBack4 {
	height:23px;
    color:#000;
	font-weight:bold;
	padding:2px 5px 24px 5px;
	cursor:pointer;
	border:none;
text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.buttonBack1 {
	width:100px;
	background:url(/scripts/forms/gif/button_back1.gif) no-repeat left top;
}

.buttonBack2 {
	width:200px;
	background:url(/scripts/forms/gif/button_back2.gif) no-repeat left top;
}

.buttonBack3 {
	width:300px;
	background:url(/scripts/forms/gif/button_back3.gif) no-repeat left top;
}

.buttonBack4 {
	width:375px;
	background:url(/scripts/forms/gif/button_back4.gif) no-repeat left top;
}

/*not sure if this class is used, but it should buttonBack from nowon */
.buttonPrevious {
	height:23px;
    color:#000;
	font-weight:bold;
	padding:2px 5px;
	cursor:pointer;
	border:none;
text-align:right;
	width:375px;
	background:url(/scripts/forms/gif/button_previous.gif) no-repeat left top;
}

.terms {height: 321px; overflow: auto; visibility: visible; margin-right:2em; padding:1em; border:#526d9c solid 1px;}

.oneThird {width:32%; vertical-align:top;}
.twoThird {width:66%; vertical-align:top;}
form.mbhydroform label.labeloneThird{ width: 32%; } /* Width of labels */

.oneQuarter {width:24%; vertical-align:top;}
.threeQuarter {width:74%; vertical-align:top;}
form.mbhydroform label.labeloneQuarter{ width: 24%; } /* Width of labels */

.oneFifth {width:14%; vertical-align:top;}
.fourFifth {width:81%; vertical-align:top;}
form.mbhydroform label.labeloneFifth{ width: 14%; } /* Width of labels */

form input.lightblue, form.mbhydroform fieldset li.blue {background: #dde8ec;}

fieldset label.autoWidth {width:auto;}

input.darkgrey {background:#b3bebe;}

form.mbhydroform legend.zero {padding-bottom:0; margin-bottom:0;}

.sidle{
	width:100%;
	overflow:auto;
	overflow-y:hidden;
	margin:0; padding:0; border:0;
	scrollbar-face-color: #6095C1;
	scrollbar-highlight-color: #C2D7E7;
	scrollbar-3dlight-color: #85AECF;
	scrollbar-darkshadow-color: #427AA8;
	scrollbar-shadow-color: #315B7D;
    scrollbar-arrow-color: #fff;
	scrollbar-track-color: #4DECF8S;
	text-align:justify;
background-color:#dde8ec;
margin:0;
padding:0;}
* html .sidle{
	overflow-x: scroll;
	overflow-y: hidden;
}

.printOnly {display:none;}