/* FORM *****************************************************************************************************************/
.site-form { line-height:1.2em; margin:0 auto; }

/*fieldset*/
.site-form fieldset { margin: 30px 0 0 0; padding:0 0 5px 0; position:relative; background:url(../images/fieldset.png) repeat-y left; border:1px solid #B8B898; }
/*legend*/
.site-form legend { margin:0;padding:0; }
.site-form legend span.legend span { font-weight: bold;  display:block; line-height: 17px; width:196px; padding: 0 0 0 5px; background: url(../images/corner-left.png) no-repeat left top;color:#fff; }
.site-form legend span.legend { position:absolute; display:block; top:-17px; *top:-16px; left:0; margin: 0 0 0 -1px; padding: 0 5px 0 0; background:#B8B898 url(../images/corner-right.png) no-repeat right top; }
/*row wrapper*/
.site-form label,.site-form .group { display: block; width: 100%; margin: 5px 0 0 0; padding: 0 0; overflow:hidden; }
/*row title*/
.site-form label span.title,.site-form .group span.title { width: 200px; float: left; text-align: right; padding: 0 5px 0 0; color:#666; }
/*input, select, textarea*/
.site-form label input.text { float: left; display:inline; margin:0 5px 0 5px; width: 110px; /*change as needed*/ }
.site-form label select { float: left; display:inline; margin:0 0 0 5px; width: 115px; /*change as needed*/ }
.site-form label textarea { float: left; display:inline; margin:0 0 0 5px; }
.site-form textarea,.site-form ul,.site-form .block { width:390px; /*change as needed*/ }
/*list group*/
.site-form ul { float:left; display:inline; display:inline-block;padding:0;margin:-3px 0 0 5px;list-style:none; overflow:hidden; }
.site-form li { width:50%; float:left; padding: 4px 0; }
.site-form li label, .site-form ul li span,.site-form li input { white-space: nowrap; display:inline !important; width:auto !important; float:none !important; }
/*misc group*/
.site-form .block { float: left; margin:0 0 0 5px; }
.site-form .block label,
.site-form .block input,
.site-form .block select,
.site-form .block span,
.site-form label.inline,
.site-form label.inline span, 
.site-form label.inline input { display: inline !important; float:none !important; }
.site-form .block label.m { display:none !important; }
/*button group*/
.site-form .buttons { text-align:right; margin:5px 0 0 0; background:none !important; }
/*errors*/
.site-form label span.error { display:block; height: 20px; text-align:left; margin: 2px 0 0 0; padding:0 0 0 210px; background:url(../images/error-input.png) no-repeat left top; z-index:900; }
.site-form label span.error span { display:block; text-align:left; top:-4px;left: 10px; line-height:20px; white-space: nowrap; width: auto !important;  padding: 0 5px; }
/*notes*/
.site-form .note { margin:0 0 0 210px;padding:3px 0 0 0; font-size:0.95em; }

/* recaptcha */
#recaptcha { position:relative; }
#recaptcha a { color:#bbb; }
#recaptcha #recaptcha_image { border-right:1px solid #ccc; padding: 0 3px 0 0; }
#recaptcha .controls { position: absolute; left: 285px; top: 4px; width: 100px; padding: 0 0 0 25px; }
#recaptcha .controls p { margin:0 0 1px 0;padding:0; }
#recaptcha .controls p a { display:block; width: 100%; height:100%; text-indent:-6000px; }
#recaptcha .controls #captcha-refresh { width:25px; height:18px; background:url(../images/captcha-refresh.png) no-repeat 0 0; }
#recaptcha .controls #captcha-audio { width:25px; height:14px; background:url(../images/captcha-audio.png) no-repeat 0 0; }
#recaptcha .controls #captcha-text { width:25px; height:14px; background:url(../images/captcha-text.png) no-repeat 0 0; }
#recaptcha .controls #captcha-help { width:25px; height:16px; background:url(../images/captcha-help.png) no-repeat 0 0; }

/* BUTTONS ***************************************************************************************************************/
button { cursor: pointer; padding:0;margin:0 0 0 0;border:0;vertical-align:middle;display:block;display:inline-block;position:relative;overflow:visible; background:transparent; }
button::-moz-focus-inner { padding: 0; border:0;}
a.button, span.button { cursor: pointer !important; display:block !important; display:inline-block !important; background:url(../images/button.png) #ccc no-repeat left top !important; vertical-align:middle; text-decoration:none !important; position:relative !important; padding:0 0 0 17px !important; text-indent:0 !important; }	
a.button span, span.button span { display:block; white-space:nowrap; line-height:25px; background:url(../images/button.png) no-repeat right top; padding: 0 17px 0 0; color:#fff !important; font-size:11px !important; font-weight:bold !important; }

/*hover*/
button:hover span.button, a.button:hover { background-position: left bottom !important; }
button:hover span.button span, a.button:hover span { background-position: right bottom !important; }

/*alternate button*/
a.alt, button span.alt { background:url(../images/button-alt.png) no-repeat left top !important; }
a.alt span, button span.alt span { color:#eee !important; background:url(../images/button-alt.png) no-repeat right top !important; }
