form {
  margin: 0;
  padding: 0;
  padding-left:20px;
}
p {
  margin-left: 0px;
}
fieldset {
  width: inherit;
  font-family: Arial;
  margin: 14px 20px 0px 0px;
  border: 0px;
  padding: 0px; 
  display: block;
  position: relative;
  border-top: 1px solid #aaa;
  font-size: 1em;
}
fieldset.first {
  margin: 0px 20px 0px 0px;
}
/*
 Set negative margin to remove horizontal
 rule to the left
*/
fieldset legend {
  color: #9c3;
  margin: 0px 0px 0px -5px;
  padding: 18px 18px 18px 18px;
  font-size: 1.5em;
  font-weight: bold;
}
/* 
 First legend has less padding on top and bottom
*/
fieldset.first legend {
  padding: 13px 18px 13px 18px;
}
label {
  display: block;
  line-height: 20px;
  min-height: 24px;
  float: left;
  width: 177px;
  padding: 0px;
  padding-left: 10px;
  margin: 0px 12px 10px 12px;
  text-align: right;
}

label span {
  font-size: 1em;
}

label.leftLbl {
  float: left;
  line-height: 20px;
  display: block;
  width: auto;
  height: 20px;
  padding: 0px;
  margin: 0px 12px 0px 12px;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

/* 
 Labels for elements on the RHS of the form
 have a margin left to start on the right
*/ 
label.rightLbl {
  float: none;
  line-height: 20px;
  display: block;
  width: auto;
  height: 20px;
  padding: 0px;
  left: 215px;
  clear: left;
  top: -32px;
  position: relative;
  margin: 2px 215px 5px 0px;
  text-align: left;
}
/* 
 Labels for elements spanning the whole of
 the form such as t&c's
*/
label.fullLbl {
  float: none;
  line-height: 20px;
  display: block;
  width: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  text-align: left;
}
label.hidden-label {
  display: none;
}
input, select, textarea {
  display: block;
  vertical-align: middle;
  float: left;
  width: 255px;
  margin: 0px 0px 15px 10px;
}
input.box {
  float: left;
  line-height: 17px;
  max-height: 21px;
  min-height: 17px;
  padding-left: 2px;
  border: 1px solid #999;
}
select {
  width: auto;
  height: 21px;
  border: 1px solid #999;
}
textarea {
  height: auto;
  border: 1px solid #999;
}

input.rightInput {
  display: inline;
  float: none;
  height: auto;
  width: auto;
  padding: 0px;
  margin: 0px 5px 0px 5px;
}
div.required {
  clear: both;
  margin: 0px;
  width: auto;
  padding: 0px 12px 0px 0px;
}
div.comment {
  width: auto;
  margin-left: 20px;
  margin-right: -10px;
  line-height: 17px;
}
div.comment p {
  line-height: 17px;
}
div.comment p {
  font-size: 1em;
}

/*
 Generic Buttons 
*/

input.submit {
  width:99px;
  height:34px;
}
input.select {
  clear: left;
  width:91px;
  height:25px;
}
input.close {
  clear: left;
  width:91px;
  height:25px;
}

/*
 By default we hide these buttons and let JS
 show them for JS version
*/
input.enter_to_address, input.enter_from_address {
  display: none;
}

a.show_popup_help {
  font-size: 0.9em;
  padding-top: 5px;
  margin-left: 5px;
}
div.help_popup {
  display: none;
  width: 467px;
  font-family: Arial;
  height: 162px;
  margin: 0px;
  z-index:100000;
  background-image: url(/customerservices/images/popup.gif);
  position: absolute;
}
div.help_popup_content {
  margin: 29px;
}
div.help_popup p {
  font-size: 0.8em;
  margin: 10px 0px 10px 0px;
}
div.help_popup h1 {
  color: black;
  font-weight: bold;
  font-size:22px;
}
/*
 Errors
*/
div.rightText {
  margin: 0px 0px 0px 220px;
  padding-top: 10px;
  text-align: left;
}
div.rightCommentText {
  margin: 0px 0px 0px 220px;
  padding-top: 10px;
  text-align: left;
}
div.error {
  display: block;
  display: none;
  color: red;
  float: none;
  clear: left;
  margin: 0px;
  padding: 0px;
  padding-left: 0px;
  font-size: 0.9em;
  font-weight: bold;
}
div.visible_error {
  color: red;
  clear: left;
  margin: 0px;
  padding: 0px;
  padding-left: 0px;
  font-size: 0.95em;
  font-weight: bold;
}
/*
 Need to set margin to bring radio groups higher up
 the form than is default.
*/
.p {
  width:100%;
}
.popup {
  background-color: white;
  padding:5px;
  margin-left:10px;
  margin-right:10px;
}

/*This is for the next button used on our forms*/
#next_step {
	width:100%;
	float: left;
	height: 25px;
	margin: 0px;
	padding: 0px;
}
input.nextBtn {
	margin: 0px;
	margin-top: 13px;
	margin-right: 13px;
	float: right;
	width: 91px;
	height: 25px;
}
input.prevBtn {
	margin: 0px;
	margin-top: 13px;
	margin-left: 13px;
	width: 91px;
	height: 25px;
}

/*This controlls the postcode button*/
input.get_address {
	display: block;
	width: 95px;
	height: 22px;
	border: 0px;
	margin: 0px 0px 0px 15px;
}
input.revised_bill {
	float:left;
}
input#postcode, input.daytime, input.mobile, input.meter_reading, input.account_number, input.economy7_day_meter_reading, input.economy7_night_meter_reading, input#telephone{
	width: 144px;
}
/* 
 Rounded corners using sprite
*/
div.vertical_border {
	line-height:14px;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
div.t {
	line-height:5px;
	border-top:1px solid #999;
	margin-bottom:5px;
	margin-right:5px;
	margin-left:5px;	
}
div.b {
	line-height:5px;
	border-bottom:1px solid #999;
	margin-top:-1px;
}
div.tl {
	position:absolute;
	width: 8px;
	height: 8px;
	overflow: hidden;
	background: url(/extension/greenbird-design/design/greenbird-design/images/corners.gif) 0px 0px no-repeat;
}
div.tr {
	float: right;
	height: 8px;
	width: 8px;
	overflow: hidden;
	background: url(/extension/greenbird-design/design/greenbird-design/images/corners.gif) 2px -12px no-repeat;
}
div.bl {
	height: 9px;
	width: 8px;
	margin-top: -4px;
	overflow: hidden;
	background: url(/extension/greenbird-design/design/greenbird-design/images/corners.gif) -2px -48px no-repeat;
}
div.br {
	height: 9px;
	width: 8px;
	float:right;
	margin-top: -4px;
	overflow: hidden;
	background: url(/extension/greenbird-design/design/greenbird-design/images/corners.gif) 4px -31px no-repeat;
}
/* We need to override the rounded corner CSS for the grey box at bottom of form */
div#grey_bottom_rounded_wrapper div.br {
 	margin-top: 0px;
}
div#grey_bottom_rounded_wrapper div.bl {
 	margin-top: 0px;
}
div#grey_bottom_rounded_wrapper div.b {
        margin-top: -1px;
}
/*this declares a grey box at the bottom of a form note //ensure that this div is placed outside of the closing fieldset//*/
#grey_bottom_outer {
        position:relative;
        z-index: 1;
        margin: 0px;
        padding: 0px;
        bottom: -3px;
        height: 47px;
        margin-top: -3px;
        border-top: 1px solid #999;
        background-color: #ededed;
        clear: both;
}
div#grey_bottom_rounded_wrapper {
        background-color: #ededed;
        height: 8px;
}

div.block label {
	top: -23px;
	position: relative;
	text-align: left;
	margin-left: 210px;
	width: 300px;
}
div.block input {
	margin: 3px 10px 0px 0px;
	padding: 0px;
	width: auto;
}
div.block label:first-child {
	text-align: right;
	width: 190px;
	margin: 0px;
	top: 0px;
}
select {
	display: block;
	margin-right: 200px;
	clear: right;
}