/*
	form.css
	This is for the standard form.
	Here's how its laid out:
	|-----  Label:95px  ------| |- Star:5px -| |--------------------- Input: 185px ------------------|
	
	You can align the submit button and/or error message left or right using the align<Dir>WithFields styles. 
	
	Edit History:
		10/01/08: Roberta
		    Updated to be overall form stylesheet
*/

form {
/*	width: 290px;
	font-size:11px;*/
	padding:0;
	margin:0;
	clear:right;
}
form p {
	clear:both;
	margin:0 0 5px 0;
	padding:0;
}


/*
 General styles
*/
.alignRightWithFields {
	font-size:10px;
	text-align:right;
	margin:auto 5px auto auto;
}
.alignCenterWithFields {
	font-size:10px;
	text-align:right;
	margin:auto 15px auto auto;
}
.alignLeftWithFields {
	text-align:left;
	margin-left:95px;
}

/* 
 Styles for highlighting errors.
*/
#formHead {
	font-size:10px;
	text-align:left;
	margin:5px 0 5px 95px;
	width:125px;
}
#errorMessage {
	color:#f00;
	font-weight:bold;
	padding:5px; 
	margin:5px; 
	border:1px solid #f00;
	text-align:center;
	visibility: hidden;
}
.error {
	visibility:hidden;
	border:none;
	font-size:10px;
	padding:0;
	margin:0 0 3px 0;
	text-align:left;
	color:#ff0000;
}
/*#errorMessage {
	border: 1px solid red;
	color: red;
	font-weight: bold;
	padding: 5px;
	margin:10px 0 0 95px;
	width: 150px;
	visibility: hidden;
}*/
.region {
	display:none;
	visibility:hidden;
}
.showregion {
	display:block;
}

form .hint {
	display:block;
	font-size:10px;
	/*color:#ff0000;*/
	color:red;
	visibility:hidden;
	padding:0;
	margin:0;
	font-style:italic;
}
/* 
 Styles for fields 
*/
.star {
	color: #ff0000;
	font-size: 10px;
	font-weight: bold;
}

.required { /*got to have this placeholder so that it can be set in formCheck.js */
}
.notrequired {
	color:#aaaaaa;
}

/*form label {
	display:inline;
	width: 90px;
	float: left;
	padding: 0px;
	font-size: 11px;
	color:#545454;
	text-align:right;
	padding-right:5px;
}*/

form label.requiredField {
	color: #545454;
}
input.hidden {
	display: none;
}
/*form input {
	
	font-size:10px;
	width:185px;
}
form input.checkbox {
	width:20px;
}

form textarea {

	font-size:10px;
	width:185px;
}
form select {
	font-family:Arial, Helvetica, sans-serif;
	width:185px;
	background-color:#dddddd;
	color:#545454;
	font-size:10px;
}*/
form .radioButtons {
	margin-bottom:10px;
	float:left;
	width:280px;
}
form .radioButtonLine {
	display:block; 
	clear:left;
}
form .radioType {
	width:15px;
	height:15px;
	padding:0;
	margin:0;
	float:left;
}
form .radioLabel {
	padding:0;
	margin:0 5px;
	float:left;
}
/*form .radioLabelLine {
	padding:0;
	margin:0 5px;
	clear:left;
}*/
#submitBtn {
	clear:left;
	/*width:185px;*/
}
#submitBtn img {
	border:0;
}
.submitLeft{
	float:left;
	width:200px;
}
.submitRight {
	float:right;
	width:400px;
}
.formContainer {
    float:left;
}
.floatLeft {
	float:left;
}
#join {
	font-size:10px;
}
#join input {
	font-size:10px;
}