/**
 * Form Styles
 *
 * Styles for pages that use forms, inputs, select boxes, etc.
 *
 * These styles were originally developed by generations forgotten
 * to time. These styles provide the baseline appearance for forms.
 *
 * Styles in this file are organized according to the SMACSS principles:
 * http://smacss.com/
 *
 * @project    The Evergreen State College
 * @version    1.0
 * @package    XHTML (Transitional) most likely, and CSS
 * @author     The Evergreen State College
 * @copyright  2013 by the author
 * @cssdoc     0.2.22
 * @license    Copyrighted
 
 * Table of Contents
 *
 * 1. Base Styles ................... (base)
 * 2. Layout Styles ................. (layout)
 * 3. Module Styles ................. (module)
 * 4. State Styles .................. (states)
 * 5. Uncategorized Styles .......... (uncategorized)
 */

/**
 * 1. Base Styles
 *
 * @section base
 * @see http://smacss.com/book/type-base
 */

form{
    margin: 0;
}
fieldset{
}
legend{
}
label{
}
input[type="text"],
input[type="password"]{
    border-width: 1px;
    padding: 0.37037037037037em;
    /*font-size: 0.586rem;*/
    color: #333;
    font-size: 1em;
    background-color: #e5e5e5;
    border-top-color: #492c5d;
    border-bottom-color: #fdf4b6;
    border-radius: 2px;
        box-shadow: 0 1px                0                  hsla(52, 95%, 85%, .4),
                    0 0.37037037037037em 0.37037037037037em #ccc inset;
}
input[type="text"]:focus,
input[type="password"]:focus{
    background-color: #fff;
}

[placeholder]:focus::-webkit-input-placeholder{  /*Safari and Chrome.*/
    color: transparent;  /*Make placeholder text disappear.*/
}
[placeholder]:focus:-moz-placeholder,  /*Firefox <19*/
[placeholder]:focus::-moz-placeholder{  /*Firefox 19*/
    color: transparent;
}

/**
 * 2. Layout Styles
 *
 * @section layout
 * @see http://smacss.com/book/type-layout
 */

/**
 * 3. Module Styles
 *
 * @section module
 * @see http://smacss.com/book/type-module
 */

/**
 * 4. State Styles
 *
 * @section state
 * @see http://smacss.com/book/type-state
 */

/**
 * 5. Uncategorgized Styles
 *
 * @section uncategorized
 */

form.default{
    margin: 0;
}

form.default label{
    margin: 0 0 .7em;
    padding: 0;
    display: block;
}

form.default label,
form.default legend{
    font-size: 9pt;
    font-weight: bold;
    display: inline;
}

form.default label.title,
form.default legend.title{
    display: block;
}
form.default input{
    font: normal 8.5pt Verdana, sans-serif;
    padding: 3px;
    display: block;
}
form.default input.inline{
    font: normal 8.5pt Verdana, sans-serif;
    padding: 3px;
    display: inline;
}
form.default fieldset label select,  /*Why would the select be inside the label? -just*/
form.default fieldset span select{
    display: block;
}
form.default label.radio,
form.default label.checkbox{
    font-weight: normal;
}
form.default label.radio input,
form.default label.checkbox input{
    float: left;
}

form.default label small,
form.default legend small,
form.default fieldset span.inline label.choice{
    font: normal 8.5pt Verdana, sans-serif;
    color: #666;
}

form.default .required, form.default .req{
    font: bold 10pt Verdana, sans-serif;
    color: #7c1300;
}

form.default label input,
form.default label textarea,
form.default label select{
    margin: .2em .4em 0 0;
    padding: 2px;
}

form.default textarea{
    width: 95%;
}

form.default fieldset{
    width: 100%;
    display: block;
    margin: .5em 0 1em;
    padding: 0;
    border: none;
    overflow: hidden;

}
form.default legend{
    margin: 0;
    padding: 0;
    white-space: normal;
    display: inline;
}
form.default fieldset legend span{
    display: block;
}
form.default fieldset label{
    float: left;
    margin: .3em 20px .3em 0;
    display: block;
}
form.default fieldset label.title{
    float: none;
}

form.default fieldset.radio input{
    clear: both;
    float: left;
    width: auto;
}
form.default fieldset.radio label{
    font-weight: normal;
    margin: 3px 15px 3px 0;
}
form.default fieldset.list label{
    display: block;
    width: 90%;
    margin: .3em 0 .2em 0;
}

form.default input.submit{
    clear: both;
    font: bold 9pt Verdana, sans-serif;
    margin: 0 0 2em;
}

div.errors{
    background-color: #7c1300;
    color: #fff;
    margin: 0 0 .8em;
}

div.errors h3{
    padding: 10px 10px 0;
    color: #fff;
    font: normal 10pt Arial, Helvetica, sans-serif;
}
div.errors p.details{
    padding: 2px 5px;
}
div.errors ul{
    list-style: none;
    padding: 0 10px 10px;
    margin: 0;
}
div.errors ul li{
    font-size: 8.5pt;
}

form.default fieldset span{
    float: left;
    padding-top: 8px;
}

form.default fieldset span.inline{
    display: inline;
    padding-right:20px;

}

form.default fieldset span input{
    display: block;
    margin-right: 10px;
}

form.default fieldset h5 span.req{
    display: inline;
    float: none;
}
form.default fieldset.error p.error{
    display: block;
    float: none;
    clear: both;
    padding: 5px 0;
    font-weight: bold;
    color: #7c1300;
}

/* added Oct 3 2012 - fake button */
.fauxbutton {
    background: #ddd;
    background: -moz-linear-gradient(0% 100% 90deg, #bbb, #ddd);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb));
    border: 1px solid #bbb;
    border-radius: .65em;
    box-shadow: inset 0 0 5px #f5f5f5;
    color: #333;
    font-size: 12px;
    line-height: 1;
    padding: 6px;
    display: inline-block;
    text-align: center;
    text-shadow: 0 1px 0px #eee;
    text-decoration: none;
    font-size: 1.2em;
}

.fauxbutton:hover {
    background: #ddd;
    background: -moz-linear-gradient(0% 100% 90deg, #aaa, #ddd);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#aaa));
    -webkit-box-shadow: inset 0 0 5px #e5e5e5;
       -moz-box-shadow: inset 0 0 5px #e5e5e5;
            box-shadow: inset 0 0 5px #e5e5e5;
}