/*
	Additional stylesheet rules for the CFRS Christmas 2008 Fire Safety Quizzes
	J Thompson 2008-10-22
*/

div#content .back_buttons {
	list-style-position: outside;
	margin: 1em 0 0 20px;
	padding: 0;
	list-style-image: url(http://www.cambsfire.gov.uk/images/style/back-button_red.png);
}
div#content .back_buttons li {
	margin: 0;
	padding: 0;
}

div#maincontentofpage {
	margin-top: 1em;
}

div#maincontentofpage abbr, div#maincontentofpage acronym {
	border: 0;
}

/* Unifies browser defaults */
div#maincontentofpage ol,
div#maincontentofpage ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}


/* TOP MESSAGES */

div#maincontentofpage div#header_msg_box div.error_box {
	padding: 0 10px 10px 0;
	border: 1px solid red;
	background: transparent url(../../../_images/icon_error_large_whiteBG.png) scroll no-repeat 10px center;
}
div#maincontentofpage div#header_msg_box div.error_box p {
	padding-left: 48px;
}

/* div#container_complete_ok contains our "thank you" message on successful completion & submission of the form:- */
div#maincontentofpage div#header_msg_box div#container_complete_ok h4 {
	margin-top: 1.8em;
	color: #0055cc;
}
div#maincontentofpage div#header_msg_box div#container_complete_ok ol {
	margin: 1em 0 1em 3em;
	list-style-position: outside;
	list-style-type: upper-alpha; /* IE does not understand 'upper-latin', but upper-alpha is cross-browser :-) */
	line-height: 1.5em;
}
div#maincontentofpage div#header_msg_box div#container_complete_ok p {
	margin-bottom: 1em;
}


/* FORM ELEMENTS */
div#maincontentofpage fieldset {
	border: 1px solid #ff8888;
	margin: 2em 0 2em 0;
	padding: 0 0.5em;
	/* Be VERY careful to not conflict margin and padding here! */
}

div#maincontentofpage fieldset legend {
	font-weight: bold;
	margin: 0 1ex 0 1ex;
}

div#maincontentofpage fieldset legend span { /* stops the fieldset's border getting too close to the legend text */
	padding: 0 1ex;
}

div#maincontentofpage fieldset ol,
div#maincontentofpage fieldset ul {
	margin-left: 2em;
	list-style-position: outside;
}

* html div#maincontentofpage fieldset ol,
* html div#maincontentofpage fieldset ul { /* IE thinks 2em is 1em... */
	margin-left: 3em;
}

div#maincontentofpage fieldset li {
	padding: 1em 1em 1em 0;
	margin: 0;
	line-height: 1.7em;
}
* html div#maincontentofpage fieldset li { /* this fix is probably related to the "* html" rule for ol/ul elements just above. */
	padding-left: 0;
}

div#maincontentofpage fieldset p {
	/* be careful to not combine padding and margins here:- */
	margin:  0   1em 1em 1em;
	padding: 1em 0   0   0;
	clear: left; /* Because some labels are float-ed left */
}

div#maincontentofpage fieldset label {
	vertical-align: top;
	float: left;
	width: 150px;
}

div#maincontentofpage fieldset input, div#maincontentofpage fieldset textarea, div#maincontentofpage fieldset option {
	padding: 3px;
}
div#maincontentofpage fieldset textarea {
	font-family: arial, helvetic, sans-serif;
}
div#maincontentofpage fieldset p span.form_help {
	display: block;
	margin: 5px 0 0 150px;
	color: #222222;
}


div#maincontentofpage .required { /* used purely inside the <label> elements, for this CSS colouring AND also some JavaScript control */
	color: #ff0000;
}
div#maincontentofpage span.requiredNotice { /* used purely in the message about required fields */
	color: #ff0000;
}

div#maincontentofpage fieldset.form_controls input.submitbutton { /* this input element's class-identifier fixes a bug in IE where the 'hidden' but adjacent input element was affecting the position of the submit button. */
	margin: 1em;
}



/* ERROR and OK boxes (within the fieldsets only). */
div#maincontentofpage fieldset div.error_box {
	background-color: #ffccaa;
	margin: 0 0 1em 0;
}
div#maincontentofpage fieldset div.error_box ol, 
div#maincontentofpage fieldset div.error_box ul {
	padding: 0.5em;
	list-style-image: url(../../../_images/icon_error_small_transBG.gif);
}
* html div#maincontentofpage fieldset div.error_box ol, 
* html div#maincontentofpage fieldset div.error_box ul {
	margin-left: 1.7em; /* Need for this fix si the same as that for the main ol/ul fix near the top of this file */
}
div#maincontentofpage fieldset div.error_box li {
	padding: 0;
	list-style-image: url(../../../_images/icon_error_small_transBG.gif);
	line-height: 1.2em;
}
div#maincontentofpage fieldset div.ok_box {
	background-color: #ccffaa;
	padding: 5px;
}
div#maincontentofpage fieldset div.ok_box p {
	background: transparent url(../../../_images/icon_ok_small_greenBG.png) scroll no-repeat top left;
	padding-left: 18px;
	margin: 0;
}
div#maincontentofpage fieldset span.field_error {
	display: block;
	color: red;
}