/*
 * <form> stylesheet (requires main stylesheet.css)
 * 
 * @author      Lex van der Woude <lex@xq.co.nz>
 * @copyright   Copyright (c) 2009, X-StatiQ Online Design Ltd.
 * @link        http://www.xq.co.nz
 */

/*
 * Add this to a <table>
 */
.form {
    
}

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

/*
 * Form layout
 */
.form-left {
    float: left;
}
.form-right {
    float: left;
    margin-left: 40px;
}

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

/*
 * Labels
 */
.form td.label {
    width: 110px;

    padding-right: 8px;
    
    text-align: right;
    color: #666;
    font-family: "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.left-align {
    text-align: left;
}

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

/*
 * Field styling
 */
.form input {
    width: 250px;
    
    padding: 3px;
    
    border: #C5C5C5 solid 1px;
    font-size: 12px;
}
.form select {
    width: 257px;
}
.form .checkbox {
    width: auto;
}
.form textarea {
    overflow: auto;
    width: 250px;
    padding: 3px;
    border: #C5C5C5 solid 1px;
}

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

/*
 * Dynamics
 */
 
/* Enabled by form.js plugin */
.field-focus {
    border: #A43221 solid 1px !important;
}
 
/* Password strength text */
.relative .password_strength {
    top: 4px;
    right: 10px;
}

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

/*
 * Buttons
 */
button {
    overflow: visible;
    cursor: pointer;
    width: auto;
    line-height: 130%;
    
    padding: 4px 10px 3px 7px;
    
    border: #888 solid 1px;
    
    background-color: #464646;

    color: #FFF;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;
    font-weight: bold;

    text-decoration: none;
}

/* Firefox & Safari Fixes */
form button[type] {
    padding:5px 10px 5px 7px;
    line-height:17px;
}
/* IE7 Fixes */
form *:first-child+html button[type] {
    padding:4px 10px 3px 7px;
}

/*
 * Button themes
 */
button.cancel,
button.closeOverlay {
    background-color: #888 !important;
}
button.submit-overlay {
    background-color: #A43221 !important;
}

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

/*
 * Errors
 */
div.error_message {
    clear: both;
    width: 500px;
    
    padding: 8px;
    margin-bottom: 10px;
    
    border: #DD3C10 solid 1px;
    background: #FFEBE8;
}
tr.required .label {
    color: red;
}

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

.left-symbol,
.right-symbol {
    position: relative;
}
.left-symbol input {
    width: 239px;
    padding-left: 14px;
}
.left-symbol div,
.right-symbol div {
    position: absolute;
    top: 3px;
    
    color: #888;
    font-weight: bold;
}
.left-symbol div {
    left: 5px;
}
.right-symbol div {
    right: 8px;
}

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

/*
 * Custom form parts
 */
.checkboxList .label {
    width: 300px !important;
}
.checkboxList tr.checked td {
    background-color: #7EA345;
    color: white !important;
}
.sizes-prices input {
    width: 90px;
}
* {
    outline: none;
}