body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
html, body {
    width: 100%;
    height: 100%;
}
.menuOn {
    display: block;
}

.menuOff {
    display: none;
}

a {
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.menu a {
    color: #363636;
}

.aService {
    text-decoration: none;
    color: rgb(202, 140, 83);
    margin: 0;
    padding: 0;
}

img {
    border: none;
}
.login-page{
    width: 100%;
    height: 100%;
    background-color: #f1f2f2;
    position: relative;
}
.login-main{
     width: 100%;
    height: 100%;
}
.login-content {
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
}
.login-form {
    width: 600px;
    display: table-cell;
    vertical-align: middle;
    z-index: 100;
    position: absolute;
    margin: -290px auto auto auto;
    top: 50%;
    left: 0;
    right: 0;
}
.bg-middle{
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
}

.login-dt {
    padding: 10px 40px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}
.login-dt h3 {
    margin-bottom: 25px;
}
.login-dt .form-group {
    position: relative;
    display: block;
    margin-bottom: 25px;
}
.form-control {
    height: 50px !important;
    box-shadow: none !important;
    border-radius:0px !important;
}
.login-content:before {
    background-image: url('../Images/img-1.png');
    top: 0;
    right: 0;
}
.login-content:after, .login-content:before {
    position: absolute;
    content: "";
    display: block;
    width: 650px;
    height: 379px;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 1;
}
.login-content:after {
    background-image: url('../Images/img-2.png');
    bottom: 0;
    left: 0;
}
.login-dt .form-group span {
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 18px;
}
.login-content:after, .login-content:before {
    position: absolute;
    content: "";
    display: block;
    width: 650px;
    height: 379px;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 1;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    /*-webkit-rtl-ordering: logical;*/
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
input, textarea, keygen, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
input, textarea, keygen, select, button, meter, progress {
    /*-webkit-writing-mode: horizontal-tb;*/
}
.code-verifi {
    position: absolute;
    top: 0;
    right: 0;
    width: 160px;
}
.code-verifi img{
    width: 160px;
    height:50px;
}
.login-dt .form-group {
    position: relative;
    display: block;
    margin-bottom: 25px;
}
.verifi .form-group {
    margin-right: 180px;
}
.login-dt .form-group {
    position: relative;
    display: block;
    margin-bottom: 25px;
}
.verifi {
    position: relative;
}
.login-dt .form-group button {
    padding-right: 35px;
    border-radius: 0 !important;
    text-transform: uppercase;
}
.btn-3 {
    background-color: #172a41;
    border: 1px solid #172a41 !important;
    width: 100%;
    margin: 0 !important;
}
.btn {
    padding: 8px 30px !important;
    margin: 0px 5px 5px !important;
    color: #fff;
    font-size: 16px !important;
    border-radius: 0px !important;
    line-height: 20px;
    transition: all 0.2s ease;
}
.btn:hover{
   background-color: #fff;
   color: #172a41;
}

#loading {
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: url('../Images/bgLoading.png') repeat;
}

    #loading #sec {
        /*background: #d7d7d7 url("../Images/loading.gif") no-repeat center center;*/
        width: 160px;
        height: 100px;
        top: 45%;
        left: 45%;
        position: fixed;
        z-index: 999999;
        /*-moz-border-radius: .5em;
        border-radius: .5em;
        border: 1px solid #323537;
        border-top-color: #46494B;
        border-bottom-color: #282B2D;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 1);
        -moz-box-shadow: 0 2px 15px rgba(0,0,0,1);
        box-shadow: 0 2px 15px rgba(0, 0, 0, 1);
        text-align: center;
        color: #CCC;
        font-size: 30px;*/
    }



.topBody {
    width: 99%;
    position: relative;
}

    .topBody #right_header {
        position: absolute;
        right: 1%;
        top: 0;
        *right: 5%;
    }

#right_header #top_header {
    height: 35px;
    padding-top: 10px;
}

    #right_header #top_header span {
        display: inline-block;
        margin-right: 10px;
        color: White;
    }

        #right_header #top_header span:hover {
            text-decoration: underline;
        }

#right_header #bottom_header {
    height: 50px;
    padding: 0 10px;
    color: White;
}

    #right_header #bottom_header b a {
        color: White;
    }

    #right_header #bottom_header a {
        color: #ffa2a2;
    }

    #right_header #bottom_header span {
        display: inline-block;
    }

        #right_header #bottom_header span:hover {
            color: White;
        }

    #right_header #bottom_header .choose {
        color: White;
    }

.bottomBody {
    width: 100%;
    height: 45px;
    padding-top: 120px;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    color: White;
    font-weight: bold;
    background: url("../images/logoBottom.png") no-repeat 5% top;
    line-height: 17px;
}

    .bottomBody a {
        color: Yellow;
    }

.logo {
    float: left;
    margin: 10px 20px;
    width:98%;
}

    .logo img {
        max-width:100%;
    }
/*-----------Login-----------------*/
.logoLogin {
    width: 100%;
    height: 300px;
    background: url("../Images/BgLogo.png") no-repeat;
    position: absolute;
    top: 0px;
    padding-top: 60px;
    text-align: center;
    left: 0px;
}

    .logoLogin img {
        left: 30px;
        max-height: 100px;
        /*width: 140px;
height: 40px;
position: relative;
top: 25px;
left: 2%;*/
    }

#wrapLogin {
    padding-bottom: 17px;
    height: 220px;
    margin: 0px auto;
    background: url("../Images/shadownboxlogin.png") bottom center no-repeat;
}
#LoginForm {
    width: 450px;
    height: 220px;
    border: 3px solid rgba(0, 0, 0, .2);
    margin: 0px auto;
    background: url("../Images/bglogin.jpg");
    -moz-border-radius: 9px;
    border-radius: 9px;
}

#LoginContent {
    position:relative;
    height:100%;
    width:100%;
    background-color: #f1f2f2;
    /*margin-top: 40px;
    background: url('../Images/whiteshdown.png') bottom no-repeat;*/
}

.TBLogin {
    text-align: center;
    margin: 0px auto;
    color: #8f8f8f;
}

.textboxLog {
    font-size: 9pt;
    width: 152px;
    padding-left: 15px;
    font-family: Tahoma;
    border: 1px solid #d7d7d7;
    height: 26px;
    color: #8e8e8e;
}

.key {
    font-size: 9pt;
    width: 96px;
    font-family: Tahoma;
    height: 30px;
    color: #8e8e8e;
    padding-right: 3px;
}

.textboxLogin {
    font-size: 9pt;
    width: 235px;
    font-family: Tahoma;
    padding-left: 30px;
    border: 1px solid #d7d7d7;
    height: 26px;
    color: #8e8e8e;
}

.textboxIPLogin {
    background: #fff url("../Images/login_ip.png") 5px 7px no-repeat;
}

.textboxULogin {
    background: #fff url("../Images/login_man.png") 5px 7px no-repeat;
}

.textboxPLogin {
    background: #fff url("../Images/loginclock.png") 5px 7px no-repeat;
}

.ForgetPass {
    background: url("../Images/loginpop.png") left no-repeat;
    padding-left: 25px;
}

.btLoging {
    position: relative;
    top: -15px;
    left: 190px;
    width: 70%;
}

.ButtonLogin {
    border: none;
    cursor: pointer;
    padding: 0 20px 0px;
    height: 46px;
    width: 119px;
    background: url("../Images/buttonlogin.png") center no-repeat;
    margin-top: 25px;
}

    .ButtonLogin:hover {
        border: none;
        cursor: pointer;
        padding: 0 20px 0px;
        height: 46px;
        width: 119px;
        background: url("../Images/buttonHoverlogin.png") center no-repeat;
    }

.ButtonResetPass {
    border: none;
    cursor: pointer;
    padding: 0 20px 0px;
    height: 46px;
    width: 119px;
    background: url("../Images/resetpass-n.png") center no-repeat;
}

    .ButtonResetPass:hover {
        border: none;
        cursor: pointer;
        padding: 0 20px 0px;
        height: 46px;
        width: 119px;
        background: url("../Images/resetpass-h.png") center no-repeat;
    }
/*-----------End Login-----------------*/
/*--------------------- Content  -------------------------------*/
.wrap {
    min-width: 980px;
    position: relative;
    z-index: 2;
    top: 10px;
    margin: 0 20px auto;
    behavior: url('/ie-css3.htc');
}

    .wrap .menu {
        border: 1px #fff solid;
        height: 48px;
        background: url("../Images/bgnav3.png") repeat left;
        border-radius: 5px;
        box-shadow: 0px 0px 3px rgb(167, 167, 167);
    }

        .wrap .menu ul {
            /*list-style: none;
    height: 50px;
	line-height: 50px;
    margin: 0;
    padding: 0;   
    width: 100%;
    float: left;
    border-bottom: 1px solid #515151;
    background: url("../Images/bgnav.png") repeat  left;  
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(border-radius-ie.htc); /*prefix IE*/
            margin: 0;
            list-style: none;
            padding: 0;
        }

            .wrap .menu ul li {
                float: left;
                text-transform: uppercase;
            }

                .wrap .menu ul li .level1 {
                    display: none;
                }
        /*---------------------------------------------------------------------------------*/
        .wrap .menu .subUl {
            height: 31px;
            width: 100%;
            float: left;
            position: relative;
            display: block;
            top: 0;
            left: 0;
            z-index: 2;
            background: url("../images/bgSubUl.png") repeat-x;
        }

            .wrap .menu .subUl div {
                position: relative;
                float: left;
                color: #363636;
                line-height: 31px;
            }

                .wrap .menu .subUl div span {
                    color: #363636;
                    margin: 0 20px;
                    display: inline-block;
                }

                .wrap .menu .subUl div a {
                    color: #363636;
                    font-size: 9pt;
                }

                    .wrap .menu .subUl div a:hover {
                        color: #ff0000;
                    }
    /*---------------------------------------------------------------------------------*/
    .wrap .submenu {
        width: 100%;
        height: 40px;
        margin: 0;
        padding: 0;
        background: url("../images/bgSubMenu.gif") repeat-x left center;
        border-top: 1px solid #838383;
        position: relative;
    }

.submenu .infoAcc {
    position: absolute;
    top: 0;
    right: 10px;
    text-align: center;
    color: White;
}

    .submenu .infoAcc p {
        margin: 12px 0;
        color: White;
    }

        .submenu .infoAcc p b {
            color: White;
        }

        .submenu .infoAcc p a:hover b {
            color: yellow;
        }

.wrap .submenu a.item_subMenu {
    height: 30px;
    line-height: 34px;
    border: 1px solid #979797;
    border-bottom: none;
    display: inline-block;
    margin: 9px 0 0 5px;
    padding: 0 10px;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #dcdcdc;
    background: -webkit-gradient(linear, left top, left bottom, from(#232323), to(#404040));
    background: -moz-linear-gradient(top, #232323, #404040);
    background: -o-linear-gradient(top, #232323, #404040);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#232323', endColorstr='#404040');
}

    .wrap .submenu a.item_subMenu:hover {
        background: #f5f5f5;
        color: #3e3e3e;
        background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f5f5f5));
        background: -moz-linear-gradient(top, #e4e4e4, #f5f5f5);
        background: -o-linear-gradient(top, #e4e4e4, #f5f5f5);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e4e4e4', endColorstr='#f5f5f5');
    }

.wrap .submenu a.active {
    border: 1px solid #626262;
    border-bottom: none;
    color: #3e3e3e;
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f5f5f5));
    background: -moz-linear-gradient(top, #e4e4e4, #f5f5f5);
    background: -o-linear-gradient(top, #e4e4e4, #f5f5f5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e4e4e4', endColorstr='#f5f5f5');
}
/*-------------------------------------------------------------*/
#content #sector_content #right_content {
    float: right;
    min-height: 100px;
    width: 24.5%;
    font-size: 9pt;
    color: #3F3F3F;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}

#mega-menu {
    padding: 0px;
    margin: 0px;
}

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

    #mega-menu a {
        display: block;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
        margin-top: 1px;
        background-color: #FFF;
        padding-left: 30px;
    }

.link {
    color: #676767;
}

.ServerUL, .SoftUL, .OrtherUL {
    display: none;
    padding-left: 0px;
    margin-left: 0px;
}

.sub2 {
    font-weight: bold;
    margin-left: -5px;
    padding-left: 35px !important;
    border-right: 3px solid #606060;
    background: #eeeeee url("../images/BorderLeft.png") repeat-y left top !important;
}

    .sub2:hover {
        border-right: 3px solid #000000;
        color: #FFF !important;
        margin-left: -5px;
        padding-left: 35px !important;
        background: #cd0000 url("../images/BorderLeftHover.png") repeat-y left top !important;
    }

.sub1 {
    padding-left: 0px;
    margin-left: 0px;
}

    .sub1 a {
        background: #cd0000 url("../images/Stylist.png") no-repeat 15px center;
    }

        .sub1 a:hover {
            color: #000000 !important;
            background: url("../images/StylistHover.png") no-repeat 15px center;
        }

.Active1 {
    z-index: 9999;
    background: url("../images/TabMenuActive.png")top no-repeat !important;
}

.Active2 {
    color: #000000 !important;
    background: url("../images/StylistHover.png") no-repeat 15px center !important;
}
/*-------------------------------------------------------------------*/
#content #sector_content #left_content {
    width: 74%;
    float: left;
    min-height: 600px;
    background-color: #FFFFFF;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    /*border-top: 5px solid #ff0000;*/
    padding: 0px 7px 20px 7px;
}

#sector_content {
    background-color: #FFFFFF;
    box-shadow: 1px 1px 4px 2px rgb(146, 140, 140);
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 30px;
}

#borderRight {
    float: left;
    min-height: 100%;
}

.topBorder {
    height: 22px;
    background: #FFF url("../images/BorderRightTop.png") no-repeat top left;
    padding-left: 5px;
}

.MiddleBorder {
    background: #FFF url("../images/BorderRight.png") repeat-y top left;
    padding-left: 5px;
    min-height: 600px;
}

.bottomBorder {
    height: 25px;
    background: #FFF url("../images/BorderRightBottom.png") no-repeat top left;
    padding-left: 5px;
}

#content #sector_content #left_content .content_input {
    margin: 5px;
    padding: 5px;
    background: white;
}

.tbl_search {
    margin: 0 0 10px;
}

.sector_default {
    background: white;
    min-height: 130px;
    margin: 10px 0 25px;
}

    .sector_default img {
        width: 110px;
        height: 110px;
        float: left;
        margin-top: 15px;
    }

    .sector_default ul {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        width: 85%;
    }

        .sector_default ul li div {
            height: 22px;
            margin-top: 10px;
            min-width: 10px;
            position: relative;
        }

            .sector_default ul li div img {
                width: 32px;
                height: 32px;
                position: absolute;
                top: -25px;
                left: 0;
            }

        .sector_default ul li {
            background: url(../images/li.png) no-repeat 10px 14px;
            padding: 10px 0 10px 30px;
            color: #363636;
            border-bottom: 1px solid #cacaca;
        }

            .sector_default ul li:last-child {
                border-bottom: none;
            }

            .sector_default ul li a {
                color: #363636;
            }

                .sector_default ul li a:hover {
                    color: #e90000;
                }

                    .sector_default ul li a:hover i {
                        color: #e90000;
                    }

            .sector_default ul li i {
                color: #8b8b8b;
                font-size: 9pt;
            }

#sector_content .tbl_MB {
    border: none;
    background: #FFFFFF;
    width: 100%;
    margin: 10px 0;
}

.tbl_MB thead tr {
    background: #e0e0e0;
    height: 30px;
    line-height: 30px;
}

.tbl_MB tbody tr {
    /*cursor: pointer;*/
}

    .tbl_MB tbody tr:hover {
        background: #ededed;
    }
    /*-----------------------------------------------------------*/
    .tbl_MB tbody tr.TItemSTOP {
        color: #afafaf;
    }

        .tbl_MB tbody tr.TItemSTOP a {
            color: #afafaf;
        }

    .tbl_MB tbody tr.TItemNearExpire {
        color: #e78c15;
    }

        .tbl_MB tbody tr.TItemNearExpire a {
            color: #e78c15;
        }

    .tbl_MB tbody tr.TItemExpire {
        color: Red;
    }

        .tbl_MB tbody tr.TItemExpire a {
            color: Red;
        }
/*-----------------------------------------------------------*/
.tbl_MB thead tr td {
    padding: 0 5px;
    border-right: 1px solid #b3b3b3;
    text-align: center;
}

    .tbl_MB thead tr td:last-child {
        border-right: none;
    }

.tbl_MB tr td a {
    color: #363636;
}

    .tbl_MB tr td a:hover {
        color: #e50000;
    }

.tbl_MB tbody tr.chooseTr {
    background: #ededed;
}

.tbl_MB tbody tr td {
    height: 34px;
    border-bottom: 1px solid #cacaca;
    padding-left: 5px;
}

    .tbl_MB tbody tr td.center {
        text-align: center;
    }
/*----------Table------------*/
.THeader td {
    font-size: 14px;
    background-color: #e0e0e0;
    padding-left: 5px;
    height: 30px;
    line-height: 30px;
    /*border-left: 1px solid #b3b3b3;*/
}

.TItemA td {
    font-size: 12px;
    background-color: #FFF;
    padding-left: 5px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #cacaca;
}

.tdAmount td {
    font-size: 12px;
    background-color: #FFF;
    padding-left: 5px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #cacaca;
}

/*=======================*/
.imgTable {
    vertical-align: middle;
    margin-left: 10px;
}

.description {
    float: left;
    margin-right: 20px;
    line-height: 20px;
}

    .description img {
        width: 20px;
        height: 20px;
        float: left;
        margin-right: 10px;
    }

.FrameTLS {
    background: #FFFFFF;
    border: none;
    width: 100%;
}

    .FrameTLS tr td {
        height: 30px;
        padding: 0 10px;
    }

    .FrameTLS tr.alternate {
        background: #eeeeee;
    }

.TMainDetail {
    background-color: #ffffff;
}

    .TMainDetail tr {
        height: 28px;
    }

    .TMainDetail .header1 {
        background-position: 5px;
        padding: 5px;
        font-weight: bold;
        text-align: left;
        background-repeat: no-repeat;
        padding-left: 10px;
        background-color: #e0e0e0;
    }

.PnlFrame {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(White));
    background: -moz-linear-gradient(top, #E1E1E1, White);
    background: -o-linear-gradient(top, #E1E1E1, White);
    border: solid 1px silver;
    -webkit-box-shadow: 0 8px 6px -6px Silver;
    -moz-box-shadow: 0 8px 6px -6px Silver;
    box-shadow: 0 8px 6px -6px Silver;
}

    .PnlFrame legend {
        font-weight: bold;
    }

.history {
    color: Black;
}

    .history td {
        border: none;
    }

    .history .THeader td {
        border: none;
    }

    .history .TItemH {
        border-style: none none dotted none;
        width: 720px;
        display: block;
        color: Black;
        margin: 5px 0;
        padding: 5px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #363636;
    }
/*-------------------------------------------------------------*/

/*------- Detail Infor Customer ---------------*/
.nameCustomer {
}
/*====List=====*/
.info {
    position: relative;
    z-index: 2;
    height: 0px;
}

.no_info {
    position: relative;
    z-index: 1;
    line-height: 25px;
    cursor: pointer;
}

.span_info {
    position: relative;
    z-index: 1;
    line-height: 25px;
    cursor: pointer;
}
/*.info .toolTip
{
    position: absolute;
    top: -5px;
    right: 30px;
    width: 194px;
    display: none;
    padding: 12px 0 5px;
    z-index: 4;
    background: url("../icons/top_tooltip.png") no-repeat left top;
    color: black;
}
.toolTip .img_loadingTT
{
    position: absolute;
    top: 30%;
    left: 42%;
}

.toolTip .bg_toolTip
{
    min-height: 40px;
    padding: 5px 10px 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#E3E3E3));
    background: -moz-linear-gradient(top,  #f2f2f2,  #E3E3E3);
    background: -o-linear-gradient(top, #f2f2f2, #E3E3E3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#dddddd');
    background: #EDEDED;
    border: 1px solid #797979;
    border-top: none;
    -moz-border-radius: 0px 0 3px 3px;
    border-radius: 0px 0 3px 3px;
    -moz-box-shadow: 3px 3px 4px #686868;
    box-shadow: 3px 3px 4px #686868;
}
.toolTip .bg_toolTip .imgEdit
{
    position: relative;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.toolTip .bg_toolTip .imgChange
{
    position: relative;
    bottom: 0;
    left: 0;
    cursor: pointer;
}
.toolTip p
{
    margin: 0 0 8px;
}
.toolTip .bottom_toolTip
{
    height: 8px;
    background: url("../icons/bottom_tooltip.png") no-repeat left bottom;
    position: relative;
}
.toolTip .bottom_toolTip span
{
    background: url("../icons/close_toolTip.png") no-repeat left bottom;
    width: 31px;
    height: 33px;
    position: absolute;
    right: -10px;
    bottom: -15px;
    cursor: pointer;
}*/
#right_content .content_massage {
    padding: 0 8px;
    float: left;
}
/*-------------------------------------------------------------*/
.title {
    text-transform: uppercase;
    font-size: 10pt;
    font-weight: bold;
    margin: 10px 0 5px;
    color: #363636;
    background: url('/App_Themes/Blue/Images/icon_title.png') no-repeat left center;
    line-height: 40px;
    padding-left: 20px;
}

.titleDF {
    text-transform: uppercase;
    font-size: 13pt;
    margin: 7px 7px 0 10px;
    color: #363636;
    font-family: Arial;
}

.title1 {
    text-transform: uppercase;
    font-size: 12pt;
    width: 100%;
    float: left;
    padding: 5px 0;
    position: relative;
    background: url("../images/dash.gif") repeat-x left bottom;
}

    .title1 .stop {
        position: absolute;
        top: 0;
        right: 68px;
        background: url("../Icons/pause.png") no-repeat;
        width: 22px;
        height: 22px;
        display: none;
    }

    .title1 .ctrl {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 28px;
        cursor: pointer;
    }

.title2 {
    background: white;
    color: #cd0000;
    padding: 10px 0px 10px 0px;
    margin-right: 10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 11pt;
    font-weight: bold;
}


.ctrl .next {
    padding: 11px;
    float: right;
    margin-left: 3px;
    background: url("../Icons/next.png") no-repeat;
}

.ctrl .prev {
    padding: 11px;
    float: right;
    display: none;
    background: url("../Icons/prev.png") no-repeat;
}

.bold {
    font-weight: bold;
}
/*-------------------------------------------------------------*/
.button1 {
    background: #e50000;
    color: White;
    margin-right: 10px;
    padding: 8px 15px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #af0000;
    font-size: 10pt;
    -moz-box-shadow: inset 0 0 3px #ffecec;
    box-shadow: inset 0 0 3px #ffecec;
    behavior: url('/ie-css3.htc');
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
}

.button2 {
    margin: 0 8px 0 0;
    padding: 6px 10px;
    line-height: 12px;
    color: #363636;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    background: transparent url("../Icons/bgButton2.gif") repeat-x;
    border: 1px solid #C8C8C8;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0px #FFFFFF;
}

    .button2 img {
        width: 18px;
        height: 18px;
        float: left;
        margin-right: 5px;
    }

    .button2:hover {
        background: #d20000;
        border: 1px solid #910000;
        background: -webkit-gradient(linear, left top, left bottom, from(#d20000), to(#ff4141));
        background: -moz-linear-gradient(top, #d20000, #ff4141);
        background: -o-linear-gradient(top, #d20000, #ff4141);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d20000', endColorstr='#ff4141');
        color: White;
        text-shadow: none;
    }

.btn_Enable {
    background: #C5C5C5;
    border: 1px solid #BDBDBD;
    margin: 0 8px 0 0;
    padding: 6px 10px;
    line-height: 12px;
    color: #363636;
    font-weight: bold;
    display: inline-block;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0px white;
}

.button3 {
    color: #363636;
    border: none;
    cursor: pointer;
    width: 198px;
    height: 30px;
    text-align: left;
    background: transparent url("../images/button3.png") no-repeat;
    display: inline-block;
    padding: 6px 0 0 6px;
    line-height: 19px;
    text-shadow: 1px 1px 0 #FFFFFF;
    font-family: Arial;
}

    .button3 img {
        width: 18px;
        height: 18px;
        float: left;
        margin-right: 5px;
    }

    .button3:hover {
        color: #e40000;
    }

.button4 {
    color: #FFF;
    border: 1px solid #63b861;
    cursor: pointer;
    text-align: center;
    background: #63b861;
    padding: 0 20px 0px;
    height: 25px;
    /*background: #f0f0f0;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f9f9f9));
    background: -moz-linear-gradient(top, #f0f0f0, #f9f9f9);
    background: -o-linear-gradient(top, #f0f0f0, #f9f9f9);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0f0f0', endColorstr='#f9f9f9');*/
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial;
}

    .button4:hover {
        color: #FFF;
        background: #63b861;
    }

.button5 {
    height: 18px;
    line-height: 18px;
    float: right;
    border: 1px solid #dedede;
    padding: 0 8px;
    cursor: pointer;
    color: #363636;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f9f9f9;
    font-family: Arial;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f9f9f9));
    background: -moz-linear-gradient(top, #f0f0f0, #f9f9f9);
    background: -o-linear-gradient(top, #f0f0f0, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0f0f0', endColorstr='#f9f9f9');
}

    .button5:hover {
        background: #e50000;
        color: White;
        cursor: pointer;
        border: 1px solid #af0000;
        -moz-box-shadow: inset 0 0 3px #ffecec;
        box-shadow: inset 0 0 3px #ffecec;
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e50000', endColorstr='#e50000');
    }

.button6 {
    color: #E0E0E0;
    border: 1px solid #d7d7d7;
    cursor: pointer;
    text-align: center;
    background: #333233;
    padding-bottom: 0;
    bottom: 0;
}

    .button6:hover {
        color: #FFFFFF;
    }

.button7 {
    margin: 0 15px 0 0;
    padding: 5px 8px 5px 5px;
    color: #363636;
    font-size: 10pt;
    line-height: 18px;
    cursor: pointer;
    display: inline-block;
    background: #F0F0F0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.6,#ededed), color-stop(1,#FAFAFA));
    background: -moz-linear-gradient(top, #ededed 50%, #dcdcdc 50%);
    background: -o-linear-gradient(top, #ededed 50%, #dcdcdc 50%);
    behavior: url('/ie-css3.htc');
    border: 1px solid #d8d8d8;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .button7 img {
        width: 18px;
        height: 18px;
        float: left;
        margin-right: 5px;
    }

    .button7:hover {
        color: Red;
    }

.button8 {
    height: 20px;
    line-height: 20px;
    border: 1px solid #dedede;
    padding: 1px 8px;
    cursor: pointer;
    color: #363636;
    font-size: 9pt;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f9f9f9));
    background: -moz-linear-gradient(top, #f0f0f0, #f9f9f9);
    background: -o-linear-gradient(top, #f0f0f0, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0f0f0', endColorstr='#f9f9f9');
}

    .button8:hover {
        color: Red;
    }

/*.btnLogin {
    color: White;
    width: 124px;
    height: 37px;
    padding-bottom: 3px;
    text-align: center;
    cursor: pointer;
    border: none;
    background: url("../Icons/btnLogin.png") no-repeat;
}*/

.btn_Business {
    width: 294px;
    height: 98px;
    border: none;
    cursor: pointer;
    background: url("../Icons/btn_Business.png") no-repeat;
}

    .btn_Business:hover {
        background: url("../Icons/btn_BusinessHover.png") no-repeat;
    }

.btn_Person {
    width: 294px;
    height: 98px;
    border: none;
    cursor: pointer;
    background: url("../Icons/btn_Person.png") no-repeat;
}

    .btn_Person:hover {
        background: url("../Icons/btn_PersonHover.png") no-repeat;
    }

.btn_AddBusiness {
    width: 227px;
    height: 65px;
    border: none;
    cursor: pointer;
    background: url("../Icons/tkhdn-n.png") no-repeat;
}

    .btn_AddBusiness:hover {
        background: url("../Icons/tkhdn-h.png") no-repeat;
    }

.btn_AddPerson {
    width: 227px;
    height: 65px;
    border: none;
    cursor: pointer;
    background: url("../Icons/tkhcn-n.png") no-repeat;
}

    .btn_AddPerson:hover {
        background: url("../Icons/tkhcn-h.png") no-repeat;
    }


.btnUpload {
    border: none;
    width: 110px;
    height: 25px;
    cursor: pointer;
    background: url("../images/btnUpload.png") no-repeat;
}

    .btnUpload:hover {
        background: url("../images/btnUploadHover.png") no-repeat;
    }

.float {
    float: left;
}

.choose {
    color: #e40000;
}

.input {
    border: 1px solid #d7d7d7;
    background: #FFFFFF;
    padding: 0 10px;
    height: 23px;
    line-height: 23px;
    color: #8e8e8e;
}

.inputMultiLine {
    border: 1px solid #d7d7d7;
    background: #f4f4f4;
    padding-left: 10px;
    height: 23px;
    line-height: 23px;
    color: #8e8e8e;
}

.inputDomain {
    background-image: url("../Images/txt-multi-bg.gif");
    background-repeat: no-repeat;
    border: 0 none white;
    max-height: 158px;
    max-width: 255px;
    min-height: 158px;
    min-width: 255px;
    padding: 4px;
}

.status {
    border: 1px solid #d7d7d7;
    background: #FFFFFF;
    padding: 0 0 0 5px;
    height: 25px;
    line-height: 25px;
    color: #8e8e8e;
    min-width: 80px;
}

.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td {
    border: solid 1px #E4A71D;
    background-color: #FEE288;
    font-size: 1em;
    color: #4D3000;
}

.txthighlight {
    border: 1px solid #FF0000;
}

.TextBox1 {
    font-size: 9pt;
    font-family: Tahoma;
    padding-left: 3px;
    border: 1px solid #d7d7d7;
    background: #f4f4f4;
    height: 20px;
    color: #8e8e8e;
}

select.TextBox1 {
    height: 27px;
}
/*TextBox normal*/
.TextBox2 {
    font-size: 9pt;
    font-family: Tahoma;
    padding: 0 0 0 3px;
    border: 1px solid #C2C2C2;
    background: #ffffff;
}

    .TextBox2:hover {
        border-bottom-color: #6E6E6E;
        border-right-color: #6E6E6E;
    }

.TextBox {
    font-size: 9pt;
    font-family: Tahoma;
    padding-left: 3px;
    border: 1px solid #C2C2C2; /*#515151;*/
    background: #FDFDCD;
}

    .TextBox:hover {
        border-bottom-color: #6E6E6E;
        border-right-color: #6E6E6E;
        background-color: #FCFCBC;
    }
/*TextBox inputmust*/
.TextBox5 {
    font-size: 9pt;
    font-family: Tahoma;
    border: solid 1px #C2C2C2;
    background-color: #FDFDC3; /*#FFFF99;*/
    padding-left: 3px;
}

    .TextBox5:hover {
        border-bottom-color: #6E6E6E;
        border-right-color: #6E6E6E;
    }

#newwindow {
    background: white;
    border: 3px solid #6a6a6a;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px #080808;
    box-shadow: 0 0 10px #080808;
}

    #newwindow #wcontent {
        margin: 5px;
    }

    #newwindow #header {
        cursor: pointer;
        font-weight: bold;
        font-size: 15px;
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 2px;
        margin-top: 5px;
        margin-left: 10px;
        margin-right: 10px;
        color: #6d6d6d;
        border-bottom: 2px solid #6d6d6d;
    }
/*-------------------------------------------------------------*/
#content #footer {
    border: 1px solid #d7d6d6;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    height: 212px;
}

    #content #footer .sector {
        min-height: 10px;
        position: relative;
        background-color: #f7f7f7;
        /*background: url("../images/dash.gif") repeat-x left top;*/
        padding: 10px 0px;
        float: left;
        width: 100%;
        clear: both;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        #content #footer .sector img.img_phone {
            position: absolute;
            top: 18px;
            left: 0;
        }

        #content #footer .sector img.logoRB {
            position: absolute;
            bottom: -1px;
            right: 0;
            width: 174px;
            height: 90px;
        }

        #content #footer .sector .addr_footer {
            font-size: 15px;
            float: left;
            width: 48%;
            padding-left: 20px;
            height: 140px;
        }

            #content #footer .sector .addr_footer p {
                margin: 8px;
            }

                #content #footer .sector .addr_footer p.title {
                    background: none;
                    border: none;
                    padding: 0;
                }

                #content #footer .sector .addr_footer p b {
                    color: #c40000;
                }

        #content #footer .sector #partners {
            height: 50px;
            line-height: 50px;
            margin-top: 5px;
        }

.clear {
    clear: both;
}
/*-------------------------------- List Message -----------------------------------*/
.message_item {
    width: 100%;
    min-height: 50px;
    background: white;
    padding: 10px 0;
    margin-bottom: 10px;
}

    .message_item .date_message {
        float: left;
        width: 10%;
        margin-right: 10px;
        text-align: center;
    }

        .message_item .date_message span {
            display: block;
            font-size: 22pt;
        }

    .message_item .content_message {
        float: left;
        width: 86%;
        margin-right: 10px;
    }

        .message_item .content_message .title_message {
            color: #363636;
            height: 20px;
            line-height: 20px;
            font-weight: bold;
            display: block;
            border-bottom: 1px solid #c6c6c6;
        }

            .message_item .content_message .title_message:hover {
                color: red;
            }

        .message_item .content_message p {
            margin: 5px 0;
        }

.date_message {
    color: #686868;
    padding-left: 20px;
}

.message-detail {
    padding-top: 15px;
}

.relate_News {
    float: left;
    width: 100%;
    margin: 5px 0;
}

    .relate_News a {
        color: #363636;
    }

        .relate_News a:hover {
            color: #ed0000;
        }

    .relate_News span {
        float: left;
    }

        .relate_News span.date_relate {
            width: 6%;
            margin: 0 20px 0 10px;
        }
/*---------------------------------------------------------------------------------*/
.wrap .menu ul li a.iconHome {
    background: url("../images/iconHome.png") no-repeat center top;
}

    .wrap .menu ul li a.iconHome:hover {
        background: url("../images/iconHome_Active.png") no-repeat center top;
        color: #ff0000;
    }

.wrap .menu ul li a:Active {
    font-size: 12px;
    font-weight: normal;
    /*color: #ff0000;*/
    line-height: 54px;
    height: 54px;
    background: url("../mages/boderbottom_nav.png") no-repeat center bottom;
}

.wrap .menu ul li a {
    margin-left: 30px;
    font-size: 12px;
    font-weight: normal;
    height: 54px;
    line-height: 54px;
    float: left;
    text-align: center;
    text-shadow: 0px 1px 1px #ffffff;
}

    .wrap .menu ul li a:hover {
        background: url("../Images/boderbottom_nav.png") no-repeat center bottom;
        color: #ff0000;
    }

.ActiveMenu {
    background: url("../Images/boderbottom_nav.png") no-repeat center bottom;
    color: #ff0000;
}
/*=============================*/
/*.wrap .menu ul li a.iconService
{
    background: url("../images/iconService.png") no-repeat center top;
}
.wrap .menu ul li a.iconService:hover
{
    background: url("../images/iconService_Active.png") no-repeat center top;
    color: #ff0000;
}
.wrap .menu ul li a.iconService_Active
{
    background: url("../images/iconService_Active.png") no-repeat center top;
    color: #ff0000;
}
/*=============================
.wrap .menu ul li a.iconTrade
{
    background: url("../images/iconTrade.png") no-repeat center top;
}
.wrap .menu ul li a.iconTrade:hover
{
    background: url("../images/iconTrade_Active.png") no-repeat center top;
    color: #ff0000;
}
.wrap .menu ul li a.iconTrade_Active
{
    background: url("../images/iconTrade_Active.png") no-repeat center top;
    color: #ff0000;
}
/*=============================
.wrap .menu ul li a.iconSupport
{
    background: url("../images/iconSupport.png") no-repeat center top;
}
.wrap .menu ul li a.iconSupport:hover
{
    background: url("../images/iconSupport_Active.png") no-repeat center top;
    color: #ff0000;
}
.wrap .menu ul li a.iconSupport_Active
{
    background: url("../images/iconSupport_Active.png") no-repeat center top;
    color: #ff0000;
}
/*=============================
.wrap .menu ul li a.iconAccount
{
    background: url("../images/iconAccount.png") no-repeat center top;
}
.wrap .menu ul li a.iconAccount:hover
{
    background: url("../images/iconAccount_Active.png") no-repeat center top;
    color: #ff0000;
}
.wrap .menu ul li a.iconAccount_Active
{
    background: url("../images/iconAccount_Active.png") no-repeat center top;
    color: #ff0000;
}
/*=============================
.wrap .menu ul li a.iconCustomer
{
    background: url("../images/iconCustomer.png") no-repeat center top;
}
.wrap .menu ul li a.iconCustomer:hover
{
    background: url("../images/iconCustomer_Active.png") no-repeat center top;
    color: #ff0000;
}
.wrap .menu ul li a.iconCustomer_Active
{
    background: url("../images/iconCustomer_Active.png") no-repeat center top;
    color: #ff0000;
}
/*=============================
.wrap .menu ul li a.iconMessage
{
    background: url("../images/iconMessage.png") no-repeat center top;
}
.wrap .menu ul li a.iconMessage:hover
{
    background: url("../images/iconMessage_Active.png") no-repeat center top;
    color: #ff0000;
}
.wrap .menu ul li a.iconMessage_Active
{
    background: url("../images/iconMessage_Active.png") no-repeat center top;
    color: #ff0000;
}
/*=============================
.wrap .menu ul li a.iconDomain
{
    background: url("../images/iconDomain.png") no-repeat center top;
}
.wrap .menu ul li a.iconDomain:hover
{
    background: url("../images/iconDomain_Active.png") no-repeat center top;
    color: #ff0000;
}
.wrap .menu ul li a.iconDomain_Active
{
    background: url("../images/iconDomain_Active.png") no-repeat center top;
    color: #ff0000;
}
/*=============================
.wrap .menu ul li a.iconSSL
{
    background: url("../images/iconSSL.png") no-repeat center top;
}
.wrap .menu ul li a.iconSSL:hover
{
    background: url("../images/iconSSL_Active.png") no-repeat center top;
    color: #ff0000;
}
.wrap .menu ul li a.iconSSL_Active
{
    background: url("../images/iconSSL_Active.png") no-repeat center top;
    color: #ff0000;
}
/*=============================
.wrap .menu ul li a.iconHosting
{
    background: url("../images/iconHosting.png") no-repeat center top;
}
.wrap .menu ul li a.iconHosting:hover
{
    background: url("../images/iconHosting_Active.png") no-repeat center top;
    color: #ff0000;
}
.wrap .menu ul li a.iconHosting_Active
{
    background: url("../images/iconHosting_Active.png") no-repeat center top;
    color: #ff0000;
}
/*=============================
.wrap .menu ul li a.iconSoftware
{
    background: url("../images/iconSoftware.png") no-repeat center top;
}
.wrap .menu ul li a.iconSoftware:hover
{
    background: url("../images/iconSoftware_Active.png") no-repeat center top;
    color: #ff0000;
}
.wrap .menu ul li a.iconSoftware_Active
{
    background: url("../images/iconSoftware_Active.png") no-repeat center top;
    color: #ff0000;
}
/*=============================
.wrap .menu ul li a.iconEmail
{
    background: url("../images/iconEmail.png") no-repeat center top;
}
.wrap .menu ul li a.iconEmail:hover
{
    background: url("../images/iconEmail_Active.png") no-repeat center top;
    color: #ff0000;
}
.wrap .menu ul li a.iconEmail_Active
{
    background: url("../images/iconEmail_Active.png") no-repeat center top;
    color: #ff0000;
}
/*=============================
.wrap .menu ul li a.iconPrice
{
    background: url("../images/iconPrice.png") no-repeat center top;
    background-size: 20px 20px;
}
.wrap .menu ul li a.iconPrice:hover
{
    background: url("../images/iconPrice_Active.png") no-repeat center top;
    background-size: 20px 20px;
    color: #ff0000;
}
.wrap .menu ul li a.iconPrice_Active
{
    background: url("../images/iconPrice_Active.png") no-repeat center top;
    background-size: 20px 20px;
    color: #ff0000;
}
/*=============================
.wrap .menu ul li a.iconGuide
{
    background: url("../images/iconGuide.png") no-repeat center top;
    background-size: 20px 20px;
}
.wrap .menu ul li a.iconGuide:hover
{
    background: url("../images/iconGuide_Active.png") no-repeat center top;
    background-size: 20px 20px;
    color: #ff0000;
}
.wrap .menu ul li a.iconGuide_Active
{
    background: url("../images/iconGuide_Active.png") no-repeat center top;
    background-size: 20px 20px;
    color: #ff0000;
}*/
/*=============================
.wrap .menu ul li a.iconServer
{
    background: url("../images/iconServer.png") no-repeat center top;
}
.wrap .menu ul li a.iconServer:hover
{
    background: url("../images/iconServer_Active.png") no-repeat center top;
    color: #ff0000;
}
.wrap .menu ul li a.iconServer_Active
{
    background: url("../images/iconServer_Active.png") no-repeat center top;
    color: #ff0000;
}*/
#div-scroll {
    width: 46px;
    height: 46px;
    text-align: center;
    position: fixed;
    z-index: 999999; /* không thay đổi dòng này */
    bottom: 10px; /* vị trí của div-toTop */
    right: 5px;
    cursor: pointer;
    color: #333;
    font-family: verdana;
    font-size: 11px;
}

#div-toTop {
    background-position: top;
    height: 17px;
    background-repeat: no-repeat;
    margin: 5px 3px 0 0;
}

#div-toBottom {
    background-position: bottom;
    height: 18px;
    background-repeat: no-repeat;
    margin: 0px 3px 0 0px;
}

#tbNote {
    color: #A7A7A7;
}

.note1 {
    color: #A7A7A7;
}

.note2 {
    margin-top: 15px;
}

.text-red {
    color: #ff0000;
}
/*.note2 p:first-child{
 font-size:12px;
}*/
.Add {
    padding-top: 15px;
    background-image: url(../Images/bga.png);
    background-repeat: repeat-x;
    float: left;
    width: 120px;
    color: white;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}

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

.AddActive {
    padding-top: 15px;
    background-image: url(../Images/bgas.png);
    background-repeat: repeat-x;
    float: left;
    color: white;
    font-weight: bold;
    width: 120px;
    text-align: center;
    padding-bottom: 10px;
}
/*====TAB====*/
.tabHide {
    background-image: url('../Images/tab-hide.png');
    background-repeat: no-repeat;
    height: 22px;
    float: left;
    color: White;
    width: 150px;
    padding-top: 4px;
    cursor: pointer;
}

.tabShow {
    background-image: url('../Images/tab-show.png');
    background-repeat: no-repeat;
    background-position: left top;
    height: 22px;
    float: left;
    color: #5A5A5A;
    width: 150px;
    padding-top: 4px;
    cursor: pointer;
}

.menuOnlineRecharge {
    float: left;
    padding-left: 20px;
    padding-bottom: 5px;
}

.menuOnlineRechargeContent {
    float: right;
    width: 700px;
    border-left: 5px solid white;
}

    .menuOnlineRechargeContent:hover {
        background-color: #eaeaea;
        border-left: 5px solid red;
    }

    .menuOnlineRechargeContent table {
        padding-left: 10px;
        padding-top: 10px;
    }

.menuOnlineRecharge a {
    color: #363636;
    font-size: 10pt;
    font-weight: bold;
}

.menuOnlineRechargeLine {
    float: left;
    width: 5px;
}

.tbl_MB_Declaration .NearExpireOfDeclaration {
    color: Green;
}

    .tbl_MB_Declaration .NearExpireOfDeclaration td a {
        color: Green;
    }

.tbl_MB_Declaration .NoAcceptOfDeclaration {
    color: red;
}

    .tbl_MB_Declaration .NoAcceptOfDeclaration td a {
        color: red;
    }

.tbl_MB_Declaration .DenineOfDeclaration {
    color: gray;
}

    .tbl_MB_Declaration .DenineOfDeclaration td a {
        color: gray;
    }

.collapse {
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url('../icons/collapse.png') no-repeat;
    position: absolute;
    top: 0px;
    right: 0;
}

.message {
    width: auto;
    height: 15px;
    padding: 0 6px 10px;
    position: fixed;
    right: 10px;
    border: 1px solid #D48012; /*--------------------------- Gradient ---------------------------*/
    background: -webkit-gradient(linear, left top, left bottom, from(#EC9018), to(#FDE6D5));
    background: -moz-linear-gradient(top, #EC9018, #FDE6D5);
    background: -o-linear-gradient(top, #EC9018, #FDE6D5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EC9018', endColorstr='#FDE6D5'); /*--------------------------- Shadow -----------------------------*/
    -moz-box-shadow: inset 0 0 2px #a7a7a7;
    box-shadow: inset 0 0 2px #a7a7a7; /*--------------------------- Corner -----------------------------*/
    -moz-border-radius: 6px;
    border-radius: 6px 6px 0 0px;
    z-index: 99;
}

    .message .closeMessage {
        position: absolute;
        top: 0;
        right: 10px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        background: url('../icons/closeTB.png') no-repeat;
        border: 1px solid #383838;
        border-top: none; /*--------------------------- Corner -----------------------------*/
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
    }

    .message .tdMessage {
        color: white;
        font-weight: bold;
        padding: 5px 10px 5px 0;
        margin: 0;
        cursor: pointer;
        text-shadow: 0 1px 1px #70400C;
    }

    .message .ctMessage {
        width: 355px;
        height: 162px;
        padding: 0; /*--------------------------- Shadow -----------------------------*/
        -moz-box-shadow: inset 1px 1px 4px #686868;
        box-shadow: inset 1px 1px 4px #686868; /*--------------------------- Corner -----------------------------*/
        -moz-border-radius: 6px;
        border-radius: 6px;
        background: #fff;
        overflow: scroll;
        overflow-x: hidden;
    }

        .message .ctMessage h4 {
            padding: 10px 0 0 10px;
            margin: 0;
        }

        .message .ctMessage table {
            padding: 10px 0 0 10px;
            width: 320px;
        }

            .message .ctMessage table thead tr {
                height: 20px;
                line-height: 20px;
            }

            .message .ctMessage table tbody tr td {
                height: auto;
            }

            .message .ctMessage table thead tr td:nth-child(1) {
                width: 30px;
            }

            .message .ctMessage table tbody tr td:nth-child(1) {
                text-align: center;
            }

.OrderByDomain, .OrderByStartDate, .OrderByEndDate, .PageNumbersCssClass a {
    cursor: pointer;
}

.pagesize a {
    cursor: pointer;
    color: Blue;
}

div#tbl_menu a {
    float: left;
    margin-bottom: 5px;
}

ul.warning li {
    padding: 3px 0;
}

ul.right_menu {
    padding-left: 10px;
}

    ul.right_menu li {
        list-style-type: none;
        float: left;
        width: 91%;
        padding: 10px;
        font-size: 9pt;
        border-bottom: 1px dotted #b7b7b7;
    }

        ul.right_menu li img {
            vertical-align: middle;
            padding: 0 10px 0 5px;
        }

        ul.right_menu li a {
            color: #363636;
            cursor: pointer;
        }

            ul.right_menu li a:hover, ul.right_menu li a.active {
            }

a.active {
    /*color: #cd0000;*/
    color: #FF0000;
}

.sub-menu-right {
    padding: 0;
    padding-left: 40px;
}

    .sub-menu-right .sub {
        padding-left: 20px;
        border: none;
        background: url("../Images/guide-submenu-hover.png") no-repeat;
        background-position: left center;
    }

.navi_right_top {
    background: url("../Images/line_v_top.png") no-repeat;
    width: 7px;
    height: 65px;
    background-position-y: 10px;
}

.navi_right_middle {
    background: url("../Images/line_v_middle.png") repeat-y right;
    width: 11px;
}

.navi_right_bottom {
    background: url("../Images/line_v_bottom.png") no-repeat;
    width: 9px;
    height: 120px;
}

div.navi_message {
    margin: 10px 0 0 10px;
    height: 25px;
}

    div.navi_message table tr td.left_message {
        background: url("../Images/left_message.png") no-repeat scroll 0 0 transparent;
        color: #A5A5A5;
        font-size: 11pt;
        font-weight: bold;
        height: 45px;
        text-align: center;
        text-shadow: 1px 1px 1px white;
        width: 162px;
    }

    div.navi_message table tr td.center_message {
        background: url("../Images/center_message.gif") repeat-x;
        height: 45px;
    }

        div.navi_message table tr td.center_message a {
            vertical-align: middle;
            color: #363636;
            font-size: 11pt;
        }

            div.navi_message table tr td.center_message a:hover {
                text-decoration: underline;
            }

        div.navi_message table tr td.center_message div div img {
            vertical-align: middle;
            padding: 0 5px 0 10px;
        }

    div.navi_message table tr td.right_message {
        background: url("../Images/right_message.png") no-repeat;
        height: 45px;
        width: 8px;
    }

.buttonMore {
    background: url("../Images/message_more.gif") no-repeat;
    height: 19px;
    width: 62px;
    display: inline-block;
    line-height: 19px;
    text-align: center;
    font-size: 9pt;
    color: #363636;
}

a:hover span.buttonMore {
    background: url("../Images/message_more_hover.png") no-repeat;
    color: #fff;
}
/******** Account Info *********/

.infoframe {
    width: auto;
    height: 44px;
    float: right;
    margin-right: 10px;
    box-shadow: 0px 0px 2px rgb(63, 61, 61);
    -moz-border-radius: 0px 6px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    background-color: #363636;
}

    .infoframe .menu {
        width: 155px;
        height: 100%;
        border: solid 1px #737373;
        border-right: solid 1px #434343;
        -moz-border-radius: 0px 0px 0px 6px;
        border-radius: 0px 0px 0px 6px;
        float: left;
        background-image: url('/App_Themes/Blue/Images/bgInfoMenu.gif');
        padding-left: 15px;
    }

    .infoframe .info {
        -moz-border-radius: 0px 0px 6px 0px;
        border-radius: 0px 0px 6px 0px;
        text-align: right;
        padding-left: 10px;
        padding-right: 10px;
        float: left;
    }

#uInfo {
    text-align: right;
    margin-top: 7px;
    float: right;
}

    #uInfo ul {
        padding-left: 0px;
        margin: 0;
    }

        #uInfo ul li {
            display: inline;
            list-style: none;
        }

            #uInfo ul li a {
                float: left;
                position: Relative;
            }

                #uInfo ul li a span {
                    position: Absolute;
                    top: 27px;
                    background: url("../images/topExits.png")top no-repeat;
                    width: 104px;
                    text-align: center;
                    height: 22px;
                    left: -28px;
                    white-space: nowrap;
                    font-size: 11px;
                    font-family: arial,sans-serif;
                    color: white;
                    visibility: hidden;
                    opacity: 0;
                    padding-top: 4px;
                }

                    #uInfo ul li a span p {
                        display: inline-block;
                        margin: 0 auto;
                        height: 20px;
                        background: #cd0000;
                        line-height: 20px;
                        text-align: center;
                        padding: 1px 5px;
                    }
                /*#uInfo ul li a span:after{
    content:"";
    width:0;
    height:0;
    position:absolute;
    bottom:22px;
    left:48%;
    border:6px solid transparent;
    border-bottom:7px solid #cd0000;
}*/
                #uInfo ul li a:hover span {
                    visibility: visible;
                    opacity: 1;
                }

            #uInfo ul li img {
                width: 20px;
                height: 20px;
                border-left: dotted 1px #FFF;
                padding: 0px 10px;
            }

.infoframe .info p {
    color: #c0c0c0;
    margin: 0;
    line-height: 22px;
}

    .infoframe .info p a {
        color: #c0c0c0;
    }

        .infoframe .info p a:hover {
            color: Yellow;
        }

.infoframe .info span {
    color: White;
}

.infoframe .menu li {
    font-size: 9pt;
    font-weight: bold;
    list-style: none;
    float: left;
    margin-right: 20px;
    height: 54px;
    padding-top: 23px;
    text-align: center;
}

    .infoframe .menu li a {
        color: #3c3c3c;
    }

        .infoframe .menu li a:hover {
            color: #cd0000;
        }


    .infoframe .menu li:hover {
        color: Red;
        background-image: url('/App_Themes/Blue/Images/bullet-info.gif');
        background-repeat: no-repeat;
        background-position: center top;
    }

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


a.loadData {
    text-decoration: underline;
    color: Blue;
    cursor: pointer;
}

div.menudetail {
    display: inline;
    width: 100%;
    float: left;
    padding: 10px 0;
}

table.roleE {
    border: 1px solid #fff;
}

    table.roleE tr th.name {
        background: #f5f5f5;
        border-top: 1px solid #ebebeb;
        padding: 0 10px;
        text-align: left;
    }

        table.roleE tr th.name a {
            color: #cd0000;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 13px;
        }

    table.roleE tr th, table.roleE tr td {
        background: #ebebeb;
        border: 1px solid #f5f5f5;
        border-bottom: none;
        border-right: none;
    }

/************************************************/
table.tbl_price thead tr td {
    background: #ec9e29;
    color: #fff;
}

table.tbl_price thead tr td {
    border-right: 1px solid #fff;
}

table.tbl_price tbody tr.bgWhite {
    background: #fff;
}

table.tbl_price tbody tr.bgGray {
    background: #f1f1f1;
}

table.tbl_price tbody tr td.price {
    font-weight: bold;
    padding-right: 10px;
}

table.tbl_price tbody tr td.pservice {
    padding-left: 10px;
}

table.tbl_price tbody tr td {
    border: none;
}
/* Menu popup guide*/
/* Sub Category techincal */
.sub-cate-techguide {
    margin-top: 4px;
}

.ico-help {
    float: right;
    font-weight: bold;
    *display: inline;
    background: url('/App_Themes/Blue/Icons/icon-help-service.png') no-repeat;
    width: 118px;
    height: 33px;
    cursor: pointer;
}

    .ico-help:hover {
        background: url('/App_Themes/Blue/Icons/icon-help-service-hover.png') no-repeat;
    }

.sendRequest {
    background: url('/App_Themes/Blue/Images/iconSupport.png') no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}

.ServerOn {
    background: url('/App_Themes/Blue/Images/iconServer.png') no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}

.ServerOff {
    background: url('/App_Themes/Blue/Images/iconServerIng.png') no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}

.ServerActive {
    background: url('/App_Themes/Blue/Images/iconServer_Active.png') no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}

.MoneyOn {
    background: url('/App_Themes/Blue/Images/iconTradeIng.png') no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}

.MoneyOff {
    background: url('/App_Themes/Blue/Images/iconTrade_Active.png') no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}

.SupportDeni {
    background: url('/App_Themes/Blue/Images/icon_upload_no_accept.png') no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}

.SupportComplete {
    background: url('/App_Themes/Blue/Images/icon_upload_waiting.png') no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}

.SupportProcessing {
    background: url('/App_Themes/Blue/Images/icon_upload_decline.png') no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: inline-block;
}
/*------------Tooltip--------------*/
.WrapTooltip {
    position: Relative;
}

    .WrapTooltip span.LinkTooltip:hover span {
        visibility: visible;
        opacity: 1;
    }

.tooltip {
    z-index: 99999;
    position: Absolute;
    top: 15px;
    background: url("../images/tooltipArrow.png")left no-repeat;
    text-align: center;
    height: 22px;
    left: 60%;
    white-space: nowrap;
    font-size: 11px;
    font-family: arial,sans-serif;
    color: white;
    visibility: hidden;
    opacity: 0;
    padding-top: 4px;
    padding-left: 5px;
}

.TooltipInfo {
    display: inline-block;
    margin: 0 auto;
    height: 20px;
    background: #cd0000;
    line-height: 20px;
    text-align: center;
    padding: 3px 10px;
}
/*---------Home---------------------*/
.WrapHeader {
    padding: 0px;
    border: 1px solid rgb(255, 255, 255);
    background: url("../Images/bgHeaderHome1.jpg");
    box-shadow: 0 0 0 1px rgb(233, 233, 233);
}

.Header {
    height: 38px;
    line-height: 38px;
    width: 15%;
    float: left;
    margin: auto;
    font-size: 15px;
    text-align: center;
}

.HeaderInfo {
    float: left;
    width: 85%;
    height: 38px;
    line-height: 38px;
    background: url("../Images/bgHeaderHome.png") no-repeat;
}

    .HeaderInfo ul {
        list-style-image: url("../Images/StylistHome1.png");
        display: inline;
        float: left;
        margin: 0px;
    }

        .HeaderInfo ul li {
        }

.WrapBtNext {
    float: right;
    padding-right: 10px;
}

.ButtonNext {
    text-decoration: none;
    color: #FFF;
    padding: 1px 5px;
    font-size: 11px;
    background: url("../Images/bgButtonHome.jpg");
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #323537;
    border-color: #b20000;
    -webkit-box-shadow: 0 0px 2px rgba(156, 156, 156, 1);
    -moz-box-shadow: 0 0px 2px rgba(156, 156, 156, 1);
    box-shadow: 0 0px 2px rgba(156, 156, 156, 1);
}

.HomeContent {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    width: 100%;
}

    .HomeContent span {
        float: left;
        display: block;
        margin: 0px;
        padding-bottom: 15px;
        margin-right: 25px;
        border-bottom: 1px dotted #7f7f7f;
    }

    .HomeContent ul {
        padding: 0px;
        margin: 0px;
        list-style-image: url("../Images/StylistHome2.png");
    }

        .HomeContent ul li a {
            color: #cd0000;
            text-decoration: none;
            font-size: 12px;
            padding: 0px;
        }

.btnResetP {
    top: 50px;
    left: 190px;
}

.btnActive {
    top: 65px;
    left: 190px;
}

.ButtonActive {
    border: none;
    cursor: pointer;
    padding: 0 20px 0px;
    height: 46px;
    width: 119px;
    background: url("../Images/Active.png") center no-repeat;
}

    .ButtonActive:hover {
        background: url("../Images/ActiveH.png") center no-repeat;
    }
/*-------------menu right service-------------*/
.Alink12 {
    color: #8f8f8f;
}

    .Alink12:hover {
        color: #0000FF;
    }

.Alink1 {
    color: #0000FF;
}

    .Alink1:hover {
        color: #0000FF;
    }

    .Alink1:active {
        color: #FFF;
    }

.Alink7 {
    color: #FFA500;
}

    .Alink7:hover {
        color: #0000FF;
    }

.Alink30 {
    color: #FF4500;
}

    .Alink30:hover {
        color: #0000FF;
    }

.Alink10 {
    color: #FF0000;
}

    .Alink10:hover {
        color: #0000FF;
    }

.Alink0 {
    color: #C0C0C0;
}

    .Alink0:hover {
        color: #0000FF;
    }

.Alink60 {
    color: #6B8E23;
}

    .Alink60:hover {
        color: #0000FF;
    }

.TItem60 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    color: #6B8E23;
}

    .TItem60 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItem30 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    color: #FF4500;
}

    .TItem30 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItem7 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    color: #FFA500;
}

    .TItem7 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItem10 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    color: #FF0000;
}

    .TItem10 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItem9 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    color: #800080;
}

    .TItem9 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItem1 TD {
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 5px;
}

    .TItem1 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItem0 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 5px;
    color: #C0C0C0;
}

    .TItem0 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItemA60 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #ededed;
    padding: 5px;
    color: #6B8E23;
}

    .TItemA60 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItemA30 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #ededed;
    padding: 5px;
    color: #FF4500;
}

    .TItemA30 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItemA7 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #ededed;
    padding: 5px;
    color: #FFA500;
}

    .TItemA7 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItemA10 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #ededed;
    padding: 5px;
    color: #FF0000;
}

    .TItemA10 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItemA9 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #ededed;
    padding: 5px;
    color: #800080;
}

    .TItemA9 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItemA1 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #ededed;
    padding: 5px;
    color: #0000FF;
}

    .TItemA1 TD:last-child {
        border-right: 1px solid #ffffff;
    }

.TItemA0 TD {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background-color: #ededed;
    padding: 5px;
    color: #C0C0C0;
}

    .TItemA0 TD:last-child {
        border-right: 1px solid #ffffff;
    }
/*----------------MenuTab-----------------------*/
#Tab {
    width: 200px;
}

#TabService {
    width: 100%;
}

    #TabService ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        position: relative;
        height: 29px;
    }

        #TabService ul li {
            position: absolute;
            text-align: center;
            padding-top: 3px;
            height: 26px;
            width: 130px;
            background: url("../images/TabMenu.png")top no-repeat;
        }

            #TabService ul li a {
                height: 29px;
                line-height: 29px;
                font-size: 11px;
                color: white;
                text-transform: capitalize;
            }

    #TabService .DS {
    }

        #TabService .DS:hover {
            z-index: 9999;
            background: url("../images/TabMenuActive.png")top no-repeat;
        }

    #TabService .Server {
        left: 100px;
    }

        #TabService .Server:hover {
            z-index: 9999;
            background: url("../images/TabMenuActive.png")top no-repeat;
        }

    #TabService .Soft {
        left: 200px;
    }

        #TabService .Soft:hover {
            z-index: 9999;
            background: url("../images/TabMenuActive.png")top no-repeat;
        }

    #TabService .Orther {
        left: 300px;
    }

        #TabService .Orther:hover {
            z-index: 9999;
            background: url("../images/TabMenuActive.png")top no-repeat;
        }
/*------------
	text-align: center;
font-size: 11px;
	font-family: arial,sans-serif;
---------------------*/
/*------------------Popup-----------------------------*/
.ModalPopupBG {
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.ModalPopup {
    min-width: 200px;
    min-height: 150px;
    width: 500px;
    height: 600px;
    background: white;
    overflow: scroll;
}

.textbox_disable {
    background-color: #eeeeee;
}

.combobox_search {
    display: inline-block;
}

    .combobox_search tr td input[type='radio'] {
        float: left;
        margin-top: 2px;
    }

    .combobox_search tr td label {
        float: left;
        margin-top: 3px;
    }

.combobox_search2 label {
    line-height: 23px;
}

.combox_disableditem {
    color: #000000;
    font-weight: bold;
    font-style: italic;
}

.combobox_item {
    padding-left: 20px;
}

.radiolist {
    line-height: 32px;
    width: 100%;
    margin: 0;
    padding: 0;
}

    .radiolist tr td input[type='radio'] {
        float: left;
        margin-top: 5px;
        display: none;
    }

    .radiolist tr td label {
        float: left;
        margin-top: -3px;
        width: 80px;
    }
/*CDR Report*/
.cdr {
    border-width: 0;
    font-size: 8pt;
    width: 100%;
}

    .cdr th {
        background-color: #5ebeff;
        border-color: #000;
        border-width: 2px;
        text-align: center;
    }

.record_col {
    border-width: 0;
    padding-left: 2px;
    padding-right: 2px;
}


.cdr .img_col {
    height: 16px;
    width: 16px;
}

.cdr th {
    background-color: #5ebeff;
    border-color: #000;
    border-width: 2px;
    text-align: center;
}

.record {
    background-color: #fff;
}

    .record:hover {
        background: #ffdca8;
        color: #000;
    }

.center {
    text-align: center;
}

.title_report {
    color: #777;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0;
}

.cdr .end_col {
    padding: 1px;
    width: 11%;
}


.cdr .center_col {
    padding: 2px;
    width: 78%;
}

.bar_calls {
    background-color: #aaf5d0;
    float: none;
    padding: 0 0 0 2px;
}

.bar_duration {
    background-color: #e5edf9;
    float: none;
    padding: 0 0 0 2px;
}

.cdr .chart_data {
    padding: 0;
    text-align: right;
    width: 3%;
}

/*SIP Report*/
table.box {
    background-color: #095a9a;
    border: medium none;
    padding: 0 1px 1px;
    text-align: left;
}

tr.boxheader {
    background-color: #095a9a;
    text-align: left;
}

tr.boxbody {
    background-color: #e6e6e6;
    color: #000000;
    font-size: 12px;
    text-align: left;
}

h5 {
    color: #ff8a00;
}

hr {
    background-color: #deedf7;
    border: 1px solid #aed0ea;
    border-radius: 5px;
    height: 3px;
}

.title_label {
    color: gray;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0;
}

.help {
    cursor: pointer;
}

    .help span, a.info span {
        background-color: #deedf7;
        border: 1px solid #aed0ea;
        border-radius: 5px;
        color: #2779aa;
        display: none;
        font-size: 15px;
        font-weight: normal;
        left: 60px;
        line-height: 15px;
        margin-top: 22px;
        padding: 8px 12px;
        position: absolute;
        text-align: justify;
        width: 35em;
        z-index: 1;
    }

/*------------Tooltip--------------*/
.WrapTooltipPopup {
    position: Relative;
    top: 0px;
    left: 3px;
    margin-top: 10px;
    cursor: pointer;
}

    .WrapTooltipPopup span.LinkTooltipPopup:hover span {
        visibility: visible;
        opacity: 1;
    }

.WrapTooltipTCPopup {
    position: Relative;
    float: left;
}

    .WrapTooltipTCPopup span.LinkTooltipPopup:hover span {
        visibility: visible;
        opacity: 1;
    }

.tooltipPopup {
    z-index: 99999;
    position: Absolute;
    top: 10px;
    background: url("../images/tooltipArrow2.png")top left no-repeat;
    text-align: center;
    min-height: 22px;
    left: 60%;
    font-size: 11px;
    font-family: arial,sans-serif;
    /*color: white;*/
    color: #2779aa;
    visibility: hidden;
    opacity: 0;
    padding-top: 4px;
    padding-left: 5px;
}

.TooltipInfoPopup {
    display: inline-block;
    margin: 0 auto;
    min-height: 20px;
    vertical-align: middle;
    text-align: left;
    padding: 3px 6px;
    background-color: #deedf7;
    border: 1px solid #aed0ea;
    border-radius: 5px;
}

    .TooltipInfoPopup P {
        padding: 0px;
        margin: 0px;
    }


.NameParent {
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: red;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    margin: 0 10px;
    color: #000;
    font-weight: bold;
    font-size: 11px;
}