/*http://dynamicdrive.com/style/csslibrary/item/css-tableless-form/*/

/*--------------[ VALIDATION ]--*/
.jsvalidation, #jsvalidation {
	display:block !important;
	font-weight: bold;
	color:#E86060;
	padding-left:15px;
	background:url(../images/form-error.png) left center no-repeat;
	}

/*--------------[ FORM ]--*/
.cssform p{
width: 380px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #D1D1D1;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
color:#848484;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
padding:3px;
}

.cssform textarea{
/*width: 100%;
height: 150px;*/
padding:4px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
} 

/*textarea { overflow:auto; }*/ /*Remove vertical textarea scrollbar in IE */

.cssform .label{
font-weight: bold; 
color:#848484;
}

/*--------------[ LARGE FONT ]--*/
.cssform p.none{
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing label*/
border-top: 1px dashed #5C5C5C;
height: 1%;
}
 
#p-large {
padding-top: 20px;
}

#large{
font-size:150%;
color:#898989;
}

/*--------------[ HOVER EFFECT ]--*/
OPTION      { color: #A4B3DC; border: 0px solid #CECECE;  background-color: #FFF;}
input,       select,       textarea       { color: #A4B3DC; border: 1px solid #CECECE;  background-color: #FFF;}
input:focus, select:focus, textarea:focus { color: #5772BF; border: 1px solid #BAC6E8;  background-color: #FFF;}
input:hover, select:hover, textarea:hover { color: #5772BF; border: 1px solid #BAC6E8;  background-color: #F7F7F7; }

/*--------------[ SUBMIT BUTTON ]--*/
input[type="submit"] {
    font-size:200%;
	padding:10px;
}

.submit {
    font-size:200%;
	padding:10px;
}

.submit:hover {
	color: #5772BF;
	border: 1px solid #8FA1D5;
	background-color: #F6F6F6;
}

input[type="submit"]:hover {
	color: #5772BF;
	border: 1px solid #8FA1D5;
	background-color: #F6F6F6;
}

/*--------------[ ROUND CORNERS ]--*/
input, textarea      { -moz-border-radius: 4px 4px 4px 4px !important; }
input[type="button"] { -moz-border-radius:15px }
input[type="submit"] { -moz-border-radius:15px }
input[type="submit"] { -moz-border-radius:15px; border: 1px solid #BAC6E8; }