
/* General form styles
----------------------------------------*/
fieldset {
  font-size: 1em;
  border-width: 0;
}
input {
  margin: 2px;
/*  cursor: pointer; */
  font-weight: normal;
  vertical-align: middle;
}
textarea {
  width: 100%;
  padding: 2px;
}
input, textarea, select, option {
  font-size: 1em;
  line-height: 1.2em;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}
option { padding: 0 2px; }

/* Input field styles
---------------------------------------- */
.inputbox {
  padding: 2px;
  cursor: text;
  color: #000000;
  border: 1px solid #666666;
  background-color: #fbfbfb;
}
.inputbox:hover, .inputbox:focus {
  background-color: white;
  border: 1px solid #000;
}

input.inputbox	{ width: 85%; }
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny		{ width: 125px; }

textarea.inputbox { width: 85%; }

.autowidth { width: auto !important; }

/* Input button styles
---------------------------------------- */

input[type=submit], input.button {
  padding: 3px 6px;
  margin: 0 1px;
  color: white;
  font-size: 80%;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid white;
  background-color: #212224;
  background-image: url(/images/gui/button_background.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}
input[type=submit]:hover, input.button:hover {
/*  color: white; */
/*  border: 1px solid white; */
  background: #212224;
}

/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
	padding: 4px 0;
}
fieldset dt {
	float: left;	
	width: 40%;
	text-align: left;
	display: block;
}
fieldset dd {
	margin-left: 41%;
	vertical-align: top;
	margin-bottom: 3px;
}

/* Specific layout 1 */
fieldset.fields1 dt {
	width: 15em;
	border-right-width: 0;
}
fieldset.fields1 dd {
	margin-left: 15em;
	border-left-width: 0;
}

fieldset.fields1 { background-color: transparent; }

fieldset.fields1 div { margin-bottom: 3px; }

/* Specific layout 2 */
fieldset.fields2 dt {
	width: 15em;
	border-right-width: 0;
}
fieldset.fields2 dd {
	margin-left: 16em;
	border-left-width: 0;
}


/* Specific layout 3 */
fieldset.fields3 dt {
	width: 12em;
	border-right-width: 0;
}
fieldset.fields3 dd {
	margin-left: 5em;
	border-left-width: 0;
}

fieldset.fields3 dd select{
	width: 208px;
	border: solid 1px #BBB;
	background: #FFF;
	padding: 2px 4px;
        margin-left:2px;
	#padding-right: 20px;
	display: inline;
}


/* Specific layout 3 */
fieldset.fields4 dt {
	width: 5em;
	border-right-width: 0;
	margin-top:1em;
}
fieldset.fields4 dd {
	margin-left: 1em;
	margin-right: 1em;
	border-left-width: 0;
	margin-top:1em;
}


.input_box{
	width: 198px;
	border: solid 1px #BBB;
	background: #FFF;
	padding: 2px 4px;
	#padding-right: 20px;
	display: inline;
}

/* Form elements */
dt label {
	padding-left: 3px;
	font-weight: bold;
	text-align: left;
}
dd label {
	white-space: nowrap;
	color: #333;
}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top;

dd input, dd textarea {	margin-right: 3px; }

dd select { width: auto; }

dd textarea { width: 85%; }

