/**
 *	Forms
 *	-------------------------
 */

div.field {
    padding: 0 0 .4em 0;
    float: left;
    clear: both;
}

.app-content div.field {
    width: 580px;
}

div.field a.info {
    display: block;
    float: left;
    clear: both;
    width: 236px;
    padding: 0 0 0 208px;
}

div.field a.help {
    display: block;
    background: url('/static/images/icons/info.png') 0 0 no-repeat;
    height: 20px;
    width: 20px;
    text-indent: -3000em;
    overflow: hidden;
    margin: 0 0 0 4px;
    float: left;
}

div.field a.calendar {
    display: block;
    background: url('/static/images/icons/calendar.png') 0 0 no-repeat;
    height: 24px;
    width: 22px;
    text-indent: -3000em;
    overflow: hidden;
    margin: 0 0 0 4px;
    float: left;
}

div.field a:hover.calendar {
    text-decoration: none;
    border: none;
}

span.required {
    position: absolute;
    top: 0;
    right: 0;
}

span.required span {
    display: block;
    text-indent: -2000em;
    overflow: hidden;
}

/* various input field widths */
.day {
    width: 64px;
}

.type,
.month {
    width: 100px;
}

.year {
    width: 70px;
}

/* replaced inputs */

body.js-enabled input.submit {
    position: absolute;
    left: -5000px;
    width: 100px;
}

/* radio buttons */
div.radio input {
    width: auto;
    margin-top: 6px;
    border: none;
    background: none;
}

div.radio label.inline {
    width: auto;
    margin: 6px 5px 0 2px;
    font-weight: normal;
}

/* checkboxes */
div.checkbox input {
    width: auto;
    margin-top: 6px;
    border: none;
    background: none;
    float: left;
    clear: none;
}

div.checkbox label.inline {
    width: 208px;
    margin: 6px 5px 0 2px;
    font-weight: normal;
    float: left;
    clear: none;
}

/* select countries field */
.app-content div.nolabel {
    padding: 0 0 0 208px;
    width: 312px;
}

div.nolabel label {
    width: 276px;
    display: block;
    clear: both;
    float: none;
    margin: 0 0 .3em 0;
}

div.nolabel select.multiple {
    width: 144px;
}

/* fieldset */
fieldset.login {
    background: #e7f4fc url('/static/images/icons/arrow-large.gif') 550px 12px no-repeat;
    padding-top: 16px;
}

fieldset.login p {
    margin-right: 60px;
}

#login-link {
    min-height: 30px;
}

#login-fold {
    display: none;
}

.active #login-fold {
    display: block;
}

/* terms of use */
.textarea {
    overflow: auto;
    float: left;
    clear: right;
    padding: 2px;
    width: 363px;
    height: 100px;
    margin: 0 3px 0 0;
    border: 1px solid #74beea;
    color: #00305b;
    background: #fff url('/static/images/forms/input.gif') 0 0 no-repeat;
}

/* buttons */
a.button {
    background: url("/static/images/buttons/next-right.gif") top right no-repeat;
    text-decoration: none;
    float: left;
}

a.button span {
    display: block;
    background: url("/static/images/buttons/next-left.gif") top left no-repeat;
    padding: 4px 45px 6px 10px;
    font-weight: bold;
    color: #fff;
}

a.previous {
    float: left;
    background: url("/static/images/buttons/previous-right.gif") top right no-repeat;
}

a.previous span {
    padding: 4px 10px 4px 45px;
    background: url("/static/images/buttons/previous-left.gif") top left no-repeat;
}

a.next {
    float: right;
}

a.go {
    float: right;
    background: url("/static/images/buttons/previous-right.gif") top right no-repeat;
}

a.go span {
    padding-right: 10px;
    background: url("/static/images/buttons/go-left.gif") top left no-repeat;
}

a.alt {
    background: url("/static/images/buttons/alt-right.gif") top right no-repeat;
}

a.alt span {
    padding-right: 10px;
    background: url("/static/images/buttons/alt-left.gif") top left no-repeat;
}

/* error messages */
.errormessage {
    background: #fff url('/static/images/icons/type-critical.png') 10px 5px no-repeat;
    padding: 10px 10px 10px 65px;
    border: 1px solid #ee2375;
    margin: 0 0 1em 0;
}

.errormessage * {
    color: #ee2375;
}

.errormessage h2 {
    font-size: 1em;
}

.errormessage ul {
    margin-bottom: 0;
}

.errormessage li {
    font-size: .915em;
}

.errorfield label {
    color: #ee2375;
}

.errorfield input,
.errorfield .textarea {
    border: 1px solid #ee2375;
}

input.button {
    background: none;
    padding: 3px 15px 4px 15px;
    background-color: #54b1e5;
    border: 0;
    color: #fff;
    margin-top: 1px;
}