﻿@charset "utf-8";
/**********************global***********************/
body {
    font-size: 9pt;
    font-family: Arial, Tahoma;
    cursor:default;
    color: #424242;
}
a{
    color:#0078EE;
    outline:none;
    /**blr:expression(this.onFocus=this.blur());*/
    cursor: pointer;
}
a:hover{
    color:#f60;
}
select {
    font-size: 9pt;
    _font-size: 8pt;
    height: 26px;
    border-radius: 6px;
    border: 1px solid #d3d3d3;
}
select:disabled {
    background: #eee;
    color: black;
}

/*********************size******************/
.h19{
    height:19px;
}

.va_2{
    vertical-align: -2px;
}

/*********************border style******************/
.ipt, .combo, .spinner {
    height: 24px;
    border-radius: 6px;
    border: 1px solid #d3d3d3;
}

/*.br_2_os_a3532b {*/
/*    border: 2px outset #a3532b;*/
/*}*/
/*.br_1_sd_a{*/
/*    border: 1px solid #aaa;*/
/*}*/
.br_1_sd_bd {
    border: 1px solid #d3d3d3;
}
/*.br_1_sd_B3{*/
/*    border: 1px solid #B3B3B3;*/
/*}*/
/*.br_1_sd_bd:focus{*/
/*    border: 1px solid #39C6FF;*/
/*}*/

/*/**********border_top*********!1!*/
/*.brT_2_is_3ab {*/
/*    border-top: 2px inset #3ab3ab;*/
/*}*/
/**/
/*.brT_2_os_3ab {*/
/*    border-top: 2px outset #3ab3ab;*/
/*}*/
/**/
/*/**********border_right*******!1!*/
/*.brR_2_gr_3ab {*/
/*    border-right: 2px groove #3ab3ab;*/
/*}*/
/**/
/*.brR_1_sd_9 {*/
/*    border-right: 3px solid #ddd;*/
/*}*/
/**/
/*/**********border_bottom******!1!*/
/*.brB_1_sd_47 {*/
/*    border-bottom: 1px solid #474747;*/
/*}*/
/**/
/*.brB_1_dt_9 {*/
/*    border-bottom: 1px dotted #999;*/
/*}*/
/**/
/*.brB_1_sd_e2 {*/
/*    border-bottom: 1px solid #E2E2E2;*/
/*}*/
/**/
/*.brB_1_dt_c {*/
/*    border-bottom: 1px dotted #ccc;*/
/*}*/
/**/
/*/**********border_left********!1!*/
/*.brL_2_sd_3ab {*/
/*    border-left: 2px solid #3ab3ab;*/
/*}*/
/**/
/*.brL_2_sd_3ab {*/
/*    border-left: 2px solid #3ab3ab;*/
/*}*/

.noBr{
    border-top:none;
    border-right:none;
    border-bottom:none;
    border-left:none;
}

/**********background-color*********/
.bgc_f{
    background-color: #FFF;
}
.bgc_f0{
    background-color: #F0F0F0;
}
.bgc_ed{
    background-color: #EDEDED;
}
.optGrp{
    font-family: Arial;
    color:#0081DD;
    font-style: italic;
    background-color:#DDD;
}
.optGrp option{
    color:#666;
    background-color:#FFF;
}

/*********************scrolling**********************/
textarea, .defScrl,.f_i_tab,
.slctd ul,.unslctd ul,#msgRev{
    scrollbar-3dlight-color: #C2C8CD;
    scrollbar-arrow-color: #767676;
    scrollbar-base-color: #FAFAFA;
    scrollbar-darkshadow-color: #C2C8CD;
    scrollbar-face-color: #FAFAFA;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #fff;
    scrollbar-track-color: #C6C6C6;
}
/***************background image********************/
.navbar_rpt,
.btn_ylw, .btn_ylw span, .btn_ylw span a,
.btn_yl, .btn_yl span, .btn_yl span a,
.btn_grw, .btn_grw span, .btn_grw span a,
.btn_gr, .btn_gr span, .btn_gr span a,
.boxTtl,.navBlk_ttl,.f_i_ttl,.flTtl,
.tabPg li,.tabPg li span,.tabPg li span span,
#settingTable thead td,#settingTable thead th,
.captionTp, .captionTp div, .captionTp div div{
    background-image: url(../images/thm_a/rpt_x.png);
}

.nav_lft_blk dt, .dt_hh {
    background-color: #17321B;
    /*background-image: url(../images/thm_a/gud_ttl_bg.png);*/
}

    .nav_lft_blk dd.on, .nav_lft_blk dt.dl_hover, .nav_lft_blk dd.dl_hover {
        background-color: #56755f;
        border-bottom: 1px solid black;
        padding-left: 1.5em;
    }
.nav_lft_blk dd.dl_hover {
    background-color: #BDBDBD;
}

.nav_lft_blk dd.on a {
    color: #fff;
}

.nav_lft_blk dt a,.nav_lft_blk dd a, .nav_lft_blk .dl_on a,
#navCN_blk dt span,.cls,.itemList em.success,.reply,
.edit,.del,.view,.home,.altPW,.details,.return,
.status_on,.status_off,.setting,.tips,/*#lic_tips,*/
.add,.sub,.lic_head span,.lic_head a,.lic_head a.spread,
.point,.tip,.start,.pause,.stop{
    background-image: url(../images/thm_a/ico_gif.gif);
}

.dateBtn {
    background-image: url(../images/userPics/datebox_arrow.png);
}

.nav_lft_tp, .nav_lft_tp div, .nav_lft_bm, .nav_lft_bm div {
    background-image: url(../images/thm_a/corner_b.gif);
}

.content_tp, .content_tp div, .content_bm, .content_bm div,
.content_tp div div, .content_bm div div{
    background-image: url(../images/thm_a/corner_a.png);
}

/**********************style**********************/
.fileEle{
    position: absolute;
    *top:3px;
    right:6px;
    *right:16px;
    _left:310px;
    height: 24px;
    *width:50px;
    opacity: 0;
    filter:alpha(opacity=0);
}
.fileItem{
    position: absolute;
    *top:3px;
    right:6px;
    *right:16px;
    _left:310px;
    height: 24px;
    /**width:50px;*/
    display:none \9;
    *display:none;
    _display:none;
    opacity: 0;
    filter:alpha(opacity=0);
}
.pr .btn_yl span span{
    /*padding: 0 8px;*/
}

/****************nav-left***************/

#header {
    position: relative;
    height: 68px;
    background: #1A4E6;
}


@-webkit-keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes Gradient {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

#topLine{
    height:3px;
    border-top: 1px solid #000;
    font-size: 0;
}
#topTexture{
    height:68px;
    /*background: url(../images/thm_a/topTexture.png) no-repeat left top;*/
}
#logo{
    /*width:170px;*/
    height:57px;
    padding-top: 7px;
}

#logo img {
    height: inherit;
}

#iconMenu{
    position: absolute;
    top: 0;
    left: 265px;
}
.item{
    float: left;
    min-width: 100px;
    text-align: center;
    cursor: pointer;
}
.item_focus,
.item_focus .wrp_ii,
.item_focus .wrp_iii,
.item:hover,
.item:hover .wrp_ii,
.item:hover .wrp_iii,
.popmenu li,
.arr_a{
    /*background-image: url(../images/thm_a/divlna.png);*/
}
.item_focus,
.item_focus .wrp_ii,
.item:hover,
.item:hover .wrp_ii{
    /*
    background-repeat: no-repeat;
    */

}

.item{
    border-bottom:solid 3px #fff;
    border-bottom-width: 0px;
}

.item_focus,
.item:hover{
    /*
    background-position: left 0;
    */

    border-bottom-width: 3px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;

}
.item_focus .wrp_ii,
.item:hover .wrp_ii{
    /*
    background-position: right -68px;
    */
}
.item_focus .wrp_iii,
.item:hover .wrp_iii{
    margin: 0 6px;
    /*    background-repeat: repeat-x;
        background-position: 0 -136px;*/
    text-align: center;
}
.item_ico_a,
.item_ico_b,
.item_ico_c,
.item_ico_d{
    display: inline-block;
    width: 34px;
    height: 34px;
    padding: 5px 0;
    background-image: url(../images/thm_a/item_ico.png);
}
.item_ico_a{
    background-position: center 10px;
}
.item_ico_b{
    background-position: center -33px;
}
.item_ico_c{
    background-position: center -76px;
}
.item_ico_d{
    background-position: center -117px;
}
.item h2{
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
}


#status{
    padding-top: 9px;
}
#status span, #status a{
    display: inline-block;
    line-height: 17px;
    padding-right: 15px;
    background: url(../images/thm_a/divlna.png) no-repeat right -255px;
    color:#FFF;
    cursor: pointer;
    /*text-shadow:1px 1px 1px #000;
    filter:shadow(direction=135,strength=2,color=#1a1b22);*/
}
#status img{
    width: 24px;
    height: 24px;
    margin: 0 0 -8px 0;
}
#status select{
    height: 18px;
    /*    border:1px solid #666;*/
}
/****************nav-left***************/
#nav_lft{
    float: left;
    margin-right: -3px;
    padding: 0 0 0 1px;
    /*    border-right: 1px solid #000;*/
    /*    border-bottom: 1px solid #000;*/
}
#menuPic{
    clear: both;
    display: block;
    width:auto;
    height:54px;
    /*    border:1px solid #0065D7;*/
    background: url(../images/thm_a/memuBg.png) repeat-x 0 0;
}
.picCN, .picEN, .picTR{
    clear: both;
    display: block;
    width:auto;
    height:54px;
    background: url(../images/thm_a/memuPic.png) no-repeat;
}
.picCN{
    background-position: center -54px;
}
.picEN{
    background-position: center 0;
}
.picTR{
    background-position: center -108px;
}
#navpnl{
    width:215px;
    margin-top: 1px;
    padding-bottom: 10px;
    background-color:#FFF;
    overflow: auto;
}
.unselectable *{
    -moz-user-select: none;
    user-select: none;
}
.nav_lft_blk{
    padding: 0;
    background-color: #F9F9F9;
}
.nav_lft_tp, .nav_lft_tp div, .nav_lft_bm, .nav_lft_bm div{
    height:4px;
    background-repeat: no-repeat;
}
.nav_lft_tp{
    padding-left: 4px;
    background-position: left 0;
}
.nav_lft_tp div{
    padding-right:4px;
    background-position: right -4px;
}
.nav_lft_bm{
    padding-left: 4px;
    background-position: left -8px;
}
.nav_lft_bm div{
    padding-right:4px;
    background-position: right -12px;
}
.nav_lft_tp div div, .nav_lft_bm div div{
    height:3px;
    padding: 0;
    background-image:none;
    background-color: #F9F9F9;
    font-size: 0;
}
.nav_lft_tp div div{
    border-top: 1px solid #CCC;
}
.nav_lft_bm div div{
    border-bottom: 1px solid #CCC;
}

.nav_lft_blk dl{
    /*display: inline-block;*/
}

.nav_lft_blk dt{
    background-repeat: repeat-x;
    background-position: 0 0;
}
.nav_lft_blk dt.dl_hover{
    /*    background-repeat: repeat-x;
        background-position: 0 -30px;*/
}
.nav_lft_blk dt a,.nav_lft_blk dd a{
    display: block;
    height: 30px;
    background-repeat: no-repeat;
    word-break:keep-all;
    white-space:nowrap;
}
.nav_lft_blk dt a {
    line-height: 29px;
    *line-height: 32px;
    line-height: 32px\9;
    margin-left: 25px;
    -ms-background-position: right -929px;
    background-position: right -929px;
    color:#fff;
    /*
    font-family: Tahoma;
    */
    font-weight: bold;
    /*    text-shadow: 1px 1px #004683;*/
    /*    filter:shadow(direction=135,strength=1,color=#001592);*/
}

.nav_lft_blk dt a:hover{
    color:#BDBDBD;
}
.nav_lft_blk dd a{
    line-height: 30px;
    padding-left: 27px;
    background-position: 10px -980px;
    color:#424242;
    /*     font-family: Tahoma;
        text-shadow: 1px 1px #ddd;
        filter:shadow(direction=135,strength=1,color=#001592); */

}
.nav_lft_blk dd.dl_hover{
    background-repeat: repeat-x;
    background-position: 0 -60px;
}
.nav_lft_blk dd a:hover{
    color:#0069C5;
}
.nav_lft_blk dd.on{
    background-position: 0 -91px;
}
.nav_lft_blk dt.dl_on a{
    background-repeat: no-repeat;
    background-position: right -952px;
}
.nav_lft_blk dt.dt_hh{
    background-position:0 -91px;
}
.nav_lft_blk .dt_hh a{
    color:#444D00;
    /*    text-shadow:1px 1px #AEC600;*/
    /*    filter:shadow(direction=135,strength=1,color=#92A700);*/
}
.nav_lft_blk dt.dt_hh a{
    color:#444D00;
}
.nav_lft_blk dt.dl_slg a{
    background-position:-100px -952px;
}
.syIco, .ssjkIco, .clzdIco, .khfwIco,
.khxxIco, .khxxIco, .qyxxIco, .kfglIco,
.xtglIco, .sjIco, .cdIco, .bbIco{
    float: left;
    margin-top:5px;
    margin-left:2px;
    width:20px;
    height: 18px;
    background-image: url(../images/thm_a/ttlIcon_4s.png);
    background-repeat: no-repeat;
}
.syIco{
    background-position: 0 2px;
}
.ssjkIco{
    background-position: 0 -20px;
}
.clzdIco{
    background-position: 0 -45px;
}
.khfwIco{
    background-position: 0 -68px;
}
.khxxIco{
    background-position: 0 -219px;
}
.qyxxIco{
    background-position: 0 -245px;
}
.kfglIco{
    background-position: 0 -272px;
}
.xtglIco{
    background-position: 0 -297px;
}
.sjIco{
    background-position: 0 -318px;
}
.cdIco{
    background-position: 0 -342px;
}
.bbIco{
    background-position: 0 -368px;
}
#divLine{
    position: absolute;
    left:217px;
    width:8px;
    cursor:w-resize;
    clear:both;
}
.tmpDiv{
    position: absolute;
    top:0;
    left:182px;
    z-index: 10;
    width:7px;
    height: 100%;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    background-color: #666;
    opacity: 0.5;
    filter:alpha(opacity=50);
    cursor:w-resize;
}


#nav_blk{
    position: relative;
    float:left;
    width:300px;
    overflow: auto;
}
#roleList{
    background-color: #FFF;
    border-right:1px solid #D1D1D1;
    border-left:1px solid #D1D1D1;
}

.nav_tp_bar_l, .nav_tp_bar_r, .nav_tp_bar_r div,
.nav_bm_l, .nav_bm_r, .r_l_ttl, .r_r_ttl,
.r_r_ttl span,.ylLine{
    background-image:url(../images/thm_a/crnr_rpt.gif);
}
.nav_tp_bar_l{
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: left 0;
}
.nav_tp_bar_r{
    padding-right:5px;
    background-repeat: no-repeat;
    background-position: right -30px;
}
.nav_tp_bar_r div{
    height: 30px;
    line-height: 30px;
    background-repeat: repeat-x;
    background-position: 0 -60px;
}
.nav_bm_l{
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: left -171px;
}
.nav_bm_r{
    padding-right:5px;
    background-repeat: no-repeat;
    background-position: right -176px;
}
.nav_bm_r div{
    height: 4px;
    border-bottom: 1px solid #D1D1D1;
    background-color: #FFF;
    font-size: 0;
}
.r_l_ttl, .r_r_ttl, .r_r_ttl span{
    display: inline-block;
}
.r_l_ttl{
    background-repeat: no-repeat;
    padding-left: 5px;
    background-position: left -90px;
}
.r_r_ttl{
    background-repeat: no-repeat;
    padding-right: 5px;
    background-position: right -117px;
}
.r_r_ttl span{
    line-height:27px;
    padding:0 10px;
    background-repeat: repeat-x;
    background-position: 0 -144px;
}
.navBlk_ttl{
    height:20px;
    border-bottom: 1px solid #BDBCBD;
    background-repeat: repeat-x;
    background-position:0 -538px;
}
#navCN_blk{
    position:relative;
    min-height: 400px;
    _height:400px;
    margin-left: 210px;
    /*border-left: 1px solid #BDBCBD;*/
}
#navCN_blk dt{
    background-repeat:no-repeat;
    display:block;
    line-height:26px;
    /*padding-top: 8px;*/
    color:#424242;
}
#navCN_blk dt span{
    display: inline-block;
    /*float: left;*/
    height:14px;
    padding-left:18px;
    background-position:0 -252px;
    cursor:pointer;
}
#navCN_blk .chk_off{
    background-position:0 -252px;
}
#navCN_blk .chk_on{
    background-position:0 -228px;
}
#navCN_blk dd{
    line-height:26px;
    margin-left: 35px;
}
#navCN_blk input{
    *margin-top:-3px;;
    margin-right: 5px;
}
#navCN_blk label{
    margin-right: 15px;
}
#role_r_wap{
    padding-top:10px;
    /*border-right: 1px #BDBDBD solid;*/
    /*border-bottom: 1px #BDBDBD solid;*/
    /*border-left: 1px #BDBDBD solid;*/
}
#roleList select{
    display:block;
    width:188px;
    height: 20px;
    margin:0 auto;
    border: 1px #BDBDBD solid;
}
#roleList li{
    /*padding: 2px 5px;*/
}
#roleList li a{
    display: block;
    padding: 5px;
    color:#424242;
    border: 1px #FFF solid;
}
#roleList li a:hover{
    /*height:22px;*/
    /*line-height: 22px;*/
    display: block;
    padding: 5px;
    border: 1px #7EA2D3 solid;
    background-color: #A8C6EE;
}
#roleList li .clk_on{
    padding: 5px;
    border: 1px #7EA2D3 solid;
    background-color: #A8C6EE;
    display:block;
}
/*.r_r_tab,.r_r_tab span{
    display: inline-block;
    line-height:25px;
    background-image: url(../images/thm_a/role_r_tabBg.png);
    background-repeat: no-repeat;
}
.r_r_tab{
    padding-left: 10px;
    background-position: left 0;
}
.r_r_tab span{
    padding-right: 36px;
    background-position: right 0;
}*/

.r_r_setItem{
    padding:0 10px 7px;
    border-right: 1px #D1D1D1 solid;
    border-left: 1px #D1D1D1 solid;
    background-color: #FFF;
}
.r_r_setItem h1{
    line-height: 28px;
}
.r_r_setItem nobr{
    display: inline-block;
    height: 16px;
    margin: 5px 20px 5px 0;
}
.r_r_setItem input{
    margin:0 5px;
    *margin: 0;
    vertical-align: -2px;
}

/****************wrapper***************/

#wrapper{
    margin-left: 225px;
    _margin-left: 222px;
    margin-right: 1px;
    padding:0;
    /*    border-top: 1px solid #000;
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;*/
    background: #FFF;
    /*background: #FFF url(../images/thm_a/cityBg.jpg) repeat-x 0 bottom;*/
    zoom:1;
}
.topnav_rpt {
    position: relative;
    height: 34px;
    overflow: hidden;
    padding: 0 6px;
    background-color: #cad7bd;
}
#zoomDiv{
    float: left;
    width:25px;
    height:23px;
    padding-top:7px;
    background: url(../images/thm_a/zoomDiv.gif) no-repeat right 2px;
}
.zoomArr{
    position: absolute;
    top:2px;
    left:2px;
    display: inline-block;
    width:17px;
    height:17px;
    background: url(../images/thm_a/zoomArr.gif) no-repeat 0 0;
    opacity: 0.6;
    filter:alpha(opacity=60);
}
.zoomArr:hover{
    background-position:-17px 0;
    opacity: 1;
    filter:alpha(opacity=100);
}
#navBar{
    float: left;
    padding-left:10px;
}
.navbar_r{
    padding-right: 14px;
    background: url(../images/thm_a/bg-a.png) no-repeat right 0;
}
.navbar_rpt{
    height:31px;
    line-height: 31px;
    padding:0 5px;
    background-repeat: repeat-x;
    background-position: 0 -504px;
    color:#FFF;
}
.navbar_rpt span{
    /*    text-shadow: 1px 1px #666;*/
}
.userinfo{
    height:26px;
    line-height: 26px;
}


.gudOne, .gudOne span, .gudOne a,
.gudFst, .gudFst span, .gudFst a,
.gudMid, .gudMid span, .gudMid a,
.gudLst, .gudLst span, .gudLst a{
    display: inline-block;
}
.gudFst, .gudMid,
.gudOne span, .gudOne a,
.gudFst span, .gudFst a,
.gudMid span, .gudMid a,
.gudLst span, .gudLst a{
    background-image: url(../images/thm_a/gudBg.png);
}
.gudOne, .gudFst, .gudMid, .gudLst{
    float: left;
    background-repeat: repeat-x;
}
.gudOne span, .gudFst span,
.gudMid span, .gudLst span{
    padding-left:20px;
    background-repeat: no-repeat;
}
.gudOne a, .gudFst a, .gudMid a, .gudLst a{
    height: 22px;
    line-height: 22px;
    padding-right: 20px;
    background-repeat: no-repeat;
}
.gudFst, .gudMid{
    background-position: 0 -66px;
}
.gudOne, .gudLst{
    background-image: url(../images/thm_a/gudLst_rpt.png);
    background-position: left 0;
}
.gudOne span{
    background-position: left -88px;
}
.gudFst span{
    background-position: left 0;
}
.gudMid span{
    background-position: left -44px;
}
.gudLst span{
    background-position: left -110px;
}
.gudOne a, .gudLst a, .gudFst a, .gudMid a{
    white-space:nowrap;
}
.gudFst a, .gudMid a{
    background-position: right -22px;
    color: #424242;
    /*    text-shadow: 1px 1px #DDD;*/
    /*    filter:shadow(direction=135,strength=1,color=#ADB6DE);*/
}
.gudOne a, .gudLst a{
    background-position: right -132px;
    color: #FFF;
    cursor: default;
    /*    text-shadow: 1px 1px #0063BB;*/
    /*    filter:shadow(direction=135,strength=1,color=#00437D);*/
}
.gudFst a:hover, .gudMid a:hover{
    color:#0069C5;
}
#navBar .gudOne a:hover,
#navBar .gudLst a:hover{
    color:#FFF;
}


/****************content***************/

#content_main{
    position: relative;
    /*background-color: #FFF;*/
}
#content_blk{
    min-width: 770px;
    height: 100%;
    overflow: hidden;
    border-left:1px solid #EBEBEB;
}
#zoom_btn{
    position: fixed;
    _position: absolute;
    z-index: 11;
    top:40%;
    _top:35%;
    _left:-200px;
    width:8px;
    height:98px;
    background: url(../images/thm_a/arr.gif) no-repeat;
}
a.zoom{
    background-position: 0 0;
}
a.zoom_rgt{
    background-position: -8px 0;
}
/*background-position: -51px 0;*/
/*}*/
/*a.zoom_rgt:hover{*/
/*background-position: -34px 0;*/
/*}*/
.content_tp, .content_tp div, .content_bm, .content_bm div,
.content_tp div div, .content_bm div div{
    height:16px;
}
.content_tp, .content_tp div, .content_bm, .content_bm div{
    background-repeat: no-repeat;
}
.content_tp div div, .content_bm div div{
    background-repeat: repeat-x;
}
.content_tp{
    padding-left: 16px;
    background: #F6F6F6 left 0;
}
.content_tp div{
    padding-right:16px;
    background-position: right -16px;
}
.content_bm{
    padding-left: 16px;
    background: #F6F6F6 left -32px;
}
.content_bm div{
    padding-right:16px;
    background-position: right -48px;
}
.content_tp div div, .content_bm div div{
    padding: 0;
    font-size: 0;
}
.content_tp div div{
    height:12px;
    background-position: right -64px;
}
.content_bm div div {
    height:16px;
    background-position: right -76px;
}

.oprBar{
    /*padding: 10px 10px 5px 25px;*/
    padding: 5px 5px 10px 5px;
    margin: 5px 10px 0 10px;
    border: 1px solid #CFCFCF;
    background: #F5F5F5;
    border-radius: 5px;
    background-image: -moz-linear-gradient(top, #FFF, #E5E5E5); /* Firefox */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #E5E5E5)); /* Saf4+, Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0');*/
}
.oprBar span, .oprBar .combo span span{
    display: inline-block;
}
.oprBar .ipt {
    height: 24px;
    vertical-align: middle;
}
.oprBar .combo{
    height: 25px;
    vertical-align: middle;
}
.oprBar span .combo {
    height: 24px;
    vertical-align: middle;
}
.oprBar .combo .combo-text{
    float: left;
    line-height: 18px;
    background: none;
    padding-top: 1px;
}
.oprBar .combo span{
    float: left;
    display: inline;
}
.oprBar .combo .combo-arrow{
    margin-top: 1px\9;
    *margin-top: 0;
    _margin-top: 0;
    width: 20px;
    height: 20px;
}
.oprBar nobr{
    display: inline-block;
    height: 21px;
    margin: 3px 0;
}
.oprBar label {
    height: 24px;
    line-height: 24px;
    margin-right: 2px;
    padding-left: 5px;
}
.oprBar nobr,
.oprBar nobr select,
.oprBar nobr label,
.oprBar nobr .dateBtn,
.oprBar nobr .ipt{
    float: left;
}
#content_blk .tr span{
    display: inline-block;
    /*height:27px;*/
}
#content_blk .greenBtn span {
    display: inline-block;
    height: 25px;
}
#content_blk .srchBtn span{
    display: inline-block;
    height:25px;
}
#content_blk .tr span.dateBtn{
    height: 17px;
}
#content_blk .tr .vehData span{
    height: auto;
}
#content_blk .tr div span.pl15{
    display: inline;
    height: auto;
}
.vehData{
    padding-top: 7px;
    clear: left;
    overflow: hidden;
    /*font-size:14px;*/
    /*color:#BE5947;*/
}
.vehData span{
    margin-right: 30px;
    margin-left: 3px;
    color:#BE5947;
    font-family: "Arial";
    font-weight:bold;
}
.dateBtn{
    display: inline-block;
    /*position: relative;*/
    /*left:-19px;*/
    width:17px;
    height:17px;
    margin-left: -19px;
    margin-top:2px;
}
/*.btn_yl, .btn_yl span, .btn_yl span a{
    display: inline-block;
}
.btn_yl{
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: left -1156px;
}
.btn_yl span{
    padding-right: 5px;
    background-repeat: no-repeat;
    background-position: right -1183px;
}
.btn_yl span span{
    height: 26px;
    line-height: 26px;
    padding: 0 20px;
    background-repeat: repeat-x;
    background-position: 0 -1210px;
    color: #FFF;
} */
.btn_yl, .btn_yl span, .btn_yl span a{
    display: inline-block;
}
.btn_yl{
    padding-left: 5px;
    background: no-repeat left -735px;
}
.btn_yl span{
    padding-right: 5px;
    background: no-repeat right -760px;
}
.btn_yl span span{
    height: 24px;
    line-height: 24px;
    padding: 0 20px;
    background: repeat-x 0 -785px;
}
.btn_yl span .pd{
    padding-right: 30px;
    padding-left:30px;
}
.btn_yl:hover{
    background-position: left -810px;
}
.btn_yl:hover span{
    background-position: right -835px;
}
.btn_yl:hover span span{
    background-position: 0 -860px;
}
/*.btn_yl:hover span span{*/
/*color:#FFFF10;*/
/*}*/
.btn_ylw, .btn_ylw span, .btn_yw span a{
    display: inline-block;
}
.btn_yw{
    padding-left: 5px;
    background: no-repeat left -348px;
}
.btn_yw span{
    padding-right: 5px;
    background: no-repeat right -370px;
}
.btn_yw span a{
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
    background: repeat-x 0 -392px;
}
.btn_gr, .btn_gr span, .btn_gr span a{
    display: inline-block;
}
.btn_gr{
    padding-left: 5px;
    background: no-repeat left -885px;
}
.btn_gr span{
    padding-right: 5px;
    background: no-repeat right -911px;
}
.btn_gr span span{
    height: 25px;
    line-height: 23px;
    padding: 0 10px;
    background: repeat-x 0 -937px;
    color:#FFF;
    /*    text-shadow: 1px 1px 1px #666;*/
}
.btn_gr:hover{
    background-position: left -963px;
}
.btn_gr:hover span{
    background-position: right -989px;
}
.btn_gr:hover span span{
    background-position: 0 -1015px;
}
.btn_grw, .btn_grw span, .btn_grw span a{
    display: inline-block;
}
.btn_grw{
    padding-left: 5px;
    background-repeat: no-repeat;
    background-position: left -586px;
}
.btn_grw span{
    padding-right: 5px;
    background: no-repeat right -608px;
}
.btn_grw span a{
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
    background: repeat-x 0 -630px;
}
.greenBtn, .greenBtn span {
    display: inline-block;
    line-height: 23px;
    background: url(../images/thm_a/greenBtn.png) no-repeat;
}
.greenBtn {
    padding-left: 28px;
    background-position: left 0;
    margin-top: 2px;
}
.greenBtn span {
    height: 24px;
    padding-right: 28px;
    background-position: right 0;
    color: #FFF;
    /*    text-shadow: 1px 1px 1px #666;*/
}
.greenBtn:hover {
    background-position: left -25px;
}
.greenBtn:hover span {
    background-position: right -25px;
}

.srchBtn,.srchBtn span{
    display: inline-block;
    line-height: 23px;
    background: url(../images/thm_a/srchBtn.gif) no-repeat;
}
.srchBtn{
    padding-left: 28px;
    background-position: left 0;
    margin-top: 2px;
}
.srchBtn span{
    height: 24px;
    padding-right: 15px;
    background-position: right 0;
    color:#FFF;
    /*    text-shadow: 1px 1px 1px #666;*/
}
.srchBtn:hover{
    background-position: left -25px;
}
.srchBtn:hover span{
    background-position: right -25px;
}

.FrshBtn,.FrshBtn span{
    display: inline-block;
    line-height: 23px;
    background: url(../images/thm_a/srchBtn.gif) no-repeat;
}
.FrshBtn{
    padding-left: 28px;
    background-position: left -50px;
}
.FrshBtn span{
    height: 25px;
    padding-right: 15px;
    background-position: right -50px;
    color:#FFF;
    /*    text-shadow: 1px 1px 1px #666;*/
}
.FrshBtn:hover{
    background-position: left -75px;
}
.FrshBtn:hover span{
    background-position: right -75px;
}
.fileBtn, .fileBtn span, .fileBtn span span{
    display: inline-block;
}
.fileBtn, .fileBtn span{
    background: url(../images/thm_a/fileBtn.png) no-repeat;
}
.fileBtn{
    position: relative;
    top:-1px;
    *top:3px;
    padding-left: 30px;
    background-position: left 0;
}
.fileBtn span{
    height: 32px;
    padding-right: 30px;
    background-position: right 0;
}
.fileBtn span span{
    height: auto;
    height: 25px;
    line-height: 25px;
    padding-right:0;
    background-image: none;
    color:#FFF;
    text-align: center;
    /*    text-shadow:1px 1px #3D501A;*/
    /*    filter:shadow(direction=135,strength=1,color=#2F3F14);*/
}

.tabBlk{
    /*height: 400px;*/
    padding: 5px 10px 10px;
}
.tabTp, .tabTp div, .tabBm, .tabBm div,
.tabBm2, .tabBm2 div{
    background: url(../images/thm_a/corner_c.gif) no-repeat;
}
.tabTp, .tabBm, .tabBm2{
    padding-left:5px;
}
.tabTp{
    margin-bottom: -2px;
    background-position: left 0;
}
.tabBm{
    position: relative;
    z-index: 1;
    background-position: left -10px;
}
.tabBm2{
    position: relative;
    z-index: 1;
    background-position: left -20px;
}
.tabTp div, .tabBm div, .tabBm2 div{
    padding-right:5px;
}
.tabTp div{
    background-position: right -5px;
}
.tabBm div{
    background-position: right -15px;
}
.tabBm2 div{
    background-position: right -25px;
}
.tabTp div div, .tabBm div div, .tabBm2 div div{
    height:4px;
    padding: 0;
    background-image:none;
    background-color: #FFF;
    font-size:0;
}
.tabTp div div{
    border-top: 1px solid #5D9FD4;
    background-color: #2696F3;
}
.tabBm div div{
    border-bottom: 1px solid #CFCFCF;
    background-color: #FFF;
}
.tabBm2 div div{
    border-bottom: 1px solid #5D9FD4;
    background-color: #FFF;
}

.tabTp_a, .tabTp_a div, .tabBm_a, .tabBm_a div{
    height:6px;
    background: url(../images/thm_a/corner_d.gif) no-repeat;
}
.tabTp_a, .tabBm_a{
    padding-left:6px;
}
.tabTp_a{
    background-position: left 0;
}
.tabBm_a{
    background-position: left -12px;
}
.tabTp_a div, .tabBm_a div{
    padding-right:6px;
}
.tabTp_a div{
    background-position: right -6px;
}
.tabBm_a div{
    background-position: right -18px;
}
.tabTp_a div div, .tabBm_a div div{
    height:5px;
    padding: 0;
    font-size:0;
}
.tabTp_a div div{
    border-top: 1px solid #BDBCBD;
    background-color: #F7FAEB;
    background-image:none;
}
.tabBm_a div div{
    border-bottom: 1px solid #BDBCBD;
    background: repeat-x left -24px;
}


.tabTp_b, .tabTp_b div, .tabBm_b, .tabBm_b div{
    height:5px;
    background: url(../images/thm_a/roundCorner_a.png) no-repeat;
    font-size:0;
    overflow: hidden;
}
.tabTp_b, .tabBm_b{
    padding-left:5px;
}
.tabTp_b{
    background-position: left 0;
}
.tabBm_b{
    background-position: left -10px;
}
.tabTp_b div, .tabBm_b div{
    padding-right:5px;
}
.tabTp_b div{
    background-position: right -5px;
}
.tabBm_b div{
    background-position: right -15px;
}
.tabTp_b div div, .tabBm_b div div{
    padding: 0;
}
.tabTp_b div div{
    height:4px;
    border-top: 1px solid #D5D5D5;
    background-image:none;
}
.tabBm_b div div{
    height:5px;
    background: repeat-x left -20px;
}
.roundBlk{
    display: inline-block;
    width:750px;
    *margin-top:-25px;
    *margin-left: 63px;
}
.basisBlk{
    display: inline-block;
    width:520px;
    *
margin-top:-25px;
    *margin-left: 113px;
    top: 0px;
    left: 0px;
}
.basis h1{
    padding-bottom: 20px;
    font-size: 13px;
    font-weight: bold;
}
.basis li{
    margin: 5px 0;
}
.basis li label{
    display: inline-block;
    width:120px;
    height: 30px;
    padding-top: 3px;
    vertical-align: top;
}

.basis li span{
    display: inline-block;
}
.basis li .ipt{
    width:200px;
    height: 19px;
    line-height: 19px;
}
.basis li span select{
    height:20px;
    vertical-align: -1px;
    *vertical-align: -2px;
}
.basis li span .dateBtn{
    vertical-align: -1px;
    *vertical-align: 0;
}
.basis li span p{
    width:210px;
    line-height: 12px;
    margin: 3px 0;
    font-size: 12px;
    color:#999;
    /*    filter:shadow(direction=135,strength=1,color=#FFFFFF);*/
}


#pidSt li label {
    display:inline-block;
    padding-right:10px;
    text-align:right;
}
.dvBg {
    padding: 10px;
    border-right: 1px #D5D5D5 solid;
    border-left: 1px #D5D5D5 solid;
    background: url("../images/thm_a/tab_x.gif") repeat-x 0 bottom;
    overflow-y:hidden;
}
.dvBg input{
    /*margin-right: 3px;*/
    *margin-right: 0;
    vertical-align: -2px;
}
.dvBg nobr{
    display: inline-block;
    width:240px;
    height: 16px;
    margin: 6px 0;
}
#basis_1,#basis_2,#basis_3,#on-off_on,#on-off_off{
    margin-right: 5px;
    *margin-right: 2px;
    vertical-align: -2px;
}
.tableCn{
    position: relative;
    z-index: 2;
    /*border-right: 1px solid #CFCFCF;*/
    /*border-left: 1px solid #CFCFCF;*/
}
.ctrl,.ctrl span{
    display: inline-block;
    line-height: 17px;
    background-image: url(../images/thm_a/oprBtn.gif);
}
.ctrl{
    padding-left: 5px;
    background-position: left 0;
    vertical-align: 3px;
    *vertical-align: 0;
}
.ctrl span{
    height: 18px;
    padding-right: 7px;
    background-position: right 0;
    color:#FFF;
    font-size:12px;
    /*    text-shadow:1px 1px 0 #bc5c01;*/
}
.ctrl:hover{
    background-position: left -18px;
}
.ctrl:hover span{
    background-position: right -18px;
    /*    text-shadow: 1px 1px #598400;*/
}
.ctrl em{
    color:#FFF;
    display: inline-block;
    /*    text-shadow: 1px 1px #bc5c01;*/
    /*    filter:shadow(direction=135,strength=1,color=#a25002);*/
}
.ctrl:hover em{
    /*    text-shadow: 1px 1px #598400;*/
    /*    filter:shadow(direction=135,strength=1,color=#598400);*/
}
.captionTp .ctrl em{
    font-family: "Arial";
}
.ctrl_un,.ctrl_un span{
    display: inline-block;
    line-height: 17px;
    background-image: url(../images/thm_a/oprBtn.gif);
}
.ctrl_un{
    padding-left: 5px;
    background-position: left -36px;
    vertical-align: 3px;
    *vertical-align: 0;
}
.ctrl_un span{
    height: 18px;
    padding-right: 7px;
    background-position: right -36px;
    color:#FFF;
    font-size:12px;
    /*    text-shadow:1px 1px 0 #999;*/
}
.ctrl_un:hover{
    background-position: left -36px;
}
.ctrl_un:hover span{
    background-position: right -36px;
    /*    text-shadow: 1px 1px #999;*/
}
.ctrl_un em {
    color: #FFF;
    display: inline-block;
}
.enter{
    width:73px;
    background-position: 0 0;
}
.enter:hover{
    background-position: 0 -16px;
}
.enable{
    width:55px;
    background-position: 0 -32px;
}
.enable:hover{
    background-position: 0 -48px;
}
.clear{
    width:58px;
    background-position: 0 -288px;
}
.clear:hover{
    background-position: 0 -304px;
}
.shield{
    width:56px;
    background-position: 0 -64px;
}
.shield:hover{
    background-position: 0 -80px;
}
.track{
    width:102px;
    background-position: 0 -96px;
}
.track:hover{
    background-position: 0 -112px;
}
.assign{
    width:47px;
    background-position: 0 -128px;
}
.assign:hover{
    background-position: 0 -144px;
}
.renew{
    width:47px;
    background-position: 0 -128px;
}
.renew:hover{
    background-position: 0 -144px;
}
.authorize{
    width:64px;
    background-position: 0 -160px;
}
.authorize:hover{
    background-position: 0 -176px;
}
.config{
    width:47px;
    background-position: 0 -192px;
}
.config:hover{
    background-position: 0 -208px;
}
.bindOBD{
    width:76px;
    background-position: 0 -224px;
}
.bindOBD:hover{
    background-position: 0 -240px;
}
.disable{
    width:58px;
    background-position: 0 -256px;
}
.disable:hover{
    background-position: 0 -272px;
}
.returned{
    width:74px;
    background-position: 0 -320px;
}
.returned:hover{
    background-position: 0 -336px;
}
.unbindOBD{
    width:76px;
    background-position: 0 -352px;
}
.unbindOBD:hover{
    background-position: 0 -368px;
}
.uActoin{
    width:76px;
    background-position: 0 -384px;
}
.uActoin:hover{
    background-position: 0 -400px;
}
.PIDset{
    width:76px;
    background-position: 0 -416px;
}
.PIDset:hover{
    background-position: 0 -432px;
}

.edit, .del, .view, .home, .altPW, .details,
.return,.reply,.start,.pause,.stop{
    display: inline-block;
    width:16px;
    height: 16px;
}
.edit{
    background-position: 0 0;
}
.edit:hover{
    background-position: 0 -16px;
}
.del{
    background-position: 0 -161px;
}
.del:hover{
    background-position: 0 -178px;
}
.details{
    background-position: 0 -530px;
}
.details:hover{
    background-position: 0 -548px;
}
.home{
    background-position: 0 -282px;
}
.home:hover{
    background-position: 0 -299px;
}
.altPW{
    background-position: 0 -334px;
}
.altPW:hover{
    background-position: 0 -316px;
}
.view{
    background-position: 0 -429px;;
}
.view:hover{
    background-position: 0 -446px;
}
.return{
    background-position: 0 -567px;
}
.return:hover{
    background-position: 0 -586px;
}
.reply{
    background-position: 0 -842px;
}
.reply:hover{
    background-position: 0 -858px;
}
.start{
    background-position: 0 -891px;
}
.pause{
    background-position: 0 -875px;
}
.stop{
    background-position: 0 -907px;
}
.th_odd{
    padding:5px 5px 5px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}
.td_odd{
    width:10%;
    overflow: hidden;
    border-top:1px solid #BDBCBD;
    background-color: #E1E1E1;
    text-align:right;
}
.td_odd_1{
    width: 10%;
    overflow: hidden;
    border-top: 1px solid #BDBCBD;
    background-color: #E1E1E1;
    text-align: right;
}

.td_even{
    width:15%;
    border-right:1px solid #BDBCBD;
    border-left:1px solid #BDBCBD;
    border-top:1px solid #BDBCBD;
    /*color:#425279;*/
}
.td_odd div{
    display: block;
    width:auto;
    padding:5px;
    line-height: 16px;
    border:1px solid #FFF;
    white-space:nowrap;
}
.td_even div{
    padding:5px;
    white-space:nowrap;
}

.td_even .ipt {
    border-radius: 0px;
    border: 0px;
    height: 24px;
    width: 100%;
    display: inline-block;
    position: relative;
    font-size: inherit;
    text-indent: 4px;
    padding-left: 0px;
}

.td_even .ipt:disabled {
    color: black;
    background: #eee;
}

.td_even .iptDt {
    border-radius: 0px;
    border: 0px;
    height: 24px;
    display: inline-block;
    font-size: inherit;
    text-indent: 4px;
}

.td_even .iptDt:disabled {
    color: black;
    background: #eee;
}

.td_even select {
    border-radius: 0px;
    border: 0px;
    height: 25px;
    width: 100%;
    display: inline-block;
    position: relative;
    font-size: inherit;
    text-indent: 0px;
}

.td_even .combo-text {
    border: 0px;
    border-radius: 0px;
    height: 25px;
}

.td_even .combo {
    border: 0px;
    border-radius: 0px;
    height: 25px;
}

.td_even .combo-arrow {
    border: 0px;
    border-radius: 0px;
    width: 17px;
    height: 25px;
}

.td_even .combo-text:disabled {
    color: black;
    background: #eee;
}

.comTable{
    position: relative;
    border-right:1px solid #BDBCBD;
    border-bottom:1px solid #BDBCBD;
    border-left:1px solid #BDBCBD;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
}
.tr_even .td_odd{
    background-color:#EEE;
}

.viewMore{
    display: inline-block;
    right:0;
    bottom:0;
    border-right:1px solid #BDBCBD;
    border-left:1px solid #BDBCBD;
    background: url("../images/thm_a/rpt_x.png") right -708px;
    height:22px;
    padding:3px 5px 0;
}
.viewMore a{
    padding-left: 20px;
    color:#424242;
}
.mb_25{
    margin-bottom: -25px;
}
.bd_shd, .bd_shd div{
    background: url(../images/thm_a/table_shd.png) no-repeat;
    font-size: 0;
}
.bd_shd{
    padding-left: 50%;
    background-position: left 0;
}
.bd_shd div{
    height:9px;
    background: #FFF right 0;
}

.fullScreen, .normalScreen{
    position: absolute;
    top: 99px;
    right: 18px;
    z-index: 10;
    width: 22px;
    height: 22px;
    background-image: url(../images/thm_a/screen.gif);
    cursor: pointer;
}
.fullScreen{
    background-position: 0 0;
}
.normalScreen{
    background-position: 0 -22px;
}

.footer_rpt {
    height: 25px;
    padding-top: 8px;
    background-color: #1A4E6;
}
.cprt{
    line-height: 31px;
    font-size: 8pt;
    text-align: center;
    color:#FFF;
}

#langSelect{
    background-color: #fff;
}

.pop{
    position: absolute;
    top:200px;
    left:400px;
    z-index: 100;
}
.veil{
    position:absolute;
    z-index:100;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.5;
    overflow:hidden;
    filter:alpha(opacity=50);
}
.veil div{
    width:100%;
    height:100%;
    background-color:#666;
}
.veil iframe{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.ifrDiv{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.formCN{
    _float:left;
    height: 100%;
    min-width: 200px;
    position: relative;
    overflow: hidden;
}
.box_tp, .box_tp div, .box_bm, .box_bm div,
.box_tp div div, .box_bm div div{
    height:18px;
    background-image: url(../images/thm_a/corner_png.png);
    font-size: 0;
}
.box_tp, .box_tp div, .box_bm, .box_bm div{
    background-repeat: no-repeat;
}
.box_tp, .box_bm{
    padding-left: 18px;
}
.box_tp{
    background-position: left 0;
}
.box_bm{
    background-position: left -36px;
}
.box_tp div, .box_bm div{
    padding-right: 18px;
}
.box_tp div{
    background-position: right -18px;
}
.box_bm div{
    background-position: right -54px;
}
.box_tp div div, .box_bm div div{
    padding: 0;
    background-repeat: repeat-x;
}
.box_tp div div{
    background-position: 0 -72px;
}
.box_bm div div{
    background-position: 0 -90px;
}

.boxBlk_I, .boxBlk_II{
    background: url(../images/thm_a/br_rpt_y.png) repeat-y;
}
.boxBlk_I{
    background-position: left 0;
}
.boxBlk_II{
    padding: 0 14px;
    background-position: right 0;
}
.boxCn{
    height: 100%;
    background-color: #F7F7F7;
}

.boxTtl{
    height:28px;
    background: repeat-x 0 -536px;
}
.flTtl{
    width: 698px;
    height:21px;
    border: 1px solid #AEB3B8;
    background: repeat-x 0 -564px;
    opacity: 0.8;
    filter:alpha(opacity=80);
}
.ttl{
    float: left;
    margin-top: 5px;
    margin-left:10px;
    font-weight: bold;
    color:#333;
}
.ylLine{
    height:5px;
    /*border-top: 1px solid #CEB70D;*/
    /*border-bottom: 1px solid #CEB70D;*/
    border-right: 1px solid #D1D1D1;
    border-left: 1px solid #D1D1D1;
    background: #F7EA8D 0 -186px;
    font-size: 0;
}
.ylLine .yl_grt{
    height:5px;
    margin-right: -1px;
    border-right: 1px solid #FFF;
    background: url(../images/thm_a/yl_grt.png) no-repeat right 0;
    font-size: 0;
}
.cls{
    width:14px;
    height:14px;
    background: no-repeat 0 -146px;
}

.ipt {
    line-height: 19px;
    border: 1px solid #d3d3d3;
    padding-left: 3px;
    font-size: 9pt;
}

.iptW {
    line-height: 19px;
    border: 1px solid #d3d3d3;
    padding-left: 3px;
    font-size: 9pt;
    width:200px
}

.ipt:focus{
    border: 1px solid #39C6FF;
}

#newuser label,#changePW label,#newrole label{
    width:100px;
}
#OBDassign label,#licenceauth label{
    width:80px;
}
#newcar label{
    width:100px;
}
#new_user,#change_password,#new_role,#new_car,
#frm_info,#fault_Details{
    width:0;
    height:0;
    visibility: hidden;
}
#newuser,#changePW{
    width:330px;
}
#newrole{
    width:360px;
}
#faultDetails{
    width:450px;
}
.msgList{
    width: 340px;
    padding: 10px 10px;
}
.msgList label{
    display: inline-block;
    width:70px;
    padding-right: 5px;
    text-align: right;
    font-family: "Tahoma";
    color:#424242;
}
.msgList li{
    /*line-height: 24px;*/
    margin-bottom: 7px;
}
.msgList li select{
    height: 20px;
    margin-left: -3px;
}
#msgRev{
    width:425px;
    height: 100px;
    line-height: 18px;
    padding-left: 5px;
    border: 1px #DDD solid;
    overflow-y: auto;
}
#msgSend{
    width:247px;
    height: 60px;
    line-height: 18px;
    /*margin-top: 3px;*/
    *margin-top: 1px;
    padding-left: 3px;
    border: 1px #BDBDBD solid;
    background: url("../images/thm_a/iptBg.gif") repeat-x;
    overflow-y: auto;
    font-size: 12px;
}
.msgList .ipt{
    line-height: 17px;
}
#msgRev,#msgSend,.msgList .ipt{
    font-family: Arial;
}
#title{
    width:347px;
    padding-left: 3px;
}
.itemList label{
    display: inline-block;
    width:200px;
    padding-right: 10px;
    color:#424242;
    font-family: "Tahoma";
    font-weight: bold;
    text-align: right;
}
.itemList span label{
    width:50px;
    padding-left: 5px;
    font-weight: normal;
    text-align: left;
}
.itemList span input{
    vertical-align: -2px;
}
.itemList li{
    line-height: 30px;
}
.itemList li textarea{
    height: 50px;
    margin-top: 5px;
    margin-left:0px;
}
.fStl_01{
    padding-left: 20px;
    color:#BD8528;
    font-weight: bold;
    font-size: 13px;
}
.fStl_01:hover span{
    color:#F00;
}
#newcar li{
    line-height: 15px;
    margin: 10px 0;
}
#newcar li label,#OBDassign label,#licenceauth label{
    font-weight: normal;
}
#newcar li .last{
    margin-left: -10px;
}
#newcar li select{
    /*margin-left: -3px;*/
    width:102px;
}
#newuser .ipt,#changePW .ipt{
    width:180px;
}
#newrole .ipt{
    width:210px;
}
#newcar .ipt{
    width:100px;
}
#newuser select.ipt{
    width:182px;
}
.itemList select.ipt{
    height:19px;
    margin-left: -3px;
    *font-size:8pt;
}
#newuser textarea,#newrole textarea{
    height: 70px;
}
.itemList textarea{
    margin-left: -3px;
    word-wrap: break-word;
    overflow: auto;
}
.bmDiv{
    padding-top:13px;
    padding-bottom: 10px;
    border-top: 1px solid #C6C6C6;
    background-color: #EEE;
}

.itemList .tip{
    display: block;
    position: relative;
    top:0;
    left:110px;
    width:170px;
    line-height: 16px;
    padding:5px;
}

.itemList .wrn{
    border: 1px solid #F9A954;
    background-color: #FEF0E1;
    color:#F9A954;
}

.itemList em.err{
    display: block;
    position: relative;
    top:0;
    left:110px;
    width:170px;
    line-height: 16px;
    padding:5px;
    border: 1px solid #CD5003;
    background-color: #FECFC2;
    color:#E00;
}
.itemList em.sus{
    display: inline-block;
    top:3px;
    *top:2px;
    left:5px;
    position: relative;
    width:16px;
    height:16px;
    padding: 0;
    border: none;
    background: #FFF url(../images/thm_a/ico_gif.gif) 0 -200px;
}
#newrole em.err{
    width:200px;
}
#newrole em.sus{
    width:16px;
    margin-bottom: 0;
}
#faultDetails span{
    float:left;
    width:80px;
    height:20px;
    text-align: right;
    color:#0064C6;
}
#faultDetails p{
    display: block;
    *margin-top:-20px;
    margin-left: 90px;
}
#faultDetails li{
    line-height: 20px;
}
.f_i_head{
    height:20px;
    padding: 5px 10px;
}
.f_i_ttl{
    /*height:20px;*/
    line-height:20px;
    border-top:1px solid #BDBCBD;
    border-bottom:1px solid #BDBCBD;
    background: repeat-x 0 -540px;
    text-align: center;
}
.f_i_ttl span{
    display: inline-block;
}
.ttl_a{
    width:70%;
}
.ttl_b{
    width:30%;
}
.f_i_tab{
    height:350px;
    overflow-x: hidden;
    overflow-y: auto;
}

#frmInfo table{
    width:350px;
}
#frmInfo tbody tr{
    /*height: 20px;*/
    line-height: 20px;
}
.tab_wrapper{
    width:400px;
}

#trackFl{
    width:700px;
    height:375px;
    padding: 4px;
    background: url(../images/thm_a/trackBg.png) no-repeat;
}
.flObject{
    width:700px;
    height: 375px;
}

#newInfo li{
    height: 20px;
    margin: 10px 0;
}
#newInfo li label{
    display: inline-block;
    width:120px;
    padding-right: 5px;
    text-align: right;
}
#newInfo li span label{
    width:auto;
    margin-right: 10px;
    margin-left: 3px;
}
#newInfo li .ipt{
}
#newInfo li select{
    height: 26px;
    margin-right: 5px;
}
#GrpSlct{
    width:202px;
}
#newInfo #logoPic{
    height: 120px;
}
#newInfo #logoPic img{
    margin-bottom: 8px;
    margin-left: 125px;
}
#newInfo .ipt{
    height: 24px;
}
.bsc_info b, .cnn_info b{
    float:left;
    width:16px;
    height:16px;
    margin-top:6px;
    margin-right: 5px;
    font-size:0;
}
.bsc_info b{
    background-position: 0 -532px;
}
.cnn_info b{
    background-position: 0 -552px;
}
.status_on,.status_off{
    display: inline-block;
    width:16px;
    height: 16px;
    background-repeat: no-repeat;

}
.status_on{
    background-position: center -485px;
}
.status_off{
    background-position: center -467px;
}
.star{
    display: inline-block;
    width:12px;
    font-family: "Arial";
    color:#F00;
    text-align: center;
}
.setting{
    display: inline-block;
    width:16px;
    height:16px;
    background: no-repeat 0 -401px;
}
#OBDassign,#licenceauth{
    padding-bottom: 0;
}
#OBDassign div,#licenceauth div{
    margin: 5px 0;
}
#genLicence div{
    line-height: 28px;
}
#genLicence label{
    width:120px;
    font-weight: normal;
}
#genLicence select {
    height: 25px;
}
#genLicence .ipt{
    line-height: 17px;
    height:24px;
}
#genLicence div div label{
    width:auto;
}
#setMonth,#permanent{
    margin-left: -3px;
    vertical-align: -2px;
    *vertical-align: -1px;
    margin-right: 3px;
}
.grp_srch_rslt{
    /*height:140px;*/
    max-height:140px;
    overflow: hidden;
}
.grp_srch_rslt span{
    display: inline-block;
    _height: 26px;
    line-height: 26px;
    padding: 0 10px;
}
.grp_srch_rslt span input{
    margin-right: 5px;
    *margin-right: 3px;
    vertical-align: -2px;
}
#pp *{
    line-height: 18px;
}
.tabDiv{
    height:27px;
}
.tabDiv select{
    float:left;
    width: 80px;
    height:20px;
    margin-top: 4px;
    margin-left: 10px;
}
.tabPg{
    display: inline-block;
    height:27px;
}
.tabPg li{
    float:left;
    margin-right: 4px;
    padding-left: 3px;
    background: no-repeat left -1100px;
}
.tabPg li span{
    display: inline-block;
    padding-right: 3px;
    background: no-repeat right -1128px;
}
.tabPg li em{
    margin-left: 5px;
}
.tabPg li span span{
    height:24px;
    _height:23px;
    line-height:22px;
    padding: 2px 20px 0;
    border-top: 1px  solid #D8D8D8;
    background: repeat-x 0 -709px;
    color:#000;
    cursor: pointer;
}

.tabPg .tab_on span span{
    background: #FFF none;
    color:#0078EE;
}
.tabPg .tab_on{
    position: relative;
    border-bottom: 1px solid #FFF;
    _bottom: -1px;
    background-position: left -652px;
}
.tabPg .tab_on span{
    background-position: right -680px;
}
.st_on, .st_off, .alarm_on, .alarm_off,
.stt_on, .stt_off {
    border: 1px solid #d3d3d3;
    display: inline-block;
    background: url(../images/thm_a/stateBtn.png) no-repeat;
    font-size: 0;
}
.st_on, .st_off{
    width:94px;
    line-height:20px;
    height:20px;
}
.st_on{
    background-position: 0 -54px;
}
.st_off{
    background-position: 0 -74px;
}
.st{
    display: inline-block;
    width:47px;
    height:20px;
    cursor:pointer;
}
.alarm_on, .alarm_off{
    width:19px;
    height:23px;
}
.alarm_on{
    background-position: right -55px;
}
.alarm_off{
    background-position: right -77px;
}
.stt_on, .stt_off{
    width:142px;
    line-height:27px;
    height:27px;
    vertical-align: middle;
}
.stt_on{
    background-position: 0 0;
}
.stt_off{
    background-position: 0 -27px;
}
.stt{
    display: inline-block;
    width:71px;
    height:27px;
    cursor:pointer;
}
.tips{
    line-height: 26px;
    padding-left: 20px;
    background: no-repeat 0 -755px;
}

.alarmSt{
    width: 500px;
}
#alarmSt li{
    line-height: 40px;
}
#alarmSt li label{
    display: inline-block;
    width:150px;
    padding-right:15px;
    text-align: right;
}
#assSt li{
    line-height: 25px;
    margin-bottom: 10px;
}
#assSt li label{
    display: inline-block;
    padding-right:10px;
    text-align: right;
}
#assSt li .ipt{
    height:18px;
}
#obd_param label{
    margin-right: 20px;
    margin-left:3px;
    *margin-left:0px;
}
#obd_param input{
    vertical-align: -2px;
}
#OBDs,#assignTo{
    display: inline-block;
    width:640px;
    height:249px;
    *margin-top:-25px;
    *margin-left: 83px;
    padding: 10px 40px 0 40px;
    background: url(../images/thm_a/bgBlk.png) no-repeat;
}
#IP_OBDs{
    display: inline-block;
    width:778px;
    _width:782px;
    *margin-top:-25px;
    *margin-left: 93px;
    padding: 10px;
    background-color: #434750;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.slctd ul,.unslctd ul{
    width:200px;
    height:180px;
    padding: 1px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #CCC;
    -moz-user-select:none;
}
.slctd .ip_ul,.unslctd .ip_ul{
    width:350px;
    height:240px;
    padding: 1px;
    background-color: #FFF;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #CCC;
    -moz-user-select:none;
}
#assSt .ip_ul li {
    height:24px;
    line-height:24px;
    margin-top:1px;
    margin-bottom:1px;
    padding:0 5px;
    border:1px #D4D4D4 solid;
    background-color: #EDEDED;
}
#assSt .ip_ul .select{
    border:1px #474747 solid;
    background-color: #626262;
}
.ip_ul .select em{
    color:#FFF;
}
.ip_ul .select b{
    color:#C2DFF3;
}
.ip_ul .select span{
    color:#D2C4CB;
}
.ip_ul li em, .ip_ul li b, .ip_ul li span{
    display: inline-block;
    height: 24px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ip_ul li em{
    width:160px;
    margin-right: 5px;
}
.ip_ul li b{
    width:60px;
    margin-right: 5px;
    color:#2072B1;
    font-weight: normal;
}
.ip_ul li span{
    width:90px;
    color:#634E56;
}
#OBDs .slctd li,#OBDs .unslctd li{
    width:180px;
    line-height: 24px;
    margin: 2px 0;
    padding: 0 10px;
    background-color: #FFF;
}
.unslctd{
    width:212px;
    margin-left: 274px;
}
#IP_OBDs .unslctd{
    width:354px;
    margin-left: 424px;
}
.obdTips{
    position: absolute;
    right:10px;
    bottom:40px;
    width:185px;
    line-height: 20px;
    vertical-align: bottom;
}

#toR,#toL,#allToR,#allToL{
    display: block;
    width:52px;
    height:22px;
    background: url(../images/thm_a/mvBtn.png) no-repeat;
}
#toR{
    margin-top: 55px;
    background-position: -52px 0;
}
#toR:hover{
    background-position: 0 0;
}
#IP_OBDs #toR{
    margin-top: 85px;
    background-position: -52px 0;
}
#toL{
    margin-top: 10px;
    background-position: -52px -44px;
}
#toL:hover{
    background-position: 0 -44px;
}
#allToR{
    margin-top: 10px;
    background-position: -52px -22px;
}
#allToR:hover{
    background-position: 0 -22px;
}
#allToL{
    margin-top: 10px;
    background-position: -52px -66px;
}
#allToL:hover{
    background-position: 0 -66px;
}

#OBDs .slctd .moved,#OBDs .unslctd .moved{
    background-color:#FFECEA;
}
#OBDs .slctd .select,#OBDs .unslctd .select{
    background-color:#CBDCFF;
}
#l_select,#l_all,#r_select,#r_all{
    padding: 0 5px;
    color:#2F73FF;
}
#IP_OBDs #l_select,#IP_OBDs #l_all,
#IP_OBDs #r_select,#IP_OBDs #r_all{
    padding: 0 5px;
    color:#78A4FF;
}
.alarmSt li{
    line-height: 30px;
    padding-top: 5px;
    _padding-top: 10px;
    padding-bottom: 10px;
}
.alarmSt li .dataSelector{
    vertical-align: middle;
}
.alarmSt li p{
    line-height: 10px;
    font-size: 10px;
    color:#999;
}

.dataSelector{
    display: inline-block;
    height: 19px;
    padding: 0;
    border: 1px solid #999;
    overflow: hidden;
}
.dataSelector input{
    float: left;
    height:19px;
    line-height:19px;
    padding-left: 3px;
    border: none;
    background: none;
    font-size: 12px;
}
.dataSelector span{
    display: inline-block;
}
.add,.sub{
    /*display: inline-block;*/
    width:17px;
    height:9px;
    line-height:9px;
    border-left: 1px solid #999;
    background: #EDEDEE no-repeat;
    font-size: 0;
}
.add{
    border-bottom: 1px solid #999;
    background-position: 0 -788px;
    vertical-align: top;
}
.sub{
    background-position: 0 -801px;
}

.popFrm{
    background: none;
}
.loading_txt{
    position: relative;
    z-index: 1;
    background: #FFF url(../images/thm_a/loading.gif) no-repeat;
}
.loading_txt{
    top:0;
    left:0;
    width:100%;
    height:100%;
    _height:30px;
    background-position: center center;
}
.loading{
    position:absolute;
    white-space: nowrap;
    z-index: 1;
    top:40%;
    left:50%;
    margin-top:-15px;
    height:30px;
    line-height:30px;
    padding: 0 5px 0 25px;
    border:1px solid #EEE;
    background: #FFF url(../images/thm_a/loading.gif) no-repeat 7px center;
}
.loadFrm{
    display: inline;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100%;
    border:1px solid #333;
    background:none;
}

#settingTable{
    width:100%;
    height:200px;
}
#settingTable thead th,#settingTable thead td{
    background-position: 0 -538px;
    border-bottom: 1px solid #BDBCBD;
    text-align: center;
}
#settingTable .ipt{
    width:100px;
}
#settingTable tbody th,#settingTable tbody td{
    border-bottom: 1px dotted #BDBCBD;
}
#settingTable tbody .last th,#settingTable tbody .last td{
    border-bottom: none;
}

#account_info li{
    line-height: 30px;
}
#account_info li em{
    display: inline-block;
    width:100px;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
}
.tip{
    line-height: 26px;
    padding-left: 20px;
    background: no-repeat left -755px;
}
#lic_tips{
    height: 29px;
    line-height: 29px;
    padding-left: 20px;
    background: no-repeat left -755px;
}
#lic_tips h6{
    float: left;
    font-weight: bold;
}
.fl_l{
    float:left;
    width:48%;
    *width:49%;
    height: 160px;
}
.fl_r{
    margin-left: 49%;
    *margin-left: 48%;
}
.lic_head{
    height: 22px;
    padding: 2px 10px 0;
    background-color:#F4F5E5;
    border-right: 1px #C4C5A6 solid;
    border-bottom: 1px #C4C5A6 solid;
    border-left: 1px #C4C5A6 solid;
    overflow: hidden;
}
.lic_head span{
    float: left;
    line-height: 16px;
    padding-left: 25px;
    background: no-repeat left -646px;
    font-weight: bold;
    white-space: nowrap;
}
.lic_head a{
    float:right;
    width:17px;
    height:16px;
}
.pgUp{
    margin-right: 10px;
    background-position: 0 -674px;
}
.pgDw{
    background-position: 0 -690px;
    opacity: 0.4;
    filter:alpha(opacity=40);
    cursor: default;
}
.line_a{
    height: 3px;
    background-color:#F7EA8D;
    border-right: 1px #CEB70D solid;
    border-bottom: 1px #CEB70D solid;
    border-left: 1px #CEB70D solid;
    font-size:0;
}
.licTable{
    position: absolute;
    top:0;
    width: 100%;
    background-color: transparent;
}
.tabBg{
    height: 120px;
    background: url(../images/thm_a/tab_x.gif) repeat-x 0 70px;
    overflow-y: hidden;
}
.licTable td{
    line-height: 20px;
    padding: 5px 20px;
    background: transparent url(../images/thm_a/bgLine.gif) repeat-x 0 bottom;
}
.licTable .last td{
    background-image: none;
}
.divLine{
    height: 1px;
    background: url(../images/thm_a/bgLine.gif) repeat-x 0 bottom;
    font-size: 0;
}
.licTable td a:hover{
    color:#5C8800;
}
#infoTabs{
    height: 300px;
    margin-right: 450px;
}
#infoTabs h1,#infoTabs table{
    line-height: 30px;
    font-family: Tahoma;
    font-weight: bold;
}
#infoTabs table{
    width:100%;
    text-align: center;
    /*border-collapse:separate;*/
}
#infoTabs thead td,#infoTabs tbody td,
.ct_l div,.ct_r div,.cb_l div,.cb_r div{
    background-image: url(../images/thm_a/corner_e.png);
}
#infoTabs thead td{
    width:24%;
    height:30px;
    border-left: 1px #FFF solid;
    border-right: 1px #B3B3B3 solid;
    border-bottom: 1px #B3B3B3 solid;
    background: repeat-x 0 -60px;
    white-space: nowrap;
}
#infoTabs thead td div{
    padding:0 5px;
}
.ct_l div,.ct_r div,.cb_l div,.cb_r div{
    background-repeat: no-repeat;
}
.ct_l div{
    background-position: left 0;
}
.ct_r div{
    background-position: right -30px;
}
.cb_l div,.cb_r div{
    line-height: 49px;
}
.cb_l div{
    background-position: left -96px;
}
.cb_r div{
    background-position: right -151px;
}
#infoTabs tbody td{
    border-left: 1px #FFF solid;
    border-right: 1px #B3B3B3 solid;
    background: repeat-x 0 -201px;
}
#infoTabs thead .ct_r,#infoTabs tbody .cb_r{
    border-left: none;
    border-right: none;
}
#flashBlock{
    position: absolute;
    width:450px;
    right:10px;
}
#cakeChart{
    width:450px;
    height: 210px;
    overflow: hidden;
}
.line_b{
    height: 2px;
    background-color:#96D1FE;
    border-top: 1px #A7DAFF solid;
    border-bottom: 1px #438ECE solid;
    font-size:0;
}
.line_c{
    height: 2px;
    background-color:#A5CA58;
    border-top: 1px #C1D777 solid;
    border-bottom: 1px #679800 solid;
    font-size:0;
}
#chSales,#chInventory{
    display: inline-block;
    height:16px;
    line-height: 16px;
    padding-left: 20px;
    background: url(../images/thm_a/itemIco.png) no-repeat;
    margin:7px 0;
}
#chSales{
    background-position: 0 0;
}
#chInventory{
    background-position: 0 -16px;
}

#moudle_tab{
    width:100%;
    background-color:#FFF;
    text-align: center;
}
#moudle_tab td {
    overflow:hidden;
    white-space:nowrap;
}
#moudle_tab thead th, #moudle_tab thead td {
    line-height:30px;
    border-bottom: 1px #BDBCBD solid;
    background: #fafafa url(images/fhbg.png) repeat-x bottom;
    color:#FFFFFF;
    font-family:Tahoma,Arial;
    font-weight:bold;
}

#moudle_tab tbody th,#moudle_tab tbody td {
    line-height:30px;
    background: url("images/bdr_dot.gif") repeat-x left bottom;
}
#moudle_tab .last th,#moudle_tab .last td{
    background-image:none;
}
#moudle_tab thead th{
    padding-left: 50px;
    text-align: left;
}
#moudle_tab tbody th{
    padding-left: 30px;
    text-align: left;
}
#moudle_tab .point{
    margin-right: 3px;
}
.gk_auto, .gk_time{
    display: inline-block;
    line-height: 20px;
    padding-left: 33px;
    background: url(../images/thm_a/gkIco.png) no-repeat;
}
.gk_auto{
    background-position: 0 3px;
}
.gk_time{
    background-position: 0 -32px;
}


#listTree dt,#listTree dd{
    display: block;
    _height: 20px;
    line-height: 20px;
}
#listTree .noBg{
    background-image:none;
}

.point{
    display: inline-block;
    width:9px;
    height:9px;
    background: no-repeat 100px -708px;
    font-size: 0;
    _vertical-align: -3px;
}
.pt_on{
    background-position: -2px -708px;
}
.pt_off{
    background-position: -2px -719px;
}
#listTree a{
    margin-left:0;
    padding: 0 2px;
    _vertical-align: -3px;
    color:#424242;
    white-space: nowrap;
}
#listTree a:hover{
    color:#396CFF;
}
.T_m,.L_l,.F_f,.I_l,.F_l,.T_t_m,.L_t_l{
    padding-left: 12px;
}
.T_m,.L_l,.F_f,.F_l,.T_t_m,.L_t_l{
    background: url(../images/thm_a/treeTrace.gif) no-repeat;
}

.I_m{
    padding-left: 16px;
    background: url(../images/thm_a/traceLine.gif) repeat-y left 0;
}
.I_l{
    padding-left: 16px;
}
.T_m{
    background-position: left -29px;
}
.L_l{
    background-position: left -71px;
}
.F_f{
    margin-left: -16px;
    background-position: left -45px;
}
.T_t_m{
    margin-left: -16px;
    background-position: left -71px;
}
.F_l{
    margin-left: -16px;
    background-position: left -1px;
}
.L_t_l{
    margin-left: -16px;
    background-position: left -1px;
}
#listTree .focus{
    background-color: #f5e0ac;
    color:#F60;
}
#listTree .focus:hover{
    color:#F60;
}



#dir, #dir a, .zoomBtn, .spr_l,.spr_r,
.bsc_info b, .cnn_info b{
    /*background: url(../images/thm_a/ico_gif_dGray.gif) no-repeat;*/
}

#dir {
    height: 22px;
    line-height: 22px;
    background-color: #17321B;
    color: #C1D5EC;
    padding-left: 30px;
}
#dir a{
    line-height:22px;
    margin-right: 5px;
    padding-right:10px;
    background-position:right -58px;
    color:#00B0FF;
}
#dir a:hover{
    text-decoration: underline;
}
#dir span{
    color:#C1D5EC;
}
#tabBar{
    height: 50px;
    padding-top: 4px;
    border-bottom: 1px solid #B6C9E2;
}
#tabBar li{
    float:left;
    margin-left:4px;
}
.activePg,.activePg span, .activePg a,
.inactivePg,.inactivePg span, .inactivePg a{
    display: inline-block;
    /*background-image:url(../images/thm_a/rpt_x.png);*/
}
    .activePg, .activePg span, .activePg a,
    .inactivePg, .inactivePg span, .inactivePg a {
        height: 29px;
        line-height: 31px;
    }
.activePg,.inactivePg {
    position: relative;
    z-index: 9;
    padding-left: 5px;
    background: no-repeat left -1484px;
    bottom: -1px;
    background-image: url(../images/thm_a/rpt_x.png);
}
.inactivePg span{
    padding-right: 5px;
    background: no-repeat right -1514px;
}
.inactivePg a{
    padding:0 20px;
    background: repeat-x 0 -1544px;
    text-align: center;
    color:#25577A;
}
.inactivePg a:hover{
    color:#f60;
}
.activePg,.activePg span,.activePg a{
    height: 30px;
    line-height: 33px;
}
.activePg {
    position: relative;
    z-index: 10;
    padding-left: 5px;
    border-bottom: 1px solid #FFF;
    background: no-repeat left -1574px;
    background-image: url(../images/thm_a/rpt_x.png);
}
.activePg span{
    padding-right: 5px;
    background: no-repeat right -1605px;
}
.activePg a{
    padding:0 20px;
    background: repeat-x 0 -1636px;
    text-align: center;
    color:#000;
}
.zoomBtn{
    position: absolute;
    top:7px;
    left:15px;
    display: inline-block;
    width:20px;
    height:20px;
    border-right:1px solid #8CB2E2;
    background-position: 3px -130px;
    cursor: pointer;
}
#topicons{
    position: absolute;
    right: 30px;
    bottom: 8px;
    vertical-align: bottom;
}
.popmenu{
    position: absolute;
    top: 33px;
    z-index: 1000;
    border: 1px solid #898989;
}
.lang_menu{
    left: 180px;
}
.opr_menu{
    right: -24px;
}
    .opr_menu li {
        text-align: center;
        background-color: #fff;
    }
.arr_a{
    position: absolute;
    top: -4px;
    right: 20px;
    width: 7px;
    height: 4px;
    background-position: 0 -284px;
    font-size: 0;
}
.popmenu li{
    min-width: 70px;
    width: 133px;
    height: 17px;
    padding: 8px 5px;
    background-position: 0 -204px;
    cursor: pointer;
}
.popmenu li img,
.popmenu li span{
    float: left;
    line-height: 17px;
}
.popmenu li img{
    margin-right: 3px;
    margin-top: -5px;
}
.opr_menu li span{
    float: none;
    font-size: 14px;
}

#icoBar, #icoBar div{
    line-height: 26px;
    /*background: url(../images/thm_a/icoBar.png) no-repeat;*/
}
#icoBar{
    padding-left: 10px;
    background-position: left 0;
}
#icoBar div{
    padding-right: 10px;
    background-position: right 0;
}
#icoBar span{
    display: inline-block;
    line-height:18px;
    margin:0 3px;
    color:#FFF;
    font-family: "Arial";
    font-weight: bold;
}
.gz, .jq, .by, .xx{
    padding-left:20px;
    background: url(../images/thm_a/ttlIcon_4s.png) no-repeat;
}
.gz{
    background-position: 0 -114px;
}
.jq{
    background-position: 0 -138px;
}
.by{
    background-position: 0 -165px;
}
.xx{
    background-position: 0 -191px;
}
.warn{
    background: url(../images/thm_a/warning.gif) no-repeat 1px 0;
}
.BRwarn{
    /*display: inline-block;
    width:17px;
    height: 18px;*/
    background: url(../images/thm_a/warning_a.gif) no-repeat 1px 0;
}
.captionTp{
    padding-left:5px;
    border-bottom: 1px solid #BDBCBD;
    background-position: left -1100px;
}
.tabBlk .noBr{
    border:none;
}
.captionTp .ctrl{
    /* line-height: 20px;*/
    vertical-align: 0;
}
.captionTp div{
    padding-right:5px;
    background-position: right -1128px;
}
.captionTp div div{
    height: 23px;
    line-height: 23px;
    padding-top: 4px;
    padding-right: 10px;
    background-position: right -708px;
}
.captionTp div div .capR{
    padding-right:0;
}
.captionTp div div div{
    line-height:20px;
    padding-top: 0;
    background:none;
}
.captionTp a{
    color: #424242;
}
.captionTp a:hover{
    color:#0078EE;
}
.spr_l, .spr_r{
    display: inline-block;
    width:2px;
    line-height: 20px;
    background-position:left -105px;
}
.spr_l{
    padding-right: 20px;
}
.spr_r{
    padding-left: 20px;
}


.icon_a, .icon_b, .icon_c, .icon_d, .icon_e,
.icon_f, .icon_g, .icon_h, .icon_i, .icon_j,
.icon_k, .icon_l, .icon_m, .icon_n, .icon_o,
.icon_p, .icon_z,
.icon_view, .viewMore a, .icon_refresh, .icon_set,
.icon_print, .icon_pdf{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    background: url(../images/thm_a/ico_gif_dGray.gif) no-repeat;
    cursor: pointer;
}
.icon_a{
    background-position: left -190px;
}
.icon_b{
    background-position: left -210px;
}
.icon_c{
    background-position: left -230px;
}
.icon_d{
    background-position: left -250px;
}
.icon_e{
    background-position: left -270px;
}
.icon_f{
    background-position: left -290px;
}
.icon_g{
    background-position: left -310px;
}
.icon_h{
    background-position: left -330px;
}
.icon_i{
    background-position: left -350px;
}
.icon_j{
    background-position: left -370px;
}
.icon_k{
    background-position: left -390px;
}
.icon_l{
    background-position: left -410px;
}
.icon_m{
    background-position: left -430px;
}
.icon_n{
    background-position: left -450px;
}
.icon_o{
    background-position: left -470px;
}
.icon_p{
    background-position: left -490px;
}
.icon_set{
    background-position: left -650px;
}
.icon_refresh{
    background-position: left -670px;
}
.icon_print{
    background-position: left -690px;
}
.icon_pdf{
    background-position: left -710px;
}

.icon_z{
    background-position: left -170px;
    /*margin-top: 3px;*/
}
.icon_view, .viewMore a{
    background-position: left -510px;
}

.lev_5, .lev_4, .lev_3, .lev_2, .lev_1 {
    background: url(../images/thm_a/ptLevel.png) no-repeat;
}
.warnIns{
    line-height: 20px;
    padding-top: 10px;
    padding-left: 5px;
    background-position: 30px -145px;
}
.lev_5, .lev_4, .lev_3, .lev_2, .lev_1 {
    margin-right: 20px;
    padding-left: 15px;
}
.lev_1{
    background-position: 0 3px;
}
.lev_2{
    background-position: 0 -38px;
}
.lev_3{
    background-position: 0 -78px;
}
.lev_4{
    background-position: 0 -118px;
}
.lev_5 {
    background-position: 0 -158px;
}
.ptLv{
    display: inline-block;
    width:15px;
    height: 15px;
}


.BatBind,.OBDBind, .OBDUnBind, .upgrade, .assign,
.set, .clear, .shroud, .extend, .param_set,
.accredit, .tracePlay, .icon_return,
.enabled, .detail, .maintained, .downLoad,
.warning{
    display: inline-block;
    background: url(../images/thm_a/ico_gif.gif) no-repeat;
    width:16px;
    height: 16px;
}
/* OBD批量绑定 */
.BatBind{
    background-position: 0 -1264px;
    padding-left:18px;
    width: auto;
    height:16px;
    line-height:16px;
}
.BatBind:hover{
    background-position: 0 -1280px;
}
.BRwarning{
    display: inline-block;
    background: url(../images/thm_a/wLight_a.gif) no-repeat;
    width:17px;
    height: 18px;
}
.Ywarning{
    display: inline-block;
    background: url(../images/thm_a/wLight_b.gif) no-repeat;
    width:17px;
    height: 18px;
}
.SubscribeEmail, .UnSubscribeEmail{
    display: inline-block;
    background: url(../images/thm_a/mail_ico.gif) no-repeat;
    width:16px;
    height: 16px;
}
.SubscribeEmail{
    background-position: 0 -32px;
}
.SubscribeEmail:hover{
    background-position: 0 -48px;
}
.UnSubscribeEmail{
    background-position: 0 -0px;
}
.UnSubscribeEmail:hover{
    background-position: 0 -16px;
}
.upgrade{
    background-position: 0 -1104px;
}
.upgrade:hover{
    background-position: 0 -1120px;
}
.assign{
    background-position: 0 -1136px;
}
.assign:hover{
    background-position: 0 -1152px;
}
.set{
    background-position: 0 -1168px;
}
.set:hover{
    background-position: 0 -1184px;
}
.clear{
    background-position: 0 -1200px;
}
.clear:hover{
    background-position: 0 -1216px;
}
.accredit{
    background-position: 0 -1232px;
}
.accredit:hover{
    background-position: 0 -1248px;
}
.OBDBind{
    background-position: 0 -1264px;
}
.OBDBind:hover{
    background-position: 0 -1280px;
}
.OBDUnBind{
    background-position: 0 -1296px;
}
.OBDUnBind:hover{
    background-position: 0 -1312px;
}
.param_set{
    background-position: 0 -1328px;
}
.param_set:hover{
    background-position: 0 -1344px;
}
.extend{
    background-position: 0 -1360px;
}
.extend:hover{
    background-position: 0 -1376px;
}
.shroud{
    background-position: 0 -1392px;
}
.shroud:hover{
    background-position: 0 -1408px;
}
.tracePlay{
    background-position: 0 -1424px;
}
.tracePlay:hover{
    background-position: 0 -1440px;
}
.icon_return{
    background-position: 0 -1456px;
}
.icon_return:hover{
    background-position: 0 -1472px;
}
.enabled{
    background-position: 0 -1488px;
}
.enabled:hover{
    background-position: 0 -1504px;
}
.detail{
    background-position: 0 -1520px;
}
.detail:hover{
    background-position: 0 -1536px;
}
.maintained{
    background-position: 0 -1552px;
}
.maintained:hover{
    background-position: 0 -1568px;
}
.downLoad{
    background-position: 0 -1584px;
}
.downLoad:hover{
    background-position: 0 -1600px;
}
.warning{
    background-position: 0 -1668px;
}
.pieChart{
    padding:10px;
}
.cBg_l, .cBg_r, .cB_l, .cB_r{
    background: url(../images/thm_a/rpt_x.png) no-repeat;
}
.cBg_l{
    padding-left: 5px;
    background-position: 0 -1237px;
}
.cBg_r{
    padding-right: 5px;
    background-position: right -1263px;
}
.cBg_c{
    padding-top:2px;
    height:21px;
    line-height:19px;
    background: #35A4E0;
    border-top:1px solid #1174AE;
    border-bottom:1px solid #1174AE;
    font-weight: bold;
}

.cB_l{
    float:left;
    padding-left: 5px;
    background-position: 0 -1289px;
}
.cB_r{
    padding-right: 5px;
    background-position: right -1309px;
}
.cB_c{
    padding:0 0 0 15px;
    line-height:17px;
    background: #FFF;
    border-top:1px solid #1174AE;
    border-bottom:1px solid #1174AE;
    color: #424242;
}
.cB_c b{
    margin-right: 5px;
    color:#BE5947;
}
.cB_c span{
    margin-right: 6px;
    font-weight: normal;
}
#dir .cB_c span{
    color: #424242;
}
.arr_pice{
    left: 10px;
    top: -3px;
    width: 6px;
    height: 4px;
    background: url(../images/thm_a/arrPice.gif) no-repeat;
}
#oilPrice{
    width: 6px;
    line-height: 24px;
    margin-right: 160px;
    padding-left: 30px;
    background: url(../images/thm_a/oilPriceIcon.png) no-repeat;
}

.btn_blk{
    right: -84px;
    background: #494951 url(../images/thm_a/ico_gif.gif) no-repeat 5px -1620px;
    padding:0 5px 0 25px;
    line-height: 22px;
    border:1px solid #2A2A30;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius: 3px;
    color: #FFF;
    cursor: pointer;
}
#inspection, #inspection a,
.altBtn, .altBtn a{
    background: url(../images/thm_a/btns_01.png) no-repeat;
}
#inspection, .altBtn{
    height: 31px;
    margin: 18px 20px 0 0;
    padding-left: 3px;
    background-position: left 0;
}
#inspection a, .altBtn a{
    display: inline-block;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    *line-height: 22px;
    line-height: 22px\9;
    text-align: center;
    padding-left: 5px;
    padding-right: 8px;
    background-position: right 0;
    color: #FFF;
}
#inspection a:hover,
.altBtn a:hover{
    color: #97FF6D;
}

.dataShow{
    height: 220px;
}

.tabBtn, .tabBtn b, .qsfx, .pfen{
    background-image: url(../images/thm_a/rpt_x.png);
}
.tabBtn, .tabBtn span, .tabBtn b{
    display: inline-block;
}
.tabBtn{
    margin-top: 5px;
    padding: 1px 5px 1px 1px;
    background: #B3B3B3 no-repeat right -1667px;
    margin-bottom: -1px;
}
.tabBtn span{
    padding-right: 1px;
    /*border:1px solid #B3B3B3;*/
}
.tabBtn b{
    padding: 0 13px;
    height: 21px;
    line-height: 21px;
    border-top:1px solid #FFF;
    border-right:1px solid #FFF;
    border-left:1px solid #FFF;
    background: repeat-x 0 -1692px;
    font-weight: bold;
    color: #5E5E5E;
    cursor: pointer;
}
.tabBtn_on{
    padding-bottom: 0;
}
.tabBtn_onspan {
    border-bottom:1px solid #FFF;
}
.tabBtn_on b{
    height: 22px;
    line-height: 21px;
    background: #FFF none;
    color: #3E3E3E;
}
.qsfx, .pfen{
    height: 28px;
    padding-right: 6px;
    background: repeat-x 0 -1715px;
    border-bottom: 1px solid #B3B3B3;
}
.qsfx .tabBtn, .qsfx .tabBtn_on,
.pfen .tabBtn, .pfen .tabBtn_on{
    float: right;
    margin-left: 7px;
}
.qsfx h4, .pfen h4{
    float: left;
    padding-left: 10px;
    line-height: 28px;
    font-weight: bold;
}

.hdLine{
    position: relative;
    z-index: -1;
    height: 18px;
    line-height: 18px;
    padding-left:15px;
    background-color: #AEDD27;
    border: 1px solid #7CA800;
    font-weight: bold;
}
#mapGuid{
    margin-right: 300px;
    position: relative;
    z-index: 12;
    overflow: hidden;
}
#mapInfo{
    background: none repeat scroll 0 0 #E9E9E9;
    position: absolute;
    border-left: 1px solid #8B8B8B;
    right: 0;
    top: 0;
    width: 300px;
    height: 100%;
    z-index: 12;
}
#mapLoad{
    height: 614px;
    overflow: hidden;
}

.arrRL, .arrLR{
    position: absolute;
    left:-16px;
    top:46%;
    z-index: 11;
    display: inline-block;
    width:16px;
    height: 55px;
    background: url(../images/thm_a/mapArr2.png) no-repeat;
}
.arrRL{
    background-position: 0 0;
}.arrRL:hover{
     background-position: -16px 0;
 }.arrLR{
      background-position: -32px 0;
  }.arrLR:hover{
       background-position: -48px 0;
   }

.btnL, .btnR, .btnC{
    display: inline-block;
    background-image:url(../images/thm_a/blkBtn.png);
}
.btnL, .btnR{
    background-repeat: no-repeat;
}
.btnL{
    padding-left:5px;
    background-position: 0 0;
    cursor:pointer;
}
.btnR{
    padding-right: 5px;
    background-position: right -52px;
}
.btnC{
    height: 25px;
    line-height: 23px;
    padding: 0 6px;
    background-repeat: repeat-x;
    background-position: 0 -26px;
    color:#FFF;
}
#zoomer .btnL{
    position: absolute;
    top:5px;
    right:30px;
}
.addIoc{
    padding: 0 15px;
    background: url(../images/thm_a/ico_gif.gif) no-repeat 0 -1647px;
    font-weight: normal;
}

.tabLum{
    height: 26px;
    padding-top:2px;
    background: url(../images/thm_a/rpt_x.png) repeat-x 0 -1452px;
    border-bottom: 1px solid #444;
}
.tab_s, .tab_s span{
    display: inline-block;
    background-repeat: no-repeat;
}
.tab_a, .tab_a span{
    background-image:url(../images/thm_a/tabBg2.png);
}
.tab_b, .tab_b span{
    background-image:url(../images/thm_a/tabBg3.png);
}
.tab_s{
    padding-left:30px;
    background-position: 0 0;
    cursor:pointer;
}
.tab_s span{
    line-height: 26px;
    padding-right: 30px;
    background-position: right 0;
    color:#FFF;
    font-weight:bold;
}
.areaLst{
    padding: 5px 0;
    border-top: 3px solid #404148;
    overflow-y: auto;
}
.areaLst li{
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    *padding-left: 4px;
    margin: 0 2px;
}
.areaLst li input{
    float: left;
    margin-top:8px;
    *margin-top:4px;
}
.odd{
    background-color: #FFF;
}.even{
     background-color: #E0DFDF;
 }.li_on{
      background-color: #FFFECD;
  }
.lab{
    vertical-align: -3px;
    *vertical-align: 3px;
    _vertical-align: 1px;
}
.qygl select.ipt{
    height: 22px;
    *height: 22px;
    line-height: 22px;
}
.areaLst .del, .areaLst .edit{
    /*float: left;*/
    margin-top:6px;
    *margin-top:0;
    _margin-top:6px;
}
.tip_guid{
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 3px;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.tip_guid p{
    line-height: 18px;
    padding: 5px 30px 5px 45px;
    background: #FFF url(../images/thm_a/tip_warning.png) no-repeat 5px center;
}
#miniTip, #hideTip{
    display: inline-block;
    position: absolute;
    top:0;
    width:8px;
    height: 14px;
    padding: 0 3px;
    cursor: pointer;
}
#miniTip{
    line-height: 12px;
    *line-height: 18px;
    right: 14px;
    color: #F60;
    font-size: 16px;
}
#hideTip{
    right: 0;
    color: #F00;
}
.setIco{
    position: relative;
    top: 0;
    left: 0;
    padding-left: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #FFF url(../images/thm_a/tip_warning_ico.png) no-repeat center center;
}
.infoTxt{
    float: left;
    width: 190px;
    height: 26px;
    line-height: 29px;
    margin: 0 13px 0 10px;
    _margin: 0 10px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.POIs, .POIs:hover{
    margin-left: 0;
    padding-left:25px;
    background: url(../images/thm_a/POIs.png) no-repeat;
    color: #4A4A4A;
    font-weight: bold;
}
.POIs{
    background-position:0 4px;
}
.POIs:hover{
    background-position:0 -29px;
    color: #0071DB;
}
.lBtn, .lBtn span{
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: url(../images/thm_a/lBtn2.png) no-repeat;
}
.lBtn{
    padding-left: 15px;
    background-position: left 0;
    cursor: pointer;
}
.lBtn span{
    padding-right:15px;
    background-position: right 0;
    color: #FFF;
    text-align: center;
}
.ipt_srch{
    border: 1px solid #D2D2D2;
    font-size: 9pt;
    height: 22px;
    line-height: 22px;
    padding-left: 3px;
}
.srchSuggest{
    position: absolute;
    width:193px;
    line-height:22px;
    top: 24px;
    left: 7px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    text-align: left;
}
.srchSuggest ul{
    padding: 5px 0;
}
.srchSuggest li{
    padding: 0 5px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.srchSuggest li:hover{
    background-color: #D5E9FF;
    color: #FF4B1A;
}
.fcs{
    background-color: #D5E9FF;
    color: #FF4B1A;
}
.qy_ipt{
    width:247px;
    padding-left: 3px;
}
select.qy_ipt{
    position: relative;
    width: 252px;
    *left: -3px;
}
.pz-list{
    display: inline-block;
    width:238px;
    padding: 5px 6px;
    height: 60px;
    margin-left: -3px;
    *margin-left: -6px;
    overflow-y: auto;
}
.pz-list span{
    width:100px;
    float:left;
}
.pz-list input{
    vertical-align: -2px;
    *vertical-align: 2px;
}
.pz-list label{
    width: auto;
    font-weight: normal;
    padding: 4px 15px 4px 5px;
    *padding: 4px 15px 4px 2px;
    text-align: left;
}
.slctAll{
    padding-left:64px;
    *padding-left:60px;
}
.slctAll input{
    vertical-align: -2px;
    margin-left:11px;
}
.slctAll label, .w_type label{
    width:auto;
    font-weight: normal;
    padding-left: 5px;
}
.w_type{
    margin-left: -3px;
    *margin-left: -10px;
}
.w_type input{
    vertical-align: -2px;
}
.qy_tip{
    padding-left:10px;
    color:#A30000;
}
.p1r12{
    padding: 0 12px;
}
.dataChart{
    height: 264px;
}
.map_l, .map_r{
    overflow: hidden;
}
.map_l{
    float: left;
    width: 58%;
}
.map_r{
    float: left;
    margin-left: 20px;
    width: 39%;
}
.dataFl{
    width: 100%;
    height: 224px;
}

.dataSlct{
    height:20px;
    position:relative;
    padding:10px 0;
}
.dataSlct h4{
    font-weight: bold;
    font-size:14px;
}
.dataSlct select{
    position: absolute;
    top:10px;
    right: 15px;
    height: 20px;
}

.pageTo{
    padding: 5px;
    line-height: 20px;
    border-top: 3px solid #404148;
}
.pageTo *{
    margin-right: 5px;
}
.pageTo .ipt{
    height: 18px;
}
.pageTo button{
    position: relative;
    top: 2px;
    *top: 0;
    margin: -5px 0 0;
    height: 20px;
    line-height: 18px;
    padding: 0 5px;
    *padding: 0 2px;
    border: 1px solid #999;
    background-color: #EEE;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#editMsg{
    float: left;
}
#editMsg .msgList{
    width:390px;
    padding: 0;
    *margin-bottom: 7px;
}

#chooseAuto {
    display: inline-block;
    margin-left: 75px;
    padding: 3px 5px;
    width:292px;
    *width:295px;
    height: 53px;
    overflow-x: hidden;
    overflow-y: auto;
}
#editMsg .qy_ipt{
    width: 302px;
}
#editMsg #msgSend{
    width: 302px;
    height: 81px;
    *height: 75px;
}
#autoList{
    width:100px;
    padding-bottom: 5px;
    margin-bottom: 7px;
    *margin-bottom: 0;
    margin-left: 390px;
    border: 1px solid #A8A8A8;
}
#autoList ul{
    height:160px;
    overflow-x: hidden;
    overflow-y: auto;
}
#editMsg .msgList  li{
    float: left;
}
#autoList li a{
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    color: #404048;
}
#autoList li a:hover{
    background-color: #C1D9F3;
}
#autoList .slctAll{
    padding-left: 5px;
}
#autoList .slctAll input{
    margin-left: 0;
    *margin-left: -3px;
}
#autoList .tc{
    line-height: 20px;
    font-weight: bold;
    background-color: #EEE;
}
#autoList select{
    width: 100%;
    height: 20px;
    border-left: none;
    border-right: none;
}
.lstTip{
    line-height: 22px;
    padding-left: 80px;
    color: #AAA;
}

.sysInfo{
    font: normal 22px/45px "微软雅黑";
    color:#444;
}
.sysInfo_a, .sysInfo_b, .sysInfo_c{
    display: inline-block;
    padding-right: 45px;
    background: url(../images/userPics/icon_b.png) no-repeat;
}
.sysInfo_a{
    background-position: right 0;
}.sysInfo_b{
     background-position: right -45px;
 }.sysInfo_c{
      background-position: right -90px;
  }
.sysInfo_a span, .sysInfo_b span, .sysInfo_c span{
    color:#F66E00;
}

#alarmSt li label{
    padding-right: 5px;
    width: 180px;
}
#alarmSt li .m_label{
    width: auto;
    margin-right:10px;
    padding-left:4px;
}
#alarmSt li .dateBtn{
    position:relative;
    top:5px;
    top:4px \9;
    *top:-1px;
}
#alarmSt li .w150{
    width:150px;
    padding-left:4px;
    text-align:left;
}
.pram_upload{
    padding:5px 0 5px 20px;
}
.pram_upload h4{
    line-height:30px;
    font-weight:bold;
}
.pram_upload div{
    line-height:22px;
    padding-left:30px;
}
.pram_upload .pl0{
    padding-left:0;
}
/* ======== Dashboard ======== */
.dashboard {
    float: left;
    width: 100%;
}

    .dashboard .dashboard3col {
        width: 100%;
        float: left;
    }

.dashboardCol {
    float: left;
    width: 33%;
    overflow: hidden;
    margin: 0;
}

.dashboardCol100 {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 0;
}
.dashboardItem {
    margin: 0 10px 10px 0;
    border: solid 1px #e7e7e7;
}

.dashboardItemHeader {
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 15px;
    background-color: #1A4E6;
}

.dashboardItemBody {
    margin: 10px;
    overflow: hidden;
}

.dashboardFooter {
    clear: both;
    width: 100%;
    background-color: Red;
}

/* ======== Table ======== */
.tbl {
    table-layout: auto;
    border-collapse: collapse;
    width: 100%;
}

    .tbl thead th {
        border-bottom: solid 1px #ededed;
        background-color: #ededed;
        padding: 5px;
        /*text-align: left;*/
        color: #9c9c9c;
        font-size: 1.0em;
        font-weight: bold;
    }

    .tbl tbody td {
        border-bottom: solid 1px #ededed;
        padding: 5px;
        color: #686868;
        font-size: 0.9em
    }

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
    border-radius: 6px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}


.pageHeader {
    height: 20px;
    background-color: #056cd5;
    padding: 10px 10px;
    margin-bottom: 10px;
    color: White;
    position: relative;
}

    .pageHeader h1 {
        font: normal 1.2em Arial;
        color: White;
        margin: 0px;
        padding: 0px;
    }

    .pageHeader .platformular {
        position: absolute;
        top: 10px;
        right: 10px;
    }

.pageBody {
    margin: 0 10px;
}

.pageFooter {
    clear: both;
    padding-top: 10px;
    width: 100%;
    text-align: center;
    font-size: 0.8em;
    color: #686868;
    margin: 25px 0 0 0;
    border-top: solid 1px #e7e7e7;
}
.highcharts-yaxis-grid .highcharts-grid-line {
    display: none;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 12px;
}

/* Hide default HTML checkbox */
.switch input {
    display: none;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: mediumvioletred;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 3px;
    bottom: 0px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: mediumseagreen;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* tabs */
.tabs li.tabs-disabled a, .tabs li.tabs-disabled a:hover {
    background: #dddddd;
}

/* td li */
td_li {
}

.td_li .input {
    height: 24px;
    position: relative;
    font-size: inherit;
    text-indent: 4px;
}

.td_li .combo {
    height: 24px;
    position: relative;
    font-size: inherit;
    text-indent: 0px;
}

.td_li .combobox {
    height: 24px;
    position: relative;
    font-size: inherit;
    text-indent: 0px;
}

.td_li .input:disabled {
    background: #eee;
}

.td_li .combo:disabled {
    background: #eee;
}

.td_li .combobox:disabled {
    background: #eee;
}

.td_li .ipt:disabled {
    background: #eee;
}

.KeyBound {
    display: inline-block;
    background: url(./images/key_bound.png) no-repeat;
    width: 16px;
    height: 16px;
}

.KeyUnbound {
    display: inline-block;
    background: url(./images/key_unbound.png) no-repeat;
    width: 16px;
    height: 16px;
}
.KeyBound:hover {
    background: url(./images/key_unbound.png) no-repeat;
}
.KeyUnbound:hover {
    background: url(./images/key_bound.png) no-repeat;
}
.icon_key_admin {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    background: url(./images/key_bound.png) no-repeat;
    cursor: pointer;
}

div.custom_file_upload {
    width: 50px;
    height: 20px;
    margin: 20px 0;
}

div.file_upload {
    width: 120px;
    height: 24px;
    background: #7abcff;
    background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
    background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
    display: inline;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-radius: 5px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    padding-top: 8px;
}

    div.file_upload:before {
        content: 'Change Picture';
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        cursor: pointer;
    }

    div.file_upload input {
        position: relative;
        height: 30px;
        width: 250px;
        display: inline;
        cursor: pointer;
        opacity: 0;
    }
