/* ==========================================================================
   Author's custom styles
   ========================================================================== */
button {
	background:0;
	border:0;
	margin:0 10px 10px 0;
	padding:0;
	cursor: pointer;
	width:auto;
}
fieldset {
	border-style:none;
}
legend {
	color: #000;
}

.two_col_l {
	float: left;
	width: 49%;
}
.two_col_r {
	margin-left: 51%;	
}
.three_col_l {
	float: left;
	width: 31%;
	margin-right: 2%;
}
.three_col_m {
	float: left;
	width: 31%;
	margin-right: 2%;
}
.three_col_r {
	margin-left: 66%;
}
#hey_modal {
	font:12pt Arial, Helvetica, sans-serif;
	color:#666;
	padding:0;
	-moz-box-sizing: border-box; /* ff2 */
	-ms-box-sizing: border-box; /* ie8 */
	-webkit-box-sizing: border-box; /* safari3 */
	-khtml-box-sizing: border-box; /* konqueror */
	box-sizing: border-box; /* css3 rec */
	moz-border-radius:10px;
	border-radius:10px;
	border:3px solid #ee8f16;
	position:relative;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ee8f16'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ee8f16')"; /* IE8 */
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #fff 25%, #ee8f16 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #fff 25%, #ee8f16 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #fff 25%, #ee8f16 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #fff), color-stop(1, #EE8F16));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #fff 25%, #ee8f16 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #fff 25%, #ee8f16 100%);
}
ul#progress {
	list-style:none;
	margin:0 0 0 15px;
	padding:0;
}
ul#progress li {
	float:left;
	position: relative;
	color:#ccc;
	font-size:11pt;
	margin-right:20px;
	margin-top:0;
	z-index: 2147483638;
}
ul#progress li.on {
	color:#666;
}
#hey_modal h2 {
	margin:0;
}
div.panelContent {
	padding:1em;
	moz-border-radius:7px;
	border-radius:7px;
	border:3px solid #ccc;
	margin-bottom:0;
}
#hey_modal div.panelContent {
	background-color:#f5f5f5;
}
#hey_modal div.innerPanel {
	moz-border-radius:5px;
	border-radius:5px;
	padding:5px;
}

#hey_modal h2 {
	font: normal normal bold 14pt/150% Arial, sans-serif;
	color:inherit;
}
#hey_modal p {
	font-size:12pt;
	color:inherit;
	margin:0;
}
#hey_modal p.top_margin {
	margin-top:1em;
}
#homeInfoForm label,
#selectStartDateForm label,
.heyForm label {
	font: normal normal normal 14pt/150% Arial, sans-serif;
	color:inherit;
	display: block;
	margin:.8em 0 .3em 0;
	padding:0;
}
.heyForm label.first {
	margin: 0 0 .3em 0;
}
.heyForm p label,
.heyForm label.inline {
	display:inline;
}
#selectStartDateForm label.inline,
#homeInfoForm label.inline {
	display: inline-block;
}
#homeInfoForm input.text,
.heyForm input.text {
	-moz-box-sizing: border-box; /* ff2 */
	-ms-box-sizing: border-box; /* ie8 */
	-webkit-box-sizing: border-box; /* safari3 */
	-khtml-box-sizing: border-box; /* konqueror */
	box-sizing: border-box; /* css3 rec */
	moz-border-radius:3px;
	border-radius:3px;
	border: 2px solid #bebebe;
	font-size:11pt;
	padding:4px 6px;
}
.small {
	width:85px;
}
.med {
	width:135px;
}
.long {
	width:270px;
}
#homeInfoForm select,
#selectStartDateForm select,
.heyForm select {
	-moz-box-sizing: border-box; /* ff2 */
	-ms-box-sizing: border-box; /* ie8 */
	-webkit-box-sizing: border-box; /* safari3 */
	-khtml-box-sizing: border-box; /* konqueror */
	box-sizing: border-box; /* css3 rec */
	moz-border-radius:3px;
	border-radius:3px;
	border: 2px solid #bebebe;
	padding:3px 6px;
	font-size:11pt;
}
.heyForm select option {
	font-size: 11pt;
}
.heyForm .checkbox {
	font-size:12pt;
}
.heyForm input.text:focus,
.heyForm select:focus,
table.dataEntry input:focus {
	border-color:#71c6ef;
}
img.hr {
	height:2px;
	width:100%;
	margin:1em 0;
}
.heyForm fieldset {
	border:none;
}
.heyForm fieldset#print_data {
	padding:0;
}

.submitButtons {
	text-align: right;
	margin:5px 0 0 0;
	padding:0;
}
.submitButtons button,
.submitButtons input {
	margin-bottom: 0
}

table.dataEntry {
	border-collapse:collapse;
	border:1px solid #ccc;
}
table.dataEntry th, table.dataEntry td {
	text-align:center;
	background-color:#fff;
	border:1px solid #ccc;
	font-weight:normal;
	padding:.5em .5em;
	width:150px;
}
table.dataEntry th.columnHdr {
	background-color:#eaecee;
	font-weight:bold;
	padding:.3em .5em;
}
table.dataEntry th.columnHdr span {
	font:inherit;
	font-weight: normal;
	color:#666;
}
table.dataEntry label {
	margin:0;
	font-size:11pt;
}
table.dataEntry input {
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	border: 2px solid #bebebe;
	color:#666;
	font-size:11pt;
	padding:4px 6px;
	text-align:right;
	width: 100%;
	height:100%;
}
table.dataEntry input.disabled {
	background-color:#fff;
	border-color:#fff;
	color:#666;
}
#dateSpan {
	font-size:inherit;
}
.review .two_col_l {
	width:70%;
}
.review .two_col_r {
	margin-left:70.5%;
	text-align:right;
}

ul.errMsg {
	list-style-image:url('../images/page_nav_arw.gif');
	margin:0 0 1em 0;
	font-size: .8em;
}
ul.errMsg li,
ul.errMsg li a,
ul.errMsg li a:link,
ul.errMsg li a:visited,
.req {
	color:#900;
	font-weight:bold;
	text-decoration: none;
}
ul.errMsg li a:hover {
	border-bottom: dotted 1px #900;
}

a.rollover {
	font-weight: bold;
	color: #009966;
}
#hey_modal .hide_rob {
	position: absolute;
	left: -1000em;
	top: -1000em;
}
#hey_modal .show_rob {
	background: transparent url(../images/earthday08/rob_top.gif) top left no-repeat;
	color: #38320f;
	width: 220px;
	position: absolute;	
	color: #000;
	z-index: 9999;
}
#hey_modal .show_rob strong {
	display: block;
}
#hey_modal .show_rob p {
	background: transparent url(../images/earthday08/rob_bottom.gif) bottom left no-repeat;
	margin: 15px 0 0;
	font-size: 10pt;
	padding: 0 15px 15px;
	line-height: 130%;
}
#hey_modal .show_rob ul {
	padding-left:15px;
	margin-left: 0;
}

.lt-ie9 body {
	margin:0;
	padding:0;
}
.lt-ie9 #hey_modal,
.lt-ie8 #hey_modal {
	width:524px;
	border:1px solid #000;
}

/* modal */
#modal_overlay {
	background:#000;
	height:100%;
	filter:alpha(opacity=60);
	left:0;
	opacity:0.6;
	position:fixed;
	top:0;
	width:100%;
	z-index: 2147483638;
}
#modal_box {
	position:absolute;
	background:url('../images/home_improvement/hey/gb/tint40.png') 0 0 repeat;
	background:rgba(0,0,0,0.4);
	border-radius:14px;
	padding:8px;
}
#modal_content {
	border-radius:8px;
	padding:20px;
}

/* ==========================================================================
   colorbox Global Styles:
   Should not be altered.
   ========================================================================== */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:2147483638; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* ==========================================================================
   colorbox User Styles:
   They are ordered & tabbed in a way that represents the nesting of the
   generated HTML.
   ========================================================================== */
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
	/*.imageLightBox #cboxTopLeft{width:14px; height:14px; background:url(js/jquery/plugins/colorbox/controls.png) no-repeat 0 0;}
	.imageLightBox #cboxTopCenter{height:14px; background:url(js/jquery/plugins/colorbox/border.png) repeat-x top left;}
	.imageLightBox #cboxTopRight{width:14px; height:14px; background:url(js/jquery/plugins/colorbox/controls.png) no-repeat -36px 0;}
	.imageLightBox #cboxBottomLeft{width:14px; height:43px; background:url(js/jquery/plugins/colorbox/controls.png) no-repeat 0 -32px;}
	.imageLightBox #cboxBottomCenter{height:43px; background:url(js/jquery/plugins/colorbox/border.png) repeat-x bottom left;}
	.imageLightBox #cboxBottomRight{width:14px; height:43px; background:url(js/jquery/plugins/colorbox/controls.png) no-repeat -36px -32px;}
	.imageLightBox #cboxMiddleLeft{width:14px; background:url(js/jquery/plugins/colorbox/controls.png) repeat-y -175px 0;}
	.imageLightBox #cboxMiddleRight{width:14px; background:url(js/jquery/plugins/colorbox/controls.png) repeat-y -211px 0;}*/
	#cboxContent{overflow:visible;}
		/*.cboxIframe{background:#fff;}*/
		#cboxError{padding:50px; border:1px solid #ccc;}
		#cboxLoadedContent{margin-bottom:5px;}
		#cboxLoadingOverlay{background:url(js/jquery/plugins/colorbox/loading_background.png) no-repeat center center;
			/background-color:rgba(0, 0, 0, 0.8);
		}

		#cboxLoadingGraphic{background:url(js/jquery/plugins/colorbox/loading.gif) no-repeat center center;}
		#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
		#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

		/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
		#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(js/jquery/plugins/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}

		/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
		#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

		#cboxPrevious{left:0px; background-position: -51px -25px;}
		#cboxPrevious:hover{background-position:-51px 0px;}
		#cboxNext{left:27px; background-position:-75px -25px;}
		#cboxNext:hover{background-position:-75px 0px;}
		#cboxClose{right:0; background-position:-100px -25px;}
		#cboxClose:hover{background-position:-100px 0px;}

		.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
		.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
		.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
		.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/*
 * IE7 css
 */
#mask {
	overflow:hidden;
	-moz-box-sizing: border-box; /* ff2 */
	-ms-box-sizing: border-box; /* ie8 */
	-webkit-box-sizing: border-box; /* safari3 */
	-khtml-box-sizing: border-box; /* konqueror */
	box-sizing: border-box; /* css3 rec */
	moz-border-radius:10px;
	border-radius:10px;
}
html.lt-ie8 .heyForm select,
html.lt-ie8 .heyForm option {
	font-size:14pt;
}
html.lt-ie8 table.dataEntry input {
	width: 80%;
	margin:0 auto;
}