/* ------------------------------------------------------------------

This file should not be edited for your project, or at least edited at your own risk.  Override anything you need to in your project.css so that if you need to get an updated version of this due to a bug fix or feature enhancement you won't have to try and find all the changes.

------------------------------------------------------------------ */

/* Form Layout Defaults
------------------------------------------------------------------ */
form dl { padding: 5px 0; margin: 0; clear:both; overflow:hidden; }
form dt, 
form dd { padding: 0; margin: 0; float: left; }
form dt { float: left; width: 15em; margin-right: 10px; text-align: right; font-weight: bold; }
form samp { font-size: 85%; color: #666; }
form .options-vertical .option { display:block; }
.inline-help { text-align: left; }
.highlight-error dt { color: #E33030; }
dl.error dt { color:red; background:none; }
dl.error { background:none; border:none; padding:0; margin:0; } /* Fixes IE6 error that displays background image from alert boxes */

/* Horizontal Form 1 (Labels on the top)
------------------------------------------------------------------ */
.form-h1 dl { padding: 5px 20px 5px 0; float: left; clear:none; overflow:hidden; }
.form-h1 dd,.form-h1 dt { float:none; text-align: left; width: auto; }

/* Horizontal Form 2 (Labels on the left)
------------------------------------------------------------------ */
.form-h2 dl { padding: 5px 20px 5px 0; float: left; clear:none; overflow:hidden; }
.form-h2 dt { float: left; margin-right: 5px; width: auto;  }
.form-h2 dd { float: left; width: auto;  }
/
/* Vertical Form 1 (Labels on the top)
------------------------------------------------------------------ */
.form-v1 dl { padding: 5px 0; }
.form-v1 dd,.form-v1 dt { float:none; text-align: left; width: auto; }

/* Vertical Form 2 (Labels on the left) - To align labels on right, just do it in the project.css
------------------------------------------------------------------ */
.form-v2 dt { text-align: left; }	

/* Misc stuff

/* This is for hiding things visually, but will still be there for screen readers. */
.visual-hide { position:absolute !important; left:-5000px !important;	 } /* Removed "top" due to tabbing to a link with this would cause a jump up on the page */
legend.visual-hide, x:-moz-any-link { display:none; }  /* legend has issues in firefox (https://bugzilla.mozilla.org/show_bug.cgi?id=292736), so we need to fully hide it for FF only (http://pornel.net/firefoxhack) */
form table {width: 100%;}
form table input {width: 100%;}
form select {float: left; margin-right: 5px;}
form table.stripped th {height: auto; background-color: #fff; padding: 7px 15px; background-image: none; border-top: 1px solid #faf9f0; text-align: right;}
form table.stripped td {padding: 7px 15px;}
sup {font-weight: bold; color: #5b5956; vertical-align: baseline; font-size: inherit;}
tr.stripped {background-color: #faf9f0;}
form .form-text, .content form textarea {width: 100%;}
form label {color: #4eb2b7;}
.radio {float: left; display: block; height: 12px; width: 12px; overflow: hidden; margin: 2px 5px 0 0;}
fieldset {display: block; border: none; padding: 0; margin: 0;}
legend {display: none;}
fieldset label {float: left; margin-right: 1em;}
form #year {width: 50px; float: left; margin-right: 5px;}
form .hlight {background-color: lightyellow;}
form label .text {float: right; width: auto;}
.button { background-color: #636363; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; display: block; float: left; padding: 0; margin: 10px 10px 0 0; }
.button span {display: block; border: none; background: transparent url("/img/css/bg_button_r.png") no-repeat scroll 100% 0; color: #fff; margin: 0; padding: 4px 15px 6px 15px; height: 20px; text-align: center; vertical-align: middle; font: bold 12px "Arial", Tahoma, Verdana, Helvetica, sans-serif; float: left;}
.button span * {padding: 0; margin: 0; background-color: transparent; color: #fff; font-weight: bold; text-decoration: none; cursor: pointer; cursor: hand; font: bold 12px "Arial", Tahoma, Verdana, Helvetica, sans-serif; display: inline; zoom: 1; border: 0px solid transparent; width: auto !important;}