fieldset {
	border: 0; border-top: 2px solid #59f;
	margin-bottom: 2.5em;
	padding: 0 0 0 0;
}

legend {
	color: #7bf; font-size: 1.6em;
}

form .attribute {
	padding-bottom: 0.2em;
}

label {
	display: block;
	font-weight: bold;
}

input, select, textarea {
	height: 1.4em;
	background-color:#0d1018; border:solid 1px #505460;
	padding: 0.3em;
	font-size: 1.12em; color: #aaa;
}

input:hover, select:hover, textarea:hover {
	border: solid 1px #f8a400;
}

input:focus, select:focus, textarea:focus {
	border: solid 1px #f8a400;
}

input { 
	width: 15em; padding-bottom: 0.05em;
}

select {
	width: auto; height: auto; padding-top: 0.3em;
}

option { padding: 0.2em 1em 0.2em 0.2em; }

optgroup { padding: 0.2em 0.2em 0.2em 0.2em; font-style: normal; }

textarea {
	height:8em; width:30em;
}

.columnform input, .columnform textarea {
	width: 90%;
}

input.cal_value {
	width: 6em; text-align: center;
}

input.checkbox {
	height: auto; width: auto; border: none; background: none;
	margin-top: 0;
}

label.checkbox {
	display: inline; margin: 100px 20px 0 0; padding-bottom: 1.2em;
}

input.button {
	background: transparent; width: auto; height: auto; border: 0; color: #f8a400;
	padding: 0.4em 2em; margin-left: 0; text-align: center;
}

input.button:hover { color: #ffcc33; }

form .mandatory {
	background-image: url(../images/background_mandatory.gif) top right no-repeat;
}

form .note {
	font-style: italic;
}


/** floating form */
.floatform .attribute {
	clear: left; 
}

.floatform label {
	float: left; text-align: right;
	margin-top: 0.9em; width: 10em; padding-right: 0.6em;
}

.floatform label.checkbox {
	width: 75%; text-align: left;
	padding-right: 0;
}

.floatform .checkbox_field {
	float: left; text-align: right;
	margin-top: 0.5em; width: 10em; padding-right: 0.6em;
}

.floatform label.compact {
	width: 7em;
}

.floatform label.inline {
	display: inline; width: auto; float: none; clear: none; text-align: left;
}

.floatform .fixedvalue {
	padding-top: 11px;
}

form.floatform .note {
	margin-bottom: 1em;
}


/** form in card class **/
.card input, .card select, .card textarea {
	background-color: #fff; border:solid 1px #ccc;
	color: #749600;
}

.card input:hover, .card select:hover, .card textarea:hover {
	border: solid 1px #74bb00;
}

.card input:focus, .card select:focus, .card textarea:focus {
	border: solid 1px #74bb00;
}

.card fieldset.buttons {
	text-align: left;
}

.card fieldset.buttons .attribute {
	padding-top: 0;
}

.card input.button, .card input.button:hover, .card input.button:focus {
	background: url(../../images/submit.gif) no-repeat;
	width: 128px; height: 58px; border: 0;
	color: #4c6b00;	font-size: 13px; font-weight: bold;
	margin-left: 10px;
}

.card input.checkbox {
	height: auto; width: auto; border: none; background: none;
	margin-top: 0.2em;
}

.card .iconlist {
	margin-top: 2em; background-color: #364053;
	padding: 1em; 
}

.card .iconlist a:hover { background-color: transparent; }

/** form on login page **/

.login label {
	font-weight: normal; margin-top: 0;
}

.login input {
	background-color:#fff;
	border:solid 2px #bcbcbc;
	color:#3796ee;
	font-size:18px;
	margin-right:15px;
	padding: 2px 2px 0px 2px;
	width:170px;
}

.login input.button {
	background-color: #bcbcbc;
	border: 0px;
	font-size:16px;
	color: #fff;
	width: 80px;
	padding-bottom: 2px;
}

.login .attribute {
	position: absolute; left: 255px;
}

.login #username_field { top: 70px; }

.login #password_field { top: 120px; }

.login #submit_field { top: 175px; }


.cartform .attribute {
}

.cartform label {
	float: left; padding: 1.0em 0 0 1em;
}

.cartform .textvalue {
	padding: 1.0em 0 0 0;
}