/*=======================================================================================================
== Forms
=======================================================================================================*/
form h4 { font-size:x-small; padding:2px 5px; }
form input { padding:0; margin:0; border:1px solid #99C; }
form input.text { margin-bottom:1px; }
form .radio { margin-left:10px; border:none; }
form .checkbox { margin-left:10px; border:none; }
form .textarea { margin:5px 0 10px 10px; }
form .level2 { margin:3px 10px 5px 15px; padding:3px; background-color:#F5F5F6; border:1px dashed #BBC; }

form dl { clear:both; padding-left:10px; margin:10px 0; }
form dl dt { float:left; clear:both; width:80px; padding:2px 5px 0 5px; text-align:right; }
form p { margin-left:10px; }
form .long { width:350px; }
form .req input, form textarea.req { border: 1px solid #C69; }
form dl dt.req, form p.req strong { font-weight:bold; color:#900; }
form .req label { font-weight: bold;  }

form .button { margin:5px; }
form .select { font-size:x-small; margin:2px 5px; }

/* ---------- FORM CONTAINER STYLE WITH BLUE HEADER, LIGHT BLUE BACKGROUND AND DARK BOTTOM BORDER ------------------------ */

.formcontainer { margin-bottom: 25px; margin: 5px 10px; text-align: left; }
.formcontainer h4 { font-size: 15px; border-bottom: 1px solid; text-align: left; font-weight: bold; margin: 0; padding-left: 40px; }
.formcontainer h5 { color: #333; font-weight: bold; padding: 5px; font-size: 13px; }
.formcontainer cite { font-size: 9px; background: url(/lib/img/icons/20/info.gif) 3px left no-repeat; padding: 4px 0 5px 25px; display: block; }
.formerror { color: #F30; font-weight: bold; font-size: 11px; text-align: left; }
.formexample { font-size: 11px; font-style: italic; text-align: right; }
.formitem label { display:block; width:100px; float:left; clear:both; text-align:right; margin-top:5px; }
.req input { background:url(/lib/img/icons/12/star.gif) right no-repeat; padding-right:20px; }
.formleft { float: left; }
.formclear { clear: both; }

fieldset { border: 0; }
fieldset input { vertical-align: middle; }


.formbuttonarea { padding: 10px; text-align: center; }
input.button { vertical-align: top; font-size: 11px; padding:2px 5px; color: #000; border: 1px solid; border-color: #999 #333 #333 #999; cursor: pointer; }

.listbox, .textreadonly { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.listbox { border: 1px solid #448CC6; margin: 0; padding: 0; }
.textreadonly { color: #333; background: #eee; border: 1px solid #ccc; }

label, legend { font-size: 11px; font-weight: bold; color: #666;  }
.required label, .required legend { color: #000; }
fieldset label { font-weight: normal; }

.text, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; border: 1px solid #7F9DB9; background: #eee; }
.text { width: 200px; padding: 2px; margin: 2px 0px 0px 2px; }
textarea { width: 80%; height: 50px; }