/* 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 .buttonTiny { background-image: url(/wres/buttons/button-tiny.gif); width: 50px; }
#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 .buttonGiant { background-image: url(/wres/buttons/button-giant.gif); width: 230px; }
#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; }
#tContent .buttonGiantDisabled { background: #888 url(/wres/buttons/button-giant-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 .2em; clear: both; }
fieldset.radioButtonList input { margin: 0 .5em 0 0; }
fieldset.radioButtonList legend {float:none; font-weight: normal; display: block; }
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; clear: left; }

/* 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 using 3 dropdowns */
.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: -10px; margin-bottom: -20px; }

/* Personal details */
.nameInitials, .nameSuffix, .phoneFragment { width: 5em; }

.nameTitle { float: right; width: 65%; }

/* CitizenDetails address-finder */
.addressControl legend { float: none; }
.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; }

/* But .postcode is used more widely, and it doesn't always need to be floated */
.navbar .postcode { float: none; }

#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; }

/* Small search form with button inside single row */
#tContent .searchBox .formControl select { width: auto; }
#tContent .searchBox .formControl .postcode { float: none; margin: 0; }
#tContent .searchBox .formControl .button { margin: 0 0 0 5px; }


/* If a dropdown has too much data, stop it extending beyond its containing box. max-width doesn't work (Firefox 3.6 and Chrome 13) */
select.too-wide { width: 100%; }