/* CSS Document */
/* POLYPIPE CSS for Rainstream */

.greybox {
	background:#e7e7e8 none repeat scroll 0 0;
	padding:10px;
	color: #404140;
}

.greybox  ul { margin-left: 0; padding-left: 15px;}
.greybox  ul  li { margin-bottom: 10px; }
.greybox  ul.nopad li { margin-bottom: 0px; }

.greybox .whitebit {
	padding: 10px;
	font-size: 8pt;
	color: #000;
	text-align: center;
	background: #fff;
}

ul.halfnhalf {
	margin: 0px 0px 10px 0px;
	padding-left: 15px;
	height: 100%;
	overflow: hidden;
}

ul.halfnhalf li {
	width: 50%;
	float: left;
	font-size: 8pt;
}

h3.blackstrong {
	color: #000;
	font-size: 12px;
	margin: 0px;
	margin-bottom: -10px;
	font-weight: bold;
}

ul.bluearrow {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 100%;
}

ul.bluearrow li {
	background: url(/polypipe/frontend/bp_rainstream/images/arrowbullet.gif) top left no-repeat;
	list-style: none;
	padding-left: 17px;
	width: 100%;
}

ul.bluearrow li .content { width: 100%; }

/** 50% width body blocks **/

.half {
	width: 45%;
	float: left;
}

.andhalf {
	width: 45%;
	float: right;
}

/** Homepic **/

div.housepic {
	float: right;
	width: 50%;
	text-align: right;
}

div.housepic a { text-decoration: underline; }

/** Related Lit **/

.related-lit {
	text-align: center;
	font-size: 8pt;
	height: 100%;
	overflow:hidden;
}

.related-lit h3.blackstrong { margin-bottom: 5px; }

/** FORM FACE **/

#psr-form {
	width: 90%;
}

#psr-form h2 {
	padding: 5px 10px;
	background: #b2b2b2;
	color: #000;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 10px;
}

#psr-form  fieldset {
	margin-bottom: 10px;
	border: 0px;
	padding: 0px;
}

#psr-form .form-item {
	width: 100%;
	clear: both;
	margin-bottom: 5px;
	overflow: hidden;
	height: 100%;
}

#psr-form .form-item label,
#psr-form .form-item input {
	float: left;
	margin-right: 10px;
}

#psr-form .form-item label { width: 120px; }

#psr-form #consumption-details .form-item label { width: 180px; }
#psr-form #consumption-details .form-item input.text-field { width: 340px; }
#psr-form #consumption-details .form-item .half-fields input.text-field { width: 100px; }
#psr-form #consumption-details .form-item .half-fields p { float: left; margin: 0px 46px 0px 0px; }
#psr-form #consumption-details .form-item .half-fields label { width: 40px; text-align: right; }

#psr-form .form-item label span.required { color: #ff4000; }
#psr-form .form-item input.text-field { width: 400px; border: #b5b5b5 1px solid; }
#psr-form .form-item span.notate { display: block; clear: both; color: #8c8c8c; }

#psr-form input#submit { background: #0054a4; padding: 5px; color: #fff; font-weight: bold; }

#psr-form .form-item .radio {
	float: left;
	margin-right: 10px;
	margin-bottom: 7px;
}

#psr-form .form-item .radio input.radio-field { padding: 0px; margin: 0px; margin-right: 10px; vertical-align: top; }

#psr-form .form-item .radio label { width: auto;}

#psr-form .form-item .conditional input.text-field {	width: 50px; margin-right: 0px; }
#psr-form .form-item .conditional label {	margin-left: 10px; margin-right: 5px; width: auto; }