﻿#form-wrapper
{
    background-color:#f7fafc;
    border:solid 2px #a5d7ff;
    width:65%;
    padding:16px 6px 6px 6px;
}

#form-wrapper p
{
    padding:0 0 10px 0;
}

#form-wrapper input, #form-wrapper textarea
{
    width:40%;
    resize:none;
    padding:4px;
}

#form-wrapper input.field, #form-wrapper textarea.field
{
    border:solid 1px #a7d6fd;
    float:left;
    width:200px;
}


#form-wrapper div
{
    padding:0 0 10px 0;
}

#form-wrapper label { vertical-align:top; float:left; width:25%;  }

#form-wrapper .formbutton
{
    width:auto;
    padding:6px;
}

span.required
{
    color:Red;
}

.RequiredField
{
    padding:2px 0 0 0;
    float:left;
    width:auto;
}

h2.error
{
    color:Red;
    background:none;
}

/* Misc
======================================== */
.status { margin:0 0 2em 0; padding:10px; width:64%;   }
.error-border { border:solid 2px #b13a3a; background:#fff4f4 url(images/cross.png) no-repeat 1em 1.3em; }
.success-border { border:solid 2px #a5d7ff; background:#f7ffff url(images/tick.png) no-repeat 1em 1.3em; }
.status .holder { margin:0; padding:0 0 0 30px; min-height:2em; line-height:16px; overflow:hidden; }

.loader
{
    background: transparent url(images/loader.gif) no-repeat 0 55%;
    padding-left: 19px;
    padding-top: 1px;
}
.success
{
    background: transparent url(images/tick.png) no-repeat 0 55%;
    padding-left: 19px;
}
.fail
{
    background: transparent url(images/cross.png) no-repeat 0 55%;
    padding-left: 19px;
}
.clear
{
    clear: both;
}
.non-visual
{
    position: absolute;
    left: -9999px;
}
