/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */
label       { font-weight: bold;}
#panel label       { text-align: right;font-weight: bold;display: block;margin:0.5em; }
fieldset    { padding:1em; margin: 0 0 1.5em 0; width: 350px;  }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */
/*login ------------------------------*/
#homer .container3 div#wlpeUserInfo  {display: block;width:300px;}
#homer .container3 #wlpeLogin form#wlpeUserForm {clear: none;padding:0;}
#homer .container3 #wlpeLogin form#wlpeUserForm fieldset {padding:0;}
#homer .container3 div#wlpeUserInfo p {width: 300px;color: #fff;float: left;}
#homer .container3 form input {background: #fff;color: #222;width: 8em;border: none;-moz-border-radius: 2px;-webkit-border-radius: 2px;
}
#homer .container3 #wlpeLogin {height: 6em;position: relative;margin-right: 8px;}
#homer div.container3{padding: 2px 8px ;padding-right:0;top: 0em;background: #000;height: 6px;overflow: visible;z-index: 25; }
#homer .container3 form label {font-size: 10px;font-weight: normal;color: #fff;}
#homer .container3 form a {text-decoration: none;color: #f00; font-size: 10px;font-weight: normal;}
#homer .container3 form#wlpeLoginForm {width: 220px;top: 0em;line-height: 0.75em;position: absolute;padding:  3px 0.85em 0 0.85em; right: 0px;z-index: 3000;}
#homer .container3 form a.registerAccount{color: #32BB46;position: relative; }
#homer .container3 form input#wlpeStayLoggedIn {width: 1em; background: #000; display: inline;border-width: 0px;}
#homer .container3 form label#wlpeStayLoggedInLabel {width: 1em;position: relative;top: -4px;}
#homer .container3 form#wlpeLoginForm{width: 220px;float: right;height: auto;text-align: right;background: #000;}

#homer .container3 div#wlpeReset  {width: 220px;background: #000;}
#homer .container3 div#wlpeReset fieldset {width: 200px;}
#homer .container3 div#wlpeReset h1 {padding-left: 1em;}

#homer .container3 form#ajaxSearch_form #ajaxSearch_submit,#homer .container3 form input#wlpeLoginButton {margin-left: 1px;border: none;color: #fff;background: #32BB46; width: 6em;text-shadow: 1px 1px 4px  #111;}
#homer .container3 form#ajaxSearch_form #ajaxSearch_submit {margin-left: 1px;}
#homer .container3 form#ajaxSearch_form input {color: #333;}
#homer .container3 form#ajaxSearch_form, #homer .container3 form#ajaxSearch_form fieldset {padding: 0;text-align: right;width:250px;}
#homer .container3 form#ajaxSearch_form #ajaxSearch_input {background: #fff url(../images/search.jpg) center left no-repeat ;padding-left: 30px;width: 173px;margin-right:0;}
#homer .container3 form#ajaxSearch_form {display: none;}

#sidebar input.text, #sidebar  input.title,
#sidebar textarea, #sidebar select {
  margin:0.5em 0;
  border:1px solid #bbb;
}
.container3 .span-7.last{float: right;z-index:20;padding-bottom: 1em;width: 220px;}
#sidebar input.text:focus, #sidebar input.title:focus,
#sidebar textarea:focus, #sidebar select:focus {
  border:1px solid #666;
}

#sidebar input.text, 
#sidebar input.title   { width: 250px; padding:5px; }
#sidebar input.title   { font-size:1.5em; }
#sidebar textarea      { width: 250px; height: 125px; padding:5px; }


input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 350px; height: 250px; padding:5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.span-8 .sidechunk form fieldset select {
width: 150px;
}
.span-8 #wlpeLogin .sidechunk form fieldset input  {
width: 250px;
}
.span-8 .sidechunk form fieldset textarea {
width: 250px;
}
#wlpe form p label {
width: 350px;display: block;line-height: 1.25em;
}
#wlpeUserProfileInput input {
width: 300px;display: block;
}
#wlpeNewPasswordArea legend,#wlpeNewPasswordArea p label {
color: #FE190E;
}
fieldset#wlpeNewPasswordArea, .span-10 #wlpeLoginForm #wlpeLoginFieldset {
border: 1px solid #3C7FB1; padding: 1em ; background-color: #EAF6FD;l
}
#wlpeUserProfileInput  label{
margin-top: 1em;
}
#wlpeUserProfileInput  textarea {
display: block;margin-top: -1em;
}
#wlpeLogin #wlpeLoginFieldset label {
text-align:left; width: 100px; clear: none;
}

.span-8 #wlpeLoginButtons {
margin-top:-2em;padding:0;
}
.span-4 input#wlpeLoginButton, #sidebar_inner button.register {
margin-top: 1em;width: 130px;padding-left:5px;padding-right:5px;
}
#sidebar_inner button.register {
margin-left: 15px;
}
.span-8 .sidechunk form#ajaxSearh_form fieldset label #ajaxSearch_submit {
width: 100px;
}
.span-10 #wlpe input {
width: 310px;
} 
.span-10 #wlpe p label#wlpeTosCheckboxLabel {
width: 200px; clear: none;display: inline;
}
.span-10 #wlpe p input#wlpeTosCheckbox {
width: 1em; background: #000; display: inline;border-width: 0px;
}
.span-8 #wlpeUsername, .span-8 #wlpePassword {
width: 125px;
}

form #wlpeUserForm {clear: both;float: left;}
.span-8 #wlpeUserInfo #wlpeLoginFieldset p {
}
#sidebar_inner div#wlpeUser #wlpeUserButtons {
margin:0;padding:0em 0em 0.5em 15px;position: absolute;
}
#sidebar_inner div#wlpeUser div#wlpeUserInfo #wlpeWelcomeParagraph {
margin-top:0;padding-top:0;
}
.container3 .span-7.last div#wlpeUserInfo p#wlpeWelcomeParagraph {position: absolute;top: 1.5em;width: 220px;clear: both;display: block;right:0;}
.container3 #wlpeUserButtons{position: absolute;margin-left: 1em;width: 220px;clear: both;display: block;top: 3em;right:0;}
.container3 #wlpeUserButtons a{display: inline-block}
#sidebar_inner div#wlpeUser div#wlpeUserInfo {
margin:0;padding:0;
}

#wlpeLogin #wlpeLoginFieldset {
margin:0;padding:0 0 1em 15px;
}
#wlpeLogin #wlpeLoginFieldset .span-4.last p {
margin-top: 1em;
}
.span-4.last fieldset {margin-bottom:0}