/* --------------------------------------------------------------

   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
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:1px solid #bbb;
  padding:5px;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
  color:#333333;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

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

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Specific Setting
-------------------------------------------------------------- */

#login input[type=text], #login input[type=password]{
 width:200px;
 margin: 0.1em 0 0.5em;
}
#login label{
 color:#FFFFFF;
}
.search-wrapper input[type=text]{
 margin:0;
 border:0;
 width:220px;
}
.search-wrapper{
 background:url(../images/bg/search-icon.gif) 2px 2px no-repeat #FFFFFF;
 padding-left:26px; 
 height:28px;
 border:#CCCCCC solid 1px;
}

.login-box{
 padding-top:4px;
}
.login-box label{
 font-size:10px;
 color:#FFFFFF;
}
.login-box input{
 margin:0;
 font-size:11px;
 padding:3px;
 color:#999999;
}
.login-box .username, .login-box .password, .login-box .login-button{
  float:left;
  margin-left:10px;
}

.login-box .login-button{
}
.login-box .login-button input{
  background:none;
  border:0;
  color:#FFFFFF;
  padding:2px 0 0 0 ;
}

div.button, div.button input{
 line-height:28px;
 font-size:13px;
 height:28px;
}

div.button input{
 border:none;
 padding:6px 0px 6px 10px;
 margin-right:10px;
 color:#5e5e5e;
 font-weight:bold;
 background:url(../images/bg/button-bg.gif) no-repeat left top;
 margin-left:0;
 display:block;
}

div.button input.hover,div.button input:hover{
 color:#0B55CA;
 cursor:pointer;
 text-decoration:none;
}

div.button{
 background:url(../images/bg/button-bg.gif) no-repeat right top;
}

div.next-button input.button, div.yes-button input.button, div.no-button input.button{
 padding:0px 10px 1px 27px;
 margin-right:0;
}

div.next-button input.button{
 background:url(../images/bg/next-icon.gif) no-repeat left top;
}

div.yes-button input.button{
 background:url(../images/bg/yes-icon.gif) no-repeat left top;
}

div.no-button input.button{
 background:url(../images/bg/no-icon.gif) no-repeat left top;
}

.post-comment-wrapper textarea{
 width:500px;
 height:100px;
}

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

div.messages {
  background: #FFFCE3;
  border: 2px solid #EED300;
  color: #C28E00;
  font-weight: bold;
  font-size: 1.166em;
  margin: 20px 0pt;
  padding: 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.messages ul {
  list-style-position: inside;
}

div.messages em {
  color: #656C9B;
}

div.error {
  background-color: #FFF2F2;
  border-color: #FF0000;
  color: #B20000;
}

label.error{
  color:#FF0000;
  margin-left:10px;
}