/* --------------------------------------------------
Cascading Style Sheet for Forms.
Equanet (http://www.equanet.com)

Author Credits: 
1. Adam Clark (adam.clark@dsgibusiness.com)
3. Karoline Flis (karoline.flis@dsgibusiness.com)
2. Paul Morrison (paul.morrison@dsgibusiness.com)
----------------------------------------------------*/

p.important { margin-bottom: 2em; font-weight: bold; }
p.important em { color: #C00; }
p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

form h6,
form.standard legend { font-size: 1.4em; font-weight:bold; margin: 0 /*0 1em*/; padding: /*0.25em*/ 0; color: #238BC6; }
form.standard legend.legend { font-size: 1.4em; font-weight:bold; margin: 0 0 1em; padding: 0.25em; color: #6DB457; }
form h6 { border-bottom: 1px dotted #CCC; }

form.standard p { margin: 0; }
form.standard p.note { margin-left: 170px; font-size: 90%; color: #333; }
form.standard p.quote-note { margin-left: 318px; font-size: 90%; color: #333; }

form.standard fieldset { margin: 1em 0; padding: 0.25em 0.75em 0.75em; border: #e0e0e0 1px solid; background: #FFF url(../ui/fieldset-bg.gif) left bottom repeat-x;}
form.standard fieldset.no-border { border: none; } /* turns border off */
form.standard fieldset.basic { padding: 0; margin: 0.5em 0; border: none; background: none; } /* reduces to basic appearance */

form.standard fieldset.confirm-order { border: 2px solid #6DB457; border-width: 1px 2px 2px 1px; background: #F9FCF8 none; }
form.standard fieldset.confirm-order h6 { color: #6DB457; }
form.standard fieldset.confirm-order h4 { color: #6EB458; margin: 0.5em 0 1em; font-size: 1.6em; border-bottom: 1px dotted #AAA; }
form.standard fieldset.confirm-order dl { margin-bottom: 1em; padding-left: 1em; font-size: 1.15em; }

form.standard legend { padding: 0.3em 0; }

form.standard fieldset div { padding: 0.3em 0; margin: 0.5em 0; }
form.standard fieldset div.quote-period { padding: 0; margin: 0.75em 0 0 0; }

form.standard label, 
form.standard span.label { margin-right: 10px; padding-right: 10px; width: 150px; float: left; text-align: right; position: relative; }

form.standard label.narrow { margin: 0 6px 0 0; padding: 0 7px 0 0; width: 118px; float: left; text-align: right; position: relative; }

form.standard span.label-wide {  }
form.standard label.error, 
form.standard span.error { color: #C00; margin: -5px 0 0 0; padding: 0; font-size: 85%;}
form.standard label em, 
form.standard span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
form.standard .radiolabel em { padding-left: 0.5em; font-size: 120%; font-style: normal; color: #C00; }

form.standard input, 
form.standard textarea,
form.standard select { font-size: 1em; font-weight: normal; }
form.standard textarea { font-family: Arial, Helvetica, Verdana, sans-serif; }

form.standard input.quote-date { margin: 0 0 0 1em; padding: 0; }

/*form.standard input#password, form.standard input#login { width: 120px; }*/

form.standard fieldset.quick-order label { margin: 0 10px 0 0; padding: 0; width: 15px; float: left; text-align: right; position: relative; }
input.quick-order-number { width: 120px; }
input.qty { width: 25px; }
input.blur { color: #999; font-size: 0.9em; }
fieldset.quick-order span { margin: 0 5px; font-size: 0.65em;}


/* Order History & Invoice History (mac) ------------------------*/

form.standard input.mac { width: 115px; }

form.standard input.small, 
form.standard textarea.small,
form.standard select.small { font-size: 1.0em; font-weight: normal; }

form.standard input.error { border-color: #C00; background-color: #FEF; }
form.standard input:focus,
form.standard input.error:focus, 
form.standard textarea:focus { background-color: #FFFE9D; border-color: #FC6; }

form.standard .controlset { clear: both; margin: 0; padding: 0; }
form.standard .controlset label, 
form.standard .controlset input { display: inline; float: none; text-align: left; }
form.standard div.form-align { clear: both; margin: 0 0 2em 0; }
form.standard div.form-align input { display: inline; float: left;  }
form.standard div.form-align label { width: 130px; float: left; text-align: right; }
form.standard .controlset div { margin-left: 170px; }
form.standard .controlset div * { vertical-align: middle; }
form.standard div.buttonrow { margin-left: 170px; clear: both; }

p#copyright { margin: 20px 10px; font-size: 90%; color: #999; }

form.standard p.caveat { margin: 0 0 1em; font-size: 85%;}
p.caveat { color: #666; }
p.caveat span { /*border-bottom: 2px solid #CCC; padding-bottom: 2px;*/ }
p.caveat em { font-size: 120%; font-weight: bold; color: #C00; }

/* Confirm Order Form ------------------------*/
input#purchase-order-number, input#delivery-contact { width: 210px; }

/* Basket Sidebar ------------------------*/
form.basket input#login { margin: 0 0 0.5em 0; }
form.basket input#login, form.basket input#password { width: 140px; }
form.basket input#sign-in-button { margin: -1em 0 0 0; padding: 0; }

/* Fun with the button element which is nice but there are some problems with the element as a whole.
note this differs from using the "input" tag with a type="button"!
please see the following websites before implimenting the button tag: mess with the button element at your peril.

http://reference.sitepoint.com/html/button
----------------------------------------------------*/
button { width: auto; overflow: visible; /* needed for IE */ height: 40px; line-height: 40px; cursor: pointer; background: transparent; border: 0; margin: 3px 0; padding: 0; vertical-align: middle;}
button img { margin: 0; padding: 0; border: none; outline: none; width: auto; height: 40px; display: block; }
button.remove, button.remove img { width: 27px; }
button.add-to-basket, button.add-to-basket img { width: 112px; }
button.add-favourites-to-basket, button.add-favourites-to-basket img { width: 112px; }
button.add-to-favourites { width: 136px; display: block; margin: 0.5em 0; }


/* Added for CMS surveys, should also be useful for other standard forms
----------------------------------------------------*/
.questionGrid th { white-space: normal; text-align: center;}
.questionGrid .labelCell {width: 150px; text-align: right;}
.questionGrid .inputCell { text-align: center; }
form.standard .controlset label em, 
form.standard .controlset label span { display: inline; position: static; padding-left: 3px; }


/* Quick Login Form
----------------------------------------------------*/
form.quick-login legend,
form.quick-login fieldset div { padding: 0.3em 0; }

form.quick-login label, 
form.quick-login span.label { margin-right: 10px; padding-right: 10px; width: 100px; /*display: block;*/ float: left; text-align: right; position: relative; }

/*form.quick-login label.narrow { margin-right: 10px; padding-right: 10px; width: 130px; display: block; float: left; text-align: right; position: relative; }*/

form.quick-login span.label-wide {  }
form.quick-login label.error, 
form.quick-login span.error { color: #C00; }
form.quick-login label em, 
form.quick-login span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }


/* Quick Search (jQuery Powered) for Choose Delivery Address, Invoices Addresses, etc.
----------------------------------------------------*/
form.quicksearch { padding: 10px; background: #f7f7f7; }
form.quicksearch input { margin-left: 5px; width: 300px; }
form.quicksearch img { vertical-align: middle; margin-left: 5px; }


/*CMS surveys*/
.CmsSurvey #cmsEditContent form div {
	clear: both;
}
.CmsSurvey #cmsEditContent form .controlset {
	padding-left: 170px;
}


#recaptcha_widget_div {
	float: left;
}
.recaptchatable * {
	margin: 0 !important;
	padding: 0 !important;
}


/* Register - Extras
----------------------------------------------------*/

/*form.standard fieldset div.reg-field-container { clear: both; padding: 0; margin: 0 0 1em 0; }*/


form.standard fieldset div.form-columns { padding: 0; margin: 0; }
form.standard fieldset div.tip { font-size: 85%; color: #333; line-height: 100%; padding-top: 5px;}
form.standard fieldset #bus-account { margin: 1em 0; }

.new-user-preamble { padding: 0; margin: 0 0 0 8px; }
.new-user-preamble dd { padding: 0 0 0 1em; margin: 0.5em 0; background: url(../ui/icons/bullet01.gif) left 0.5em no-repeat; }
.reg-business-account { background-color: #f8ebcf;  margin: 2.25em 0;}
.reg-business-account-inner p { margin:  1em 0 0 0; padding: 0; }
.reg-business-account em { font-style: italic; text-decoration: underline; text-transform: uppercase; }
.reg-business-account h2 { text-align: center; }
.reg-business-account-inner { width: 280px; margin: 0 10px; padding: 0; }
.reg-business-account a.get-account { display: block; padding: 0; margin: 5px auto; width: 240px; height: 40px; background: transparent url("../ui/buttons/sprite/apply.gif") no-repeat left top; }
.reg-business-account a.get-account:hover { background-position: 0 -40px; }
.reg-business-account dd { padding: 0 0 0 1em; margin: 0.5em 0; background: url(../ui/icons/bullet01.gif) left no-repeat; }

form.standard fieldset div.tip div { height: 24px; !important; min-height: 24px; padding: 3px 0 2px 0; margin-top: 2px;}
form.standard fieldset div.fields-column div { height: 25px; !important; min-height: 25px; padding: 4px 0; margin: 0; }
form.standard fieldset div.fields-column div.buttonrow { margin-left: 170px; } 

form.standard label sup { position: absolute; right: 0; font-size: 80%; font-style: normal; }