﻿body {
}

.rows {
    border-top: 1px solid #EEE;
    clear: both;
    margin: 0;
}

    .rows .row, .rows .empty-row {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #EEE;
        padding: 5px;
        vertical-align: middle;
        clear: left;
        min-height: 33px;
    }

    .rows .empty-row {
        height: 33px;
    }

    .rows .row:hover {
        background-color: #F5F5F5;
    }

    .rows .row .row-label {
        color: #333333;
        display: block;
        float: left;
        font: normal 13px/22px Arial;
        padding-left: 5px;
        width: 130px;
        /*vertical-align: top;*/
    }

        .rows .row .row-label.narrow {
            width: 70px;
        }

        .rows .row .row-label.wide {
            width: 200px;
        }

        .rows .row .row-label.full {
            width: 100%;
        }

    .rows .row .row-text {
        color: #000000;
        display: block;
        font: normal 13px/22px Arial;
        margin-left: 135px;
    }

        .rows .row .row-text * {
            font: normal 13px/22px Arial;
        }

    .rows .row .row-input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        font: normal 13px/16px Arial;
        margin-left: 135px;
        margin-right: 20px;
    }

        .rows .row .row-input * {
            font: normal 13px/16px Arial;
        }

    .rows .row .no-label {
        margin-left: 5px;
    }

    .rows .row .row-validation-error {
        color: #e80c4d;
        display: block;
        font: italic 13px/16px Arial;
        margin-left: 135px;
    }
.box {
    margin-bottom: 10px;
    /*position: relative;*/

}

    .box h1 {
        background-color: #fff;
        color: #AAAAAA;
        font: bold italic 25px/48px Arial;
        padding: 0 10px;
        text-shadow: 1px 1px 1px #FFFFFF;
    }

    .box h2, .box h3 {
        background-color: #4682B4;
        color: #FFFFFF;
        font: bold 15px/22px Arial;
        text-align: center;
    }

    .box h4 {
        background-color: transparent;
        color: #111111;
        font: bold 14px/22px Arial;
        margin: 20px 5px 0 5px;
        text-align: left;
        border-bottom: 1px solid #4682B4;
    }

        .box h4 .header-info {
            float: right;
            font-style: italic;
            font-weight: normal;
            font-size: 0.8em;
        }

    .box .box-wrapper, .box .box-content {
        position: relative;
        overflow: hidden;
    }

    .box .box-content {
        position: relative;
        margin: 10px;
    }

        .box .box-content h3 {
            text-align: left;
            padding-left: 10px;
        }

    .box p {
        color: #000000;

    }

    .box.login-box {
        border: 1px solid #555;
        -webkit-box-shadow: 0 20px 15px -10px rgba(0,0,0,0.5);
        -ms-box-shadow: 0 20px 15px -10px rgba(0,0,0,0.5);
        box-shadow: 0 20px 15px -10px rgba(0,0,0,0.5);
        margin: 10px auto;
        width: 400px;

    }

        .box.login-box h3 {
            background-color: #f88f1d;
        }

