html
{ /*av*/
    height: 100%;
}

body
{
    font-family: Helvetica;
    font-size: 12px;
    color: white;
    background-color: #333331;
    margin: 0px;
    padding: 0px;
    height: 100%; /*av*/
}

form
{
    margin: 0px;
    padding: 0px;
    height: 100%; /*av*/
}

#Account
{
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    padding: 0px 15px 0px 15px;
    vertical-align: middle;
}

#Navigate
{
    color: Black;
    font-size: 11px;
    font-weight: bold;
}

#MenuName
{
    font-size: 14px;
    font-weight: bold;
    background-color: #333331;
    color: white;
    /*padding: 0px 10px 3px 15px;*/
    padding: 0px 10px 0px 15px;
    text-transform: uppercase;
}

#LeftMenu
{
    font-size: 13px;
    font-weight: bold;
    color: #333331;
    vertical-align: top;
    text-align: right;
    padding: 0px 40px 0px 10px;
    line-height: 12px;
}

    #LeftMenu span.menuItem
    {
        display: block;
        line-height: 15px;
    }

    #LeftMenu span.notes
    {
        font-size: 10px;
        color: White;
        line-height: normal;
        margin: 4px 5px 0px 10px;
        display: block;
    }

    #LeftMenu a
    {
        color: white;
        text-decoration: none;
    }

        #LeftMenu a:hover
        {
            color: white;
            text-decoration: underline;
        }

    #LeftMenu table
    {
        font-size: 12px;
        font-weight: bold;
        border: none;
        border-collapse: collapse;
    }

    #LeftMenu td
    {
        color: white;
        padding-left: 3px;
        padding-right: 3px;
    }

#TopNote
{
    vertical-align: top;
    text-align: center;
    padding-top: 11px;
    color: Black;
    font-weight: bold;
}

#TopMenu
{
    font-size: 13px;
    font-weight: bold;
    background-color: #333331;
    color: #6ABFD3;
    vertical-align: middle;
    padding: 0px 10px 0px 10px;
}

    #TopMenu a
    {
        color: white;
        text-decoration: none;
    }

        #TopMenu a:hover
        {
            color: white;
            text-decoration: underline;
        }

#CopyRight
{
    font-size: 10px;
    text-align: right;
    /*vertical-align: bottom;*/
    padding: 0px 15px 0px 8px;
}

#AdditionalMenu
{
    font-size: 11px;
    vertical-align: middle;
}

    #AdditionalMenu a
    {
        color: #BBB;
        text-decoration: none;
    }

#AdditionalMenuTop
{
    font-size: 11px;
    vertical-align: middle;
}

    #AdditionalMenuTop a
    {
        color: #BBB;
        text-decoration: none;
    }


#AdditionalMenu a:hover
{
    color: white;
    text-decoration: underline;
}

#MainContent
{
    color: Black;
    font-size: 12px;
    font-weight: normal;
    vertical-align: top;
    background-color: #F0F0EE;
    padding: 0px;
}

    #MainContent table
    {
        font-size: 12px;
        border: none;
        border-collapse: collapse;
    }

    #MainContent td
    {
        color: black;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 1px; /*av*/
        padding-bottom: 1px; /*av*/
    }

    #MainContent .number
    {
        font-size: 34px;
        color: #6BC0D4;
        font-weight: bold;
        /*float: left;*/
    }

    #MainContent a.tab
    {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        font-size: 13px;
    }

    #MainContent table.section
    {
        width: 100%;
        text-decoration: none;
    }

    #MainContent td.content
    {
        border-top: none;
        border-left: 2px solid #7CC6D8;
        border-bottom: 2px solid #7CC6D8;
        border-right: 1px solid #7CC6D8;
        margin: 0px;
        padding: 5px;
        vertical-align: top;
        font-size: 13px;
    }

    #MainContent td.spacer
    {
        border-bottom: 1px solid #7CC6D8;
        margin: 0px;
    }

    #MainContent td.activeTab
    {
        border-top: 1px solid #7CC6D8;
        border-right: 1px solid #7CC6D8;
        border-bottom: 1px solid #D1E8F0;
        border-left: 2px solid #7CC6D8;
        margin: 0px;
        padding-left: 5px;
        text-align: left;
    }

    #MainContent td.inactiveTab
    {
        border-top: 1px solid #7CC6D8;
        border-right: 1px solid #7CC6D8;
        border-left: 1px solid #7CC6D8;
        border-bottom: 1px solid #7CC6D8;
        background-color: #D1E8F0;
        margin: 0px;
        padding-left: 5px;
        text-align: left;
    }

p
{
    margin-top: 4px;
}

h1
{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 6px;
}

h2
{
    color: #555;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 3px;
}

h3
{
    color: #555;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 3px;
}

hr
{
    color: #6BC0D3;
    height: 1px;
    background-color: #6BC0D3;
    border: 1px solid #6BC0D3;
}

a
{
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    color: #1133AA;
}

    a.text
    {
        text-decoration: underline;
        color: #1133AA;
    }

/*av*/
table.standard
{
    border: 0px;
    border-collapse: collapse;
}

    table.standard td
    {
        padding: 0px;
    }

table.sparsed1
{
    border-spacing: 1px;
    border-collapse: separate;
}

    table.sparsed1 td
    {
        padding: 1px;
    }

table.maximized
{
    width: 100%;
    height: 100%;
}

table.noborder
{
    border: 0;
    border-collapse: collapse;
}

table.sparsed td
{
    padding: 2px;
}

table.leftpadded td
{
    padding-left: 10px;
}
/*eof av*/

table.data
{
    border: 1px solid #222;
    font-size: 11px;
}

table.searchTable
{
    border: 1px solid #222;
    font-size: 11px;
}

table.data td
{
    border: 1px solid #222;
}

table.searchTable td
{
    border: none;
}

table.data td.colored, table.data tr.colored
{
    background-color: #E3E3F0;
}

table.searchTable td.colored, table.searchTable tr.colored
{
    background-color: #E3E3F0;
}

table.data th, table.data tr.header
{
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #222;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    background-color: #6bc0d4;
}

table.searchTable th, table.searchTable tr.header
{
    border: none;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    background-color: #6bc0d4;
}

    table.data th a, table.searchTable th a
    {
        font-size: 12px;
        font-weight: bold;
        color: white;
    }

table.data td a, table.searchTable td a
{
    font-size: 11px;
    font-weight: normal;
    color: #663366;
}

table.data tr.cursor, table.searchTable tr.cursor
{
    background-color: #B0ED51;
}

div.tableHeader
{
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
    text-align: left;
    background-color: #6bc0d4;
}

span.validator
{
    font-weight: bold;
    color: Red;
}

ul
{
    margin-bottom: 5px;
    margin-left: 0px;
    margin-top: 2px;
}

li
{
    list-style-type: none;
    margin-left: 10px;
}

    li a.icon
    {
        font-size: 14px;
        text-decoration: none;
        color: Green;
    }

a.levels
{
    font-size: 12px;
    color: #333;
}

li span.icon
{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

table.checkbox input, input.checkbox, span.checkbox input, table.radio input
{
    border: 0px;
    text-align: center;
    font-weight: bold;
    vertical-align: -3px;
}

input, textarea, select
{
    font-size: 12px;
    border: 1px solid #4280AD;
    vertical-align: -2px;
}

div.Section
{
    border-left: 3px solid #7CC6D8;
    border-top: 1px solid #7CC6D8;
    border-right: 1px solid #7CC6D8;
    border-bottom: 2px solid #7CC6D8;
    padding: 8px;
    margin-bottom: 8px;
    width: 100%;
}

div.SectionFilled
{
    border-left: 3px solid #7CC6D8;
    border-top: 1px solid #7CC6D8;
    border-right: 1px solid #7CC6D8;
    border-bottom: 2px solid #7CC6D8;
    padding: 8px;
    margin-bottom: 8px;
    width: 100%;
    background-color: #CBEAF2;
}

div.TitleForPage
{
    font-size: 16pt;
    margin-top: 0px;
    margin-bottom: 5px;
    font-family: Arial;
}

input.button
{
    font-size: 12px;
    font-weight: bold;
    border: none;
    vertical-align: -2px;
    color: White;
    background: url( '../images/button_texture_check.gif' ) no-repeat 0% 50%;
    height: 21px;
    padding-left: 30px;
    padding-right: 0px;
    text-align: left;
}

input.back
{
    font-size: 12px;
    font-weight: bold;
    border: none;
    vertical-align: -2px;
    color: White;
    background: url( '../images/button_texture_back.gif' ) no-repeat 0% 50%;
    height: 21px;
    padding-left: 30px;
    padding-right: 0px;
    text-align: left;
}

input.next
{
    font-size: 12px;
    font-weight: bold;
    border: none;
    vertical-align: -2px;
    color: White;
    background: url( '../images/button_texture.gif' ) no-repeat 100% 50%;
    height: 21px;
    padding-left: 20px;
    padding-right: 10px;
    text-align: left;
}

/*av ie10-11 fix*/
input[disabled="disabled"]
{
    color: gray;
}

span.phone
{
    color: #EA6E34;
    font-weight: bold;
}

.training-mode
{
    padding: 2px 3px 2px 5px;
    color: #ff6600;
    background-color: #ffcc99;
    font-size: 16px;
    font-weight: bold;
    border: #ff6600 1px solid;
    margin-bottom: 10px;
}

.bucket
{
    font-family: Arial,Tahoma,Helvetica,sans-serif;
    width: 225px;
    height: 221px;
}

    .bucket .header
    {
        font-size: 18px;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        padding-top: 11px;
    }

    .bucket .paragraph
    {
        font-size: 12px;
        padding: 25px 16px 0 16px;
        text-align: left;
        height: 145px;
    }

    .bucket .login-label
    {
        float: left;
        font-weight: bold;
        font-size: 12px;
    }

    .bucket .login-field
    {
        float: left;
        font-weight: bold;
        font-size: 12px;
        color: #75b2bf;
        padding-left: 5px;
    }

.color-red
{
    color: Red !important;
}

.bucket .link
{
    font-size: 14px !important;
    padding-left: 82px;
}

span.title
{
    font-size: 11px;
    font-weight: bold;
}

span.note
{
    font-size: 11px;
    font-weight: normal;
}

span.warning
{
    color: red;
    font-size: 11px;
}

span.titleGrey
{
    color: #555;
    font-size: 11px;
    font-weight: bold;
}

#divInfoContent
{
    border: 1px solid gray;
    background: white;
    position: absolute;
    display: none;
    visibility: hidden;
    text-align: right;
}

    #divInfoContent a
    {
        margin: 3px;
        font-size: 14px;
        text-decoration: none;
    }

#divSystemReports
{
    height: 62px;
    width: 173px;
    background: url('../images/system_reports_no_link.gif') no-repeat;
    line-height: 25px;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-align: left;
}

    #divSystemReports a
    {
        color: white;
        text-decoration: none;
    }

        #divSystemReports a:hover
        {
            text-decoration: underline;
        }

#divTechHelp
{
    height: 63px;
    width: 173px;
    background: url('../images/techical_help_no_link.gif') no-repeat;
    line-height: 25px;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    color: white;
    text-align: left;
}

    #divTechHelp a
    {
        color: white;
        text-decoration: none;
    }

        #divTechHelp a:hover
        {
            text-decoration: underline;
        }

.asterix {
    padding-right: 3px;
    color: red;
    font-weight: bold;
}

.form-control {
    padding-left: 3px;
    padding-bottom: 3px;
}

.form-linline {
    margin-top: 5px;
    margin-bottom: 5px;
}