/* @override http://localhost:8080/bracewellPlugin/css/blueprint/forms.css */

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

   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; }
form {
    padding         :   10px;
    background      :   #E2E2E2;
}

#content .box-4 form {
    height          :   140px;
}

.steer_shop_product_show form {
    padding         :   0;
}
.steer_shop_cart form,
.steer_shop_checkout form,
.steer_shop_payment form {
    background      :   transparent;
    padding         :   0;
}
.right .box-2 form {
    background      :   none;
}
label {
    font-weight     :   bold;
    line-height     :   16px;
    margin-bottom   :   4px;
    display         :   block;
}
#content label {
    line-height     :   10px;
    margin-bottom   :   2px;
}
fieldset {
    float           :   left;
    margin-right    :   20px;
}
legend {
    font-weight     :   bold;
    font-size       :   1.2em;
    line-height     :   20px;
    margin-bottom   :   4px;
}

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

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
    background-color    :   #fff;
    border              :   1px solid #bbb;
    font-size           :   1em;
    padding             :   2px;
    margin-bottom       :   10px;
    width               :   200px;
}

#steer_shop_order_creditcard_cc_verification {
    margin-bottom       : 0;
}

#content input[type="text"],
#content input[type="password"],
#content input.text,
#content input.title {
    font-size           :   1em;
    margin-bottom       :   4px;
    width               :   150px;
}


select {
    width               :   206px;
    font-size           :   1em;
}
input.postcode {
    width               :   50px;
}

input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#666;
}

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

select.text   { width: 312px; }

.right input.micro {
    width       :   20px;
}

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; }


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

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

#content .error {
    padding         :   4px;
}

.error p, .notice p, .success p {
    margin-bottom   :   0px;
}
.error {
    background      :   #FBE3E4;
    color           :   #8a1f11;
    border-color    :   #FBC2C4;
}
.error p {
    color           :   #FF0000;
}
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.error_list { padding-left: 0; margin-bottom: 0; }
.error_list li { color: #8a1f11; background: none; padding-left: 0; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

#theForm {position: relative;}
#theForm .errorEmail {
  display: none;
  position:absolute;
  right:60px;
  top:60px;
}
.blog_node #theForm .errorEmail {
  right:38px;
}
#theForm .errorEmail p {
  color:#FF0000;
}