button, a span.button { margin:10px 0px; padding:4px 15px; }
button:hover, a span.button:hover, label:hover { cursor:pointer; cursor:hand; }
a span.button {
	text-decoration:none;
	display:inline-block;
}

/* form defaults */
input, select, textarea, fieldset { border-style:outset; border-width:1px; border-color:silver; margin:0.1em; }
input, select, textarea { font-size:100%; }
input { width:250px; padding:5px; }
input.int { width:120px; padding:5px; }
input.datepicker { width:120px; padding:5px; }
textarea { min-width:350px; width:98%; height:80px; padding:0.5em; }
label, legend { font-size:0.9em; font-weight:bold; }
label { display:block; margin-top:10px; margin-bottom:3px; }
fieldset { margin-top:10px; width:98%; margin-left:0; margin-right:0; padding:0.5em }
legend { padding:0 0.4em; }
fieldset label { display:inline-block; font-size:0.9em; font-weight:normal; padding:0px 15px 0px 5px; margin:0; }


kbd { font-family:helvetica; color:#c40000; font-weight:bold; padding:0 0.3em; }
form kbd { font-size:0.8em; margin-left:5px; color:gray; font-weight:normal; }

label.invalid, legend.invalid { color:red; }
input.invalid, textarea.invalid, fieldset.invalid, select.invalid {
	border-width:2px;
	border-color:red;
}

.inputhint { color:gray; }
.required { color:#c40000; padding-right:20px; background:url(/assets/images/icons/bullet_red.png) no-repeat center right; }

/* two column forms (labels on left) */
form.twocol { border:1px solid #589000; background-color:#f8fff1; margin:0; padding:10px; }
form.twocol h3 { margin:10px 0; padding-left:30px; margin-left:35%; }
form.twocol label { float:left; clear:left; width:35%; padding:10px; padding-right:20px; text-align:right; font-size:1.1em; color:gray; font-weight:normal; }
form.twocol label div { font-size:0.7em; }
form.twocol input[type=text], 
form.twocol input[type=email], 
form.twocol input[type=url], 
form.twocol input[type=password], 
form.twocol input[type=datepicker], /* custom */ 
form.twocol input[type=numeric], /* custom */
form.twocol select,
form.twocol textarea,
form.twocol kbd { float:left; margin:10px 0; padding:10px; }
form.twocol input, form.twocol button { float:left; }
form.twocol select { margin:19px 0; }
form.twocol kbd { margin:12px 0; }
form.twocol label input { float:right; }
form.twocol fieldset { float:left; clear:left; border:none; margin:0; margin-left:35%; padding-left:30px; width:auto; }
form.twocol fieldset input { float:left; margin-bottom:5px; }
form.twocol fieldset label { float:left; clear:none; text-align:left; display:inline-block; font-size:0.8em; font-weight:normal; padding:0 0 0 5px; margin:0 20px 5px 0; width:auto; color:black; }
form.twocol input[type=submit],
form.twocol input[type=button],
form.twocol button { font-size:1.4em; }
form.twocol hr { clear:both; margin:5px; border-color:#589000; }
form.twocol textarea { width:auto; }

#forgotPassword { float:left; clear:left; font-size:0.8em; }
button#autofill { float:right; }

input[type=radio], input[type=checkbox], input[type=file], input[type=submit], input[type=button] { border:none; width:auto; }