@charset "utf-8";
/* CSS Document */


/* ========================== */
/* CSS RESET FROM CONTENT DIV */
/* ========================== */
#content form
{
	text-align: left;
	text-justify:auto;
}

#content form img{
	width:auto;
	max-width:none;
	display:inline-block;
}

#content form ol{
	margin:0;
	padding:0;
	list-style:none;
}


/* ============= */
/* CSS FOR FORMS */
/* ============= */
#content fieldset {
	position: relative;
	margin:2em 0;		/* Legends don't respect parent padding. Plus margins collapse which is nice! */
} 

#content fieldset:first-child {
	margin-top:0;
} 

#content fieldset:last-child{
	margin-bottom:0;
} 

#content legend {	/* Our section header */
	color:#000;
	font-weight: bold;	
	font-size: 120%;
}

#content fieldset legend + ol {	/* Margins on and around legends are igrored so pad here instead */
	padding-top:1em;
} 

#content fieldset ol > li {	/* Add spacing between form elements (but don't affect unordered list elements!) */
	padding:0.5em 0;
}

#content ol > li:first-child:not(.inputError){
	padding-top:0;
} 

#content ol > li:last-child:not(.inputError){
	padding-bottom:0;
} 

#content fieldset ol > li.divideAfter
{
	border-bottom:#F0F0F0 solid 1px;
	padding-bottom:1em;
}

#content fieldset ol > li.divideAfter+li
{
	padding-top:1em;
}

/* ---- IE6 FIX ---- */
.ie6 #content fieldset ol li {	/* Add spacing between form elements... */
	padding:0.5em 0;
} 

.ie6 #content fieldset ol ul li {	/* ... but don't affect unordered list elements! */
	padding:0;
} 
/* ------------------*/

#content fieldset div strong {	/* Used as label headers */
	color:#000;
} 


/* ====================== */
/* SET ELEMENT PROPERTIES */
/* ====================== */
#content label, #content fieldset fieldset p {	/* Use padding and margin here so that text can't reach */
	position: relative;							/* any 'required' elements which in turn don't touch the */
	float: left;								/* right aligned fields */
	width: 40%;
	padding-right: 5%;							/* These two lines will give a 1% */
	margin-right: 1%;							/* margin between any 'required' elements */
}

#content fieldset li span, #content fieldset fieldset ol {
	width: 54%;									/* Use up the space not used by the label */
	min-width:100px;
	display:inline-block;
}

#content input, #content select {	/* CSS reset (bottom aligned) isn't great if labels run over multiple lines, override it! */
	vertical-align:top;
}

/*
#content input.text, #content input.password, 
#content input.radio, #content input.checkbox, 
#content select.select{
	margin:0;
	padding:0;
	position:relative;
}
*/

/* ---- IE6 & 7 FIX ---- */
.ie6 #content input.radio, .ie6 #content input.checkbox, 
.ie7 #content input.radio, .ie7 #content input.checkbox, 
{
	width: 13px;
    height: 13px;
	overflow:hidden;
}
/* -------------------- */

#content input[type='text'], #content input[type='password']{
	width:150px;
	max-width:100%;
}

/* ---- IE6 FIX ---- */
.ie6 #content input.text, .ie6 #content input.password {
	width:150px;
	/* Need max-width implementation for IE6? */
} 
/* ------------------*/

#content li.inputError input[type='text'], 
#content li.inputError input[type='password']{
	max-width:73%;			/* Leave space for 2px border + an error symbol image (which can be no bigger than 18px + 5px padding) */
}

/* ---- IE6 FIX ---- */
.ie6 #content li.inputError input.text, 
.ie6 #content li.inputError input.password {
	/* Need max-width implementation for IE6? */
} 
/* ------------------*/

#content select{
	width:154px;
	max-width:100%;
}

#content li.inputError select{
	max-width:75%;			/* Leave space for 1px border + an error symbol image (which can be no bigger than 18px + 5px padding) */
}

#content textarea{
	width:250px;
	max-width:100%;
}

#content li.inputError textarea{
	max-width:73%;			/* Leave space for 2px border + an error symbol image (which can be no bigger than 18px + 5px padding) */
}

/* ======================== */
/* CSS FOR NESTED FIELDSETS */
/* ======================== */
#content fieldset fieldset {	/* Remove fieldset margins */
	margin:0;
} 

#content fieldset fieldset p {	/* Makeshift labels for selection groups (nested fieldsets) */
	margin-top:0;
	margin-bottom:0;
}

/*
#content fieldset fieldset ol {	/* Shift to the right and remove padding */
/*	margin-left:46%;
	padding-top:0;
}*/

#content fieldset fieldset ol li{	/* Add item spacing */
	padding:0 0 0.25em 0;
}

#content fieldset fieldset ol li.hor {	/* Set up horizontally aligned case */
/*	width:50px;
*/	float:left;
	padding-right:2em;
	padding-bottom:0;
}

#content fieldset fieldset label,
#content fieldset fieldset input.text, 
#content fieldset fieldset input.password, 
#content fieldset fieldset input.radio, 
#content fieldset fieldset input.checkbox, 
#content fieldset fieldset select.select{	/* Set element properties */
	display:inline-block;
	float:none;
	width:auto;
	margin:0 3px;
}

#content fieldset fieldset label{	/* However, swap margin to padding on label elements */
	margin:0;
	padding:0 3px;	
}


/* ========================= */
/* CSS FOR ERRORS & WARNINGS */
/* ========================= */
#content form em.required {		/* Field required indicator */
	position: absolute;
	top: 0;
	left:96%;
	max-width:4%;
	display:block;
}

#content form em.required img{		/* Field required indicator image */
	max-width:100%;
}

#content li.inputError {
    background: #FFEEEE url('../images/overlay.png') left top repeat-x; /* fallback color + image */
	border-top:1px solid #FFDDDD;
	border-bottom:1px solid #FFDDDD;
	margin:0.5em 0;
}

#content li.inputError label strong, #content li.inputError p strong {	/* Error messages */
	display:block;
	color: #C00;
	font-size: 85%;
	font-weight: normal;
	text-transform: uppercase;
	margin-top:0.5em;
}

#content .errorsymbol{	/* Error symbol */
	display:none;
}

#content li.inputError .errorsymbol{	/* Error symbol */
	display:inline-block;
	position:relative;
	max-width:18px;
	margin-left:5px;
	vertical-align:top;
}


/* ============ */
/* STYLE TWEAKS */
/* ============ */

/* ------------------------------- */
/* .tight - Tight fieldset spacing */
#content fieldset.tight {
	margin:1em 0;		/* Tighter spacing */
} 

/* -------------------------------------------- */
/* .minlabel - Smaller allowance for label tags */
#content fieldset.minlabel label, #content fieldset.minlabel fieldset p {
	width: 35%;
}

#content fieldset.minlabel span, #content fieldset.minlabel fieldset ol {
	width: 59%;
}

/*#content fieldset.minlabel fieldset ol {
	margin-left:41%;
}*/