/* + --------------------------------------------------------------------------
 * forms.css
 * (c) 2008, mybonitos.com
 */

form {
	margin:0;
	padding:0;
}
fieldset {
	border:0px;
	margin:0px;
	padding:0px;
}
fieldset .clearfloat {
	height:10px;
}

label
{
  width: 120px;
  color: #353535;
  text-align: right;
  margin-right: 15px;
  float: left;
}

label.labelline
{
  width: auto;
  text-align: left;
  display: block;
  float: none;
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
}

label.normal
{
  width: auto;
  margin: 0;
  text-align: left;
  float: none;
}

label.h2size
{
  font-size: 1.2em;
  font-weight: bold;
}

.longlabel
{
  width: 180px;
  white-space: nowrap;
}

.nowraplabel
{
  width: 220px;
  white-space: nowrap;
}

.form_margin {
	margin:0 0 0 135px;
}
.fieldset_margin {
  margin:0 0 0 10px;
}
.form_margin_wide {
  margin:0 0 0 195px;
}

input, select, textarea
{
  font-size: 12px !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  background-color: #FFFFFF;
}

input.h2size
{
  padding: 0.5em 0.2em;
  font-size: 1.2em;
  font-weight: bold;
}

.inputField {
	width:280px;
	border:1px solid #8A8A8A;
}
form select, .selectField {
	border:1px solid #8A8A8A;
}
.largetextarea {
	width:420px;
	height:100px;
	border:1px solid #8A8A8A;
	padding:5px;
}
.error input,
.error textarea,
.error select {
  border:1px solid #F67100;
}


/* + --------------------------------------------------------------------------
 * left content forms
 */
.leftcontentwide form {
  padding:0;
  margin:0;  
}
.leftcontentwide form fieldset {
  background:transparent url(/images/boxes/light_big.gif) bottom left no-repeat;
  padding:0 0 10px 0;
  margin:10px 0 0 0;
}
*+html .leftcontentwide form fieldset { margin:40px 0 10px 0; }
*html .leftcontentwide form fieldset { margin:40px 0 10px 0; }
}
.leftcontentwide form legend, legend {
  margin:0 0 5px 0;
  padding:0;
}
.leftcontentwide form legend span {
  line-height:30px;
  padding:0 0 0 10px;
  margin:0 0 0 -2px;
  width:641px;
  color:#000;
  display:block;
  font-weight:bold;
  background:transparent url(/images/boxes/light_top_big.gif) top left no-repeat;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:631px;
}
*+html .leftcontentwide form legend span { position:relative; z-index:10; margin:-25px 0 0 -7px; }
*html .leftcontentwide form legend span { position:relative; z-index:10; margin:-25px 0 0 -7px; }

/* Except: forms with tabs! */
.leftcontentwide .tabBody form fieldset { background:#fff none; margin:auto; }



/* + --------------------------------------------------------------------------
 * buttons
 */
button
{
}

button.proceed, button.abort
{
  display: block;
  margin: 1em 0 0 0;
  padding: 0;
  border: none;
  cursor: pointer;
  background: none;
  overflow: visible;
  text-align: center;
  white-space: nowrap;
  width: auto !important;
  width: 1%;
}

button.right
{
  margin-left: auto;
}

button.float
{
  float: left;
}

button.right.float
{
  float: right;
}

button.proceed div
{
  background: url( /images/buttons/proceed_left.gif ) left center no-repeat;
}

div.boxGreen button.proceed div
{
  background: url( /images/buttons/proceed_left_on_green.gif ) left center no-repeat;
}

button.abort div
{
  background: url( /images/buttons/abort_left.gif ) left center no-repeat;
}

div.boxGreen button.abort div
{
  background: url( /images/buttons/abort_left_on_green.gif ) left center no-repeat;
}

button.proceed div div, button.abort div div
{
  color: #fff;
  font-size: 13px;
  line-height: 28px;
  font-weight: normal;
  margin: 0;
  white-space: nowrap;
  padding: 0 10px;
  background: url( /images/buttons/proceed_right.gif ) right center no-repeat;
}

button.abort div div
{
  color: #353535;
  background: url( /images/buttons/abort_right.gif ) right center no-repeat;
}

div.boxGreen button.proceed div div
{
  background: url( /images/buttons/proceed_right_on_green.gif ) right center no-repeat;
}

div.boxGreen button.abort div div
{
  background: url( /images/buttons/abort_right_on_green.gif ) right center no-repeat;
}

/* + --------------------------------------------------------------------------
 * autocompleter
 */
div.auto_complete
{
  z-index: 2;
}

div.auto_complete ul
{
  margin: 0;
  padding: 0;
  border-left: 1px gray solid;
  border-right: 1px #999 solid;
  list-style-type: none;
  background-color: #FFF;
}

div.auto_complete ul li
{
  border-bottom: 1px gray solid;
  padding: 0.2em;
}

div.auto_complete ul li.selected
{
  color: #fff;
  background-color: #7CA912;
}

div.auto_complete ul li h3
{
  margin-bottom: 0.1em;
}

/* + --------------------------------------------------------------------------
 * veil
 */
div#veil
{
  position: absolute;
  background-color: #FFF;
  opacity: 0.7;
  filter: alpha(opacity=80);
  z-index: 1;
}