/**********************************************
main-color:#5992d9;
second-color:#D6E4F6;
third-color:#F1F6FC;

font color:#3B3B3B;

TOOLBAR
background-color:#DEE9F7;
border: solid 1px #CDDEF4;

Box-Colors
background-color:#f9f9f9;
border:solid 1px #DEDEDE;

Box Header
background-color:#EEE;
************************************************/

/***************** BODY CONTENT **********************/

html {
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

body, form {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px;
    min-height: 100% !important;
    height: 100%;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: "PT Sans", "Open Sans", Calibri, Helvetica, Tahoma, Arial, Verdana, Sans-Serif;
    color: #28304e;
    font-size: 12px;
}

    body .normal {
        font-family: inherit;
        font-size: 12px;
        color: #1a1a1a;
        font-weight: normal;
        float: left;
    }

h1 {
    font-family: "Open Sans", Lucida Sans Unicode, Verdana, Arial, Helvetica,Sans-Serif !important;
    font-size: 22px;
    color: #e4358e;
    font-weight: normal;
    float: left;
    width: 100%;
    margin-bottom: 2px;
}

h2 {
    font-family: "Open Sans", Lucida Sans Unicode, Verdana, Arial, Helvetica,Sans-Serif;
    font-size: 18px;
    font-weight: normal;
    color: #6b478e;
    margin-bottom: 10px;
    margin-top: 3px;
    border-bottom: dotted 1px #bababa;
}

h3 {
    font-family: "Open Sans", Lucida Sans Unicode, Arial, Helvetica,Sans-Serif;
    font-size: 14px;
    color: #6b478e;
    font-weight: 500;
    margin-bottom: 3px;
    margin-top: 3px;
}

h4 {
    font-family: "Open Sans", Tahoma, Arial, Helvetica,Sans-Serif;
    font-size: 13px;
    color: #6b478e;
    font-weight: normal;
    text-transform: uppercase;
}

h5 {
    font-family: inherit;
    font-size: 11px;
    color: #5083C3;
    font-weight: bold;
}

.h1 {
    font-family: "Open Sans", Lucida Sans Unicode, Verdana, Arial, Helvetica,Sans-Serif !important;
    font-size: 22px;
    color: #e4358e;
    font-weight: normal;
    float: left;
    width: 100%;
    margin-bottom: 2px;
}

.h2 {
    font-family: "Open Sans", Lucida Sans Unicode, Verdana, Arial, Helvetica,Sans-Serif;
    font-size: 18px;
    font-weight: normal;
    color: #6b478e;
    margin-bottom: 10px;
    margin-top: 3px;
    border-bottom: dotted 1px #bababa;
}

.h3 {
    font-family: "Open Sans", Lucida Sans Unicode, Arial, Helvetica,Sans-Serif;
    font-size: 14px;
    color: #6b478e;
    font-weight: 500;
    margin-bottom: 3px;
    margin-top: 3px;
}

.h4 {
    font-family: "Open Sans", Tahoma, Arial, Helvetica,Sans-Serif;
    font-size: 13px;
    color: #6b478e;
    font-weight: normal;
    text-transform: uppercase;
}

.h5 {
    font-family: inherit;
    font-size: 11px;
    color: #5083C3;
    font-weight: bold;
}

/***************** LINKS **********************/

a {
    font-family: inherit;
    font-size: 12px;
    font-weight: normal;
    color: #143c85;
    text-decoration: none;
}

    a:hover {
        font-family: inherit;
        font-size: 12px;
        font-weight: normal;
        color: #5992d9;
        text-decoration: underline;
    }

p {
    color: inherit;
}

/***************** WRAPPER **********************/

.wrapper {
    min-width: 1000px;
    min-height: 100%;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0 !important;
    padding: 0 !important;
}

/***************** LOGIN PAGE **********************/

.wrapper-login {
    width: auto;
    min-height: 100%;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0 !important;
    padding: 0 !important;
}

.login {
    margin-top: 0 !important;
    padding: 0 !important;
    width: 400px;
    min-height: 600px;
    margin: 0 auto;
    font-family: "Open Sans", Tahoma, Arial, Helvetica,Sans-Serif;
    font-size: 100%;
}

    .login .logo {
        background-image: url('../../images/TMA/Web/main_logo.png');
        background-repeat: no-repeat;
        background-position: left top;
        margin: 0px;
        height: 80px;
        width: 130px;
        vertical-align: middle;
        float: left;
    }

    .login .title-wrap {
        float: left;
        margin: 0px;
        padding-top: 35px;
        vertical-align: middle;
        margin-bottom: 10px;
        text-align: right;
    }

        .login .title-wrap .title {
            font-family: inherit;
            font-size: 160%;
            color: #e4358e;
            font-weight: normal;
            margin: 0px 0px 2px 0px;
        }

        .login .title-wrap .sub-title {
            font-family: inherit;
            font-size: 130%;
            color: #3B3B3B;
            font-weight: normal;
            margin: 0;
        }

    .login .box-out {
        background: #6b478e;
        background-image: url('../../images/TMA/Web/side_triangle_bg.png');
        background-repeat: no-repeat;
        background-position: right top;
        width: 100%;
        height: 220px;
        font-family: inherit;
        font-weight: bold;
        color: #ffffff;
        float: left;
        vertical-align: top;
        margin-top: 10px;
        border-radius: 10px 10px 10px 10px;
        box-shadow: 3px 3px 15px #d1d1d1;
        font-size: 100%;
    }

    .login .box-in {
        margin-top: 50px;
        height: auto;
    }

    .login .info-out {
        font-family: inherit;
        font-size: 12px;
        float: left;
        vertical-align: top;
        margin-top: 5px;
        color: #333333;
    }

    .login .info-in {
        width: 100%;
        height: 100px;
    }

        .login .info-in a {
            color: #333333;
            text-decoration: underline;
            cursor: pointer;
        }

    .login .group-text {
        float: left;
        width: 35%;
        text-align: right;
        color: #ffffff;
        line-height: 30px;
    }

    .login .group-control {
        float: left;
        width: 65%;
        line-height: 30px;
    }

        .login .group-control input {
            margin-left: 5px;
            width: 150px;
        }

    .login .userid-text {
        float: left;
        width: 35%;
        text-align: right;
        color: #ffffff;
        line-height: 30px;
    }

    .login .userid-control {
        float: left;
        width: 65%;
        line-height: 30px;
    }

        .login .userid-control input {
            margin-left: 5px;
            width: 150px;
        }

    .login .pass-text {
        float: left;
        width: 35%;
        text-align: right;
        color: #ffffff;
        line-height: 30px;
    }

    .login .pass-control {
        float: left;
        width: 65%;
        line-height: 30px;
    }

        .login .pass-control input {
            margin-left: 5px;
            width: 150px;
        }

    .login .button-text {
        float: left;
        width: 35%;
        text-align: right;
        color: #ffffff;
        line-height: 30px;
    }

    .login .button-control {
        float: left;
        width: 60%;
        line-height: 30px;
        padding-left: 7px;
        margin-right: -7px;
    }

        .login .button-control > .button {
            border-style: none;
            border-width: 0px;
            background-color: #d71f85;
            width: 152px;
            height: 28px;
            color: #ffffff;
            font-weight: bold;
            font-size: 12px;
            box-shadow: 1px 1px 5px #888888;
        }

            .login .button-control > .button:hover {
                border-style: none;
                border-width: 0px;
                background-color: #ac2973;
                width: 152px;
                height: 28px;
                color: #ffffff;
                font-weight: bold;
                font-size: 12px;
                box-shadow: 1px 1px 5px #888888;
            }

    .login .errors-messages {
        width: 100%;
        float: left;
        font-size: 12px !important;
    }

    .login .login-footer {
        font-family: "PT Sans","Open Sans", Tahoma, Arial, Helvetica,Sans-Serif;
        width: 100%;
        color: #666666;
        float: left;
        margin-top: 25px;
        text-align: left;
    }

        .login .login-footer .copyright {
            float: left;
            text-align: left;
        }

        .login .login-footer .version {
            float: right;
            text-align: right;
        }

        .login .login-footer a {
            float: left;
            color: inherit !important;
            text-decoration: underline !important;
        }

/***************** PAGE HEADER & TITLE **********************/

.page-header {
    border: none;
    padding: 0px 0px 5px 0px;
    margin: 0px;
    width: 100%;
    height: 60px;
}

    .page-header > .logo {
        background-color: transparent;
        background-image: url('../../images/TMA/Web/main_logo_med.png');
        background-repeat: no-repeat;
        background-position: left top;
        height: 60px;
        width: 100px;
        float: left;
        cursor: pointer;
    }

    .page-header > .title-wrap {
        height: 100%;
        margin-left: 20px;
        float: left;
    }

        .page-header > .title-wrap > .title {
            font-size: 22px;
            font-weight: normal;
            color: #e4358e;
            margin-top: 15px;
        }

        .page-header > .title-wrap > .sub-title {
            font-size: 14px;
            font-weight: normal;
            color: #3b3b3b;
        }

    .page-header > .login-details {
        margin-top: 15px;
        float: right;
        font-weight: bold;
    }

/***************** PAGE MENU (Menu Bar) **********************/
.page-menu {
    width: 100%;
    line-height: 30px;
    font-family: "Futura-Heavy","Open Sans", Tahoma, Arial, Helvetica,Sans-Serif;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #6b478e;
    padding: 1px;
    background-image: url('../../images/TMA/Web/side_triangle_bg.png');
    background-repeat: no-repeat;
    background-position: right center;
    box-shadow: 1px 1px 3px #888888;
}

    .page-menu ul {
        margin: 0px;
        margin-left: 10px;
        padding: 0px;
        list-style: none;
        float: none;
    }

    .page-menu li {
        display: inline-block;
        *display: inline;
        zoom: 1;
        cursor: pointer;
    }

    .page-menu ul li a {
        display: block;
        *display: inline;
        /* zoom: 1; */
        text-decoration: none;
        font-weight: normal;
        color: #ffffff;
        padding: 0px 3px 0px 3px;
        margin: 0px 10px 0px 10px;
        border-bottom: solid 3px #6b478e;
    }

        .page-menu ul li a:hover {
            color: #d71f85 !important;
            border-bottom: 3px solid #d71f85;
        }

    .page-menu .active:not(hover) {
        color: #e1e1e1 !important;
        border-bottom: 3px solid #d71f85;
    }

/***************** SUB-MENU **********************/

.page-submenu {
    width: 100%;
    line-height: 20px;
    float: left;
    font-family: inherit;
    background-color: #f2f0f2;
    font-size: 14px;
    color: #6b478e;
    padding: 1px;
    padding-top: 3px;
    margin-bottom: 2px;
    border-bottom: solid 1px #e1e1e1;
    /*box-shadow: 1px 1px 3px #888888;*/
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #e4e0e5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e0e5',GradientType=0 );
    -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
    -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
    box-shadow: inset 0px -3px 7px 0px #ffffff;
    border: 1px solid #dcdcdc;
    height: 33px;
}

/***************** BREADCRUMB **********************/
.breadcrumb {
    color: #3B3B3B;
    font-family: inherit;
    font-size: 12px;
    padding: 5px 0px 3px 0px;
    float: right;
    margin-right: 10px;
}

    .breadcrumb a {
        text-decoration: none;
        color: #3B3B3B;
        font-family: inherit;
        font-size: 12px;
    }

        .breadcrumb a:hover {
            font-family: inherit;
            text-decoration: underline;
        }

    .breadcrumb .sidepath {
        float: right;
        margin-left: 5px;
    }

        .breadcrumb .sidepath .sidepath-title {
            font-weight: 500;
            color: #666666;
        }

/***************** CONTENT **********************/
.content {
    display: inline-block;
    min-width: 1200px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding-bottom: 50px;
}

.content-left {
    background: #f7f7f7;
    background-image: url('../../images/tma/Web/side_bg.png');
    background-repeat: repeat-y;
    background-position: right top;
    display: inline-block;
    width: 16%;
    margin-right: 0.8%;
    white-space: normal;
    margin-bottom: 80px;
    float: left;
    height: auto;
    border: 1px solid #e6e7f3;
    background: url('../../images/tma/Web/side_bg.png') repeat-y right, -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #e4e0e5 100%);
    background: url('../../images/tma/Web/side_bg.png') repeat-y right, -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    background: url('../../images/tma/Web/side_bg.png') repeat-y right, linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
    -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
    -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
    box-shadow: inset 0px -3px 7px 0px #ffffff;
    border: 1px solid #dcdcdc;
}

    .content-left .cl-header {
        color: #112262;
        font-size: 16px;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
        line-height: 18px;
        font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica;
    }

        .content-left .cl-header div {
            padding: 5px;
        }

        .content-left .cl-header a {
            color: #e4358e !important;
        }

    .content-left .cl-subheader {
        color: #000000;
        font-size: 14px;
        float: left;
        width: 100%;
        border-bottom: solid 1px #eeeeee;
        padding-bottom: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .content-left .cl-arrow-expand div {
        background-image: url('../../images/Web/arrow_right_darkgray_16.png');
        background-repeat: no-repeat;
        background-position: left center;
        padding: 5px;
        padding-left: 20px;
        border-top: dotted 1px #bdbdbd;
        font-size: 14px;
        line-height: 25px;
    }

    .content-left .cl-arrow-collapse div {
        background-image: url('../../images/Web/collapse_darkgray_16.png');
        background-repeat: no-repeat;
        background-position: left center;
        padding: 5px;
        padding-left: 20px;
        border-top: dotted 1px #bdbdbd;
        font-size: 14px;
        line-height: 25px;
    }

    .content-left .cl-body {
        margin: 8px;
    }

        .content-left .cl-body div {
            margin-bottom: 5px;
        }

        .content-left .cl-body .control {
            width: 92%;
        }

.content-right {
    display: inline-block;
    white-space: normal;
    width: 83%;
    min-width: 600px;
    float: left;
    min-height: 100%;
    overflow: visible;
    padding-bottom: 100px;
}

.content-left-large {
    width: 22.5%;
    margin-right: 0.5%
}

.content-right-large {
    min-width: 300px;
    width: 76.5%;
}

.arrow-expand {
    background-image: url('../../../images/Web/collapse_darkgray_16.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

.arrow-collapse {
    background-image: url('../../../images/Web/arrow_right_darkgray_16.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

.arrow-expand-blue {
    background-image: url('../../../images/Web/arrow_trans_right_16.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

.arrow-collapse-blue {
    background-image: url('../../../images/Web/collapse_16.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

#txtGroup {
    font-family: Sans-Serif, Helvetica, Arial;
    font-size: 14px;
    box-shadow: none;
    border: solid 1px #ccbbdd;
}

#txtUserID {
    font-family: Sans-Serif, Helvetica, Arial;
    font-size: 14px;
    box-shadow: none;
    border: solid 1px #ccbbdd;
}

#txtPassword {
    font-family: Sans-Serif, Helvetica,Arial;
    font-size: 14px;
    box-shadow: none;
    border: solid 1px #ccbbdd;
}

/***************** CONTENT ADMIN **********************/

.content-admin {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flexbox;
    display: flex;
    overflow: visible;
    height: 100%;
    min-height: 100%;
}

.content-left-admin {
    margin-right: 0.6%;
    width: 22%;
    max-width: 250px;
    display: inline-block;
    margin-bottom: 80px;
    float: left;
    height: auto;
    order: 0;
    display: table-cell;
}

.content-right-admin {
    width: 84.0%;
    float: left;
    height: 100%;
    min-height: 650px;
    overflow: visible;
    background-color: #f7f7f7;
    box-sizing: border-box;
    display: block;
    order: 2;
    padding-bottom: 20px;
    margin-bottom: 80px;
    border-radius: 0px;
    /*
    box-shadow: 1px 1px 3px #888888;
    box-shadow:inset -1px -2px 10px 0px #c7c4cb;
    border:1px solid #dcdcdc;*/
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e0e5',GradientType=0 );
    -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
    -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
    box-shadow: inset 0px -3px 7px 0px #ffffff;
    border: 1px solid #dcdcdc;
}

.content-admin-wrapper {
    margin: 10px;
    margin-left: 20px;
}

.content-left-admin .cl-header {
    color: #000000;
    font-size: 16px;
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 18px;
    font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica;
}

/***************** CONTENT SECTION **********************/

.content-section {
    background: #f7f7f7;
    background-image: url('../../images/tma/Web/side_bg.png');
    background-repeat: repeat-y;
    background-position: right top;
    display: inline-block;
    width: 100%;
    height: auto;
    box-shadow: 1px 1px 5px #888888;
    margin-bottom: 10px;
    border: 1px solid #e6e7f3;
    background: url('../../images/tma/Web/side_bg.png') repeat-y right, -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #e4e0e5 100%);
    background: url('../../images/tma/Web/side_bg.png') repeat-y right, -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    background: url('../../images/tma/Web/side_bg.png') repeat-y right, linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e0e5',GradientType=0 );
    -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
    -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
    box-shadow: inset 0px -3px 7px 0px #ffffff;
    border: 1px solid #dcdcdc;
}

    .content-section .cs-inner {
        margin: 5px;
    }

.auto-width {
    width: auto;
}

.min-width-auto {
    min-width: 750px;
    width: auto;
}

.min-width-70pc-auto {
    min-width: 70%;
}

.section-popup {
    position: absolute;
    right: 7.3%;
    min-width: 220px;
    margin-top: -8px;
    width: auto;
    min-height: 150px;
    background: #ffffff !important;
    border: solid 1px #eaeaea;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9;
    float: right;
}

.reader-section {
    margin-top: 10px;
    width: auto;
    padding: 5px 0px 10px 0px;
    border: solid 1px #ddd4e6;
    border-right: 0px;
    border-left: 0px;
    box-shadow: inset 0px -2px 15px 0px #ffffff;
    border-radius: 5px;
}

    .reader-section div {
        margin: 5px;
        margin-left: 10px;
    }

    .reader-section .header {
        font-size: 14px;
        font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica;
        color: #112262;
    }

/***************** FOOTER **********************/
.footer {
    font: 12px "PT Sans","PTSansRegular","Open Sans", Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #1c1e31 !important;
    text-align: center;
    padding-top: 15px;
    background-color: #f7f7f7;
    position: relative;
    margin-top: -80px;
    height: 80px;
    clear: both;
    /*border-top: 1px solid #cbd4dc;*/
    box-shadow: inset 0px 6px 10px -5px #bababa;
}

    .footer a {
        color: #1c1e31;
        text-decoration: none;
    }

    .footer .footer-list {
        width: 100%;
        font-family: inherit;
        font-size: 12px !important;
        margin-bottom: 10px;
        line-height: 12px !important;
    }

        .footer .footer-list ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .footer .footer-list li {
            display: inline-block;
            *display: inline;
            cursor: pointer;
            text-align: center;
            padding: 0px 7px 0px 5px;
            border-right: solid 1px #B6B6B6;
        }

        .footer .footer-list ul li a {
            display: block;
            *display: inline;
            text-decoration: none;
            font-weight: normal;
            margin: 0;
            font-size: 12px !important;
        }

        .footer .footer-list a:hover {
            color: #e4358e;
            text-decoration: underline;
        }

    .footer > .footer-list li:last-child {
        border-right: 0;
    }

/***************** INDEX PAGE***********************/
.index-page {
    float: left;
    height: auto;
    font-family: inherit;
    margin-top: 20px;
}

    .index-page .title-wrap {
        float: left;
        width: 100%;
    }

        .index-page .title-wrap h1 {
            margin-top: 0px;
        }

        .index-page .title-wrap p {
            font-size: 14px;
            color: #6b478e;
        }

    .index-page a {
        text-decoration: none;
        color: #6b478e;
    }

        .index-page a:hover {
            text-decoration: underline;
            color: #6b478e;
        }

    .index-page .box-outer {
        background: #e1e1e1;
        background: -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #e4e0e5 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e0e5',GradientType=0 );
        -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
        -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
        box-shadow: inset 0px -3px 7px 0px #ffffff;
        border: 1px solid #dcdcdc;
        text-align: left;
        float: left;
        min-width: 200px;
        width: 31%;
        height: 120px;
        margin-left: 0.5%;
        margin-right: 0.5%;
        margin-bottom: 0.5%;
        color: #3B3B3B;
        padding: 5px;
        cursor: pointer;
    }

    .index-page .box-inner {
        height: 33px;
        color: #555555;
        margin-bottom: 15px;
        font-family: inherit;
        font-size: 13px;
        font-weight: normal;
    }

        .index-page .box-inner h2 a {
            color: #555555 !important;
            font-family: inherit;
            font-size: 13px !important;
            font-weight: normal !important;
        }

    .index-page .message-outer {
        background-image: url('../../images/Web/bg_index.png');
        background-position: bottom;
        background-repeat: repeat-x;
        text-align: left;
        float: right;
        width: 312px;
        min-height: 120px;
        height: auto;
        margin-right: 5px;
        margin-bottom: 5px;
        color: #5083C3;
        padding: 5px;
        cursor: pointer;
    }

        .index-page .message-outer td > a {
            color: #6b478e;
        }

    .index-page .message-inner {
        min-height: 33px;
        height: auto;
        color: #5083C3;
        margin-bottom: 15px;
        font-family: inherit;
        font-size: 13px;
        font-weight: normal;
    }

        .index-page .message-inner a {
            color: #6b478e !important;
            font-family: inherit;
            font-size: 13px !important;
            font-weight: normal !important;
        }

    .index-page .box-inner .schedule {
        background-image: url('../../images/TMA/Web/img_schedule.png');
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 34px;
        height: 34px;
    }

    .index-page .box-inner .mtd-reg {
        background-image: url('../../images/TMA/Web/img_register.png');
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 34px;
        height: 34px;
    }

    .index-page .box-inner .test-dial {
        background-image: url('../../images/TMA/Web/img_run.png');
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 34px;
        height: 34px;
    }

    .index-page .box-inner .site-mng {
        background-image: url('../../images/TMA/Web/img_site_manag.png');
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 34px;
        height: 34px;
    }

    .index-page .box-inner .jobs {
        background-image: url('../../images/TMA/Web/img_job.png');
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 34px;
        height: 34px;
    }

    .index-page .box-inner .reader-rep {
        background-image: url('../../images/TMA/Web/img_list.png');
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 34px;
        height: 34px;
    }

    .index-page .box-inner .mtd-rep {
        background-image: url('../../images/TMA/Web/img_list.png');
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 34px;
        height: 34px;
    }

    .index-page .box-inner .admin {
        background-image: url('../../images/TMA/Web/img_admin.png');
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 34px;
        height: 34px;
    }

    .index-page .box-inner .notices {
        background-image: url('../../images/TMA/Web/img_notices.png');
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 34px;
        height: 34px;
    }

/***************** INDEX MENU***********************/

.index-menu {
    float: left;
    width: 300px;
    padding-top: 5px;
    font-family: "Futura-Heavy","PTSans","Open Sans", Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #080808 !important;
    border-bottom: 1px solid #cbd4dc !important;
}

    .index-menu ul {
        display: block;
        padding: 0px;
        margin: 0px;
    }

    .index-menu li {
        display: block;
        cursor: pointer;
        vertical-align: middle;
        line-height: 35px;
        margin-bottom: 6px;
        border-top: 1px solid #cbd4dc !important;
    }

    .index-menu ul li a {
        display: block;
        text-decoration: none;
        padding: 0px 0px 0px 20px;
    }

    .index-menu a:hover {
        display: block;
        text-decoration: none;
        color: #e4358e;
    }

    .index-menu .active {
        display: block;
        text-decoration: none;
        color: #e4358e;
    }

/***************** PAGE TOOLBAR ***********************/
.page-toolbar {
    font-family: inherit;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top: -53px;
    margin-right: -2px;
    position: absolute;
    right: 7.4%;
    height: auto;
    font-size: 12px;
    line-height: 25px;
    padding: 2px;
    border-bottom: solid 1px #edeaee;
    background-color: #d6c9e4;
    border-bottom: solid 1px #e1e1e1;
    /*box-shadow: 1px 1px 3px #888888;*/
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #e4e0e5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e0e5',GradientType=0 );
    -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
    -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
    box-shadow: inset 0px -3px 7px 0px #ffffff;
    border: 1px solid #dcdcdc;
    display: inline-block;
}

    .page-toolbar div {
        padding: 5px;
    }

    .page-toolbar .toolbar-left {
        float: left;
        text-align: left;
        vertical-align: middle;
    }

        .page-toolbar .toolbar-left a {
            margin-left: 5px;
            margin-right: 5px;
        }

    .page-toolbar .toolbar-right {
        float: right;
        text-align: right;
        vertical-align: middle;
    }

    .page-toolbar .normal {
        font-family: inherit;
        font-size: 12px;
    }

    .page-toolbar .title {
        font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica,Sans-Serif;
        font-size: 18px;
        font-weight: normal;
    }

/***************** ADMIN TOOLBAR ***********************/
.admin-toolbar {
    font-family: inherit;
    margin: 10px;
    font-size: 12px;
}

/***************** PAGE SECTION DIVIDER ***********************/
.page-section {
    font-family: inherit;
    font-size: 14px;
    color: #0a0707;
    background-color: #f7f7f7;
    border-bottom: dotted 1px #DEDEDE;
    margin-bottom: 5px;
    line-height: 35px;
    width: 100%;
    float: left;
}

    .page-section div {
        margin-left: 5px;
        margin-right: 5px;
    }

    .page-section span {
        margin-left: 5px;
        margin-right: 5px;
    }

    .page-section a {
        font-size: 14px !important;
        color: #6b478e !important;
    }

    .page-section #option-list {
        margin-top: 10px;
    }

    .page-section .med-line-height {
        line-height: 24px;
    }
/***************** Standard Box ***********************/

.box-std {
    background: #e1e1e1;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #e4e0e5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e0e5',GradientType=0 );
    -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
    -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
    box-shadow: inset 0px -3px 7px 0px #ffffff;
    border: 1px solid #dcdcdc;
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 5px;
}

.box-no-border {
    background-color: #f9f9f9;
    font-family: inherit;
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 5px;
}

/***************** Section Divider ***********************/
.section-item {
    color: #444444;
    vertical-align: middle;
    font-family: inherit;
    font-size: 12px;
    min-height: 25px;
    border-bottom: solid 1px #D6E4F6;
    padding-top: 5px;
    padding-bottom: 2px;
    margin-bottom: 5px;
}

    .section-item td {
        color: #444444;
        vertical-align: middle;
        font-family: inherit;
        font-size: 12px;
    }

    .section-item th {
        color: #444444;
        vertical-align: middle;
        font-family: inherit;
        font-size: 12px;
        background-image: url('../../images/Common/bg_section_std.png');
        background-position: bottom;
        background-repeat: repeat-x;
        background-color: Transparent;
        border-bottom: solid 1px #D6E4F6;
        border-top: solid 1px #eeeeee;
        font-weight: bold;
    }

    .section-item .dimmed {
        text-decoration: none;
        font-weight: normal;
        color: #9A9A9A;
    }

    .section-item a {
        color: #5992d9 !important;
        font-size: 12px !important;
    }

        .section-item a:link {
            color: #5992d9 !important;
            font-size: 12px !important;
        }

        .section-item a:visited {
            text-decoration: none;
            color: #5992d9;
        }

        .section-item a:active {
            color: #5992d9;
        }

        .section-item a:hover {
            color: #5992d9;
            text-decoration: underline;
        }

    .section-item table {
        text-align: center;
        margin: 0 auto;
    }

.section-border {
    border: solid 1px #CDDEF4;
}

.icon-map {
    background-image: url('../../images/TMA/Web/img_map.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.info-box {
    background-image: url('../../images/Mobile/info_std.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 30px;
    margin-right: -35px;
    display: inline-block;
    line-height: 28px;
    background-color: #f8f8dd;
}

.icon-run {
    background-image: url('../../images/TMA/Web/img_run.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-stats {
    background-image: url('../../images/TMA/Web/img_stats.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-filter-urgent {
    background-image: url('../../images/Common/filter_urgent.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-filter-special {
    background-image: url('../../images/Common/filter_special.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-sort {
    background-image: url('../../images/Common/sort_base.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-sort-priority {
    background-image: url('../../images/Common/sort_priority.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-sort-date {
    background-image: url('../../images/Common/sort_date.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-refresh {
    background-image: url('../../images/Common/refresh_32.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-last-item {
    background-image: url('../../images/Common/last_item.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-map-point {
    background-image: url('../../images/Common/map_point_flat_32.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-stats-flat {
    background-image: url('../../images/Common/stats_flat_32.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-priority {
    background-image: url('../../images/Common/high_priority_32.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-special {
    background-image: url('../../images/Common/star_special_32.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-special-sm {
    background-image: url('../../images/Common/star_special_20.png');
    background-position: left center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    float: left;
}

.icon-overdue {
    background-image: url('../../images/Common/urgent_32.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-urgent {
    background-image: url('../../images/Common/star_special_32.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.icon-upcoming {
    background-image: url('../../images/Common/button_upcoming.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.icon-current {
    background-image: url('../../images/Common/button_current.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
}

.icon-notice {
    background-image: url('../../images/Common/info_bubble_24.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px;
}

.icon-mapmarker-red {
    background-image: url('../../images/Common/map_marker_red_50.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 52px;
    height: 65px;
}

.icon-mapmarker-green {
    background-image: url('../../images/Common/map_marker_green_50.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 52px;
    height: 65px;
}

.icon-mapmarker-blue {
    background-image: url('../../images/Common/map_marker_blue_50.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 52px;
    height: 65px;
}

.icon-mapmarker-lightblue {
    background-image: url('../../images/Common/map_marker_lightblue_50.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 52px;
    height: 65px;
}

.icon-mapmarker-lightgreen {
    background-image: url('../../images/Common/map_marker_lightgreen_50.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 52px;
    height: 65px;
}

.icon-info-16 {
    background-image: url('../../images/mobile/info_std.png');
    background-position: left center;
    background-repeat: no-repeat;
    vertical-align: middle;
    float: left;
    padding-left: 20px;
}

.icon-info-gray-16 {
    background-image: url('../../images/Common/info_gray_16.png');
    background-position: left center;
    background-repeat: no-repeat;
    vertical-align: middle;
    float: left;
    padding-left: 18px;
}

.icon-tick-16 {
    background-image: url('../../images/Common/tick_icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    float: left;
    padding-left: 16px;
}

.icon-tick-round {
    background-image: url('../../images/Common/tick_round_16.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    float: left;
    padding-left: 16px;
}

.icon-calendar-20 {
    background-image: url('../../images/Common/calendar_20.png');
    background-position: left center;
    background-repeat: no-repeat;
    vertical-align: middle;
    float: left;
    padding-left: 20px;
    border: 0px !important;
}

.icon-cross-16 {
    background-image: url('../../images/Common/cross_dim.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    float: left;
    padding-left: 16px;
}

.icon-user-gray-sm {
    background-image: url('../../images/Common/user_gray_16.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
}

.icon-overdue-sm {
    background-image: url('../../images/Common/overdue_20.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 20px;
}

.icon-urgent-sm {
    background-image: url('../../images/Common/high_priority_20_2.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    float: left;
}

.icon-questionmark-sm {
    background-image: url('../../images/Common/val_err.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

.icon-delete-sm {
    background-image: url('../../images/Common/delete_std.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

.icon-tick-sm {
    background-image: url('../../images/Common/tick_icon.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

.icon-error-sm {
    background-image: url('../../images/Common/warning_16.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

.icon-warning-sm {
    background-image: url('../../images/Common/warning_shield_16.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

.icon-shield-sm {
    background-image: url('../../images/Common/shield_16.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

.icon-transfer-sm {
    background-image: url('../../images/Common/transfer_16.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

.icon-traffic-sm {
    background-image: url('../../images/Common/traffic_16.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

.icon-hourglass-sm {
    background-image: url('../../images/Common/hourglass_16.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

.icon-upload-sm {
    background-image: url('../../images/Common/arrow_up_sm.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

.icon-download-sm {
    background-image: url('../../images/Common/arrow_down_sm.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

.icon-request-sm {
    background-image: url('../../images/Common/arrow_right_sm.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

.icon-ignore-sm {
    background-image: url('../../images/Common/cross_16.png.png');
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    float: left;
}

/***************** TEXT ***********************/
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #969028;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.text-comment {
    color: #888888;
}
/***************** PROGRESS BAR***********************/

.progress-bar-sm {
    background-image: url('../../images/Web/progress_bar_sm.gif');
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: middle;
    float: left;
}

.progress-circle-sm {
    background-image: url('../../images/Web/progress.gif');
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: middle;
    float: left;
}

.progress-circle-24 {
    background-image: url('../../images/Common/progress_circle_24.gif');
    background-repeat: no-repeat;
    background-position: left top;
    vertical-align: middle;
    float: left;
}

.progress-bar-std {
    float: left;
    width: 100%;
    text-align: center;
    margin: 5px 0px 5px 0px;
    font-size: 14px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #323d64;
    line-height: 28px;
}

/***************** SECTION SAVE ***********************/

.section-save {
    float: left;
    width: 100%;
    margin: 10px 0px 10px 0px;
    height: auto;
    padding-top: 10px;
    border-top: 1px dotted #bababa;
    visibility: visible;
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

/***************** TAB ***********************/

.tab {
    width: 100%;
    line-height: 38px;
    font-size: 14px !important;
    background-position: center right;
    margin-bottom: 5px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    display: inline-block;
    margin-top: 3px;
}

    .tab ul {
        margin: 0px 0px 0px 0px;
        list-style: none;
        float: none;
        padding: 0px 0px 0px 20px;
        border-bottom: solid 1px #e1e1e1;
        margin-bottom: 10px
    }

    .tab li {
        min-width: 140px;
        height: 38px;
        display: inline-block;
        *display: inline;
        border-bottom: 0px;
        cursor: pointer;
        text-align: center;
        margin: 0px !important;
        border: solid 1px #e1e1e1;
        border-bottom: 0px !important;
        margin-left: 3px !important;
        background-color: #fbf9fb;
    }

    .tab ul > li > a {
        display: block;
        *display: inline;
        text-decoration: none;
        font-weight: normal;
        font-size: 13px !important;
        color: #5c536b;
        margin: 0px;
        padding: 0px;
    }

    .tab a:hover {
        background-color: #e4e0e5;
        border-bottom: -1px;
        color: #543572;
        text-decoration: none !important;
    }

    .tab .active {
        background-color: #ffffff;
        border-left: solid 1px #e1e1e1;
        border-right: solid 1px #e1e1e1;
        border-top: solid 3px #6b478e;
        border-bottom: solid 1px #ffffff !important;
        color: #6b478e;
        height: 38px;
        margin-top: -3px !important;
        margin-left: -1px !important;
        margin-right: -1px !important;
        border-radius: 2px 2px 0px 0px;
    }

/***************** MENU LIST **********************/
#menu-list {
    font-size: 14px;
    color: #5992d9;
    margin: 0px;
    margin-top: 0px;
    float: left;
    width: 100%;
    font-family: inherit;
}

    #menu-list ul {
        margin: 0px;
        list-style: none;
        padding: 0px;
    }

        #menu-list ul > li {
            border-bottom: 1px solid #cbd4dc !important;
            cursor: pointer;
            display: block;
            *display: list-item;
            width: 100%;
            line-height: 35px;
        }

            #menu-list ul > li:hover {
                background-color: #E1E1E1;
                text-decoration: none;
                padding-right: 0;
                margin-right: 0;
            }

    #menu-list a {
        display: block;
        text-decoration: none;
        width: 100%;
        padding-left: 20px;
        font-family: inherit;
        color: #000000;
    }

        #menu-list a:hover {
            display: block;
            text-decoration: underline;
            font-family: inherit;
            color: #5992d9;
            width: 100%;
        }

    #menu-list .active {
        background-color: #6b478e;
        font-family: inherit;
    }

    #menu-list li .active {
        background-color: #5992d9;
        font-family: inherit;
    }

    #menu-list .active > a {
        color: #ffffff;
    }

    #menu-list ul > li > ul > li {
        float: left;
        list-style: none;
        width: 100%;
        text-align: left;
        display: block;
        text-decoration: none;
        position: relative;
        font-weight: normal !important;
        font-size: 12px;
        line-height: 35px;
    }

        #menu-list ul > li > ul > li:hover {
            background-color: #E1E1E1;
            text-decoration: none;
            padding-right: 0;
            margin-right: 0;
        }

    #menu-list > ul > li > ul {
        background-color: #f9f9f9;
        border: solid 1px #b1b1b1;
        visibility: hidden;
        position: absolute;
        margin-top: 5px;
        display: none;
        margin-left: 150px;
        margin-top: -26px;
    }

    #menu-list > ul > li:hover > ul {
        visibility: visible;
        position: absolute;
        display: block;
        cursor: pointer;
    }

    #menu-list .border-top {
        border-top: dotted 1px #eee;
    }

    #menu-list .selected {
        background-color: #eee;
        cursor: default;
        color: #bdbdbd;
    }

/***************** ADMIN LIST **********************/

.admin-list {
    padding-top: 5px;
    font: 13px/20px "PT Sans","PTSansRegular","Open Sans", Tahoma, Arial, Helvetica, sans-serif;
    font-weight: 600;
    color: #231f20 !important;
    border-top: 1px solid #cbd4dc !important;
}

    .admin-list h3 {
        margin-top: 4px;
        background-color: #f1f1f1;
        padding: 5px;
    }

    .admin-list a {
        font-size: 13px;
        font-family: "PT Sans","PTSansRegular","Open Sans", Tahoma, Arial, Helvetica, sans-serif;
    }

    .admin-list ul {
        display: block;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

        .admin-list ul li {
            display: block;
            line-height: 35px;
            cursor: pointer;
            height: 100%;
            vertical-align: middle;
            border-bottom: 1px solid #cbd4dc !important;
        }

            .admin-list ul li:hover {
                text-decoration: none;
                color: #ffffff;
                color: #e4358e;
                margin-left: 0;
            }

            .admin-list ul li a {
                display: block;
                text-decoration: none;
                color: #000000;
                padding: 0px 0px 0px 20px;
            }

    .admin-list a:hover {
        text-decoration: none;
        color: #ffffff;
        margin-left: 0;
        color: #e4358e;
    }

    .admin-list .active:not(hover) a {
        text-decoration: none;
        margin-left: 5px;
        color: #e4358e !important;
        margin-right: -10px;
        background-image: url('../../images/TMA/Web/arrow_section.png');
        background-repeat: no-repeat;
        background-position: right center;
        position: relative;
    }

    .admin-list ul > li > ul > li {
        float: left;
        list-style: none;
        width: 100%;
        text-align: left;
        display: block;
        text-decoration: none;
        position: relative;
        font-weight: normal !important;
        font-size: 12px;
        line-height: 35px;
    }

        .admin-list ul > li > ul > li:hover {
            background-color: #E1E1E1;
            text-decoration: none;
            padding-right: 0;
            margin-right: 0;
        }

    .admin-list > ul > li > ul {
        background-color: #f9f9f9;
        border: solid 1px #b1b1b1;
        visibility: hidden;
        position: absolute;
        margin-top: 5px;
        display: none;
        margin-left: 100px;
        margin-top: -36px;
        background: -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #e4e0e5 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e0e5',GradientType=0 );
        -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
        -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
        box-shadow: inset 0px -3px 7px 0px #ffffff;
        border: 1px solid #dcdcdc;
        max-width: 250px;
    }

    .admin-list > ul > li:hover > ul {
        visibility: visible;
        position: absolute;
        display: block;
        cursor: pointer;
    }

    .admin-list .col-6 {
        width: 18%;
        float: left;
        border-right: solid 1px #cbd4dc;
        padding: 10px;
        min-height: 200px;
    }

/***************** OPTIONS LIST ***********************/

#option-list {
    float: right;
    font-family: inherit;
    font-size: 12px !important;
    margin-bottom: 5px;
    line-height: 12px !important;
}

    #option-list ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #option-list li {
        display: inline-block;
        *display: inline;
        cursor: pointer;
        text-align: center;
        padding: 0px 7px 0px 5px;
        border-right: solid 1px #B6B6B6;
    }

    #option-list ul li a {
        text-transform: uppercase;
        color: #6b478e !important;
        display: block;
        *display: inline;
        text-decoration: none;
        font-weight: normal;
        margin: 0;
        font-size: 12px !important;
    }

    #option-list a:hover {
        color: #e4358e !important;
        text-decoration: underline;
    }

    #option-list li:last-child {
        border-right: 0;
    }

/***************** REQUIRED SECTION***********************/

.required-info {
    float: right;
    color: #e4358e;
}

/***************** BUTTONS **********************/
.button-std {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    height: 30px;
    font-family: "PT Sans","Open Sans", Tahoma, Arial, Helvetica,Sans-Serif;
    font-size: 12px;
    padding-left: 10px;
    text-align: center;
    min-width: 80px;
    background-color: #d71f85;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0px -2px 7px 0px #ac2973;
    -moz-box-shadow: inset 0px -2px 7px 0px #ac2973;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-top: 3px;
}

    .button-std:hover {
        border-style: none;
        border-color: inherit;
        border-width: 0px;
        height: 30px;
        font-family: "Open Sans", Tahoma, Arial, Helvetica,Sans-Serif;
        font-size: 12px;
        padding-left: 10px;
        text-align: center;
        min-width: 80px;
        background-color: #ac2973;
        color: #ffffff;
        text-transform: uppercase;
        -webkit-box-shadow: 1px 1px 5px #888888;
        -moz-box-shadow: 1px 1px 5px #888888;
        box-shadow: 1px 1px 5px #888888;
        margin-top: 3px;
    }

.button-cancel {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    width: 80px;
    height: 30px;
    font-family: "PT Sans","Open Sans", Tahoma, Arial, Helvetica,Sans-Serif;
    font-size: 12px;
    padding-left: 10px;
    text-align: center;
    background-color: #c2b3c6;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-box-shadow: inset 0px -2px 7px 0px #c4b4bd;
    -moz-box-shadow: inset 0px -2px 7px 0px #c4b4bd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-top: 3px;
}

    .button-cancel:hover {
        border-style: none;
        border-color: inherit;
        border-width: 0px;
        width: 80px;
        height: 30px;
        font-family: "Open Sans", Tahoma, Arial, Helvetica,Sans-Serif;
        font-size: 12px;
        padding-left: 10px;
        text-align: center;
        background-color: #c2b3c6;
        color: #ffffff;
        text-transform: uppercase;
        -webkit-box-shadow: 1px 1px 5px #888888;
        -moz-box-shadow: 1px 1px 5px #888888;
        box-shadow: 1px 1px 5px #888888;
        margin-top: 3px;
    }

.button-fade {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    width: 80px;
    line-height: 25px;
    font-family: inherit;
    font-size: 12px;
    padding-left: 10px;
    text-align: center;
    font-weight: normal;
    color: #3B3B3B !important;
    background-color: #eeeeee;
    border-top: solid 1px #BDBDBD;
    border-left: solid 1px #BDBDBD;
    border-bottom: solid 1px #BDBDBD;
    border-right: solid 1px #BDBDBD;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.button-act {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    width: 80px;
    line-height: 25px;
    font-family: inherit;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
    color: #ffffff !important;
    background-color: #FF0000;
    border-top: solid 1px #fdae83;
    border-left: solid 1px #fdae83;
    border-bottom: solid 1px #ef661e;
    border-right: solid 1px #ef661e;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.button-sm {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    width: 70px;
    line-height: 20px;
    font-family: inherit;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    font-weight: normal;
    background-color: #d71f85;
    color: #ffffff;
    text-transform: uppercase;
    /*-webkit-box-shadow: 1px 1px 5px #888888;
    -moz-box-shadow: 1px 1px 5px #888888;
    box-shadow: 1px 1px 5px #888888;*/
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

    .button-sm:hover {
        border-style: none;
        border-color: inherit;
        border-width: 0px;
        width: 70px;
        line-height: 20px;
        font-family: inherit;
        font-size: 12px;
        text-align: center;
        vertical-align: top;
        font-weight: normal;
        background-color: #ac2973;
        color: #ffffff;
        text-transform: uppercase;
        -webkit-box-shadow: 1px 1px 5px #888888;
        -moz-box-shadow: 1px 1px 5px #888888;
        box-shadow: 1px 1px 5px #888888;
    }

.button-xsm {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    width: 70px;
    line-height: 18px;
    font-family: inherit;
    font-size: 10px;
    text-align: center;
    vertical-align: top;
    font-weight: normal;
    background-color: #d71f85;
    color: #ffffff;
    text-transform: uppercase;
    /*-webkit-box-shadow: 1px 1px 5px #888888;
    -moz-box-shadow: 1px 1px 5px #888888;
    box-shadow: 1px 1px 5px #888888;*/
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

    .button-xsm:hover {
        border-style: none;
        border-color: inherit;
        border-width: 0px;
        width: 70px;
        line-height: 18px;
        font-family: inherit;
        font-size: 10px;
        text-align: center;
        vertical-align: top;
        font-weight: normal;
        background-color: #ac2973;
        color: #ffffff;
        text-transform: uppercase;
        -webkit-box-shadow: 1px 1px 5px #888888;
        -moz-box-shadow: 1px 1px 5px #888888;
        box-shadow: 1px 1px 5px #888888;
    }

.button-cancel-sm {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    width: 70px;
    line-height: 20px;
    font-family: inherit;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    font-weight: normal;
    color: #0e0e0e !important;
    background-color: #bdbdbd;
    text-transform: uppercase;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

    .button-cancel-sm:hover {
        border-style: none;
        border-color: inherit;
        border-width: 0px;
        width: 70px;
        line-height: 20px;
        font-family: inherit;
        font-size: 12px;
        text-align: center;
        vertical-align: top;
        font-weight: normal;
        color: #575757 !important;
        background-color: #e7e7e7;
        text-transform: uppercase;
        -webkit-box-shadow: 1px 1px 5px #888888;
        -moz-box-shadow: 1px 1px 5px #888888;
        box-shadow: 1px 1px 5px #888888;
    }

.button-img {
    padding: 5px;
}

    .button-img:hover {
        padding: 5px;
        background-color: #eaeaea;
    }

.button-close {
    color: #35383a !important;
    float: right !important;
    font-size: 22px;
    line-height: 28px;
    width: 40px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}

    .button-close:hover,
    .button-close:focus {
        color: #bdbdbd;
        font-size: 22px;
        font-weight: bold;
        background-color: #e1e1e1;
        text-decoration: none;
        cursor: pointer;
        cursor: pointer;
    }

.link-cancel-sm {
    width: 70px;
    font-family: inherit;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    font-weight: normal;
    line-height: 22px;
    display: inline-block;
    background-color: #d71f85;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-box-shadow: 1px 1px 5px #888888;
    -moz-box-shadow: 1px 1px 5px #888888;
    box-shadow: 1px 1px 5px #888888;
}

    .link-cancel-sm:hover {
        width: 70px;
        font-family: inherit;
        font-size: 12px;
        text-align: center;
        vertical-align: top;
        font-weight: normal;
        line-height: 22px;
        display: inline-block;
        background-color: #ac2973;
        color: #ffffff;
        text-transform: uppercase;
        text-decoration: none;
        -webkit-box-shadow: 1px 1px 5px #888888;
        -moz-box-shadow: 1px 1px 5px #888888;
        box-shadow: 1px 1px 5px #888888;
    }

.button-right {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    background-image: url('../../images/common/arrow_right_white_11.png');
    background-repeat: no-repeat;
    background-position: center right;
    width: 120px;
    height: 25px;
    font-family: inherit;
    font-size: 12px;
    padding-left: 10px;
    text-align: center;
    font-weight: normal;
    background-color: #d71f85;
    color: #ffffff;
    -webkit-box-shadow: 1px 1px 5px #888888;
    -moz-box-shadow: 1px 1px 5px #888888;
    box-shadow: 1px 1px 5px #888888;
}

    .button-right:hover {
        border-style: none;
        border-color: inherit;
        border-width: 0px;
        background-image: url('../../images/common/arrow_right_white_11.png');
        background-repeat: no-repeat;
        background-position: center right;
        width: 120px;
        height: 25px;
        font-family: inherit;
        font-size: 12px;
        padding-left: 10px;
        text-align: center;
        font-weight: normal;
        background-color: #ac2973;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 5px #888888;
        -moz-box-shadow: 1px 1px 5px #888888;
        box-shadow: 1px 1px 5px #888888;
    }

.button-left {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    background-image: url('../../images/common/arrow_left_white_11.png');
    background-repeat: no-repeat;
    background-position: center left;
    width: 120px;
    height: 25px;
    font-family: inherit;
    font-size: 12px;
    padding-left: 10px;
    text-align: center;
    font-weight: normal;
    background-color: #d71f85;
    color: #ffffff;
    -webkit-box-shadow: 1px 1px 5px #888888;
    -moz-box-shadow: 1px 1px 5px #888888;
    box-shadow: 1px 1px 5px #888888;
}

    .button-left:hover {
        border-style: none;
        border-color: inherit;
        border-width: 0px;
        background-image: url('../../images/common/arrow_left_white_11.png');
        background-repeat: no-repeat;
        background-position: center left;
        width: 120px;
        height: 25px;
        font-family: inherit;
        font-size: 12px;
        padding-left: 10px;
        text-align: center;
        font-weight: normal;
        background-color: #ac2973;
        color: #ffffff;
        -webkit-box-shadow: 1px 1px 5px #888888;
        -moz-box-shadow: 1px 1px 5px #888888;
        box-shadow: 1px 1px 5px #888888;
    }

.button-wrapper-admin {
    float: left;
    width: 100%;
    margin: 10px 0px 10px 0px;
    height: auto;
    padding-top: 10px;
    border-top: 1px dotted #bababa;
    visibility: visible;
    text-align: left;
}

.button-wrapper-left {
    float: left;
    width: 100%;
    margin: 10px 0px 10px 0px;
    height: auto;
    padding-top: 10px;
    border-top: 1px dotted #bababa;
    visibility: visible;
    text-align: left;
}

.button-wrapper-center {
    float: left;
    width: 100%;
    margin: 10px 0px 10px 0px;
    height: auto;
    padding-top: 10px;
    border-top: 1px dotted #bababa;
    visibility: visible;
    text-align: center;
}

.button-default {
    background: -moz-linear-gradient(top, #e4e0e5 0%, #f2f0f2 80%, #e4e0e5 95%);
    background: -webkit-linear-gradient(top, #e4e0e5 0%,#f2f0f2 80%,#e4e0e5 95%);
    background: linear-gradient(to bottom, #e4e0e5 0%,#f2f0f2 80%,#e4e0e5 95%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e0e5', endColorstr='#e4e0e5',GradientType=0 );
    -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
    -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
    box-shadow: inset 0px -3px 7px 0px #ffffff;
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    float: left;
    padding: 8px;
    margin: 2px;
}

.link-std {
    border-style: none;
    font-family: inherit;
    line-height: 22px;
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    margin: 1px;
    color: #ffffff !important;
    background-color: #d71f85;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

    .link-std a {
        color: #ffffff !important;
    }

    .link-std:hover {
        border-style: none;
        line-height: 22px;
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        margin: 1px;
        color: #ffffff !important;
        text-decoration: none;
        background-color: #ac2973;
        -webkit-box-shadow: 1px 1px 5px #888888;
        -moz-box-shadow: 1px 1px 5px #888888;
        box-shadow: 1px 1px 5px #888888;
    }

/***************** DATE CONTROL *******************/

#date-control {
    background-color: #ffffff;
    background-color: Transparent;
    font-size: 12px;
    vertical-align: middle;
}

    #date-control td {
        background-color: #ffffff;
        background-color: Transparent;
        border: 0;
        font-size: 12px;
        vertical-align: middle;
    }

/***************** BOX-ACTIVE**********************/

.box-active {
    font-family: inherit;
    font-size: inherit;
    padding: 5px 3px 5px 3px;
    border-radius: 3px;
    background: #e1e1e1;
    background: -moz-linear-gradient(top, #e4e0e5 0%, #e4e0e5 80%, #e4e0e5 100%);
    background: -webkit-linear-gradient(top, #e4e0e5 0%,#e4e0e5 80%,#e4e0e5 100%);
    background: linear-gradient(to bottom, #e4e0e5 0%,#e4e0e5 80%,#e4e0e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e0e5', endColorstr='#e4e0e5',GradientType=0 );
    -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
    -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
    box-shadow: inset 0px -3px 7px 0px #ffffff;
    border: 1px solid #dcdcdc;
    line-height: 25px;
}

/***************** DATATABLE **********************/
.datatable {
    font-family: inherit;
    font-size: 11px;
    text-align: center;
    border-collapse: collapse;
    white-space: nowrap;
}

    .datatable a {
        font-family: inherit;
        text-decoration: none;
        color: #5992d9;
        font-size: 12px !important;
        white-space: nowrap;
    }

        .datatable a:hover {
            text-decoration: underline;
            color: #5992d9;
            font-size: 12px !important;
            white-space: nowrap;
        }

    .datatable .header td {
        background-color: #eee;
        border: solid 1px #e1e1e1;
        color: #395EA7;
        text-align: center;
        font-weight: bold;
        font-family: inherit;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

    .datatable .header th {
        background-color: #eee;
        border: solid 1px #e1e1e1;
        color: #395EA7;
        text-align: center;
        font-weight: bold;
        font-family: inherit;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

        .datatable .header th > a {
            color: #395EA7;
            text-align: center;
            font-weight: bold !important;
            font-family: inherit;
            padding: 5px;
            margin: 0px;
            white-space: nowrap;
        }

    .datatable .rowlight td {
        background-color: #FFFFFF;
        border: solid 1px #D6E4F6;
        vertical-align: middle;
        padding: 3px;
        margin: 0px;
        white-space: nowrap;
    }

        .datatable .rowlight td:hover {
            background-color: #D6E4F6;
            background-image: none;
            cursor: pointer;
        }

    .datatable .rowdark td {
        background-color: #f9f9f9;
        border: solid 1px #D6E4F6;
        padding: 3px;
        margin: 0px;
        white-space: nowrap;
    }

        .datatable .rowdark td:hover {
            background-color: #D6E4F6;
            background-image: none;
            cursor: pointer;
        }

    .datatable .rowselected td {
        background-color: #D6E4F6;
        border: solid 1px #D5D5D5;
        vertical-align: middle;
        padding: 2px;
        margin: 0px;
        white-space: nowrap;
    }

/***************** PAGER **********************/

.pager:hover table td {
    background-color: inherit !important;
}

.pager table {
    border: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.pager td {
    height: 20px;
    font-size: 12px;
}

    .pager td:hover {
        background-color: none;
    }

.pager span {
    background-color: #6b478f !important;
    border: solid 1px #DEDEDE !important;
    color: #ffffff;
    padding: 5px 8px 5px 8px;
    font-size: 12px;
}

.pager td > a {
    border: solid 1px #DEDEDE !important;
    padding: 3px;
    font-size: 12px;
    margin: 1px;
    padding: 5px 8px 5px 8px;
    color: #6b478f;
}

/***************** PAGER **********************/
.pager-std {
    float: left;
    width: 100%;
    padding: 10px 0px 10px 0px;
}

    .pager-std a {
        border: solid 1px #DEDEDE !important;
        padding: 3px;
        font-size: 12px;
        margin: 1px;
        padding: 5px 8px 5px 8px;
        color: #6b478f;
    }

    .pager-std span > span {
        background-color: #6b478f !important;
        border: solid 1px #DEDEDE !important;
        color: #ffffff;
        padding: 5px 8px 5px 8px;
        font-size: 12px;
    }

/***************** STANDARD TABLE **********************/

.table {
    font-family: inherit;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    border: solid 0px #DEDEDE;
    white-space: nowrap;
}

    .table a {
        font-family: inherit;
        text-decoration: none;
        color: #e4358e;
        font-size: 12px !important;
        white-space: nowrap;
    }

        .table a:hover {
            text-decoration: underline;
            color: #5992d9;
            font-size: 12px !important;
            white-space: nowrap;
        }

    .table .rowstd td {
        background-color: #ffffff;
        border: solid 1px #DEDEDE;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

    .table .rowlight {
        background-color: #F9F9F9;
    }

        .table .rowlight td {
            background-color: #F9F9F9;
            border: solid 1px #f2eff5;
            vertical-align: middle;
            padding: 5px;
            margin: 0px;
            white-space: nowrap;
        }

            .table .rowlight td:hover {
                background-image: none;
            }

    .table .rowdark {
        background-color: #eae6ef;
    }

        .table .rowdark td {
            background-color: #eae6ef;
            border: solid 1px #f2eff5;
            padding: 5px;
            margin: 0px;
            white-space: nowrap;
        }

            .table .rowdark td:hover {
                background-image: none;
            }

    .table .rowlight td:hover {
        background-image: none;
    }

    .table .rowstd td:hover {
        background-image: none;
    }

    .table .rowselected td {
        background-color: #4382d6;
        color: #ffffff;
        border: solid 1px #DEDEDE;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

        .table .rowselected td a {
            color: #ffffff;
        }

    .table .row-nb-light td {
        background-color: #ffffff;
        border: 0;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
        border-bottom: solid 1px #dedede;
    }

    .table .row-nb-dark td {
        background-color: #f9f9f9;
        border: 0;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
        border-bottom: solid 1px #dedede;
    }

    .table .header > td {
        background-color: #6b478f;
        border: solid 1px #8054ab !important;
        color: #ffffff;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        font-family: inherit;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

    .table .header > th {
        background-color: #6b478f;
        border: solid 1px #bdbdbd !important;
        color: #ffffff;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        font-family: inherit;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

        .table .header > th > a {
            color: #ffffff !important;
            text-align: center;
            font-family: inherit;
            padding: 5px;
            margin: 0px;
            font-weight: normal;
            white-space: nowrap;
        }

    .table .header > td > a {
        color: #ffffff !important;
        text-align: center;
        font-family: inherit;
        padding: 5px;
        margin: 0px;
        font-weight: normal;
        white-space: nowrap;
    }

    .table .header-default > td {
        background-color: #f7f7f7;
        border: solid 1px #DEDEDE !important;
        color: #555555;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        font-family: inherit;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

    .table .header-default > th {
        background-color: #f7f7f7;
        border: solid 1px #DEDEDE !important;
        color: #555555;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        font-family: inherit;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

        .table .header-default > th > a {
            color: #555555 !important;
            text-align: center;
            font-family: inherit;
            padding: 5px;
            margin: 0px;
            font-weight: normal;
            white-space: nowrap;
        }

    .table .header-default > td > a {
        color: #555555 !important;
        text-align: center;
        font-family: inherit;
        padding: 5px;
        margin: 0px;
        font-weight: normal;
        white-space: nowrap;
    }

    .table .header-nb > td {
        background-color: #6b478f;
        border: solid 1px #8054ab !important;
        border-top: 0px;
        border-bottom: solid 2px #e1e1e1;
        color: #ffffff;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        font-family: inherit;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

    .table .header-active {
        background-color: #7b6590 !important;
        border: solid 1px #8054ab !important;
        color: #ffffff;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        font-family: inherit;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

        .table .header-active > a {
            color: #ffffff !important;
            text-align: center;
            font-family: inherit;
            padding: 5px;
            margin: 0px;
            font-weight: normal;
            white-space: nowrap;
        }

    .table .red {
        background-color: #FF0000 !important;
    }

        .table .red td {
            background-color: #FF0000 !important;
            border: solid 1px #DEDEDE;
            padding: 3px;
            margin: 0px;
            white-space: nowrap;
        }

    .table .orange {
        background-color: #FFA500 !important;
    }

        .table .orange td {
            background-color: #FFA500 !important;
            border: solid 1px #DEDEDE;
            padding: 3px;
            margin: 0px;
            white-space: nowrap;
        }

    .table .pink {
        background-color: #FFCCCC !important;
    }

        .table .pink td {
            background-color: #FFCCCC !important;
            border: solid 1px #DEDEDE;
            padding: 3px;
            margin: 0px;
            white-space: nowrap;
        }

    .table .darkpink {
        background-color: #e286b5 !important;
    }

        .table .darkpink td {
            background-color: #e286b5 !important;
            border: solid 1px #DEDEDE;
            padding: 3px;
            margin: 0px;
            white-space: nowrap;
        }

    .table .green {
        background-color: #99FF66 !important;
    }

        .table .green td {
            background-color: #99FF66 !important;
            border: solid 1px #DEDEDE;
            padding: 3px;
            margin: 0px;
            white-space: nowrap;
        }

    .table .yellow {
        background-color: #FFFFCC !important;
    }

        .table .yellow td {
            background-color: #FFFFCC !important;
            border: solid 1px #DEDEDE;
            padding: 3px;
            margin: 0px;
            white-space: nowrap;
        }

    .table .blue {
        background-color: #A3C2FF !important;
    }

        .table .blue td {
            background-color: #A3C2FF !important;
            border: solid 1px #DEDEDE;
            padding: 3px;
            margin: 0px;
            white-space: nowrap;
        }

    .table .highlight {
        background-color: #d8d1e1 !important;
    }

        .table .highlight td {
            background-color: #d8d1e1 !important;
            border: solid 1px #ded9e2;
            padding: 5px;
            margin: 0px;
            white-space: nowrap;
        }

    .table .text-gray {
        background-color: #F9F9F9 !important;
        color: #888888 !important;
    }

        .table .text-gray td {
            background-color: #F9F9F9 !important;
            border: solid 1px #f2eff5;
            color: #888888 !important;
            padding: 5px;
            margin: 0px;
            white-space: nowrap;
        }

/***************************************************************************/

.table-jobs {
    font-family: inherit;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    border: solid 0px #DEDEDE;
    white-space: nowrap;
}

    .table-jobs a {
        font-family: inherit;
        text-decoration: none;
        color: #5992d9;
        font-size: 12px !important;
        white-space: nowrap;
    }

        .table-jobs a:hover {
            text-decoration: underline;
            color: #5992d9;
            font-size: 12px !important;
            white-space: nowrap;
        }

    .table-jobs .rowstd td {
        background-color: #ffffff;
        border: solid 1px #DEDEDE;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

    .table-jobs .rowlight {
        background-color: #F9F9F9;
    }

        .table-jobs .rowlight td {
            background-color: #F9F9F9;
            border: solid 1px #f2eff5;
            vertical-align: middle;
            padding: 5px;
            margin: 0px;
            white-space: nowrap;
        }

            .table-jobs .rowlight td:hover {
                background-image: none;
            }

    .table-jobs .rowdark {
        background-color: #eae6ef;
    }

        .table-jobs .rowdark td {
            background-color: #eae6ef;
            border: solid 1px #f2eff5;
            padding: 5px;
            margin: 0px;
            white-space: nowrap;
        }

            .table-jobs .rowdark td:hover {
                background-image: none;
            }

    .table-jobs .rowlight td:hover {
        background-image: none;
    }

    .table-jobs .rowstd td:hover {
        background-image: none;
    }

    .table-jobs .rowselected td {
        background-color: #D6E4F6;
        border: solid 1px #DEDEDE;
        vertical-align: middle;
        padding: 2px;
        margin: 0px;
        white-space: nowrap;
    }

    .table-jobs tr:hover:not(.pager) td {
        background-color: #4382d6;
        color: #ffffff;
        cursor: pointer;
    }

    .table-jobs .header > td {
        background-color: #6b478f;
        border: solid 1px #8054ab !important;
        color: #FFFFFF !important;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        font-family: inherit;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

    .table-jobs .header > th {
        background-color: #6b478f;
        border: solid 1px #8054ab !important;
        color: #FFFFFF !important;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        font-family: inherit;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

        .table-jobs .header > th > a {
            color: #FFFFFF !important;
            text-align: center;
            font-family: inherit;
            padding: 5px;
            margin: 0px;
            font-weight: normal;
            white-space: nowrap;
        }

    .table-jobs .header > td > a {
        color: #3B3B3B !important;
        text-align: center;
        font-family: inherit;
        padding: 5px;
        margin: 0px;
        font-weight: normal;
        white-space: nowrap;
    }

    .table-jobs .header-active {
        background-color: #7b6590 !important;
        border: solid 1px #8054ab !important;
        color: #ffffff;
        text-align: center;
        font-size: 12px;
        font-weight: normal;
        font-family: inherit;
        vertical-align: middle;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

        .table-jobs .header-active > a {
            color: #ffffff !important;
            text-align: center;
            font-family: inherit;
            padding: 5px;
            margin: 0px;
            font-weight: normal;
            white-space: nowrap;
        }

.specialJob-overdue {
    background-color: #248f8f !important;
}

.table-jobs .specialJob-overdue {
    background-color: #248f8f !important;
}

    .table-jobs .specialJob-overdue td {
        background-color: #248f8f !important;
        color: #ffffff !important;
        border: solid 1px #DEDEDE;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

.specialJob-default {
    background-color: #85e0e0 !important;
}

.table-jobs .specialJob-default {
    background-color: #85e0e0 !important;
}

    .table-jobs .specialJob-default td {
        background-color: #85e0e0 !important;
        color: #000000 !important;
        border: solid 1px #DEDEDE;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

.table-jobs .red {
    background-color: #FF0000 !important;
}

    .table-jobs .red td {
        background-color: #FF0000 !important;
        border: solid 1px #DEDEDE;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

.table-jobs .orange {
    background-color: #FFA500 !important;
}

    .table-jobs .orange td {
        background-color: #FFA500 !important;
        border: solid 1px #DEDEDE;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

.table-jobs .darkpink {
    background-color: #e286b5 !important;
}

    .table-jobs .darkpink td {
        background-color: #e286b5 !important;
        border: solid 1px #DEDEDE;
        padding: 3px;
        margin: 0px;
        white-space: nowrap;
    }

.table-jobs .pink {
    background-color: #FFCCCC !important;
}

    .table-jobs .pink td {
        background-color: #FFCCCC !important;
        border: solid 1px #DEDEDE;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

.table-jobs .green {
    background-color: #99FF66 !important;
}

    .table-jobs .green td {
        background-color: #99FF66 !important;
        border: solid 1px #DEDEDE;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

.table-jobs .yellow {
    background-color: #FFFFCC !important;
}

    .table-jobs .yellow td {
        background-color: #FFFFCC !important;
        border: solid 1px #DEDEDE;
        padding: 3px;
        margin: 0px;
        white-space: nowrap;
    }

.table-jobs .blue {
    background-color: #A3C2FF !important;
}

    .table-jobs .blue td {
        background-color: #A3C2FF !important;
        border: solid 1px #DEDEDE;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

.table-jobs .highlight {
    background-color: #d8d1e1 !important;
}

    .table-jobs .highlight td {
        background-color: #d8d1e1 !important;
        border: solid 1px #ded9e2;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

    .table-jobs .highlight:hover td {
        background-color: #4382d6 !important;
        color: #ffffff;
        cursor: pointer;
    }

.table-jobs .text-gray {
    background-color: #F9F9F9;
    color: #888888 !important;
}

    .table-jobs .text-gray td {
        background-color: #F9F9F9;
        border: solid 1px #f2eff5;
        color: #888888 !important;
        padding: 5px;
        margin: 0px;
        white-space: nowrap;
    }

    .table-jobs .text-gray:hover td {
        background-color: #4382d6 !important;
        color: #ffffff;
        cursor: pointer;
    }

.table-jobs .red:hover td,
.orange:hover td,
.pink:hover td,
.green:hover td,
.yellow:hover td,
.blue:hover td {
    background-color: #4382d6 !important;
    color: #ffffff;
    cursor: pointer;
}

/***************************************************************************/

.table-admin {
    border: 0;
    border-spacing: 3px;
    border-collapse: separate;
    width: 100%;
}

    .table-admin td {
        height: 22px;
        vertical-align: middle;
    }

    .table-admin .header > th {
        font-family: inherit;
        border-bottom: solid 1px #bababa;
        text-align: center;
        font-family: inherit;
        padding: 2px 2px 4px 2px;
        font-size: 14px;
        white-space: nowrap;
    }

    .table-admin .header > td {
        font-family: inherit;
        border-bottom: dotted 1px #bababa;
        text-align: center;
        font-family: inherit;
        padding: 2px 2px 4px 2px;
        font-size: 14px;
        white-space: nowrap;
    }

    .table-admin .left-header {
        width: 150px;
        font-family: inherit;
        border-bottom: solid 1px #bababa;
        text-align: center;
        font-family: inherit;
        padding: 2px 2px 4px 2px;
        font-size: 14px;
        white-space: nowrap;
    }

    .table-admin .left-column {
        text-align: right;
        vertical-align: middle;
        height: 10px;
        width: 200px;
        padding-right: 5px;
        font-weight: 400;
        color: #6b478e !important;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }

    .table-admin .left-column-sm {
        text-align: right;
        vertical-align: middle;
        height: 10px;
        width: 100px;
        padding-right: 5px;
        font-weight: 400;
        color: #6b478e !important;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }

    .table-admin .right-column {
        vertical-align: middle;
        height: 10px;
        text-align: left;
    }

    .table-admin .active-row {
        background-color: #edeaed !important;
        border-collapse: collapse;
        margin: 0px;
    }

.column-std-width {
    width: 200px;
}

.table-admin .comment {
    color: #bababa;
    background-color: #f9f9f9;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
    line-height: 20px;
    padding: 3px;
}

.col-sm-12 {
    width: 100%;
}

.col-sm-11 {
    width: 91.66666667%;
}

.col-sm-10 {
    width: 83.33333333%;
}

.col-sm-9 {
    width: 75%;
}

.col-sm-8 {
    width: 66.66666667%;
}

.col-sm-7 {
    width: 58.33333333%;
}

.col-sm-6 {
    width: 50%;
}

.col-sm-5 {
    width: 41.66666667%;
}

.col-sm-4 {
    width: 33.33333333%;
}

.col-sm-3 {
    width: 25%;
}

.col-sm-2 {
    width: 16.66666667%;
}

.col-sm-1 {
    width: 8.33333333%;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

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

    .table-sc td {
        padding: 2px;
        margin: 2px;
    }

.table-link {
    font-family: inherit;
    text-decoration: none;
    color: #e4358e;
    font-size: 12px !important;
    white-space: nowrap;
}

    .table-link:hover {
        text-decoration: underline;
        color: #5992d9;
        font-size: 12px !important;
        white-space: nowrap;
    }

/***************** CELL HEADER **********************/

.cell-header {
    background-image: url('../../images/Web/bg_cell_header.png') !important;
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: Transparent !important;
    color: #395EA7 !important;
    text-align: center;
    font-weight: bold;
    font-family: inherit;
    border: solid 1px #BBD2F0 !important;
    vertical-align: middle;
    padding: 5px;
    margin: 0px;
    white-space: nowrap;
}

/***************** FOOTER **********************/

/***************** TREE VIEW *******************/

.tree-view td {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

    .tree-view td div {
        font-size: 11px;
        font-family: inherit;
        color: #3B3B3B;
        width: 100%;
        height: 20px !important;
        white-space: nowrap;
        padding: 0;
        margin: 0;
    }

.tree-view a {
    font-size: 11px !important;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

/***************** OPTIONS BOX ***********************/

.option-box {
    float: left;
    width: 200px;
    border: solid 1px #5992d9;
    background-color: #eeeeee;
}

    .option-box .header {
        min-height: 20px;
        padding: 5px;
        background-color: #5992d9;
        color: #ffffff;
    }

    .option-box .body {
        min-height: 40px;
        margin: 5px;
    }

    .option-box .footer {
        text-align: center;
        border-top: solid 1px #e0e0e0;
        padding: 5px;
    }

.info-box-out {
    float: left;
    border: solid 1px #fcdcd9;
    background-color: #faf9c5;
}

.info-box-in {
    margin: 10px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif !important;
}

/***************** MESSAGES *****************/

.messages {
    margin: 2px 0px 2px 0px;
    background-color: #FFFFCC;
    border: 1px dotted #EAEAEA;
    color: #555555;
}

.warnings {
    margin: 2px 0px 2px 0px;
    background-color: #FFEBE6;
    border: 1px solid #EAEAEA;
}

/***************** CALENDAR SECTION ***********************/

.calendar-wrapper {
    vertical-align: top;
    width: auto;
    width: 150px;
    text-align: right;
}

.calendar-header {
    float: right;
    width: 100%;
    background-color: #6b478e;
    margin-right: 2px;
    line-height: 20px;
}

.calendar-header-img-left {
    background: url('../../images/Common/white_arrow_left_16.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    margin: 5px;
}

.calendar-header-img-right {
    background: url('../../images/Common/white_arrow_right_16.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    margin: 5px;
}

.calendar-panel {
    margin: 1px;
    padding: 1px;
    font-family: inherit;
    font-size: 8pt;
    float: right;
    width: 100%;
    height: 500px;
}

    .calendar-panel a {
        color: #3B3B3B;
        font-weight: normal;
        text-decoration: none;
        font-size: 8pt;
    }

        .calendar-panel a:hover {
            text-decoration: underline;
            color: #3B3B3B;
            font-size: 8pt !important;
            background-color: #eeeeee;
        }

.calendar-box {
    border: solid 1px #F7F7F4;
    font-family: Arial, sans-serif;
    font-size: 11px;
    width: 100%;
    margin-bottom: 10px;
}

    .calendar-box td {
        padding: 5px;
    }

    .calendar-box > tbody > tr:first-child td {
        padding: 1px !important;
        background-color: #6b478e !important;
    }

.calendar-title {
    background-color: #6b478e !important;
    color: #ffffff;
    font-size: 12px;
    border: 0px !important;
    line-height: 22px;
    width: 100%;
}

.calendar-day-header {
    background-color: #eae6ef;
    line-height: 20px;
}

.calendar-selected-day {
    color: #ffffff;
    background-color: #6b478e !important;
}

    .calendar-selected-day a:hover {
        color: #ffffff;
        background-color: #6b478e !important;
    }

.calendar-selector {
    background-color: #6b478e !important;
}

.calendar-weekend {
    background-color: #f5dbdb;
}

    .calendar-weekend a {
        color: #716464 !important;
    }

.calendar-today {
    background-color: #e4aaaa;
}

.calendar-other-month {
    background-color: #f7f7f7;
}

    .calendar-other-month a {
        color: #716464 !important;
    }

.calendar-next-prev {
}

/***************** FILE UPLOAD   ***********************/

.upload-textbox {
    float: left;
}

.upload-div {
    /*position: relative;
	width: 100px;
	height: 23px; */
    overflow: hidden;
}

.upload-button {
    width: 100px;
    position: absolute;
    top: 0px;
    background-color: #33BB00;
    color: #FFFFFF;
    border-style: solid;
}

.upload-hidden {
    font-size: 45px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(opacity=0)";
    -khtml-opacity: 0;
    -moz-opacity: 0;
}

/***************** DROPDOWN ***********************/

.dropdown-div {
    font-size: inherit;
    overflow: hidden;
    width: 120px;
    background-color: Transparent;
    border: solid 1px #DEDEDE;
    height: 25px;
}

.dropdown-box {
    font-size: inherit;
    border: 0;
    background-color: Transparent;
    border: solid 1px #DEDEDE;
    margin-left: 5px;
}

/***************** COMMENT TEXT ***********************/

.comment-text {
    font-size: 12px;
    color: #b1b1b1;
}

.seperator {
    line-height: 20px;
    color: #b1b1b1;
    padding-left: 5px;
    padding-right: 5px;
}

/***************** BOX GRADIENT  ***********************/

.box-gradient {
    background-image: url('../../images/Common/bg_gradient.gif');
    background-repeat: repeat-x;
    background-position: bottom;
    border-top: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    padding: 5px;
    font-size: 10pt;
    color: #3B3B3B;
    margin-bottom: 5px;
}

.box-plain {
    border-bottom: 1px solid #EEEEEE;
    padding: 5px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

/***************** DROP DOWN MENU ***********************/

#dropdown-menu {
    width: auto;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-weight: normal;
    margin-bottom: 5px;
}

    #dropdown-menu ul {
        padding: 0;
        margin: 0;
        font-family: inherit;
        font-weight: normal;
        background-color: #EEEEEE !important;
    }

        #dropdown-menu ul li {
            padding: 0;
            margin: 0;
            font-family: inherit;
            font-weight: normal;
        }

    #dropdown-menu li:hover ul {
        background-color: #ebebeb !important;
    }

    #dropdown-menu ul li a {
        padding: 0;
        margin: 0;
        font-family: inherit;
        font-weight: normal;
        font-size: 14px;
    }

    #dropdown-menu:before {
        content: '';
        display: table;
    }

    #dropdown-menu:after {
        content: '';
        display: table;
    }

    #dropdown-menu > ul:before {
        content: '';
        display: table;
    }

    #dropdown-menu > ul:after {
        content: '';
        display: table;
    }

    #dropdown-menu:after {
        clear: both;
    }

    #dropdown-menu > ul:after {
        clear: both;
    }

    #dropdown-menu a {
    }

    #dropdown-menu ul {
        background: #ffffff;
    }

        #dropdown-menu ul > li {
            float: left;
            list-style: none;
            font-size: 12px;
        }

            #dropdown-menu ul > li .border {
                border: 1px solid #D6E4F6;
                border-left: 0;
                border-right: 0;
            }

            #dropdown-menu ul > li .border-top {
                border-top: 1px solid #D6E4F6;
            }

            #dropdown-menu ul > li > a {
                display: block;
                *display: inline;
                text-decoration: none;
                padding: 5px;
                padding-left: 10px;
                padding-right: 10px;
                position: relative;
                font-weight: normal !important;
                font-size: 12px;
                line-height: 18px;
            }

    #dropdown-menu .selected {
        margin: 2px;
        padding-left: 9px;
    }

    #dropdown-menu ul > li > a:hover {
        background: #D6E4F6;
        text-decoration: none;
    }

        #dropdown-menu ul > li > a:hover:before {
            content: '';
            z-index: 2;
            position: absolute;
            border-top: 0;
            border-bottom: 0;
            border-right: 0;
            width: 100%;
            height: 100%;
            top: 0;
            left: -1px;
            text-decoration: none;
        }

        #dropdown-menu ul > li > a:hover:after {
            content: '';
            z-index: 2;
            position: absolute;
            border-top: 0;
            border-bottom: 0;
            border-left: 0;
            width: 100%;
            height: 100%;
            top: 0;
            right: -1px;
            text-decoration: none;
        }

    #dropdown-menu > ul > li > ul {
        visibility: hidden;
        position: absolute;
    }

    #dropdown-menu > ul > li:hover > ul {
        visibility: visible;
        position: absolute;
    }

    #dropdown-menu > ul > li > ul {
        width: 150px;
        position: absolute;
    }

    #dropdown-menu .has-sub {
        border-right: solid 1px #ffffff;
    }

    #dropdown-menu > ul > li > ul .has-sub {
        width: 200px;
        text-align: left;
        background-color: #ffffff;
        background-image: url('../../images/Web/list_arrow_hov.png');
        background-position: right center;
        background-repeat: no-repeat;
        border-left: 0;
        border-right: 0;
    }

    #dropdown-menu > ul > li > ul > .has-sub > a:hover {
        background-image: url('../../images/Web/list_arrow_hov.png');
        background-position: right center;
        background-repeat: no-repeat;
        text-decoration: none;
    }

    #dropdown-menu > ul > li > ul > li {
        float: none;
        position: relative;
    }

        #dropdown-menu > ul > li > ul > li > ul {
            visibility: hidden;
            position: absolute;
        }

        #dropdown-menu > ul > li > ul > li:hover > ul {
            text-decoration: none;
            visibility: visible;
            position: absolute;
        }

        #dropdown-menu > ul > li > ul > li > ul {
            left: -120px;
            top: 0px;
            width: 120px;
        }

            #dropdown-menu > ul > li > ul > li > ul > li {
                float: none;
            }

/***************** SUB-MENU LIST ***********************/

#submenu-list {
    width: auto;
    padding: 0;
    margin: 0;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: normal;
    height: 33px;
}

    #submenu-list ul {
        padding: 0;
        margin: 0;
        font-family: inherit;
        font-weight: normal;
        background-color: #EEE !important;
    }

        #submenu-list ul > li {
            float: left;
            list-style: none;
            font-size: 12px;
            text-align: center;
            padding: 6px 0px 6px 0px;
            margin-right: 1px;
            border-right: solid 1px #DEDEDE;
            min-width: 80px
        }

            #submenu-list ul > li > span {
                padding-left: 15px;
                padding-right: 15px;
                cursor: pointer;
            }

            #submenu-list ul > li > .text-decor {
                padding-left: 15px;
                padding-right: 25px;
                text-transform: none;
                cursor: pointer;
                background: url('../../images/Common/arrow_down_gray_16.png');
                background-position: center right;
                background-repeat: no-repeat;
                display: inline-block;
            }

            #submenu-list ul > li > ul {
                background: -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #e4e0e5 100%);
                background: -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
                background: linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e0e5',GradientType=0 );
                -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
                -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
                box-shadow: inset 0px -3px 7px 0px #ffffff;
                border: 1px solid #dcdcdc;
            }

                #submenu-list ul > li > ul > li {
                    float: left;
                    list-style: none;
                    width: 100%;
                    text-align: left;
                    display: block;
                    text-decoration: none;
                    position: relative;
                    font-weight: normal !important;
                    font-size: 12px;
                    line-height: 20px;
                    padding: 8px 0px 8px 0px;
                    border-bottom: solid 1px #e1e1e1;
                }

                    #submenu-list ul > li > ul > li:first-child {
                        border-top: 0px;
                    }

                    #submenu-list ul > li > ul > li > span > a {
                        color: #3B3B3B;
                    }

                        #submenu-list ul > li > ul > li > span > a:hover {
                            color: #543572;
                        }

            #submenu-list ul > li:hover {
                background-color: #e4e0e5;
                text-decoration: none;
            }

            #submenu-list ul > li > ul > li:hover {
                background-color: #e4e0e5;
                text-decoration: none;
                padding-right: 0;
                margin-right: 0;
            }

    #submenu-list > ul > li > ul {
        visibility: hidden;
        position: absolute;
        border: solid 1px #eee;
        margin-top: 5px;
    }

    #submenu-list > ul > li:hover > ul {
        visibility: visible;
        position: absolute;
        display: block;
        cursor: pointer;
    }

    #submenu-list a {
        color: #51445f;
    }

        #submenu-list a:hover {
            color: #543572;
            text-decoration: none;
        }

    #submenu-list .border-top {
        border-top: dotted 1px #eee;
    }

    #submenu-list .selected {
        background-color: #eee;
        cursor: default;
        color: #bdbdbd;
    }

.bg-default {
    background-color: #bababa;
}

.bg-top-left {
    border-top: solid 1px #eaeaea;
    border-bottom: solid 0px #eaeaea;
    height: 100%;
    border-radius: 5px;
    line-height: 25px;
    background-color: #eaeaea;
    padding-right: 3px;
}

.bg-center-left {
    border-top: solid 1px #eaeaea;
    border-bottom: solid 0px #eaeaea;
    height: 100%;
    border-radius: 5px;
    line-height: 25px;
    background-color: #eaeaea;
    padding-right: 3px;
}

.bg-bottom-left {
    border-top: solid 0px #eaeaea;
    border-bottom: solid 0px #eaeaea;
    height: 100%;
    border-radius: 5px;
    line-height: 25px;
    background-color: #eaeaea;
    padding-right: 3px;
}

.bg-top-right {
    border-top: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    height: 100%;
    border-radius: 0px 5px 0px 0px;
    line-height: 25px;
    background-color: #eaeaea;
}

.bg-center-right {
    border-right: solid 1px #e1e1e1;
    height: 100%;
    line-height: 25px;
    background-color: #eaeaea;
}

.bg-bottom-right {
    border-bottom: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    height: 100%;
    border-radius: 0px 0px 5px 0px;
    line-height: 25px;
    background-color: #eaeaea;
}

.bg-left {
    border-top: solid 1px #eaeaea;
    border-bottom: solid 1px #eaeaea;
    height: 100%;
    line-height: 25px;
    background-color: #eaeaea;
    padding-right: 3px;
}

.bg-right {
    border-top: solid 1px #e1e1e1;
    border-right: solid 1px #e1e1e1;
    height: 100%;
    line-height: 25px;
    background-color: #eaeaea;
}

.bg-radio-default td {
    background-color: #eaeaea;
    text-align: center;
    padding: 5px;
}

.bg-mpan-icon {
    background-image: url('../../images/Web/mpan.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.bg-outstation-icon {
    background-image: url('../../images/Web/outstation.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.bg-register-icon {
    background-image: url('../../images/Web/register.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    min-height: 25px;
}

/***************** TABLE Menu ******************************************/

.section-menu {
    width: auto;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-weight: normal;
}

    .section-menu ul {
        padding: 0;
        margin: 0;
        font-family: inherit;
        font-weight: normal;
    }

        .section-menu ul > li {
            float: left;
            list-style: none;
            font-size: 12px;
            text-align: center;
            margin-right: 1px;
        }

            .section-menu ul > li > span {
                padding-right: 15px;
                cursor: pointer;
            }

                .section-menu ul > li > span > a {
                    width: 20px;
                }

            .section-menu ul > li > .text-decor {
                text-transform: none;
                cursor: pointer;
                background: url('../../images/Common/menu_other_16.png');
                background-position: center right;
                background-repeat: no-repeat;
            }

    .section-menu > ul > li > ul {
        visibility: hidden;
        position: absolute;
        border: solid 1px #eee;
        margin-top: 0px !important;
        box-shadow: 1px 1px 5px #888;
        width: 180px;
        margin-left: -145px;
        background: -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #e4e0e5 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e0e5',GradientType=0 );
        -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
        -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
        box-shadow: inset 0px -3px 7px 0px #ffffff;
        border: 1px solid #dcdcdc;
    }

    .section-menu ul > li > ul > li {
        float: left;
        list-style: none;
        width: 100%;
        text-align: left;
        text-decoration: none;
        position: relative;
        font-weight: normal !important;
        font-size: 12px;
        padding: 5px 0px 5px 15px;
        border-top: solid 1px #e1e1e1;
        border-bottom: dotted 1px #eeeeee;
        width: 165px;
    }

        .section-menu ul > li > ul > li:first-child {
            border-top: 0px;
        }

        .section-menu ul > li > ul > li > span > a {
            width: 100%;
            display: inline-block;
            line-height: 20px;
            padding: 5px 0px 5px 0px;
            width: 165px;
            color: #3B3B3B;
        }

            .section-menu ul > li > ul > li > span > a:hover {
                color: #6b478e;
            }

    .section-menu ul > li:hover {
        text-decoration: none;
    }

    .section-menu ul > li > ul > li:hover {
        text-decoration: none;
        padding-right: 0;
        margin-right: 0;
        background-color: #eaeaea;
        color: #6b478e;
    }

    .section-menu > ul > li:hover > ul {
        visibility: visible;
        position: absolute;
        display: block;
        cursor: pointer;
    }

    .section-menu t a {
        color: #454040;
    }

    .section-menu a:hover {
        color: #e4358e;
        text-decoration: none;
    }

    .section-menu .border-top {
        border-top: dotted 1px #eee;
    }

    .section-menu .selected {
        background-color: #eee;
        cursor: default;
        color: #bdbdbd;
    }

/***************** MENU LIST ***********************/
#table-menu {
    width: auto;
    padding: 0;
    margin: 0px;
    font-family: inherit;
    font-weight: normal;
}

    #table-menu ul {
        padding: 0;
        margin: 0;
        font-family: inherit;
        font-weight: normal;
        background-color: #eee !important;
    }

        #table-menu ul > li {
            float: left;
            list-style: none;
            font-size: 12px;
            text-align: left;
            width: 100%;
            padding: 0;
            margin: 0;
        }

            #table-menu ul > li > ul {
                visibility: hidden;
                position: absolute;
                border: solid 1px #eee;
                margin-top: 12px;
                box-shadow: 1px 1px 5px #888;
                width: 180px;
                margin-left: -145px;
                background: -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #e4e0e5 100%);
                background: -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
                background: linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e0e5',GradientType=0 );
                -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
                -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
                box-shadow: inset 0px -3px 7px 0px #ffffff;
                border: 1px solid #dcdcdc;
                margin-top: -2px !important;
                margin-left: -4px !important;
            }

                #table-menu ul > li > ul > li:last-child {
                    border-top: 0px;
                }

                #table-menu ul > li > ul > li > a {
                    display: block;
                    color: #454040;
                    padding: 5px 0px 5px 10px;
                }

.section-menu ul > li > ul > li:hover {
    text-decoration: none;
    padding-right: 0;
    margin-right: 0;
    background-color: #eaeaea;
    color: #6b478e;
}

#table-menu ul > li > ul > li > a:hover {
    color: #6b478e;
    text-decoration: none;
}

#table-menu ul > li > ul > li > sublist a {
    padding-left: 12px;
    color: #454040;
}

#table-menu ul > li:hover {
    background-color: #DEDEDE;
    text-decoration: none;
}

#table-menu > ul > li > ul > li {
    padding: 5px 0px 5px 0px;
    border-bottom: dotted 1px #bababa;
}

#table-menu > ul > li:hover > ul {
    visibility: visible;
    position: absolute;
    display: block;
    cursor: pointer;
    margin-left: 15px;
    margin-top: -20px;
    margin-bottom: 0px;
}

#table-menu .option-icon {
    background-color: transparent;
    background-image: url('../../images/Common/menu_other_3_16.png');
    background-repeat: no-repeat;
    background-position: center center;
    border: 0;
    width: 20px !important;
    height: 20px !important;
    text-decoration: none;
}

/***************** MENU Sublist **********************/

#sub-menu-block {
    font-size: 12px;
    color: #5992d9;
    line-height: 20px;
    float: left;
    font-family: inherit;
}

    #sub-menu-block > ul {
        list-style: none;
        line-height: 20px;
        margin: auto;
        padding: 5px 5px 5px 10px;
    }

        #sub-menu-block > ul > li {
            display: block;
            margin: 0;
            padding: 0;
            margin-top: 5px;
        }

            #sub-menu-block > ul > li > a {
                background-image: url('../../images/Common/dot_active.png');
                background-repeat: no-repeat;
                background-position: left center;
                cursor: pointer;
                text-align: left;
                height: 20px;
                width: 180px;
                padding-bottom: 3px;
                padding-left: 20px;
                border-bottom: dotted 1px #ff0000;
            }

    #sub-menu-block ul > li > ul {
        padding-left: 20px;
        padding-right: 18px;
    }

        #sub-menu-block ul > li > ul > li {
            background-image: url('../../images/Web/go_right_16.png');
            background-repeat: no-repeat;
            background-position: right center;
            display: block;
            margin: 0;
            padding: 0;
            width: 100%;
            padding-right: 14px;
            border-bottom: dotted 1px #bababa;
        }

            #sub-menu-block ul > li > ul > li > a {
                cursor: pointer;
            }

    #sub-menu-block a {
        text-decoration: none;
    }

/***************** MENU INLINE **********************/

/***************** MENU Sublist **********************/
.list-arrow {
    font-size: 12px;
    color: #3B3B3B;
    line-height: 20px;
    font-family: inherit;
    float: left;
    width: 100%;
}

    .list-arrow .section {
        border: -1px;
        padding: 5px;
        background-color: #D6E4F6;
        border-bottom: dotted 1px #bdbdbd;
    }

    .list-arrow .section-arr {
        background-image: url('../../images/TMA/Web/arrow_right.png');
        background-repeat: no-repeat;
        background-position: right center;
        border: -1px;
        padding: 5px;
        /* background-color:#eeeeee;  */
        border-top: dotted 1px #bdbdbd;
        border-bottom: dotted 1px #bdbdbd;
        color: #3B3B3B !important;
    }

        .list-arrow .section-arr a {
            color: #3B3B3B !important;
        }

    .list-arrow > ul {
        list-style: none;
        line-height: 20px;
        margin: 0px;
        padding: 0px;
    }

        .list-arrow > ul > li {
            display: block;
            margin: 0;
        }

            .list-arrow > ul > li > a {
                background-image: url('../../images/TMA/Web/arrow_right.png');
                background-repeat: no-repeat;
                background-position: right center;
                display: block;
                cursor: pointer;
                text-align: left;
                height: 20px;
                padding: 5px;
                padding-left: 20px;
                border-bottom: dotted 1px #bababa;
                color: #3B3B3B !important;
            }

                .list-arrow > ul > li > a:hover {
                    background-color: #eee;
                }

    .list-arrow a {
        text-decoration: none;
    }

    .list-arrow .active {
        background-color: #e1e1e1;
    }

.textbox-std {
    font-size: 12px;
    font-family: inherit;
}

/***************** Standard List**********************/

.list-std {
    font-size: 12px;
    color: #3B3B3B;
    line-height: 20px;
    font-family: inherit;
    float: left;
    width: 100%;
}

    .list-std .section {
        border-style: none;
        border-color: inherit;
        border-width: -1px;
        padding: 5px;
        background-color: #eeeeee;
    }

    .list-std > ul {
        list-style: none;
        line-height: 20px;
        margin: 0px;
        padding: 0px;
    }

        .list-std > ul > li {
            display: block;
            margin: 0;
        }

            .list-std > ul > li > a {
                display: block;
                cursor: pointer;
                text-align: left;
                height: 20px;
                padding: 5px;
                padding-left: 20px;
                border-bottom: dotted 1px #bababa;
                color: #3B3B3B !important;
            }

                .list-std > ul > li > a:hover {
                    background-color: #eee;
                }

    .list-std a {
        text-decoration: none;
    }

    .list-std .active {
        background-color: #D6E4F6;
    }

.ajax__calendar {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 10001;
}

    .ajax__calendar td {
        white-space: nowrap !important;
        background-color: #ffffff !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .ajax__calendar .ajax__calendar_title {
        width: auto;
        margin-left: 5px;
        margin-right: 5px;
    }

.ajax__calendar_body {
    height: 160px !important;
    width: 170px !important;
}

.displayCheckBox input {
    display: none;
}

.border-top {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    border-top: solid 1px #eeeeee;
    float: left;
    width: 100%;
}

.border-bottom {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: solid 1px #eeeeee;
    float: left;
    width: 100%;
}

.list-box {
    background-color: Transparent;
    border: solid 1px #DEDEDE;
}

.imgbtn-std {
    background-color: Transparent;
}

    .imgbtn-std:hover {
        background-color: #CACACA;
    }

.imgbtn-left {
    background-color: #F9F9F9;
    margin-left: -30px;
    margin-right: 3px;
    margin-top: 5px;
    float: left;
    padding: 3px;
    border: solid 1px #eaeaea !important;
    width: 16px;
    height: 16px;
}

    .imgbtn-left:hover {
        background-color: #CACACA;
    }

.modal-background {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modal {
    display: normal; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background: #ffffff;
    background-image: url('../../images/tma/Web/side_bg.png');
    background-repeat: repeat-y;
    background-position: right top;
    background: url('../../images/tma/Web/side_bg.png') repeat-y right, -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #e4e0e5 100%);
    background: url('../../images/tma/Web/side_bg.png') repeat-y right, -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    background: url('../../images/tma/Web/side_bg.png') repeat-y right, linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e0e5',GradientType=0 );
    box-shadow: 1px 1px 5px #888;
    margin: auto;
    padding: 15px;
    border: 1px solid #888;
    width: auto;
    display: table;
    overflow: auto;
}

.modal-close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    background: transparent;
    border: 0px;
}

    .modal-close:hover,
    .modal-close:focus {
        color: #000;
        background-color: #e1e1e1;
        text-decoration: none;
        cursor: pointer;
        border: 0px;
        font-size: 28px;
        font-weight: bold;
    }

.step-background {
    background-image: url('../../images/web/step_arrow.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 100px;
    height: 22px;
}

.meter-reading-box {
    text-align: center;
    width: 200px;
    font-weight: normal;
    font-size: 18px !important;
    color: #264783;
    letter-spacing: 1.5px;
    border-bottom: 1px solid #eef1f5 !important;
    border-bottom: 2px solid #9eb2cb !important;
}

.meter-reading-box-single {
    width: 12px !important;
    text-align: center;
    font-weight: normal;
    font-size: 16px !important;
    color: #2d629b;
    border-bottom: 2px solid #9eb2cb !important;
    margin-right: 1px;
}

.meter-reading-box-red {
    width: 12px !important;
    text-align: center;
    font-weight: bold;
    color: #ff0000 !important;
    border: solid 2px #ff0000 !important;
    font-size: 14px !important;
}

.site-safety-passed {
    background-color: #FFFFCC !important;
    font-size: 12px;
}

    .site-safety-passed .ssp-label {
        border-bottom: solid 1px #eee;
        line-height: 30px;
        padding-left: 10px !important;
        box-shadow: 2px 2px 8px #d1d1d1;
        border-radius: 3px;
        font-weight: bold;
    }

    .site-safety-passed .ssp-rb {
        text-align: right;
        float: right;
        width: 100px;
    }

.special-read {
    color: #ff0000;
}

select[disabled='disabled'] {
    background-color: #f0f0f0;
}

input[type='text'],
input[type='password'],
input[type='number'],
textarea {
    border: solid 1px #e1e1e1;
    padding: 8px 3px 8px 3px;
    font-size: 12px;
    border-radius: 3px;
    /*box-shadow: 2px 2px 5px #d1d1d1;
    -webkit-box-shadow: 2px 2px 5px #d1d1d1;
    -moz-box-shadow: 2px 2px 5px #d1d1d1;*/
    -moz-box-shadow: inset 0px -1px 7px 0px #f8f6f6;
    -webkit-box-shadow: inset 0px -1px 7px 0px #f8f6f6;
    box-shadow: inset 0px -1px 7px 0px #f8f6f6;
}

    input[type='text']:hover,
    input[type='password']:hover,
    input[type='number']:hover,
    select:hover,
    textarea:hover {
        border: solid 1px #5992d9;
    }

    input[type='text']:focus,
    input[type='password']:focus,
    input[type='number']:focus,
    select:focus,
    textarea:focus {
        border: solid 1px #5992d9;
    }

    input[type='text'].standard,
    input[type='password'].standard {
        border: solid 1px #eeeeee;
        font-size: 12px;
        padding: 5px;
        border-radius: 3px;
        box-shadow: 0px;
        -webkit-box-shadow: 0px;
        -moz-box-shadow: 0px;
    }

/***************** MAP CANVAS ***********************/

.map-canvas {
    height: 900px;
    width: 100%;
}

/***************** AJAX CALENDAR ***********************/
.ajax__calendar {
    position: relative;
    left: 0px !important;
    top: 0px !important;
    visibility: visible;
    display: block;
    overflow: visible;
}

    .ajax__calendar td {
        white-space: nowrap;
        background-color: #ffffff;
        border: 0px;
        padding: 0px !important;
        margin: 0px !important;
        font: normal 11px Arial, Tahoma, Sans Serif !important;
    }

    .ajax__calendar .ajax__calendar_container {
        border: 1px solid #bdbdbd !important;
        background-color: #ffffff;
        color: #000000;
        box-shadow: 1px 1px 5px #888;
        border-radius: 5px;
        padding: 15px;
    }

    .ajax__calendar .ajax__calendar_title {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
        padding: 0px;
        font: normal 11px Arial, Tahoma, Sans Serif !important;
    }

.ajax__calendar_days table thead tr td:last-child {
    color: #ff0000;
}

.ajax__calendar_days table thead tr td:nth-last-child(2) {
    color: #ff0000;
}

.ajax__calendar_days table tbody tr td:last-child {
    color: #fa4747 !important;
}

.ajax__calendar_days table tbody tr td:nth-last-child(2) {
    color: #fa4747 !important;
}

.ajax__calendar_dayname {
    font-weight: bold;
    padding-top: 5px;
}

select {
    font-family: inherit;
    font-size: inherit;
    padding: 5px 3px 5px 3px;
    border-radius: 3px;
    background: #e1e1e1;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f0f2 80%, #e4e0e5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f2f0f2 80%,#e4e0e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e0e5',GradientType=0 );
    -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
    -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
    box-shadow: inset 0px -3px 7px 0px #ffffff;
    border: 1px solid #dcdcdc;
}

    select[disabled] {
        font-family: inherit;
        font-size: inherit;
        padding: 5px 3px 5px 3px;
        border-radius: 3px;
        background: #e1e1e1;
        background: -moz-linear-gradient(top, #e4e0e5 0%, #e4e0e5 80%, #e4e0e5 100%);
        background: -webkit-linear-gradient(top, #e4e0e5 0%,#e4e0e5 80%,#e4e0e5 100%);
        background: linear-gradient(to bottom, #e4e0e5 0%,#e4e0e5 80%,#e4e0e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e0e5', endColorstr='#e4e0e5',GradientType=0 );
        -moz-box-shadow: inset 0px -3px 7px 0px #ffffff;
        -webkit-box-shadow: inset 0px -3px 7px 0px #ffffff;
        box-shadow: inset 0px -3px 7px 0px #ffffff;
        border: 1px solid #dcdcdc;
    }

.vehicle-reg {
    text-align: center;
    background-color: #edda0c;
    color: #000000;
    border: 0px !important;
    font-weight: bold !important;
    text-shadow: 0px 1px 2px #f5f2d3;
    border-left: 10px solid #003399 !important;
    padding: 5px 3px 5px 3px;
    font-size: 12px;
    border-radius: 3px;
    min-width: 80px;
    min-height: 10px;
}

.calendar-std {
    height: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    font-weight: normal;
    opacity: 1;
    width: auto;
}