/* 
Forms Style 
SELECT has it's own style biscuits-select.css 
*/
fieldset { border: 0; }

form .biscuits {
    background-color: #fffff0;
    margin-left:auto;
    margin-right:auto;
    /* max-width: 500px; */
    padding: 12px 15px 15px 10px;
    font: 26px Georgia, "Times New Roman", Times, serif;
    line-height: 24px;
    color: #202020;
    text-shadow: 1px 1px 1px #FFF;
    border:2px solid #e4e488;
    box-shadow: 10px 10px 5px #888888;
}

form h1 {
    font-size: 25px;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom:1px solid #E4E4E4;
    margin: -10px -15px 30px -10px;;
    color: #888;
}

form h2 {
    font-family: Verdana, Geneva, sans-serif;
}

form .feedback {
    background-color: #ffd480;    
    border: 1px solid black;
}

form .feedback input, form.feedback textarea {
    /* background-color: #ffff66;    */
}

form .help {
    font-size: 16px;
    line-height: 20px;
    color: #007500;
    visibility:hidden;
    padding-top: 6px;
    padding-left: 5px;
    color: #000033;
    text-align: center; font-weight: bold; font-size: 13px;
    /* border-style: solid; border-color: black; border-size: 1px; */
}

form a {
    color: black;
}

form label>span {
    text-align: right;
    padding-right: 8px;
    margin-top: 6px;
    color: #344;
}

form  input[type="text"], form input[type="email"], form  textarea {
    border: 1px solid #DADADA;
    color: #888;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 90%; 
    /* font-size: 12px; */
    /* line-height:15px; */
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}

form textarea{
    /*
    padding: 5px 3px 3px 5px;
    height:100px;    
    */
}

form button, a.submit {
    background: #E27575;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
    box-shadow: 1px 1px 5px #B6B6B6;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #9E3F3F;
    cursor: pointer;
}

a.submit {
    line-height: 80px;
}

form button:hover ,a.submit:hover {
    background: #CF7A7A
}

input, textarea  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 23px;
    border: 1px solid #222222;
    padding: 3px;
    background-color: #eeeeee;
    /* width: auto; */
    margin: 5px;
}

input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

/*
input[type="submit"] {
    display: block;
    border: 5px solid green;
}
*/

input[type="radio"] {
    width: 30px;
}

input:focus, textarea:focus {
    border: 1px solid #88dd88;
    background-color: #ffffff;
}

input.invalid, textarea.invalid {
    border: 1px solid red;
    background-color: #ffdddd;
    /* border-color: #ff5555; */    
}

input:read-only {
    background-color: #f4c10b;
}
input.modified {background-color: #e8dcc9;}
.field-container { padding: 10px;	display:block;}
.col2 {position: relative; width:42%; float:right;}

input[type=submit],input[type=reset]  {
    margin: 3px;
    /* margin-left: 12px; */
    width: auto;
    padding:5px 15px;
    background:#ccc;
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #000033;
    display:inline-block;
}

select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

/* Disabled style */
select[disabled] {background-color: #bbbbee;}
input {border-radius: 5px;}
input:disabled {background-color: #f1cc6c; font-style: italic; cursor:not-allowed; } 

/* textarea {border-style: solid; border-color: #800000; border-size: 5px;} */
/* body {background-color: #f8f8f8;} */

.error-marker {
    color: #ffcccc;
    background-color: #ffffff;
}