﻿body {
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

#page-footer {
    clear: both;
    font-size: .85em;
    margin: 10px auto;
    /*max-width: 960px;*/
    padding: 8px;
    text-align: left;
    color: #4d4d4f;
    border-top: solid 1px #4d4d4f;
}

    #page-footer a {
        color: #4d4d4f;
    }

        #page-footer a:hover {
            color: #0066b3;
        }

/* MVC */
span.field-validation-error {
    display: block;
}

/* Form elements  */
label,
input {
    padding-left: 0;
    padding-right: 0;
}

label {
    font-weight: normal;
}

div.feet-textbox {
    margin-top: 20px;
}

input[type=text],
select {
    border: solid 1px #B3B2B2;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
}
input[type=text].numeric {
    text-align:right;
}
select {
    padding-top: 3px;
    padding-bottom: 3px;
}

.nowrap {
    white-space: nowrap;
}
li.row {
    margin-top: 5px;
}

.fit-container-width {
    width: 100%;
    max-width: none;
}
.no-max-width {
    max-width: none;
}
li[class*='row'] span.field-validation-error {
    margin-left: 15px;
    margin-right: 15px;
}

div.site-title {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    -ms-text-shadow: none;
    text-shadow: none;
}

#logon-form {
    max-width: 500px;
}

#logon-form label {
    font-weight: bold;
}

#logon-form li {
    margin-bottom: 15px;
}

#logon-form input[type=text],
#logon-form input[type=email],
#logon-form input[type=password] {
    width: 100%;
    max-width: none;
    border: solid 1px #ccc;
    border-radius: 4px;
    padding: 6px 8px;
    display: block;
}

label.required::after {
    content: " *";
    color: #a94442;
}

p.required {
    text-align: right;
    color: #a94442;
    margin-bottom: 0;
}

#logon-form .buttons-set {
    line-height: 34px;
}

#logon-form .buttons-set::after {
    content: "";
    display: table;
    clear: both;
}

.f-left {
    float: left;
}

.float-right {
    float: right;
}
