/* HTML Elements */

form {

	margin: .5em 2em;

}

input, select, textarea {

	margin-left: .5em;
	

}


/* /////////////////////////////////////////////////

		Fieldset.section is a special css class for dealing
		with our major sections like "Personal Details",
		"Emergency Contact", etc.  It focuses on the group
		separation and deals with the color of the border,
		the legend, how divs and br are handle. 

////////////////////////////////////////////////// */
fieldset.section {

	margin: 1em 0;

	padding: .3em 1em;

	border: 1px solid #800000;
	
	font-family: Arial;
	
	font-size: 10pt;

}

fieldset.section legend {

	font-family: Arial;
	
	font-weight: bold;

	color: #800000;

	padding: .2em .5em;

	border: 1px solid #800000;

}


label, fieldset.section div.cr p {

	margin: 0;

	display: block;

	width: 13em;

	text-align: left;

	float: left;

}



fieldset.section div.cr label {

	text-align: left;

	margin-left: 13em;

	width: auto;

	float: none;

}

fieldset.section div {

	clear: both;

	margin: .1em 0;

	position: relative;
	
}

fieldset.section div span {

	display: none;

}

fieldset.section div:hover span {

	font-size: 85%;

	color: #c96;

	background-color: #faf0e6;

	margin-left: 20em;

	padding: .2em .5em .3em;

	border: 1px solid #c96;

	display: block;

	position: absolute;

	z-index: 100;

	float: right;

}

html fieldset.section div span {

	font-size: 85%;

	color: #c96;

	margin-left: 16em;

	padding: .3em;

	border-left: 1px solid #c96;

	display: block;

}

/* /////////////////////////////////////////////////

		Fieldset.radio is a special css class for dealing
		with our radio button inputs.  It keeps them lined
		and presentable.

////////////////////////////////////////////////// */
fieldset.radio
{
	clear : both;
	display: block;
	padding: 0 1em 1em 1em;
	border : none;
	width: 25em;
	margin: 1em 0 2em 0;
	float : left;
	margin-bottom : -2em;
	
}

fieldset.radio input
{
	clear: both;
	float: left;
	margin-left: 4em;
	width: 2em;
	position: relative;
	top: -.2em;
	left: 0em;
	display: block;
}



fieldset.radio label
{
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 8em;
	font-weight: bold;
	font-weight: normal;
}

fieldset.radio legend
{
	margin: 0 0 0 -1.6em;
	font-weight: normal;
	font-family: Arial;
	color : black;
	border : none;
	margin-left : -1.5em;
	margin-top : 1em;
}

/* 
****************************************
		Stand alone Classes 

		These classes can be applied to any html
		element to give them the specified property.
		
****************************************
*/

.mandat {

	color: #930 !important;

}

.mandat:after {

	content: "*";

}


.holder {

	color: #930;

}

.holder:after {

	content: " ";

}


.buttons {

	text-align: center;

}



.removed {

	display: none !important;

}

.error_message{
	
	font-family: Arial;
	
	font-weight: bold;

	color: red;
	
}

.error
		{
			background-color:#fcc;
		}

		
.addr
{
	
	text-align: left;
	margin-left: 20em;
	
}

.fourlineinput
{
	top: 0em !important;
}

.fourlinelabel
{
	top: -4.5em !important;
}

.twolineinput
{
	top: -.1em !important;
}

.twolinelabel
{
	top: -2.25em !important;
}