/*---
Written By: Adam Deutschmann
Last Modified: Aug 2, 2009
Description: This file contains CSS styling for forms & form elements
---*/
form fieldset {
	position:relative;
	margin: 20px 0px 20px 0px;
	padding: 18px 12px 12px 12px;
	background-color: #ebeef3;
	border: 2px solid #4f53bc;
}
form fieldset fieldset {
	margin: 0px 25px 20px 150px;
	background-color: #d3d2db;
	border-left-color: #d3d2db;
	border-right-color: #d3d2db;
}
form legend {
	margin: 0px 0px 0px 12px;
	padding: 0px 3px 0px 3px;
	font-size: 1.1em;
	color: #4f53bc;
}


form dl {display:block; padding-bottom: 14px;}
form dl dt {float:left; display:inline; text-align:right; width:175px; margin:0px 10px 0px 0px;}
form dl dd {display:inline;}

form dl.label_nowidth dt {width:auto;}
form dl.label_100width dt {width:100px;}
form dl.label_top dt { float:none; display:block; text-align:inherit; width:100%; margin:0px;}
form dl.label_top dd { display:block;}

form div.center dl dt {text-align: center;} /* IE inheritance fix for centering */
form dl.center dt {text-align: center;} /* IE inheritance fix for centering */

form label, form input, form select, form button { font-size: 1em; }

form label { color: #303030; font-weight:bold; }
form label.opt { font-weight:normal; margin-right: 10px; font-size: .9em; }

form input[type="text"], form input[type="password"], form textarea, form select { border: 1px solid #c5d0f2; }
form input[type="text"], form input[type="password"], form textarea { padding-bottom: 1px; }  /* prevents textbox text from touching textbox border-bottom */
form select option { padding-bottom: 2px; } /* prevents textbox text from touching textbox border-bottom */
form input[type="radio"], form input[type="checkbox"] { margin-right: 3px; }
form textarea { overflow-y:scroll; white-space:normal; }


form input[type="text"]:focus, form input[type="password"]:focus, form textarea:focus, form select:focus {
	background-color: #FFFFCF;
	border-color: #6478d7;
}
form input.sffocus, form textarea.sffocus, form select.sffocus { /* IE requires JS suckerfish fix for :focus */
	background-color: #FFFFCF;
	border-color: #6478d7;
}


form button {
	cursor: pointer;
	border: outset 1px #505050;
	color: #272727;
	padding: 2px 4px;
	margin: 0px 4px;
	background: url("../images/forms/buttonbg.gif") repeat-x left top;
	text-shadow: 1px 1px white;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #E3E3E3;
	-moz-box-shadow: 1px 1px 1px #E3E3E3;
	-webkit-box-shadow: 1px 1px 1px #E3E3E3;
}

form button[type="submit"] {
	font-weight: bold;
}

form button:hover {
	border: outset 1px #A5A5A5;
}

form button.button_large {
	font-size: 1.2em;
	font-weight: bold;
	padding: 6px 10px 6px 10px;
}

form button.button_pos {
	background: url("../images/forms/buttonbg_green.gif") repeat-x left top;
}

form button.button_neg {
	background: url("../images/forms/buttonbg_red.gif") repeat-x left top;
}

form button:active,form button.button_large:active {
	background: url("../images/forms/buttonbg_flip.gif") repeat-x left top;
}

form button.button_pos:active {
	background: url("../images/forms/buttonbg_green_flip.gif") repeat-x left top;
}

form button.button_neg:active {
	background: url("../images/forms/buttonbg_red_flip.gif") repeat-x left top;
}