/***** Description: These classes define styles for input boxes *****/
.input_box 
{
	border:1px solid #999;
}

.input_box:hover 
{
	border:1px solid #000;
	background-color:#f3f3f3;
	color: inherit;
}

.input_box:focus 
{
	border:1px solid #000;
	background-color:#f3f3f3;
	color: inherit;
}

/***** Description: These classes define styles for inputs *****/
.input 
{
	background-color:#eee;
	color: inherit;
	border:1px solid #666;
}

.input:hover
{
	background-color:#f3f3f3;
	color: inherit;
}

input, textarea, select
{
	font-size: 100%;
	font-family: Arial, Sans-Serif;
}
/****************************************************************/


.form_highlight
{
	color:#CE0000;
	background-color:#FFF7D7;
	border-top:2px solid #FFE67D;
	border-bottom:2px solid #FFE67D;
	padding:0.7em;
	width:20em;
}

/***** Description: These classes define styles for error *****/
/***** messages with regards to incorrect/invalid user input *****/
.alert_box
{
	background-color:#FFF7D7;
	color: inherit;
	border-top:2px solid #FFE67D;
	border-bottom:2px solid #FFE67D;
	padding:0.7em;
	width:30em;
	margin:0.5em 0 0.5em 0;
}

.alert_box li 
{
	color:#CE0000;
	background-color: inherit;
}

/***** Description: This class specifies the colour of compulsory *****/
/***** items. *****/
.compulsory
{
	color:#CE0000;
	background-color: inherit;
}

/***** Description: Fieldsets *****/
fieldset
{
	border:1px solid #d6d6d6; 
	padding:1em 1em 1em 2em;
}

legend
{
	font-size:1.2em; 
	color:#5b5b5b;
	background-color: inherit;
	font-weight:bold;
	padding:0.3em;
}

/***** Description: This class adds margin to the forms *****/
form 
{
	margin-left:0.5em;
}