﻿    .required-message {
        font-size: 12px;
        position: absolute;
        bottom: 7px;
        right: 12px;
    }

    .validation-error {
        color: red;
        font-size: 17px;
    }

    .goog-te-gadget {
        color: #FFF !important;
    }

    div[id^="google_translate_"] {
        margin: 5px;
    }

    img[src$="Required.png"] {
        position: relative;
        top: -3px;
    }

    h2 {
        margin: 10px;
    }

    .font-bold {
        font-weight: bold !important;
    }

    .font-normal {
        font-weight: normal !important;
    }

    .skipnavigation {
        position: absolute;
        left: -10000px;
    }

        .skipnavigation:focus,
        .skipnavigation:active {
            position: static;
            left: 0;
        }

    fieldset {
        display: block;
        margin: auto !important;
        width: 85%;
    }

    legend {
        display: table;
        margin: auto;
        padding: 0 10px;
        white-space: normal;
        text-align: center;
    }

    .step-question {
        font-size: 15px;
        font-weight: bold;
    }

    .left-navigation {
        float:              left;
        width:              260px;
        margin:             2px;
        overflow:           auto;
    }

        .left-navigation ul {
            width: 95%;
        }

        .left-navigation ul li {
            width: 95%;
            list-style:         none;
            text-align:         left;
        }

        .left-navigation a,
        .left-navigation span {
            display:            block;
            padding:            3px 8px;
            width:              92%;
            border-width:       1px;
            border-style:       solid;
            font-size:          0.87em;
        }

        .left-navigation a {
            transition:         0.1s;
            border-color:       #333;
            font-weight:        bold;
            color:              #333;
            background-color:   #EFEFD5;
        }

            .left-navigation a:hover {
                background-color: #95E288;
            }

        .left-navigation span {
            border-color:       #A0A0A0;
            color:              #555;
            background-color:   #CCC;
        }

        .left-navigation span.current-page {
            transition:         0.1s;
            border-color:       #333;
            font-weight:        bold;
            color:              #333;
            background-color:   #FFF;
        }

/* ################################################### */

body                            { padding: 0; margin: 0; background: #b6b7bc; font-size: .80em; font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; color: #696969; }

.table td                       { padding: 10px; min-width: 0; }

p                               { margin-bottom: 10px; line-height: 1.6em; }

.page                           { margin: 20px auto 0 auto; width: 960px; background-color: #fff; border: 1px solid #496077; }

.header                         { padding: 0; margin: 0; position: relative; background: #fff; width: 100%; }
    .header h1                  { padding: 0 0 0 20px; margin: 0; font-weight: 700; color: #f9f9f9; border: none; line-height: 2em; font-size: 2em; }

.main                           { padding: 0 12px; margin: 12px 8px 8px 8px; min-height: 420px; }

.footer                         { padding: 8px 0 0 0; margin: 0 auto; color: #4e5766; text-align: center; line-height: normal; }


.menu ul li a,.menu ul li a:visited {
    padding: 4px 20px;
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #f8f8ff;
    display: block;
    line-height: 3.35em;
    text-decoration: none;
    white-space: nowrap;
}

.SearchListTableHeader  
{
    background-color:   #333663 !important;
    color:              #fff !important;
    padding:            5px !important;
    font-family:        Verdana, Helvetica, sans-serif;
    font-size:          13px;
    line-height:        20px;
}

div.menu                            { padding: 4px 0 4px 8px; color: #fff; }
    div.menu a, div.menu a:visited  { color: #f8f8ff; text-decoration: underline; }
    div.menu ul                     { padding: 0; margin: 0; list-style: none; width: auto; color: #fff; background: #fff; }
    div.menu ul li a:hover          { background-color: #f8f8ff; color: #f8f8ff; text-decoration: none; }
    div.menu ul li a:active         { background-color: #f8f8ff; color: #f8f8ff; text-decoration: none; }
    div.menu ul li a, div.menu ul li a:visited {
        padding: 4px 20px;
        background-color: #465c71;
        border: 1px #4e667d solid;
        color: #f8f8ff;
        display: block;
        line-height: 3.35em;
        text-decoration: none;
        white-space: nowrap;
    }

fieldset                        { padding: 1em; margin: 1em 0; border: 1px solid #ccc; }
    fieldset p                  { margin: 2px 12px 10px 10px; }
    fieldset label.inline       { display: inline; }
    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

.Text10                         { font-size: 10px; }
.Text11                         { font-size: 11px; }
.Text12                         { font-size: 12px; }
.Text12Bold                     { font-size: 12px; font-weight: bold; }
.Text12Italicize                { font-size: 12px; font-style: italic; }
.Text13                         { font-size: 13px; }
.Text13Bold                     { font-size: 13px; font-weight: bold; }
.Text13Italicize                { font-size: 13px; font-style: italic; }
.Text14                         { font-size: 14px; }
.Text14Bold                     { font-size: 14px; font-weight: bold; }
.Text14Italicize                { font-size: 14px; font-style: italic; }
.Text15                         { font-size: 15px }
.Text15Bold                     { font-size: 15px; font-weight: bold; }
.Text15Italicize                { font-size: 15px; font-style: italic; }
.Text16                         { font-size: 16px; }
.Text16Bold                     { font-size: 16px !important; font-weight: bold !important; }
.Text16Italicize                { font-size: 16px; font-style: italic; }
.Text18                         { font-size: 18px; }
.Text18Bold                     { font-size: 18px; font-weight: bold; }
.Text18Italicize                { font-size: 18px; font-style: italic; }

.rbl12                          { font-size: 12px; }
.rbl12Sex                       { display: inline; font-size: 12px; }
.rbl14Bold                      { padding: 10px 3px 3px 3px; margin: auto; font-size: 14px; font-weight: bold; text-align: center; }

legend                          { /*padding: 2px 4px 8px 4px;*/ font-size: 1.1em; font-weight: 600; }

.clear                          { clear: both; }

.title                          { display: block; float: left; text-align: left; width: auto; }

.bold                           { font-weight: bold; }

.pnlIdentificationInfo          { padding: 0; margin: 0 auto; border: solid 1px black; text-align: center; width: 90%; }

.pnlCenter                      { padding: 0; margin: 0 auto; border: solid 1px black; text-align: center; width: 95%; }

.HidePanel                      { display: none; }

.ShowPanel                      { display: inline; }

.ColumnHeader                   { font-size: 12px; }

.RequiredText                   { color: Red; }

.DivHeader                      { font-size: 14px; font-weight: bold; }

.padRight                       { padding: 2px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }