/* CSS Document */
/*Styles used on pages with forms */

input, textarea, select, button, option
{
	font-family:Arial, helvetica,sans Sans-Serif;
	font-size:1em;
	border:1px solid #666666;
}

.formRow {
	clear:both;
	padding-bottom:.5em;
	width:100%;
}

.dataRow {
	clear:both;
	padding-bottom:.5em;
	width:100%;
}


.label {
	font-weight:bolder;
	width:150px;
	float:left;
	text-align:right;
	padding-right:1em;
}

.formLabel {
	font-weight:bolder;
	width:150px;
	float:left;
	text-align:right;
	padding-right:1em;
}

.formHint {
	display:block;
	font-size:small;
	font-style:italic;
	padding-left:150px;
}

.smallbox {
	width:100px;
}

.mediumbox {
	width:200px;
}

.largebox {
	width:300px;
}

.verylargebox {
	width:450px;
}

.verysmallbox {
	width:60px;
}

.buttonRow {
	clear:both;
	text-align:center;
	padding:1em;
}

.reqElem 
{
	border:1px solid red;
}

.smallText 
{
	font-size:smaller;
}

.formDirections {
	font-size:smaller;
	font-style:italic;
	padding:1em;
	padding-bottom:0;
}

.form {
	background-color:#eeeeee;
	font-size:smaller;
	border:1px solid black;
	margin:1em;
	padding:.5em;
	clear:both; 
}