/* -------------------------------------------------------------- 
  
   CSS Framework
   Web Design & Development by Studio 24 Ltd
   www.studio24.net - (0870) 241 6159
   
   * Form Styles *
      
   This is the form CSS-file for the framework.
   Include this in the layout.css file.
   
-------------------------------------------------------------- */

/* =DEFAULT-FORM-STYLES
----------------------------------------------- */

form.default-form {

}

form.default-form fieldset {	
	margin: 1em 0 0 0;
	padding: 0;
	border: none;
	border-bottom: 1px solid #EEE;
}

form.default-form fieldset.actions {
	border: none;
}

form.default-form legend {

	list-style-type: none;
	font-weight: bold;
	padding: 0 0 0.5em 0;
}

form.default-form p {

}

form.default-form div {
	display: block;
	width: 100%;
	float: left;
	list-style-type: none;
	padding: 0.5em 0 0.5em 0;
	border-top: 1px solid #EEE;
}

form.default-form div.alt {
	background: #edf3fe;
}

form.default-form label {
	line-height: normal;
	position: relative;
	top: 0.15em;
	padding: 0 0 0 1em;
	width: 15em;
	float: left;
}

form.default-form label span {
	position: absolute;
	right: 0.5em;
	color: red;
	font-weight: bold;
}

form.default-form .radio, form.default-form .checkbox {
	position: relative;
	top: 0.2em;
	float: left;
	margin: 0 0.5em 0 0.5em;
	width: auto;
}

form.default-form #day, form.default-form #month, form.default-form #year {
	position: relative;
	top: 0;
	width: 4.8em;
}

form.default-form fieldset.actions div {
	border: none;
}

form.default-form fieldset.actions #submit {
	margin-left: 15em;
}

form.default-form fieldset.actions p {
	font-size: 80%;
	line-height: normal;
	display: inline;
}

form.default-form #button-next {
	width: auto;
}

form.default-form input, form.default-form textarea, form.default-form select {
	width: 15em;	
}

form.default-form .error {
	border: 1px solid red;
	background: #FFCCCC;
}

/* =ERROR MESSAGES
----------------------------------------------- */

div#error, div#message {
	padding: 8px 0 0 20px;
	margin: 1em 0 1em 0;
}

div#error {
	border: 1px solid red;
	background: #FFCCCC no-repeat 10px 10px;
}

div#message {
    border: 1px solid #000080;
	background: #edf3fe no-repeat 10px 10px;
}