@import url(/web/groups/wcms_ta/@wcms/documents/stylesheets/stylesheet_overrides_form.css);

/* PLEASE DO NOT EDIT */
#Content .help-text { display: block; }
#Content div { margin:0; } 
#Content form div {/* margin-left: 0px;*/ }
#Content div div { margin:0; float: none;  width: 100%; overflow: hidden; margin-bottom: 0.2em; }
#Content .form-intro { width: 100%; overflow: hidden; margin: 0; }
#Content div.form-intro div { margin: 0px 10px 0px 20px; float: none; width: auto; position: relative; height: 2.166em; }
#Content .steps-list { list-style: none; position: absolute; right: 0; }
#Content .steps-list li { float: left; margin: 0; text-align: center; padding-left: 7px; }
#Content .steps-list li.first { padding: 0; background-image: url(../images/css/bck-steps-li-first.gif); }
#Content .steps-list li.active { background-image: url(../images/css/bck-steps-li-active-inner.gif); }
#Content .steps-list li.firstactive { background-image: url(../images/css/bck-steps-li-active.gif) ; }
#Content .steps-list strong { float: left; margin-right: 12px; }
#Content .steps-list span { float: left; width: 16px; background: url(../images/css/bck-steps-span.gif) no-repeat; }
#Content .steps-list li.active span { background-image: url(../images/css/bck-steps-span-active.gif); }
#Content .steps-list li.firstactive span { background-image: url(../images/css/bck-steps-span-active.gif); color:#ffffff; }
#Content form { display: inline; }
#Content .form-top-border { background:transparent url(../images/css/form-bg-top.gif) no-repeat scroll left top; overflow:hidden; padding-top:10px; width: 560px; margin-top:10px;margin-left:16px; } /*changed to 560 from 510 */

#Content .form-bottom-border { background:transparent url(../images/css/form-bg-bottom.gif) no-repeat scroll left bottom; overflow:hidden; padding-bottom:10px; margin:0 0 1em 0; }
* html #Content .form-bg-border {width: 534px;}
#Content .form-bg-border { width:534px; padding: 0 0 0 20px; background-color: #faf6e5; margin:0;}
#Content .form-left-col-top { background:transparent url(../images/css/form-left-col-top.gif) no-repeat scroll left top; overflow:hidden; padding-top:10px; width: 392px; /*margin-top:12px;*/ }
#Content .form-left-col-bottom { background:transparent url(../images/css/form-left-col-bottom.gif) no-repeat scroll left bottom; overflow:hidden; padding-bottom:10px; margin:0 0 1em 0; }
#Content .form-left-col-bg { width:392px; padding: 5px 0 8pt 20px; background-color: #faf6e5; margin:0; }
#Content input, #Content textarea { float: left; margin-right: 0px; }
#Content label { width: 149px; float: left; margin-right: 5px; }
#Content span.label { width: 115px; float: none; margin-right: 0px; }
*html #Content span.label {margin-right: 2px; }
#Content .label {/*  height: 1em; */ }
#Content select { float: left; }
#Content option { padding-right: 1em; }
#Content span.label { text-align: right; }
#Content span.label input { float:none;}
#Content a span { position: absolute; left: -999em; }
#Content.one-col h3 { font-size: 1.083em; margin-bottom: 5px; }
#Content .help { padding: 0; float: left; clear: none; }
/*#Content .help { padding: 0; background: url(../images/css/help-icon.gif) no-repeat; height: 18px; width: 19px; float: left; clear: none; }*/
#Content .sortcode { width: 2.95em; margin-right: 6px; }
#Content .postcode { width: 60px; }
#Content label.radio { width: auto; }
#Content .amount { width: 60px; }
#Content .edit { width: 100%; overflow: hidden; float: none; clear: left; }
#Content .edit a { padding: 0; background: url(../images/css/edit.gif) no-repeat; height: 18px; width: 62px; float: left; clear: none; }
#Content .edit p { width: 410px; float: left; margin-bottom: 0; margin-right: 0; }
#Content img.edit-icon { float: none; margin: 0; }
#Content .left-col { width: 374px; float: left; margin-top: 0px; }

#Content .right-col { width: 160px; float: left; margin:12px 0px; }
#Content .right-col div { width: 140px; border: 1px solid #c6aa9f; margin-left: 17px; padding:1px; }
#Content .right-col p { margin-right: 0px; padding: 5px; border-bottom: 1px solid #c6aa9f; }
#Content .right-col input { margin: 0 0 1em 5px;}
#Content .right-col label { margin: 0 0 0.416em 5px; }
#Content .right-col .button { margin: 0 0 0 5px; }
#Content .form-submit {
float:right;
margin-right:16px;
text-align:right;
width:200px;
}
#Content .form-submit .label { width: auto; }
#Content .inline-error,	#Content .error p, .mandatory { font-weight: bold; }
#Content .error { overflow: hidden; width: 100%; }

/* PN edits */

.bold {font-weight:bold;}
#Content span.help {display:block; clear:left; font-size:1em; color:#755545; float:left; width:90%; border:1px solid #755545; background-color:#faf9f4; margin-top:5px; padding:3px;}
table, tr, td {padding:0; margin:0;}
.form-bg-border table {width:100%; float:left;}
#Content td label {font-size: 1em; width:85%;padding-left:3px;}
* html #Content td input {margin-top:-2px;} /* lines up the label with the radio button in IE6 */
label, input {margin-top:3px;} /* aligns the help icon with the label */
option {padding-left:5px;}
#Content p input {display:inline; background-color:#faf6e5; font-size: 1em; color:#755545; float:none; margin-top:-3px;}
* html #Content p input {margin-top:0;} /* lines up the input with the p element in IE */
#Content ul.error {list-style-type: none; margin:0; padding:0; font-weight:bold;color:#ff0000;width:90%;clear:both;}
#Content ul.error li {padding:0; margin:0px 0px 0px 5px;}
.error-summary {font-size: 1em; color:#ff0000;font-weight:bold;margin-left:40px;}
body #Content .form-intro div {margin-bottom:-5px;} /* removes whitespace below the step indicators */
body .float-frame p {margin-bottom:0;}


/* SD edits - Required because so many styles are tied into the main frame and body */
* html #Content .left-col {width:324px; }
* html #Content .right-col {width:150px;margin-top:12px;padding:0px; }
* html #Content .right-col div {margin:0px;padding:0px;}
* html #Content .right-col input {margin-left:16px;}
#Content .right-col div {padding-left:0px;padding-left:0px;}
.form-bg-border h3, .form-intro p {padding-left:0px;margin-left:0px;}
#Content #form-large .form-top-border {margin-top:1.2em;}
#Content .form-submit input {float:left;} /* 3 to 1% as trial */
.form-bg-border p {padding-right:48px;}
#form-large .form-submit {width:549px;padding-right:1%;margin-left:17px;}
#form-large {margin-top:7px;}
* html #Content .right-col input {float:left;padding:0px;margin-left:5px;}
* html #Content .loginimg {padding-left:16px;} /* Needed in IE to push login button */
#Content .form-bg-border .error-amount {margin-left:0px; font-weight:bold;}
#Content a input.printimg {text-align:center;margin:0 0 2em 21em}
* html #Frame #directdebit  {/* margin-left:-20px; */}
* html #Frame input.loginimg {padding-bottom:10px;}


/* RW edits */
.form-bg-border table#paymentOptionsTable { width:97%; margin-bottom:2em; border-collapse:collapse; border:solid 1px #8F4323; margin-left:1px;} /* Set to over-ride the 100% width set for tables */
.labelInput span {float:left; margin-right:5px; width:149px; color:#755545; margin-top:3px; vertical-align:top;}
#Content .postCodePadding {margin:3em 0 1em 0;} /* Margin visually separates the the different section of the DD form */
		html > body #Content .postCodePadding {margin:1.5em 0;} /* Margin visually separates the the different section of the DD form */
#Content .fuelType, #Content .fuelDetails, #Content .houseDetails, #Content .typeOfFuel {margin-bottom:1.5em;} /* Margin visually separates the the different section of the DD form */
.leapfrog #Content a   {background:none;} /* Removes '>' that was appearing after the pring button for the DD form */
table#paymentOptionsTable th {border-right:solid 1px #FAF6E5; border-bottom:solid 1px #8F4323;}
table#paymentOptionsTable td {border-bottom:solid 1px #8F4323; border-left:solid 1px #8F4323; padding:0.3em;}
table#paymentOptionsTable th.tableHeaderEnd {border-right:solid 1px #8F4323; padding:0.3em;}
table#CalcDetails th.tableHeaderEnd {border-right:solid 1px #8F4323; padding:0.3em;}
#Content #paymentOptionsInner h3{color:#8F4323;font-size:1.3em;font-weight:bold;margin-bottom:0.333em;text-align:left;}
#Content #divCalcDetails {width:36em;}

/*#paymentOptionsTable th { padding:0.6em; text-align:left;}
Pads table cells on the print DD form  */

/*#paymentOptionsTable td, #CalcDetails td {padding:0.6em 0.6em 0.6em 0; text-align:left;}
Pads table cells on the print DD form  */

#Content .displayWide label {width:100%;} 
div h4 {color:#999999; font-size:1em; margin-left:20px;}
p.caveat span {display:block; margin-left:20px;}
.error-login ul {text-indent: 0px; list-style: none;}
.error-login ul li ul {list-style: disc;}
.summary-left {float:left;display:block; width:200px;}
.summary-right {float:left;display:block;font-weight:bold;}

/* Layout change for 'Your remembered accounts' in Customer Service. RW - 21/02/08 */
#Content .formArea .AccRadioButtons input {
	margin:-3px 0 0 0;
	padding:0;
}

	html>body #Content .formArea .AccRadioButtons input {
		margin:0;
	}

#Content .formArea .AccRadioButtons label {
	float:none;
	margin:0 0 0 0.3em;
}

/* SP NPS Feedback Styles */
#Content .formBox { background:transparent url(../images/css/form-bg-top.gif) no-repeat scroll left top; width:534px; padding: 20px 0 0 20px; background-color: #faf6e5; margin-left:16px;}
#Content .formBox .formBoxBottom { background:transparent url(../images/css/form-bg-bottom.gif) no-repeat scroll left bottom; overflow:hidden; padding:0 0 20px 0; margin:0 0 0 -20px; }
#Content .formBox .formBoxBottom input {margin-left:20px; margin-top:3px;}
#Content .formBox .optionList input {text-align:center;width:25px;}
#Content .formBox .optionList label {margin-left:-25px; width:25px;text-align:center;padding-top:3px; } 
#Content .formBox .feedbackInput textarea {width:400px;}
#Content .feedbackInputPanel .formBoxTop {display:none;}

/* Radio Button List */
* html #Content .RadList td input {margin-top:0px;} /* lines up the label with the radio button in IE6 */
#Content .error-login ul {color:#f00;margin-left:4px;}



/* Thank You Banner on ThankYouFeedback.aspx - MON: 21/07/2009 */
#Content .thankyou-banner {
	margin-left:16px;
	margin-top:5px;
	width:553px;
}

#Content .thankyou-banner a {
	padding:0;
}


#ctl00_MainContent_ImageButton3 {
margin-right: 30px;
}


/* RW 16/03/11 - Override for incorrectly positioned inputs */
#Content .form-submit input {float: none;}