/* Fieldsets */
fieldset { width: 97%; margin: .5em 0; padding: .3em; border: #ccc solid 1px; }
.formBox fieldset { border: 0 solid #ffb; padding: 0; }
fieldset.disabled, fieldset.disabled legend, fieldset.disabled a:link, fieldset.disabled a:visited { background: #fff; color: #999; }

/* Legends */
legend { color: #003190; font-weight: bold; padding: 0; margin: .2em .2em;}
fieldset fieldset legend { color: #36c; }
.formBox legend {  color: #000; float: left; font-weight: normal;}

legend.longQuestion { font-weight: normal; } /* Question allowed width of form - obsolete? */
fieldset.logicalSet legend { position: absolute; top: -10000px; left: -10000px; }

/* Containing box */
html body .formBox { background-color: #ffb; color: #000; overflow: hidden; margin: .5em 0; width: 100%; }
.formBox p { margin: 1em .5em; }
.formBox ul {list-style-type: none;}
.formBox > div > div > div { overflow: hidden; }

/*FormPartAddress - this is needed to fix the problem with duplication of text between 2 input controls inside a formpart (margin is problem must be 0)*/
.formPartAddress { float: left; width: 97%; margin: 0; padding-left:.2em; }

/* FormPart */
.formPart { float: left; width: 97%; margin: .3em .2em; padding-left:.2em; }
p.formPart { margin-left: .2em; }
fieldset.formPart { margin-left: .5em; } 

/* FormLabel */
.formLabel { float: left; width: 32%; margin: .2em 0 0 0; font-weight: normal; }
legend.formLabel { display: inline; margin: 0; width: 30%; padding: 0; }

/* FormControl */
.formControl { float: right;  width:65%; }
.formControlShort {width:10%; }

div.formControl { width: 65.8%; }
span.formControl { margin-top: .2em; }

/* Buttons */
.formButtons { border: none; text-align: right; padding: .5em .2em; }
.formButtons input, .formButtons img { margin-left: .5em; }
.formButton { float: right; margin: .5em 0; }

#tContent .button { background: #006 url(/wres/buttons/button.gif) no-repeat; color: #fff; font: bold .9em Arial, Helvetica, sans-serif; padding: 3px; border: 0; height: 22px; width: 90px; margin-top:.5em;  }
#tContent .buttonBig { background-image: url(/wres/buttons/button-big.gif); width: 145px; }
#tContent .buttonBigger { background-image: url(/wres/buttons/button-bigger.gif); width: 190px; }
#tContent .buttonDisabled { background: #888 url(/wres/buttons/button-disabled.gif) no-repeat; }
#tContent .buttonBigDisabled { background: #888 url(/wres/buttons/button-big-disabled.gif) no-repeat; }
#tContent .buttonBiggerDisabled { background: #888 url(/wres/buttons/button-bigger-disabled.gif) no-repeat; }

.reverseButtons input, .reverseButtons span, .reverseButtons form { float: right; margin-left: .9em; }
.addressButton { margin: 0.5em 0;  }

/* Links that look like buttons */
#tContent .buttonLink { float: left; font-size: 0.9em; background: #003264 url(/wres/buttons/button-biggest.gif) no-repeat; color: #fff; font-weight: bold; border-width: 1px; text-align: center; margin-top: 6px; }
#tContent .buttonLink a:link, #tContent .buttonLink a:visited { color: #fff; text-decoration: none; display: block; padding: 4px .5em 3px; background: url(/wres/buttons/right.gif) no-repeat top right; }
#tContent .buttonLinkDisabled { background: #ccc url(/wres/buttons/button-biggest-disabled.gif) no-repeat; }
#tContent .buttonLinkDisabled span { background: url(/wres/buttons/right-disabled.gif) no-repeat top right; display: block; padding: 4px .5em 3px; }
#tContent .formButtons .buttonLink { float: right; margin-left: 5px; }

/* Dropdowns */
.formPart select { width: 65.5%; }
optgroup { font-style: normal; padding-bottom: .5em; color: #003190; }
optgroup option { color: #000; }

/* Checkbox */
.checkboxFormPart { margin: .3em .5em; }
.checkboxFormPart .formControl { width: 100%; float: none; }
.checkboxAligned { margin-left: 32%; } /* align with controls */

.checkboxlongtext
{
display:block;
padding-bottom:1em;


}

/* Two columns of checkboxes */
.checkboxAlt1 { float: left; clear: left; width: 49%; margin: .1em 0; white-space: nowrap; }
.checkboxAlt2 { float: left; margin: .1em 0; white-space: nowrap; }

/* Textarea */
textarea { height: 5em; }
.formControl textarea { width: 97%; margin: 0 0 0 .15em; }

.textFormPart { clear: both; display: block; margin: .5em .8em .5em .5em; }
.textFormPart textarea { display: block; margin: .5em 0; width: 435px; } /* absolute width fixes IE bug */
.formBox .textFormPart input { display: block; margin: .4em 0 0 0; width: 100%; }

/* Multi-field questions */
.radioButtonList { line-height: 150%; }
.radioButtonList .textFormPart, .textBoxList .textFormPart { margin: .5em .5em .5em 1.5em; }
.radioButtonList .textFormPart textarea, .textBoxList .textFormPart textarea { width: 422px; } /* absolute width fixes IE bug */

/* Multi-field questions with question on left */
div.radioButtonList, span.radioButtonList { width: 67%; }
div.radioButtonList input, span.radioButtonList input { float:left; margin-right: .5em; }
div.radioButtonList label, span.radioButtonList label { display: block; margin-bottom: .5em; }

/* Multi-field questions with question above */
fieldset.radioButtonList, fieldset.textBoxList  { margin: 1em .5em; clear: both; }
fieldset.radioButtonList input { margin: 0 .5em 0 1em; }
fieldset.radioButtonList legend, fieldset.textBoxList legend { font-weight: normal; display: block; float: none; }

body fieldset.radioButtonSeries
{
	
	padding-bottom:1em ;
}

.radioButtonLongList input { display: block; }

ul.radioButtonList { margin: 1em .2em; clear: both; } /* Should be consistent with .radioButtonList above */
ul.radioButtonList li { list-style-type: none; }

/* RadioButton controls */
.radioButtons input { float:left; margin-right: .5em; }
.radioButtons label { display: block; margin-bottom: .5em; }
.or { font-weight: bold; font-size: 1.2em; display: block; margin: .5em .2em; }

/* Indent to suggest dependence */
.dependentFields { margin-left: 26px; width: 90%; }
.dependentFields input { display: inline; }

/* Placement of individual fields */
.inlineFields select { margin: 0 .5em; }
input[type=file] { position: relative; left: -5px; }

/* Validation */
.validationSummary, .warning { color: #c00; }
.requiredField { color: #c00; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; padding-left: .2em; }

.schoolwarning { font-weight:bold; color:#c00; }

 /* Data protection */
.dataProtection { margin: 2em 0 0; }
.dataProtection img { float: left; }
.dataProtection p { margin-left: 15%; }

/* Date controls */
.dateControl label { position: absolute; left: -10000px; top: -10000px; }
body form .dateControl select { width: auto; }
.formLabelDate { float: left; width: 35%; margin: .2em 0 0 0; font-weight: normal; } /* Added 12/08/2005 formLabelDate width from 32 to 35 %*/
.dateControl { position:relative; top:-25px; margin-bottom:-20px; }

/* Personal details */
.nameInitials, .nameSuffix, .phoneFragment { width: 5em; }

.nameTitle {float: right;  width:65%;}

/* CitizenDetails address-finder */
.postcodePart input, input.postcode { width: 8em; }
.postcodePart .formButtons input { width: auto; }
.postcodePart a { margin: 0 1em; }

.addressNotListed { margin: 0 .2em; }

.postcode{float: left;width:25%;margin-left:.2em;}
#postcodebox { border:solid 1px #000; float: left; width: 98%; padding:.2em .2em .2em .2em;}

#tContent .formPart select.listbox { width:99%; height: 8em; } /*Added 30/11/2005 Fix for address listbox used 99% width to fix IE 5.5 bug as 100% width spills outside formbox */

/* Eforms system */
body .formAnswer
{


border:solid 1px #bbb;
width:50% ;

padding-left:10%;
display:block;

}

.AnswerLabel {padding-left: 1em; }

 .upText
{
position:relative;
top:-25px;
left:-10px;

}

#tContent .formPart span .spaceDeclaration {margin: 0 .2em 1em;}

.removeSpace{margin-bottom:0;}

/* Eforms fixes after SC review 16/9/2005 */
.WideText {margin : .9em;width:95%;}
.ExtraWideText {margin : .9em;width:95%; height:10em;}

/* Unknown */
 .list{list-style-type: none;}
#searchCtrl_hidden { display: none; }
.formRank {padding:0 15em;}

/*.checkboxList span
{
	float:right; width:96%;
}*/

.radiobuttonalignright
{
	margin-left:150px;
}
ol{padding:0; margin-left:2em;}

/*New address styles for temporary eforms address fix davidh 24/08/2007*/


.addressList {
line-height:250%;
}

.addressList label{}


div.addressList input, span.addressList input {
float:left;
margin-right:0.5em;
}
div.addressList label, span.addressList label {
display:block;
margin-bottom:0.5em;
}
fieldset.addressList, fieldset.textBoxList {
clear:both;
margin:1em 0.5em;
}
fieldset.addressList input {
margin:-18pt 0.1em 0pt 1em; 
}
fieldset.addressList legend {
display:block;
float:none;
font-weight:normal;
}
body .questionText
{
	font-weight:bold !important;
}

div .dateControl{margin-top:5px;}
div .wrapDate{position:relative; top:0px;}


/* added 24/02/09 JMX */

table.Likert {margin-left:1.5em;}
.Likert th{	width:5em; vertical-align:top;}
td.longquestion {padding: 2em 0 0 0;}
table.Q2table {margin-left:1.5em;}



/***********************/