form{
	display: block;
	margin:0;
	padding:0;
}
form fieldset.no-border{
	border: 0;
}
form fieldset legend {
	margin-left: 4px;	
	font-weight: bold;
}
form fieldset {
	zoom: 1;
	border: #bbb 1px solid;
	clear: right;
	margin-top: 3px;
	margin-bottom: 3px;
}
form div.form-line {
	clear: left;
	margin: 2px 0 3px 3px;
	padding: 5px 10px 0 175px;
	height: 1%;
	padding-bottom: 2px;
}

form div.odd {
	background-color: #f7f7f7;
}
form div.form-line span.label {
	float: left;
	margin-left: -170px; /*width of left column*/
	width: 170px;
}
form span.label label {
	margin-right: 4px;
}
/*form p.form-line span.required {
	background-image: url('/image/form/field-required.gif');
	background-repeat: no-repeat;
	background-position: 100% 100%;	
	padding-left: 10px;
}*/

form label.required {
	background-image: url('/image/form/field-required.gif');
	background-repeat: no-repeat;
	background-position: 100% 0;	
	padding-right: 12px;
}
form label.legend {
	background-position: 0 .1em !important;	
	padding-left: 13px !important;
}

form input.text {
	width: 352px;
	padding: 1px;	
	color: #444;
}
form input[type="text"], form input[type="password"] {
	width: 362px;
	padding: 1px;	
	color: #444;
}

form textarea, textarea {
	width: 80%;
	_width: 500px;
	height: 150px;
}

form textarea#short_description_input {
	height: 75px;
}

textarea.super-extended {
	height: 500px !important;
}
textarea.extended {
	height: 250px;
}
textarea.diminished {
	height: 80px;
}

*:first-child+html form textarea {
	width: 500px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
	margin-left: 3px;
}
form input, form textarea, form select, form ** select {
	border-color: #888;
	border-width: 1px;
}
form span.error{
	display: block;
	border: #D81F1F 1px solid;
	padding: 3px;
	float: left;
	background-color: #FFF4C3;
	margin-bottom: 3px;
}
form span.error-icon{
	position: relative;
	margin-bottom: -1px;
	margin-left: 5px;
	display: block;
	background: url('/image/form/field-error-icon.gif') no-repeat 0 100%;
	height: 10px;
	font-size: 1px;
	width: 20px;
}
form span.text-hint {
	display: block;
    padding-left: 1px;
	color:#888888;
	font-family:verdana;
	font-size:0.75em;
	line-height: 1.2em;
	font-size-adjust:none;
}
form div.fancy-hint, div.fancy-hint {
	background-color: #f6f9fd;
	border: #c4d3e5 1px solid;
	padding: 14px;
	margin-bottom: 20px;
	color: #444;
	
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
	
}
form label.legend{
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: normal;
}
form label.help {
	background-image: url('/image/form/help.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;	
	padding-left: 18px;
}
form div.warn {
	background-color: #FDF9C6;
	border: #EFDD16 1px solid;
	margin: 2px;
	padding: 4px 4px 4px 12px;
	padding-left:12px !important;
	color: #444;
	background-image: url('/image/form/warn-rich.png');
	background-repeat: no-repeat;
	background-position: 12px 0.4em;	
}
div.warn p.warn-container {
	text-indent:22px;
}
form span.inline-field {
	float: left;
	display: block;
	margin-right: 10px;
	margin-left: 0;
	_margin-left: 1px;	
	padding-bottom: 1px;
	zoom: 1;
}

form div.field-group-label {
	border-bottom: #ccc 1px solid;
	padding-left: 12px;
	margin: 15px 3px -3px 3px;
	font-weight: bold;
	clear: left;
}
form img.captcha {
	vertical-align: top;
	margin-left: -110px;
	margin-right: 4px;
}
form label.simple-label {
	margin-left: 5px;	
}
form input.zip-code {
	width: 50px !important;
}
form br.label-break {
	font-size: 1.4em;
}
div.instant-help-wrapper {
	background: transparent url(/image/form/field-instant-help-icon.gif) no-repeat scroll 0 0;
	position: absolute;
	padding-left: 10px;
	margin-right: 10px;
	*width: 250px; /*IE hack*/
}

div.instant-help-text {
	border: #c4f847 1px solid;
	padding: 2px 10px 2px 10px;
	background-color: #dff8a1;
	font-size: 0.95em;
}

@media all and (min-width: 0px){ /*Opera hack*/
	div.instant-help-wrapper {
	  	width: 250px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.instant-help-wrapper {
	  	width: auto;
	}
}

/* jQuery-ui style override */
input.ui-button {
  padding: 0.25em 10px !important;
  margin: auto 0.25em 1px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  /* copy yui theme */
  background: url("jquery/ui/uaprom/ui-bg_highlight-superhard_100_d8d8da_1x81.png") repeat-x scroll #D8D8DA !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: #c7dfff url("jquery/ui/uaprom/images/ui-bg_highlight-hard_100_c7dfff_1x100.png") 50% 50% repeat-x !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background: #c7dfff url("jquery/ui/uaprom/images/ui-bg_inset-hard_65_c7dfff_1x100.png") 50% 50% repeat-x !important;
}