/* American Retina Foundation: Forms */

form
{
     margin: 10px 0 25px 0;
}

fieldset
{
     background: #fbf8f3;
     border: 1px solid #dcc3a3;
     padding: 10px;
     color: #74460A;
     margin-bottom: 20px;
}

fieldset table,
fieldset table tr,
fieldset table tr th,
fieldset table tr td
{
     color: #74460A;
}

fieldset table tr th
{
     font-weight: bold;
}

form.standard
{

}

form.standard fieldset
{
     background: #fbf8f3;
     border: 1px solid #dcc3a3;
     padding: 10px;
     margin-bottom: 20px;
}

form.standard fieldset legend,
fieldset legend
{
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: -1px;
     font-weight: bold;
     color: #fff;
     background-color: #dcc3a3;
     padding: 5px 10px 5px 10px;
}

textarea
{
     line-height: 1.5em;
}

input,
select,
textarea
{
     font-family: verdana,geneva,arial,helvetica,sans-serif;
}

div#left-column form.standard fieldset p
{
     width: 95%;
     margin: auto;
}

div#left-column form.standard fieldset p.wide
{
     width: 100%;
     margin: auto;
}

div#left-column form.standard fieldset p.small
{
     font-size: 11px;
}

div#left-column form.standard fieldset span.required
{
     color: #039597;
}

div.form_row
{
     width: 100%;
     margin: 10px 0;
     padding: 0;
     /* border-bottom: 1px solid #e0d1be; */
     margin-left: auto;
     margin-right: auto;
     width: 95%;
     text-align: left;
     color: #74460A;
}

form.standard label
{
     color: #74460A; /* old color: #986b31; */
     font-size: 13px;
     line-height: 18px;
     width: auto;
     margin: 0 10px 0 0;
     text-align: left;
     /* float: left; */
     display: block;
}

form.standard input[type=text],
form.standard input[type=password]
{
     width: 95%;
     /* width: 250px; */
     padding: 5px;
     color: #000;
     font-size: 14px;
     font-weight: normal;
     border: 1px solid #d7d7d7;
     background: #fff url(/img/forms/input_bg.png) 0 0 repeat-x;
     /* float: left; */
     display: block;
}

form.standard fieldset input[type=text].narrow
{
     width: 75%;
     margin-bottom: 5px;
}

form.standard fieldset table#budget
{
     width: 95%;
     margin: 10px auto;
}

form.standard input[type=text]:hover,
form.standard input[type=password]:hover
{
     border: 1px solid #c0c0c0;
}

form.standard input[type=text]:focus,
form.standard input[type=password]:focus
{
     border: 1px solid #999;
}

form.standard select
{
     /* width: 272px; */
     width: 99%;
     padding: 5px;
     color: #000;
     font-size: 14px;
     font-weight: normal;
     border: 1px solid #d7d7d7;
     background: #fff url(/img/forms/input_bg.png) 0 0 repeat-x;
}

form.standard  option
{
     color: #039597;
     background-color: transparent !important;
}

form.standard select:hover
{
     border: 1px solid #c0c0c0;
}

form.standard select:focus
{
     border: 1px solid #999;
}

form.standard textarea
{
     width: 95%;
     /* width: 250px; */
     min-height: 200px;
     padding: 5px;
     color: #000;
     font-size: 14px;
     font-weight: normal;
     border: 1px solid #d7d7d7;
     background: #fff url(/img/forms/input_bg.png) 0 0 repeat-x;
     float: left;
}

form.standard textarea:hover
{
     border: 1px solid #c0c0c0;
}

form.standard textarea:focus
{
     border: 1px solid #999;
}

form.standard input[type=submit],
button
{
     margin: 10px 0 0 0;
     padding: 2px 20px 2px 20px;
     width: auto;
     height: 30px;
     border: 1px solid #027879;
     color: #fff;
     text-transform: uppercase;
     font-size: 11px;
     font-weight: bold;
     background: url(/img/forms/submit_bg.png) 0 0 repeat-x;
     cursor: pointer;
}


/* Login forms. Smaller input elements than standard form class */
form.login fieldset
{
     background: #fbf8f3;
     border: 1px solid #dcc3a3;
     padding: 25px;
}

form.login fieldset legend
{
     font-size: 14px;
     text-transform: uppercase;
     font-weight: bold;
     padding: 5px;
}

form.login label
{
     font-size: 10px;
     width: 50px;
     padding: 0 5px 0 0;
     display: block;
     float: left;
     text-align: right;
     border: 0;
}

form.login input[type=text],
form.login input[type=password]
{
     width: 100px;
     padding: 3px;
     margin: 0 0 5px 0;
     background: url(/img/forms/input_bg.png) 0 0 repeat-x;
     font-size: 10px;
     color: #000;
     border: 1px solid #d7d7d7;
}

form.login input[type=submit]
{
     margin: 5px 0 0 55px;
     padding: 2px 0 2px 0;
     width: 76px;
     height: 25px;
     border: 1px solid #027879;
     color: #fff;
     text-transform: uppercase;
     font-size: 11px;
     font-weight: bold;
     background: url(/img/forms/submit_bg.png) 0 50% repeat-x;
     cursor: pointer;
}

div.right_border
{
     border-right: 1px solid #dcc3a3;
}

ul.errors
{
     list-style: none;
}

div#left-column form.standard fieldset div.left,
div#left-column form.standard fieldset div.right
{
     width: 240px;
     padding: 0;
     margin-top: 10px;
}

div#left-column form.standard fieldset div.left
{
     float: left;
     margin-right: 10px;
     border-right: 1px solid #efe4d3;
}

div#left-column form.standard fieldset div.right
{
     float: right;
     margin: 10px 0;
}

div#left-column form.standard fieldset:after
{
    content: ".";
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
}

div#left-column form.standard fieldset div.left ul.standard li,
div#left-column form.standard fieldset div.right ul.standard li
{
     margin-left: 0;
     padding: 0;
}

div#left-column form.standard fieldset div.left ul.standard li:first-child,
div#left-column form.standard fieldset div.right ul.standard li:first-child
{
     margin-top: 0;
}