/* Some styles for the forms and validation and stuff */

form {
	background: transparent;
	margin:0px;
}

fieldset {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 20px;
	margin:0px;
}


form .validParent {
    background: url('/images/icon_ok.gif') no-repeat 158px 2px;
}

form .valid {
    background: #ffffff;
}

form .emailVerifyingParent {
    background: url('/images/icon_question.gif') no-repeat 158px 2px;
}

form .invalid {
    /*
	border: 1px solid red;
	*/
}

form .invalidParent {
    background: url('/images/icon_inuse.gif') no-repeat 158px 2px;
}

form dl {
	margin: 0px;
	padding-bottom: 40px;
	
}

form dt {
	float: left;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 150px;
}

form dt.tall {
	height: 80px;
}

form dt.wide {
	width: 500px;
}

form dd {
	margin: 0px;
	margin-left: 175px;
	padding-bottom: 15px;
}

form ul {
	list-style: none;
	margin:0px;
	padding:0px;
}

form li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
}

form em.error {
	background: url("/images/icon_close.gif") no-repeat 0px 0px;
	padding-left: 20px;
}

form em.success {
	background: url("/images/icon_check.gif") no-repeat 0px 0px;
	padding-left: 20px;
}

form dd.error_message {
	margin-left: 180px;
}

form input.button {
	padding: 5px;
}


form div.row{margin:0 0 8px 0;}
form div.row label{width:120px;display:block;float:left;}
form div.row input.text{width:160px;display:block;float:left;border:1px solid #cccccc;padding:2px;}
form div.row input.text-tiny{width:25px;}
form div.row input.submit{margin-left:120px;border:1px solid #cccccc;padding:5px;}
	form div.row input.submit:hover{background-color:#e0e0e0;cursor:pointer;}

form ul.error{margin-bottom:15px;}
form ul.error li{display:block;color:darkred;width:100%;}