@font-face {
    font-family: 'SegoeUI-Light';
    src: url('/styles/segoeuil.eot');
    src: url('/styles/segoeuil.eot?#iefix') format('embedded-opentype'), url('/styles/segoeuil.woff') format('woff'), url('/styles/segoeuil.ttf') format('truetype'), url('/styles/segoeuil.svg#segoeuil') format('svg');
    font-weight: lighter;
    font-style: normal;
}

html,
body {
    margin: 0px auto 0px auto;
    padding: 0px;
    font-size: 11px;
    font-weight:100;
    font-family: Tahoma, Helvetica, Arial, Thonburi, Verdana, sans-serif;
    color: Gray;
    height: 100%;
    position: relative;
    -webkit-text-size-adjust: none;
}

iframe[name="google_conversion_frame"], iframe[name="google_cookie_match_frame"]{
    position:absolute;
    left:-99999px;
    visibility: hidden;
    height: 0;
}

#usageTypes a.sselitem {
    display:block;
    width:100%;
    padding: 0 10px;
    border-radius: 5px;
    text-indent:0;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
}

#usageTypes .row-manager a.sselitem .dtu {
    padding:0;
}

.fdpl > a {
    color: #8aaab9;
    text-decoration: none !important;
}

.fver {
    left: 34px;
    height: 28px;
    line-height: 28px;
    color: #8aaab9;
    text-decoration: none !important;
    cursor: pointer !important;
}

    .fver:hover, .fdpl > a:hover {
        color: #fff;
    }

.fpage {
    background-image: url(/images/f_back.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #e9f3f8;
    position: relative;
}

.ffcw {
    min-height: 100%;
    position: relative;
}

.page {
    width: 100%;
    margin: auto;
    display: table;
}

    .page > div {
        width: 980px;
        margin: auto;
    }

.ftop {
    /*padding-top:13px;*/
    text-align: right;
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    color: #a8e2ff;
    padding-right: 18px;
    line-height: 40px;
}

.front_top {
    height: 38px;
    text-align: right;
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    color: #a8e2ff;
    padding-right: 18px;
}

.ftop > span {
    margin-left: 5px;
    margin-right: 5px;
}

    .ftop > span.w {
        color: #ffffff;
        font-weight: bold;
    }

    .ftop > span:hover {
        cursor: pointer;
        color: #ffffff;
    }

.fad {
    position: relative;
    height: 360px;
}

.flogo {
    position: absolute;
    height: 80px;
    margin-left: 688px;
    margin-top: 40px;
}

.flimg {
    background-image: url(/images/Logo.svg);
    background-repeat: no-repeat;
    margin-left: 30px;
    width: 213px;
    height: 67px;
    cursor: pointer;
    display: inline-block;
    background-position: right center;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    -webkit-background-size: contain !important;
    background-size: contain !important;
}


.finr {
    /*margin-left: 732px;*/
    margin-top: 5px;
    /*position:absolute;*/
}

.flmenu {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    font-size: 15px;
    color: #a8e2ff;
    float: right;
}

    .flmenu > span {
        display: inline-block;
        padding: 4px 18px 4px 18px;
        height: 30px;
        background-image: url(/images/trans_w_10.png);
    }

        .flmenu > span:hover {
            cursor: pointer;
            color: #ffffff;
            background-image: url(/images/trans_b_40.png);
        }

        .flmenu > span.w {
            color: #ffffff;
        }

.ftext {
    padding-top: 24px;
    height: 216px;
    position: relative;
}

.fin {
    background-image: url(/images/f_line.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #eaf3f8;
    min-height: 306px;
    min-width: 980px;
    padding-right: 20px;
}

.ffcw .fin {
    padding-bottom:0!important;
}

    .fin > div {
        width: 980px;
        margin: auto;
    }

.ftextin {
    padding-top: 40px;
    padding-left: 20px;
    min-height: 92px;
}

.ftimg {
    background-image: url(/images/f_text.png);
    margin-left: 20px;
    background-repeat: no-repeat;
    width: 642px;
    height: 161px;
    display: inline-block;
}

.ftreg {
    height: 113px;
    width: 301px;
    background-image: url(/images/f_reg.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-block;
    float: right;
}

    .ftreg:hover {
        background-position: 0px -112px;
        cursor: pointer;
    }

.ftregt {
    height: 19px;
    width: 236px;
    background-image: url(/images/f_regt.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-block;
    position: absolute;
    margin-left: 30px;
    margin-top: 100px;
    cursor: pointer;
}

.f3col {
    vertical-align: top;
}

.nohi > div {
    background-image: none !important;
    height: auto !important;
}

.f3col > div {
    vertical-align: top;
    display: inline-block;
    margin-top: 7px;
    padding: 30px 20px 30px 40px;
    width: 260px;
    height: 124px;
    font-size: 13px;
    color: #1f6486;
    background-image: url(/images/fcolback.png);
    background-position: 0px -164px;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .f3col > div:hover {
        background-position: 19px 19px;
    }

    .f3col > div > div {
        margin-top: 16px;
        margin-bottom: 8px;
        font-size: 20px;
    }


.fcont {
    vertical-align: top;
}

    .fcont > div {
        vertical-align: top;
        display: inline-block;
        margin-top: 20px;
        padding: 0px 30px 30px 30px;
        width: 260px;
        font-size: 13px;
        color: #1f6486;
    }


        .fcont > div > img {
            cursor: pointer;
        }

        .fcont > div > div {
            font-size: 20px;
            margin-top: 16px;
            margin-bottom: 8px;
        }

        .fcont > div > span {
            display: block;
            padding-left: 2px;
            padding-right: 2px;
        }

.ft {
    color: #ffffff;
}

.fti {
    color: #ffffff;
    margin-bottom: 8px;
}

.fcontin {
    padding-top: 24px;
    font-size: 11px;
}

.freg {
    height: 104px;
    background-image: url(/images/f_regb.png);
    background-repeat: no-repeat;
    background-position: center top;
    cursor: pointer;
}

.ftwrap {
    width: 100%;
    width: 100%;
    height: 180px;
    min-width: 980px;
}

.footer {
    background-color: #0b2d3a;
    background-image: url(/images/f_foot.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    cursor: default;
    margin: 0px auto 0px auto;
    padding-top: 40px;
    padding-bottom: 30px;
    min-height: 110px;
    min-width: 1000px;
}

    .footer > div {
        width: 980px;
        margin: auto;
    }

        .footer > div > div {
            display: table-cell;
        }

            .footer > div > div > a {
                color: #8aaab9;
                text-decoration: none;
            }

                .footer > div > div > a:hover {
                    color: #ffffff;
                    cursor: pointer;
                }

            .footer > div > div.f1 {
                display: table-cell;
                width: 680px;
                vertical-align: bottom;
                line-height: 1px;
            }

            .footer > div > div.f2 {
                display: table-cell;
                width: 168px;
                text-align: right;
                border-left: 1px solid #2a5061;
                padding-right: 24px;
            }

            .footer > div > div > a, .footer > div > div > div {
                padding: 4px 8px 4px 8px;
                margin: 2px;
                display: inline-table;
                color: #8aaab9;
                text-decoration: none;
            }

            .footer > div > div.f2 > a:hover {
                cursor: pointer !important;
                background-color: #3399cc;
                color: #ffffff;
                text-decoration: none;
            }

.fcapsd {
    padding: 30px 40px 10px 40px;
}

.fcaps {
    color: #09487f;
    font-size: 26px;
    margin-top: 16px;
    margin-bottom: 8px;
}

h5 {
    color: #ffffff;
    font-size: 36px;
}

h3 {
    color: #9dbdcc;
    font-size: 24px;
}

input[type=textbox]::-ms-clear {
    display: none;
}

.msgbox_wrapper {
    overflow: hidden;
    vertical-align: top;
}

.msgbox_title_wrapper {
    list-style-type: none;
    margin: 0;
    padding: 0px;
    vertical-align: middle;
}

    .msgbox_title_wrapper img {
        position: static;
        position: relative;
        vertical-align: middle;
    }

.msgbox_title {
    float: left;
    line-height: 25px;
    height: 24px;
    padding-left: 0px;
    font-size: 11px;
    font-weight: bold;
    color: White;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    cursor: move;
}

    .msgbox_title font {
        color: #eaf3f8;
    }

.msgbox_close {
    float: right;
    line-height: 22px;
    display: table-cell;
    height: 22px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.msgbox_main {
    text-align: center;
    color: #f00;
    overflow: auto;
}

.msgbox_bg {
    background-color: #ddd;
}

.msgbox_button {
    border: 1px solid #010;
    font-family: "Tahoma";
}

.msgbox_inputbox {
    border: 1px solid #010;
    font-family: "Tahoma";
}

.toplogo {
    width: 49px;
    height: 49px;
    background-image: url(/Images/aplogo.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: 8px;
    margin-right: 16px;
}

.aw_tc {
    background: url(/Images/top-bottom.png) repeat-x 0px 0px;
    overflow: hidden;
}

.aw_tl {
    z-index: 1;
    position: relative;
    padding-left: 6px;
    background: url(/Images/left-corners.png) no-repeat 0px 0px;
}

.aw_tr {
    padding-right: 6px;
    background: url(/Images/right-corners.png) no-repeat right 0px;
}

.aw_bc {
    background: url(/Images/top-bottom.png) repeat-x 0px bottom;
    height: 6px;
}

.aw_bl {
    padding-left: 6px;
    background: url(/Images/left-corners.png) no-repeat 0px bottom;
}

.aw_br {
    padding-right: 6px;
    background: url(/Images/right-corners.png) no-repeat right bottom;
}

.aw_ml {
    padding-left: 6px;
    background: url(/Images/left-right.png) repeat-y 0px 0px;
}

.aw_mr {
    padding-right: 6px;
    background: url(/Images/left-right.png) repeat-y right 0px;
}

.aw_mc {
    background-color: #f6f9ff;
    background-image: url("/images/reportback.png");
    color: Black;
    text-align: left;
    height: 100%;
}

    .aw_mc > div > .fcap {
        margin-top: -5px;
        position: absolute;
    }


.aw_tool {
    width: 15px;
    background: url(/Images/tool-sprites.gif) no-repeat;
    float: right;
    height: 15px;
    margin-left: 2px;
    margin-top: 5px;
    overflow: hidden;
    cursor: pointer;
}

    .aw_tool:hover {
        background-position: -15px 0px;
    }

.saving {
    background-image: url(/images/btn_saving.png);
    background-repeat: no-repeat;
    width: 251px;
    height: 48px;
    cursor: default !important;
    padding-left: 32px;
    padding-top: 15px;
}

    .saving > .sroll {
        background-image: url(/images/btn_savingroll.gif);
        background-repeat: no-repeat;
        width: 32px;
        height: 32px;
        cursor: default;
    }

#frmLogin > div {
}

    #frmLogin > div > div {
        padding: 10px;
    }

        #frmLogin > div > div > div {
            padding-bottom: 6px;
            font-size: 16px;
        }

input, textarea, select {
    font-size: 15px;
    width: 210px;
    padding: 5px 8px 6px 8px;
    margin-top: 4px;
    font-family: 'Segoe UI',Tahoma;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 1px solid #abadb3;
    border-left: 1px solid #e2e3ea;
    border-right: 1px solid #dbdfe6;
    border-bottom: 1px solid #e3e9ef;
}

input::-ms-clear {
    display:none;
}

.frmDetail .inputcheck {
    background-image: url(/Images/input_check_back.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 21px;
    margin-bottom: 4px;
    margin-right: 8px;
    margin-top: 4px;
    width: 20px;
}

    .frmDetail .inputcheck:hover {
        background-position: 0px -21px;
    }

.frmDetail .inputcheckh {
    background-image: url(/Images/input_check_back.png);
    background-position: 0px -42px !important;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 21px;
    margin-bottom: 4px;
    margin-right: 8px;
    margin-top: 4px;
    width: 20px;
}

.frmDetail .chk_alt > .c2 > div.inputcheck, .frmDetail .chk_alt > .c2 > div.inputcheckh {
    background-image: url(/Images/input_check2_back.png) !important;
}

.frmDetail .ci_checkbox {
    display:none;
    height: 1px;
    left: -18px;
    overflow: hidden;
    position: absolute;
    border: 0px !important;
    width: 1px;
}

.frmDetail .c2 > div > div > label {
    color: #ccffff;
    font-size: 13px;
    padding-left: 0px;
}

.frmDetail .c2 > div:hover > div > label {
    color: #ffffff;
}

.frmDetail .c_checkbox > .c2 > div {
    color: #ccffff;
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
}

.ci_textbox[rel~="ci_dropdown"] {
    font-size: 15px;
    padding: 6px 8px 7px 8px;
    margin-top: 4px;
    font-family: 'Segoe UI',Tahoma;
    cursor: pointer;
    background-color: #ffffff;
    border-top: 1px solid #abadb3;
    border-left: 1px solid #e2e3ea;
    border-right: 1px solid #dbdfe6;
    border-bottom: 1px solid #e3e9ef;
    width: 302px;
    resize: none; /* remove textarea resize at Safari */
    height: 20px;
}

    .ci_textbox[rel~="ci_dropdown"]:focus {
        border: 1px solid #9ac7df;
    }

.fsign {
    height: 67px;
    width: 172px;
    background-image: url(/images/f_sign.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: table-cell;
    padding: 0px !important;
}

    .fsign:hover {
        background-position: 0px -67px;
        cursor: pointer;
    }

.fsignup {
    height: 67px;
    width: 211px;
    background-image: url(/images/f_signup.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: table-cell;
    padding: 0px !important;
}

    .fsignup:hover {
        background-position: 0px -67px;
        cursor: pointer;
    }

.fsend {
    height: 67px;
    width: 189px;
    background-image: url(/images/f_send.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: table-cell;
    padding: 0px !important;
}

    .fsend:hover {
        background-position: 0px -67px;
        cursor: pointer;
    }

.regnote {
    float: right;
    font-size: 13px;
    padding: 0px 24px 0px 24px;
}

    .regnote > div {
        display: inline-block;
        vertical-align: middle;
    }

        .regnote > div > a {
            color: #0b698a;
        }

            .regnote > div > a:hover {
                text-decoration: underline !important;
                cursor: pointer;
            }

.regmsg {
    font-size: 14px;
    padding: 32px 0px 32px 32px;
    color: #0b698a;
}


    .regmsg > a {
        color: #0b698a;
    }

        .regmsg > a:hover {
            color: #25a9e3;
        }

.ncp {
    cursor: default !important;
    color: #a8e2ff !important;
}

a > img {
    border: 0px;
}

h2 {
    padding-top: 24px;
}

.dcon {
    min-width: 16px;
    height: 16px;
    background-image: url(/Images/dtcb.png);
    background-repeat: no-repeat;
    background-position: center 0px;
}

.ptable {
    display: table;
}

    .ptable > div {
        display: table-row;
    }

        .ptable > div > div {
            display: table-cell;
            text-align: center;
            padding: 4px;
            background-color: #ffffff;
            border-bottom: 3px solid #e9f3f8;
        }

            .ptable > div > div.featcol {
                font-size: 16px;
                text-align: right;
                background-color: #ffffff;
                border-bottom: 3px solid #e9f3f8;
            }

        .ptable > div.headrow > div {
            color: #20789c;
            width: 220px;
            background-color: #e9f3f8;
        }

.t_dlineItem {
    display: inline-block;
    vertical-align: middle;
    color: #85deff;
    font-size: 11px;
    text-decoration: none;
}

    .t_dlineItem:hover {
        color: #ffffff;
        cursor: pointer;
    }

.t_dlineSplit {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 15px;
    margin-top: 2px;
    background-color: #076181;
    margin-left: 12px;
    margin-right: 12px;
}


.t_dlineEnd {
    display: inline-block;
    width: 1px;
    height: 15px;
    margin-top: 2px;
    margin-left: 12px;
    margin-right: 12px;
}

.wb {
    color: #ffffff;
    font-weight: bold;
}

.rw {
    color: #ffffff;
    font-weight: normal;
    cursor: default !important;
    text-decoration: none !important;
}

.fpass {
    margin-left: 136px;
    font-size: 11px;
    color: #2a8fb9;
    margin-top: 8px;
    text-decoration: none;
}

    .fpass:hover {
        color: #20789c;
        text-decoration: underline;
        cursor: pointer;
    }

.frem {
    position: absolute;
    margin-top: 9px;
    font-size: 11px;
}

    .frem:hover {
        color: #20789c;
        cursor: pointer;
    }

.m_submenu {
    position: absolute;
    z-index: 99999;
    background-color: #1798cd;
    margin-top: 42px;
    margin-left: -1px;
    border-left: 1px solid #29a9d7;
    border-right: 1px solid #0083b0;
    border-bottom: 1px solid #0083b0;
    font-weight: normal;
    display: none;
}

.m_menuItem:hover > .m_submenu {
    display: block;
}

.m_submenuItem {
    height: 18px;
    line-height: 17px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 24px;
    padding-right: 24px;
    color: #ffffff;
    display: block;
    text-decoration: none !important;
}

    .m_submenuItem:hover {
        color: #ffffff;
        background-image: url(../Images/smiback.png);
        background-repeat: repeat-x;
    }

.m_submenuSplit {
    border-top: 1px solid #0083b0;
    border-bottom: 1px solid #29a9d7;
}

.smw > .m_submenuSplit {
    border-top: 1px solid #0f3d4d;
    border-bottom: 1px solid #0a6d90;
}

.m_submenuGroupCap {
    height: 15px;
    background-color: rgba(0,0,0,0.2);
    line-height: 15px;
    font-size: 9px !important;
    padding-left: 14px;
    color: rgba(255,255,255,0.7);
    cursor: default !important;
}

.smw {
    background-image: url(/images/trans_b_50.png);
    -moz-box-shadow: 1px 0px 3px #1a333d;
    -webkit-box-shadow: 1px 0px 3px #1a333d;
    box-shadow: 1px 0px 3px #1a333d;
}

    .smw > .m_submenuItem {
        white-space: nowrap;
    }


.hsbm {
    background-image: url(/images/fanext.png);
    background-position: -17px -44px;
    display: block;
    height: 8px;
    margin-top: 5px;
    position: absolute;
    width: 8px;
}

.sbbm {
    position: absolute !important;
    text-align: right;
    right: 0px;
    margin-left: auto;
    margin-top: -42px;
}

.m_submenuItem:hover > .sbbm > .m_submenu {
    margin-top: -4px !important;
    float: right;
}


.mhover {
    background-image: url(../Images/smiback.png);
    background-repeat: repeat-x;
    color: #ffffff;
}


.m_submenu > .m_submenuItem {
    white-space: nowrap;
    text-align: left;
}


.marrow {
    display: inline-block;
    width: 5px;
    height: 8px;
    background-image: url(../Images/marrows.png);
    background-position: -5px 0px;
    background-repeat: no-repeat;
    margin-top: 16px;
    margin-left: 8px;
}

.menuCont {
    display: inline-table;
}

.m_menuItem {
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    color: White;
    background-image: url(../Images/mbackgrad.png);
    background-color: #17ade7;
    background-position: 0px 0px;
    border-left: 1px solid #29a9d7;
    border-right: 1px solid #0083b0;
    border-top: 1px solid #2eaad8;
}

.m_Caption {
    height: 42px;
    line-height: 42px;
    padding-left: 24px;
    padding-right: 24px;
    display: block;
    color: #ffffff;
    text-decoration: none !important;
}

.m_menuItem:hover {
    background-position: 0px 42px;
    cursor: pointer;
}

.m_menuItem > .m_Caption {
    color: #ffffff;
    white-space: nowrap;
}

.m_menuSelected.m_menuItem:hover > .m_Caption, .m_menuSelected > .m_Caption {
    color: #0089b3;
}

.m_menuItem > .m_Caption {
    text-decoration: none;
}

.m_menuSelected {
    background-image: none;
    background-color: #ffffff !important;
    color: #0089b3;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
}

.tmenu {
    margin-top: 12px;
    width: 950px;
}

.aplm {
    width: 18px;
    height: 18px;
    background-image: url(/images/aplogo18.png);
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 11px;
    margin-left: -8px;
}

.mnum {
    position: absolute;
    margin-left: 15px;
    margin-top: -14px;
    color: White;
    font-size: 8px;
    font-weight: bold;
}

.msgViewer {
    width: 620px;
}

.mfr {
    line-height: 19px !important;
    font-size: 13px;
    color: gray;
    padding-right: 6px;
}

    .mfr > span {
        color: #050505;
        font-size: 13px;
    }

    .mfr > div {
        float: right;
        display: inline;
        color: #050505;
        font-size: 11px;
    }

.mrfun > span {
    font-weight: bold;
}

.mrfun > div {
    font-weight: bold;
}

.mvs {
    font-size: 16px;
    font-weight: bold;
    color: #050505;
    padding: 16px 0px 0px 20px;
}

.mvf {
    font-size: 15px;
    color: #050505;
    padding: 6px 0px 2px 20px;
}

.mvl > span {
    color: #22ade5;
}

.mvl {
    padding: 6px 4px 0px 20px;
}

.msb {
    border-top: 1px solid #22ade5;
    margin: 12px 12px 0px 12px;
    padding: 12px 3px 12px 3px;
}

.msrs {
    height: 50px;
}

.m_read {
    width: 24px;
    height: 24px;
    background-image: url(/images/m_read.png);
    background-repeat: no-repeat;
}

.m_unread {
    background-image: url(/images/m_unread.png) !important;
}


.mcur {
    display: none;
}

.mrcur > .mcur {
    display: inline-block !important;
    position: absolute;
    width: 19px;
    height: 46px;
    background-image: url(/images/mcurt.png);
    background-repeat: no-repeat;
    margin-left: 252px;
    margin-top: -4px;
}

.msrs > .mrcur.hil {
    background-color: #eaf6c6 !important;
}

.msrs > .mrcur {
    background-color: #ffffcc;
}

.msrs:hover > .mrcur.hil {
    background-color: #fce4a3 !important;
}

.msrs:hover > .mrcur {
    background-color: #fdefb1;
}

.mlsr {
    float: right;
}

    .mlsr:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.mlst {
    vertical-align: top;
    border-right: 1px solid #d6d6d6;
    width: 329px;
}

.mto {
    color: #050505 !important;
}

.msb {
    font-size: 12px;
}

    .msb > textarea {
        border: 0px;
        font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
        font-size: 12px;
        width: 590px;
        height: 320px;
    }

.ovc {
    height: 40px;
    margin-bottom: 0px !important;
    margin-left: 2px;
    margin-right: 1px;
    padding-bottom: 0px !important;
    padding-left: 12px;
    line-height: 38px;
    position: relative;
}

.ovblockg > .ovc {
    color: #788c00;
    height: 20px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 22px;
    padding-top: 10px;
    line-height: 12px !important;
}

.ovblocko > .ovc {
    color: #8c3800;
    height: 20px;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 22px;
    padding-top: 10px;
}

.noover420 {
    overflow: hidden;
    width: 420px;
}

.ovcap {
    display: block;
    margin-bottom: 6px;
    margin-left: 6px;
}

.ovblockh > .ovc {
    margin-left: 2px;
    margin-right: 2px;
}

.ovblockh {
    margin-right: 2px;
    margin-left: 2px;
    border-top-color: #fff;
    border-bottom-color: #099fc1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
    background: #dbf1ff; /* Old browsers */
    background: -moz-linear-gradient(top, #dbf1ff 0%, #f2faff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbf1ff), color-stop(100%,#f2faff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dbf1ff 0%,#f2faff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dbf1ff 0%,#f2faff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dbf1ff 0%,#f2faff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dbf1ff 0%,#f2faff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbf1ff', endColorstr='#f2faff',GradientType=0 ); /* IE6-9 */
    width: 463px;
}

.ovblock {
    margin-right: 2px;
    margin-left: 2px;
    border-top-color: #fff;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
    background: #dbf1ff; /* Old browsers */
    background: -moz-linear-gradient(top, #dbf1ff 0%, #f2faff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbf1ff), color-stop(100%,#f2faff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dbf1ff 0%,#f2faff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dbf1ff 0%,#f2faff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dbf1ff 0%,#f2faff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dbf1ff 0%,#f2faff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbf1ff', endColorstr='#f2faff',GradientType=0 ); /* IE6-9 */
}

.ovblockg {
    background-image: url(/images/modbackg.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.ovblocko {
    background-image: url(/images/modbacko.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 953px;
}

.ovblinh {
    width: 459px;
    border-top-color: #daf6fc;
    border-top-width: 1px;
    border-bottom-color: #999;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.6);
    font-size: 11px;
    margin-bottom: 20px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 1px 2px 5px 2px;
    text-align: left;
    cursor: default;
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f8f9 0%, #ffffff 0%, #ffffff 93%, #edf1f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(0%,#ffffff), color-stop(93%,#ffffff), color-stop(100%,#edf1f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f8f9 0%,#ffffff 0%,#ffffff 93%,#edf1f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f8f9 0%,#ffffff 0%,#ffffff 93%,#edf1f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f8f9 0%,#ffffff 0%,#ffffff 93%,#edf1f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f8f9 0%,#ffffff 0%,#ffffff 93%,#edf1f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#edf1f4',GradientType=0 ); /* IE6-9 */
}

.ovblin {
    border-top-color: #daf6fc;
    border-top-width: 1px;
    border-bottom-color: #999;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.6);
    font-size: 11px;
    margin-bottom: 20px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 1px 2px 5px 2px;
    text-align: left;
    cursor: default;
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f8f9 0%, #ffffff 0%, #ffffff 93%, #edf1f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(0%,#ffffff), color-stop(93%,#ffffff), color-stop(100%,#edf1f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f8f9 0%,#ffffff 0%,#ffffff 93%,#edf1f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f8f9 0%,#ffffff 0%,#ffffff 93%,#edf1f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f8f9 0%,#ffffff 0%,#ffffff 93%,#edf1f4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f8f9 0%,#ffffff 0%,#ffffff 93%,#edf1f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#edf1f4',GradientType=0 ); /* IE6-9 */
}

.mfavi {
    display: none !important;
}

.fth > .b_caption {
    margin-left: 0px !important;
}

.padding20 {
    padding: 20px;
}

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}

.u {
    text-decoration: underline;
}

.twocol {
    display: table-row;
}

    .twocol > div {
        display: table-cell;
        vertical-align: bottom;
    }

.twocoll {
    display: block !important;
    float: left;
    width: 604px;
}

.twocolr {
    display: block !important;
    float: right;
    width: 346px;
}

.dshbrow {
    display: table-row;
}

    .dshbrow:hover > div {
        background-color: #fff4d3;
    }

        .dshbrow:hover > div.hil {
            background-color: #ffeac9;
        }

    .dshbrow > div {
        display: table-cell;
        text-align: left;
        font-size: 11px;
        padding: 5px 12px 5px 12px;
        line-height: 23px;
        border-top: 1px solid #dddddd;
        color: #333333 !important;
        vertical-align: middle;
        cursor: pointer;
    }

        .dshbrow > div.hil {
            background-color: #eaf8fe;
        }

.dshbheader > div {
    border-bottom: 1px solid #dddddd;
    background-color: #f2faff !important;
    color: #0089b3 !important;
    cursor: default !important;
    font-size: 11px;
    height: 20px;
    padding-top: 6px;
    vertical-align: bottom;
    border-top: 6px solid #f2faff;
}


    .dshbheader > div.hil {
        font-weight: bold;
        background-color: #d9edf9 !important;
    }

.dshbrowfirst > div {
    border-top: 0px !important;
}

.ol {
    text-decoration: line-through;
}

.dbblrow {
    display: table-row;
}

    .dbblrow > div {
        display: table-cell;
        line-height: 24px;
        vertical-align: top;
        font-size: 13px;
    }

div.btn {
    display: inline-block;
    background-image: url(../Images/btn_gray.png);
    background-repeat: repeat-x;
    background-position: 0px -22px;
    height: 22px;
    line-height: 22px;
    margin-top: 7px;
    cursor: pointer;
}


    div.btn:hover {
        background-position: 0px -66px;
    }

    div.btn.btndis {
        background-position: 0px -22px !important;
        color: silver;
        cursor: default !important;
    }

        div.btn.btndis > .s {
            background-position: 0px 0px !important;
        }

        div.btn.btndis > .e {
            background-position: -5px 0px !important;
        }

    div.btn:hover > .s {
        background-position: 0px -44px;
    }

    div.btn:hover > .e {
        background-position: -5px -44px;
    }

    div.btn > .s {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background-image: url(../Images/btn_gray.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 22px;
        width: 5px;
        margin-right: 12px;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
    }

    div.btn > .e {
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        background-image: url(../Images/btn_gray.png);
        background-repeat: no-repeat;
        background-position: -5px 0px;
        height: 22px;
        width: 5px;
        margin-left: 12px;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
    }

div.btng {
    display: inline-block;
    background-image: url(../Images/btn_green.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 22px;
    line-height: 22px;
    margin-top: 7px;
    cursor: pointer;
    color: #066c00;
}

    div.btng > .s {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background-image: url(../Images/btn_green.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 22px;
        width: 5px;
        margin-right: 12px;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
    }

    div.btng > .e {
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        background-image: url(../Images/btn_green.png);
        background-repeat: no-repeat;
        background-position: -5px 0px;
        height: 22px;
        width: 5px;
        margin-left: 12px;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
    }

.alignleft {
    text-align: left !important;
}

.aligncenter {
    text-align: center !important;
}

.alignright {
    text-align: right !important;
}

p {
    margin: 12px 0px 12px 0px;
    padding: 0px;
}

.listBullet {
    line-height: 120%;
    vertical-align: middle;
    padding: 0px 10px 0px 10px;
}

.listItem {
    line-height: 120%;
}

.idoct0 {
    width: 64px;
    height: 64px;
    background-image: url(/images/doct0.png);
    background-repeat: no-repeat;
}

.idoct1 {
    width: 64px;
    height: 64px;
    background-image: url(/images/doct1.png);
    background-repeat: no-repeat;
}

.sublevel {
    padding-left: 32px;
}

.msgViewer > .lbi {
    padding-bottom: 16px;
}

.lbi {
    font-size: 15px;
}

.lbit > .lbi {
    padding-bottom: 16px;
    border-top: 1px solid #ccc;
}

    .lbit > .lbi:hover {
        background-color: #fff4d3;
    }

.lbib > .lbi {
    padding-bottom: 16px;
}

.sublevel > .lbi {
    font-size: 13px;
}

    .sublevel > .lbi > .sublevel > .lbi {
        font-size: 11px !important;
    }

.lbit {
}

.lbib {
    padding: 0px 24px 0px 24px;
    color: #ccc;
}

.lbin {
    padding: 20px 22px 20px 22px;
    border-top: 1px solid #cecece;
    background-color: #f3f3f3;
    margin-bottom: 0px;
    color: #289cd9;
}

.lbic > span {
    float: right;
    font-size: 11px;
}

.lbic > div {
    color: #333333;
}

.lbic {
    color: #333333;
    cursor: pointer;
    margin-top: 16px;
    font-size: 11px;
    text-align: right;
}

.lbid {
    padding-top: 8px;
    margin-top: 10px;
    color: #333333;
    cursor: pointer;
    font-size: 11px;
    border-top: 1px dashed #ddd;
}

.lbi .lbid {
    border-top: 0px;
}

.msgViewer {
    min-height: 90px;
    padding: 0px 0px 20px 0px;
    font-size: 11px;
}

#forumName {
    padding: 20px 10px 20px 23px;
    border-bottom: 1px solid #cecece;
    background-color: #f2faff;
    font-size: 17px;
    color: #1d89b7;
}

.mb_icon {
    width: 48px;
    height: 48px;
    position: absolute;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.mb_i_ok {
    background-image: url(/images/mb_ok.png);
}

.mb_i_error {
    background-image: url(/images/mb_error.png);
}

.mb_i_warn {
    background-image: url(/images/mb_warn.png);
}

.mb_i_crit {
    background-image: url(/images/mb_crit.png);
}

.mb_i_info {
    background-image: url(/images/mb_info.png);
}

.mb_i_mail {
    background-image: url(/images/mb_mail.png);
}

.mb_i_loading {
    width: 50px !important;
    height: 50px !important;
    background-image: url(/images/loading.gif);
}

.mb_i_loading2 {
    background-image: url(/images/mboxloading.gif);
}


.mb_i_working {
    background-image: url(/images/la48h.gif);
    z-index: 2147483647;
    border-radius: 8px;
    overflow: hidden;
}

.mb_iconpadded {
    padding-left: 64px;
    min-height: 48px;
    vertical-align: middle;
    font-size: 13px;
}

.c_btn {
    display: inline-block;
    background-image: url(../Images/c_btn_gray_2.png);
    background-repeat: repeat-x;
    background-position: 0px -31px;
    height: 28px;
    line-height: 27px;
    cursor: pointer;
    color: White;
    font-size: 11px;
    font-weight: bold;
    margin: 2px;
    overflow: hidden;
}
#usageTypes .c_btn {
    -moz-box-shadow: inset 0 15px 15px -10px rgba(255,255,255,.33),0 1px 3px -2px #000,0 1px 2px -1px #000;
    -webkit-box-shadow: inset 0 15px 15px -10px rgba(255,255,255,.33),0 1px 3px -2px #000,0 1px 2px -1px #000;
    box-shadow: inset 0 15px 15px -10px rgba(255,255,255,.33),0 1px 3px -2px #000,0 1px 2px -1px #000;
}

#usageTypes .c_btn:hover {
    -moz-box-shadow: inset 0 35px 35px -30px rgba(255,255,255,.66),0 1px 3px -2px #000,0 1px 2px 0 rgba(0,0,0,.5);
    -webkit-box-shadow: inset 0 35px 35px -30px rgba(255,255,255,.66),0 1px 3px -2px #000,0 1px 2px 0 rgba(0,0,0,.5);
    box-shadow: inset 0 35px 35px -30px rgba(255,255,255,.66),0 1px 3px -2px #000,0 1px 2px 0 rgba(0,0,0,.5);
}

#usageTypes .c_btn.blue {
    background-image: none;
    background: #00bfff;
    border-radius: 5px !important;
}

#usageTypes .c_btn.green {
    background-image: none;
    background: #32cd32;
    border-radius: 5px !important;
}

#usageTypes .c_btn.dark {
    background-image: none;
    background: #1f3f6b;
    border-radius: 5px !important;
    margin: 0;
    margin-bottom: 4px;
    width: 418px !important;
    padding-left: 8px !important;
}

#usageTypes .c_btn.dark .s,
#usageTypes .c_btn.dark .e {
    display: none;
}
    .c_btn > .s {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background-image: url(../Images/c_btn_gray_2.png);
        background-repeat: no-repeat;
        background-position: 0px -1px;
        height: 28px;
        width: 6px;
        margin-right: 4px;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
    }

    .c_btn > .e {
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        background-image: url(../Images/c_btn_gray_2.png);
        background-repeat: no-repeat;
        background-position: -6px -1px;
        height: 28px;
        width: 6px;
        margin-left: 12px;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
    }

    .c_btn:hover {
        background-position: 0px -91px;
    }

        .c_btn:hover > .s {
            background-position: 0px -61px;
        }

        .c_btn:hover > .e {
            background-position: -6px -61px;
        }

    .c_btn.blue {
        background-image: url(../Images/c_btn_blue_2.png);
    }

        .c_btn.blue > .s {
            background-image: url(../Images/c_btn_blue_2.png);
        }

        .c_btn.blue > .e {
            background-image: url(../Images/c_btn_blue_2.png);
        }

    .c_btn.green {
        background-image: url(../Images/c_btn_green_2.png);
    }

        .c_btn.green > .s {
            background-image: url(../Images/c_btn_green_2.png);
        }

        .c_btn.green > .e {
            background-image: url(../Images/c_btn_green_2.png);
        }

    .c_btn.red {
        background-image: url(../Images/c_btn_red_2.png);
    }

        .c_btn.red > .s {
            background-image: url(../Images/c_btn_red_2.png);
        }

        .c_btn.red > .e {
            background-image: url(../Images/c_btn_red_2.png);
        }

    .c_btn.dark {
        background-image: url(../Images/c_btn_dark_2.png);
    }

        .c_btn.dark > .s {
            background-image: url(../Images/c_btn_dark_2.png);
        }

        .c_btn.dark > .e {
            background-image: url(../Images/c_btn_dark_2.png);
        }

    .c_btn.silver {
        color: #0289b5;
        background-image: url(../Images/c_btn_silver_2.png);
    }

        .c_btn.silver > .s {
            background-image: url(../Images/c_btn_silver_2.png);
        }

        .c_btn.silver > .e {
            background-image: url(../Images/c_btn_silver_2.png);
        }

   
        
               
.row-manager a:hover, .row-user a:hover {
    color:white;
}

.row-manager .sselitem.blue {
    margin:0;
    width: calc(100% - 75px);
    padding-left:10px;
    border-radius:5px 0 0 5px;
    box-sizing:border-box;
}

.row-manager .sselitem.blue span {
    padding-right:5px;
}

.row-manager .sselitem.green {
    margin:0;
    text-indent:5px;
    width:75px;
     box-sizing:border-box;
     padding-right:10px;
     border-radius:0 5px 5px 0;
}

.row-user .sselitem.green {
    border-radius:5px;
    padding:0 10px;
    margin: 0;
    width: 100%;
    box-sizing:border-box;
}

.row-user .c_btn.silver {
   border-radius:5px;
    padding:0 10px;
    margin: 0;
    width: 100%;
    box-sizing:border-box;
}

.t_dlineItem .row-manager .sselitem.blue{
    border-radius: 4px 0px 0px 4px !important;
    padding:0;
    text-indent: 10px;
}

.t_dlineItem .row-manager .sselitem.green{
    border-radius:0 4px 4px 0 !important;
    width:75px;
    padding:0;
}

.t_dlineItem .c_btn.silver s,
.t_dlineItem .c_btn.silver ellipse {
    display:none;
}

.t_dlineItem .c_btn.silver {
    border-radius: 4px;
    /* padding:2px 10px; */
}

.cm_btn {
    display: inline-block;
    background-image: url(../Images/cm_btn_gray.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 28px;
    line-height: 27px;
    cursor: pointer;
    color: White;
    font-weight: bold;
    margin: 2px;
}

    .cm_btn > .s {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background-image: url(../Images/cm_btn_gray.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 28px;
        width: 6px;
        margin-right: 4px;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
    }

    .cm_btn > .e {
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        background-image: url(../Images/cm_btn_gray.png);
        background-repeat: no-repeat;
        background-position: -6px 0px;
        height: 28px;
        width: 6px;
        margin-left: 12px;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
    }

    .cm_btn.blue {
        background-image: url(../Images/cm_btn_blue.png);
    }

        .cm_btn.blue > .s {
            background-image: url(../Images/cm_btn_blue.png);
        }

        .cm_btn.blue > .e {
            background-image: url(../Images/cm_btn_blue.png);
        }

    .cm_btn.green {
        background-image: url(../Images/cm_btn_green.png);
    }

        .cm_btn.green > .s {
            background-image: url(../Images/cm_btn_green.png);
        }

        .cm_btn.green > .e {
            background-image: url(../Images/cm_btn_green.png);
        }

    .cm_btn.red {
        background-image: url(../Images/cm_btn_red.png);
    }

        .cm_btn.red > .s {
            background-image: url(../Images/cm_btn_red.png);
        }

        .cm_btn.red > .e {
            background-image: url(../Images/cm_btn_red.png);
        }

    .cm_btn.silver {
        color: #0289b5;
        background-image: url(../Images/cm_btn_silver.png);
    }

        .cm_btn.silver > .s {
            background-image: url(../Images/cm_btn_silver.png);
        }

        .cm_btn.silver > .e {
            background-image: url(../Images/cm_btn_silver.png);
        }

.cb_warn {
    margin-left: 265px !important;
}

.icon {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    background-image: url(../Images/add16.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-left: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 6px;
}

.i_inbox {
    background-image: url(/Images/i_inbox.png);
}

.i_outbox {
    background-image: url(/Images/i_outbox.png);
}

.i_import {
    background-image: url(/Images/import16.png);
}

.i_export {
    background-image: url(/Images/export16.png);
}

.i_excel {
    background-image: url(/Images/excel16.png);
}

.i_add2 {
    background-image: url(/Images/rowadd.png);
}

.i_del {
    background-image: url(/Images/rowdel.png);
}

.i_tadd {
    background-image: url(/Images/tabplus.png);
}

.i_tmov {
    background-image: url(/Images/tabmove.png);
}

.i_add {
    background-image: url(/Images/i_add.png);
}

.i_back {
    background-image: url(/Images/i_bback.png);
}

.i_next {
    background-image: url(/Images/i_bnext.png);
}

.i_save {
    background-image: url(/Images/i_ok.png);
}

.i_delete {
    background-image: url(/Images/i_delete.png);
}

.i_cancel {
    background-image: url(/Images/i_cancel.png);
}

.i_browse {
    background-image: url(/Images/i_browse.png);
}

.i_list {
    background-image: url(/Images/i_list.png);
}

.fr {
    display: table-row;
    width: 100%;
}

.frs {
    display: block;
    border-top: 1px solid #bde5f6;
}

.frc {
    border-bottom: 1px solid #bde5f6;
    margin-bottom: 6px;
    width: 954px;
}

    .frc > div {
        font-size: 15px;
        font-weight: bold;
        padding-top: 16px;
        padding-bottom: 6px;
        padding-left: 16px;
    }

        .frc > div > img {
            float: left;
            margin-right: 12px;
        }

    .frc > span {
        font-size: 11px;
        font-weight: normal;
        color: #1c8abc;
        display: block;
        position: absolute;
        margin-bottom: 12px;
        padding-left: 16px;
    }

.fr + .hidden {
    display: none !important;
}

.fr > div {
    display: table-cell;
}

.frcdesc {
    display: none;
}

.frci_help {
    width: 32px;
    height: 32px;
    background-image: url(/Images/info32.png);
    display: inline-block;
    float: right;
    margin-right: 12px;
    cursor: pointer;
}

.c1 {
    width: 180px;
    text-align: left;
    padding-left: 60px;
    padding-top: 5px;
    font-size: 13px;
    color: Gray;
    cursor: default;
    vertical-align: top;
    line-height: 36px;
    display: block;
    white-space: nowrap;
}

.c2 {
    padding: 2px 12px 2px 12px;
}

.c3 {
    vertical-align: top;
    padding: 9px 12px 2px 12px;
    color: Gray;
    cursor: default;
}

    .c3 > div {
        display: none;
        position: absolute;
        margin-left: 4px;
        max-width: 280px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.fr:hover > .c3 {
    color: #abadb3;
}

    .fr:hover > .c3 > div.reqsign {
        z-index: 9999999;
    }

    .fr:hover > .c3 > div {
        border: 1px solid silver;
        padding: 9px 9px 10px 9px;
        background-color: white;
        display: block;
        position: absolute;
        font-size: 11px;
        margin-top: -4px;
        margin-left: -5px;
        color: Gray;
        z-index: 999999999;
    }

        .fr:hover > .c3 > div > a {
            color: #5794bf !important;
        }

        .fr:hover > .c3 > div > div {
            width: 22px;
            height: 44px;
            margin-left: -31px;
            margin-top: -15px;
            position: absolute;
            background-image: url(/Images/descar.png);
        }

.fbottom {
    height: 0px;
}

.fsplit {
    height: 0px !important;
}

.c_radio > .c2 > div {
    display: table-row;
}

    .c_radio > .c2 > div > div {
        display: table-cell;
        vertical-align: middle;
    }

.c_image {
    height: 200px;
}

.ci_textbox {
    width: 300px;
    text-align: left;
    border-top: 1px solid #abadb3;
    border-left: 1px solid #e2e3ea;
    border-right: 1px solid #dbdfe6;
    border-bottom: 1px solid #e3e9ef;
    padding: 6px 9px 6px 9px;
}

.ci_inputDate {
    width: 68px !important;
    text-align: center !important;
}

.ci_inputTime {
    width: 54px !important;
}

.ci_numeric {
    text-align: right;
    width: 72px !important;
}

.ci_money {
    text-align: right;
    width: 96px !important;
}

.ci_lookup {
    width: 300px;
    text-align: left;
    border: 1px dotted silver !important;
    color: Black;
}

.ci_phone {
    width: 180px !important;
}

.ci_date {
    width: 94px !important;
}

.ci_address {
    width: 294px;
    height: 50px;
    overflow: hidden;
    font-size: 11px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    line-height: 15px;
    margin: 2px;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

.ci_grid {
    width: 893px;
    margin-left: -191px;
    padding-top: 10px;
}

.ci_richtext {
    width: 700px;
}

.ci_window {
    display: none;
}

.ci_dropdown {
    display: none;
    border: 0px !important;
    background-color: #0d4d80;
    color: White;
    height: 25px;
    padding-left: 4px;
    font-size: 11px !important;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif !important;
}

.cb_phone, .cb_address, .cb_dots, .cb_down, .cb_up, .cb_date, .cb_time {
    width: 24px;
    height: 23px;
    background-position: -4px -4px;
    position: absolute;
    margin-left: 296px;
    margin-top: 5px;
    display: none;
    cursor: pointer;
}

.rsf > div > div > div > div > div > .cb_dots,
.rsf > div > div > div > .cb_up,
.rsf > div > div > div > div > .cb_date,
.rsf > div > div > div > .cb_time,
.rsf > div > div > div > .cb_address,
.rsf > div > div > div > .cb_down {
    margin-top: 10px !important;
    margin-left: 290px;
}

.rsf > div > div > div > .cb_address,
.rsf > div > div > div > .cb_down {
    background-image: none;
    display: none;
}

.rsf > div > div > div > div > .cb_phone {
    margin-top: 10px !important;
    margin-left: 170px !important;
}

.cb_down {
    margin-top: 6px !important;
    margin-left: 290px;
}

.rsf > div > div > div > .cb_e > img {
    margin-left: 4px;
    margin-top: 3px;
}

.cb_phone {
    background-image: url(/Images/phone.png);
    margin-left: 174px !important;
}

.cb_address {
    background-image: url(/Images/address.png);
}

.cb_dots {
    background-image: url(/Images/cb_dots.png);
}

.cb_down {
    background-image: url(/Images/cb_down.png);
}

.cb_up {
    background-image: url(/Images/cb_up.png);
}

.cb_date {
    background-image: url(/Images/cb_date.png);
    margin-left: 84px !important;
}

.cb_time {
    background-image: url(/Images/cb_time.png);
    margin-left: 48px !important;
}

.cb_e {
    background-image: url(/Images/cb_e.png) !important;
}

    .cb_e > img {
        margin-left: 6px;
        margin-top: 5px;
    }

.cd_div {
    position: absolute;
    background-image: url(/Images/formfback.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    max-height: 254px;
    width: 341px;
    z-index: 999999;
    margin-left: -11px;
    margin-top: -4px;
    padding-top: 9px;
    padding-bottom: 5px;
    padding-left: 3px;
    display: none;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #888888;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .cd_div {
        margin-left: -12px;
    }
}

.cd_div > div {
    max-height: 234px;
    width: 320px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: 18px;
    -ms-scrollbar-3dlight-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    -ms-scrollbar-arrow-color: #dcdcdc;
    scrollbar-arrow-color: #dcdcdc;
    -ms-scrollbar-track-color: #f0f0f0;
    scrollbar-track-color: #f0f0f0;
    -ms-scrollbar-darkshadow-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    -ms-scrollbar-face-color: #ffffff;
    scrollbar-face-color: #ffffff;
    -ms-scrollbar-highlight-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    -ms-scrollbar-shadow-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
}

    .cd_div > div > div.csplit {
        height: 1px;
        width: 319px;
        position: absolute;
        margin-left: 9px;
        margin-top: -6px;
        border-bottom: 1px solid silver;
    }

.cd_tdiv {
    width: 80px !important;
    height: 124px !important;
    background-position: left bottom;
    position: absolute;
}

    .cd_tdiv > div.e {
        width: 15px !important;
        height: 142px !important;
        position: absolute !important;
        background-image: url(/Images/formdback.png) !important;
        background-position: right bottom !important;
        margin-left: 80px !important;
        margin-top: -5px !important;
        overflow: hidden !important;
    }

    .cd_tdiv > div {
        width: 80px !important;
        height: 124px !important;
    }

        .cd_tdiv > div > div.csplit {
            width: 80px !important;
            background-position: left;
        }

.cd_div > div > div.thsi {
    width: 33px !important;
    position: relative;
    padding-left: 9px !important;
}

    .cd_div > div > div.thsi:hover > div.e,
    .cd_div > div > div.thsih > div.e {
        width: 6px;
        height: 26px;
        position: absolute;
        background-image: url(/Images/formfbacks.png);
        background-position: 36px 0px;
        margin-left: 33px;
    }

.cd_div > div > div.csi,
.cd_div > div > div.dsi,
.cd_div > div > div.qsi,
.cd_div > div > div.thsi {
    height: 26px;
    line-height: 25px;
    margin-left: 9px;
    padding-left: 12px;
}

    .cd_div > div > div.csi:hover,
    .cd_div > div > div.dsi:hover,
    .cd_div > div > div.qsi:hover,
    .cd_div > div > div.thsi:hover {
        height: 26px;
        line-height: 25px;
        color: #ffffff;
        cursor: pointer;
        background-image: url(/Images/formfbacks.png);
        background-repeat: no-repeat;
    }

.cd_div > div > div.csih,
.cd_div > div > div.dsih,
.cd_div > div > div.qsih,
.cd_div > div > div.thsih {
    height: 26px;
    line-height: 25px;
    color: #ffffff;
    cursor: pointer;
    background-image: url(/Images/formfbacks.png);
    background-repeat: no-repeat;
}

.ci_textarea {
    width: 30px;
}

.frmDetail .ci_textarea {
    width: 306px;
}

.ci_inputDate {
    width: 72px !important;
    padding-right: 30px;
}

.connect_facebook {
    width: 227px;
    height: 48px;
    background-image: url(/images/connect_facebook.png);
    background-position: 0px top;
    cursor: pointer;
    margin-top: 8px;
}

    .connect_facebook:hover {
        background-position: 0px bottom;
    }

.connect_confirmation_cell.connect_confirmation_cell_like {
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

.regflim {
    display: table-row;
    vertical-align: top;
}

.regform {
    display: table-cell;
    vertical-align: top;
    width: 300px;
    border-right: 1px solid #d7d7d7;
}

    .regform > a {
        padding: 0px 15px 8px 22px;
        font-size: 13px;
    }

        .regform > a:hover {
            cursor: pointer;
        }

    .regform > div {
        padding: 0px 30px 0px 30px;
        font-size: 13px;
    }

.regforms {
    display: table-cell;
    vertical-align: top;
    width: 648px;
    background-color: #f2faff;
    border-left: 1px solid #ffffff;
    background-image: url(/images/f_line.png);
    background-repeat: no-repeat;
    background-position: center 32px;
}

    .regforms > div {
        display: none;
    }

.rs {
    display: block;
}

    .rs > span {
        display: block;
    }

.rfsh {
    background-image: url(/images/f_back.jpg);
    background-position: center 0px;
    height: 20px;
    line-height: 20px;
    padding: 13px 20px 15px 20px;
}

.t_dlineItem .rfsh {
    background: none;
    font-size: 20px !important;
    padding: 5px 12px;
    margin-top: 0;
    background:none;
    font-size:20px !important;
}

.rsinfo {
    padding: 20px;
}

.frontBtns {
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 250px;
}

.dr_profile {
    display: block;
}

#siteResult {
    background-color: #ffffff;
    border: 1px solid #cacaca;
    padding: 20px;
    width: 488px;
    overflow: hidden;
    overflow-y: scroll;
    margin-left: 60px;
    margin-top: 12px;
    display: none;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.splistbox {
    background-color: #ffffff;
    border: 1px solid #cacaca;
    padding: 4px;
    width: 501px;
    height: 280px;
    margin-bottom: 30px;
    overflow: hidden;
    overflow-y: scroll;
    margin-left: 50px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ssiddive {
    margin: 0px;
    height: 70px;
    background-image: url(/Images/ssdivbackf.png);
    background-repeat: no-repeat;
    background-position: 0px -69px;
    color: #9db0bc;
    font-size: 16px;
    line-height: 69px;
    padding-left: 24px;
    padding-right: 24px;
    display: block;
    text-decoration: none;
    cursor: default !important;
}

.ssiddiv {
    margin: 0px;
    height: 70px;
    background-image: url(/Images/ssdivbackf.png);
    background-repeat: no-repeat;
    background-position: 0px -69px;
    color: #999999;
    font-size: 16px;
    line-height: 69px;
    padding-left: 24px;
    padding-right: 24px;
    display: block;
    text-decoration: none;
}

    .ssiddiv:hover {
        color: #606060;
        background-position: 0px 1px;
        cursor: pointer;
    }

    .ssiddiv > span.dtl {
        font-size: 12px;
        color: #0b9bcf;
    }

.ssiddive > span.dtl {
    font-size: 12px;
}

.ssiddiv > span.dtu, .ssiddive > span.dtu {
    font-size: 13px;
    font-style: italic;
    float: right;
    display: block !important;
}

.ssiddiv:hover > span.dtl {
    color: #017098;
}

.signupfback {
    background-image: url(/images/signupfback.png);
    padding: 50px 40px 6px 40px;
    width: 386px;
    height: 228px;
    background-repeat: no-repeat;
}

.farea {
    margin-left: 32px;
    width: 645px;
    height: 312px;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.fareasc {
    width: 6450px;
    height: 312px;
}

.fareaind {
    width: 645px;
    height: 13px;
    position: relative;
    margin-left: 32px;
}

.fareg {
    position: absolute;
    margin-top: 144px;
    margin-left: 680px;
}

.fcind {
    bottom: 0px;
    text-align: center;
    margin: auto;
}

.fcic {
    width: 13px;
    height: 13px;
    margin: 0px 2px 0px 2px;
    display: inline-block;
    background-image: url(/images/fccyc.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    cursor: pointer;
}

.fcicur {
    background-position: 0px -13px;
}

.fcc {
    width: 645px;
    height: 312px;
    float: left;
    vertical-align: bottom;
    position: relative;
}

    .fcc > div {
        position: absolute;
        bottom: 12px;
    }

.rcb_add {
    width: 26px;
    height: 25px;
    background-image: url(/images/cbg_add.png);
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 15px;
}

.rcb_profile {
    width: 26px;
    height: 25px;
    background-image: url(/images/iprofile.png);
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 14px;
}

.rcb_password {
    width: 26px;
    height: 25px;
    background-image: url(/images/ipassword.png);
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 14px;
}

.rcb_settings {
    width: 26px;
    height: 26px;
    background-image: url(/images/isettings.png);
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 13px;
}


.rcb_register {
    width: 26px;
    height: 26px;
    background-image: url(/images/i_back.png);
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 13px;
}

.rcb_ok {
    width: 26px;
    height: 25px;
    background-image: url(/images/cb_ok.png);
    background-repeat: no-repeat;
    position: absolute;
}

.rcb_warn {
    width: 26px;
    height: 25px;
    background-image: url(/images/warning.png);
    background-repeat: no-repeat;
    background-position: -3px -3px;
    position: absolute;
}

.rdcap {
    margin-left: 34px;
}

.osa {
    position: relative;
    margin: auto;
    width: 960px;
}

.osaback {
    height: 48px;
    display: table-row;
}

    .osaback > .s {
        display: table-cell;
        width: 36px;
        height: 48px;
        background-image: url(/images/osa_back.png);
        background-repeat: no-repeat;
        background-position: left 0px;
    }

    .osaback > .m {
        display: table-cell;
        height: 48px;
        width: 862px;
        background-image: url(/images/osa_back.png);
        background-repeat: repeat-x;
        background-position: 0px -48px;
    }

    .osaback > .e {
        display: table-cell;
        width: 36px;
        height: 48px;
        background-image: url(/images/osa_back.png);
        background-repeat: no-repeat;
        background-position: right 0px;
    }

.osacont {
    position: absolute;
    margin-top: 2px;
    margin-left: 3px;
    color: White;
    font-size: 16px;
    padding-left: 24px;
    width: 940px;
    text-align: center;
}

.osaitem {
    height: 44px;
    line-height: 42px;
    display: table-row;
    float: left;
    color: #cde1ec;
    font-size: 16px;
    cursor: pointer;
}

    .osaitem:hover {
        color: #ffffff;
    }

    .osaitem > .s {
        display: table-cell;
        width: 1px;
        height: 38px;
        background-image: url(/images/osa_split.png);
        background-position: -1px 0px;
    }

    .osaitem > .m {
        margin-top: 2px;
        display: table-cell;
        height: 38px;
        padding-left: 92px;
        padding-right: 92px;
        background-image: none;
        background-position: 0px -44px;
    }

        .osaitem > .m > span {
            color: #fff6d0;
        }

.osaitemcur > .m > span {
    color: #73a800;
}

.osaitem > .e {
    margin-top: 2px;
    display: table-cell;
    width: 1px;
    height: 38px;
    background-image: url(/images/osa_split.png);
    background-position: 0px 0px;
}

.osaitemcur {
    cursor: default !important;
}

    .osaitemcur > .s {
        margin-top: 2px;
        width: 36px;
        background-image: url(/images/osa_btn.png);
        background-repeat: no-repeat;
        background-position: left 0px;
    }

    .osaitemcur > .m {
        padding-left: 57px;
        padding-right: 57px;
        background-image: url(/images/osa_btn.png);
        background-repeat: repeat-x;
        background-position: 0px -44px;
        color: #1e7497;
    }

    .osaitemcur > .e {
        width: 36px;
        background-image: url(/images/osa_btn.png);
        background-repeat: no-repeat;
        background-position: right 0px;
    }

.ppcont {
    display: table-row;
    margin: auto;
}

.psplit {
    display: table-cell;
    width: 12px;
}

.pdivn {
    height: 126px;
    padding: 0px 44px 0px 44px;
}

.ppanel {
    display: table-cell;
    width: 461px;
    height: 379px;
    background-image: url(/images/pricepback.png);
    background-repeat: no-repeat;
}

.pprice {
    margin: auto;
    width: 280px;
    height: 80px;
    background-repeat: repeat-y;
    background-image: url(/images/prices.png);
}

.sp2 {
    background-position: 33px -80px;
}

.pp2 {
    background-position: 33px -320px;
}

.pcap {
    color: #6ba0b6;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 32px;
    margin-bottom: 16px;
    padding-bottom: 8px;
    font-size: 34px;
    border-bottom: 1px solid #6ba0b6;
}

.pribbon {
    position: absolute;
    width: 139px;
    height: 140px;
    background-repeat: no-repeat;
    background-image: url(/images/popular.png);
    margin-left: 325px;
    margin-top: -4px;
    z-index: 999999;
}

.keyfeats {
    padding-bottom: 32px;
    font-size: 12px;
}

    .keyfeats > div {
        padding-left: 35px;
        padding-right: 35px;
        vertical-align: top;
        display: inline-block;
        width: 400px;
    }

        .keyfeats > div > div {
            border-top: 1px solid #ffffff;
            border-bottom: 1px solid #a6ccdd;
            padding: 16px;
        }

.keynotes > div {
    padding-left: 35px;
    padding-right: 35px;
    vertical-align: top;
    display: inline-block;
    width: 400px;
}

.keyfeats > div > div > a {
    display: block;
    padding-bottom: 35px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 150%;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #a6ccdd;
}

.keynotes > div > div {
    padding-bottom: 35px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 150%;
}

    .keynotes > div > div > span {
        color: #3f829e;
        display: block;
        font-size: 16px;
    }

    .keynotes > div > div > a > span {
        color: #3f829e;
        display: block;
        font-size: 16px;
    }

.fframecont {
    padding-top: 2px;
    width: 590px !important;
    padding-left: 0px !important;
    overflow: hidden;
    overflow-y: scroll;
    height: 338px;
}

.ocm_ {
    text-align: center;
}

.ocm_r, .ocm_g, .ocm_b {
    padding-right: 24px;
}

.trowbor > div {
    border-bottom: 1px solid silver;
    padding-bottom: 8px;
    font-size: 11px;
}

    .trowbor > div > span,
    .trowborno > div > span {
        padding-right: 24px;
        font-size: 11px;
    }

.trowbor > div {
    border-bottom: 1px solid silver;
    padding-bottom: 8px;
    font-size: 11px;
}

    .trowbor > div > span {
        padding-right: 24px;
        font-size: 11px;
    }

.oc_o {
    display: inline-block;
    padding-right: 70px;
}

.cbaln .oc_o {
    padding-right: 0px !important;
}

.cbaln .trowbor > div > span {
    padding-right: 0px !important;
}

.cbaln .ocm_ {
    padding-left: 10px !important;
}

.ocm_o {
    position: absolute;
    margin-top: 2px;
    margin-left: -70px;
    display: inline;
}

.nocm_r {
    color: #c92809;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

.nocm_g {
    color: #33c909;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

.nocm_b {
    color: #098ac9;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

.nocm_o {
    color: #fca300;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

.nwrp {
    white-space: nowrap;
}

.vbottom > div {
    vertical-align: bottom;
}

.ovrailb {
    display: inline-block;
    text-align: left;
}

.anndiv {
}

    .anndiv > div {
        border-top: 1px solid #d1d9de;
        vertical-align: top;
    }

.anninfo {
    width: 300px;
    padding: 10px 20px 20px 20px;
}

    .anninfo > div {
        display: inline-block;
    }

        .anninfo > div.fcaps {
            font-size: 23px;
            padding-left: 13px;
        }

.anncont {
    font-size: 12px;
    width: 660px;
    padding: 20px;
}

.notopborder, .notopborder > div {
    border-top: 0px !important;
}

.ainfo {
    font-size: 13px;
    padding-left: 39px;
    line-height: 150%;
}

.reqsign {
    position: absolute;
    background-image: url(/images/asterisk.png);
    width: 16px !important;
    height: 16px !important;
    margin-left: -19px !important;
    border: 0px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    margin-top: 1px !important;
}

.reqsignshow {
    display: block !important;
}

.catab {
    font-weight: normal;
    width: 60px;
    display: inline-block;
}

.helpdivs {
    display: inline-block;
    vertical-align: top;
}

.hcontent {
    width: 572px;
    display: inline-block;
    padding-right: 20px;
    line-height: 150%;
}

.hcats {
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #3f829e;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.htopics {
    display: block;
    text-decoration: none;
    color: #3f829e;
    padding: 8px 8px 8px 16px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .htopics:hover {
        color: #124b5f;
        background-color: #fff;
        -moz-box-shadow: 0px 1px 3px #666;
        -webkit-box-shadow: 0px 1px 3px #666;
        box-shadow: 0px 1px 3px #666;
    }

    .htopics > span {
        display: block !important;
        padding: 4px 8px 4px 8px;
        margin-left: -8px;
        font-size: 15px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .htopics:hover > span {
        background-color: #3f829e;
        color: #ffffff;
    }

.hpre > .htopics:hover, .hpost > .htopics:hover {
    background-color: #3f829e;
    color: #ffffff;
}

.hpre > p, .hpost > p {
    font-size: 11px;
}

.hpre > div, .hpost > div {
    margin-bottom: 8px;
    cursor: pointer;
    color: #3f829e;
}

    .hpre > div:hover, .hpost > div:hover {
        text-decoration: underline;
        color: #3f829e;
    }

.hpanel {
    display: inline-block;
    background-image: url(/images/helppback.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 331px;
    padding: 0px;
    margin-left: 20px;
    vertical-align: top;
    line-height: 150%;
}

.hpanels {
    vertical-align: top;
    padding: 12px 20px 0px 20px;
}

.hpanele {
    background-image: url(/images/helppback.png);
    background-repeat: no-repeat;
    background-position: 0px bottom;
    width: 291px;
    height: 72px;
    font-size: 11px;
    padding: 0px 20px 0px 20px;
    float: right;
}

    .hpanele > a {
        color: #3f829e;
        text-decoration: none;
    }

        .hpanele > a:hover {
            text-decoration: underline;
        }

.docb {
    width: 12px;
    height: 16px;
    background-image: url(/images/docbullet.png);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    margin-left: 2px;
    margin-right: 6px;
    float: left;
}

.catb {
    width: 16px;
    height: 18px;
    background-image: url(/images/catbackbtn.png);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    margin-right: 8px;
    float: left;
}

.bthcat {
    float: right;
    font-size: 11px;
    color: #3f829e;
    text-decoration: none;
    margin-top: -12px;
    margin-right: 40px;
}

    .bthcat:hover {
        text-decoration: underline;
    }

.bighelpsearch {
    display: inline-block;
    width: 461px;
    height: 379px;
    font-size: 13px;
    text-align: center;
    background-image: url(/images/helpsearchback.jpg);
    vertical-align: top;
}

    .bighelpsearch > div {
        padding: 230px 32px 20px 32px;
        text-align: left;
        position: relative;
    }

.bighelpsearchi {
    margin-top: 12px;
    padding: 8px 16px 8px 16px;
    width: 360px;
    color: silver;
}

.sbtn {
    background-image: url(/images/cbg_search.png);
    background-repeat: no-repeat;
    background-position: -3px -3px;
    width: 26px;
    height: 25px;
    cursor: pointer;
    padding: 0px !important;
    position: absolute;
    margin-left: 362px;
    margin-top: 20px;
}

.bighelpindex {
    display: inline-block;
    width: 461px;
    height: 379px;
    background-image: url(/images/pricepback.png);
    vertical-align: top;
    margin-right: 13px;
    font-size: 13px;
    line-height: 140%;
}

    .bighelpindex > div {
        padding: 20px 20px 20px 20px;
    }

.hpagecats {
    display: inline-block;
    width: auto;
    padding: 8px 16px 8px 16px;
    font-size: 16px;
}

    .hpagecats:hover {
        background-color: #3f829e;
        color: #ffffff;
    }

.sindexlist > li:hover {
    text-decoration: underline;
    cursor: pointer;
}

.betaup {
    position: absolute;
    top: 0px;
    left: 10px;
    height: 42px;
    line-height: 41px;
    color: #2f80a1;
}

    .betaup:hover {
        color: #62b2d2;
        cursor: default;
    }

.uloginbtn {
    background-image: url(/images/uloginbtn_blue.png);
    background-position: -2px 0px;
    width: 97px;
    height: 40px;
    text-align: center;
    margin-left: 5px;
    margin-right: 9px;
}

    .uloginbtn:hover {
        background-position: -2px -44px;
        cursor: pointer;
    }

#mnum_icon .info {
    position: absolute !important;
    background-color: red;
    height: 10px;
    line-height: 8px;
    padding: 1px 3px;
    font-size: 9px;
    border-radius: 50%;
    margin-top: 9px;
    margin-left: -4px;
    color: white;
}

#map {
    width: 318px !important;
    height: 280px !important;
    border-top: 1px solid #abadb3;
    border-left: 1px solid #e2e3ea;
    border-right: 1px solid #dbdfe6;
    border-bottom: 1px solid #e3e9ef;
    margin-top: 4px;
}

.gmnoprint > div > div > div > input {
    width: auto !important;
}

#mapLatLng {
    display: none;
}

.ci_map {
    width: 318px !important;
    height: 280px !important;
    display: block !important;
    clear: both;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 1px solid #abadb3;
    border-left: 1px solid #e2e3ea;
    border-right: 1px solid #dbdfe6;
    border-bottom: 1px solid #e3e9ef;
    overflow: hidden;
}

#fr_uptype > div > div > .cb_down {
    margin-top: 10px !important;
}

.barcont {
    position: relative;
    background-image: url(/images/barf_g.png);
    background-repeat: no-repeat;
    margin-top: 4px;
    margin-bottom: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: rgba(0,0,0,0.3) 0px 1px 3px inset;
    margin-left: 4px;
    margin-right: 4px;
}

    .barcont > .barcover {
        position: absolute;
        background-image: url(/images/barcover.png);
        background-repeat: no-repeat;
    }

    .barcont > .barcovere {
        width: 12px;
        position: absolute;
        background-image: url(/images/barcover.png);
        background-repeat: no-repeat;
        background-position: right 0px;
    }

    .barcont > .barcoverb {
        height: 12px;
        position: absolute;
        background-image: url(/images/barcover.png);
        background-repeat: no-repeat;
        background-position: left bottom;
    }

    .barcont > .barcovereb {
        width: 12px;
        height: 12px;
        position: absolute;
        background-image: url(/images/barcover.png);
        background-repeat: no-repeat;
        background-position: right bottom;
    }

.gbr .barcont {
    border: 1px solid #cccccc;
}

    .gbr .barcont > .barcover,
    .gbr .barcont > .barcovere,
    .gbr .barcont > .barcoverb,
    .gbr .barcont > .barcovereb {
        background-image: none !important;
    }

.barcont > .barmax {
    position: absolute;
    font-weight: bold;
    text-align: right;
    padding-top: 29px;
    margin-top: 10px;
    border-right: 1px dashed #aaaaaa;
    padding-right: 3px;
    white-space: nowrap;
    width: 100px;
}

.barcont > .bartext {
    text-align: right;
    padding-top: 7px !important;
}

.barcont > .bartextw {
    color: white;
    text-align: right;
    padding-top: 12px;
}

.hidden {
    display: none;
}

.gridrow_add {
    display: table-cell;
    color: #0089b3;
    font-weight: normal;
    float: left;
}

    .gridrow_add:hover {
        color: #00465b;
    }

div.gridrow_add > div {
    display: inline-block;
    background-image: url(../Images/cg_btn_white.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 26px;
    line-height: 24px;
    margin-top: 7px;
    cursor: pointer;
}

    div.gridrow_add > div > .s {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background-image: url(../Images/cg_btn_white.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 26px;
        width: 5px;
        margin-right: 26px;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
    }

    div.gridrow_add > div > .e {
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        background-image: url(../Images/cg_btn_white.png);
        background-repeat: no-repeat;
        background-position: -5px 0px;
        height: 26px;
        width: 5px;
        margin-left: 8px;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
    }

.graicon {
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-left: -22px;
    position: absolute;
    background-image: url(/Images/rowadd.png);
    display: inline-block;
}

.ci_image {
    overflow: hidden;
    width: 171px;
    height: 197px;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    background-color: White;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}

    .ci_image[rel=portrait] > img {
        margin-top: 2px;
        margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 3px;
        height: 192px;
        z-index: 8999;
    }

.cimg_portrait {
    width: 171px;
    height: 197px;
    background-image: url(/Images/input_photo_portrait_w.png);
    background-position: 0px -394px;
    cursor: pointer;
}

    .cimg_portrait > div {
        color: #f6f9ff;
        font-size: 0px;
    }

    .cimg_portrait:hover {
        background-position: 0px -591px;
    }

.cimg_portrait_border {
    z-index: 9000;
    position: absolute;
    width: 171px;
    height: 197px;
    background-image: url(/Images/input_photo_portrait_w.png);
    background-position: 0px -0px;
}

    .cimg_portrait_border:hover {
        z-index: 9000;
        position: absolute;
        width: 171px;
        height: 197px;
        background-image: url(/Images/input_photo_portrait_w.png);
        background-position: 0px -197px;
    }

    .cimg_portrait_border > div {
        display: none;
    }

    .cimg_portrait_border:hover > div {
        display: block;
        background-image: none;
        margin-top: 155px;
        text-align: center;
        font-size: 13px;
        line-height: 40px;
        height: 40px;
        cursor: pointer;
    }

.imgtcont {
    margin-left: 23px;
    margin-top: 23px;
    width: 433px;
    height: 416px;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: 18px;
    -ms-scrollbar-3dlight-color: #f6f9ff;
    scrollbar-3dlight-color: #f6f9ff;
    -ms-scrollbar-arrow-color: #44b6ea;
    scrollbar-arrow-color: #44b6ea;
    -ms-scrollbar-track-color: #f6f9ff;
    scrollbar-track-color: #f6f9ff;
    -ms-scrollbar-darkshadow-color: #f6f9ff;
    scrollbar-darkshadow-color: #f6f9ff;
    -ms-scrollbar-face-color: #f6f9ff;
    scrollbar-face-color: #f6f9ff;
    -ms-scrollbar-highlight-color: #f6f9ff;
    scrollbar-highlight-color: #f6f9ff;
    -ms-scrollbar-shadow-color: #f6f9ff;
    scrollbar-shadow-color: #f6f9ff;
    display: block;
}

.imfu {
    height: 44px;
    display: block;
    clear: both;
    padding-top: 9px;
    padding-right: 94px;
    border-top: 1px solid #006a91;
    background-color: #d1f2fb;
    text-align: right;
}

.imgu {
    height: 39px;
    display: block;
    clear: both;
    margin-top: 27px;
    padding-top: 10px;
    padding-right: 99px;
    border-top: 1px solid #006a91;
    background-color: #d1f2fb;
    text-align: right;
}

.imgt, .imgt_off {
    width: 104px;
    height: 104px;
    display: inline-block;
    float: left;
    text-align: center;
    background-image: url(/images/imgthi.png);
    background-repeat: no-repeat;
    background-position: 0px 104px;
}

.imgts {
    background-position: 0px 0px !important;
}

    .imgts > img {
        margin: 7px !important;
        border: 0px !important;
        cursor: default !important;
    }

.imgt > img, .imgt_off > img {
    width: 90px;
    height: 90px;
    border: 1px solid #006a91;
    margin: 6px;
    cursor: pointer;
}

.imgt_off > img {
    cursor: default !important;
}

.imfcc {
    position: absolute;
    margin-top: -33px;
    margin-left: 373px;
}

.imgcc {
    position: absolute;
    margin-top: -30px;
    margin-left: 362px;
}

.imgedit {
    position: absolute;
    margin-top: -30px;
    margin-left: 8px;
}

.imge {
    position: absolute;
    width: 0px;
    height: 0px;
}

.imge_on {
    width: 34px !important;
    height: 37px !important;
    margin-top: 0px;
    margin-left: 70px;
    background-image: url(/images/img_delete.png);
    cursor: pointer;
}


#dvPhoneList {
    background-color: White;
    width: 528px;
    margin-top: 16px;
    margin-left: 2px;
    position: absolute;
    margin-left: -120px;
}

.dvPheader {
    height: 33px;
    line-height: 33px;
    background-color: #01a3d4;
    padding-left: 10px;
    color: White;
    font-weight: bold;
    border-top: 1px solid #018db8;
    border-left: 1px solid #018db8;
    border-right: 1px solid #018db8;
}

.dvPmain {
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    background-color: White;
    overflow-y: scroll;
}

    .dvPmain > div {
        padding: 7px;
    }

.dvNewPhoneBtn {
    float: right;
    margin-top: 5px !important;
    margin-right: 5px;
    color: #3c960f;
    font-weight: normal;
}

    .dvNewPhoneBtn, .dvNewPhoneBtn > .s, .dvNewPhoneBtn > .e {
        background-image: url(/Images/btn_grayonblue.png) !important;
    }

.addrarrow {
    background-image: url(/Images/addrarrow.png);
    width: 44px;
    height: 20px;
    margin-left: 110px;
    position: absolute;
    margin-top: -20px;
}

.phoneRow {
    width: 495px;
    height: 65px;
    background-image: url(/Images/phonerowback.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

    .phoneRow:hover {
        background-image: url(/Images/phonerowbackhover.png);
    }

.staticbg {
    margin-top: 2px !important;
}

.pr1, .pr1 > span > input {
    font-weight: bold;
    font-size: 16px;
    color: #1c8abc;
    margin: 3px 0px 0px 12px;
}

    .pr1 > span > input:hover, .pr1 > span > input:focus {
        border: 1px solid #57cbf9;
        background-color: White;
    }

    .pr1 > span > input {
        width: 160px;
        border: 1px solid silver;
        border: 1px solid transparent;
        background-color: transparent;
    }

        .pr1 > span > input:hover, .pr1 > span > input:focus {
            border: 1px solid #57cbf9;
            background-color: White;
        }


    .pr1 > div {
        font-weight: normal;
        font-size: 11px;
        color: silver;
        float: right;
        padding-right: 4px;
        margin-top: 2px;
        display: none;
    }

.phoneRow:hover > .pr1 > div {
    display: block;
}

.pr1 > span {
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 3px;
}

#frmAddressPhone > .pr1 > span {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#frmAddressPhone > .pr1 {
    position: absolute;
    margin-top: 4px;
    margin-left: -5px;
    z-index: 9999;
}

#frmAddressPhone > .pr2 {
    position: absolute;
    margin-top: 30px;
    margin-left: -17px;
    width: 500px;
    z-index: 9999;
}

#frmAddressPhone > .pr1:hover {
    z-index: 999999;
}

#frmAddressPhone > .pr2:hover {
    z-index: 999999;
}

.pr1 > div > span {
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: inline-block;
    color: silver;
}

    .pr1 > div > span:hover {
        color: gray;
        text-decoration: underline;
    }

    .pr1 > div > span.btn_del {
        color: #ff0000;
    }

        .pr1 > div > span.btn_del:hover {
            color: #ac0000;
        }

.pr2 {
    font-weight: bold;
    font-size: 16px;
    color: silver;
    padding-left: 12px;
    float: inherit;
    margin: 1px 0px 0px 0px;
}

    .pr2 input {
        font-size: 16px;
        color: silver;
        float: inherit;
        margin: 1px 0px 0px 12px;
        border: 1px solid transparent;
        background-color: #fff;
    }

    .pr2 select {
        font-size: 16px;
        color: silver;
        float: inherit;
        margin: 1px 0px 0px 12px;
        border: 1px solid transparent;
        background-color: #fff;
    }

        .pr2 select:focus, .pr2 select:hover {
            color: Gray;
        }

#frmAddressPhone > .pr2 > div {
    margin-top: -13px !important;
}

.pr2 > input, .pr2 > select {
    width: 70px;
    border: 1px solid transparent;
}

    .pr2 > input:hover, .pr2 > input:focus {
        width: 70px;
        border: 1px solid #57cbf9;
        background-color: White;
    }

.pr2 > div {
    font-weight: normal;
    font-family: "Segoe UI";
    vertical-align: top;
    font-size: 30px;
    color: gray;
    float: right;
    padding-right: 12px;
    margin-top: -18px;
}


#dvPhoneDetails > .pr1 > div,
#dvPhoneDetails > .pr2 > div,
#dvPhoneDetails > .pbtns > div {
    margin-top: -38px !important;
}

.pr2 > div > span > span {
    font-weight: normal;
    font-size: 20px;
    color: gray;
    vertical-align: middle;
    display: inline-block;
    line-height: 28px;
    padding-bottom: 4px;
}

.pr2 > div > span > b {
    color: silver;
    font-weight: normal;
}

.pnp1 > b > input, .pnp2 > input, .pnp3 > input {
    font-size: 30px;
    color: gray;
    font-family: "Segoe UI";
    border: 1px solid transparent;
    margin: 1px 0px 0px 0px;
    background-color: transparent;
    height: 27px !important;
    line-height: 27px !important;
}

    .pnp1 > b > input:hover, .pnp2 > input:hover, .pnp3 > input:hover, .pnp1 > b > input:focus, .pnp2 > input:focus, .pnp3 > input:focus {
        border: 1px solid #57cbf9;
        background-color: White;
    }

.pnp1 > b > input {
    width: 32px;
    color: silver;
    text-align: center;
}

.pnp2 > input {
    width: 47px;
    text-align: center;
}

.pnp3 > input {
    width: 130px;
    text-align: center;
}

.pnp4 > span > input {
    width: 32px;
    font-size: 20px;
    color: gray;
    font-family: "Segoe UI";
    border: 1px solid silver;
    margin: 1px 0px 0px 0px;
    border: 1px solid transparent;
    background-color: transparent;
    text-align: center;
}

    .pnp4 > span > input:hover, .pnp4 > span > input:focus {
        border: 1px solid #57cbf9;
        background-color: White;
    }

#frmAddressPhone > div.pbtns {
    text-align: right;
    padding-top: 61px;
}

#frmAddressPhone > div.abtns {
    text-align: right;
    padding-top: 101px;
}

#dvAddrList {
    background-color: White;
    width: 528px;
    margin-top: 16px;
    margin-left: 2px;
    position: absolute;
}

.dvAheader {
    height: 33px;
    line-height: 33px;
    background-color: #01a3d4;
    padding-left: 10px;
    color: White;
    font-weight: bold;
    border-top: 1px solid #018db8;
    border-left: 1px solid #018db8;
    border-right: 1px solid #018db8;
}

.dvAmain {
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    background-color: White;
    overflow-y: scroll;
}

    .dvAmain > div {
        padding: 7px;
    }

.dvNewAddrBtn {
    float: right;
    margin-top: 5px !important;
    margin-right: 5px;
    color: #3c960f;
    font-weight: normal;
}

    .dvNewAddrBtn, .dvNewAddrBtn > .s, .dvNewAddrBtn > .e {
        background-image: url(/Images/btn_grayonblue.png) !important;
    }

.addrarrow {
    background-image: url(/Images/addrarrow.png);
    width: 44px;
    height: 20px;
    position: absolute;
    margin-top: -20px;
}

.addrRow {
    width: 495px;
    height: 105px;
    background-image: url(/Images/addrrowback.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

    .addrRow:hover {
        background-image: url(/Images/addrrowbackhover.png);
    }

.staticbg {
    margin-top: 2px !important;
}

.ar1, .ar1 > span > input {
    font-weight: bold;
    font-size: 16px;
    color: #1c8abc;
    margin: 3px 0px 0px 12px;
}

    .ar1 > span > input:hover, .ar1 > span > input:focus {
        border: 1px solid #57cbf9;
        background-color: White;
    }

    .ar1 > span > input {
        width: 200px;
        border: 1px solid silver;
        border: 1px solid transparent;
        background-color: transparent;
    }

        .ar1 > span > input:hover, .ar1 > span > input:focus {
            border: 1px solid #57cbf9;
            background-color: White;
        }


    .ar1 > div {
        font-weight: normal;
        font-size: 11px;
        color: silver;
        float: right;
        padding-right: 4px;
        margin-top: 2px;
        display: none;
    }

.addrRow:hover > .ar1 > div {
    display: block;
}

.ar1 > span {
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 3px;
}

#frmAddressPhone > .ar1 > span {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#frmAddressPhone > .ar1 {
    position: absolute;
    margin-top: 4px;
    margin-left: -5px;
    z-index: 9999;
}

#frmAddressPhone > .ar2 {
    position: absolute;
    margin-top: 30px;
    margin-left: -17px;
    width: 500px;
    z-index: 9999;
}

#frmAddressPhone > .ar1:hover {
    z-index: 999999;
}

#frmAddressPhone > .ar2:hover {
    z-index: 999999;
}

.ar1 > div > span {
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: inline-block;
    color: silver;
}

    .ar1 > div > span:hover {
        color: gray;
        text-decoration: underline;
    }

    .ar1 > div > span.btn_del {
        color: #ff0000;
    }

        .ar1 > div > span.btn_del:hover {
            color: #ac0000;
        }

.ar2 {
    font-weight: bold;
    font-size: 16px;
    color: silver;
    padding-left: 12px;
    float: inherit;
    margin: 1px 0px 0px 0px;
    position: relative;
    height: 62px;
}

    .ar2 > input {
        font-weight: bold;
        font-size: 16px;
        color: silver;
        float: inherit;
        margin: 1px 0px 0px 12px;
        border: 1px solid transparent;
        background-color: transparent;
    }


    .ar2 > input {
        width: 70px;
        border: 1px solid transparent;
    }

        .ar2 > input:hover, .ar2 > input:focus {
            width: 70px;
            border: 1px solid #57cbf9;
            background-color: White;
        }

    .ar2 > div {
        font-weight: normal;
        font-family: "Segoe UI";
        color: gray;
        position: absolute;
        bottom: 5px;
        right: 15px;
    }

        .ar2 > div > span > span {
            font-weight: normal;
            font-size: 20px;
            color: gray;
            vertical-align: middle;
            display: inline-block;
            line-height: 28px;
            padding-bottom: 4px;
        }

        .ar2 > div > span > b {
            color: silver;
            font-weight: normal;
        }

span.anp1 {
    text-align: right;
    display: block;
}

.anp1 {
    text-align: right;
    display: block;
    height: 45px;
    overflow: hidden;
}

.anp2, .anp3, .anp4, .anp5 {
    float: right;
    padding-left: 5px;
}

.anp1 > textarea {
    font-size: 14px;
    width: 274px;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    border: 1px solid silver;
    background-color: White;
    margin-right: 2px;
    vertical-align: bottom;
}

.anp2 > input, .anp3 > input, .anp4 > input, .anp5 > input {
    margin-top: 2px;
    border: 1px solid silver;
    width: 80px;
}

.anp1 > textarea:hover, .anp1 > textarea:focus {
    border: 1px solid #57cbf9;
    background-color: White;
}

.anp2 > input:hover, .anp3 > input:hover, .anp4 > input:hover, .anp5 > input:hover {
    border: 1px solid #57cbf9;
    background-color: White;
}

.fwid100 {
    width: 100px !important;
}

.tomanagement {
    float: right;
    margin-top: -43px;
    margin-right: 2px;
    background-image: none;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 0px;
    background-image: url(/images/trans_w_10.png);
    position: relative;
}

    .tomanagement:hover {
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: 0px;
        background-image: url(/images/trans_w_40.png);
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .frem {
        margin-top: 4px !important;
        margin-left: 3px;
    }

    .uloginbtn {
        background-position: -2px 1px !important;
    }
}

.siteselector {
    height: 42px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: left;
    color: #fff;
    background-image: url(/images/trans_w_10.png);
}

    .siteselector:hover {
        background-image: url(/images/trans_b_40.png);
        background-repeat: repeat;
        cursor: pointer;
    }

.siteselectorhovered {
    background-image: url(/images/trans_b_50.png) !important;
    cursor: default !important;
}

.siteselector > div {
    padding: 0 8px 5px 8px;
}

    .siteselector > div > div > b {
        font-size: 12px;
        padding: 3px 0px 0px 0px;
        display: block;
        font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    }

    .siteselector > div > div > .addrline {
        color: #a8e2ff;
    }

.bdown {
    background-image: url(/images/gidown.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 12px;
    height: 20px;
    margin-left: 8px;
}

.siteselectbox {
    position: absolute;
    background-image: url(/images/modbackh.png);
    background-position: bottom;
    width: 468px;
    display: none;
    color: Gray;
    z-index: 99999;
    right: -3px;
    margin-top: -3px;
}

    .siteselectbox > div {
        padding: 12px;
        max-height: 500px;
        overflow-x: hidden;
        margin-right: 4px;
        margin-bottom: 5px;
        text-align: left;
        color: Gray;
        overflow-y: scroll;
    }

#usageTypes {
    height: auto !important;
    width: auto !important;
    overflow: visible !important;
    margin-right: 0px;
}

#usageTypes a {
    text-decoration:none;    
}

.splistboxm > .sselitem.green, .splistboxm > .silver {
    width: 416px !important;
}

.splistboxm > .sselitem.blue {
    width: 354px !important;
}

.splistboxm > .sselitemx.green {
    width: 50px !important;
    position: absolute !important;
    font-weight: normal !important;
    right: 0px;
    margin-top: -33px;
    border-left: 1px solid #079f32;
    padding-left: 12px;
    margin-right: 0px !important;
    
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .splistboxm > .sselitemx.green {
        width: 49px !important;
        margin-top: 2px !important;
        margin-right: 1px !important;
    }
}

@-moz-document url-prefix() {
    .splistboxm > .sselitemx.green;

{
    margin-top: 2px !important;
}

}

.splistboxm > .sselitemx.green > .e {
    margin-top: -27px !important;
}

.splistboxm > .silver {
    cursor: default !important;
}

.siteselectbox > div > .rfsh {
    margin-left: 8px !important;
    font-size: 20px !important;
    background-image: none;
    color: Gray;
    padding: 0px;
}

.siteselectbox > div > .rsinfo {
    padding: 0px !important;
    margin: 4px 0px 4px 4px !important;
}

.t_dlineItem .siteselectbox {
    top:44px;
    right:-16px;
}

.splistboxm > .c_btn {
    text-decoration: none !important;
}

    .splistboxm > .c_btn:hover {
        color: #fff !important;
    }

.splistboxm > .silver.c_btn:hover {
    color: #0289b5 !important;
    background-position: 0px -28px !important;
}

    .splistboxm > .silver.c_btn:hover > .s {
        background-position: 0px 0px !important;
    }

    .splistboxm > .silver.c_btn:hover > .e {
        background-position: -6px 0px !important;
    }

.splistboxm > .c_btn > .dtl {
    font-weight: normal !important;
}

.splistboxm > .c_btn > .dtu {
    font-weight: normal !important;
    display: inline-block !important;
    text-align: right !important;
    right: 10px;
    width: 90px !important;
    padding-right: 5px !important;
    white-space: nowrap !important;
}


.msgboxp {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

    .msgboxp > div > div {
        padding-top: 0px !important;
    }

        .msgboxp > div > div.c1 {
            margin-left: 10px !important;
            padding-left: 15px !important;
            width: 40px !important;
        }

    .msgboxp > .frontBtns {
        margin-left: 54px !important;
    }

.capinput {
    color: Silver;
}

.shcloser {
    z-index: 9999999999;
    background-image: url(/images/shclose.png);
    width: 505px;
    height: 52px;
    overflow: hidden;
    bottom: 0px;
    position: fixed;
    padding: 0px !important;
}

    .shcloser > input {
        position: absolute;
        margin-top: 19px;
        margin-left: 327px;
        width: 20px;
        height: 20px;
        border: 0px;
    }

h4 {
    font-size: 18px;
}

h5 {
    font-size: 15px;
    color: Gray;
}

.outbutton {
    margin: 0px;
    text-align: right;
}

.rb_manager {
    width: 268px;
    height: 83px;
    background-image: url(/images/regbuttons.png);
    background-repeat: no-repeat;
    background-position: -2px 0px;
    margin-left: 14px;
}


    .rb_manager:hover {
        background-position: -270px 0px;
    }

.rb_user {
    width: 268px;
    height: 83px;
    background-image: url(/images/regbuttons.png);
    background-repeat: no-repeat;
    background-position: -2px -83px;
    margin-left: 14px;
}

    .rb_user:hover {
        background-position: -270px -83px;
    }

.rb_supplier {
    width: 268px;
    height: 83px;
    background-image: url(/images/regbuttons.png);
    background-repeat: no-repeat;
    background-position: -2px -166px;
    margin-left: 14px;
}

    .rb_supplier:hover {
        background-position: -270px -166px;
    }

.regtip1 {
    width: 547px;
    height: 174px;
    background-image: url(/images/regtip1.png);
    background-repeat: no-repeat;
    margin-top: -342px;
    margin-left: -38px;
    position: absolute;
}

.regtip2 {
    width: 556px;
    height: 139px;
    background-image: url(/images/regtip2.png);
    background-repeat: no-repeat;
    margin-top: -186px;
    margin-left: -52px;
    position: absolute;
}

.rcb_password, .rcb_profile, .rcb_register {
    margin-top: 16px !important;
}

.pollqb_s {
    background-image: url(/images/pollqback.png);
    background-position: 0px 0px;
    width: 589px;
    height: 6px;
}

.pollqb_e {
    background-image: url(/images/pollqback.png);
    background-position: 0px -6px;
    width: 589px;
    height: 6px;
    margin-bottom: 23px;
}

.pollqb_m {
    width: 587px;
    border-left: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    padding-top: 1px;
    padding-bottom: 1px;
}

.comr1 {
    font-size: 13px;
    padding: 6px 20px 6px 20px;
}

.comr2 {
    color: silver;
    font-size: 13px;
    text-align: right;
    padding: 0px 20px 6px 0px;
}

.overview_body {
    padding-left: 8px;
    padding-top: 6px;
}

.m_overviewMenuSplit {
    display: table-cell;
    border-top: 1px solid #dddddd;
}

.m_overviewMenuItem {
    display: table-row;
}

.m_ovmCap {
    display: table-cell;
    padding: 16px;
    width: 240px;
}

.m_ovmDesc {
    display: table-cell;
    padding: 16px;
    width: 656px;
}

.ovc > .ovnew {
    float: right;
    margin-top: -8px;
    margin-right: 5px;
}

    .ovc > .ovnew > .c_btn {
        line-height: 29px;
    }

.desccol {
    width: 100px;
    color: #0089b3;
    vertical-align: top !important;
    display: inline-block;
}

.rssitem {
    border-top: 1px solid #d0dfe2;
    padding-top: 12px;
    overflow: hidden;
}

    .rssitem.firstr {
        border-top: 0px !important;
        padding-top: 0px !important;
    }

    .rssitem > div > div {
        margin-top: 4px;
        margin-bottom: 4px;
        text-align: right;
        font-size: 11px;
        color: #777;
    }

    .rssitem > div > img {
        width: 100%;
    }

    .rssitem > div {
        font-size: 11px !important;
    }

        .rssitem > div > b {
            color: #555;
            font-size: 12px !important;
        }

    .rssitem img.img {
        float: left;
        border: 1px solid #ccc;
        padding: 3px;
        background-color: #fff;
        margin-right: 12px;
        margin-bottom: 8px;
    }

        .rssitem img.img:hover {
            border: 1px solid #3b5998;
        }


.splistboxm {
    position: relative;
}

.splistboxm .row-manager,
.splistboxm .row-user {
    height:30px;
    margin-bottom: 2px;
}

.blsa > div, .blsc > div {
    border-bottom: 1px dashed #ccc;
    padding: 7px 0px 7px 0px;
    width: 130px;
}

    .blsa > div > a, .blsc > div > a {
        text-decoration: none;
        color: #333;
        font-size: 13px;
    }

        .blsa > div > a:hover, .blsc > div > a:hover {
            color: #1e7186;
        }

.repvilla {
    display: inline-block;
    position: absolute;
    margin-left: 28px;
    filter: alpha(opacity=30);
    opacity: 0.3;
    color: #443e3c;
}

    .repvilla:hover {
        cursor: pointer;
        filter: alpha(opacity=100);
        opacity: 1.0;
    }

.repicon {
    position: absolute;
    margin-left: -20px;
    margin-top: 10px;
    display: block;
    width: 20px;
    height: 17px;
    background-image: url(/images/repicon.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.colcp {
    position: absolute;
    margin-left: 288px;
    margin-top: -1px;
    display: block;
    width: 15px;
    height: 9px;
    background-image: url(/images/colcopy.png);
    background-repeat: no-repeat;
    background-position: 0px -3px;
}

    .colcp:hover {
        cursor: pointer;
        background-position: 0px 0px;
    }

span.colcp {
    display: inline-block;
    position: relative;
    margin-top: 2px;
    margin-left: 0px;
    width: 15px;
    height: 9px;
    background-image: url(/images/colcopy.png);
    background-repeat: no-repeat;
    background-position: 0px -2px;
}


.b_table {
    display: table;
    width: 100%;
}

.b_t_headers {
    display: table-row;
    background-color: #f2faff;
    border-bottom: 1px solid #9ba3aa;
    height: 26px;
    line-height: 21px;
    color: #0089b3;
    vertical-align: middle;
}

    .b_t_headers > div {
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
        padding-right: 10px;
    }

        .b_t_headers > div > span:hover {
            color: #005d7a;
            cursor: pointer;
            text-decoration: underline;
        }

        .b_t_headers > div.unsortable {
            color: #005d7a;
        }

            .b_t_headers > div.unsortable:hover {
                color: #005d7a;
                cursor: default;
                text-decoration: none;
            }


        .b_t_headers > div.selected > .arrow_asc {
            display: inline-block;
            float: right;
            width: 5px;
            height: 8px;
            margin-top: 5px;
            background-image: url(../Images/marrows.png);
            background-position: -5px -8px;
            background-repeat: no-repeat;
        }

        .b_t_headers > div.selected > .arrow_desc {
            display: inline-block;
            float: right;
            width: 5px;
            height: 8px;
            margin-top: 5px;
            background-image: url(../Images/marrows.png);
            background-position: 0px -8px;
            background-repeat: no-repeat;
        }

        .b_t_headers > div.selected {
            background-color: #d9edf9;
            font-weight: bold;
        }

        .b_t_headers > div.hidden {
            display: none;
        }

.b_t_rows > div.hidden {
    display: none;
}

.hidden {
    display: none !important;
}

.b_t_rows {
    display: table-row;
    height: 34px;
}

    .b_t_rows > div {
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
        padding-right: 10px;
        border-top: 1px solid #dddddd;
        cursor: pointer;
        min-height: 32px;
    }

        .b_t_rows > div.selected {
            background-color: #eaf8fe;
        }

    .b_t_rows.selected > div {
        background-color: #ffffcc;
    }

        .b_t_rows.selected > div.selected {
            background-color: #eaf6c6;
        }

    .b_t_rows:hover {
        background-color: #fff4d3;
        color: #333333;
    }

        .b_t_rows:hover > div.selected {
            background-color: #ffeac9;
            color: #333333;
        }

    .b_t_rows.selected:hover > div {
        background-color: #fdefb1 !important;
        color: #333333 !important;
    }

        .b_t_rows.selected:hover > div.selected {
            background-color: #fce4a3 !important;
            color: #333333 !important;
        }

div.width20 {
    width: 20px;
}

div.width30 {
    width: 30px;
}


.tabs > div {
    -moz-border-top-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.pager {
    margin-left: 7px;
}

    .pager > div {
        display: inline-block;
        vertical-align: middle;
        padding: 4px 8px 4px 8px;
        margin: 1px;
        border: 1px solid silver;
        color: #0089b3;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .pager > div:hover {
            cursor: pointer;
            border: 1px solid #0089b3;
            background-color: #ebf3ff;
        }

        .pager > div.selected, .pager > div.selected:hover {
            cursor: normal;
            color: #050505;
            border: 1px solid #005d7a;
            background-color: #f5f5f5;
        }

        .pager > div.empty, .pager > div.empty:hover {
            cursor: normal;
            border: 1px solid #f5f5f5;
            background-color: #ffffff;
            color: Silver;
        }

.tabs {
    padding-top: 8px;
    display: table-cell;
}

    .tabs > div {
        color: #0089b3;
        display: table-cell;
        vertical-align: middle;
        padding: 9px 24px 5px 24px;
        white-space: nowrap;
    }

        .tabs > div:hover {
            color: #005d7a;
            text-decoration: underline;
            display: table-cell;
            cursor: pointer;
        }

        .tabs > div.selected {
            border-bottom: 1px solid white;
            border-left: 1px solid #d2d9dc;
            background-image: url(../Images/tabback.png);
            background-repeat: repeat-x;
            padding: 8px 30px 6px 24px;
            font-weight: bold;
            background-color: #fff;
        }

            .tabs > div.selected:hover {
                color: #0089b3;
                text-decoration: none;
                display: table-cell;
                cursor: default;
            }

.b_t_options {
    background-image: url(../Images/tablehead.png);
    background-repeat: repeat-x;
    height: 40px;
    padding-left: 6px;
    margin-top: 8px;
}

    .b_t_options > div.arrow {
        display: inline-block;
        vertical-align: middle;
        background-image: url(../Images/tablehead.png);
        background-repeat: no-repeat;
        background-position: bottom;
        height: 8px;
        width: 11px;
        margin-left: 11px;
        margin-top: 32px;
        position: absolute;
    }

.qhelp {
    display: none;
    position: absolute !important;
    color: Gray !important;
    font-weight: normal !important;
    line-height: 100% !important;
    z-index: 999999999 !important;
}

.qhbtn {
    width: 33px;
    height: 33px;
    background-image: url(/images/helpicon.png);
    position: absolute;
    margin-top: -39px;
    cursor: pointer;
}

    .qhbtn:hover {
        background-position: 0px -33px;
    }

    .qhbtn > .qhbox {
        display: none;
    }

    .qhbtn:hover > .qhbox {
        display: block;
        position: static;
    }

.b_t_filter {
    float: right;
    -moz-box-shadow: inset 0px 0px 3px #999;
    -webkit-box-shadow: inset 0px 0px 3px #999;
    box-shadow: inset 0px 0px 3px #999;
}

    .b_t_filter > .btn {
        margin-left: 4px;
    }

.filterInput {
    font-size: 11px;
    color: #cccccc;
    border: 1px solid #dddddd;
    padding: 2px 4px 2px 4px !important;
    margin: 4px !important;
    height: 20px;
    line-height: 20px;
    width: 80px;
}

    .filterInput:focus, .filterInput:hover, .filterActive {
        color: #111111 !important;
    }

.btn > span {
    position: relative;
    padding-left: 16px;
}

    .btn > span > img {
        position: absolute;
        margin-top: 4px;
        margin-left: -23px;
    }

input[type=radio], input[type=checkbox] {
    border: 0px;
    width: auto;
}

div.btn.btndis {
    background-position: 0px -22px !important;
    color: silver;
    cursor: default !important;
}

    div.btn.btndis > .s {
        background-position: 0px 0px !important;
    }

    div.btn.btndis > .e {
        background-position: -5px 0px !important;
    }

.b_t_paging {
    border-top: 1px solid #dddddd;
    height: 40px;
    line-height: 38px;
    margin-bottom: 24px;
    padding-left: 8px;
    padding-right: 12px;
}

    .b_t_paging > div {
        border-top: 1px solid #ffffff;
    }

        .b_t_paging > div > select, .b_t_paging > div > span > select {
            padding: 1px;
            height: 20px;
            line-height: 20px;
            font-size: 11px;
            color: #005d7a;
        }

        .b_t_paging > div > span > span {
            padding-left: 10px;
            padding-right: 10px;
        }

.norecord {
    background-color: White;
    color: #005d7a;
    text-align: center;
    font-size: 14px;
    height: 96px;
}

    .norecord:hover {
        background-color: White;
    }

    .norecord > div {
        position: absolute;
        width: 940px;
        line-height: 96px;
    }

        .norecord > div > span:hover {
            cursor: pointer;
            text-decoration: underline;
        }

.loader {
    background-image: url(/Images/trans_w_85.png);
    position: absolute;
    display: none;
}

.loadrow {
    display: table-row;
}

    .loadrow > div {
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        color: black;
        font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    }

.loadericon {
    width: 64px;
    height: 64px;
    background-image: url(/Images/loading.gif);
    text-align: center;
}

#at2 {
    background-color: #fff;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding-top: 8px;
    -moz-box-shadow: 0px 1px 3px #999;
    -webkit-box-shadow: 0px 1px 3px #999;
    box-shadow: 0px 1px 3px #999;
    margin-left: 1px;
}

.btri {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
}

select#selRecordCountInPage {
    width: auto;
    border-radius:4px;
}

input#selPageNo {
    border-radius: 4px;
    height: 20px;
    line-height: 20px;
}

#at0 {
    margin-top: 4px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-left: 2px;
    margin-left: 1px;
    display: inline-block;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0px 0px 3px #999;
    background-color: rgb(255, 255, 255);
}

#at1 {
    margin-top: 2px;
}

.tli {
    cursor: default !important;
    padding-right: 1px !important;
    width: 2560px;
}

.texport {
    background-color: #009d04;
    color: #fff;
    font-size: 10px;
    display: inline-block;
    float: right;
    padding: 1px 5px 2px 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-top: 0px;
}

    .texport:hover {
        background-color: #007605;
        cursor: pointer;
    }

    .texport > span {
        display: none;
    }

    .texport:hover > span {
        display: inline-block !important;
    }

.groupClose {
    background-image: url(/images/grouptx.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    margin-left: 6px;
    position: absolute;
    width: 13px;
}

    .groupClose:hover {
        background-position: 0px -13px;
        cursor: pointer;
    }

.man_wrapper_dt_w {
    display: none;
    background-color: #20a9e0;
    background-image: url(/images/f_fback.jpg) !important;
    background-repeat: repeat-x !important;
    -moz-background-size: auto auto !important;
    -o-background-size: auto auto !important;
    -webkit-background-size: auto auto !important;
    background-size: auto auto !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 4px;
    -moz-box-shadow: inset 0px 1px 3px #333;
    -webkit-box-shadow: inset 0px 1px 3px #333;
    box-shadow: inset 0px 1px 3px #333;
    margin-left: 2px;
    margin-right: 1px;
    border-bottom: inset 1px solid rgba(255, 255, 255, 0.4);
    border-top: inset 1px solid rgba(0, 0, 0, 0.4);
    border-right: inset 1px solid rgba(255, 255, 255, 0.4);
    border-left: inset 1px solid rgba(0, 0, 0, 0.4);
}

.ci_textbox {
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.frmBtns {
    padding-left: 12px;
    padding-bottom: 6px;
    margin-left: 211px;
    font-weight: bold;
}

.frontBtns {
    padding-left: 12px;
    margin-left: 174px;
    font-weight: bold;
}

.btnou > .icon {
    margin-left: -8px;
}

div.btnou {
    display: inline-block;
    background-image: url(../Images/bou_gray.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 45px;
    line-height: 45px;
    margin-top: 7px;
    margin-right: 3px;
    cursor: pointer;
    color: #333333;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    div.btnou:hover, div.btnou:hover > .s, div.btnou:hover > .e, div.btnou:focus, div.btnou:focus > .s, div.btnou:focus > .e {
        background-image: url(../Images/bou_white.png) !important;
    }

    div.btnou > .s {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background-image: url(../Images/bou_gray.png);
        background-repeat: no-repeat;
        background-position: left;
        height: 45px;
        width: 6px;
        margin-right: 20px;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    div.btnou > .e {
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        background-image: url(../Images/bou_gray.png);
        background-repeat: no-repeat;
        background-position: right;
        height: 45px;
        width: 6px;
        margin-left: 20px;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

.btnou_green, .btnou_green > .s, .btnou_green > .e {
    background-image: url(../Images/bou_green2.png) !important;
    color: #066c00 !important;
}

.btnou_red, .btnou_red > .s, .btnou_red > .e {
    background-image: url(../Images/bou_red.png) !important;
    color: #4d0000 !important;
}

.btnou_blue, .btnou_blue > .s, .btnou_blue > .e {
    background-image: url(../Images/bou_blue.png) !important;
    color: #00415e !important;
}

.btnou_white, .btnou_white > .s, .btnou_white > .e {
    background-image: url(../Images/bou_white.png) !important;
    color: #585858 !important;
}

.btnou_yellow, .btnou_yellow > .s, .btnou_yellow > .e {
    background-image: url(../Images/bou_yellow.png) !important;
    color: #335f00 !important;
}

div.btnou_green:hover,
div.btnou_green:hover > .s,
div.btnou_green:hover > .e,
div.btnou_green:focus,
div.btnou_green:focus > .s,
div.btnou_green:focus > .e {
    background-image: url(../Images/bou_green_hi.png) !important;
}

div.btnou_blue:hover,
div.btnou_blue:hover > .s,
div.btnou_blue:hover > .e,
div.btnou_blue:focus,
div.btnou_blue:focus > .s,
div.btnou_blue:focus > .e {
    background-image: url(../Images/bou_blue_hi.png) !important;
}

div.btnou_red:hover,
div.btnou_red:hover > .s,
div.btnou_red:hover > .e,
div.btnou_red:focus,
div.btnou_red:focus > .s,
div.btnou_red:focus > .e {
    background-image: url(../Images/bou_red_hi.png) !important;
}

div.btnou_white:hover,
div.btnou_white:hover > .s,
div.btnou_white:hover > .e,
div.btnou_white:focus,
div.btnou_white:focus > .s,
div.btnou_white:focus > .e {
    background-image: url(../Images/bou_white_hi.png) !important;
}

.ci_grid {
    width: 900px;
    margin-left: -198px;
    padding-top: 10px;
}

.b_grid {
    display: table;
    width: 900px;
    background-image: url(/images/gridback.png);
    background-position-x: 0px;
    background-position-y: 0px;
    background-repeat: no-repeat;
}

.b_g_headers.fatthd {
    background-position: -3px -3px !important;
}

#dvGridattachmentw1 {
    background-position-x: -3px !important;
    background-position-y: -3px !important;
}

.halfwidthgrid > div > div > div > div > .b_grid {
    width: 700px !important;
    margin-left: 198px !important;
}


.halfwidthgrid > div > div > div > div > .footer_rowColumn {
    width: 699px !important;
    margin-left: 198px !important;
}

.halfwidthgrid > div > div > div > div > .b_grid > .b_g_headers,
.halfwidthgrid > div > div > div > div > .b_grid > .footer_columnRow {
    background-image: url(/images/gridbackh.png) !important;
}

.halfwidthgrid > div > div > div > div > .b_g_end {
    background-image: url(/images/gridbackh.png) !important;
    background-position: 198px bottom;
    background-repeat: no-repeat;
}

.footer_columnRow {
    display: table-row;
    width: 100%;
    background-image: url(/images/gridback.png);
    background-position: 0px -50px;
}

    .footer_columnRow > div {
        display: table-cell;
        vertical-align: top;
        border-top: 2px solid #ffffff;
        cursor: pointer;
        color: #ffffff;
        line-height: 24px;
        padding: 2px 0 2px 6px;
        cursor: default;
        font-weight: bold;
        min-height: 24px;
    }

#attachmentwin001 .footer_columnRow > div {
    background-color: #0d4d80;
}

.footer_rowColumn {
    padding-top: 6px;
    display: table;
    width: 900px;
    background-image: url(/images/gridback.png);
    background-position: 0px -50px;
}

    .footer_rowColumn > div {
        display: table-row;
    }

        .footer_rowColumn > div > div {
            display: table-cell;
            color: White;
            font-size: 11px;
            text-align: right;
            width: 80px;
            padding-right: 50px;
            font-weight: bold;
        }

.b_g_end {
    height: 4px;
    display: table;
    width: 900px;
    background-image: url(/images/gridback.png);
    background-position: 0px bottom;
}

.money {
    padding-right: 34px !important;
    width: 96px !important;
}

.footer_rowColumn > div > div.gfc_caption {
    line-height: 20px;
    padding-right: 8px !important;
    width: auto !important;
    font-weight: normal !important;
}

.scrolledGrid > .c2 > .ci_grid {
    overflow: hidden;
    overflow-x: scroll;
    width: 900px;
    margin-bottom: 40px;
}

    .scrolledGrid > .c2 > .ci_grid > div {
        background-color: #0d4d80;
        padding-bottom: 3px;
    }

        .scrolledGrid > .c2 > .ci_grid > div > div > div > .b_g_headers {
            background-image: none !important;
        }

            .scrolledGrid > .c2 > .ci_grid > div > div > div > .b_g_headers > div {
                background-position: -5px 0px !important;
                background-image: url(/images/gridback.png);
            }

        .scrolledGrid > .c2 > .ci_grid > div > div > div > .b_g_rows > div {
            background-color: #0d4d80 !important;
        }

        .scrolledGrid > .c2 > .ci_grid > div > div > .footer_rowColumn {
            position: absolute;
            height: 30px;
            width: 900px;
            margin-top: 20px;
            background-color: #0d4d80 !important;
            border-left: 1px solid #1079a6 !important;
            border-right: 1px solid #1079a6 !important;
            border-bottom: 1px solid #b1e0f4 !important;
            background-image: none !important;
        }

        .scrolledGrid > .c2 > .ci_grid > div > div > div > .footer_columnRow {
            background-color: #0d4d80 !important;
            background-image: none !important;
        }

        .scrolledGrid > .c2 > .ci_grid > div > div > .b_g_end {
            display: none;
        }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .b_g_headers {
        background-position: -5px 0px !important;
    }

    .footer_rowColumn {
        background-color: #0d4d80 !important;
        background-image: none !important;
    }

    .footer_columnRow {
        background-color: #0d4d80 !important;
        background-image: none !important;
        background-position: -5px -50px !important;
    }

    .b_g_rows {
        background-position: -1px -50px !important;
    }

        .b_g_rows:hover {
            background-position: -1px -1px !important;
        }

    .b_g_end {
        background-color: #0d4d80 !important;
        border-left: 1px solid #1079a6 !important;
        border-right: 1px solid #1079a6 !important;
        border-bottom: 1px solid #b1e0f4 !important;
        background-image: none !important;
    }

    .halfwidthgrid > div > div > div > div > .footer_rowColumn {
        width: 699px !important;
        margin-left: 199px !important;
    }

    .halfwidthgrid > div > div > div > div > .b_grid > .b_g_headers,
    .halfwidthgrid > div > div > div > div > .b_grid > .footer_columnRow {
        background-image: url(/images/gridbackh.png) !important;
    }

    .halfwidthgrid > div > div > div > div > .b_g_end {
        background-image: none !important;
        display: none !important;
    }

    .footer_columnRow {
        height: 34px !important;
    }
}

.b_g_headers {
    display: table-row;
    /*background-image: url(/images/gridback.png);
    background-position: left 0px;*/
    position: relative;
    height: 33px;
    color: #0089b3;
}

    .b_g_headers > div {
        display: table-cell;
        line-height: 28px;
        vertical-align: middle;
        padding-top: 4px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        background-repeat: no-repeat !important;
        white-space: nowrap;
    }

        .b_g_headers > div.unsortable {
            color: #005d7a;
        }

            .b_g_headers > div.unsortable:hover {
                color: #005d7a;
                cursor: default;
                text-decoration: none;
            }


        .b_g_headers > div.selected > .arrow_asc {
            display: inline-block;
            float: right;
            width: 5px;
            height: 8px;
            margin-top: 5px;
            background-image: url(../Images/marrows.png);
            background-position: -5px -8px;
            background-repeat: no-repeat;
        }

        .b_g_headers > div.selected > .arrow_desc {
            display: inline-block;
            float: right;
            width: 5px;
            height: 8px;
            margin-top: 5px;
            background-image: url(../Images/marrows.png);
            background-position: 0px -8px;
            background-repeat: no-repeat;
        }

        .b_g_headers > div.selected {
            background-color: #d9edf9;
            font-weight: bold;
        }

        .b_g_headers > div.hidden {
            display: none;
        }

.b_g_rows > div.hidden {
    display: none;
}

.hidden {
    display: none !important;
}

.b_g_rows {
    display: table-row;
    background-image: url(/images/gridback.png);
    background-repeat: no-repeat;
    background-position: 0% -50px;
    padding-left: 1px;
}

    .b_g_rows > div {
        display: table-cell;
        vertical-align: top;
        border-right: 1px solid #649bc7;
        border-top: 1px solid #649bc7;
        cursor: pointer;
        color: #ffffff;
        line-height: 24px;
        height: 24px;
        padding: 2px 9px 2px 10px;
        background-repeat: no-repeat !important;
        background-position: right;
    }

        .b_g_rows > div.gdate {
            background-image: url(/images/gidate.png);
            padding-left: 6px;
            width: 85px;
            background-position: right 5px;
        }

        .b_g_rows > div.lookup {
            background-image: url(/images/gidown.png);
            max-width: 450px;
        }

            .b_g_rows > div.lookup.readonly {
                background-image: none !important;
            }

            .b_g_rows > div.lookup.alignright {
                background-position: 6px;
            }

        .b_g_rows > div.gridOptionCol {
            background-image: none;
            border-right: 1px solid #51b5dd;
        }

#b_rowg_0 > div {
    border-top: 0px !important;
}

.b_g_rows > div.first.lookup {
    padding: 0px 0px 0px 0px;
}

.b_g_rows > div.first.gdate {
    padding: 2px 0px 0px 10px !important;
}

.b_g_rows:hover {
    background-image: url(/images/gridbackho.png) !important;
    background-position: 0px -1px;
    background-color: #0a3c62;
}


.halfwidthgrid > div > div > div > div > .b_grid > .b_g_rows:hover {
    background-image: url(/images/gridbackhho.png) !important;
    background-position: 0px -1px;
}

.b_g_rows > div.readonly, .b_g_rows > div.calc {
    cursor: default !important;
    color: #ccffff !important;
}

    .b_g_rows > div.readonly:hover, .b_g_rows > div.calc:hover {
        cursor: default !important;
        color: #ccffff !important;
    }

.b_g_rows > div > .gridrow_newwin {
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer !important;
    background-image: url(/Images/newwin.png);
    background-repeat: no-repeat;
    background-position: 4px 24px;
}

.b_g_rows:hover > div > .gridrow_newwin {
    background-position: 4px 4px;
}

.b_g_rows > div > .gridrow_delete {
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer !important;
    background-image: url(/Images/rowdelete.png);
    background-repeat: no-repeat;
    background-position: 4px 24px;
}

.b_g_rows:hover > div > .gridrow_delete {
    background-position: 4px 4px;
}

.gridedit {
    background-color: #051e32;
    color: White;
    position: absolute;
    border: 2px solid #ffbe32;
    margin-top: -3px;
    margin-left: -11px;
    font-size: 11px !important;
    padding: 0px 8px 2px 9px !important;
}

.b_g_template {
    display: none;
}

.frmDetail input {
    border: 1px solid #57cbf9;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding-left: 4px;
    padding-right: 4px;
    margin: 2px;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

.frmDetail div.ci_textbox {
    border: 1px solid #57cbf9;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    padding-left: 4px;
    padding-right: 4px;
    margin: 2px;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    display: block;
    overflow: hidden;
    white-space: nowrap;
}

.frmDetail select {
    border: 1px solid #57cbf9;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding-left: 4px;
    padding-right: 4px;
    margin: 2px;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}

.frmDetail .c2 > div > input {
    background-color: transparent;
    height: 26px !important;
    width: 300px;
    border: 0px !important;
    padding: 0px 8px 0px 8px !important;
    line-height: 26px !important;
    display: block;
    color: White;
    font-size: 12px !important;
    --text-shadow: 0 -1px 0px rgba(102, 204, 255, 1), 0 1px 0px rgba(0, 0, 0, .8), 0 0 13px #0AF;
}

.frmDetail .c2 > div > span > input {
    background-color: transparent;
    height: 26px !important;
    width: 300px;
    border: 0px !important;
    padding: 0px 8px 0px 8px !important;
    line-height: 26px !important;
    display: block;
    color: White;
    font-size: 12px !important;
    margin-left: -10px;
    margin-top: -4px;
    --text-shadow: 0 -1px 0px rgba(102, 204, 255, 1), 0 1px 0px rgba(0, 0, 0, .8), 0 0 13px #0AF;
}

.frmDetail .c2 > div > div.ci_textbox {
    background-color: transparent;
    height: 24px !important;
    width: 300px;
    border: 0px !important;
    padding: 2px 8px 2px 8px !important;
    line-height: 24px !important;
    display: block;
    color: White;
    font-size: 12px !important;
    vertical-align: top;
    /*text-shadow: 0 -1px 0px rgba(102, 204, 255, 1), 0 1px 0px rgba(0, 0, 0, .8), 0 0 13px #0AF;*/
}

.frmDetail .c2 > div > textarea {
    background-color: transparent;
    height: 112px !important;
    width: 296px;
    border: 0px !important;
    padding: 2px 10px 2px 10px !important;
    margin-top: 5px;
    margin-right: 4px;
    line-height: 18px !important;
    color: White;
    font-size: 12px !important;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: 18px;
    -ms-scrollbar-3dlight-color: #255e8c;
    scrollbar-3dlight-color: #255e8c;
    -ms-scrollbar-arrow-color: #44b6ea;
    scrollbar-arrow-color: #44b6ea;
    -ms-scrollbar-track-color: #0f466a;
    scrollbar-track-color: #0f466a;
    -ms-scrollbar-darkshadow-color: #0d4d80;
    scrollbar-darkshadow-color: #0d4d80;
    -ms-scrollbar-face-color: #0d4d80;
    scrollbar-face-color: #0d4d80;
    -ms-scrollbar-highlight-color: #0d4d80;
    scrollbar-highlight-color: #0d4d80;
    -ms-scrollbar-shadow-color: #0d4d80;
    scrollbar-shadow-color: #0d4d80;
    resize: none;
    /*text-shadow: 0 -1px 0px rgba(102, 204, 255, 1), 0 1px 0px rgba(0, 0, 0, .8), 0 0 13px #0AF;*/
}


.c_inputDate > .c2 > div {
    overflow: hidden;
    padding-right: 3px;
    border-right: 1px solid #66b5db;
    border-bottom: 1px solid #95d6f0;
    border-left: 1px solid #66b5db;
    border-radius: 5px;
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);
    background-color: rgb(13, 77, 128);
    display: table-cell;
    height: 30px;
    width: 110px !important;
    margin-top: -2px;
}

    .c_inputDate > .c2 > div.e {
        display: none !important;
        width: 0px !important;
        padding: 0px !important;
        border: 0px !important;
    }

/*.frmDetail .c_textbox > .c2 > div, .frmDetail .c_money > .c2 > div, .frmDetail .c_numeric > .c2 > div, .frmDetail .c_inputTime > .c2 > div {
    background-image: url(/Images/input_text_back.png);
    background-repeat: no-repeat;
    height: 33px;
    display: table-cell;
    width: auto;
}

.frmDetail .c_textbox > .c2 > div.e, .frmDetail .c_money > .c2 > div.e, .frmDetail .c_numeric > .c2 > div.e, .frmDetail .c_inputTime > .c2 > div.e {
    margin-top: 0px;
    background-image: url(/Images/input_text_back.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 0px !important;
    height: 33px !important;
    width: 5px !important;
}*/

.frmDetail .c_inputDate > .c2, .frmDetail .c_inputTime > .c2 {
    width: auto;
}

.frmDetail .c_label > .c2 > div {
    background-image: url(/Images/input_label_back.png);
    background-repeat: no-repeat;
    display: table-cell;
    vertical-align: top;
    width: auto;
}

    .frmDetail .c_label > .c2 > div.e {
        margin-top: 0px;
        background-image: url(/Images/input_label_back.png) !important;
        background-repeat: no-repeat !important;
        background-position: right 0px !important;
        width: 5px !important;
    }

    .frmDetail .c_label > .c2 > div > span {
        color: #ccffff !important;
    }

/*.frmDetail .c_textarea > .c2 > div, .frmDetail .c_address > .c2 > div {
    background-image: url(/Images/input_area_back.png);
    background-repeat: no-repeat;
    height: 125px;
    display: table-cell;
    width: auto;
}

    .frmDetail .aend, .frmDetail .c_textarea > .c2 > div.e {
        margin-top: 0px;
        background-image: url(/Images/input_area_back.png) !important;
        background-repeat: no-repeat !important;
        background-position: right 0px !important;
        height: 125px !important;
        width: 5px !important;
    }*/


.frmDetail .c_textarea > .c2 > div, .c_address > .c2 > div {
    overflow: hidden;
    padding-right: 2px;
    border-right: 1px solid #66b5db;
    border-bottom: 1px solid #95d6f0;
    border-left: 1px solid #66b5db;
    border-radius: 4px;
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);
    background-color: rgb(13, 77, 128);
    display: table-cell;
    width: auto;
}

.frmDetail .aend, .c_textarea > .c2 > div.e {
    display: none !important;
}

.frmDetail .c_phone > .c2 > div {
    background-image: url(/Images/input_text_back.png);
    background-repeat: no-repeat;
    height: 33px;
    display: table-cell;
    width: auto !important;
}

    .frmDetail .c_phone > .c2 > div.e {
        background-image: url(/Images/input_text_back.png) !important;
        background-repeat: no-repeat !important;
        background-position: right 0px !important;
        height: 33px !important;
        width: 5px !important;
    }

/*.frmDetail .c_inputDate > .c2 > div {
    background-image: url(/Images/input_text_back.png);
    background-repeat: no-repeat;
    height: 33px;
    display: table-cell;
    width: 110px !important;
}

    .frmDetail .c_inputDate > .c2 > div.e {
        background-image: url(/Images/input_text_back.png) !important;
        background-repeat: no-repeat !important;
        background-position: right 0px !important;
        height: 33px !important;
        width: 5px !important;
    }*/

.frmDetail .c_link > .c2 > a {
    color: #ccffff;
    text-decoration: none;
}

    .frmDetail .c_link > .c2 > a:hover {
        color: #ffffff;
        text-decoration: underline;
        cursor: pointer;
    }

.frmDetail select {
    padding: 2px;
    height: 28px;
    line-height: 24px;
}

.frmDetail input[type=radio], input[type=checkbox] {
    border: 0px;
}

.frmDetail .userdetailbtn {
    background-image: url(/Images/useredit.png);
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.frmDetail input[type="text"], .frmDetail input[type="password"], .frmDetail textarea, select {
    outline: none;
    resize: none;
}

.frmDetail .inbacksel {
    background-image: url(/Images/formdbacksb.png) !important;
    background-position: -1px center;
    background-repeat: no-repeat;
    line-height: 24px !important;
}


.frmDetail .cd_div {
    position: absolute;
    background-image: url(/Images/formdback.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 9999;
    max-height: 254px;
    width: 341px;
    margin-left: -8px;
    margin-top: -5px;
    padding-top: 5px;
    padding-bottom: 13px;
    padding-left: 0px;
    display: none;
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #ccffff;
}

    .frmDetail .cd_div > div {
        max-height: 234px;
        width: 325px;
        overflow-y: scroll;
        overflow-x: hidden;
        scrollbar-width: 18px;
        -ms-scrollbar-3dlight-color: #255e8c;
        scrollbar-3dlight-color: #255e8c;
        -ms-scrollbar-arrow-color: #44b6ea;
        scrollbar-arrow-color: #44b6ea;
        -ms-scrollbar-track-color: #0f466a;
        scrollbar-track-color: #0f466a;
        -ms-scrollbar-darkshadow-color: #0d4d80;
        scrollbar-darkshadow-color: #0d4d80;
        -ms-scrollbar-face-color: #0d4d80;
        scrollbar-face-color: #0d4d80;
        -ms-scrollbar-highlight-color: #0d4d80;
        scrollbar-highlight-color: #0d4d80;
        -ms-scrollbar-shadow-color: #0d4d80;
        scrollbar-shadow-color: #0d4d80;
    }

        .frmDetail .cd_div > div > div.csplit {
            height: 5px;
            width: 341px;
            position: absolute;
            margin-left: 0px;
            margin-top: -3px;
            background-image: url(/Images/formdbackl.png);
            background-position: center bottom;
            background-repeat: no-repeat;
            border: 0px !important;
        }

.frmDetail .cd_tdiv {
    width: 80px !important;
    height: 124px !important;
    background-position: left bottom;
    position: absolute;
}

    .frmDetail .cd_tdiv > div.e {
        width: 15px !important;
        height: 142px !important;
        position: absolute !important;
        background-image: url(/Images/formdback.png) !important;
        background-position: right bottom !important;
        margin-left: 80px !important;
        margin-top: -5px !important;
        overflow: hidden !important;
    }

    .frmDetail .cd_tdiv > div {
        width: 80px !important;
        height: 124px !important;
    }

        .frmDetail .cd_tdiv > div > div.csplit {
            width: 80px !important;
            background-position: left;
        }

.frmDetail .cd_div > div > div.thsi {
    width: 33px !important;
    position: relative;
    padding-left: 9px !important;
}

    .frmDetail .cd_div > div > div.thsi:hover > div.e,
    .frmDetail .cd_div > div > div.thsih > div.e {
        width: 6px;
        height: 26px;
        position: absolute;
        background-image: url(/Images/formdbacks.png);
        background-position: 36px 0px;
        margin-left: 33px;
    }

.frmDetail .cd_div > div > div.csi,
.frmDetail .cd_div > div > div.dsi,
.frmDetail .cd_div > div > div.qsi,
.frmDetail .cd_div > div > div.thsi {
    height: 26px;
    line-height: 25px;
    margin-left: 9px;
    padding-left: 12px;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
}

    .frmDetail .cd_div > div > div.csi:hover,
    .frmDetail .cd_div > div > div.dsi:hover,
    .frmDetail .cd_div > div > div.qsi:hover,
    .frmDetail .cd_div > div > div.thsi:hover {
        height: 26px;
        line-height: 25px;
        color: #ffffff;
        cursor: pointer;
        background-image: url(/Images/formdbacks.png);
        background-repeat: no-repeat;
    }

.frmDetail .cd_div > div > div.csih,
.frmDetail .cd_div > div > div.dsih,
.frmDetail .cd_div > div > div.qsih,
.frmDetail .cd_div > div > div.thsih {
    height: 26px;
    line-height: 25px;
    color: #ffffff;
    cursor: pointer;
    background-image: url(/Images/formdbacks.png);
    background-repeat: no-repeat;
}


.frmDetail .hcdata {
    display: block;
    height: 1px;
    overflow-y: hidden;
}

.frmDetail .gridOptionCol {
    width: 70px;
    min-height: 22px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-color: transparent !important;
    white-space: nowrap;
    vertical-align: middle;
    text-align: right;
}

    .frmDetail .gridOptionCol:hover {
        background-color: transparent !important;
        cursor: default !important;
    }

.frmDetail .lookup {
    margin: 0px;
    padding: 0px !important;
    vertical-align: middle;
    max-width: 450px !important;
}

.frmDetail .lookuph {
    padding-left: 10px !important;
    padding-right: 14px !important;
    max-width: 450px !important;
}

    .frmDetail .lookuph > span {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

.frmDetail .lookup > div {
    margin: 0px;
    padding: 0px;
    padding-top: 1px;
    vertical-align: middle;
}

.frmDetail .lookup > select {
    background-color: transparent;
    margin: 0px;
    padding: 3px 0px 7px 0px;
    border: 0px;
    line-height: 27px;
}

    .frmDetail .lookup > select > option {
        background: transparent;
    }

        .frmDetail .lookup > select > option.o {
            background: #22ade5 !important;
        }

.frmDetail .ldown {
    z-index: 999;
    display: none;
    position: absolute;
    background-image: url(/images/formdbackg.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-left: -8px !important;
    margin-top: 26px !important;
    margin-bottom: 26px !important;
    padding-bottom: 11px !important;
    padding-left: 9px !important;
    padding-top: 4px !important;
}

    .frmDetail .ldown > div {
        max-height: 220px;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: 18px;
        -ms-scrollbar-3dlight-color: #255e8c;
        scrollbar-3dlight-color: #255e8c;
        -ms-scrollbar-arrow-color: #44b6ea;
        scrollbar-arrow-color: #44b6ea;
        -ms-scrollbar-track-color: #0f466a;
        scrollbar-track-color: #0f466a;
        -ms-scrollbar-darkshadow-color: #0d4d80;
        scrollbar-darkshadow-color: #0d4d80;
        -ms-scrollbar-face-color: #0d4d80;
        scrollbar-face-color: #0d4d80;
        -ms-scrollbar-highlight-color: #0d4d80;
        scrollbar-highlight-color: #0d4d80;
        -ms-scrollbar-shadow-color: #0d4d80;
        scrollbar-shadow-color: #0d4d80;
    }

.frmDetail .ldowne {
    z-index: 9998;
    display: none;
    position: absolute;
    overflow-y: hidden;
    margin-top: 26px !important;
    padding-bottom: 11px !important;
    padding-top: 4px !important;
    width: 13px;
    background-image: url(/images/formdbackg.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    max-height: 220px;
}

    .frmDetail .ldowne > div > div.l {
        width: 0px;
        overflow: hidden;
        padding-left: 10px;
        white-space: nowrap;
        height: 30px;
    }

.frmDetail .ldown > div.csplit {
    height: 3px;
    width: 341px;
    position: absolute;
    z-index: 999;
    margin-left: 0px;
    margin-top: -3px;
    background-image: url(/Images/formdbacklg.png);
    background-position: -9px -3px;
    background-repeat: no-repeat;
}

.frmDetail .lcur {
    padding-left: 10px !important;
    padding-right: 10px !important;
    line-height: 26px;
    min-height: 26px;
    max-width: 450px;
}

.frmDetail .lcura {
    padding-left: 9px !important;
    border-left: 1px solid #51b5dd !important;
    background-color: #0d4d80 !important;
    background-image: url(/Images/input_text_back.png);
    background-position: -3px -1px;
}

.frmDetail .lsi {
    display: table-row;
}

    .frmDetail .lsi > div {
        display: table-cell;
    }

        .frmDetail .lsi > div.lsis {
            white-space: nowrap;
            height: 26px;
            padding: 2px 4px 2px 10px;
            margin-right: 10px;
        }

        .frmDetail .lsi > div.lsie {
            width: 6px;
            height: 26px;
        }

.frmDetail .csi > div.lsie {
    display: inline-block;
    float: right;
    width: 6px;
    height: 26px;
    margin-right: -3px;
}

.frmDetail .lsi:hover > div.lsis {
    background-image: url(/images/formgbacks.png);
    background-position: left;
    background-repeat: no-repeat;
}

.frmDetail .lsi:hover > div.lsie, .csi:hover > div.lsie {
    width: 6px;
    height: 26px;
    background-position: 34px;
    background-image: url(/images/formgbacks.png);
    background-repeat: repeat-x;
}

.frmDetail .ls > b {
    width: 1px;
}

.frmDetail .cb_group {
    width: 32px;
    height: 32px;
    background-image: url(/images/cb_down.png);
    float: left;
    margin-top: -3px;
    margin-left: -20px;
    margin-right: 10px;
    cursor: pointer;
}

.frmDetail .cb_groupd {
    width: 32px;
    height: 32px;
    background-image: url(/images/cb_up.png);
    float: left;
    margin-top: -3px;
    margin-left: -20px;
    margin-right: 10px;
    cursor: pointer;
}

.frmDetail .gridrow_add {
    display: table-cell;
    color: #066c00;
    font-weight: normal;
    float: left;
    text-align: center;
}

    .frmDetail .gridrow_add:hover {
        color: #044900;
    }
    
    .frmDetail .gridrow_add > input {
        height: 32px !important;
        margin-top: 3px !important;
    }

.frmDetail div.gridrow_add > div {
    display: inline-block;
    background-image: url(../Images/cg_btn_green.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 26px;
    line-height: 24px;
    margin-top: 7px;
    cursor: pointer;
    text-align: left;
}

    .frmDetail div.gridrow_add > div > .s {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background-image: url(../Images/cg_btn_green.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 26px;
        width: 5px;
        margin-right: 26px;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
    }

    .frmDetail div.gridrow_add > div > .e {
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        background-image: url(../Images/cg_btn_green.png);
        background-repeat: no-repeat;
        background-position: -5px 0px;
        height: 26px;
        width: 5px;
        margin-left: 8px;
        padding-left: 0px;
        padding-right: 0px;
        float: right;
    }

.frmDetail div.gridrow_add_s > div,
.frmDetail div.gridrow_add_s > div > .e,
.frmDetail div.gridrow_add_s > div > .s {
    background-image: url(../Images/cg_btn_silver.png);
}

.frmDetail .graicon {
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-left: -22px;
    position: absolute;
    background-image: url(/Images/rowadd.png);
    display: inline-block;
}

.frmDetail .graicon_zoom {
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-left: -22px;
    position: absolute;
    background-image: url(/Images/zoomicon.png);
    display: inline-block;
}

.frmDetail .graicon_remove {
    width: 16px;
    height: 16px;
    margin-top: 4px;
    margin-left: -22px;
    position: absolute;
    background-image: url(/Images/rowdel.png);
    display: inline-block;
}

.frmDetail .ci_image {
    overflow: hidden;
    width: 171px;
    height: 197px;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    background-color: White;
}

    .frmDetail .ci_image[rel=portrait] > img {
        margin-top: 2px;
        margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 3px;
        height: 192px;
        z-index: 8999;
    }

.frmDetail .cimg_portrait {
    width: 171px;
    height: 197px;
    background-image: url(/Images/input_photo_portrait.png);
    background-position: 0px -394px;
    cursor: pointer;
}

    .frmDetail .cimg_portrait > div {
        color: #f6f9ff;
        font-size: 0px;
    }

    .frmDetail .cimg_portrait:hover {
        background-position: 0px -591px;
    }

.frmDetail .cimg_portrait_border {
    z-index: 9000;
    position: absolute;
    width: 171px;
    height: 197px;
    background-image: url(/Images/input_photo_portrait.png);
    background-position: 0px -0px;
}

    .frmDetail .cimg_portrait_border:hover {
        z-index: 9000;
        position: absolute;
        width: 171px;
        height: 197px;
        background-image: url(/Images/input_photo_portrait.png);
        background-position: 0px -197px;
    }

    .frmDetail .cimg_portrait_border > div {
        display: none;
    }

    .frmDetail .cimg_portrait_border:hover > div {
        display: block;
        background-image: none;
        margin-top: 155px;
        text-align: center;
        font-size: 13px;
        line-height: 40px;
        height: 40px;
        cursor: pointer;
    }


.frmDetail .ci_image[rel=attachment] > img {
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 3px;
    height: 192px;
    z-index: 8999;
}

.frmDetail .cimg_attachment {
    width: 171px;
    height: 197px;
    background-image: url(/Images/input_photo_attachment.png);
    background-position: 0px -394px;
    cursor: pointer;
}

    .frmDetail .cimg_attachment > div {
        color: #f6f9ff;
        font-size: 0px;
    }

    .frmDetail .cimg_attachment:hover {
        background-position: 0px -591px;
    }

.frmDetail .cimg_attachment_border {
    z-index: 9000;
    position: absolute;
    width: 171px;
    height: 197px;
    background-image: url(/Images/input_photo_attachment.png);
    background-position: 0px -0px;
}

    .frmDetail .cimg_attachment_border:hover {
        z-index: 9000;
        position: absolute;
        width: 171px;
        height: 197px;
        background-image: url(/Images/input_photo_attachment.png);
        background-position: 0px -197px;
    }

    .frmDetail .cimg_attachment_border > div {
        display: none;
    }

    .frmDetail .cimg_attachment_border:hover > div {
        display: block;
        background-image: none;
        margin-top: 155px;
        text-align: center;
        font-size: 13px;
        line-height: 40px;
        height: 40px;
        cursor: pointer;
    }

.frmDetail .imgtcont {
    margin-left: 23px;
    margin-top: 23px;
    width: 433px;
    height: 416px;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: 18px;
    -ms-scrollbar-3dlight-color: #f6f9ff;
    scrollbar-3dlight-color: #f6f9ff;
    -ms-scrollbar-arrow-color: #44b6ea;
    scrollbar-arrow-color: #44b6ea;
    -ms-scrollbar-track-color: #f6f9ff;
    scrollbar-track-color: #f6f9ff;
    -ms-scrollbar-darkshadow-color: #f6f9ff;
    scrollbar-darkshadow-color: #f6f9ff;
    -ms-scrollbar-face-color: #f6f9ff;
    scrollbar-face-color: #f6f9ff;
    -ms-scrollbar-highlight-color: #f6f9ff;
    scrollbar-highlight-color: #f6f9ff;
    -ms-scrollbar-shadow-color: #f6f9ff;
    scrollbar-shadow-color: #f6f9ff;
    display: block;
}

.frmDetail .imfu {
    height: 44px;
    display: block;
    clear: both;
    padding-top: 9px;
    padding-right: 94px;
    border-top: 1px solid #006a91;
    background-color: #d1f2fb;
    text-align: right;
}

.frmDetail .imgu {
    height: 39px;
    display: block;
    clear: both;
    margin-top: 23px;
    padding-top: 7px;
    padding-right: 104px;
    border-top: 1px solid #006a91;
    background-color: #d1f2fb;
    text-align: right;
}

.frmDetail .imgt, .frmDetail .imgt_off {
    width: 104px;
    height: 104px;
    display: inline-block;
    float: left;
    text-align: center;
    background-image: url(/images/imgthi.png);
    background-repeat: no-repeat;
    background-position: 0px 104px;
}

.frmDetail .imgts {
    background-position: 0px 0px !important;
}

    .frmDetail .imgts > img {
        margin: 7px !important;
        border: 0px !important;
    }

.frmDetail .imgt > img, .frmDetail .imgt_off > img {
    width: 90px;
    height: 90px;
    border: 1px solid #006a91;
    margin: 6px;
    cursor: pointer;
}

.frmDetail .imgt_off > img {
    cursor: default !important;
}

.frmDetail .imfcc {
    position: absolute;
    margin-top: -41px;
    margin-left: 373px;
}

.frmDetail .imgcc {
    position: absolute;
    margin-top: -30px;
    margin-left: 362px;
}

.frmDetail .imgedit {
    position: absolute;
    margin-top: -30px;
    margin-left: 8px;
}

.frmDetail .imge {
    position: absolute;
    width: 0px;
    height: 0px;
}

.frmDetail .imge_on {
    width: 34px !important;
    height: 37px !important;
    margin-top: 0px;
    margin-left: 70px;
    background-image: url(/images/img_delete.png);
    cursor: pointer;
}

.frmDetail .cb_address,
.frmDetail .cb_dots,
.frmDetail .cb_down,
.frmDetail .cb_up,
.frmDetail .cb_date,
.frmDetail .cb_time {
    width: 27px !important;
    height: 27px !important;
    background-position: -2px -2px !important;
    margin-left: 294px !important;
    margin-top: 2px !important;
}


.frmDetail .cb_phone {
    width: 27px !important;
    height: 27px !important;
    background-position: -2px -2px !important;
    margin-left: 174px !important;
    margin-top: 3px !important;
}

.frmDetail .c1 {
    width: 180px;
    text-align: left;
    padding-left: 32px;
    font-size: 13px;
    color: #ccffff;
    cursor: default;
    vertical-align: top;
    line-height: 36px;
    display: block;
    white-space: nowrap;
}

.frmDetail .c2 {
    padding: 2px 12px 2px 12px;
    vertical-align: middle;
}

.frmDetail .c3 {
    vertical-align: top;
    padding: 14px 12px 2px 12px;
    color: Gray;
    cursor: default;
}

    .frmDetail .c3 > div {
        display: none;
        position: absolute;
        margin-left: 4px;
        max-width: 280px;
        z-index: 9998;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.frmDetail .fr:hover > .c3 {
    color: #1c8abc;
}

    .frmDetail .fr:hover > .c3 > div.reqsign {
        z-index: 99999;
    }

    .frmDetail .fr:hover > .c3 > div {
        border: 1px solid silver;
        padding: 9px 9px 10px 9px;
        background-color: white;
        display: block;
        position: absolute;
        font-size: 11px;
        margin-top: -8px;
        margin-left: -5px;
        color: #1c8abc;
        z-index: 999999999;
    }

        .frmDetail .fr:hover > .c3 > div > a {
            color: #087dcf !important;
            text-decoration: underline !important;
        }

        .frmDetail .fr:hover > .c3 > div > div {
            width: 22px;
            height: 44px;
            margin-left: -31px;
            margin-top: -15px;
            position: absolute;
            background-image: url(/Images/descar.png);
        }

.frmDetail .fbottom {
    height: 0px;
}

.frmDetail .fsplit {
    height: 0px !important;
}

.frmDetail .c_radio > .c2 > div {
    display: table-row;
}

    .frmDetail .c_radio > .c2 > div > div {
        display: table-cell;
        vertical-align: middle;
    }

.frmDetail .c_image {
    height: 200px;
}

.frmDetail .ci_textbox {
    width: 300px;
    text-align: left;
}

    .frmDetail .ci_textbox[rel~="ci_dropdown"] {
        cursor: pointer;
    }

.frmDetail .ci_inputDate {
    width: 68px !important;
    text-align: center !important;
}

.frmDetail .ci_inputTime {
    width: 54px !important;
}

.frmDetail .ci_numeric {
    text-align: right;
    width: 72px !important;
}

.frmDetail .ci_money {
    text-align: right;
    width: 96px !important;
}

.frmDetail .ci_lookup {
    width: 300px;
    text-align: left;
    border: 1px dotted silver !important;
    color: Black;
}

.frmDetail .ci_phone {
    width: 180px !important;
}

.frmDetail .ci_date {
    width: 94px !important;
}

.frmDetail .ci_address {
    width: 292px;
    height: 115px;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 9px;
    line-height: 15px;
    margin: 2px;
    color: #fff;
    font-size: 13px;
}

.frmDetail .ci_grid {
    width: 100%;
    margin-left: -198px;
}

.frmDetail .ci_richtext {
    background-color: #ffffff;
}

.frmDetail .fcap {
    white-space: nowrap;
    width: 500px;
    color: #dbf5ff;
    font-size: 20px;
}

.frmDetail .reqdesc {
    color: #fff4b2;
    font-size: 12px;
    line-height: 16px;
}

.frmDetail .c2 > div > span {
    line-height: 21px;
    height: 21px;
    font-size: 13px;
    display: block;
    padding: 6px 6px 6px 10px;
    color: #ffffff;
    cursor: default;
}


.frmDetail .cb_date {
    background-image: url(/Images/cb_date.png);
    margin-left: 84px !important;
}

.frmDetail .cb_time {
    background-image: url(/Images/cb_time.png);
    margin-left: 48px !important;
}

.imageviewatrighttop {
    overflow: hidden;
    width: 320px;
    height: 240px;
    display: none;
    position: absolute;
    margin-left: 642px;
    z-index: 979;
}

    .imageviewatrighttop > .c2 {
        padding: 0px;
        display: block;
    }

.imageatrighttop {
    overflow: hidden;
    width: 190px;
    display: none;
    position: absolute;
    margin-left: 772px;
    z-index: 979;
}

.innerrighttop {
    margin-left: 596px !important;
}

.imageatrighttop > .c1 {
    display: none;
}

.upperrow {
    overflow: hidden;
    /*position: absolute;*/
    margin-left: 328px;
    z-index: 979;
    display: none;
    margin-top: -39px;
}

    .upperrow.uprtime {
        margin-left: 330px;
        text-align: center;
        width: 120px !important;
    }

        .upperrow.uprtime > .c1 {
            display: none !important;
        }

.viewer {
    background-color: white;
}

    .viewer > .cimg_portrait_border {
        background-position: 0px 0px !important;
    }

    .viewer > .cimg_portrait {
        cursor: default !important;
        background-position: 0px -394px !important;
    }

.gridrbuttonscont {
    position: absolute;
    margin-left: -7px;
    margin-top: -5px;
}

.editemp {
    float: right;
    margin-top: 3px;
    margin-right: 16px;
}

    .editemp > a {
        padding: 3px 5px 3px 5px;
        color: #239fda;
        text-decoration: none;
    }

        .editemp > a:hover {
            color: #ffffff;
            background-color: #239fda;
        }

a.inv {
    padding: 3px 5px 3px 5px;
    color: #239fda;
    text-decoration: none;
}

    a.inv:hover {
        color: #ffffff;
        background-color: #239fda;
    }

.imageatrighttop > .c3 {
    display: none;
}

.alignright > .c2 > div > input {
    text-align: right;
}

.infobox > div, .infobox > div > div {
    vertical-align: text-top;
}

    .infobox > div > div {
        padding: 4px;
    }

        .infobox > div > div.i1 {
            font-size: 11px;
            color: #0c4878;
        }

        .infobox > div > div > span {
            color: Silver;
        }

tv_g {
    display: none;
}

.c_textarea.readonly > .c2 > div {
    background-image: url(/images/input_area_back_readonly.png) !important;
}

.ero {
    margin-top: 0px;
    background-image: url(/images/input_area_back_readonly.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 0px !important;
    height: 125px !important;
    width: 5px !important;
}

textarea.readonly {
    -ms-scrollbar-face-color: #1ea7de !important;
    scrollbar-face-color: #1ea7de !important;
    -ms-scrollbar-track-color: #1ea7de !important;
    scrollbar-track-color: #1ea7de !important;
    -ms-scrollbar-arrow-color: #0c4878 !important;
    scrollbar-arrow-color: #0c4878 !important;
    -ms-scrollbar-shadow-color: #1ea7de !important;
    scrollbar-shadow-color: #1ea7de !important;
    scrollbar-dark-shadow-color: #1ea7de !important;
    -ms-scrollbar-3dlight-color: #1ea7de !important;
    scrollbar-3dlight-color: #1ea7de !important;
    -ms-scrollbar-highlight-color: #1ea7de !important;
    scrollbar-highlight-color: #1ea7de !important;
}

.tvrb {
    margin-top: 8px;
    width: 100%;
    border-collapse: collapse;
}

    .tvrb tr > td {
        border-top: 1px solid #efefef;
        padding-right: 16px;
    }

.tvhd {
    border: 1px solid #d4d4d4;
}

    .tvhd > td {
        color: #0089b3;
        border-bottom: 1px solid #bacad0;
        padding: 16px 0px 8px 0px;
        background-image: linear-gradient(bottom, rgb(210,222,227) 1%, rgb(253,254,255) 90%);
        background-image: -o-linear-gradient(bottom, rgb(210,222,227) 1%, rgb(253,254,255) 90%);
        background-image: -moz-linear-gradient(bottom, rgb(210,222,227) 1%, rgb(253,254,255) 90%);
        background-image: -webkit-linear-gradient(bottom, rgb(210,222,227) 1%, rgb(253,254,255) 90%);
        background-image: -ms-linear-gradient(bottom, rgb(210,222,227) 1%, rgb(253,254,255) 90%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.01, rgb(210,222,227)), color-stop(0.9, rgb(253,254,255)) );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfeff, endColorstr=#dce8ed);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfeff, endColorstr=#dce8ed)";
    }



.npopc {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 999999999;
    max-width: 20px;
}

.npop {
    float: left;
    display: block;
    text-align: left;
    background-image: linear-gradient(bottom, rgb(240,240,240) 16%, rgb(250,250,250) 50%, rgb(255,255,255) 80%);
    background-image: -o-linear-gradient(bottom, rgb(240,240,240) 16%, rgb(250,250,250) 50%, rgb(255,255,255) 80%);
    background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 16%, rgb(250,250,250) 50%, rgb(255,255,255) 80%);
    background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 16%, rgb(250,250,250) 50%, rgb(255,255,255) 80%);
    background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 16%, rgb(250,250,250) 50%, rgb(255,255,255) 80%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.16, rgb(240,240,240)), color-stop(0.5, rgb(250,250,250)), color-stop(0.8, rgb(255,255,255)) );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f0f0)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f0f0);
    padding: 24px 48px;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: #404040 0px 1px 4px;
    -moz-box-shadow: #404040 0px 1px 4px;
    box-shadow: #404040 0px 1px 4px;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 180px;
}

#cnpanel {
    display: none;
    background-image: url(/images/cnpanelb.png);
    background-repeat: no-repeat;
    color: #666;
    height: 0px;
    margin-left: 45px;
    margin-top: -0px;
    position: absolute;
    width: 265px;
}

    #cnpanel > div {
        display: none;
        filter: alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        -ms-zoom: 1;
        zoom: 1;
    }

        #cnpanel > div > div {
            font-size: 12px;
            line-height: 27px;
            margin: 0px;
        }

#cncsta {
    background-image: url(/images/cnbs.png);
    background-position: 0px -19px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 19px;
    margin-top: 4px;
    width: 54px;
}

    #cncsta.cns_off {
        background-position: 0px 0px;
    }

#cnsta {
    color: #333;
    font-weight: bold;
}

#cnlc {
    height: 310px;
    overflow: hidden;
}

    #cnlc > span {
        color: #999;
        margin-left: 6px;
    }

.cnlc2 {
    padding-left: 10px;
    padding-right: 6px;
    padding-top: 5px;
}

#cnlist {
    border-bottom: 1px dashed #999;
    height: 308px;
    overflow: hidden;
    overflow-y: auto;
}

    #cnlist > div {
        /*background-image: url(/images/cnulb.png);
        background-position: 0px -26px;
        background-repeat: no-repeat;*/
        line-height: 29px;
        padding: 0px 14px 1px 15px;
        font-size: 12px;
        border-top: 1px solid #f7f7f7;
        border-bottom: 1px solid #f7f7f7;
    }

        #cnlist > div:hover {
            /*background-position: 0px 0px;*/
            color: #38778b;
            background-color: #e3f0f4;
            padding: 0px 14px 1px 14px;
            cursor: pointer;
            border-top: 1px solid #fcfdfe;
            border-bottom: 1px solid #d8e5e9;
            border-left: 1px solid #d8e5e9;
        }

    #cnlist > span {
        background-color: #2485ab;
        color: #fff;
        font-size: 9px;
        height: 18px;
        line-height: 18px;
        font-weight: bold;
        display: block;
        padding-left: 10px;
        -moz-box-shadow: #076083 0px -1px 1px inset;
        -webkit-box-shadow: #076083 0px -1px 1px inset;
        box-shadow: #076083 0px -1px 1px inset;
    }

.cnls1 {
    -webkit-top-left-radius: 3px;
    border-top-left-radius: 3px;
}


.cnmbx {
    position: absolute;
    width: 232px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 339px;
    margin-left: -13px;
    margin-top: -300px;
    border-bottom: 1px solid #b2b6b7;
    background-color: #fff;
}


.txar {
    height: 251px;
    width: 230px;
    overflow: auto;
    overflow-x: hidden;
    cursor: default;
    padding-bottom: 8px;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}


    .txar > .m {
        margin-top: 4px;
        /*border-top:1px dashed #efefef;*/
        line-height: 14px;
        display: block;
        color: #666;
        padding: 4px 36px 4px 12px;
        text-align: left;
        margin-bottom: 4px;
    }

    .txar > .y {
        /*border-top:1px dashed #efefef;*/
        line-height: 14px;
        display: block;
        color: #35525b;
        padding: 4px 12px 4px 36px;
        text-align: right;
        border-top: 3px solid #f2faff;
        border-bottom: 4px solid #f2faff;
        background-color: #f2faff;
    }



.cnutc {
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    margin-top: 4px;
    background-image: url(/images/cb_cam.png);
    margin-right: -6px;
    cursor: pointer;
}


.cnutcx {
    background-image: url(/images/cb_camx.png);
    cursor: pointer;
}

.cncb .cnutb {
    margin-right: -6px;
}

.cncb .cnutx {
    margin-right: 4px;
}

.cnutbup {
    background-image: url(/images/cb_up.png) !important;
}

.cncb {
    background-image: url(/images/cnbar.png);
    background-position: -50px -1px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    padding-left: 12px;
    height: 41px;
    line-height: 41px;
    cursor: default !important;
    -moz-box-shadow: #076083 0px -1px 1px inset;
    -webkit-box-shadow: #076083 0px -1px 1px inset;
    box-shadow: #076083 0px -1px 1px inset;
    font-size: 11px !important;
}

.inar {
    border-top: 1px dashed #d4d4d4;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    height: 36px;
}

    .inar > input {
        width: 217px;
        height: 32px;
        line-height: 32px !important;
        font-size: 12px;
        border: 0px;
        font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
        margin: 2px;
        padding: 2px 4px;
    }

.txcnvr span {
    display: inline-block;
    background-image: linear-gradient(bottom, rgb(240,240,240) 16%, rgb(250,250,250) 50%, rgb(255,255,255) 80%);
    background-image: -o-linear-gradient(bottom, rgb(240,240,240) 16%, rgb(250,250,250) 50%, rgb(255,255,255) 80%);
    background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 16%, rgb(250,250,250) 50%, rgb(255,255,255) 80%);
    background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 16%, rgb(250,250,250) 50%, rgb(255,255,255) 80%);
    background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 16%, rgb(250,250,250) 50%, rgb(255,255,255) 80%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.16, rgb(240,240,240)), color-stop(0.5, rgb(250,250,250)), color-stop(0.8, rgb(255,255,255)) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f0f0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f0f0f0)";
    padding: 6px 12px 7px 12px;
    -webkit-box-shadow: #326983 0px 1px 2px;
    box-shadow: #326983 0px 1px 2px;
    -moz-box-shadow: #326983 0px 1px 2px;
    cursor: pointer;
}

.y .ct {
    display: none;
    color: #b1ccd6;
    font-size: 9px;
    margin-left: -28px;
    float: left;
}

.y:hover .ct {
    display: inline-block;
}

.y.lasty .ct {
    display: inline-block !important;
}


#twarn {
    background-color: #ffcc00;
    background-image: url(/images/info.png);
    background-position: 12px 12px;
    background-repeat: no-repeat;
    color: #272727;
    font-size: 13px;
    height: 1px;
    left: 0px;
    line-height: 48px;
    padding-left: 44px;
    position: fixed;
    text-align: right;
    text-align: left;
    top: 0px;
    width: 100%;
    z-index: 999999999;
}

    #twarn > span {
        display: block;
        padding-right: 20px;
    }


.fancybox-wrap {
    z-index: 10002;
}

#fancybox-overlay {
    z-index: 10001;
}

.linktext:hover {
    background-color: rgba(0,0,0,0.5) !important;
}

    .linktext:hover > div {
        color: #fff !important;
        cursor: pointer;
    }

.fancybox-inner .mb_iconpadded > div {
    max-width: 600px;
}

.alertFbox {
    background-image: url(/images/windowback.png);
    background-repeat: repeat-x;
    background-color: #f2faff;
}

    .alertFbox > div > .fcap {
        color: #09487f;
        font-size: 24px;
    }

.winsClose {
    position: absolute;
    margin-top: 1px;
    right: 1px;
    width: 70px;
    height: 53px !important;
    background-image: url(/images/recclose.png);
    border-left: 1px solid rgba(0,0,0,0.1);
    z-index: 99999;
}

    .winsClose:hover {
        cursor: pointer;
        background-position: 0px -53px;
    }

.inftab {
    position: absolute;
}

.inftabDiv {
    margin-left: -24px;
}

.mfavi {
    width: 26px;
    height: 26px;
    background-image: url(/images/favstar.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: absolute;
    display: inline-block;
    margin-left: 18px;
    margin-top: 7px;
    cursor: pointer;
}

    .mfavi:hover {
        background-position: 0px -26px;
    }

    .mfavi.mfaved {
        background-position: 0px -52px;
    }

    .mfavi.mfloading {
        background-image: url(/images/imgloading.gif) !important;
        background-position: center center !important;
        cursor: default;
    }

.favstar {
    font-size: 7px;
    display: inline-block;
    position: absolute;
    margin-left: 2px;
    margin-top: -2px;
}

.clmnsel {
    float: right;
}

    .clmnsel > .clmnsbtn {
        position: absolute;
        display: inline-block;
        width: 27px;
        height: 21px;
        cursor: pointer;
        background-color: #fff;
        background-image: url(/images/clmni.png);
        background-repeat: no-repeat;
        background-position: center center;
        border: 1px solid #ddd;
        border-radius: 2px;
        margin-left: -34px;
        margin-top: -23px;
    }

        .clmnsel > .clmnsbtn:hover {
            background-color: #ebf3ff;
            border: 1px solid #0089b3;
        }

    .clmnsel > .clmnsell {
        position: absolute;
        display: none;
        background-color: #fff;
        border-radius: 5px;
        -webkit-box-shadow: 0px 1px 2px #666;
        -moz-box-shadow: 0px 1px 2px #666;
        box-shadow: 0px 1px 2px #666;
        width: 180px;
        margin-left: -180px;
        z-index: 99999999;
        overflow: hidden;
        background-image: linear-gradient(bottom, rgb(249,249,249) 6%, rgb(250,250,250) 20%, rgb(255,255,255) 80%);
        background-image: -o-linear-gradient(bottom, rgb(249,249,249) 6%, rgb(250,250,250) 20%, rgb(255,255,255) 80%);
        background-image: -moz-linear-gradient(bottom, rgb(249,249,249) 6%, rgb(250,250,250) 20%, rgb(255,255,255) 80%);
        background-image: -webkit-linear-gradient(bottom, rgb(249,249,249) 6%, rgb(250,250,250) 20%, rgb(255,255,255) 80%);
        background-image: -ms-linear-gradient(bottom, rgb(249,249,249) 6%, rgb(250,250,250) 20%, rgb(255,255,255) 80%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.6, rgb(249,249,249)), color-stop(0.2, rgb(250,250,250)), color-stop(0.8, rgb(255,255,255)) );
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f9f9)";
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f9f9);
    }

        .clmnsel > .clmnsell > .cl {
            padding: 8px 6px 2px 6px;
        }

            .clmnsel > .clmnsell > .cl > div {
                display: block;
                border-bottom: 1px solid #f2f2f2;
                border-top: 1px solid #fff;
            }

                .clmnsel > .clmnsell > .cl > div > div {
                    vertical-align: middle !important;
                }

        .clmnsel > .clmnsell input {
            height: 16px !important;
            margin-right: 4px;
        }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .clmnsel > .clmnsell input {
        margin-right: 8px;
    }
}

.c_inputDate .ui-datepicker-trigger {
    position: absolute;
    margin-top: -32px;
    margin-left: 82px;
}

.frmDetail .c_inputDate .ui-datepicker-trigger {
    position: absolute;
    margin-top: -32px;
    margin-left: 81px;
}

.ui-datepicker {
    z-index: 999999;
}

.gdate > .ui-datepicker-trigger {
    z-index: 999999;
    position: absolute;
}

.ui-datepicker select {
    font-size: 15px;
    width: auto;
    padding: 5px 8px 6px 8px;
    margin-top: 4px;
    font-family: Helvetica, Tahoma, Arial, Thonburi, Verdana, sans-serif;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 1px solid #abadb3;
    border-left: 1px solid #e2e3ea;
    border-right: 1px solid #dbdfe6;
    border-bottom: 1px solid #e3e9ef;
}

.lgicap {
    color: #666;
    font-size: 10px;
    margin-top: 5px;
    padding-top: 3px;
    margin-left: 40px;
    margin-right: 30px;
    vertical-align: top !important;
}

.vtop td {
    vertical-align: top;
}

.bordershadowWarn {
    -moz-box-shadow: 0px 0px 2px 2px #ffc925;
    -webkit-box-shadow: 0px 0px 2px 2px #ffc925;
    box-shadow: 0px 0px 2px 2px #ffc925;
}

.drwb > div {
    border-top: 1px solid #58c2ee;
}

.drsrbg > div {
    background-color: rgba(0,0,0,0.15);
    border-top: 1px solid rgba(0,0,0,0.1) !important;
}

.drwb > div > div {
    color: #b8f1ff;
}

.drwb:hover > div > .optcol > div {
    cursor: pointer;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

.drwb:hover > div {
    background-color: rgba(0,0,0,0.4);
    border-top: 1px solid rgba(0,0,0,0.2);
}

.drwb.receipt-row a.pb-receipt-btn {
    background-image: url(/Images/newwin.png);
    background-position: 0 -1px;
    background-repeat: no-repeat;
    height: 17px;
    width: 16px;
    display: inline-block;
}

.debsaptsel {
    float: right;
    margin-top: -64px;
    background-image: url(/images/input_text_back.png);
    height: 33px;
    margin-right: 275px;
    padding-top: 0px;
    padding-left: 5px;
}

    .debsaptsel > select {
        background-color: transparent;
        border: 0px;
        color: #ccffff;
        background-color: #0d4d80;
        height: 27px;
        line-height: 27px;
        font-size: 12px;
        font-family: Helvetica, Tahoma, Arial, Thonburi, Verdana, sans-serif;
    }


    .debsaptsel > .e {
        float: right;
        background-image: url(/images/input_text_back.png);
        height: 33px;
        margin-top: 0px;
        margin-right: -4px;
        background-position: right center;
        width: 4px;
    }

.debtac > div > div, .debtbc > div > div {
    border-radius: 2px;
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}


.phoneline > .c2 > div > input {
    width: 130px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.phoneline > .c1 b {
    float: right;
    font-weight: normal;
}

.phl2, .phl3, .phl4, .phl5 {
    display: none;
}


/*.c_label.phl2, .c_label.phl3, .c_label.phl4, .c_label.phl5 {
    display:block;
}*/

.c_label.phoneline.phl2 > .c2, .c_label.phoneline.phl3 > .c2, .c_label.phoneline.phl4 > .c2, .c_label.phoneline.phl5 > .c2 {
    position: absolute;
    margin-left: 212px;
}

.fr .anphl {
    display: none;
    position: absolute;
    background-image: url(/images/expanddown.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 190px;
    height: 34px;
    line-height: 34px;
    color: #cfffff;
    padding-left: 40px;
    margin-top: -7px;
    margin-left: -22px;
}

.fr:hover .anphl {
    display: block;
    cursor: pointer;
}

#siteResult .cb_down {
    margin-top: 10px !important;
}

.opacity0hf {
    -webkit-opacity: 0.0;
    -moz-opacity: 0.0;
    opacity: 0.0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.opacity7hf {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.opacity8hf {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .opacity0hf:hover, .opacity7hf:hover, .opacity8hf:hover {
        -webkit-opacity: 1.0;
        -moz-opacity: 1.0;
        opacity: 1.0;
    }

.i_cc {
    background-image: url(/Images/i_cc.png);
}

.flashingRow input, .flashingRow select, .flashingRow textarea {
    -moz-box-shadow: 0px 0px 2px 2px #ffee9b;
    -webkit-box-shadow: 0px 0px 2px 2px #ffee9b;
    box-shadow: 0px 0px 2px 2px #ffee9b;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    z-index: 9999999;
}

.ubx {
    background-color: #efefef;
}

    .ubx > div {
        display: inline-block;
        vertical-align: top;
    }

.userAvatar {
    margin-left: 0px;
    height: 64px;
    width: 64px;
    margin-bottom: 0px;
    margin-top: 0px;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    vertical-align: bottom;
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.33);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.33);
    cursor: pointer;
}

.userBox {
    width: 267px;
    padding: 0px 16px 5px 16px;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.33);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.33);
    box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.33);
}

    .userBox > .fcaps {
        font-size: 20px;
        color: #333;
    }

.debs {
    display: table;
    width: 100%;
    margin-bottom: 8px;
}

    .debs > .twocol > div {
        padding: 2px 10px 0px 0px;
    }

    .debs > .twocol.trow > div {
        border-bottom: 1px solid #ddd;
        padding-bottom: 2px;
    }

    .debs > .twocol > div.alignright {
        padding: 0px 0px 0px 10px;
        color: #333;
    }


.intdetsp {
    background-color: rgb(255,255,255);
    border-radius: 2px;
    -moz-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 2px 3px rgba(0,0,0,0.15);
    color: #333 !important;
    padding: 2px 8px;
    position: absolute;
    margin-top: 28px;
    margin-left: -46px;
    z-index: 99999;
}

.linktext:hover > div.intdetsp {
    color: #333 !important;
}

.intdetsp > table td > span {
    color: #999 !important;
}

.oc_r {
    font-size: 28px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: -1px -1px white, 1px 1px #f0d6cc;
    text-shadow: -1px -1px white, 1px 1px #f0d6cc;
    color: -linear-gradient(0.0=#d2230d,0.8=#c92809,1.0=#a72608);
}

.oc_g {
    font-size: 28px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: -1px -1px white, 1px 1px #d0f0cc;
    text-shadow: -1px -1px white, 1px 1px #d0f0cc;
    color: -linear-gradient(0.0=#43d20d,0.8=#33c909,1.0=#27af08);
}

.oc_b {
    font-size: 28px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: -1px -1px white, 1px 1px #cce0f0;
    text-shadow: -1px -1px white, 1px 1px #cce0f0;
    color: -linear-gradient(0.0=#0d9cd2,0.8=#098ac9,1.0=#0873af);
}

.oc_ {
    font-size: 28px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: -1px -1px white, 1px 1px #dedede;
    text-shadow: -1px -1px white, 1px 1px #dedede;
    color: -linear-gradient(0.0=#6f6f6f,0.8=#696969,1.0=#5b5b5b);
}

.ocm_r {
    font-size: 18px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: -1px -1px white, 1px 1px #f0d6cc;
    text-shadow: -1px -1px white, 1px 1px #f0d6cc;
    color: -linear-gradient(0.0=#d2230d,0.8=#c92809,1.0=#a72608);
}

.ocm_g {
    font-size: 18px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: -1px -1px white, 1px 1px #d0f0cc;
    text-shadow: -1px -1px white, 1px 1px #d0f0cc;
    color: -linear-gradient(0.0=#43d20d,0.8=#33c909,1.0=#27af08);
}

.ocm_b {
    font-size: 18px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: -1px -1px white, 1px 1px #cce0f0;
    text-shadow: -1px -1px white, 1px 1px #cce0f0;
    color: -linear-gradient(0.0=#0d9cd2,0.8=#098ac9,1.0=#0873af);
}

.ocm_ {
    font-size: 18px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: -1px -1px white, 1px 1px #dedede;
    text-shadow: -1px -1px white, 1px 1px #dedede;
    color: -linear-gradient(0.0=#6f6f6f,0.8=#696969,1.0=#5b5b5b);
}

.ocm_dg {
    font-size: 18px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: -1px -1px white, 1px 1px #d0f0cc;
    text-shadow: -1px -1px white, 1px 1px #d0f0cc;
    color: -linear-gradient(0.0=#317e46,0.8=#2f7b44,1.0=#078a2a);
}

.ovcap {
    font-size: 17px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: -1px -1px white, 1px 1px #dedede;
    text-shadow: -1px -1px white, 1px 1px #dedede;
    color: -linear-gradient(0.0=#0d9cd2,0.8=#098ac9,1.0=#0873af);
}

.bartext {
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: -1px -1px white, 1px 1px #dedede;
    text-shadow: -1px -1px white, 1px 1px #dedede;
    color: -linear-gradient(0.0=#6f6f6f,0.8=#696969,1.0=#5b5b5b);
}

.bartextw {
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: 1px 1px #444444;
    text-shadow: 1px 1px #444444;
    color: -linear-gradient(0.0=#ffffff,0.8=#ececec,1.0=#9e9e9e);
}

.ft {
    font-size: 58px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: 1px 1px #444444;
    text-shadow: 1px 1px #444444;
}

.fth {
    font-size: 42px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: 1px 1px #444444;
    text-shadow: 1px 1px #444444;
    color: #ffffff;
}

.ftf {
    font-size: 28px;
    font-family: 'SegoeUI-Light';
    color: #ffffff;
}

.fti {
    font-size: 19px;
    font-family: 'SegoeUI-Light';
}

.headrow > div {
    font-size: 32px;
    font-family: 'SegoeUI-Light';
    -webkit-text-shadow: 0px 1px #ababab;
    text-shadow: 0px 1px #ababab;
}

h1,h2,h3,h4,h5,.caption,.fcaps,.frontcap,.rtcap,.fcap,.a_header div,.rs h2 {
    font-family: 'SegoeUI-Light', Helvetica, sans-serif;
    font-weight:100;
}

.t_sname {
    font-family: 'SegoeUI-Light', Helvetica, sans-serif;
    font-weight:100;
    -webkit-text-shadow: 0px 1px #ababab;
    text-shadow: 0px 1px #ababab;
}


.flccpabtn {
    margin: 19px 60px;
    width: 156px;
    opacity: 0.3;
    height: 16px;
    color: rgb(255, 255, 255);
    display: inline-block;
    position: absolute;
    background-image: url('/images/i_cc.png');
    background-repeat: no-repeat;
    font-size: 13px;
    font-family: tahoma;
    line-height: 15px;
    z-index:99999999;
}

.flccpabtn:hover {
    opacity: 0.9;
    cursor:pointer;
}

.frmDetail .c_textbox > .c2 > div, .frmDetail .c_money > .c2 > div, .frmDetail .c_numeric > .c2 > div, .frmDetail .c_inputTime > .c2 > div {
    overflow: hidden;
    padding-right: 4px;
    border-right: 1px solid #66b5db;
    border-bottom: 1px solid #95d6f0;
    border-left: 1px solid #66b5db;
    border-radius: 5px;
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.3);
    background-color: rgb(13, 77, 128);
    display: table-cell;
    height: 31px;
    width: auto;
}


.frmDetail div.grippie {
    border-top: 1px solid rgba(0,0,0,0.2);
    background-color: rgba(0,0,0,0.1);
    background-image: url(/images/marrows.png);
    background-position: center -1px;
    background-repeat: no-repeat;
    cursor: s-resize;
    height: 7px;
    padding-right: 2px;
    overflow: hidden;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.frmDetail .Label div.grippie {
    border-radius: 2px !important;
    border-top: 0px !important;
}

.frmDetail div.grippie:hover {
    border-top: 1px solid rgba(0,0,0,0.5);
    background-color: rgba(0,0,0,0.3);
    -webkit-opacity: 1.0;
    -moz-opacity: 1.0;
    opacity: 1.0;
}

.frmDetail .Label div.grippie:hover {
    border-top: 1px solid rgba(0,0,0,0.5);
    background-color: rgba(0,0,0,0.3);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.frmDetail .resizable-textarea textarea {
    display: block;
    margin-bottom: 0pt;
    height: 20%;
}

.frmDetail .c_textbox > .c2 > div.e, .frmDetail .c_money > .c2 > div.e, .frmDetail .c_numeric > .c2 > div.e, .frmDetail .c_inputTime > .c2 > div.e {
    display: none;
    margin-top: 0px;
    height: 31px;
    width: 5px !important;
}

.frmDetail .c_textarea textarea {
    color: #fff;
    background-color: transparent;
    -ms-scrollbar-3dlight-color: #255e8c;
    scrollbar-3dlight-color: #255e8c;
    -ms-scrollbar-arrow-color: #44b6ea;
    scrollbar-arrow-color: #44b6ea;
    -ms-scrollbar-darkshadow-color: #0d4d80;
    scrollbar-darkshadow-color: #0d4d80;
    -ms-scrollbar-face-color: #0d4d80;
    scrollbar-face-color: #0d4d80;
    -ms-scrollbar-highlight-color: #0d4d80;
    scrollbar-highlight-color: #0d4d80;
    -ms-scrollbar-shadow-color: #0d4d80;
    scrollbar-shadow-color: #0d4d80;
    -ms-scrollbar-track-color: #0f466a;
    scrollbar-track-color: #0f466a;
    scrollbar-width: 12px;
    margin-top: 0px;
    border: 0px;
    font-size: 13px;
    font-family: Helvetica, Tahoma, Arial, Thonburi, Verdana, sans-serif;
}

.frmDetail .c_textarea.Label textarea, .frmDetail .c_label > .c2 span {
    color: #ccffff;
    font-family: Helvetica, Tahoma, Arial, Thonburi, Verdana, sans-serif;
    border-top-color: rgba(16,105,167,0.8);
    border-right-color: rgba(16,105,167,0.8);
    border-bottom-color: rgba(16,105,167,0.8);
    border-left-color: rgba(16,105,167,0.8);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    box-shadow: inset 0px 1px 2px 0px rgba(255,255,255,0.3), 0px 1px 2px 0px rgba(255,255,255,0.3);
    background-color: rgba(255,255,255,0.1);
    font-size: 13px;
    overflow: hidden;
    overflow-y: auto;
    -ms-scrollbar-3dlight-color: #0d4d80;
    scrollbar-3dlight-color: #0d4d80;
    -ms-scrollbar-arrow-color: #0d4d80;
    scrollbar-arrow-color: #0d4d80;
    -ms-scrollbar-darkshadow-color: #20a9e1;
    scrollbar-darkshadow-color: #20a9e1;
    -ms-scrollbar-face-color: #0d4d80;
    scrollbar-face-color: #0d4d80;
    -ms-scrollbar-highlight-color: #20a9e1;
    scrollbar-highlight-color: #20a9e1;
    -ms-scrollbar-shadow-color: #20a9e1;
    scrollbar-shadow-color: #20a9e1;
    -ms-scrollbar-track-color: #20a9e1;
    scrollbar-track-color: #20a9e1;
    scrollbar-width: 12px;
    cursor: default;
    border-radius: 5px;
}

.frmDetail .c_inputDate .c2 > div {
    height: 31px;
}

    .frmDetail .c_inputDate .c2 > div input {
        padding-top: 2px !important;
    }

.frmDetail .c_textarea.Label .c2 > div, .frmDetail .aend, .frmDetail .c_textarea.Label > .c2 > div.e, .frmDetail > .c_label > .c2 > div, .frmDetail > .c_label > .c2 > div.e {
    background-image: none !important;
    height: auto !important;
}

.frmDetail .c_textarea.Label .c2 > div {
    height: auto !important;
    background-color: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
}

.frmDetail .c_label .c2 > div > span {
    padding-right: 10px !important;
    height: 18px !important;
    line-height: 18px !important;
}

.frmDetail .reqdesc div {
    font-size: 11px;
}

    .frmDetail .reqdesc div img {
        margin-left: 720px !important;
        float: right;
    }

.fac_e_past {
    opacity: 0.2 !important;
}

.fac_e_pastdis {
    opacity: 0.6 !important;
}

#cnlist > div > span {
    font-size: 10px;
    margin-left: 6px;
    color: #1d6a89;
}

.bginxs {
    position: absolute;
    width: 36px;
    text-align: right;
    color: #ccffff;
    font-size: 11px;
    margin-top: 7px;
}

#fc_txtMsgBody {
    width: 300px !important;
}

.iexd {
    border-left: 3px solid #9ee7ff;
    padding-left: 8px !important;
}

.ic0 {
    border-left: 3px solid #fe4444;
    padding-left: 8px !important;
}

.ic1 {
    border-left: 3px solid #99ff33;
    padding-left: 8px !important;
}

.ic2 {
    border-left: 3px solid #ffde00;
    padding-left: 8px !important;
}

.iexr {
    background-color: rgba(0,225,255,0.2);
}

.oddf {
    background-color: rgba(255,0,0,0.1);
}

    .oddf div {
        color: #ffaaaa;
    }

.oddfc {
    border-left: 3px solid #fe4444 !important;
    padding-left: 8px !important;
    box-shadow: inset 7px 0px 2px -3px rgba(248,44,44,0.5);
}

._fullp {
    box-shadow: inset 5px 0px 0px -4px rgba(255,95,88,0.9);
    border-left: 3px solid #ffed6d !important;
}

._partp {
    box-shadow: inset 5px 0px 0px -4px rgba(255,214,85,0.8);
}

.LangS {
    position: absolute;
    top: 6px;
    height: 24px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.9);
    border-radius: 3px;
    box-shadow: inset 0px 2px 8px -2px rgba(0,0,0,0.24);
    padding: 3px 4px 3px 4px;
    background-color: rgba(0,0,0,0.25);
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

    .LangS > div {
        display: inline-block;
        vertical-align:top;
    }

    .LangS .slbd
    {
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 1px;
        margin-top: -1px;
        box-shadow: inset 0px 3px 19px -4px rgba(255,255,255,0.2), 0px 0px 3px -1px rgba(0,0,0,0.6);
        margin-left: -2px;
        padding-left: 2px;
        margin-right: -2px;
        padding-right: 2px;
        background-image:url(/images/langGlobeW.png);
        background-repeat:no-repeat;
        background-position:7px 2px
    }

    .LangS .slbd:hover {
        box-shadow: inset 0px 5px 19px -4px rgba(255,255,255,0.2), 0px 0px 3px -1px rgba(0,0,0,0.3);
    }
    
    .LangS > div > div {
        cursor: pointer;
        display: inline-block;
        padding-left: 5px;
        height: 24px;
        line-height: 24px;
        margin-left: 5px;
        border-left: 1px solid rgba(255,255,255,0.1);
        -moz-opacity: 0.6;
        -o-opacity: 0.6;
        opacity: 0.6;
    }
        .LangS > div > div> span {
            padding:0px 5px;    
        }

        .LangS > div:hover > div{
            -moz-opacity: 1.0;
            -o-opacity: 1.0;
            opacity: 1.0;
        }

        .LangS > div:hover > div> span {
            border-radius:3px;
            background-color:rgba(0,0,0,0.2);
            display:inline-block;
            line-height:22px;
            color:#fff;
        }

.t_dlineItem .siteselector {
    background-image:none !important;
    line-height:12px !important;
    position:relative !important;
    right:0px !important;
}

.t_dlineItem > .siteselector > div {
    padding:6px 0px 5px 0px !important;
}

    .t_dlineItem > .siteselector b {
        font-size:11px !important;
    }

    .t_dlineItem > .siteselector .addrline {
        font-size:9px !important;
    }

.t_dlineItem > .siteselectorbox {
    right:-16px !important;
    margin-top:-1px !important;
}

.t_dlineItem .sideselectbox {
    position:absolute;
    right:-16px;
    top: 41px;
}


.LangS.SingleLineTop {
    left:5px !important;
}

.ftop.SingleLineTop .bdown {
    background-position:0px 3px !important;
}
.tmenu.SingleLineTop {
    top: -1px !important;
}

.tmenu.SingleLineTop > div {
    background-color:transparent !important;
    background-image:none !important;
}

.tmenu.SingleLineTop > div.m_menuSelected {
    background-color:#fff !important;
}

.siteselectbox.SingleLineTop {
    margin-top:-1px !important;
}

.page.SingleLineTop {
    box-shadow:inset 0px 41px 0px 0px rgba(0,0,0,0.5) !important;
}

.t_dlineEnd.SingleLineTop {
    margin-right:0px !important;
}

.plustime {
    width: 102px !important;
}

.ui_tpicker_hour_slider,
.ui_tpicker_minute_slider {
    height:10px;
    margin-bottom:6px;
    position:relative;
    margin-right:40px;
    padding-left:18px;
    padding-right:18px;
}

.ui-slider-handle {
    position:absolute;
    z-index:999999999;
    margin-left:-17px !important;
    height:13px !important;
    width:34px !important;
    box-shadow:0px 1px 2px 0px rgba(0,0,0,0.55);
    background-position:0px 0px !important;    
}

.ui-datepicker-current,
.ui-datepicker-close {
    background-image:none !important;
    border:1px solid silver !important;
    border-radius: 4px !important;
    box-shadow:none !important;
    line-height:27px !important;
}

.ui-datepicker-current:hover,
.ui-datepicker-close:hover {
    background-image:none !important;
    border:0px !important;
    background-color:#02b1ff;
    opacity:1.0 !important;
}

.ui_tpicker_time {
    border-radius: 4px;
    border: 1px solid silver;
    height: 30px;
    line-height: 30px;
    margin-right: 40px;
    margin-bottom: 10px;
    background-color: #fff;
    text-align:center;
}

.ui-datepicker-buttonpane {
    box-shadow:none !important;
}

.ui-datepicker-buttonpane button {
    box-shadow:none !important;
    margin: 4px 3px 7px 3px !important;
    padding: 3px 17px !important;
    background-color: #fff !important;
}

.ui-datepicker-buttonpane button:hover {
    margin: 4px 3px 7px 3px !important;
    padding: 3px 17px !important;
    background-color: #02b1ff !important;
    box-shadow:inset 0px 3px 2px -2px rgba(255,255,255,0.7), inset 0px -2px 3px 0px rgba(255,255,255,0.3), inset 0px -12px 12px -3px rgba(5,5,5,0.3) !important
}

.plusTime::-ms-clear {
    display: none;
}


.ci_window {
    display: none;
}

.wqdiv > div > div > .b_window > .b_w_headers > div {
    background-color: #b8e4f9;
    border-bottom: 1px solid #006a91;
    color: #255062;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
}

.wqdiv > div > div > .b_window > .b_w_rows > div {
    background-color: #0d4d80;
    border-top: 1px solid #255e8c;
    color: #cfffff;
}

.wqdiv > div > div > .b_window > .b_w_rows:hover > div {
    background-color: #0d4d80;
    background-image: url(/images/bou_blue.png);
    background-position: -3px -5px;
    border-top: 1px solid #0f466a;
    color: #ffffff;
}

.wqdiv > div.aw0 {
    background-color: #fdfdfd;
}

.aw1 {
    height: 300px;
    position: relative;
}

.wfb {
    height: 338px;
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    width: 706px;
}

.wfilter {
    background-color: White;
    height: 56px;
    text-align: right;
    vertical-align: middle;
    width: 706px;
}

    .wfilter > div {
        display: inline-block;
        height: 56px;
    }

.b_w_caption {
    color: #0289b5;
    float: left;
    font-size: 26px;
    line-height: 53px;
    padding-left: 12px;
    /*padding-top: 14px;*/
}



.scrolledGrid > .c2 > .ci_grid {
    margin-bottom: 40px;
    overflow: hidden;
    overflow-x: scroll;
    width: 900px;
}

    .scrolledGrid > .c2 > .ci_grid > div {
        background-color: #0d4d80;
        padding-bottom: 3px;
    }

        .scrolledGrid > .c2 > .ci_grid > div > div > div > .b_g_headers {
            background-image: none !important;
        }

            .scrolledGrid > .c2 > .ci_grid > div > div > div > .b_g_headers > div {
                background-image: url(/images/gridback.png);
                background-position: -5px 0px !important;
            }

        .scrolledGrid > .c2 > .ci_grid > div > div > div > .b_g_rows > div {
            background-color: #0d4d80 !important;
        }

        .scrolledGrid > .c2 > .ci_grid > div > div > .footer_rowColumn {
            background-color: #0d4d80 !important;
            background-image: none !important;
            border-bottom: 1px solid #b1e0f4 !important;
            border-left: 1px solid #1079a6 !important;
            border-right: 1px solid #1079a6 !important;
            height: 30px;
            margin-top: 20px;
            position: absolute;
            width: 900px;
        }

        .scrolledGrid > .c2 > .ci_grid > div > div > div > .footer_columnRow {
            background-color: #0d4d80 !important;
            background-image: none !important;
        }

        .scrolledGrid > .c2 > .ci_grid > div > div > .b_g_end {
            display: none;
        }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .b_g_headers {
        background-position: -5px 0px !important;
    }

    .footer_rowColumn {
        background-color: #0d4d80 !important;
        background-image: none !important;
    }

    .footer_columnRow {
        background-color: #0d4d80 !important;
        background-image: none !important;
        background-position: -5px -50px !important;
    }

    .b_g_rows {
        background-position: -1px -50px !important;
    }

        .b_g_rows:hover {
                background-color: #0a3c62;
                background-image: url(/images/gridbackho.png) !important;
                background-position: -1px -50px;
        }

    .b_g_end {
        background-color: #0d4d80 !important;
        background-image: none !important;
        height: 1px !important;
    }


    #cashGrid .b_g_end, #transCashGrid .b_g_end {
        background-image: url(/images/gridback.png) !important;
        background-color: transparent !important;
        background-position: 0px bottom !important;
        display: table !important;
        height: 4px !important;
    }

    /*.halfwidthgrid > div > div > div > div > .footer_rowColumn {
        margin-left: 199px !important;
        width: 699px !important;
    }

    .halfwidthgrid > div > div > div > div > .b_grid > .b_g_headers,
    .halfwidthgrid > div > div > div > div > .b_grid > .footer_columnRow {
        background-image: url(/images/gridbackh.png) !important;
    }

    .halfwidthgrid > div > div > div > div > .b_g_end {
        background-image: none !important;
        display: none !important;
    }*/

    .footer_columnRow {
        height: 34px !important;
    }

    .ci_grid {
        margin-top: 10px;
        padding-top: 0px;
        border-radius: 5px;
        /*overflow: hidden;*/
        border-left: 1px solid rgba(177,234,254,0.5);
        border-right: 1px solid rgba(177,234,254,0.5);
        border-bottom: 1px solid rgba(177,234,254,0.8);
    }

        .ci_grid > div {
            border-radius: 6px;
            /*overflow: hidden;*/
            border-left: 1px solid rgba(0,0,0,0.4);
            border-right: 1px solid rgba(0,0,0,0.4);
        }
}

.b_g_headers {
    /*background-image: url(/images/gridback.png);*/
    /*background-position: 0px 0px;*/
    color: #0089b3;
    display: table-row;
    height: 33px;
    position: relative;
}

    .b_g_headers > div {
        background-repeat: no-repeat !important;
        display: table-cell;
        line-height: 28px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 4px;
        position: relative;
        vertical-align: middle;
        white-space: nowrap;
    }

        .b_g_headers > div.unsortable {
            color: #005d7a;
        }

            .b_g_headers > div.unsortable:hover {
                color: #005d7a;
                cursor: default;
                text-decoration: none;
            }


        .b_g_headers > div.selected > .arrow_asc {
            background-image: url(../Images/marrows.png);
            background-position: -5px -8px;
            background-repeat: no-repeat;
            display: inline-block;
            float: right;
            height: 8px;
            margin-top: 5px;
            width: 5px;
        }

        .b_g_headers > div.selected > .arrow_desc {
            background-image: url(../Images/marrows.png);
            background-position: 0px -8px;
            background-repeat: no-repeat;
            display: inline-block;
            float: right;
            height: 8px;
            margin-top: 5px;
            width: 5px;
        }

        .b_g_headers > div.selected {
            background-color: #d9edf9;
            font-weight: bold;
        }

        .b_g_headers > div.hidden {
            display: none;
        }

.b_g_rows > div.hidden {
    display: none;
}

.hidden {
    display: none !important;
}

.b_g_rows {
    background-image: url(/images/gridback.png);
    background-position: 0px -50px !important;
    background-repeat: no-repeat;
    display: table-row;
    padding-left: 1px;
}

    .b_g_rows > div {
        background-position: right;
        background-repeat: no-repeat !important;
        border-right: 1px solid #649bc7;
        border-top: 1px solid #649bc7;
        color: #ffffff;
        cursor: pointer;
        display: table-cell;
        height: 24px;
        padding: 1px 9px 1px 10px;
        vertical-align: middle;
    }

        .b_g_rows > div.gdate {
            background-image: url(/images/gidate.png);
            /*background-position: right 5px;*/
            padding-left: 6px;
            width: 85px;
        }

        .b_g_rows > div.gdate.plustime {
            background-image: url(/images/gidate.png);
            /*background-position: right 5px;*/
            padding-left: 6px;
            width: 96px !important;
        }

            .b_g_rows > div.gdate.plustime .ui-datepicker-trigger {
                margin-left:94px !important;
            }

        .b_g_rows > div.lookup {
            background-image: url(/images/gidown.png);
            max-width: 450px;
        }

            .b_g_rows > div.lookup.readonly {
                background-image: none !important;
            }

            .b_g_rows > div.lookup.alignright {
                background-position: 6px;
            }

        .b_g_rows > div.gridOptionCol {
            background-image: none;
            border-right: 1px solid #51b5dd;
        }

.b_g_rows:first-child > div {
    border-top: 0px !important;
}

.b_g_rows > div.first.lookup {
    padding: 0px 0px 0px 0px;
}

.b_g_rows > div.first.gdate {
    padding: 2px 0px 0px 10px !important;
}

.bg_sortable .ui-sortable-helper {
    border:3px solid #ffd133;
    border-radius:3px;
    overflow:hidden;
    box-shadow:0px 1px 3px -1px rgba(0,0,0,0.6);
}

.bg_sortable .ui-sortable-helper div{
    border-left:0px !important;
    border-right:0px !important;
}

    .bg_sortable .ui-sortable-helper div.gridrow_delete {
        background-image:none !important;
    }

    .bg_sortable .ui-sortable-helper div.lookup  {
        background-image:none !important;
    }

    .bg_sortable .ui-sortable-helper div.gridOptionCol {
        display:none !important;
        width:1px !important;
    }

.bg_sortable .ui-sortable-placeholder > div {
    border-top:1px solid #649bc7;
}

.b_g_rows:hover {
    background-color: #0a3c62;
    background-image: url(/images/gridbackho.png) !important;
    background-position: -1px -50px;
}

/*.halfwidthgrid > div > div > div > div > .b_grid > .b_g_rows:hover {
    background-image: url(/images/gridbackhho.png) !important;
    background-position: 0px -1px;
}*/

.b_g_rows > div.readonly, .b_g_rows > div.calc {
    color: #ccffff !important;
    cursor: default !important;
}

    .b_g_rows > div.readonly:hover, .b_g_rows > div.calc:hover {
        color: #ccffff !important;
        cursor: default !important;
    }

.b_g_rows > div > .gridrow_newwin {
    background-image: url(/Images/newwin.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: inline-block;
    height: 24px;
    width: 24px;
    opacity: 0.5;
}

.b_g_rows:hover > div > .gridrow_newwin {
    background-position: 4px 4px;
    opacity:1;
}

.b_g_rows > div > .gridrow_delete {
    background-image: url(/Images/rowdelete.png);
    background-position: 4px 24px;
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: inline-block;
    height: 24px;
    width: 24px;
}

.b_g_rows:hover > div > .gridrow_delete {
    background-position: 4px 4px;
}

.b_g_rows > div > .gridrow_edetail {
    background-image: url(/Images/irollback.png);
    background-position: 4px 24px;
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: inline-block;
    height: 24px;
    width: 24px;
}

.b_g_rows:hover > div > .gridrow_edetail {
    background-position: 4px 4px;
}

.gridedit {
    background-color: #051e32;
    border: 2px solid #ffbe32;
    color: White;
    font-size: 11px !important;
    margin-left: -11px;
    margin-top: -3px;
    padding: 0px 9px 2px 8px !important;
    position: absolute;
}

.b_g_template {
    display: none;
}

.b_window {
    display: table;
    width: 706px;
}

#bwhr_copy {
    background-image: url(/images/windowback.png);
    overflow: hidden;
    position: absolute;
    width: 706px;
}

    #bwhr_copy > .b_window {
        display: table;
        height: 30px !important;
        margin-top: 56px !important;
        overflow: hidden !important;
        position: absolute !important;
        text-align: left;
        width: 700px;
    }

.b_w_headers {
    background-color: #f2faff;
    color: #0089b3;
    display: table-row;
    height: 28px;
    line-height: 28px;
}

    .b_w_headers > div {
        border-bottom: 1px solid #a3b2bf;
        display: table-cell;
        height: 30px;
        line-height: 30px;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
        white-space: nowrap;
    }

        .b_w_headers > div.unsortable {
            color: #005d7a;
        }

            .b_w_headers > div.unsortable:hover {
                color: #005d7a;
                cursor: default;
                text-decoration: none;
            }


        .b_w_headers > div.selected > .arrow_asc {
            background-image: url(../Images/marrows.png);
            background-position: -5px -8px;
            background-repeat: no-repeat;
            display: inline-block;
            float: right;
            height: 8px;
            margin-top: 9px;
            width: 5px;
        }

        .b_w_headers > div.selected > .arrow_desc {
            background-image: url(../Images/marrows.png);
            background-position: 0px -8px;
            background-repeat: no-repeat;
            display: inline-block;
            float: right;
            height: 8px;
            margin-top: 9px;
            width: 5px;
        }

        .b_w_headers > div.selected {
            background-color: #d9edf9;
            font-weight: bold;
        }

        .b_w_headers > div.hidden {
            display: none;
        }

.b_w_rows > div.hidden {
    display: none;
}

.hidden {
    display: none !important;
}

.b_w_rows {
    display: table-row;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
}

    .b_w_rows > div {
        border-top: 1px solid #eeeeee;
        color: #666666;
        cursor: pointer;
        display: table-cell;
        line-height: 24px;
        padding: 2px 10px 2px 10px;
        vertical-align: top;
    }

    .b_w_rows:hover > div, .b_w_rows.selected > div {
        background-image: url(/images/bou_blue.png);
        background-position: -3px -5px;
        color: #ffffff;
    }

    .b_w_rows > div.selected {
        background-color: #002e4c;
    }

    .b_w_rows.selected > div {
        background-color: #a6f1ff;
    }

        .b_w_rows.selected > div.selected {
            background-color: #98ca00;
        }

    .b_w_rows:hover {
        background-color: #0081b6;
    }

        .b_w_rows:hover > div.selected {
            background-color: #008c4c;
            color: #333333;
        }

    .b_w_rows.selected:hover > div {
        background-color: #fdefb1 !important;
        color: #333333 !important;
    }

        .b_w_rows.selected:hover > div.selected {
            background-color: #fce4a3 !important;
        }

.b_w_footer {
    background-image: url("../Images/tablehead.png");
    background-repeat: repeat-x;
    border-top: 1px solid #a3b2bf;
    color: #0089b3;
    height: 34px;
    line-height: 34px;
    padding-left: 8px;
}

.windowrow_add {
    background-image: url(/Images/ge_add.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: table-cell;
    height: 24px;
    width: 24px;
}

.b_w_rows > div > .windowrow_delete {
    background-image: url(/Images/ge_del.png);
    background-position: 24px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: table-cell;
    height: 24px;
    width: 24px;
}

.b_w_rows:hover > div > .windowrow_delete {
    background-position: 0px;
}

.windowedit {
    background-image: url(/Images/input_text_back.png);
    background-position: center;
    border: 0px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    color: White;
    font-size: 11px !important;
    margin-left: -10px;
    margin-top: -2px;
    padding: 1px 9px 2px 9px !important;
    position: absolute;
}

.b_w_template {
    display: none;
}

.wpslc {
    width:auto;
    font-size: 11px;
    color: #666;
    border: 0px;
    height: 22px;
    text-align: right;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: #666 1px 0px 2px inset;
    -webkit-box-shadow: #666 1px 0px 2px inset;
    box-shadow: #666 1px 0px 2px inset;
}

    .wpslc > option {
        text-align: right;
    }

#wftext {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.infoDBox {
    font-size: 12px;
    margin-top:12px;
    margin-bottom: 32px;
    margin-right: 20px;
    text-align: left;
    cursor: default;
    overflow: hidden;
    border-right-color: rgba(130, 205, 235, 0.8);
    border-bottom-color: rgba(25, 25, 55, 0.3);
    border-top-color: rgba(25, 25, 55, 0.2);
    border-left-color: rgba(130, 205, 235, 0.8);
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-radius: 3px;
    background-color: rgba(5, 64, 87, 0.02);
    box-shadow: inset 0px 1px 0px rgba(0,0,0,0.25) !important, inset 0px 1px 2px rgba(0,0,0,0.07), inset 43px 0px 0px -1px rgba(0,0,0,0.02);
    /*background-image:url(/images/f_fback.jpg);*/
}

.aptin > div, .aptincat > div {
    height:42px;
    line-height:42px;
    display:inline-block;
    padding-left:54px;
    width:434px;
    /*color:#bfffff;*/
    border-top: 1px solid rgba(195, 235, 255, 0.2);
    border-bottom: 1px solid rgba(5, 61, 81, 0.4);
    font-size: 11px;
    vertical-align: top;
    position:relative;
}

.infoDBox .hdr > div {
    border-top: 0px !important;
    border-bottom: 0px !important;
    padding-bottom:12px;
}
.aptin.hdr, .infoDBox .bftr {
    background-color:rgba(0,0,0,0.04) !important;
}

.infoDBox .bftr > div {
    border-top: 0px !important;
    border-bottom: 0px !important;
    line-height:52px;
}

.aptincat > div:first-child {
    padding-left:94px;
    width:394px;
    font-size:11px !important;
}

.infoDBox .tcpg {
    color:#ccc;
    opacity:0.75;
}

.infoDBox .alink{
    color:#fff;
    border-bottom:1px solid transparent;
}

.infoDBox .alink:hover{
    color:#fff;
    border-bottom:1px dashed #fff;
    cursor:pointer;
}

/*font-size: 28px;    font-family: 'SegoeUI-Light','Segoe UI Light', 'Segoe UI';    -webkit-text-shadow: -1px -1px white, 1px 1px 3px -1px #cce0f0;    text-shadow: -1px -1px white, 1px 1px 3px -1px #cce0f0;    color: #0873af;}*/
.infoDBox .deb_b {
    width:150px;
    text-align:right;
    font-size: 28px;
    font-family: 'SegoeUI-Light','Segoe UI Light', 'Segoe UI';
    color: #cc2020;
    padding-right:24px;
    height:42px;
    line-height:40px;
}

.infoDBox .deb_a {
    width:150px;
    text-align:right;
    font-size: 28px;
    font-family: 'SegoeUI-Light','Segoe UI Light', 'Segoe UI';
    color: #33b020;
    padding-right:24px;
    height:42px;
    line-height:40px;
}

.bftr .deb_b {
    color: #cc0000;
}
.bftr .deb_a {
    color: #339000;
}

    .infoDBox .tcp, .infoDBox .deb_b.tcp, .infoDBox .deb_a.tcp {
        font-family:Helvetica, Tahoma, Arial, Thonburi, Verdana, sans-serif !important;
        font-size:11px !important;
        font-weight:bold !important;
    }
    .deb_b > span, .deb_a > span
    {
        font-size:21px !important;
    }
    
.partpdf {
    position:absolute !important;
    display:inline-block;
    width:32px;
    height:32px;
    left:5px;
    margin-top:5px;
    background-image:url(/images/ic_pdf.png);
    background-repeat:no-repeat;
    background-size:contain;
    cursor:pointer;
    opacity:0.9;
}

.partpdf:hover {
    opacity:1.0;
}

.bftr .partpdf {
    opacity:0.9;
    margin-top:11px;
}

.aptin.bftr .tcp {
    padding-left:120px;
}

.pbdets .c_btn {
    font-weight:100;
}


.redBarCurNoti {
    display:block !important;
    height: 86px;
    left: 0px;
    width: 100%;
    text-align: center;
    color: rgb(255, 255, 255);
    padding-top: 49px;
    font-family: "Segoe Ui","Segoe Ui Light","SegoeUi-Light";
    font-size: 26px;
    background-color: red;
    position: absolute;
    top: 43px;
    z-index: 99999;
    box-shadow: inset 0px 3px 8px -1px rgba(0,0,0,0.5), inset 0px -25px 70px -12px rgba(0,0,0,0.33), inset 0px -1px 4px -1px rgba(0,0,0,0.75), 0px 2px 6px -1px rgba(0,0,0,0.75);
}

.m_hi {
    background-color: rgba(255, 222, 10, 1) !important;
    color: black !important;
    border-top-color: rgba(255, 242, 120, 1) !important;
    border-left-color: rgba(255, 242, 120, 1) !important;
    border-right-color: rgba(255, 222, 10, 1) !important;
}

.m_ko {
    background-color: #4a90e2 !important;
    color: white !important;
    border-top-color: #4a90e2 !important;
    border-left-color: #4a90e2 !important;
    border-right-color: #4a90e2 !important;
}


.c_btn.green.backtome {
            margin-top: 3px !important;
            margin-right: 3px important;
            text-shadow: none important;
    }

.scrollarea-fancybox {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    width:900px !important;
}

.scrollarea-fancybox .b_grid{
    width:100% !important;
}

#attachmentwin001 .b_g_headers {
    display:table;
}



#attachmentwin001 .b_g_headers > div:nth-child(3) {
    width:90px
}

#attachmentwin001 .b_g_headers > div:nth-child(5) {
    width:270px
}

#attachmentwin001 .b_g_headers > div:nth-child(6) {
    width:97px
}

#attachmentwin001 .b_g_headers > div:nth-child(7) {
    width:88px
}

#attachmentwin001 .b_g_headers > div:nth-child(8) {
    width:166px
}

#attachmentwin001 {
overflow-x:hidden;
}

/*#attachmentwin001 .b_g_end, .fancybox-inner > .b_g_end
{
    background: none !important;
    text-align: right !important;
    position: absolute !important;
    color: #999 !important;
    margin-top: -23px !important;
}

#attachmentwin001 .newAttrow
{
    width:900px;
    text-align:center;
}*/
.fancybox-inner > .footer_columnRow {
    display:none;
}

#attachmentwin001 .attwrs {
    display:none;
}

#attachmentwin001 .gridOptionCol {
    width: 72px;
    cursor:default;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .footer_columnRow {
        background-color: #0d4d80 !important;
        background-image: none !important;
        background-position: -5px -50px !important;
    }
}

.readonly .gridrow_attdetail, .readonly .gridrow_user, .readonly .gridrow_apartment, .readonly .gridrow_vehicle, .readonly .gridrow_company {
    background: none !important;
    color: #e6fdff;
    text-decoration: none;
}

    .readonly .gridrow_attdetail:hover, .readonly .gridrow_user:hover, .readonly .gridrow_apartment:hover, .readonly .gridrow_vehicle:hover, .readonly .gridrow_company:hover {
        background: none !important;
        color: #fff;
        border-bottom: 1px dashed #fff;
    }

.b_g_rows > div > .gridrow_newwinMail2 {
    background-image: url(/Images/af_send2.png);
    background-position: 4px 4px;
    opacity: 0.5;
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: inline-block;
    height: 24px;
    width: 24px;
}

.b_g_rows > div > .gridrow_newwinDownload {
    background-image: url(/Images/af_download.png);
    background-position: 4px 4px;
    opacity: 0.5;
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: inline-block;
    height: 24px;
    width: 24px;
}

.b_g_rows > div > .gridrow_delete {
    background-image: url(/Images/af_delete.png);
    background-position: 4px 4px;
    opacity: 0.5;
    background-repeat: no-repeat;
    cursor: pointer !important;
    display: inline-block;
    height: 24px;
    width: 24px;
}

.b_g_rows:hover > div > .gridrow_delete {
    opacity: 1;
}

.gagrid {
    margin-bottom: 7px;
    margin-top: 7px;
    width: 90px;
}

.newAttrow {
    width: 896px;
    height: 43px;
    line-height: 42px;
    position: absolute;
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -32px;
    margin-left: -10px;
    background-color: #0d4d80;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #7badd5;
}

.newAttrow:hover {
    color: #fff;
}

.attwrs {
    position: absolute;
    margin-top: -19px;
    right: 8px;
    color: #6ca0c2;
}

.attwrs span {
    color: #88b8d8;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .attwrs {
        margin-top: -22px;
    }
}

/*iframe form sayfaları için / start */


.iframeBtn {
    text-align: center;
    width:60px;
    min-width: 80px;
    max-width:160px;
    display: inherit;
    padding: 9px 10px !important;
    font-size: 14px;
    color: #fff !important;
    border-color: #00c04e !important;
    background-color: #00c04e !important;
    letter-spacing: 0.93px;
    line-height: 20px;
    font-weight: 400 !important;
    border-radius: 5px;
    margin-top: 10px;
    text-decoration: none;
}

.iframeBtn a:hover {
    color: #fff !important;
    opacity: 0.6;
}

.closeAttw {
    position: absolute;
    width: 40px;
    height: 30px;
    z-index: 999;
    margin-left: 857px;
    margin-top: -1px;
    background-image: url(/images/attwclose.png);
    background-position: 0 0px;
    border-left: 1px solid #a3c2cf;
    border-left: 1px solid rgba(0,0,0,0.1);
}

    .closeAttw:hover {
        background-position: 0 -30px;
        cursor: pointer;
    }

.grd2xls {
    width: 19px;
    height: 24px;
    background-image: url(/images/ai_x.png);
    margin-left: 1px;
    margin-top: -3px;
    cursor: pointer;
}

    .gridOptionCol > div {
        line-height: 22px;
    }
    .loginSearchContainer{

}
.loginSearch{
    width:96%;
    margin:3px;
    font-size:18px;
}

.bodyPixel {
    display: none !important;
}

/*iframe form sayfaları için / end */


.rotate_0
{
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
}
.rotate_1
{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
}
.rotate_2
{
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
.rotate_3
{
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
     transform: rotate(270deg);
}
/*iframe form sayfaları için / end */

.wqdiv {
    background-color: #fdfdfd;
}
.b_w_caption {
    font-family: 'SegoeUI-Light','Segoe UI Light', 'Segoe UI';
}
#apslayerselector {
    background-color: rgba(0, 0, 0, 0.3);
    padding-top: 4px;
    box-shadow: inset 0px 10px 26px -16px rgba(0, 0, 0, 0.15), inset 0px 6px 3px -6px rgba(0, 0, 0, 0.35);
    -moz-backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

    #apslayerselector > div {
        padding: 5px 32px 10px 12px;
        margin: 0px 2px;
        border-radius: 3px;
        cursor: pointer;
        line-height: 18px;
        box-shadow: 0px 1px 2px 0px #000, inset 0px -25px 30px -30px #000;
        color: #e6e6e6;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        font-weight: bold;
        font-size: 10px;
        transition: all 0.2s ease;
        border-bottom: 0px !important;
        border-right: 0px !important;
    }

        #apslayerselector > div:hover {
            box-shadow: 0px 1px 2px 0px #000 !important;
        }

.al_s_loading {
    background-color: rgba(255,255,255,0.9) !important;
    box-shadow: 0px 0px 1px 0px #000, inset 0px -25px 30px -30px rgba(0,0,0,0.5) !important;
    background-image: url(/images/imgloading.gif);
    background-repeat: no-repeat;
    background-position: 10px 9px;
    background-size: 10px;
    color: #333 !important;
    border-top: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
}

.al_s_active {
    background-color: #fff !important;
    color: #000 !important;
    box-shadow: 0px 1px 2px 0px #000 !important;
    border-top: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
}

    .al_s_active:hover {
        box-shadow: 0px 1px 2px 0px #000 !important;
    }

#apslayerselector > div > span {
    margin-left: 10px;
    width: 14px;
    display: inline-block;
    height: 14px;
    line-height: 15px;
    border-radius: 2px;
    font-size: 14px;
    margin-right: -6px;
    margin-top: 1px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.3s;
}

    #apslayerselector > div > span:hover {
        opacity: 1;
    }

#apslayerselector > div.al_s_active > span {
    color: #000 !important;
}

.al_s_closing {
    display: inline-grid !important;
    overflow: hidden;
    white-space: nowrap;
}


    .al_s_closing > span {
        display: none !important;
    }

.apslayer > .apslayer_cover {
    display: block;
    position: absolute;
    margin: 0px;
    background-color: rgba(39, 92, 134, 0.1);
    border-radius: 4px;
    z-index: 1000;
}

.apslayer.al_l_active > .apslayer_cover {
    display: none !important;
}

    .apslayer_cover.acloading, .apslayer.al_l_active > .apslayer_cover.acloading {
        display: block !important;
        -moz-backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        background-color: rgba(255, 255, 255, 0.75);
    }

.apslayer > .apslayer_closer {
    display: none;
    opacity: 0.9;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #717171;
    color: #fff;
    line-height: 30px;
    font-size: 15px;
    cursor: pointer;
    z-index: 9999;
    -moz-backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.apslayer.al_l_active > .apslayer_closer {
    display: block !important;
}

    .apslayer.al_l_active > .apslayer_closer:hover {
        background-color: #A40000 !important;
    }

.apslayer > .apslayer_handler {
    opacity: 0.5;
    position: absolute;
    margin-left: -34px;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.10);
    -moz-backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.apslayer.al_l_active > .apslayer_handler {
    display: block !important;
    opacity: 1 !important;
}

.apslayer_handler span {
    width: 24px;
    display: block;
    margin: 3px;
    opacity: 0.3;
}

.apslayer_handler:hover span {
    opacity: 0.5;
}

.apslayer_handler:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    opacity: 0.5;
}

.apslayer > iframe, .apslayerContainer {
    border: 0px;
    border-radius: 4px;
}

/*.apslayer.al_l_active > iframe, .apslayer.al_l_active > .apslayerContainer {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}*/

.al_l_dragging {
    transition: all 0s !important;
}

.apslayerContainer {
    min-height: 30px !important;
    box-shadow: 0px 0px 0px 0.5px rgba(0,0,0,0.3), 0px 0px 0px 3px #f2f2f2, 0px 0px 1px 4px rgba(0,0,0,0.3);
    -moz-backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 500;
    transition: opacity 0.6s ease;
    overflow: hidden;
    border-radius: 2px;
}

.apslayer.al_l_active > .apslayerContainer {
    box-shadow: 0px 0px 0px 0.5px rgba(0,0,0,0.3), 0px 0px 0px 3px #ffffff, 0px 0px 1px 4px rgba(0,0,0,0.3) !important;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: #f9f9f9;
}


.aw_mc ::-webkit-scrollbar-track {
    background: transparent;
}


::-webkit-scrollbar-thumb {
    background: #375C7A;
    border-radius: 0px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #263E53;
    }

input {
    outline: none !important;
    outline-style: none !important;
}
.apslayerContent {
    font-size: 12px;
}


/* IE 11 CSS */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .apslayer_handler span {
        display: ruby;
    }
}
/* IE 11 CSS */




#freshworks-frame-wrapper {
    right: 5px !important;
    bottom: 10px !important;
}

#launcher-frame {
    right: 70px !important;
    bottom: 15px !important;
}

#fc_frame, #fc_frame.fc-widget-normal {
    bottom: 5px !important;
    right: 0px !important;
}


.fr .b_g_rows div[cfcg_13="3"] {
    word-break:break-all !important;
}

.displayListAttachment .b_g_rows div[cfcg_15="4"] {
    word-break: break-all !important;
}

.apslayerContainer .b_g_rows div[cattachmentw1="4"] {
    word-break: break-all !important;
}

.mobile-banner-container {
    position: relative;
    margin: 5px 3px;
    color: white;
    width: 950px;
    height: 60px;
    background-color: #28ace8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
}

    .mobile-banner-container img {
        width: 26px;
        height: 26px;
    }

.title-wrapper {
    margin-left: 20px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .title-wrapper img {
        margin-right: 15px;
    }

    .title-wrapper p {
        margin: 0;
    }

.stores-info-wrapper {
    border-radius: 30px 4px 4px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f7774c;
    width: 260px;
    height: 60px;
    padding: 0 20px;
}

.stores-text {
    font-size: 15px;
    width: 104px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    white-space: nowrap;
}

.icons-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 120px;
}

.banner-close-btn {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 13px;
    cursor: pointer;
}

#menu_user_avatar, #asr_chat {
    display: none;
}