* {
    font-family: Arial, "微软雅黑";
}

/*account.css*/



.changepassword {
    width: 100%;
    float: left;
}

    .changepassword dl {
        margin-top: 10px;
    }

    .changepassword dt, .changepassword dd {
        float: left;
        margin-bottom: 10px;
    }

    .changepassword dt {
        width: 42%;
        margin-right: 2%;
        text-align: right;
    }

    .changepassword dd {
        width: 56%;
        text-align: left;
    }

.rolesetcnt {
    width: 100%;
    float: left;
}

    .rolesetcnt h2 {
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        height: 25px;
        line-height: 25px;
        float: left;
    }

    .rolesetcnt dl {
        width: 100%;
        margin: 10px 0;
    }

    .rolesetcnt dt, .rolesetcnt dd {
        line-height: 21px;
        height: auto;
        min-height: 28px;
        float: left;
    }

    .rolesetcnt dt {
        width: 10%;
        text-align: right;
        margin-right: 1%;
    }

    .rolesetcnt dd {
        width: 89%;
        margin-bottom: 5px;
    }

    .rolesetcnt span {
        float: left;
        vertical-align: middle;
        margin-right: 10px
    }

    .rolesetcnt input {
        vertical-align: middle;
        margin-right: 5px;
    }

    .rolesetcnt span input {
        margin-right: 3px;
    }

.ebayaccount-list {
    width: 600px;
}

    .ebayaccount-list li {
        width: 194px;
        float: left;
    }

/* .roleselect ul{ width:100%}
.roleselect ul li{  float:left; width:140px;}
.roleselect ul li ul { margin-left:20px}
.roleselect ul li ul li{ width:120px}*/

.roleselect {
    width: 100%
}

    .roleselect span {
        float: left;
        vertical-align: middle;
        margin-right: 10px
    }

        .roleselect span input {
            vertical-align: middle;
        }

    .roleselect div {
        width: 100%;
        float: left;
    }

    .roleselect dl dl {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .roleselect dl dl dt, .roleselect dl dl dd {
            padding: 0;
        }

        .roleselect dl dl dt {
            width: 15%;
            text-align: right;
            margin-right: 1%;
        }

        .roleselect dl dl dd {
            width: 84%;
        }

    .roleselect .ruletab {
        width: 100%;
        float: left;
        position: relative;
        height: 500px;
    }

    .roleselect .ruletabtitle {
        float: left;
        padding: 0 10px;
        background: #f00;
        margin-right: 5px;
        width: 60px;
    }

    .roleselect .ruletabcnt {
        display: none;
        background: #f1f1f1;
        margin-bottom: 10px;
        position: absolute;
        top: 20px;
        left: 0;
        width: 600px;
        height: 500px;
        float: left;
    }
/*.testjin{ float:left; text-align:right;border:none; font-weight:bold; }*/
.testjin {
    float: left;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    display: block;
    width: 100%;
    padding-left: 10px;
    height: 25px;
    line-height: 25px;
}

.useredit {
    width: 95%;
    float: left;
    margin: 10px 15px;
    position: relative;
}

    .useredit h2 {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        height: 25px;
        line-height: 25px;
        width: 100%;
        float: left;
    }

    .useredit dl {
        width: 100%
    }

    .useredit dt, .useredit dd {
        float: left;
        margin-bottom: 8px;
    }

    .useredit dt {
        width: 25%;
        text-align: right;
        margin-right: 1%;
    }

    .useredit dd {
        width: 71%;
    }

        .useredit dd input {
            vertical-align: middle;
            margin: 0 5px 0 0;
        }

        .useredit dd .txtemailset {
            width: 200px;
        }

        .useredit dd .txtemailsetport {
            width: 50px;
        }

        .useredit dd div {
            line-height: 23px;
        }
        /**/
        .useredit dd ul {
            width: 270px;
            padding: 3px;
            border: 1px solid #ccc;
            background: #f1f1f1;
            right: 0px;
            margin: 0px;
        }

            .useredit dd ul li {
                margin-left: 20px;
                list-style-type: disc
            }

            .useredit dd ul.tipmsg {
                border: 1px solid #ccc;
                background: #f1f1f1;
                position: absolute;
                z-index: 99999;
            }

            .useredit dd ul.errormsg {
                border: 1px solid #f00;
                background: #FFEAEA;
                position: absolute;
                z-index: 1;
                color: #f00;
            }

            .useredit dd ul.sucessmsg {
                border: 1px solid #360;
                background: #E1FC9A;
                position: absolute;
                z-index: 88;
            }

.useredit_account {
    width: 100%;
}

    .useredit_account li {
        width: 33%;
        height: 15px;
        float: left;
        padding-bottom: 10px;
        vertical-align: middle
    }

        .useredit_account li input {
            margin-right: 3px;
            vertical-align: middle
        }

.logintext {
    width: 200px;
    font-size: 12px;
}
/*
.selectaccount{text-align:left; width:100%; margin-top:10px;}
.selectaccount th{border-bottom:1px solid  #ccc; border-collapse:collapse; height:25px; line-height:25px; text-align:left}
.selectaccount td{padding:7px; padding-left:0px}
.selectaccount .td1{width:300px;}
.selectaccount .td2{width:150px}*/

.accountselect {
    width: 200px;
    height: 160px;
}

.accountadd {
    margin: 10px;
    height: 300px;
    width: 100%
}

    .accountadd table {
        width: 100%;
        text-align: center;
        margin: 100px auto;
    }

        .accountadd table td {
            line-height: 30px;
        }

            .accountadd table td input {
                vertical-align: middle
            }

.userrose {
    line-height: 23px;
}

.addressctn {
    padding: 15px;
}

    .addressctn h2 {
        width: 100%;
        border-bottom: 1px solid #ccc;
        height: 25px;
        line-height: 25px;
        margin-bottom: 10px;
        float: left;
    }

    .addressctn .addressdata {
        width: 100%;
        border: 1px solid #ccc;
        float: left;
    }

    .addressctn ul {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

.shipaddressadd {
    height: 30px;
    width: 100%;
    float: left;
    line-height: 30px;
}

.txtcontact {
    width: 120px;
}

.txtstreet {
    width: 230px;
}

.txtprovince {
    width: 80px;
}

.editaddress {
    float: left;
    width: 450px;
    margin: 15px;
}

    .editaddress dt, .editaddress dd {
        float: left;
    }

    .editaddress dt {
        width: 150px;
        text-align: right;
        margin-right: 10px;
    }

    .editaddress dd {
        width: 240px;
        margin-bottom: 5px;
        text-align: left;
    }

        .editaddress dd.sort input {
            width: 85px;
            float: left;
        }

        .editaddress dd.sort .sleft {
            float: left;
        }

            .editaddress dd.sort .sleft select {
                width: 91px;
            }

        .editaddress dd.sort .stitle {
            float: left;
            display: block;
            width: 49px;
            text-align: right;
            margin-right: 5px;
            vertical-align: middle
        }


.shipping_address {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
}

    .shipping_address th {
        height: 29px;
        padding: 0 5px;
        text-align: left;
        background: #e6e6e6;
        border-bottom: 1px solid #ccc;
        white-space: nowrap;
        font-weight: normal;
    }

    .shipping_address td {
        padding: 0;
        margin: 0;
        vertical-align: middle;
        padding: 5px;
    }

.shipping_address_a1 td, .shipping_address_a2 td, .shipping_address_a3 td, .shipping_address_a4 td {
    background: #fff;
}

.shipping_address_b1 td, .shipping_address_b2 td, .shipping_address_b3 td, .shipping_address_b4 td {
    background: #f1f1f1;
}

.shipping_address_a1 td {
    border-top: 1px solid #fff
}

.shipping_address_a4 td {
    border-bottom: 1px solid #ccc
}

.shipping_address_b1 td {
    border-top: 1px solid #fff
}

.shipping_address_b4 td {
    border-bottom: 1px solid #ccc;
}

.preference_edit {
    width: 100%;
}

    .preference_edit dl {
        width: 600px;
        padding-top: 10px;
    }

    .preference_edit dt, .preferenceedit dd {
        float: left
    }

    .preference_edit dt {
        width: 180px;
        text-align: right;
        padding-right: 10px;
    }

    .preference_edit dd {
        float: left;
        width: 400px;
        padding-bottom: 8px;
    }

        .preference_edit dd p {
            padding-top: 5px;
            padding-bottom: 10px;
            color: green
        }

.dashbordhead {
    width: 100%;
    height: 25px;
    margin-bottom: 8px;
}

    .dashbordhead h2 {
        float: left;
        font-size: 14px;
        line-height: 25px;
    }

    .dashbordhead .span {
        float: left;
        padding-left: 10px;
    }

    .dashbordhead h2 select {
        margin-left: 5px;
    }

    .dashbordhead .ActionMenuList {
        float: right;
        margin: 2px;
        margin-left: 10px;
    }

        .dashbordhead .ActionMenuList ul li {
            padding: 2px 5px;
            min-width: 120px;
        }



.dashboard {
    width: 100%;
    padding: 0;
}

    .dashboard #Left {
        width: 50%;
        float: left;
        min-height: 400px;
    }

    .dashboard #Right {
        margin-left: 51%;
        width: 49%;
        min-height: 400px;
    }

.dashbh, .dashbf, .dashbhl, .dashbhr, .dashbfl, .dashbfr {
    background: url(../../App_Themes/images/box/rouGrayBgprofile.gif)
}

.dashbh {
    width: 100%;
    background-position: 0 -72px;
    height: 30px; /*border-bottom:1px solid #bbb;*/
    cursor: move;
}

.dashbhl {
    float: left;
    width: 5px;
    background-position: 0 0;
    height: 30px;
}

.dashbhr {
    float: right;
    width: 5px;
    background-position: 0 -36px;
    height: 30px;
}

.dashbhlc {
    float: left;
}

    .dashbhlc h1 {
        float: left;
        margin-left: 5px;
        height: 30px;
        line-height: 30px;
    }

.dashbhrc {
    height: 30px;
    line-height: 30px;
    text-align: right;
    cursor: pointer
}

    .dashbhrc .close {
        float: right;
        cursor: pointer;
        display: block;
        width: 17px;
        height: 16px;
        margin: 7px;
        margin-right: 5px;
        background: url(../../App_Themes/images/sysicon.png) -2px -302px no-repeat;
    }

        .dashbhrc .close:hover {
            background-position: -2px -322px;
        }

.dashbf {
    float: left;
    width: 100%;
    background-position: 0 -180px;
    height: 5px;
    font-size: 0;
    position: absolute;
    bottom: 0;
}

.dashbfl {
    float: left;
    width: 5px;
    background-position: 0 -108px;
    height: 5px;
}

.dashbfr {
    float: right;
    width: 5px;
    background-position: 0 -144px;
    height: 5px;
}

.dashbbody {
    height: 100%;
    width: 100%;
    background: #fff
}

.dashbbodyin {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 5px 10px 10px 10px
}

    .dashbbodyin ul {
        width: 100%;
    }

        .dashbbodyin ul li {
            width: 100%;
            height: 22px;
            line-height: 22px;
            vertical-align: middle
        }

            .dashbbodyin ul li a.dashb_news {
                float: left;
                padding-left: 20px;
                background: url(../../App_Themes/images/sysicon.png) -4px -661px no-repeat;
            }

            .dashbbodyin ul li u {
                float: right;
            }

    .dashbbodyin .datagrid th {
        background: none;
        font-weight: bold;
        padding: 0 3px;
        font-weight: normal;
    }

    .dashbbodyin .datagrid td {
        background: none;
        border-top: 1px solid #eee;
        padding: 5px 3px;
    }

.column {
    width: 100%;
    vertical-align: top;
}

.portlet {
    position: relative;
    margin-bottom: 10px;
}

.ui-sortable-placeholder {
    border: 1px dashed #f60;
    visibility: visible !important;
}


.user_subs {
    padding: 15px;
}

.user_subs_cnt {
    float: left;
    width: 100%
}

    .user_subs_cnt dl {
        float: left;
        width: 100%;
    }

    .user_subs_cnt dt, .user_subs_cnt dd {
        float: left;
    }

    .user_subs_cnt dt {
        width: 24%;
        text-align: right;
        margin-right: 1%;
    }

    .user_subs_cnt dd {
        width: 75%;
        text-align: left;
        padding-bottom: 8px;
    }

        .user_subs_cnt dd b {
            color: #f60
        }

.user_subs_server {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.user_list li {
    float: left;
    margin-right: 10px;
    line-height: 22px;
}

    .user_list li p {
        float: left;
        color: #f60;
    }

    .user_list li b {
        font-size: 16px;
        color: #333
    }

        .user_list li b.server_free {
            color: #f60
        }

    .user_list li input {
        float: left;
        vertical-align: middle;
    }

    .user_list li label {
        vertical-align: middle;
    }

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

    .user_subs_fee dd img {
        vertical-align: middle
    }

.user_subs_payment {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 10px
}

    .user_subs_payment li {
        width: 100%;
        height: 30px;
        line-height: 30px;
        vertical-align: middle
    }

        .user_subs_payment li img,
        .user_subs_payment li .user_total {
            vertical-align: middle;
            margin: 0 5px;
        }

.user_payment_btn {
}




.email-msg-list {
    width: 100%;
    float: left;
}

    .email-msg-list li {
        width: 100%;
        float: left;
        border-bottom: 1px solid #ccc;
        padding: 5px 0;
        background: #f5f5f5;
        border-top: 1px solid #fff
    }

        .email-msg-list li.alter {
            background: #fcfcfc
        }

        .email-msg-list li h2 {
            width: 100%;
        }

            .email-msg-list li h2 input {
                padding: 0;
                margin: 0;
                margin-left: 10px;
                margin-right: 10px;
                vertical-align: middle;
            }

        .email-msg-list li p {
            width: 100%;
            float: left;
            height: 20px;
            line-height: 20px;
            color: #666
        }

            .email-msg-list li p b {
                float: left;
                margin-left: 33px;
                font-weight: normal
            }

            .email-msg-list li p a {
                float: right;
                margin-right: 10px;
            }

.email-msg-save {
    width: 100%;
    float: left;
    padding: 10px 0;
}

    .email-msg-save b {
        margin-left: 10px;
        vertical-align: middle
    }

.autoemail_setting {
    width: 100%;
}

    .autoemail_setting dl {
        width: 100%;
        float: left;
    }

    .autoemail_setting dt, .autoemail_setting dd {
        float: left;
    }

    .autoemail_setting dt {
        width: 24.5%;
        margin-right: 1%;
        text-align: right;
        line-height: 20px;
        height: 20px;
    }

    .autoemail_setting dd {
        width: 73.4%;
        text-align: left;
        padding-bottom: 8px !important;
        line-height: 20px;
    }

    .autoemail_setting h2 {
        margin: 0 0 10px 0;
        border-bottom: 1px solid #ccc;
        float: left;
        width: 100%;
        height: 24px;
        line-height: 24px;
    }

.lbltemplateid {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    border: 1px solid #ccc;
    min-height: 17px;
    line-height: 17px;
    padding: 0 3px;
    min-width: 80px;
}

/*shipping match*/
.shipping_match, .shipping_match dl {
    width: 100%;
}

    .shipping_match dt, .shipping_match dd {
        float: left;
    }

    .shipping_match dt {
        width: 14%;
        text-align: right;
        margin-right: 1%;
    }

    .shipping_match dd {
        width: 85%;
        text-align: left;
        margin-bottom: 8px;
    }

        .shipping_match dd b {
            color: #f60
        }

.shipping_match_list {
    padding: 15px;
}

    .shipping_match_list h2 {
        width: 100%;
        border-bottom: 1px solid #ccc;
        height: 25px;
        line-height: 25px;
        margin-bottom: 10px;
        float: left;
    }

.shipping_match_data {
    width: 100%;
    border: 1px solid #ccc;
    float: left;
    margin-top: 10px;
}

    .shipping_match_data table {
        border-top: 1px solid #fff;
        width: 100%;
    }

        .shipping_match_data table datarow {
            padding: 5px;
            line-height: 30px;
        }

.shipping_match_add {
    width: 100%;
    float: left;
    height: 23px;
    line-height: 23px;
}

.shipping_match_movewup, .shipping_match_movedown, .shipping_match_movedown:hover, .shipping_match_movewup:hover {
    background: url(../../App_Themes/images/updown.png) no-repeat;
    display: block;
    width: 17px;
    height: 21px;
    float: left;
}

.shipping_match_movewup {
    background-position: 0 0;
}

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

.shipping_match_movedown {
    background-position: -21px 0;
}

    .shipping_match_movedown:hover {
        background-position: -21px -21px;
    }

.eubuser_edit {
    padding: 18px;
}

    .eubuser_edit p {
        width: 100%;
        text-align: center;
        line-height: 25px;
        padding-bottom: 20px;
    }

    .eubuser_edit dl {
        width: 100%;
    }

        .eubuser_edit dl dt, .eubuser_edit dl dd {
            float: left;
        }

        .eubuser_edit dl dt {
            width: 42%;
            text-align: right;
            margin-right: 1%;
        }

        .eubuser_edit dl dd {
            width: 56%;
            text-align: left;
            padding-bottom: 10px;
        }

            .eubuser_edit dl dd .txtint {
                width: 180px;
            }


.downtmp {
    padding: 5px;
}

.downtmp_head {
    width: 100%;
    float: left;
}

    .downtmp_head span {
        padding-right: 10px;
    }

    .downtmp_head h2 {
        line-height: 25px;
    }

    .downtmp_head p {
        line-height: 25px;
    }

.downtmp_head_left {
    width: 40%;
    margin-left: 5px;
    float: left;
}

.downtmp_head_right {
    width: 40%;
    float: right;
}

    .downtmp_head_right .downtmp_headleft {
        float: left;
        display: inherit;
    }

    .downtmp_head_right .downtmp_headright {
        float: right;
        display: inherit;
    }

.txtdowntitle {
    width: 200px;
}

.downtmp_title {
    display: block;
    width: 70px;
    float: left;
    text-align: right
}

.downtmp_cnt {
    width: 100%;
    float: left;
    position: relative;
    height: 480px;
    border: 1px solid #ccc;
    border-collapse: collapse
}

.downtmp_cntin {
    border: 1px solid #ccc;
    height: 100%
}

.downtmp_cnt table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #fff
}
/*.downtmp_cnt table.*/

.downtmp_cnt_left {
    width: 100%;
    height: 480px;
    overflow-y: scroll;
}

.downtmp_cnt_center {
    width: 19%;
    height: 480px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #ddd;
    text-align: center;
}

.downtmp_cnt_right {
    width: 100%;
    height: 480px;
    overflow-y: scroll;
    overflow-x: hidden
}

    .downtmp_cnt_right table {
        width: 100%;
        padding: 0;
        margin: 0;
        border-top: 1px solid #fff
    }

.downtmp_cnt_apply {
    height: 150px;
    padding: 10px;
}

    .downtmp_cnt_apply .txt_fieldid {
        height: 150px;
    }

.downtmp_txt {
    width: 100px;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

.downtmp_btn {
    width: 105px;
    padding: 0;
    margin: 0;
}

.downtmp_bro {
    width: 250px;
}

.downtmp_action {
    width: 60px;
    border: none;
}

.downtmp_id {
    word-break: break-all;
    width: 180px
}

.downbtn {
    width: 60px;
    float: right
}

.downtmp_remark {
    width: 98%;
    float: left;
    margin-top: 5px;
}

    .downtmp_remark li {
        width: 100%;
        float: left;
        padding-bottom: 3px;
    }

    .downtmp_remark .downtmp_remark_title {
        display: block;
        width: 90px;
        float: left;
        margin-right: 5px;
        text-align: right;
        line-height: 20px;
    }

    .downtmp_remark a {
        margin-left: 5px;
    }

    .downtmp_remark input {
        vertical-align: middle
    }

    .downtmp_remark .remark {
        height: 40px;
    }


.linkpaypal {
    width: 95%;
    float: left;
    margin: 10px 15px;
    position: relative;
}

    .linkpaypal h2 {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        height: 25px;
        line-height: 25px;
        width: 100%;
        float: left;
    }

    .linkpaypal dl {
        width: 100%
    }

    .linkpaypal dt, .linkpaypal dd {
        float: left;
        margin-bottom: 8px;
        height: 23px;
    }

    .linkpaypal dt {
        width: 25%;
        text-align: right;
        margin-right: 1%;
    }

    .linkpaypal dd {
        width: 71%;
    }

        .linkpaypal dd input {
            vertical-align: middle;
            margin: 0 5px 0 0;
        }

        .linkpaypal dd .txtemailset {
            width: 200px;
        }

        .linkpaypal dd .txtemailsetport {
            width: 50px;
        }

        .linkpaypal dd div {
            line-height: 23px;
        }


.issueeditcnt {
    width: 100%;
    float: left;
}

    .issueeditcnt dl {
        width: 100%;
    }

    .issueeditcnt dt, .issueeditcnt dd {
        line-height: 21px;
        height: auto;
        min-height: 28px;
        float: left;
    }

    .issueeditcnt dt {
        width: 10%;
        text-align: right;
        margin-right: 1%;
    }

    .issueeditcnt dd {
        width: 89%;
        margin-bottom: 5px;
    }

.issueedit_list {
    width: 595px;
    border: 1px solid #eee;
    float: left;
    line-height: 23px;
    padding: 5px;
    margin-top: 5px;
}

    .issueedit_list h2 {
        width: 100%;
        float: left;
    }

    .issueedit_list span {
        float: left;
    }

    .issueedit_list b {
        float: right;
        font-weight: normal
    }

    .issueedit_list p {
        width: 100%;
        float: left;
    }


.deleteebayaccount p {
    padding-bottom: 10px;
}


/*account.css-结束*/





/*common.css*/


/*button select txt*/
.button {
    width: 80px;
    height: 22px;
    *padding-bottom: 0 !important;
    *padding-bottom: 0;
    cursor: pointer;
    padding: 1px 6px;
}

.button1 {
    width: 85px;
    height: 23px;
    padding-bottom: 2px;
    *padding-bottom: 0 !important;
    *padding-bottom: 0;
    cursor: pointer;
}

.button2 {
    width: 95px;
    height: 23px;
    padding-bottom: 2px;
    *padding-bottom: 0 !important;
    *padding-bottom: 0;
    cursor: pointer;
}

.button3 {
    width: 110px;
    height: 23px;
    padding-bottom: 2px;
    *padding-bottom: 0 !important;
    *padding-bottom: 0;
    cursor: pointer;
}

.button4 {
    width: 150px;
    height: 23px;
    padding-bottom: 2px;
    *padding-bottom: 0 !important;
    *padding-bottom: 0;
    cursor: pointer;
}

.button5 {
    width: 130px;
    height: 23px;
    padding-bottom: 2px;
    *padding-bottom: 0 !important;
    *padding-bottom: 0;
    cursor: pointer;
}

.remark {
    width: 530px;
    height: 50px
}

.txttitle {
    width: 400px;
}

.txtbulktitle {
    width: 350px;
}

.txtnum {
    width: 40px
}

.txtemail {
    width: 400px;
}

.txtfee {
    width: 80px;
}

.txtqty {
    width: 50px;
}

.txtfname {
    width: 180px
}

.txtfremark {
    width: 250px
}

.txtURL {
    width: 300px;
}

.orange {
    color: #f60
}

.green {
    padding: 0 5px;
    color: Green
}

.free {
    color: #f60
}

.highlight {
    background: #ff0
}

.txttimepicker {
    width: 60px;
    border: #ccc 1px solid;
    border-top: #999 1px solid;
    border-left: #a3a3a3 1px solid;
    height: 17px;
    background: #fff url(../../App_Themes/images/sysicon.png) right -541px no-repeat;
    cursor: pointer;
}

/*model menu*/
.menumodel {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.menuh, .menuf, .menuhl, .menuhr, .menufl, .menufr {
    background: url(../../App_Themes/images/box/mainboxstyle.png)
}

.menuh {
    float: left;
    width: 100%;
    background-position: 0 -72px;
    height: 32px;
}

.menuh1 {
    height: 33px;
}

.menuhl {
    float: left;
    width: 5px;
    background-position: 0 0;
    height: 33px;
}

.menuhr {
    float: right;
    width: 5px;
    background-position: 0 -36px;
    height: 33px;
}

.menuhlc {
    float: left;
}

    .menuhlc h1 {
        float: left;
        margin-left: 5px;
        height: 33px;
        line-height: 33px;
    }

    .menuhlc select {
        width: 180px;
        margin: 7px 5px;
        margin-right: 0px;
    }

.menuhrc {
    float: right;
    margin-right: 5px;
    height: 33px;
    line-height: 33px;
    text-align: right;
    cursor: pointer
}

    .menuhrc .refresh {
        margin: 6px;
        margin-right: 0px;
    }

.menuf {
    width: 100%;
    background-position: 0 -180px;
    float: left;
    height: 5px; /*display:none*/
    position: relative;
    bottom: 3px;
}

.menufl {
    float: left;
    width: 5px;
    background-position: 0 -108px;
    height: 5px;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.menufr {
    float: right;
    width: 5px;
    background-position: 0 -144px;
    height: 5px;
    position: absolute;
    bottom: 0px;
    right: 0;
}

.munubody {
    float: left;
    height: 100%;
    width: 100%;
}

.menubodyin {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 100%;
    overflow: hidden;
    float: left;
    width: 99%;
}

.menutree {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 100%;
    overflow: auto;
    float: left;
    width: 99.2%
}

.meuncnt {
    height: 100%;
    width: 100%;
    float: left;
    background: #fff;
    padding-bottom: 0px;
}

    .meuncnt ul {
        float: left;
        width: 100%
    }

        .meuncnt ul li {
            float: left;
            width: 100%;
        }

            .meuncnt ul li ul {
                display: none;
                width: 196px;
                float: left;
                margin: 0 1px;
                margin-bottom: 1px;
            }

                .meuncnt ul li ul li {
                    width: 100%;
                    float: left;
                    border: 0px;
                    padding: 0px;
                }

                    .meuncnt ul li ul li ul {
                        display: block;
                        margin: 0px;
                    }

.shippanel {
    display: none
}

.meuncnt a {
    display: block;
    float: left;
    height: 27px;
    line-height: 27px;
    text-decoration: none;
}

    .meuncnt a:hover {
        background: url(../../App_Themes/images/leftmenubg.png) 0 0;
        color: #333;
        text-decoration: none;
        font-weight: bold;
    }

    .meuncnt a.selected {
        background: url(../../App_Themes/images/leftmenubg.png) 0 -27px;
        color: #000;
        font-weight: bold;
    }

        .meuncnt a.selected b {
            font-weight: normal; /*color:#909; text-decoration:underline;*/
        }

.meuncnt b {
    float: left;
    padding-left: 25px;
    cursor: pointer;
    font-weight: normal
}

.meuncnt #ElementMenu ul li a b {
    padding-left: 9px;
}
/*elements*/
.meuncnt b.second {
    margin-left: 10px;
}

.meuncnt b.second2 {
    margin-left: 25px;
}

.meuncnt p {
    padding-left: 15px;
    border-top: 1px solid #ccc;
    height: 25px;
    line-height: 25px;
}

    .meuncnt p span {
        float: left;
    }

    .meuncnt p u, .meuncnt u {
        float: right;
        color: #666;
        padding-right: 10px;
        font-size: 11px
    }

        .meuncnt p u a:hover, .meuncnt u a:hover {
            background: none;
            text-decoration: none;
            font-weight: normal
        }

.meuncnt .select, .meuncnt .selected {
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
}

.meuncnt h2.first {
    border-top: none
}

.meuncnt h2 {
    border: none;
    float: left;
    width: 100%;
    line-height: 31px;
    height: 30px;
    cursor: pointer;
    font-weight: bold;
    background: url(../../App_Themes/images/sildertitlebg.png) repeat-x;
    position: relative;
}

    .meuncnt h2.select {
        background-position: 0 0;
        border-top: 1px solid #ccc;
    }

        .meuncnt h2.select:hover {
            background-position: 0 -31px;
        }

    .meuncnt h2.selected, .meuncnt h2.selected:hover {
        background-position: 0 -63px;
        border-top: 1px solid #ccc;
    }

        .meuncnt h2.select b,
        .meuncnt h2.selected b {
            width: 12px;
            height: 12px;
            float: left;
            margin: 9px 7px;
            padding: 0px;
            font-size: 0px;
            background: url(../../App_Themes/images/sysicon.png) no-repeat;
        }

        .meuncnt h2.select u,
        .meuncnt h2.selected u {
            float: right;
        }

        .meuncnt h2.select .menutitle,
        .meuncnt h2.selected .menutitle {
            float: left;
            width: 170px;
        }

    .meuncnt h2.select b {
        background-position: -4px -45px
    }

    .meuncnt h2.select .menurefresh {
        display: none
    }

    .meuncnt h2.selected b {
        background-position: -4px -5px
    }

    .meuncnt h2.selected .menurefresh {
        display: block
    }

.stepselect:hover {
    background-position: 0 -34px;
}

.meuncnt h2.select img {
    margin-left: 10px;
    margin-right: 7px;
}

.meuncnt h2.selected img {
    margin-left: 6px;
    margin-right: 5px;
}

.meuncnt div {
    display: block;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.ship_secend_menu {
    width: 100%;
}

    .ship_secend_menu p {
        padding-left: 25px;
        border: none;
        cursor: pointer;
        background: url(../../App_Themes/images/sysicon.png) 15px -119px no-repeat;
        display: block;
        width: 100%
    }

        .ship_secend_menu p span {
            width: 150px;
        }

        .ship_secend_menu p.select {
            padding-left: 25px;
            background: url(../../App_Themes/images/sysicon.png) 15px -119px no-repeat;
            border: none;
        }

        .ship_secend_menu p.selected {
            padding-left: 25px;
            background: url(../../App_Themes/images/sysicon.png) 15px -80px no-repeat;
            border: none;
        }

    .ship_secend_menu ul {
        border: 0;
    }

.ship_secend {
    background: url(../../App_Themes/images/sysicon.png) no-repeat;
}

    .ship_secend span {
        margin-left: 10px;
    }

        .ship_secend span img {
            vertical-align: middle;
            margin-left: 5px;
        }

.meuncnt a.ship_secend_showall {
    position: absolute;
    top: 7px;
    right: 35px;
    font-size: 0px;
    width: 14px;
    height: 14px;
    display: block;
    float: right;
    background: url(../../App_Themes/images/sysicon.png) -3px -163px no-repeat;
}

.meuncnt a.ship_secend_hideall {
    position: absolute;
    top: 7px;
    right: 35px;
    font-size: 0px;
    width: 14px;
    height: 14px;
    display: none;
    float: right;
    background: url(../../App_Themes/images/sysicon.png) -3px -183px no-repeat;
}


.menumanager {
    width: 186px;
    height: 28px;
    line-height: 28px;
    background: #f1f1f1;
    margin: 1px;
}

    .menumanager a {
        margin-left: 10px;
    }


a.menurefresh {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    margin: 3px;
    margin-right: 5px;
    background: url(../../App_Themes/images/refresh.png) top no-repeat;
    display: block;
}

    a.menurefresh:hover {
        background: url(../../App_Themes/images/refresh.png) bottom no-repeat;
    }

.treehead {
    width: 100%;
    float: left;
    height: 27px;
    line-height: 27px;
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
}

    .treehead .all_tree, .treehead .node_tree, .treehead .select_tree {
        margin: 5px 0 1px 10px;
        background: url(../../App_Themes/images/showtree.png) no-repeat;
        display: block;
        width: 22px;
        height: 16px;
        float: left;
    }

    .treehead .all_tree {
        background-position: 0 -34px;
    }

        .treehead .all_tree:hover {
            background-position: -22px -34px
        }

    .treehead .node_tree {
        background-position: 0 0;
    }

        .treehead .node_tree:hover {
            background-position: -22px 0;
        }

    .treehead .select_tree {
        background-position: 0 -17px;
    }

        .treehead .select_tree:hover {
            background-position: -22px -17px;
        }

    .treehead .editfolder {
        float: right;
        margin-right: 10px;
    }

.treeview {
    background: #fff;
    padding-bottom: 5px;
    overflow: auto;
    width: 100%;
    float: left;
    margin-top: 0;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

    .treeview ul {
        width: 100%;
        float: left;
    }

        .treeview ul li {
            float: left;
            padding-bottom: 1px;
            border: 0px;
            padding: 0px;
            width: 185px
        }

    .treeview li a {
        display: block;
        float: left;
        height: 23px;
        line-height: 23px;
        text-decoration: none;
        width: 100%
    }

        .treeview li a:hover {
            color: #333;
            text-decoration: none;
            font-weight: bold
        }

        .treeview li a b {
            float: left;
            padding-left: 15px;
            cursor: pointer;
            font-weight: normal;
        }

        .treeview li a u {
            float: left;
            color: #666;
            padding-left: 5px;
            font-size: 11px;
        }

        .treeview li a.selected b {
            font-weight: bold;
            color: #909;
            text-decoration: underline;
        }

.jsontree {
    width: 180px;
    float: left;
    margin: 5px;
    padding-bottom: 5px; /*overflow:auto*/ /*overflow-y:scroll*/
}

    .jsontree ul li {
        width: 100%
    }

.tree li button.ico_none {
    display: none !important;
}
/*tree ctr*/

/*search and adsearch model*/
.searchmodel {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    display: table; /*background:#eee url(../../App_Themes/images/search.png) repeat-x;*/
}

.searchhl, .searchhr, .searchfl, .searchfr {
    background: url(../../App_Themes/images/sprite_main.gif);
    height: 6px;
    font-size: 0px;
}

.searchhl {
    float: left;
    width: 6px;
    background-position: 0 0;
}

.searchhr {
    float: right;
    width: 6px;
    background-position: -6px 0;
}

.searchfl {
    float: left;
    width: 6px;
    background-position: 0 -6px;
}

.searchfr {
    float: right;
    width: 6px;
    background-position: -6px -6px;
}

.searchh, .searchf {
    background: url(../../App_Themes/images/sprite_repeat_x.gif) repeat-x
}

.searchh {
    width: 100%;
    float: left;
    background-position: 0 0
}

.searchf {
    width: 100%;
    float: left;
    background-position: 0 -6px
}

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

.searchbodyin {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display: table-cell;
    height: 100%;
    padding: 5px 10px;
}

/* search */
.search {
    padding: 0 10px;
    float: left;
}

    .search dl {
        line-height: 21px;
        float: left;
        width: 730px;
        vertical-align: middle;
    }

    .search dt, .search dd {
        float: left;
    }

    .search dt {
        width: 125px;
        margin-right: 8px;
        text-align: right;
    }

    .search dd {
        width: 590px;
        text-align: left;
    }

    .search .searchselect {
        width: 115px;
    }

    .search .searchinput {
        width: 300px;
        color: #333;
        float: left;
    }

    .search .searchbtn {
        font-size: 12px;
        height: 21px;
        float: left;
        margin-left: 8px;
        width: 70px;
    }

    .search .global {
        float: left;
        margin-left: 5px
    }

    .search .globaltxt {
        float: left;
        margin-left: 5px
    }

    .search dd select {
        float: left;
        margin-left: 8px;
    }

    .search a {
        margin-left: 8px;
        float: left;
    }

    .search dd .flagdw {
        float: left;
        height: 19px;
    }

/* advanced search searchbox */
.advsearch {
    background: #eee;
    float: left;
    width: 100%;
    margin-top: 8px;
    position: relative;
}

.smboxhl, .smboxhr, .smboxtl, .smboxtr {
    background: url(../../App_Themes/images/runCnrBlank.gif) no-repeat;
    height: 5px;
    width: 5px;
    font-size: 0px;
}

.smboxh, .smboxt {
    width: 100%;
    float: left;
}

.smboxhl {
    background-position: 0 0;
    float: left;
}

.smboxhr {
    background-position: 0 -5px;
    float: right;
}

.smboxtl {
    background-position: 0 -15px;
    float: left;
}

.smboxtr {
    background-position: 0 -10px;
    float: right;
}

.smboxcnt {
    float: left;
    padding: 5px 10px;
    padding-bottom: 0;
    vertical-align: middle
}

.smboxcnt1 {
    padding: 5px 10px;
    padding-bottom: 8px;
    vertical-align: middle
}

.advsearch dl {
    width: 750px;
    line-height: 21px;
    float: left;
    vertical-align: middle;
}

.advsearch dt, .advsearch dd {
    float: left;
}

.advsearch dt {
    width: 125px;
    margin-right: 8px;
    text-align: right;
}

.advsearch dd {
    width: 610px;
    text-align: left;
    padding-bottom: 8px;
}

    .advsearch dd input,
    .advsearch dd select {
        vertical-align: middle;
        margin-right: 8px;
    }

    .advsearch dd b {
        font-weight: normal;
        vertical-align: middle;
        padding-left: 5px;
        margin-right: 10px;
    }

    .advsearch dd .flagdw {
        float: left;
        height: 19px;
        margin: 0;
    }

    .advsearch dd .productdw {
        float: left;
        height: 19px;
        margin: 0;
    }

    .advsearch dd .flagdw b {
        font-weight: normal;
        margin: 0;
    }
/*.advsearch dd .flagdw ul, .advsearch dd .productdw ul{z-index:88}*/
.advsearch .clearsearch {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.mboxmodel {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.mboxh, .mboxf, .mboxhl, .mboxhr, .mboxfl, .mboxfr {
    background: url(../../App_Themes/images/box/rouGrayBox.gif);
    height: 5px;
}

.mboxh {
    width: 100%;
    background-position: 0 -72px;
    float: left;
}

.mboxhl {
    float: left;
    width: 5px;
    background-position: 0 0;
}

.mboxhr {
    float: right;
    width: 5px;
    background-position: 0 -36px;
}

.mboxf {
    width: 100%;
    background-position: 0 -180px;
    float: left;
    font-size: 0px;
}

.mboxfl {
    float: left;
    width: 5px;
    background-position: 0 -108px;
}

.mboxfr {
    float: right;
    width: 5px;
    background-position: 0 -144px;
}

.mboxbody {
    width: 100%;
    height: 100%;
    float: left;
}

.mboxbodyin {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 100%;
    float: left;
    width: 99.8%;
}

.mainmodel {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.mainh, .mainf, .mainhl, .mainhr, .mainfl, .mainfr {
    background: url(../../App_Themes/images/box/mainboxstyle.png)
}

.mainh {
    width: 100%;
    background-position: 0 -72px;
    float: left;
    height: 31px;
    border-bottom: 1px solid #bbb;
}

.mainhl {
    float: left;
    width: 5px;
    background-position: 0 0;
    height: 31px;
}

.mainhr {
    float: right;
    width: 5px;
    background-position: 0 -36px;
    height: 31px;
}

.mainhlc {
    float: left;
    height: 28px;
    line-height: 28px;
}

    .mainhlc .title {
        float: left;
        position: absolute;
        top: 3px;
        font-weight: bold;
        display: block;
    }

    .mainhlc .titlel {
        background: url(../../App_Themes/images/tabbg.png) left;
        height: 36px;
        display: block;
        text-align: center;
        line-height: 36px;
        float: left;
        margin-left: 5px;
        padding: 0 13px 0 18px;
        white-space: nowrap
    }

    .mainhlc .titler {
        background: url(../../App_Themes/images/tabbg.png) right;
        width: 5px;
        height: 36px;
        display: block;
        text-align: center;
        line-height: 36px;
        position: absolute;
        right: -5px;
    }

.mainhrc {
    float: right;
    height: 31px;
    line-height: 31px;
    margin-right: 5px;
}

.mainhlc h1 {
    margin-left: 5px;
    float: left;
    background: none;
    height: 31px;
    line-height: 31px;
}

.mainhrc a.customize {
    cursor: pointer;
}

.mainf {
    width: 100%;
    background-position: 0 -180px;
    float: left;
    height: 5px;
    font-size: 0px;
}

.mainfl {
    float: left;
    width: 5px;
    background-position: 0 -108px;
    height: 5px;
}

.mainfr {
    float: right;
    width: 5px;
    background-position: 0 -144px;
    height: 5px;
}

.mainbody {
    width: 100%;
    height: 100%;
    float: left;
}

.mainbodyin {
    border-left: 1px solid #B4B2B4;
    border-right: 1px solid #B4B2B4;
    height: 100%;
    float: left;
    width: 99.8%;
}

.mainbodyedit {
    border-left: 1px solid #B4B2B4;
    border-right: 1px solid #B4B2B4;
    height: 100%;
    overflow: hidden;
}

.mainbodyads {
    border-left: 1px solid #B4B2B4;
    border-right: 1px solid #B4B2B4;
    height: 100%;
    float: left;
    width: 99.8%;
}
/*product and picture*/
.mainbodypimg {
    height: 100%;
    float: left;
    width: 99.8%;
}

.mainbodyedit {
    padding: 15px;
    padding-bottom: 0px
}


.mainview {
    padding: 1px;
    overflow: hidden;
}

.maincnt {
    width: 100%;
    height: 100%;
    float: left;
    background: #fff;
}

.maindata {
    float: left;
    width: 100%;
}

.dltitle {
    border-bottom: 1px solid #ccc;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.clear {
    width: 100%;
    float: left;
    height: 35px;
}
/**/
.mainclass {
    height: 31px;
    line-height: 31px;
    float: left;
}

    .mainclass a {
        float: left;
    }

    .mainclass ul {
        margin-left: 10px;
        float: left;
    }

        .mainclass ul li img {
            vertical-align: middle;
            margin-right: 3px;
        }

    .mainclass, .mainclass .tabselect {
        padding: 0;
        margin: 0
    }

        .mainclass .tabselect {
            float: left;
            margin-right: 5px;
            height: 26px;
            margin-top: 5px;
            background: url(../../App_Themes/images/tabbg.png) right top;
            padding-right: 7px;
            height: 26px;
            display: block;
        }

            .mainclass .tabselect .tabselecttxt {
                background: url(../../App_Themes/images/tabbg.png) left top;
                padding-left: 7px;
                display: block;
                height: 26px;
                line-height: 28px;
                float: left;
            }

        .mainclass .tabselected {
            float: left;
            margin-right: 5px;
            height: 30px;
            margin-top: 3px;
            background: url(../../App_Themes/images/tabbg.png) right top;
            padding-right: 7px;
            height: 30px;
            display: block;
        }

            .mainclass .tabselected .tabselecttxt {
                background: url(../../App_Themes/images/tabbg.png) left top;
                padding-left: 7px;
                display: block;
                height: 30px;
                line-height: 30px;
                float: left;
            }


.moresite {
    float: left;
    margin-top: 3px;
    margin-left: 5px;
}

/*country select*/
.mainscroll {
    width: 100%;
    height: 31px;
    line-height: 31px;
    background: url(../../App_Themes/images/tagbg.png) repeat-x;
}

    .mainscroll .select, .mainscroll .selected, .mainscroll .frist, .mainscroll .last {
        display: block;
        background: url(../../App_Themes/images/tagbg.png);
        height: 31px;
        line-height: 31px;
        text-align: center;
        float: left;
        padding: 0 15px;
    }

        .mainscroll .select:hover {
            text-decoration: none;
        }

    .mainscroll .select {
        background-position: bottom right;
        background-repeat: no-repeat;
    }

        .mainscroll .select:hover {
            background-position: 0 -32px;
            background-repeat: repeat-x
        }

    .mainscroll .selected {
        background: url(../../App_Themes/images/tagbg.png) 0 -32px repeat-x;
        border: 1px solid #ccc;
        border-top: none;
        border-bottom: none;
        color: #666;
        font-weight: bold;
        position: relative;
    }

        .mainscroll .selected b {
            background: url(../../App_Themes/images/tagbg1.png) center no-repeat;
            width: 100%;
            height: 7px;
            position: absolute;
            top: 30px;
            left: 0px;
            display: inline-block;
        }

    .mainscroll .frist {
        background-position: 0 -64px;
        width: 23px;
        height: 31px;
        padding: 0px;
        float: left;
    }

    .mainscroll .last {
        background-position: -24px -64px;
        width: 23px;
        height: 31px;
        padding: 0px;
        float: right;
    }

    .mainscroll .cuntry {
        background: #eee;
        margin: 4px;
        float: left;
        height: 20px;
        line-height: 20px;
    }

        .mainscroll .cuntry span {
            padding: 0 15px;
        }

/*select all*/
.mainselectall {
    width: 100%;
    float: left;
    background: #ffecc6;
    border-bottom: 1px solid #ccc;
    height: 25px;
    line-height: 25px;
    margin-bottom: 1px;
}

    .mainselectall a {
        padding-left: 5px;
    }

    .mainselectall span {
        padding-left: 8px;
    }

    .mainselectall b {
        color: #f60;
        padding: 0 5px;
    }

.actionmenu {
    border: 1px solid #f00
}

    .actionmenu ul {
        background: #f00
    }
/*grey box*/
.boxmodel {
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

.boxh, .boxf, .boxhl, .boxhr, .boxfl, .boxfr {
    background: url(../../App_Themes/images/box/rouGraybox.gif)
}

.boxh {
    width: 100%;
    background-position: 0 -72px;
    height: 5px;
}

.boxhl {
    float: left;
    width: 5px;
    background-position: 0 0;
    height: 5px;
}

.boxhr {
    float: right;
    width: 5px;
    background-position: 0 -36px;
    height: 5px;
}

.boxf {
    width: 100%;
    background-position: 0 -180px;
    float: left;
    height: 5px;
}

.boxfl {
    float: left;
    width: 5px;
    background-position: 0 -108px;
    height: 5px;
}

.boxfr {
    float: right;
    width: 5px;
    background-position: 0 -144px;
    height: 5px;
}

.boxbody {
    width: 100%;
    height: 100%;
}

.boxbodyin, .boxbodyintig {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 100%;
    overflow: hidden;
}

.boxbodyin {
    padding: 0 15px;
}

.boxbodyintig {
    padding: 0 1px;
}

/*main page button*/
.buttontop {
    width: 100%;
    float: left;
    padding: 10px auto;
    background: url(../../App_Themes/images/buttonbg1.png) bottom repeat-x;
}

    .buttontop .leftbutton {
        float: left;
        padding: 10px 10px 13px 7px;
    }

        .buttontop .leftbutton input {
            float: left;
            vertical-align: middle
        }

    .buttontop .rightbutton {
        float: right;
        margin: 10px;
        margin-right: 14px;
    }

        .buttontop .rightbutton .ActionMenuList {
            float: right;
        }

    .buttontop .leftbutton div:not(.select2-display-none)  {
        display: inline
    }

    .buttontop .leftbutton .abutton {
        border: none;
        background: url(../../App_Themes/images/actionbg.png) 0px 0px repeat-x;
        border: 1px solid #666;
        height: 19px;
        line-height: 19px;
        cursor: pointer;
        margin-left: 7px;
        float: left;
        padding: 0 10px;
        min-width: 50px;
        text-align: center;
        text-decoration: none;
        color: #333;
        cursor: pointer
    }

    .buttontop .rightbutton .abutton {
        border: none;
        background: url(../../App_Themes/images/actionbg.png) 0px 0px repeat-x;
        border: 1px solid #666;
        height: 19px;
        line-height: 19px;
        cursor: pointer;
        margin-left: 7px;
        float: right;
        padding: 0 10px;
        min-width: 50px;
        text-align: center;
        text-decoration: none;
        color: #333;
        cursor: pointer
    }

    .buttontop .rightbutton .upload {
        border: none;
        background: url(../../App_Themes/images/actionbg.png) 0px 0px repeat-x;
        border: 1px solid #666;
        height: 19px;
        line-height: 19px;
        cursor: pointer;
        float: right;
        padding: 0 10px;
        min-width: 50px;
        text-align: center;
        text-decoration: none;
        color: #333;
        cursor: pointer;
        margin-left: 10px;
    }

.ActionMenuList {
    border: 1px solid #666;
    margin-left: 7px;
    float: left;
    cursor: pointer;
    background: url(../../App_Themes/images/actionbg.png) 0px 0px repeat-x;
    display: block;
    position: relative;
}

    .ActionMenuList span {
        display: inline-block;
        height: 19px;
        line-height: 19px;
        background: url(../../App_Themes/images/sysicon.png) right -82px no-repeat;
        padding: 0 18px 0 9px;
        margin-left: 0;
        white-space: nowrap;
        text-align: left;
        min-width: 43px;
    }

        .ActionMenuList span a {
            text-decoration: none;
            color: #000;
            margin: 0;
        }

    .ActionMenuList ul {
        position: absolute;
        border: 1px solid #666;
        background: #fff;
        z-index: 1;
        padding: 5px;
        display: none;
    }

        .ActionMenuList ul, .ActionMenuList ul li {
            white-space: nowrap;
        }

            .ActionMenuList ul li {
                display: block;
            }

                .ActionMenuList ul li a {
                    display: block;
                    color: #333;
                    text-align: left;
                    padding: 0 5px;
                    line-height: 20px;
                    text-decoration: none;
                    margin: 0;
                    min-width: 50px;
                    white-space: nowrap;
                }

                .ActionMenuList ul li img {
                    vertical-align: middle;
                    margin-right: 3px;
                }

    .ActionMenuList dfn {
        vertical-align: middle;
        margin-top: 2px;
        margin-right: 1px;
    }

    .ActionMenuList ul li a b {
        float: left;
        font-weight: normal;
    }

    .ActionMenuList ul li:hover {
        background: #66b3ff;
        color: #333;
    }

    .ActionMenuList span p {
        float: left;
    }


    .ActionMenuList:hover {
        z-index: 2;
    }

        .ActionMenuList:hover span p {
            display: block;
            top: 19px;
            width: 100%;
            height: 4px;
            left: -1px;
            z-index: 4;
            position: absolute;
            background: #fff;
            border-left: 1px solid #666;
            border-right: 1px solid #666;
        }

        .ActionMenuList:hover ul {
            display: block;
            z-index: 3;
            max-height: 400px;
            overflow-y: auto;
        }

        .ActionMenuList:hover span {
            background: #fff url(../../App_Themes/images/actionbg.png) 0px -21px repeat-x;
        }

.flagdw, .flagdw ul, .flagdw ul li {
    float: left;
}

    .flagdw ul {
        width: 75px;
        padding: 5px;
    }

        .flagdw ul li a {
            min-width: 66px;
        }

.fillvac ul li a {
    padding-right: 15px;
}

.actionleft ul {
    top: 22px;
    left: -1px;
}

.actionlefttop ul {
    bottom: 22px;
    left: -1px;
}

.actionright ul {
    top: 22px;
    right: -1px;
}

.datagrid .flagdw {
    border: none;
    float: left;
    cursor: pointer;
    background: none;
    display: block;
}

    .datagrid .flagdw span {
        display: inline-block;
        height: 19px;
        line-height: 19px;
        background: url(../../App_Themes/images/sysicon.png) right -82px no-repeat;
        padding: 0 18px 0 0;
        margin-left: 0;
        white-space: nowrap;
        text-align: left;
        min-width: 20px;
    }

        .datagrid .flagdw span a {
            text-decoration: none;
            color: #000;
            margin: 0;
            float: left;
        }

    .datagrid .flagdw ul {
        position: absolute;
        border: 1px solid #666;
        background: #fff;
        z-index: 888;
        padding: 5px;
        display: none;
    }

        .datagrid .flagdw ul, .datagrid .flagdw ul li {
            white-space: nowrap;
        }

            .datagrid .flagdw ul li {
                display: block;
            }

                .datagrid .flagdw ul li a {
                    display: block;
                    color: #333;
                    text-align: left;
                    padding: 0 5px;
                    line-height: 20px;
                    text-decoration: none;
                    margin: 0;
                    min-width: 60px;
                    white-space: nowrap;
                }

                .datagrid .flagdw ul li img {
                    vertical-align: middle;
                    margin-right: 3px;
                }

    .datagrid .flagdw dfn {
        vertical-align: middle;
        margin-top: 2px;
        margin-right: 1px;
    }

    .datagrid .flagdw ul li a b {
        float: left;
        font-weight: normal;
    }

    .datagrid .flagdw ul li:hover {
        background: #66b3ff;
        color: #333;
    }

    .datagrid .flagdw span p {
        float: left;
        display: none
    }

    .datagrid .flagdw:hover ul {
        display: block;
        top: 18px;
    }

    /**/ /*
.sales_info_detail .flagdw{border:none;float:left;cursor:pointer; background:none; display:block;}
.sales_info_detail .flagdw span{ display:inline-block; height:19px; line-height:19px; background:url(../../App_Themes/images/sysicon.png) right -82px no-repeat;padding:0 18px 0 0; margin-left:0; white-space:nowrap; text-align:left;min-width:20px; }
.sales_info_detail .flagdw span a{ text-decoration:none;color:#000; margin:0; float:left; }
.sales_info_detail .flagdw ul{ position:absolute;border:1px solid #666; background:#fff; z-index:888;padding:5px;display:none;}
.sales_info_detail .flagdw ul, .sales_info_detail .flagdw ul li{ white-space:nowrap; }
.sales_info_detail .flagdw ul li{display:block;}
.sales_info_detail .flagdw ul li a{display:block; color:#333; text-align:left;padding:0 5px; line-height:20px; text-decoration:none; margin:0; min-width:50px; white-space:nowrap;}
.sales_info_detail .flagdw ul li img{ vertical-align:middle; margin-right:3px;} 
.sales_info_detail .flagdw dfn{ vertical-align:middle; margin-top:2px; margin-right:1px;}
.sales_info_detail .flagdw ul li a b{ float:left; font-weight:normal;}
.sales_info_detail .flagdw ul li:hover{background:#66b3ff; color:#333;}
.sales_info_detail .flagdw span p{ float:left; display:none}
*/
    .datagrid .flagdw:hover ul {
        display: block;
        top: 18px;
    }
/**/

.droptree {
    border: 1px solid #666;
    margin-left: 7px;
    float: left;
    cursor: pointer;
    background: url(../../App_Themes/images/actionbg.png) 0px 0px repeat-x;
    position: relative;
    display: block;
}

    .droptree span {
        display: inline-block;
        height: 19px;
        line-height: 19px;
        background: url(../../App_Themes/images/sysicon.png) right -82px no-repeat;
        padding: 0 18px 0 9px;
        margin-right: 5px;
        white-space: nowrap;
        text-align: left;
        min-width: 43px;
    }

        .droptree span a {
            text-decoration: none;
            color: #000
        }

        .droptree span span {
            padding: 0;
            margin: 0;
            background: none;
        }

    .droptree .tree {
        position: absolute;
        border: 1px solid #666;
        background: #fff;
        z-index: 888;
        min-width: 250px;
        max-height: 250px;
        overflow: auto;
        left: -1px;
        padding: 5px;
        text-align: left;
    }

        .droptree .tree li {
            width: 100%;
            text-align: left;
            white-space: nowrap
        }

        .droptree .tree span {
            background: none;
        }

        .droptree .tree a:hover {
            color: #000;
            font-weight: bold
        }

    .droptree ul.tree {
        display: none;
        z-index: 999;
    }

.droptreeup {
    position: relative;
    text-align: left;
}
/*
.droptreeup  p{ background:#f00; position:absolute; width:100%; height:4px; left:-1px; background:#f00;border-left:1px solid #666;border-right:1px solid #666; z-index:9999; }
*/
.droptree .bottom p {
    bottom: 19px;
}

.droptreeup {
    background: #f00 url(../../App_Themes/images/actionbg.png) 0px -21px repeat-x;
}

    .droptree .tree li span, .droptreeup .tree li span {
        text-align: left;
        float: left;
    }

.droptree ul.bottom {
    bottom: 22px;
}

.droptreetop .tree {
    top: 22px;
}

.droptree:hover {
    background: url(../../App_Themes/images/actionbg.png) 0px -21px repeat-x;
}

    .droptree:hover p {
        display: block;
        background: #fff;
        position: absolute;
        width: 100%;
        height: 4px;
        top: 19px;
        left: -1px;
        border-left: 1px solid #666;
        border-right: 1px solid #666;
        z-index: 9999;
    }

    .droptree:hover ul {
        display: block;
    }


.maindata {
    width: 100%;
    float: left;
}

.mainpage {
    width: 100%;
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-top: 1px solid #ccc
}

    .mainpage .pagerecordes {
        float: left;
        width: 19%;
        line-height: 35px;
        height: 35px;
        text-align: left;
        vertical-align: middle;
        margin-left: 1%;
    }

        .mainpage .pagerecordes b {
            color: #f60;
            margin-right: 3px;
        }

    .mainpage .pagenavagation {
        float: left;
        text-align: center;
        width: 60%;
        line-height: 35px;
        height: 35px;
    }

        .mainpage .pagenavagation a {
            font-weight: bold;
            color: Blue;
            margin-right: 5px;
        }

            .mainpage .pagenavagation a.disabled {
                text-decoration: none;
                color: #A0A0A0;
            }

            .mainpage .pagenavagation a.selected {
                color: #f00;
                font-weight: bold;
            }

    .mainpage .pageof {
        text-align: right;
        float: right;
        width: 18.9%;
        margin-right: 1%;
        line-height: 35px;
        height: 35px;
    }

    .mainpage .pageselected {
        color: red;
    }

.emptymessage {
    text-align: center;
    width: 100%;
    padding: 80px 0;
    display: block;
    margin: 0 auto;
}

    .emptymessage b {
        text-align: center;
        background: url(../../App_Themes/images/message/messageIcon.gif) no-repeat;
        padding: 1px;
        padding-left: 20px;
        font-weight: normal;
        display: block;
        height: 20px;
        width: 100px;
    }


.loading {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #333;
    position: fixed !important;
    position: absolute;
    z-index: 999999;
    filter: Alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}

.loadingBG {
    left: 0px;
    top: 0px;
    background: #333;
    position: fixed !important;
    position: absolute;
    z-index: 9999998;
    filter: Alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
}

.loadingimg {
    position: absolute;
    z-index: 999999999;
    width: 32px;
    height: 32px;
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -16px;
    position: fixed !important;
    background: url(../../App_Themes/images/lb-load.gif) no-repeat;
    display: block
}


.modifymodel {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.modifyh, .modifyhl, .modifyhr, .modifyf, .modifyfl, .modifyfr {
    background: url(../../App_Themes/images/box/rouGrayBg.gif)
}

.modifyh {
    width: 100%;
    background-position: 0 -72px;
    float: left;
    height: 32px;
}

.modifyhl {
    float: left;
    background-position: 0 0;
    width: 5px;
    height: 32px;
}

.modifyhr {
    float: right;
    width: 5px;
    background-position: 0 -36px;
    height: 32px;
}

.modifyhlc {
    float: left;
    height: 32px;
    line-height: 32px;
    position: relative;
}

    .modifyhlc .title {
        float: left;
        position: absolute;
        top: 3px;
        font-weight: bold;
        display: block;
    }

    .modifyhlc .titlel {
        background: url(../../App_Themes/images/tabbg.png) left;
        height: 36px;
        display: block;
        text-align: center;
        line-height: 36px;
        float: left;
        margin-left: 5px;
        padding: 0 18px 0 23px;
        white-space: nowrap
    }

    .modifyhlc .titler {
        background: url(../../App_Themes/images/tabbg.png) right;
        width: 5px;
        height: 36px;
        display: block;
        text-align: center;
        line-height: 36px;
        position: absolute;
        right: -5px;
    }

.modifyhrc {
    float: right;
    height: 32px;
    line-height: 32px;
    margin-right: 5px;
}

    .modifyhrc h1 {
        margin-left: 5px;
        float: left;
    }

.modifyf {
    width: 100%;
    background-position: 0 -180px;
    float: left;
    height: 5px;
}

.modifyfl {
    float: left;
    width: 5px;
    background-position: 0 -108px;
    height: 5px;
}

.modifyfr {
    float: right;
    width: 5px;
    background-position: 0 -144px;
    height: 5px;
}

.modifybody {
    width: 100%;
    height: 100%;
    float: left;
}

.modifybodyin {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    overflow: hidden;
    padding: 0 2px 0 0px;
}

.modifycnt {
    float: left; /*background:#fff;border:1px solid #bbb;*/
    padding: 1px;
    width: 100%;
}

.modifybodyin h1 {
    margin-bottom: 3px;
    height: 21px;
    line-height: 21px;
}

/*icon model*/
.iconmodel {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.iconh, .iconf, .iconhl, .iconhr, .iconfl, .iconfr {
    background: url(../../App_Themes/images/box/rouGraybox.gif);
    font-size: 0px;
    height: 3px;
}

.iconh {
    width: 100%;
    background-position: 0 -72px;
    float: left;
}

.iconhl {
    float: left;
    width: 5px;
    background-position: 0 0;
}

.iconhr {
    float: right;
    width: 5px;
    background-position: 0 -36px;
}

.iconf {
    width: 100%;
    background-position: 0 -180px;
    float: left;
}

.iconfl {
    float: left;
    width: 5px;
    background-position: 0 -108px;
}

.iconfr {
    float: right;
    width: 5px;
    background-position: 0 -144px;
}

.iconbody {
    width: 100%;
    height: 100%;
    float: left;
}

.iconbodyin {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 99.6%;
    overflow: hidden;
    padding: 2px 10px;
    padding-bottom: 8px;
}

    .iconbodyin h1 {
        height: 21px;
        line-height: 21px;
    }

    .iconbodyin ul, .iconbodyin li {
        width: 100%;
        float: left;
        vertical-align: middle;
        line-height: 19px;
        padding-top: 5px;
    }

        .iconbodyin li dfn {
            margin-right: 5px;
        }

    .iconbodyin .more {
        text-align: right;
        float: right;
        width: 100%;
        display: block;
    }

.btn {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btncenter {
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

/*time picker*/
div.time-picker {
    position: absolute;
    height: 150px;
    width: 62px; /* needed for IE */
    overflow: auto;
    background: #fff;
    border: 1px solid #000;
    z-index: 999999999;
    margin: 0;
    padding: 0;
}

div.time-picker-12hours {
    width: 6em; /* needed for IE */
    margin: 0;
    padding: 0;
}

div.time-picker ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.time-picker li {
    margin: 0;
    padding: 1px;
    cursor: pointer;
}

    div.time-picker li.selected {
        background: #316AC5;
        color: #fff;
    }

/*dialog*/
.dialog {
    position: relative;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.4;
    border-collapse: collapse;
    z-index: 99999997;
}
/*.dialog_gb{position:absolute;background-color:#f00;opacity:0.4;filter:alpha(opacity=40);width:100%;height:100%;}
*/
.dialog_gb {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #333;
    position: fixed !important;
    z-index: 999999;
    filter: Alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    cursor: not-allowed;
    cursor: url(../../App_Themes/images/unavailable.cur);
}


/*
.dialog_topleft, .dialog_topright, .dialog_bottomleft, .dialog_bottomright{background:url(../../App_Themes/images/dialog/dialog_main.png); font-size:0px;width:10px; height:10px}
.dialog_top, .dialog_bottom{ background:url(../../App_Themes/images/dialog/dialog_repeat_x.png) repeat-x; font-size:0px;}
.dialog_left, .dialog_right{background:url(../../App_Themes/images/dialog/dialog_repeat_y.png) repeat-y; font-size:0px;}
.dialog_topleft{background-position:0 0;}
.dialog_topright{background-position:-31px 0;}
.dialog_top{height:10px; background-position:top;}
.dialog_bottom{height:10px; background-position:0 -30px;}
.dialog_left{ background-position:left;}
.dialog_right{background-position:-31px 0;}
.dialog_bottomleft{background-position:0 -30px}
.dialog_bottomright{background-position:-31px -30px}
.dialog_close{cursor: pointer; float: right; height: 21px; width: 21px;background: url(../../App_Themes/images/dialog/dialog_main.png) 0 -41px; }
.dialog_close:hover{ background-position:0 -63px;}
.dialoghead{ height:28px; width:100%; background:#c5d2e8;border-bottom:1px solid #8AA29D}
.dialog_title{ float:left; line-height:24px; font-weight:bold; padding-left:5px;}
.dialog_covering{position: absolute; height:100%; width: 100%; display: none; background-color:#fff; opacity: 0.5;}
.dialog_frame{border:1px solid #8AA29D;border-top:none;border-left:none;/* overflow:hidden*/ /*}
.dialog_button{ background:#C5CEE9; padding: 6px 0 3px 0; text-align: right;}
.dialogbutton, .dialog_button input{ width:80px;height:23px;padding-bottom:2px;*padding-bottom:0!important;*padding-bottom:0; cursor:pointer;}
.dialogmsghead{border:1px solid #8AA29D;border-top:none;border-bottom:none;background:#f2f4fc; font-weight:bold;}
.dialogmsghead table{ height:45px;}*/

.dialog_topleft, .dialog_topright, .dialog_bottomleft, .dialog_bottomright {
    background: url(../../App_Themes/images/dialog/dialog_main.png);
    font-size: 0px;
    width: 10px;
    height: 10px
}

.dialog_top, .dialog_bottom {
    background: url(../../App_Themes/images/dialog/dialog_repeat_x.png) repeat-x;
    font-size: 0px;
}

.dialog_left, .dialog_right {
    background: url(../../App_Themes/images/dialog/dialog_repeat_y.png) repeat-y;
    font-size: 0px;
}

.dialog_topleft {
    background-position: 0 0;
}

.dialog_topright {
    background-position: -31px 0;
}

.dialog_top {
    height: 10px;
    background-position: top;
}

.dialog_bottom {
    height: 10px;
    background-position: 0 -30px;
}

.dialog_left {
    background-position: left;
}

.dialog_right {
    background-position: -31px 0;
}

.dialog_bottomleft {
    background-position: 0 -30px
}

.dialog_bottomright {
    background-position: -31px -30px
}

.dialog_close {
    cursor: pointer;
    float: right;
    height: 19px;
    width: 19px;
    background: url(../../App_Themes/images/dialog/close.png) 0 0;
}

    .dialog_close:hover {
        background-color: black;
    }

.dialoghead {
    height: 28px;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #fff
}

.dialog_title {
    float: left;
    line-height: 24px;
    font-weight: bold;
    padding-left: 5px;
}

.dialog_covering {
    position: absolute;
    height: 100%;
    width: 100%;
    display: none;
    background-color: #fff;
    opacity: 0.5;
}

.dialog_frame {
    border-top: none;
    border-left: none; /* overflow:hidden*/
}

.dialog_button {
    background: #fff;
    padding: 10px 10px 15px 10px;
    text-align: right;
}

    .dialogbutton, .dialog_button input {
        width: 80px;
        height: 23px;
        padding-bottom: 2px;
        *padding-bottom: 0 !important;
        *padding-bottom: 0;
        cursor: pointer;
    }

.dialogmsghead {
    border: 1px solid #fff;
    border-top: none;
    border-bottom: none;
    background: #fff;
    font-weight: bold;
}

    .dialogmsghead table {
        height: 45px;
    }


.diogcnt {
    padding: 18px;
}

.diogleft {
    width: 190px;
    float: left;
    min-height: 420px;
    border: 1px solid #ccc;
    overflow: auto;
}

    .diogleft h1 {
        background: #eee;
        height: 25px;
        line-height: 25px;
        border-bottom: 1px solid #ccc;
        font-weight: normal
    }

        .diogleft h1 b {
            margin-left: 5px
        }

.diogright {
    height: 392px;
    margin-left: 200px;
}

    .diogright .search {
        height: 25px;
        line-height: 25px;
    }

.dialogdata {
    border: 1px solid #ccc;
    float: left;
    width: 100%
}

    .dialogdata table {
        border-top: 1px solid #fff
    }

.dialogcreate {
    width: 100%;
    float: left;
    height: 30px;
    line-height: 30px;
}

.diogpage {
    width: 100%;
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-top: none;
}

    .diogpage .pagerecordes {
        float: left;
        width: 19%;
        line-height: 30px;
        height: 30px;
        text-align: left;
        vertical-align: middle;
        margin-left: 1%;
    }

        .diogpage .pagerecordes b {
            color: #f60;
        }

    .diogpage .pagenavagation {
        float: left;
        text-align: center;
        width: 60%;
        line-height: 30px;
        height: 30px;
    }

        .diogpage .pagenavagation a {
            font-weight: bold;
            color: Blue;
            margin-right: 5px;
        }

            .diogpage .pagenavagation a.disabled {
                text-decoration: none;
                color: #A0A0A0;
            }

            .diogpage .pagenavagation a.selected {
                color: #f00;
                font-weight: bold;
            }

    .diogpage .pageof {
        text-align: right;
        float: right;
        width: 18%;
        margin-right: 1%;
        line-height: 30px;
        height: 30px;
    }

    .diogpage .pageselected {
        color: red;
    }

/*dialog customize display*/
.diogcntcdp {
    width: 100%;
}

    .diogcntcdp li {
        width: 150px;
    }

.dialogcustom {
    width: 100%;
    float: left;
}

.dialogcustomhead ul,
.dialogcustomhead li {
    width: 100%;
    height: 21px;
    line-height: 21px;
    margin-bottom: 4px;
}

.dialogcustom_showdetail {
    width: 100%;
    padding-top: 10px;
}

    .dialogcustom_showdetail span {
        float: left;
        margin-left: 5px;
    }

    .dialogcustom_showdetail ul {
        float: left;
    }

    .dialogcustom_showdetail li {
        float: left;
        margin-left: 5px;
    }

        .dialogcustom_showdetail li input {
            vertical-align: middle
        }
/*dialog content*/
.dialog_head {
    width: 100%;
    background: url(../../App_Themes/images/dialogsearchbg.png) repeat-x;
    padding: 10px 0;
    height: 21px;
    vertical-align: middle
}

    .dialog_head span {
        margin-left: 15px;
        margin-right: 8px;
    }

    .dialog_head input, .dialog_head select {
        vertical-align: middle;
    }

    .dialog_head .search_txt {
        width: 308px;
    }

    .dialog_head .search_btn {
        width: 72px;
    }
    /*.dialog_head .search_txt{ background:url(../../App_Themes/images/dialogsearchbg.png) -4px -47px no-repeat; width:308px;height:19px;border:1px solid #9a9d9d;border-right:none; padding:0 2px;}
.dialog_head .search_btn{ background:url(../../App_Themes/images/dialogsearchbg.png) -317px -47px no-repeat; width:72px;height:21px;border:none;color:#fff; font-weight:bold;}
*/
    .dialog_head .folder_btn {
        border: none;
        background: url(../../App_Themes/images/actionbg.png) 0px 0px repeat-x;
        border: 1px solid #666;
        height: 19px;
        line-height: 19px;
        cursor: pointer;
        margin-left: 10px;
        float: left;
        padding: 0 10px;
        min-width: 50px;
        text-align: center;
        text-decoration: none;
        color: #333;
        cursor: pointer
    }

    .dialog_head .invoice_title, .invoce_select {
        margin-left: 10px;
        float: left;
    }

    .dialog_head .globaltxt {
        text-align: left;
        margin-left: 0;
    }

.dialog_advhead .type_select {
    margin-left: 15px;
    margin-right: 8px;
    width: 90px;
}

.dialog_advhead {
    width: 100%;
    background: url(../../App_Themes/images/dialogsearchbg.png) repeat-x;
    padding: 10px 0;
    height: 21px;
    vertical-align: middle;
    margin-bottom: 0;
}

    .dialog_advhead input, .dialog_advhead select {
        vertical-align: middle;
        float: left;
    }

    .dialog_advhead .search_txt {
        width: 308px;
    }

    .dialog_advhead .search_btn {
        width: 72px;
        margin-right: 10px;
    }
    /*.dialog_advhead .search_txt{ background:url(../../App_Themes/images/dialogsearchbg.png) -4px -47px no-repeat; width:308px;height:19px;border:1px solid #9a9d9d;border-right:none; padding:0 2px;}
.dialog_advhead .search_btn{ background:url(../../App_Themes/images/dialogsearchbg.png) -317px -47px no-repeat; width:72px;height:21px;border:none;color:#fff; font-weight:bold; margin-right:10px;}
*/ .dialog_advhead .folder_btn {
        border: none;
        background: url(../../App_Themes/images/actionbg.png) 0px 0px repeat-x;
        border: 1px solid #666;
        height: 19px;
        line-height: 19px;
        cursor: pointer;
        margin-left: 10px;
        float: left;
        padding: 0 10px;
        min-width: 50px;
        text-align: center;
        text-decoration: none;
        color: #333;
        cursor: pointer
    }

    .dialog_advhead .flagdw {
        padding: 0;
        margin: 0 5px;
    }

.dialog_advsearch {
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin: 0;
}

    .dialog_advsearch dl {
        margin-top: 0;
        padding-top: 10px;
    }

.dialog_left_cnt {
    background: #ebf4fb;
    vertical-align: top;
    border-right: 1px solid #ccc;
    width: 200px;
}

    .dialog_left_cnt h1 {
        background: #eee;
        height: 25px;
        line-height: 25px;
        border-bottom: 1px solid #ccc;
        font-weight: normal
    }

        .dialog_left_cnt h1 span {
            margin-left: 5px
        }

.dialog_menu {
    width: 100%;
}

    .dialog_menu ul, .dialog_menu ul li {
        float: left;
        width: 100%;
    }

        .dialog_menu ul li ul {
            display: none;
            width: 196px;
            float: left;
            margin: 0 1px;
        }

            .dialog_menu ul li ul li {
                width: 100%;
                float: left;
                border: 0px;
                padding: 0px;
            }

                .dialog_menu ul li ul li ul {
                    display: block;
                    margin: 0px;
                }

    .dialog_menu a {
        display: block;
        float: left;
        height: 27px;
        line-height: 27px;
        text-decoration: none;
    }

        .dialog_menu a:hover {
            background: url(../../App_Themes/images/leftmenubg.png) 0 0;
            color: #333;
            text-decoration: none;
            font-weight: bold;
        }

        .dialog_menu a.selected {
            background: url(../../App_Themes/images/leftmenubg.png) 0 -27px;
            color: #000;
            font-weight: bold;
        }

            .dialog_menu a.selected b {
                font-weight: normal; /*color:#909; text-decoration:underline;*/
            }

    .dialog_menu b {
        float: left;
        padding-left: 25px;
        cursor: pointer;
        font-weight: normal
    }

    .dialog_menu u {
        float: right;
        color: #666;
        padding-right: 10px;
        font-size: 11px
    }

        .dialog_menu u a:hover {
            background: none;
            text-decoration: none;
            font-weight: normal
        }

    .dialog_menu .select, .dialog_menu .selected {
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
    }

    .dialog_menu h2 {
        border: none;
        float: left;
        width: 100%;
        line-height: 31px;
        height: 30px;
        cursor: pointer;
        font-weight: bold;
    }

        .dialog_menu h2.select {
            background-position: 0 0;
        }

            .dialog_menu h2.select b,
            .dialog_menu h2.selected b {
                width: 12px;
                height: 12px;
                float: left;
                margin: 9px 7px;
                padding: 0px;
                font-size: 0px;
                background: url(../../App_Themes/images/sysicon.png) no-repeat;
            }

            .dialog_menu h2.select b {
                background-position: -4px -45px
            }

        .dialog_menu h2.selected b {
            background-position: -4px -5px
        }

.dialogcustomchk li {
    float: left;
    width: 150px;
    line-height: 21px;
    margin-bottom: 4px;
}

    .dialogcustomchk li img {
        vertical-align: middle;
        margin-right: 5px;
    }

    .dialogcustomhead li input, .dialogcustomchk li input {
        float: left;
        vertical-align: middle;
        padding-right: 5px;
    }

/*dialog data*/

.datamodel {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.datah th, .dataf, .datahl, .datahr, .datafl, .datafr {
    background: url(../../App_Themes/images/box/rouGrayBg.gif)
}

.datah th {
    background-position: 0 -72px;
    height: 28px;
}

.datahl {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 28px;
}

.datahr {
    background-position: 0 -36px;
    background-repeat: no-repeat;
    height: 28px;
    background: #f00
}

.datahlc h1 {
    float: left;
    margin-left: 5px;
    height: 28px;
    line-height: 28px;
}

.datahlc select {
    width: 180px;
    margin: 5px 0
}

.datahrc {
    float: right;
    margin-right: 5px;
    height: 28px;
    line-height: 28px;
    text-align: right;
    cursor: pointer
}

.dataf {
    width: 100%;
    background-position: 0 -180px;
    float: left;
    height: 5px;
}

.datafl {
    float: left;
    width: 5px;
    background-position: 0 -108px;
    height: 5px;
}

.datafr {
    float: right;
    width: 5px;
    background-position: 0 -144px;
    height: 5px;
}

.databody {
    float: left;
    width: 100%;
    height: 100%;
}

.databodyin {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 100%;
    overflow: hidden;
}


.boxwarning {
    border: 1px solid #ff7428;
    padding: 3px;
    margin: 5px;
    margin-bottom: 0;
    background: #ffffca
}

    .boxwarning b {
        background: url(../../App_Themes/images/sysicon.png) -2px -483px no-repeat;
        display: block;
        width: 16px;
        height: 15px;
        float: left;
        margin: 2px;
        margin-right: 7px;
        vertical-align: middle
    }

.dialogcustomchk {
    width: 100%;
    margin-top: 10px;
    margin-left: 17px;
}

.templatenav {
    width: 100%;
    float: left;
    height: 30px;
    background: #eee;
    border-bottom: 1px solid #ccc;
    line-height: 30px;
}

    .templatenav span {
        margin-left: 10px;
    }

.dropdowntree {
    display: block;
    text-decoration: none;
    color: #000;
    height: 20px;
    text-align: center;
    line-height: 20px;
    padding: 0 15px;
    border: 1px solid #666;
    cursor: pointer;
    background: url(../../App_Themes/images/sildertitlebg.png) 0px -31px repeat-x;
}

.dropjsontree {
    min-width: 180px;
    float: left;
    z-index: 1000;
    display: none;
    position: absolute;
    border: 1px solid #666;
    background: #fff;
    overflow: inherit;
}

    .dropjsontree ul {
        margin: 5px;
    }

        .dropjsontree ul li {
            width: 100%
        }

.customercnt {
    width: 100%
}

    .customercnt h2 {
        width: 100%;
        line-height: 25px;
        height: 25px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        float: left;
    }

    .customercnt dl {
        width: 520px;
    }

    .customercnt dt, .customercnt dd {
        float: left;
        padding: 5px 0
    }

    .customercnt dt {
        width: 100px;
        margin-right: 10px;
        text-align: right
    }

    .customercnt dd {
        width: 150px;
        text-align: left;
    }


/*footpanel*/
.footpanel {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 88;
    background: #fff;
    border-top: 1px solid #ccc; /* border-bottom:1px solid #fff;*/
    width: 100%;
}

    .footpanel ul {
        float: left;
        width: 99.7%; /*border: 1px solid #fff;*/
        border-bottom: 0px;
    }

        .footpanel ul li {
            height: 30px;
            line-height: 30px;
            position: relative;
            vertical-align: middle
        }

            .footpanel ul li a {
                float: left;
                color: #333;
                position: relative;
                text-decoration: none;
                line-height: 30px;
                text-align: center;
                margin-right: 10px;
            }

html .footpanel ul li a:hover {
}

html .footpanel ul li a.active {
    margin-top: -2px;
    border: 1px solid #555;
    border-top: none;
    z-index: 200;
    position: relative;
}

.footpanel a.home {
    background: url(home.png) no-repeat 15px center;
    width: 50px;
    padding-left: 40px;
    border-right: 1px solid #bbb;
    text-indent: 0;
}

.footpanel a.goto {
    padding-left: 10px;
}

.footpanel li.left {
    float: left;
    text-align: left;
    margin-left: 10px;
}

.footpanel li.right {
    float: right;
    text-align: right;
    margin-right: 10px;
    vertical-align: middle;
}

    .footpanel li.right input, .footpanel li.left input {
        margin: 4px 0;
    }

.footpanel li input {
    vertical-align: middle
}

.footpanel a small {
    text-align: center;
    width: 137px;
    display: none;
    color: #fff;
    border: 1px solid #8AA29D;
    background: #c5d2e8;
    border-bottom: none
}

.footpanel a.goto {
    background: url(../../App_Themes/images/sysicon.png) right -96px no-repeat;
    padding-right: 20px
}

.footpanel a:hover small {
    display: block;
    position: absolute;
    bottom: 30px;
    left: -2px;
    z-index: 88;
}

.footpanel a small div {
    float: left;
    width: 125px;
    border: 1px solid #fff;
    border-bottom: 0px;
    padding: 5px;
}

.footpanel a small p {
    color: #333;
    display: block;
    width: 115px;
    padding: 0 5px;
    margin: 0px;
    height: 23px;
    line-height: 23px;
    text-align: left;
    font-size: 12px;
}

    .footpanel a small p:hover {
        background: #66b3ff;
        text-decoration: none;
    }

.footpanelNew {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88;
    background: #fff;
    border-bottom: 1px solid #ccc; /* border-bottom:1px solid #fff;*/
    width: 100%;
}

    .footpanelNew ul {
        float: left;
        width: 99.7%; /*border: 1px solid #fff;*/
        border-bottom: 0px;
    }

        .footpanelNew ul li {
            height: 35px;
            line-height: 35px;
            position: relative;
            vertical-align: middle
        }

    .footpanelNew li.left {
        float: left;
        text-align: left;
        margin-left: 10px;
    }

.toppanel {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88;
    background: #fff;
    border-bottom: 1px solid #ccc; /* border-bottom:1px solid #fff;*/
    width: 100%;
}


.txtErr {
    background-color: Yellow;
    background: Yellow !important;
}



/*icon*/
dfn {
    display: block;
    width: 18px;
    white-space: nowrap;
    height: 16px;
    float: left;
    background: url(../../App_Themes/images/ebayicon.png) no-repeat;
    vertical-align: middle;
}

.iconflag-1 {
    background: none;
    width: 0px;
}

.iconflag0 {
    background-position: -8px -8px;
}

.iconflag1 {
    background-position: -40px -8px;
}

.iconflag2 {
    background-position: -72px -8px;
}

.iconflag3 {
    background-position: -104px -8px;
}

.iconflag4 {
    background-position: -137px -8px;
}

.iconflag5 {
    background-position: -168px -8px;
}

.iconflag6 {
    background-position: -201px -8px;
}

.iconflag7 {
    background-position: -232px -8px;
}

.iconflag8 {
    background-position: -265px -8px;
}

.iconflag9 {
    background-position: -297px -8px;
}

.iconflag10 {
    background-position: -265px -40px;
}

.iconstart0, .iconstart11 {
    background-position: -8px -105px;
}

.iconstart1 {
    background-position: -9px -72px;
}

.iconstart2 {
    background-position: -42px -72px;
}

.iconstart3 {
    background-position: -74px -72px;
}

.iconstart4 {
    background-position: -105px -72px;
}

.iconstart5 {
    background-position: -137px -72px;
}

.iconstart6 {
    background-position: -169px -72px;
}

.iconstart7 {
    background-position: -197px -68px;
    width: 22px;
    height: 24px
}

.iconstart8 {
    background-position: -229px -68px;
    width: 22px;
    height: 24px
}

.iconstart9 {
    background-position: -261px -68px;
    width: 22px;
    height: 24px
}

.iconstart10 {
    background-position: -293px -68px;
    width: 22px;
    height: 24px
}

.iconunpaid {
    background-position: -10px -168px;
}

.iconpaid {
    background-position: -42px -168px;
}

.iconneedinfo {
    background-position: -8px -199px;
}

.iconreadytopost {
    background-position: -103px -168px;
}

.iconprint {
    background-position: -295px -168px;
}

.iconnopickup {
    background-position: -199px -168px;
}

.iconpickup {
    background-position: -42px -199px;
}

.iconpickupfail {
    background-position: -73px -199px;
}

.iconintransit {
    background-position: -232px -168px;
}

.icondeliveryfail {
    background-position: -167px -168px;
}

.icondelivered {
    background-position: -135px -168px;
}

.iconshipped {
    background-position: -72px -168px;
}

.iconunship {
    background-position: -137px -200px;
}

.iconems {
    background-position: -103px -199px;
}

.iconrepost {
    background-position: -232px -199px;
}

.iconpending {
    background-position: -267px -199px;
}

.iconcompletedpo {
    background-position: -198px -199px;
}

.iconoustanding {
    background-position: -166px -199px;
}

.iconrefill {
    background-position: -179px -199px;
}

.iconstore {
    background-position: -74px -137px;
}



.iconlisttype1 {
    background-position: -10px -137px;
}

.iconlisttype8 {
    background-position: -41px -138px;
}

.iconlisttype9 {
    background-position: -136px -136px;
}

.iconmail8 {
    background-position: -8px -41px;
}

.iconmail1 {
    background-position: -40px -41px;
}

.iconmail2 {
    background-position: -71px -41px;
    width: 19px;
}

.iconmail3 {
    background-position: -104px -41px;
}

.iconmail4 {
    background-position: -135px -40px;
    width: 19px;
    height: 17px;
}

.iconmail5 {
    background-position: -171px -41px;
}

.iconmail6 {
    background-position: -203px -41px;
}

.iconmail7 {
    background-position: -232px -40px;
    width: 19px;
}

.iconfeedback0 {
    background-position: -73px -104px;
}

.iconfeedback1 {
    background-position: -40px -104px;
}

.iconfeedback2 {
    background-position: -105px -104px;
}

.iconfeedback3 {
    background-position: -8px -105px;
}

#showlegen, #hidelegen {
    background: url(../../App_Themes/images/sysicon.png) no-repeat;
    padding-left: 16px
}

#showlegen {
    background-position: -4px -5px
}

#hidelegen {
    background-position: -4px -23px
}

.iconmove {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    background: url(../../App_Themes/images/sysicon.png) no-repeat;
    vertical-align: middle
}

.iconmove {
    background-position: -2px -343px;
}

.iconunactive, .iconactive, .iconwarning {
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    background: url(../../App_Themes/images/sysicon.png) no-repeat;
}

.iconunactive {
    background-position: -2px -702px;
}

.iconactive {
    background-position: -2px -503px;
}

.iconwarning {
    background-position: -2px -483px;
}

.dragitems {
    border: 1px solid #ccc;
    background: #eee;
    color: #000;
    font-weight: bold;
    font-size: 12px;
    padding: 10px 15px;
}

/**/
.isonline0, .isonline1 {
    display: block;
    background: url(../../App_Themes/images/onlinestatus.png) no-repeat;
    width: 16px;
    height: 16px;
    font-size: 0;
}

.isonline0 {
    background-position: 0 -16px;
}

.isonline1 {
    background-position: 0 0;
}

.editremark {
    width: 98%;
    height: 120px;
}

.btn_remark {
    margin: 10px;
    float: right;
    background: url(../../App_Themes/images/btn_remark.png) no-repeat;
    display: block;
    width: 24px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999999
}

.btn_remark {
    background-position: 0 0;
}

.btn_noremark {
    background-position: -24px 0;
}

.schedulestep {
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

    .schedulestep ul {
        background: url(../../App_Themes/images/tablestep.png) bottom repeat-x;
        height: 30px;
        width: 100%;
        float: left;
    }

        .schedulestep ul li {
            float: left;
        }

            .schedulestep ul li a {
                text-decoration: none;
                color: #333
            }

            .schedulestep ul li span {
                background: url(../../App_Themes/images/tablestep.png) 0 -102px repeat-x;
                width: 19px;
                height: 29px;
                display: block;
                margin: 0 10px
            }

            .schedulestep ul li.right {
                float: right;
            }

                .schedulestep ul li.right a {
                    color: #0066c0
                }

.stepselect, .stepselect a,
.stepselected, .stepselected a {
    background: url(../../App_Themes/images/tablestep.png) no-repeat;
}

    .stepselect, .stepselect a {
        height: 29px;
        line-height: 30px;
        margin-bottom: 1px;
    }

.stepselect {
    padding-left: 20px;
    background-position: 0 0;
}

    .stepselect a {
        background-position: right 0;
        display: block;
        padding-right: 20px;
    }

    .stepselect:hover {
        background-position: 0 -34px;
    }

        .stepselect:hover a {
            background-position: right -34px;
        }

.stepselected, .stepselected a {
    height: 30px;
    line-height: 30px;
}

.stepselected {
    padding-left: 20px;
    background-position: 0 -68px;
    font-weight: bold;
}

    .stepselected a {
        background-position: right -68px;
        display: block;
        padding-right: 20px;
    }

    .stepselected:hover {
        padding-left: 20px;
        background-position: 0 -68px;
        font-weight: bold;
    }

        .stepselected:hover a {
            background-position: right -68px;
            display: block;
            padding-right: 20px;
        }

.poptips {
    padding-left: 5px;
}

    .poptips img {
        vertical-align: middle
    }

#pwdStrong_color, #pwdStrong_color table td {
    padding: 0px;
    margin: 0px;
}

.pwdstrong {
    background: #fff;
    text-align: center;
}

    .pwdstrong .select {
        font-weight: normal
    }

    .pwdstrong .selected {
        font-weight: bold
    }

.strong0, .strong1, .strong2, .strong3 {
    background: url(../../App_Themes/images/pwdstrong.gif) no-repeat;
    width: 50px;
    height: 8px;
}

.strong0 {
    background-position: 0 0
}

.strong1 {
    background-position: -50px 0
}

.strong2 {
    background-position: -100px 0
}

.strong3 {
    background-position: -150px 0
}

.step_tab {
    width: 100%;
    float: left;
    background: url(../../App_Themes/images/step_tab.png) repeat-x;
    height: 37px;
    border-top: 1px solid #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 88;
}

    .step_tab ul, .step_tab ul li {
        float: left;
    }

        .step_tab ul li {
            border-left: 1px solid #fff;
            border-right: 1px solid #ccc;
            height: 36px;
            line-height: 36px;
            display: inline-block;
            padding: 0 15px;
            text-align: center;
            position: relative
        }

            .step_tab ul li a {
                display: inline-block;
                height: 36px;
                line-height: 36px;
            }

            .step_tab ul li:hover {
                background: url(../../App_Themes/images/step_tab.png) 0 -37px repeat-x;
            }

                .step_tab ul li:hover a {
                    color: #333;
                    text-decoration: none
                }

.step_tab_select b {
    display: none;
}

.step_tab_selected {
    background: url(../../App_Themes/images/step_tab.png) 0 -37px repeat-x;
    font-weight: bold;
}

    .step_tab_selected b {
        background: url(../../App_Themes/images/step_tab.png) -38px -73px no-repeat;
        display: block;
        position: absolute;
        bottom: -7px;
        left: 42%;
        width: 20px;
        height: 7px;
    }

.step_tab_msg {
    width: 100%;
    float: left;
    background: url(../../App_Themes/images/step_tab.png) repeat-x;
    height: 37px;
    border-top: 1px solid #fff;
    top: 0;
    left: 0;
    z-index: 88;
}

    .step_tab_msg ul, .step_tab_msg ul li {
        float: left;
    }

        .step_tab_msg ul li {
            border-left: 1px solid #fff;
            border-right: 1px solid #ccc;
            height: 36px;
            line-height: 36px;
            width: 110px;
            text-align: center;
            position: relative
        }

            .step_tab_msg ul li a {
                display: block;
                width: 100%;
                height: 36px;
                line-height: 36px;
            }

            .step_tab_msg ul li:hover {
                background: url(../../App_Themes/images/step_tab.png) 0 -37px repeat-x;
            }

                .step_tab_msg ul li:hover a {
                    color: #333;
                    text-decoration: none
                }

.sales_info {
    width: 100%;
    float: left;
    margin-top: 40px
}

.sales_info_list {
    padding: 10px 13px 0 10px;
    overflow: hidden;
}

.sales_info_left {
    float: left;
    width: 600px;
    margin: 10px;
    margin-right: 0;
}

.sales_info_right {
    float: left;
    width: 360px;
    margin-bottom: 10px
}

.sales_info_address {
    width: 360px;
    float: left;
    margin: 10px 0 0 10px;
    border: 1px solid #ccc;
    padding: 10px;
}

    .sales_info_address h2 {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
        border: none;
        height: 23px;
        line-height: 23px;
        margin-bottom: 5px;
    }

        .sales_info_address h2 b {
            float: left;
        }

        .sales_info_address h2 u {
            float: right;
        }

    .sales_info_address p .trackcoder, .sales_info_address p .trackcoder_r {
        background: none;
        padding: 0;
    }

    .sales_info_address span {
        display: block;
        width: 100%;
        float: left;
    }

        .sales_info_address span.sort {
            float: left;
            display: inline
        }

    .sales_info_address .ebayaddress {
        float: left;
        width: 100%;
    }

    .sales_info_address .paypaladdress {
        float: left;
        width: 100%;
    }

.sales_shiped_address {
    float: left;
    width: 100%;
    background: url(../../App_Themes/images/seminar.gif) bottom repeat-x;
    padding-bottom: 10px;
}

.sales_info_feedback {
    border: 1px solid #ccc;
    width: 360px;
    padding: 10px;
    margin: 10px 0 0 10px;
    float: left;
}

    .sales_info_feedback dl {
        width: 100%;
    }

    .sales_info_feedback dt, .sales_info_feedback dd {
        float: left;
    }

    .sales_info_feedback dt {
        width: 75px;
        text-align: right;
        margin-right: 5px;
    }

    .sales_info_feedback dd {
        width: 270px;
    }

        .sales_info_feedback dd dfn {
            float: left;
            margin-right: 5px;
        }

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

    .sales_info_feedback .sales_info_fdaction {
        float: left;
        white-space: nowrap;
    }

.ebayaddress {
    background: url(../../App_Themes/images/logo/ebay_logo.png) bottom right no-repeat;
    min-height: 35px;
}

.paypaladdress {
    background: url(../../App_Themes/images/logo/paypal_logo.png) bottom right no-repeat;
    min-height: 35px;
}

.shipeddress {
    background: #E1F3FC;
}

.sales_info_detail {
    width: 100%;
    float: left;
    border: 2px solid #ccc;
    margin-bottom: 10px;
    position: relative;
}

    .sales_info_detail .sales_box_tl {
        background: url(../../App_Themes/images/sales_box.png) no-repeat;
        width: 2px;
        height: 2px;
        font-size: 0;
        position: absolute;
        left: -2px;
        top: -2px;
    }

    .sales_info_detail .sales_box_tr {
        background: url(../../App_Themes/images/sales_box.png) -2px 0 no-repeat;
        width: 2px;
        height: 2px;
        font-size: 0;
        position: absolute;
        right: -2px;
        top: -2px;
    }

    .sales_info_detail .sales_box_bl {
        background: url(../../App_Themes/images/sales_box.png) 0 -2px no-repeat;
        width: 2px;
        height: 2px;
        font-size: 0;
        position: absolute;
        left: -2px;
        bottom: -2px;
    }

    .sales_info_detail .sales_box_br {
        background: url(../../App_Themes/images/sales_box.png) -2px -2px no-repeat;
        width: 2px;
        height: 2px;
        font-size: 0;
        position: absolute;
        right: -2px;
        bottom: -2px;
    }

.sales_info_detail_head {
    width: 100%;
    border-bottom: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    background: url(../../App_Themes/images/step_tab.png) repeat-x;
}

    .sales_info_detail_head div {
        border-right: 1px solid #ccc;
        line-height: 30px;
        float: left;
        padding: 0 10px;
    }

        .sales_info_detail_head div.sales_info_detail_head_icon {
            float: right;
            vertical-align: middle;
            border-right: 0;
        }

.sales_info_detail_head_icon dfn {
    vertical-align: middle;
    margin: 6px 5px;
}

.sales_info_total {
    color: #f60;
    font-weight: bold;
}

.sales_info_cnt {
    width: 600px;
    float: left;
}

    .sales_info_cnt h2 {
        border-bottom: 1px solid #ccc;
        line-height: 30px;
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

.sales_info_table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    margin-bottom: 5px;
}

    .sales_info_table th {
        height: 28px;
        line-height: 28px;
        border: 1px solid #ccc;
        vertical-align: middle;
        padding: 0 5px;
        background: url(../../App_Themes/images/profiledatahead.png) repeat-x;
        text-align: left;
        font-weight: normal;
    }

    .sales_info_table td {
        height: 28px;
        line-height: 28px;
        border: 1px solid #ccc;
        vertical-align: middle;
        padding: 0 5px;
        text-align: left;
    }

    .sales_info_table .segmentation {
        border-left: 2px solid #ccc;
    }

.sales_product_title {
    width: 100%;
}

    .sales_product_title img {
        vertical-align: middle
    }

.sales_info_item {
}

    .sales_info_item dl {
        width: 600px;
    }

    .sales_info_item dt {
        float: left;
        width: 32%;
        margin-right: 2%;
        text-align: right;
    }

    .sales_info_item dd {
        float: left;
        width: 65%;
        padding-bottom: 3px;
    }

.sales_product_img {
    float: right;
    width: 140px;
    height: 140px;
    text-align: center;
    position: absolute;
    top: 3px;
    right: 0;
}

.sales_info_payment {
    width: 100%;
    float: left;
}

.sales_info_currency {
    width: 100%;
    float: left;
    color: #f60
}

.sales_ebaymessage {
    width: 100%;
    float: left;
}

.sales_ebaymessage_in {
    border: 1px solid #ccc;
    margin: 10px;
    height: 200px;
    overflow-y: scroll;
    margin-top: 0;
}

.sales_ebaymessage_head {
    height: 30px;
    line-height: 30px;
    background: url(../../App_Themes/images/step_tab.png) repeat-x;
    border-bottom: 1px solid #ccc;
}

    .sales_ebaymessage_head .title {
        float: left;
        margin-left: 10px;
    }

    .sales_ebaymessage_head .action {
        float: right;
        margin-right: 10px;
    }

.sales_ebaymessage_last {
    padding: 10px;
}

.sales_shipping_item {
    border: none;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    margin-top: 0;
}

    .sales_shipping_item th {
        line-height: 28px;
        border-bottom: 1px solid #ccc;
        vertical-align: middle;
        padding: 0 5px;
        background: url(../../App_Themes/images/profiledatahead.png) repeat-x;
        text-align: left;
        font-weight: normal;
    }

    .sales_shipping_item .linerowt {
        line-height: 25px;
        vertical-align: middle;
        padding: 0 5px;
        text-align: left;
    }

    .sales_shipping_item .linerowb {
        line-height: 25px;
        border-bottom: 1px solid #ccc;
        vertical-align: middle;
        padding: 0 5px;
        text-align: left;
    }

    .sales_shipping_item .segmentation {
        border-left: 2px solid #ccc;
    }

    .sales_shipping_item .ordertotale {
        width: 100%;
        line-height: 25px;
        text-align: right;
        background: #ffecc4;
        border-top: 1px solid #ccc;
    }

        .sales_shipping_item .ordertotale span, .ordertotale input {
            vertical-align: middle;
            margin-right: 5px;
        }

    .sales_shipping_item .data_sku {
        border: 1px solid #ccc;
        border-collapse: collapse;
        color: #729700;
    }

        .sales_shipping_item .data_sku td {
            line-height: 19px;
            padding: 0 5px;
            background: none;
            border: 1px solid #ccc;
            border-collapse: collapse;
        }

        .sales_shipping_item .data_sku th {
            line-height: 19px;
            padding: 0 5px;
            background: none;
            border: 1px solid #ccc;
            border-collapse: collapse;
            text-align: left;
        }

.order_address_title {
    width: 100%;
    float: left;
    line-height: 25px;
    padding-bottom: 5px;
}

.sales_info_detail .showtitle {
    background: url(../../App_Themes/images/sysicon.png) 0 -201px no-repeat;
    padding-left: 20px;
    display: block;
    width: 450px;
    height: 20px;
    margin: 5px;
}

.sales_info_detail .hidetitle {
    background: url(../../App_Themes/images/sysicon.png) 0 -220px no-repeat;
    padding-left: 20px;
    display: block;
    width: 450px;
    height: 20px;
    margin: 5px;
}

.sales_info_track {
    border-bottom: 1px solid #ccc;
}

.sales_info_disdata {
    border: 1px solid #ccc;
    width: 100%;
    float: left;
}

    .sales_info_disdata table {
        border-top: 1px solid #fff;
    }

.sales_shipto_address {
    width: 100%;
    float: left;
    background: url(../../App_Themes/images/seminar.gif) bottom repeat-x;
}


.sales_note {
    color: #f60
}

.relist_rule_add {
    width: 100%;
    border-top: 1px solid #ccc;
    float: left;
    line-height: 30px;
}

    .relist_rule_add a.abutton {
        border: none;
        background: url(../../App_Themes/images/actionbg.png) 0px 0px repeat-x;
        border: 1px solid #666;
        height: 19px;
        line-height: 19px;
        cursor: pointer;
        margin: 5px 7px;
        float: left;
        padding: 0 10px;
        min-width: 50px;
        text-align: center;
        text-decoration: none;
        color: #333;
        cursor: pointer
    }

table.table_noberder {
    border: 0px;
    background: none;
}

    table.table_noberder tr td, table.table_noberder tr {
        border: 0px;
        padding: 3px;
        background: none;
    }


.table_autorelist {
    border: 0px;
    background: none;
}

    .table_autorelist tr td, .table_autorelist tr {
        border: 0px;
        padding: 3px;
        background: none;
    }

/*common.css-结束*/




/*data.css*/


.data {
    width: 100%;
    float: left; /*padding-top:10px;padding-bottom:10px;*/
}

.datagrid {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

    .datagrid th {
        height: 29px;
        padding: 0 5px;
        text-align: left;
        background: #e6e6e6;
        white-space: nowrap;
        font-weight: normal;
    }

    .datagrid td a {
        margin-right: 5px;
    }

    .datagrid td .ActionMenuList, .sales_info_detail td .ActionMenuList {
        margin-left: 0;
        margin-right: 5px;
    }
    /*reset*/
    .datagrid .first, .datagrid .first {
        padding-left: 8px;
    }
/*.datagrid td{border:1px solid #ddd;}*/

.datagridfoot td {
    background: #FDF8D0;
    height: 25px;
    line-height: 25px;
    border-top: 1px solid #ccc;
    padding: 2px 5px;
}

.chbox {
    width: 13px;
}

.actiontitle {
    width: 80px;
    white-space: nowrap;
}

th.actiontitle a {
    color: #333;
}

.imgtitle {
    width: 50px !important;
}

    .imgtitle img {
        width: 60px;
        max-height: 60px;
        max-width: 60px;
    }

.viewpicture {
    width: 60px;
    height: 60px;
    max-height: 60px;
    max-width: 60px;
    display: block;
    background: url(../../App_Themes/images/small_loading.gif) 20px 20px no-repeat;
    cursor: default;
}

.salesimg {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 5px;
    background: url(../../App_Themes/images/small_loading.gif) 20px 20px no-repeat;
}

.salesid {
    font-size: 11px;
    width: 100%;
    float: left;
    padding-top: 5px;
}

.topsalesimg {
    max-height: 60px;
    max-width: 60px;
    float: left;
    margin-right: 5px;
    background: url(../../App_Themes/images/small_loading.gif) 20px 20px no-repeat;
    text-align: center;
}

.slodqty {
    font-weight: bold;
}

.viewpicture:hover {
    cursor: default;
}

.datagrid .skutitle {
    color: #729700;
}

.icondfn {
    width: 16px;
}

.shippingtype {
    width: 100%;
    float: left;
}

.outtopaction {
    width: 100%;
    float: left;
    margin-bottom: 3px;
}

.action_edit {
    margin-bottom: 3px;
    float: left;
}

.itemid {
    font-size: 11px;
}

a.itemtitle, span.itemtitle {
    font-size: 12px;
}

.itemrelist {
    background: url(../../App_Themes/images/icons/iconRelistBlue.gif) no-repeat;
    padding-left: 20px;
}

.itemtitle b {
    font-weight: normal;
}

.whirespace {
    white-space: nowrap;
}
/*in data line*/
.whire_price {
    white-space: nowrap;
}

    .whire_price b {
        font-size: 11px;
        font-weight: normal;
    }


.datanote, .ebaynote, .paypalnote, .errornote, .pamentnote {
    position: relative;
    min-height: 20px;
    float: left;
    width: 100%;
    margin-top: 2px;
}

    .datanote p, .ebaynote p, .paypalnote p, .errornote p, .pamentnote p {
        border: 1px solid #f90;
        background: url(../../App_Themes/images/sysicon.png) -1px -581px no-repeat;
        position: absolute;
        line-height: 18px;
        left: 0;
        top: 1px;
        margin: 0;
        white-space: nowrap;
        padding-left: 23px;
        padding-right: 5px;
        z-index: 0;
    }

    .ebaynote p {
        background-position: -1px -601px;
    }

    .paypalnote p {
        background-position: -1px -621px;
    }

    .errornote p {
        background-position: -1px -641px;
        border: 1px solid #f00;
    }

.pamentnote {
}

    .pamentnote p {
        background: none;
        border: none;
        font-size: 11px;
        padding-left: 0;
        color: #999;
        overflow: hidden;
        width: 760px;
        padding: 0;
        margin: 0;
    }

.dataremark {
    min-height: 18px;
    margin-top: 2px;
    margin-bottom: 5px;
    float: left;
    height: 20px;
}

    .dataremark p {
        border: 1px solid #f90;
        background: url(../../App_Themes/images/sysicon.png) -1px -580px no-repeat;
        line-height: 18px;
        margin: 0;
        padding-left: 21px;
        padding-right: 5px;
    }



.datalisterror {
    min-height: 18px;
    margin-top: 2px;
    margin-bottom: 5px;
    border: 1px solid #f60;
}

    .datalisterror b {
        float: left;
        display: block;
        width: 18px;
        height: 18px;
        background: url(../../App_Themes/images/sysicon.png) -1px -641px no-repeat;
    }

    .datalisterror p {
        line-height: 18px;
        margin: 0;
        padding: 0;
        padding-right: 5px;
    }

.datashipping {
    display: block;
    width: 100%;
    float: left;
}

    .datashipping table {
        border: 1px solid #ddd;
        width: 600px;
        border-collapse: collapse;
    }

        .datashipping table td {
            border: 1px solid #ddd;
            padding: 2px 3px;
            font-size: 10px;
            color: #666;
            border-collapse: collapse;
        }

            .datashipping table td b {
                float: none;
                font-weight: normal;
            }

            .datashipping table td.data_ship_name {
                width: 34%;
            }

            .datashipping table td.data_ship_value {
                width: 16%;
            }



.datarow td {
    background: #f6f6f6 url(../../App_Themes/images/datarow.png) top repeat-x;
    vertical-align: top;
}

.datarow1 td {
    background: #fff;
    vertical-align: top;
}

.datarow td, .datarow1 td {
    border-top: 1px solid #ccc;
    padding: 5px;
}

.datarowIndialog td {
    background: #f6f6f6 url(../../App_Themes/images/datarow.png) top repeat-x !important;
    vertical-align: top;
}

.datarownoborder td {
    border: none;
}

/*product remarkline*/
.prowt td, .prowb td, .prowaltert td, .prowalterb td {
    padding: 5px;
    vertical-align: top;
}

.prowt td {
    border-top: 1px solid #ccc;
    background: #f6f6f6 url(../../App_Themes/images/datarow.png) top repeat-x;
}

.prowb td {
    background: #f6f6f6;
    padding-top: 0;
}

.prowaltert td {
    background: #fff;
    border-top: 1px solid #ccc;
}

.prowalterb td {
    background: #fff;
}


.datarowT td {
    background: #f6f6f6 url(../../App_Themes/images/datarow.png) top repeat-x;
    vertical-align: top;
    padding: 5px 3px;
    border-top: 1px solid #ccc;
}

.datarowB td {
    padding: 5px 3px;
    background: #fff;
    vertical-align: top;
    padding-bottom: 15px;
}

    .datarowT td img, .datarowB td img {
        vertical-align: middle;
    }

.datarowedit td {
    border-top: 1px solid #ccc;
    border-collapse: collapse;
    padding: 5px;
    background: #FDF8D0;
}

    .datarowedit td a {
        margin-right: 5px;
    }

.data-property span {
    float: left;
}

.data-property div {
    width: 100%;
    padding-bottom: 2px;
    float: left;
}

.data-property-cuntry {
    font-size: 11px;
    padding-left: 10px;
}


.linerow td {
    background: #f6f6f6 url(../../App_Themes/images/datarow.png) top repeat-x;
    vertical-align: top;
}

.linerow1 td {
    background: #fff;
    vertical-align: top;
}

.linerow td, .linerow1 td {
    border-top: 1px solid #ccc;
    padding: 5px;
}

    .linerow td img, .linerow1 td img {
        vertical-align: middle;
        margin-right: 5px;
    }

    .linerow td input, .linerow1 td input, .linerow td select, .linerow1 td select {
        vertical-align: middle;
    }
/*.linerow:hover td, .linerow1:hover td{ background:#FDF8D0;}*/

.linerowt td {
    background: #f6f6f6 url(../../App_Themes/images/datarow.png) top repeat-x;
    vertical-align: top;
    padding: 5px;
    border-top: 1px solid #ccc;
}

.linerowc td {
    padding: 5px;
    padding-top: 0px;
    background: #f6f6f6;
    vertical-align: top;
}

.linerowb td {
    padding: 5px;
    padding-top: 0px;
    background: #f6f6f6;
    vertical-align: top;
}

.linerowt1 td {
    background: #fff;
    vertical-align: top;
    padding: 5px;
    border-top: 1px solid #ccc;
}

.linerowc1 td {
    padding: 5px;
    padding-top: 0px;
    background: #fff;
    vertical-align: top;
}

.linerowb1 td {
    padding: 5px;
    padding-top: 0px;
    background: #fff;
    vertical-align: top;
}

    .linerowb td b, .linerowb1 td b, .linerowc td b, .linerowc1 td b {
        margin-right: 10px;
        float: left;
    }

    .linerowb td .custometitle, .linerowb1 td .custometitle {
        margin-top: 5px;
    }

.userrole {
    margin: 10px 30px;
    width: 92%;
}

    .userrole th {
        background: none;
        height: 23px;
        line-height: 23px;
        border: 0px;
    }

    .userrole td {
        border: 0px;
        border-top: 1px solid #ccc;
    }

.rowselected td, .rowselected:hover td {
    background: #FFF1B9;
}

.pictureselected, .pictureselected:hover {
    background: #FFF1B9;
}

.borderbottom td {
    border-bottom: 1px solid #ccc;
}

.datalinet td, .datalineb td, .datalinealtert td, .datalinealterb td {
    padding: 5px;
    padding-top: 0px;
}

.datalinet td {
    border-top: 1px solid #ccc;
    background: #f6f6f6;
}

.datalineb td {
    background: #f6f6f6;
}

.datalinealtert td {
    background: #fff;
    border-top: 1px solid #ccc;
}

.datalinealterb td {
    background: #fff;
}

.linerowbl td {
    background: #f6f6f6 url(../../App_Themes/images/datarow.png) top repeat-x;
    vertical-align: top;
}

.linerowbl1 td {
    background: #fff;
    vertical-align: top;
}

.linerowbl td, .linerowbl1 td {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

.linerowedit td {
    background: #FDF8D0;
}

.msgrowhead td {
    padding: 5px 0;
    border-bottom: 2px solid #999;
}

    .msgrowhead td b {
        margin-left: 8px;
    }

    .msgrowhead td u {
        margin-left: 5px;
    }

.msgrowline td {
    background: #fff;
    border-bottom: 1px solid #e3e6eb;
    vertical-align: top;
    padding: 5px;
}

    .msgrowline td img {
        vertical-align: top;
    }

    .msgrowline td a {
        text-decoration: none;
    }

.msgrowline:hover td {
    background: #f3f3f3;
}

.bfdatarowT td {
    background: #f6f6f6 url(../../App_Themes/images/datarow.png) top repeat-x;
    vertical-align: top;
    padding: 5px 3px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.bfdatarowB td {
    padding: 2px 3px;
    padding-bottom: 5px;
    background: #fff;
    vertical-align: top;
}

.bfdatarowC td {
    padding: 0 3px;
    padding-bottom: 5px;
    background: #fff;
    vertical-align: top;
}

.bfdatarowD td {
    padding: 0 3px;
    padding-bottom: 5px;
    background: #fff;
    vertical-align: top;
}

.bfdatarowT td img, .datarowB td img {
    vertical-align: middle;
}

.bfdatarowD .datanotenowrap {
    border: 1px solid #f90;
    text-align: left;
    float: left;
    padding-bottom: 10px;
}

    .bfdatarowD .datanotenowrap th {
        background: #f90;
        padding: 0;
        margin: 0;
        height: 20px;
    }

    .bfdatarowD .datanotenowrap td {
        padding: 0;
        margin: 0;
        vertical-align: middle;
        padding: 0 5px;
    }

    .bfdatarowD .datanotenowrap th b {
        background: url(../../App_Themes/images/sysicon.png) -1px -601px no-repeat;
        width: 16px;
        height: 16px;
        display: block;
    }

.dataerrorwrap {
    border: 1px solid #f00;
    text-align: left;
    float: left;
    padding-bottom: 10px;
}

    .dataerrorwrap th {
        background: #f00;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #f00;
        height: auto;
    }

    .dataerrorwrap td {
        padding: 0;
        margin: 0;
        vertical-align: middle;
        padding: 0 5px;
    }

    .dataerrorwrap th b {
        background: url(../../App_Themes/images/sysicon.png) -1px -641px no-repeat;
        width: 10px;
        height: 18px;
        display: block;
    }


.datagrid .data_sku {
    border: 1px solid #ccc;
    border-collapse: collapse;
    color: #729700;
}

    .datagrid .data_sku td {
        line-height: 19px;
        height: 19px;
        padding: 0 5px;
        background: none;
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

    .datagrid .data_sku th {
        line-height: 19px;
        height: 19px;
        padding: 0 5px;
        background: none;
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

.order_info .data_sku {
    border: 1px solid #ccc;
    border-collapse: collapse;
    color: #729700;
}

    .order_info .data_sku td {
        line-height: 19px;
        height: 19px;
        padding: 0 5px;
        background: none;
        border: 1px solid #ccc;
        border-collapse: collapse;
    }

    .order_info .data_sku th {
        line-height: 19px;
        height: 19px;
        padding: 0 5px;
        background: none;
        border: 1px solid #ccc;
        border-collapse: collapse;
        text-align: left;
    }


.downgrid {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

    .downgrid th {
        height: 29px;
        padding: 0 5px;
        text-align: left;
        border-bottom: 1px solid #ccc;
        white-space: nowrap;
        font-weight: normal;
    }

    .downgrid td a {
        margin-right: 5px;
    }

    .downgrid td .ActionMenuList {
        margin-left: 0;
        margin-right: 5px;
    }
    /*reset*/
    .downgrid .first, .downgrid .first {
        padding-left: 8px;
    }

.downrow td {
    vertical-align: top;
    border-top: 1px solid #ccc;
    padding: 5px;
}

.downrow:hover td {
    background: #FDF8D0;
}

.downrowselected td {
    vertical-align: top;
    border-top: 1px solid #ccc;
    padding: 5px;
    background: #F7E651;
}

.downrowflicker {
    border: 1px solid #F7E651;
    background: #F7E651;
    color: #333;
}

    .downrowflicker td {
        background: #F7E651;
    }




.syngrid {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
}

    .syngrid th {
        height: 29px;
        padding: 0 5px;
        text-align: left;
        background: #e6e6e6;
        border-bottom: 1px solid #ccc;
        white-space: nowrap;
        font-weight: normal;
    }


.synrowa td {
    background: #f6f6f6 url(../../App_Themes/images/datarow.png) top repeat-x;
    vertical-align: top;
    padding: 5px;
    border-top: 1px solid #ccc;
}

.synrowa0 td {
    padding: 5px;
    padding-top: 0px;
    background: #f6f6f6;
    vertical-align: top;
}

.synrowa1 td {
    padding: 5px;
    padding-top: 0px;
    background: #f6f6f6;
    vertical-align: top;
}


.synrowb td {
    padding: 5px;
    background: #fff;
    vertical-align: top;
    border-top: 1px solid #ccc;
}

.synrowb0 td {
    padding: 5px;
    padding-top: 0px;
    background: #fff;
    vertical-align: top;
}

.synrowb1 td {
    padding: 5px;
    padding-top: 0px;
    background: #fff;
    vertical-align: top;
}

    .synrowa td b, .synrowa0 td b, .synrowa1 td b, .synrowb td b, .synrowb0 td b, .synrowb1 td b {
        font-weight: normal;
    }


.sync_success {
    color: #333;
}

    .sync_success b {
        font-weight: normal;
    }

.sync_failure {
    color: #f00;
    font-weight: normal;
}

    .sync_failure b {
        font-weight: normal;
    }

    .sync_failure u {
        font-weight: normal;
    }

.sync_error {
    color: #f00;
}

.sync_processing {
    color: green;
}

.sync_warning {
    color: #f60;
}


.synhistorylist {
    padding: 5px 10px;
    width: 100%;
}

    .synhistorylist div {
        padding-left: 10px;
    }


/*change price*/
.changeprice {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
}

    .changeprice th {
        height: 29px;
        padding: 0 5px;
        text-align: left;
        background: #e6e6e6;
        border-bottom: 1px solid #ccc;
        white-space: nowrap;
        font-weight: normal;
    }

.changepriceedit td {
    background: #FFEAA8;
    vertical-align: top;
    padding: 5px;
    border-top: 1px solid #ccc;
    font-weight: bold;
}

.changepriceedit0 td {
    padding: 5px;
    padding-top: 0px;
    background: #FFEAA8;
    vertical-align: top;
}

.changepriceedit1 td {
    padding: 5px;
    padding-top: 0px;
    background: #FFEAA8;
    vertical-align: top;
}

.changepricerowa td {
    background: #f6f6f6 url(../../App_Themes/images/datarow.png) top repeat-x;
    vertical-align: top;
    padding: 5px;
    border-top: 1px solid #ccc;
}

.changepricerowa0 td {
    padding: 5px;
    background: #f6f6f6;
    vertical-align: top;
}

.changepricerowa1 td {
    padding: 5px;
    background: #f6f6f6;
    vertical-align: top;
}

.changepricerowb td {
    background: #fff;
    vertical-align: top;
    padding: 5px;
    border-top: 1px solid #ccc;
}

.changepricerowb0 td {
    padding: 5px;
    background: #fff;
    vertical-align: top;
}

.changepricerowb1 td {
    padding: 5px;
    background: #fff;
    vertical-align: top;
}


.order_track {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
}

    .order_track th {
        height: 29px;
        padding: 0 5px;
        text-align: left;
        background: #e6e6e6;
        border-bottom: 1px solid #ccc;
        white-space: nowrap;
        font-weight: normal;
    }

.ordertrackrow td {
    background: #f6f6f6 url(../../App_Themes/images/datarow.png) top repeat-x;
    vertical-align: top;
    padding: 10px 5px;
    border-top: 1px solid #ccc;
}

.ordertrackrow1 td {
    padding: 10px 5px;
    background: #fff;
    vertical-align: top;
    border-top: 1px solid #ccc;
}

.refill_head {
    width: 100%;
    float: left;
    background: #FFEAA8;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

    .refill_head table {
        height: 35px;
        line-height: 35px;
        float: left;
        margin-left: 10px;
    }

        .refill_head table td {
            padding: 0 5px;
        }

.itemselected td {
    background: #FDF8D0;
    padding: 0 3px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.itemselected1 td {
    background: #fff;
    padding: 0 3px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.itemselected2 td {
    background: #f4f4f4;
    padding: 0 3px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.imgDiv {
    background: url(../../App_Themes/images/small_loading.gif) center center no-repeat;
    min-height: 20px;
    min-width: 20px;
}



/*data.css-结束*/




/*style.css*/

a[href^="javascript"]:focus {
    outline: 0;
    -moz-outline-style: none;
}

body {
    background: #fff;
    color: #444;
}

a {
    font-size: 12px;
    color: #0066c0;
    text-decoration: none;
    outline: none;
}

    a:link, a:visited {
        font-size: 12px;
        color: #0066c0;
        text-decoration: none;
        outline: none;
        cursor: pointer;
    }

    a:hover {
        /*font-size: 12px;*/
        color: #0066c0;
        text-decoration: underline;
        outline: none;
        cursor: pointer;
    }

    a:focus {
        outline: none;
    }

body, div, q, iframe, form, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

ul, dl, li {
    list-style-type: none;
}

img {
    border: none 0;
}

body, td {
    /*word-break: break-all;word-wrap: break-word;*/
    line-height: 1.5;
}

body, input, select, button {
    font-size: 12px;
}

div, p, table, th, td {
    font-size: 1em;
    font-family: inherit;
   /* line-height: inherit;*/
}

em, i, u, q, s, dl, caption, dfn, var, address, cite, s, strike, del, ins {
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

i {
    color: #669900;
}

hr {
    clear: both;
    margin: 7px 0; /* +margin: 0;*/
    border: 0 none;
    font-size: 1px;
    line-height: 1px;
    color: #ddd;
    background-color: #ddd;
    height: 1px;
}

q:before, q:after {
    content: “”;
    content: none;
}

q {
    quotes: “” “”;
}

h1, h2, h3, h4 {
    padding-top: 1px;
}

h1 {
    font-size: 13px;
    font-weight: bold;
    color: #444;
}

h2 {
    font-size: 12px;
    font-weight: bold;
    color: #444;
}

h3 {
    font-size: 13px;
    font-weight: bold;
    color: #f80;
}

h4 {
    font-size: 12px;
    font-weight: bold;
    color: #444;
}

option {
    padding-left: 0.5em;
}
/*Bugfix */

* html textarea {
    overflow: auto; /*overflow-x: hidden;*/
}

* html iframe, * html frame {
    overflow: auto;
}

* html input {
    overflow: hidden;
}

* html body div {
    /*zoom:1*/
}

body ol li {
    display: list-item;
}

ol li {
    list-style-type: decimal;
}
/*end Bugfix*/


.center {
    width: 980px;
    margin: 0 auto;
}

.stretch {
    /* min-width:1000px;*/
    margin: 0 15px;
}

.stretchContent {
    width: 100%;
    min-width: 980px;
}
/*.header{ width:100%; float:left; margin-bottom:10px; background:#fff; position:relative; z-index:8}*/

/*.header .Warning{ margin-bottom:0; margin-top:10px;}*/
/*
.header{ background:url(../../App_Themes/images/sandboxbg.png) repeat-x;}
*/
.content {
    width: 100%;
    float: left;
    min-height: 100px;
}

.footer {
    padding-bottom: 40px;
    clear: both;
    width: 100%;
    background: #fff;
    padding-top: 0px;
    *padding-top: 10px !important;
}

    .footer p {
        color: #333;
        text-align: center;
    }

.footerlink a {
    padding: 0 5px;
}

.footerlink {
    padding-bottom: 5px;
    border-bottom: 2px solid #f00;
    text-align: center;
}

.footercr {
    padding-top: 5px;
    padding-left: 5px;
}

    .footercr p.footericp {
        padding-top: 5px;
        width: 160px;
        margin: 0;
    }

    .footercr img {
        margin-top: 4px;
    }

.topbar {
    width: 100%;
    float: left;
}

.topleft {
    width: 60%;
    float: left;
}

    .topleft .clear {
        width: 100%;
        height: 13px;
    }

    .topleft .logo {
        width: 100%;
        height: 32px;
    }

        .topleft .logo a.syslogo {
            width: 195px;
            height: 58px;
            display: block;
            float: left;
            margin-left: 2px;
            margin-right: 10px;
            background: url(../../App_Themes/images/logo/logo3.png);
            background-position: top right;
        }

        .topleft .logo a:hover {
            text-decoration: underline;
        }

        .topleft .logo b {
            font-size: 12px;
            font-weight: normal;
            color: #333;
            font-weight: normal;
            margin-top: 10px;
        }

            .topleft .logo b.logoWelcome {
                color: #666;
                font-size: 22px;
                font-weight: normal;
                float: left;
                margin-left: 10px;
                margin-top: 12.5px;
            }

                .topleft .logo b.logoWelcome a {
                    color: #0000cc;
                    text-decoration: none;
                    margin: 0 7px;
                }

                    .topleft .logo b.logoWelcome a:hover {
                        text-decoration: underline;
                    }

                .topleft .logo b.logoWelcome span {
                    float: left;
                    padding-right: 3px;
                }

                .topleft .logo b.logoWelcome .signdiv {
                    display: inline;
                    float: left;
                }

        .topleft .logo .language {
            float: right;
            margin-top: 10px;
        }

.topright {
    float: right;
}

.topright {
    padding-right: 10px;
    height: 40px;
    position: relative;
}

.topnav {
    display: none;
    background: #fff;
    padding: 5px;
}

.topusername {
    display: block;
    height: 42px;
    float: right;
}

    .topusername:hover .topnav {
        display: block;
        border: 1px solid #ccc;
        position: absolute;
        top: 38px;
        left: 0;
        width: 120px;
        box-shadow: 2px 4px 3px rgba(238, 238, 238, 1);
    }

        .topusername:hover .topnav li {
            display: block;
            height: 23px;
            line-height: 23px;
            padding: 3px 5px;
            margin-bottom: 2px;
        }

            .topusername:hover .topnav li a {
                padding-left: 5px;
                display: block;
                width: 100%;
                text-decoration: none;
                color: #333;
            }

            .topusername:hover .topnav li:hover {
                background: #edf5ff;
                cursor: pointer;
            }

.top_signout {
    float: right;
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin-left: 10px;
}

.top_language {
    float: right;
    display: block;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin-left: 10px;
    margin-right: 30px;
}

.topusertxt {
    float: left;
    display: block;
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
}

.topusername:hover .topusertxt {
    background: #3b3a39;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    position: relative;
}

.topusertxt span {
    float: left;
    margin-left: 7px;
}

.topusertxt b {
    background: url(../../App_Themes/images/arraw.png) no-repeat;
    width: 8px;
    height: 6px;
    display: block;
    float: right;
    margin: 19px 0;
    margin-right: 7px;
    margin-left: 3px;
}

.topusername:hover .topusertxt p {
    width: 100%;
    height: 2px;
    background: #fff;
    top: 37px;
    position: absolute;
    z-index: 9999999999;
}


/* Login
#topnav{ float: right; margin: 0; background: transparent url(../../App_Themes/images/navigation/login-background.png) bottom left no-repeat; padding-left: 10px; position:relative;}
#topnav .topnav{ overflow: hidden; background: transparent url(../../App_Themes/images/navigation/login-background.png) bottom right no-repeat; padding-right:10px; height: 30px; }
.topnav a{ padding:0 10px; line-height:24px; vertical-align:middle}
.topnav ul{ float:left;}
.topnav ul li{ float:left; border-right:1px solid #eee;}
.topnav ul li.last{border-right:none;} */

/*
.topnav a, .topnav ul li.help span{ padding:0 10px; line-height:24px; vertical-align:middle}
.topnav ul li.help span{ background:url(../../App_Themes/images/sysicon.png) -2px -679px no-repeat; padding-left:20px; margin-left:10px; cursor:pointer; display:block;}
.topnav a img{ vertical-align:middle; margin-right:3px;}
.topnav ul{ float:left;}
.topnav ul li{ float:left; border-right:1px solid #eee;}
.topnav ul li.help{ height:28px;border-right:none;}
.topnav ul li.help ul{ display:none; position:absolute; right:2px; top:25px; width:90px;border:1px solid #ccc;border-top:none;background:#f6f6f6;padding:5px; float:left;}
.topnav ul li.help ul li{ float:left; line-height:25px;border-right:none; width:80px; padding:0 5px;}
.topnav ul li.help ul li a{padding:0; text-decoration:none; display:block; width:80px;}
.topnav ul li.help ul li:hover{background:#c45500;}
.topnav ul li.help:hover ul{ display:block;}*/


/* assets 
#topnav .dd{ display:inline-block !important;}
#topnav .dd .ddTitle{ overflow: hidden;  margin: 1px 0 0;}
#topnav .dd .ddTitle span.arrow	{ background:url(../../App_Themes/images/navigation/dd_arrow.gif) no-repeat 0px 0px; float: right !important; width:16px; height: 16px; cursor: pointer; }
#topnav .dd .ddTitle span.textTitle{ float: left  !important; font-size: 0px; margin: 3px 0 3px 0  !important; width: 16px; height: 16px; overflow: hidden;}
#topnav .dd .ddTitle span.textTitle span.title		{ display: none !important; visibility: hidden !important; }
#topnav .dd .ddChild{ text-align:left; position:absolute; border: 1px solid #CCC;border-top: none; display:none; margin:  0; width: 100px !important; 
  -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;
  overflow:hidden; overflow-x:hidden !important; background-color:#fff; }
#topnav .dd .ddChild .opta a,
#topnav .dd .ddChild .opta a:visited{}
#topnav .dd .ddChild a		{ display:block !important; text-decoration:none; overflow:hidden; cursor:pointer; font-size: 12px; padding: 6px 0px !important; margin: 0px !important; border-top: 1px solid #F8F8F8; }
#topnav .dd .ddChild a:hover	{ background:#F2F2F2; }
#topnav .dd .ddChild a img	{ border:0; padding: 0 !important; vertical-align: middle  !important; margin: 4px 7px 0 !important; }
#topnav .dd .ddChild a.selected	{ background:#F8F8F8; }
*/
.sitemap {
    width: 100%;
    float: left;
}

.topmenu {
    width: 100%;
    float: left;
    height: 53px;
    float: left;
    background: #3b3a39;
    background-position: bottom; /*text-shadow:2px 1px 1px rgba(20,20,20,0.2);*/
}

.topmenubottom {
    width: 100%;
    float: left;
    float: left;
}

.topmenul {
    float: left;
    width: 180px;
    height: 41px;
    background-position: bottom;
    padding-top: 3px;
}

.topmenur {
    float: right;
    width: 5px;
    height: 41px;
    background-position: bottom;
}

.topmenuc {
    float: left;
    margin-left: 10px;
    position: relative;
    padding-top: 13px;
    background-color: lightSilver;
}

.topmenucr label {
    float: right;
    line-height: 31px;
}

.topmenuc img {
    float: left;
    vertical-align: middle;
    margin: 10px 2px 0 2px;
    padding-top: 13px;
}
/*
.topmenuc a{ width:77px; text-align:center; display:block;  height:40px; line-height:35px;color:#666; font-weight:bold; outline:none; float:left;}
.topmenuc a.select:hover{font-weight:bold;color:#f00;text-decoration:none;background:url(../../App_Themes/images/navigation/navbg.png) -76px 0 no-repeat; cursor:pointer;}
.topmenuc a.select{ float:left;}
.topmenuc a.selected{background:url(../../App_Themes/images/navigation/navbg.png) 0 0 no-repeat; text-decoration:none;color:#f00; line-height:40px; margin-top:3px; float:left;}
.topmenuc a.selected:hover{color:#f00;text-decoration:none; background:url(../../App_Themes/images/navigation/navbg.png) 0 0 no-repeat; cursor:pointer;}
.topmenuc a.system{float:right;}
.topmenucr .livecs{text-align:right;line-height:35px;display:block;color:#666; background:url(../../App_Themes/images/navigation/livecs.gif) left no-repeat;padding-left:27px;}
*/
/*new begin*/
.topmenuc a {
    display: block;
    width: 100%;
    text-align: center;
    height: 32px;
    line-height: 32px;
    color: #666;
    font-weight: bold;
    outline: none;
}

    .topmenuc a.select:hover {
        font-weight: bold;
        color: #C45500;
        text-decoration: none;
        cursor: pointer;
    }

    .topmenuc a.select {
        float: left;
        color: white;
    }

    .topmenuc a.selected {
        background: #fff;
        text-decoration: none;
        color: #E3830B;
        line-height: 32px;
        float: left;
    }

        .topmenuc a.selected:hover {
            color: #E3830B;
            text-decoration: none;
            cursor: pointer;
        }

    .topmenuc a.system {
        float: right;
    }

.topmenucr .livecs {
    text-align: right;
    line-height: 32px;
    display: block;
    color: #666;
    background: url(../../App_Themes/images/navigation/livecs.gif) left no-repeat;
    padding-left: 27px;
}
/*new end*/

.menupre {
    position: relative;
    float: left;
    width: 75px;
    border-left: 1px solid #666;
    border-left: 1px solid transparent;
}

.first {
    border-left: none;
}

.lastright {
    float: right;
    border-left: none;
}

.dwscmenu {
    display: none;
    width: 320px;
    position: absolute;
    z-index: 999999999;
    top: 39px;
    left: -1px;
}

.dwscmenuin {
    width: 300px;
    padding: 10px;
    padding-top: 0;
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    box-shadow: 2px 4px 3px rgba(238, 238, 238, 1);
    margin-left: -1px;
}

.dwscmenufot {
    height: 5px;
    float: left;
    width: 100%;
}

.dwscmenu h2 {
    width: 100%;
    float: left;
    height: 23px;
    line-height: 23px;
    margin-top: 5px;
}

    .dwscmenu h2 span {
        background: url(../../App_Themes/images/sysicon.png) -7px -122px no-repeat;
        background: none;
        padding-left: 8px;
        margin-left: 13px;
    }

.dwscmenu ul {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

    .dwscmenu ul li {
        width: 150px;
        float: left;
        padding: 0;
        margin: 0;
        text-align: left;
    }

        .dwscmenu ul li a {
            width: 140px;
            height: 21px;
            line-height: 21px;
            text-align: left;
            font-weight: normal;
            padding-left: 13px;
            background: #fff;
        }

            .dwscmenu ul li a:hover {
                /*background: #F08300;*/
                text-decoration: none;
            }

.menupre:hover {
}

    .menupre:hover .dwscmenu {
        display: block;
    }

.menupre:hover {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    box-shadow: none;
    background-color: #fff;
}

    .menupre:hover > a {
        color: #000;
    }

    .menupre:hover p.dropdownline {
        position: absolute;
        top: -7px;
        left: 0px;
        background: #fff;
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
        height: 7px;
        width: 77px;
        padding: 0;
        margin: 0;
    }

#menu113 {
    float: right;
    border-left: none;
}

    #menu113:hover {
        background: none;
    }

.redline, .lineleft, .lineright {
    font-size: 0px;
}

.redline {
    float: left;
    width: 100%;
    height: 6px;
    /*  background: url(../../App_Themes/images/navigation/redLine.png) bottom repeat-x;*/
}

.lineleft {
    float: left;
    width: 5px;
    height: 6px;
    font-size: 0px;
    /*  background: url(../../App_Themes/images/navigation/redLine.png) top left no-repeat;*/
}

.lineright {
    float: right;
    width: 5px;
    height: 6px;
    font-size: 0px;
    /*  background: url(../../App_Themes/images/navigation/redLine.png) top right no-repeat;*/
}

.redloginline {
    float: left;
    width: 100%;
    height: 4px;
    /*    background: url(../../App_Themes/images/navigation/redLine.png) bottom repeat-x;*/
    font-size: 0px;
}

/*system management*/

.main {
    float: left;
    width: 100%;
}

.leftmenu {
    width: 200px;
    float: left;
}

.rightcnt {
    margin-left: 190px; /*don't add flaot*/
}

.rightcntnew {
    margin-left: 230px; /*don't add flaot*/
}


/*menu*/
.spmMenu {
    overflow: hidden;
    height: 100%;
    padding: 1px;
    padding-bottom: 0px;
    padding-top: 0px;
}

    .spmMenu h2 {
        border: 0px;
        float: left;
        width: 100%;
        line-height: 29px;
        height: 29px;
        cursor: pointer;
        font-weight: normal;
    }

    .spmMenu ul ul {
        float: left;
        list-style-type: none;
        width: 100%; /*display:none*/
    }

    .spmMenu li {
        list-style-type: none;
        width: 100%;
        float: left;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ccc;
    }

        .spmMenu li li {
            list-style-type: none;
            width: 100%;
            float: left;
            border: 0px;
            padding: 0px;
        }

            .spmMenu li li li a b {
                margin-left: 15px;
            }

    .spmMenu a {
        display: block;
        float: left;
        height: 28px;
        line-height: 28px;
        text-decoration: none;
    }

        .spmMenu a:hover {
            background: #D3E2F6;
            color: #333;
            text-decoration: none;
            font-weight: bold;
        }

        .spmMenu a.selected b {
            font-weight: bold;
            color: #909;
            text-decoration: underline;
        }

    .spmMenu b {
        float: left;
        padding-left: 15px;
        cursor: pointer;
        font-weight: normal;
    }

    .spmMenu u {
        float: right;
        color: #666;
        padding-right: 15px;
    }

    .spmMenu .select, .spmMenu .selected {
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
    }

    .spmMenu h2.select {
        background: #f3f3f3;
    }

        .spmMenu h2.select img {
            margin-left: 10px;
            margin-right: 7px;
        }

    .spmMenu h2.selected {
        background: #f3f3f3;
    }

        .spmMenu h2.selected img {
            margin-left: 6px;
            margin-right: 5px;
        }

    .spmMenu div {
        display: inline;
    }

.MsgHide {
    display: none;
}

.paError {
    border: 2px solid #f00;
    background: #FFE7E7;
    color: #000;
}

.paWarning {
    border: 2px solid #f00;
    background: #FFE7E7;
    color: #000;
}

.paMessage {
    border: 2px solid #f00;
    background: #FFE7E7;
    color: #000;
}

.paSuccess {
    border: 2px solid #6ba92e;
    background: #ECFDBD;
    color: #000;
}

.paError, .paWarning, .paMessage, .paSuccess {
    width: 100%;
    float: left;
    position: absolute;
    z-index: 999999999;
    width: 600px;
    left: 50%;
    top: 33%;
    margin-left: -300px;
    position: fixed !important;
    padding: 10px;
}

    .paError .rouBoxC, .paWarning .rouBoxC, .paMessage .rouBoxC, .paSuccess .rouBoxC {
        text-align: center;
        max-height: 300px;
        overflow: auto;
    }

    .paError .ListrouBoxC, .paWarning .ListrouBoxC, .paMessage .ListrouBoxC, .paSuccess .ListrouBoxC {
        text-align: left;
        max-height: 300px;
        overflow: auto;
    }

.msgbutton {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding-top: 10px;
    float: left;
}

.paError .rouBoxC ul, .paWarning .rouBoxC ul, .paMessage .rouBoxC ul, .paSuccess .rouBoxC ul {
    padding: 5px;
    text-align: center;
    background: none;
}

.paError .ListrouBoxC ul, .paWarning .ListrouBoxC ul, .paMessage .ListrouBoxC ul, .paSuccess .ListrouBoxC ul {
    padding: 5px;
    text-align: left;
    background: none;
}


/*System Message*/
.sysError {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    .sysError .rouBoxH {
        background-position: 0 -72px;
        background-repeat: repeat-x;
        width: 100%;
    }

    .sysError .rouBoxHL {
        background-position: 0 0;
        background-repeat: no-repeat;
        float: left;
        width: 5px;
    }

    .sysError .rouBoxHR {
        background-position: 0 -36px;
        background-repeat: no-repeat;
        float: right;
        width: 5px;
    }

    .sysError .rouBoxT {
        background-position: 0 -180px;
        background-repeat: repeat-x;
        width: 100%;
    }

    .sysError .rouBoxTL {
        background-position: 0 -108px;
        background-repeat: no-repeat;
        float: left;
        width: 5px;
    }

    .sysError .rouBoxTR {
        background-position: 0 -144px;
        background-repeat: no-repeat;
        float: right;
        width: 5px;
    }

    .sysError .rouBoxH, .sysError .rouBoxHL, .sysError .rouBoxHR, .sysError .rouBoxT, .sysError .rouBoxTL, .sysError .rouBoxTR {
        background: url(../../App_Themes/images/message/errorBox.gif);
        height: 5px;
        font-size: 0px;
    }

    .sysError p {
        background: url(../../App_Themes/images/message/errorIcon.gif) no-repeat;
        padding: 5px;
        padding-left: 28px;
        background-position: 0 5px;
        color: #f00;
    }

    .sysError ul {
        width: 100%;
        margin-top: 10px;
    }

        .sysError ul li {
            margin-left: 40px;
            color: #333;
            list-style-type: disc;
            line-height: 25px;
            letter-spacing: 0.1em;
        }

/*System Message*/
.sysError {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.Error {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    background: #FFE7E7;
}

.Warning {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    background: #FFFFCA;
    margin-top: 5px;
}

.Message {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    background: #E9EEF9;
}

.Success {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    background: #ECFDBD;
}

.MsgHide {
    display: none;
}

.sysError .rouBoxH, .sysError .rouBoxHL, .sysError .rouBoxHR, .sysError .rouBoxT, .sysError .rouBoxTL, .sysError .rouBoxTR {
    background: url(../../App_Themes/images/message/errorBox.gif);
    height: 5px;
    font-size: 0px;
}

.Error .rouBoxH, .Error .rouBoxHL, .Error .rouBoxHR, .Error .rouBoxT, .Error .rouBoxTL, .Error .rouBoxTR {
    background: url(../../App_Themes/images/message/errorBox.gif);
    height: 5px;
    font-size: 0px;
}

.Warning .rouBoxH, .Warning .rouBoxHL, .Warning .rouBoxHR, .Warning .rouBoxT, .Warning .rouBoxTL, .Warning .rouBoxTR {
    background: url(../../App_Themes/images/message/warningBox.gif);
    height: 5px;
    font-size: 0px;
}

.Message .rouBoxH, .Message .rouBoxHL, .Message .rouBoxHR, .Message .rouBoxT, .Message .rouBoxTL, .Message .rouBoxTR {
    background: url(../../App_Themes/images/message/messageBox.gif);
    height: 5px;
    font-size: 0px;
}

.Success .rouBoxH, .Success .rouBoxHL, .Success .rouBoxHR, .Success .rouBoxT, .Success .rouBoxTL, .Success .rouBoxTR {
    background: url(../../App_Themes/images/message/successBox.gif);
    height: 5px;
    font-size: 0px;
}

.sysError .rouBoxC {
    border-left: 1px solid #f00;
    border-right: 1px solid #f00;
    padding: 10px 15px;
}

.Error .rouBoxC {
    border-left: 1px solid #f00;
    border-right: 1px solid #f00;
}

.Warning .rouBoxC {
    border-left: 1px solid #ff7428;
    border-right: 1px solid #ff7428;
}

.Message .rouBoxC {
    border-left: 1px solid #0071fe;
    border-right: 1px solid #0071fe;
}

.Success .rouBoxC {
    border-left: 1px solid #6ba92e;
    border-right: 1px solid #6ba92e;
}

.sysError .rouBoxH, .Error .rouBoxH, .Warning .rouBoxH, .Message .rouBoxH, .Success .rouBoxH {
    background-position: 0 -72px;
    background-repeat: repeat-x;
    width: 100%;
}

.sysError .rouBoxHL, .Error .rouBoxHL, .Warning .rouBoxHL, .Message .rouBoxHL, .Success .rouBoxHL {
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    width: 5px;
}

.sysError .rouBoxHR, .Error .rouBoxHR, .Warning .rouBoxHR, .Message .rouBoxHR, .Success .rouBoxHR {
    background-position: 0 -36px;
    background-repeat: no-repeat;
    float: right;
    width: 5px;
}

.sysError .rouBoxT, .Error .rouBoxT, .Warning .rouBoxT, .Message .rouBoxT, .Success .rouBoxT {
    background-position: 0 -180px;
    background-repeat: repeat-x;
    width: 100%;
}

.sysError .rouBoxTL, .Error .rouBoxTL, .Warning .rouBoxTL, .Message .rouBoxTL, .Success .rouBoxTL {
    background-position: 0 -108px;
    background-repeat: no-repeat;
    float: left;
    width: 5px;
}

.sysError .rouBoxTR, .Error .rouBoxTR, .Warning .rouBoxTR, .Message .rouBoxTR, .Success .rouBoxTR {
    background-position: 0 -144px;
    background-repeat: no-repeat;
    float: right;
    width: 5px;
}

.sysError p {
    background: url(../../App_Themes/images/message/errorIcon.gif) no-repeat;
    padding: 5px;
    padding-left: 28px;
    background-position: 0 5px;
    color: #f00;
}

.sysError ul {
    width: 100%;
    margin-top: 10px;
}

    .sysError ul li {
        margin-left: 40px;
        color: #333;
        list-style-type: disc;
        line-height: 25px;
        letter-spacing: 0.1em;
    }

.Error ul {
    background: url(../../App_Themes/images/message/errorIcon.gif) no-repeat;
    padding: 5px;
    margin-left: 10px;
    background-position: 0 5px;
}

    .Error ul li {
        padding-left: 20px;
        color: #f00;
    }

.Warning ul {
    background: url(../../App_Themes/images/message/warningIcon.gif) no-repeat;
    padding: 5px;
    margin-left: 10px;
    background-position: 0 5px;
}

    .Warning ul li {
        padding-left: 20px;
        color: #f60;
    }

.Message ul {
    background: url(../../App_Themes/images/message/messageIcon.gif) no-repeat;
    padding: 5px;
    margin-left: 10px;
    background-position: 0 5px;
}

    .Message ul li {
        padding-left: 20px;
        color: #03C;
    }

.Success ul {
    background: #ECFDBD url(../../App_Themes/images/message/successIcon.gif) no-repeat;
    padding: 5px;
    margin-left: 10px;
    background-position: 0 5px;
}

    .Success ul li {
        padding-left: 20px;
        color: #1b5200;
    }

.Error .rouBoxHR, .Warning .rouBoxHR, .Message .rouBoxHR, .Success .rouBoxHR {
    position: relative;
}

    .Error .rouBoxHR .close, .Warning .rouBoxHR .close, .Message .rouBoxHR .close, .Success .rouBoxHR .close {
        position: absolute;
        top: 8px;
        right: 8px;
        font-size: 0px;
        background: url(../../App_Themes/images/message/messageClose.gif) no-repeat;
        width: 7px;
        height: 7px;
        cursor: pointer;
    }

.errorbox {
    border: 1px solid #f00;
}

/* assets */

.ddlcaolortag {
    vertical-align: middle;
    float: left;
    cursor: pointer;
    width: 43px;
    height: 20px;
}

    .ddlcaolortag .dd {
        display: inline-block !important;
        background: url(../../App_Themes/images/selectbg.png) -82px 0 no-repeat;
        width: 43px;
        height: 20px;
    }

        .ddlcaolortag .dd .ddTitle {
            overflow: hidden;
            margin-left: 5px;
        }

            .ddlcaolortag .dd .ddTitle span.arrow {
                float: right !important;
                width: 14px;
                height: 20px;
                cursor: pointer;
            }

            .ddlcaolortag .dd .ddTitle span.textTitle {
                float: left !important;
                font-size: 0px;
                margin: 2px 0 !important;
                width: 16px;
                height: 16px;
                overflow: hidden;
            }

                .ddlcaolortag .dd .ddTitle span.textTitle span.title {
                    display: none !important;
                    visibility: hidden !important;
                }

        .ddlcaolortag .dd .ddChild {
            text-align: left;
            position: absolute;
            border: 1px solid #999;
            display: none;
            margin: s0;
            width: 120px !important;
            -moz-border-radius-bottomleft: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-bottomright: 3px;
            -webkit-border-bottom-right-radius: 3px;
            overflow: hidden;
            overflow-x: hidden !important;
            background-color: #fff;
            padding: 1px;
        }

            .ddlcaolortag .dd .ddChild .opta a, .ddlcaolortag .dd .ddChild .opta a:visited {
            }

            .ddlcaolortag .dd .ddChild a {
                display: block !important;
                text-decoration: none;
                overflow: hidden;
                cursor: pointer;
                font-size: 12px;
                padding: 2px 0px !important;
                margin: 0px !important;
            }

                .ddlcaolortag .dd .ddChild a:hover {
                    background: #66b3ff;
                }

                .ddlcaolortag .dd .ddChild a img {
                    border: 0;
                    padding: 0 !important;
                    vertical-align: middle !important;
                    margin: 0 7px !important;
                }

                .ddlcaolortag .dd .ddChild a.selected {
                    background: #F8F8F8;
                }

.ddlselect {
    vertical-align: middle;
    float: left;
    cursor: pointer;
    width: 82px;
    height: 20px;
}

    .ddlselect .dd {
        display: inline-block !important;
        background: url(../../App_Themes/images/selectbg.png) left no-repeat;
        width: 82px;
        height: 20px;
    }

        .ddlselect .dd .ddTitle {
            padding: 3px;
            text-indent: 0;
            cursor: pointer;
            overflow: hidden;
            height: 16px;
            width: 100px;
            margin-left: 5px;
        }

            .ddlselect .dd .ddTitle span.arrow {
                float: right;
                display: inline-block;
                cursor: pointer;
            }

            .ddlselect .dd .ddTitle span.textTitle {
                text-indent: 1px;
                overflow: hidden;
                line-height: 16px;
            }

                .ddlselect .dd .ddTitle span.textTitle img {
                    text-align: left;
                    padding: 0 2px 0 0;
                }

            .ddlselect .dd .ddTitle img.selected {
                padding: 0 3px 0 0;
                vertical-align: top;
            }

        .ddlselect .dd .ddChild {
            position: absolute;
            border: 1px solid #999;
            display: none;
            margin: 0;
            width: auto;
            overflow: auto;
            background-color: #ffffff;
            padding: 1px;
        }

            .ddlselect .dd .ddChild .opta a, .ddlselect .dd .ddChild .opta a:visited {
                padding-left: 10px;
            }

            .ddlselect .dd .ddChild a {
                display: block;
                padding: 3px 0 3px 3px;
                text-decoration: none;
                color: #000;
                overflow: hidden;
                white-space: nowrap;
                cursor: pointer;
            }

                .ddlselect .dd .ddChild a:hover {
                    background: #66b3ff;
                }

                .ddlselect .dd .ddChild a img {
                    border: 0;
                    padding: 0 2px 0 0;
                    vertical-align: middle;
                }

                .ddlselect .dd .ddChild a.selected {
                    background: #F8F8F8;
                }

    .ddlselect .hidden {
        display: none;
    }

.ddlsales {
    vertical-align: middle;
    float: left;
    cursor: pointer;
    padding: 0;
    margin: 0;
    margin-left: 7px;
}

    .ddlsales .dd {
        background: url(../../App_Themes/images/actionbg.png) repeat-x;
        height: 19px;
        float: left;
        margin-right: 5px;
        border: 1px solid #666;
        min-width: 50px;
    }

        .ddlsales .dd .ddTitle {
            overflow: hidden;
            height: 21px;
            line-height: 20px;
            vertical-align: middle;
            text-align: center;
            padding: 0;
            margin: 0;
            padding-right: 8px;
        }

            .ddlsales .dd .ddTitle span.arrow {
                float: right !important;
                width: 7px;
                height: 4px;
                cursor: pointer;
                background: url(../../App_Themes/images/downarrow.gif) right no-repeat;
                margin: 8px auto;
            }

            .ddlsales .dd .ddTitle span.textTitle span.title {
                display: none !important;
                visibility: hidden !important;
            }

        .ddlsales .dd .ddChild {
            text-align: left;
            position: absolute;
            border: 1px solid #666;
            display: none;
            margin: 0;
            width: 130px !important;
            -moz-border-radius-bottomleft: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-bottomright: 3px;
            -webkit-border-bottom-right-radius: 3px;
            background-color: #ffffff;
            overflow: auto;
            padding: 1px;
            padding-top: 0px;
        }

            .ddlsales .dd .ddChild a {
                display: block !important;
                text-decoration: none;
                overflow: hidden;
                cursor: pointer;
                font-size: 12px;
                padding: 0 5px !important;
                margin: 0px !important;
                height: 20px;
                line-height: 21px;
            }

                .ddlsales .dd .ddChild a:hover {
                    background: #66b3ff;
                    padding: 0px;
                    margin: 0px;
                    top: 0px;
                    left: 0px;
                }

                .ddlsales .dd .ddChild a img {
                    border: 0;
                    padding: 0 !important;
                    vertical-align: middle !important;
                    margin: 4px 2px 0 !important;
                }

                .ddlsales .dd .ddChild a.selected {
                    background: #eee;
                }

            .ddlsales .dd .ddChild .opta a, .ddlsales .dd .ddChild .opta a:visited {
            }

            .ddlsales .dd .ddChild .opta {
                border-top: 1px solid #ddd;
                margin-top: 3px;
            }

                .ddlsales .dd .ddChild .opta a {
                    margin-left: 10px;
                    padding-left: 20px;
                }

    .ddlsales a {
        width: 120px !important;
    }

#ddlFlag1_msa_0, #searchTag_msa_0, #ddlTag_msa_0, #Tag3_ddlMark_msa_0 {
    display: none;
    background: #fff;
    z-index: -999;
    height: 0px;
    font-size: 0px;
    padding: 0px;
    margin: 0px;
}

/* button */

.primaryUIButton {
    padding: 0px 28px;
    border: 1px solid;
    border-color: #d3a63a #bf942a #aa8326;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background: #f3d078;
    background: -moz-linear-gradient(top, #f7dfa5, #f0c14b);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7dfa5),color-stop(100%, #f0c14b));
    background: -webkit-linear-gradient(top, #f7dfa5, #f0c14b);
    background: -o-linear-gradient(top, #f7dfa5, #f0c14b);
    background: -ms-linear-gradient(top, #f7dfa5, #f0c14b);
    background: linear-gradient(top, #f7dfa5, #f0c14b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7dfa5',endColorstr='#f0c14b', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 01px0rgba(255, 255, 255, 0.4)inset;
    -moz-box-shadow: 01px0rgba(255, 255, 255, 0.4)inset;
    box-shadow: 01px0rgba(255, 255, 255, 0.4)inset;
    margin-right: 10px;
}

    .primaryUIButton:hover {
        border-color: #c79a2c #aa8326 #957321;
        background: #f1c860;
        background: -moz-linear-gradient(top, #f5d78e, #eeb933);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5d78e),color-stop(100%, #eeb933));
        background: -webkit-linear-gradient(top, #f5d78e, #eeb933);
        background: -o-linear-gradient(top, #f5d78e, #eeb933);
        background: -ms-linear-gradient(top, #f5d78e, #eeb933);
        background: linear-gradient(top, #f5d78e, #eeb933);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d78e',endColorstr='#eeb933', GradientType=0);
        *zoom: 1;
    }

    .primaryUIButton:active {
        border-color: #aa8326 #bf942a #bf942a !important;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        background-color: #f0c14b !important;
    }

.buttontop .rightbutton .primaryUILinkButton {
    text-decoration: none;
    height: 19px;
    line-height: 19px;
    float: right;
    margin-left: 7px;
    padding: 0 10px;
    min-width: 50px;
    border: 1px solid;
    border-color: #d3a63a #bf942a #aa8326;
    text-align: center;
    cursor: pointer;
    background: #f3d078;
    background: -moz-linear-gradient(top, #f7dfa5, #f0c14b);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7dfa5),color-stop(100%, #f0c14b));
    background: -webkit-linear-gradient(top, #f7dfa5, #f0c14b);
    background: -o-linear-gradient(top, #f7dfa5, #f0c14b);
    background: -ms-linear-gradient(top, #f7dfa5, #f0c14b);
    background: linear-gradient(top, #f7dfa5, #f0c14b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7dfa5',endColorstr='#f0c14b', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 01px0rgba(255, 255, 255, 0.4)inset;
    -moz-box-shadow: 01px0rgba(255, 255, 255, 0.4)inset;
    box-shadow: 01px0rgba(255, 255, 255, 0.4)inset;
    color: #333;
}

    .buttontop .rightbutton .primaryUILinkButton:hover {
        text-decoration: none;
        border-color: #c79a2c #aa8326 #957321;
        background: #f1c860;
        background: -moz-linear-gradient(top, #f5d78e, #eeb933);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5d78e),color-stop(100%, #eeb933));
        background: -webkit-linear-gradient(top, #f5d78e, #eeb933);
        background: -o-linear-gradient(top, #f5d78e, #eeb933);
        background: -ms-linear-gradient(top, #f5d78e, #eeb933);
        background: linear-gradient(top, #f5d78e, #eeb933);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d78e',endColorstr='#eeb933', GradientType=0);
        *zoom: 1;
    }

    .buttontop .rightbutton .primaryUILinkButton:active {
        border-color: #aa8326 #bf942a #bf942a;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        background-color: #f0c14b;
    }

.buttontop .leftbutton .primaryUILinkButton {
    text-decoration: none;
    height: 19px;
    line-height: 19px;
    float: left;
    margin-left: 7px;
    padding: 0 10px;
    min-width: 50px;
    border: 1px solid;
    border-color: #d3a63a #bf942a #aa8326;
    text-align: center;
    cursor: pointer;
    background: #f3d078;
    background: -moz-linear-gradient(top, #f7dfa5, #f0c14b);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7dfa5),color-stop(100%, #f0c14b));
    background: -webkit-linear-gradient(top, #f7dfa5, #f0c14b);
    background: -o-linear-gradient(top, #f7dfa5, #f0c14b);
    background: -ms-linear-gradient(top, #f7dfa5, #f0c14b);
    background: linear-gradient(top, #f7dfa5, #f0c14b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7dfa5',endColorstr='#f0c14b', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 01px0rgba(255, 255, 255, 0.4)inset;
    -moz-box-shadow: 01px0rgba(255, 255, 255, 0.4)inset;
    box-shadow: 01px0rgba(255, 255, 255, 0.4)inset;
    color: #333;
}

    .buttontop .leftbutton .primaryUILinkButton:hover {
        text-decoration: none;
        border-color: #c79a2c #aa8326 #957321;
        background: #f1c860;
        background: -moz-linear-gradient(top, #f5d78e, #eeb933);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5d78e),color-stop(100%, #eeb933));
        background: -webkit-linear-gradient(top, #f5d78e, #eeb933);
        background: -o-linear-gradient(top, #f5d78e, #eeb933);
        background: -ms-linear-gradient(top, #f5d78e, #eeb933);
        background: linear-gradient(top, #f5d78e, #eeb933);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5d78e',endColorstr='#eeb933', GradientType=0);
        *zoom: 1;
    }

    .buttontop .leftbutton .primaryUILinkButton:active {
        border-color: #aa8326 #bf942a #bf942a;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        background-color: #f0c14b;
    }

.secondaryUIButton {
    height: 23px;
    padding: 0px 18px;
    border: 1px solid;
    border-color: #bcc1c8 #bababa #adb2bb;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background: #eff0f3;
    background: -moz-linear-gradient(top, #f7f8fa, #e7e9ec);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f8fa), color-stop(100%, #e7e9ec));
    background: -webkit-linear-gradient(top, #f7f8fa, #e7e9ec);
    background: -o-linear-gradient(top, #f7f8fa, #e7e9ec);
    background: -ms-linear-gradient(top, #f7f8fa, #e7e9ec);
    background: linear-gradient(top, #f7f8fa, #e7e9ec);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8fa', endColorstr='#e7e9ec', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 01px0rgba(255, 255, 255, 0.6)inset;
    -moz-box-shadow: 01px0rgba(255, 255, 255, 0.6)inset;
    box-shadow: 01px0rgba(255, 255, 255, 0.6)inset;
}

    .secondaryUIButton:hover {
        border-color: #aeb4bd #adadad #9fa5af;
        background: #e0e3e8;
        background: -moz-linear-gradient(top, #e7eaf0, #d9dce1);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7eaf0), color-stop(100%, #d9dce1));
        background: -webkit-linear-gradient(top, #e7eaf0, #d9dce1);
        background: -o-linear-gradient(top, #e7eaf0, #d9dce1);
        background: -ms-linear-gradient(top, #e7eaf0, #d9dce1);
        background: linear-gradient(top, #e7eaf0, #d9dce1);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7eaf0', endColorstr='#d9dce1', GradientType=0);
        *zoom: 1;
    }

    .secondaryUIButton:active {
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
        background-color: #dcdfe3;
        border-color: #adb2bb #bababa #bababa;
    }

#customizedtooltipDiv {
    background: #333 none repeat scroll 0 0;
    border-radius: 5px;
    border: solid 1px #315B6C;
    color: #fff;
    max-width: 400px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: auto;
    z-index: 50000;
    min-width: 50px;
    text-align: center;
}

.badge-action-help {
    border-radius: 12px !important;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    padding: 1px 5px;
    text-align: center;
    text-shadow: none !important;
    background-color: #777777;
    line-height: 1;
    min-width: 10px;
    white-space: nowrap;
    cursor: pointer;
    float: none !important;
}

#showLargerImageDiv {
    background: white none repeat scroll 0 0;
    overflow: hidden;
    box-shadow: 0 2px 10px #d7d7d7;
    max-width: 400px;
    opacity: 0;
    padding: 0.2px;
    position: absolute;
    width: auto;
    z-index: 50000;
}

.searchtable {
    padding-top: 3px;
}

.stlable {
    width: 7%;
    text-align: right;
}

.stinput {
    width: 16%;
    text-align: left;
}

.Search-button {
    /* 按钮美化 */
    width: 70px; /* 宽度 */
    height: 25px; /* 高度 */
    line-height: 25px;
    border-width: 0px; /* 边框宽度 */
    border-radius: 3px; /* 边框半径 */
    background: #1E90FF; /* 背景颜色 */
    cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
    outline: none; /* 不显示轮廓线 */ /*font-family: Microsoft YaHei; /* 设置字体 */
    color: white; /* 字体颜色 */ /*font-size: 13px; /* 字体大小 */
}

    .Search-button:hover {
        /* 鼠标移入按钮范围时改变颜色 */
        background: #5599FF;
    }


/*style.css-结束*/



/*Stylesheet1.css*/


.listSearch td {
    text-align: center;
    height: 34px;
    line-height: 34px;
}

    .listSearch td > * {
        text-align: center;
        height: 34px;
        line-height: initial;
    }

.abutton {
    background: url(App_Themes/images/actionbg.png) 0px 0px repeat-x;
    border: 1px solid #666;
    height: 19px;
    line-height: 19px;
    cursor: pointer;
    min-width: 55px;
    text-align: center;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

.in_page_width {
    width: 99%;
    margin: 0px auto;
}

.page_width {
    width: 100%;
    margin: 0px auto;
}

/* 信息页面设置 */
.biz_opt {
    background-color: #b1bec7;
}

    .biz_opt .header {
        height: 22px;
        background: url(../../App_Themes/images/box/mainboxstyle.png) 0 -73px;
    }

    .biz_opt td {
        height: 30px;
        background-color: White;
    }

div.tag_bar {
    position: absolute;
}

div.position {
    height: 22px;
    position: relative;
    top: 2px;
    left: 42px;
    overflow: hidden;
}

    div.position ul {
        height: 100%;
        float: left;
    }

        div.position ul li {
            float: left;
            height: 22px;
        }

            div.position ul li a {
                float: left;
                height: 22px;
            }

            div.position ul li.first {
                margin-left: 15px;
            }

            div.position ul li.tag_on {
                text-align: center;
                border: solid 1px #94a6b4;
                border-bottom: solid 1px #fff;
                margin-left: 5px;
                margin-right: 5px;
            }

                div.position ul li.tag_on a {
                    line-height: 18px;
                    float: left;
                    background-image: url(Images/tag_on_bg.gif);
                    padding: 0px 8px;
                }

            div.position ul li.tag_off {
                text-align: center;
                border: none;
                border-bottom: solid 1px #94a6b4;
                margin-left: 5px;
                margin-right: 5px;
            }

                div.position ul li.tag_off a {
                    line-height: 20px;
                    float: left;
                    padding: 0px 8px;
                    color: #6b6b69;
                }

.show_layer {
    height: 100%;
    overflow-y: auto;
}

/* 页面块1 */
.block_1 {
    width: 98%;
    border: solid 1px #b2d3da;
    padding: 2px;
}

    .block_1 .header {
        width: 100%;
        height: 26px;
        background: url(Images/block_header_1.gif) repeat-x;
        letter-spacing: 2px;
    }

        .block_1 .header img {
            float: left;
            margin: 6px 5px 0px 8px;
        }

        .block_1 .header a {
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #0d4c93;
            margin-top: 6px;
        }

            .block_1 .header a:hover {
                color: #cc3300;
                text-decoration: none;
            }

.block_edit {
    top: -3px;
    right: 105px;
}

    .block_edit a {
        float: left;
        font-weight: normal !important;
        font-size: 12px !important;
        color: #666666 !important;
        line-height: 20px;
    }

        .block_edit a:hover {
            color: #fb7800 !important;
            text-decoration: underline !important;
        }

        .block_edit a img {
            float: left;
            margin: 0px !important;
        }

.stress_awoke {
    color: Red;
}

/* 模块条 */
.module_bar_setting {
    width: 100%;
    float: left;
    height: 41px;
    float: left;
    background: url(../../App_Themes/images/topMenuM.png) top left repeat-x;
}

    .module_bar_setting ul {
        float: left;
    }

        .module_bar_setting ul li {
            height: 29px;
            float: left;
            color: #cae9ff;
            text-align: center;
        }

            .module_bar_setting ul li.display_left {
                width: 1px;
                background-color: #bccfed;
                margin-left: 10px;
            }

            .module_bar_setting ul li.display_middle {
                background-image: url(Images/module_bar_cur_middle.gif);
                float: left;
            }

                .module_bar_setting ul li.display_middle a {
                    float: left;
                    color: Black;
                    padding: 0px 8px;
                    line-height: 29px;
                }

                    .module_bar_setting ul li.display_middle a:visited {
                        float: left;
                        color: Black;
                    }

                    .module_bar_setting ul li.display_middle a:hover {
                        float: left;
                        color: Black;
                    }

            .module_bar_setting ul li.display_right {
                width: 2px;
                background: url(Images/module_bar_cur_right.gif) no-repeat;
                background-position: right;
            }

            .module_bar_setting ul li.none_left {
                width: 1px;
                margin-left: 10px;
            }

            .module_bar_setting ul li.none_middle {
                float: left;
            }

                .module_bar_setting ul li.none_middle a {
                    float: left;
                    padding: 0px 8px;
                    line-height: 29px;
                    color: #737373;
                }

                    .module_bar_setting ul li.none_middle a:visited {
                        float: left;
                    }

                    .module_bar_setting ul li.none_middle a:hover {
                        float: left;
                        color: Black !important;
                        background-image: url(Images/module_bar_hover.gif);
                    }

            .module_bar_setting ul li.none_right {
                width: 2px;
            }

            .module_bar_setting ul li.assistant_none_left {
                width: 0px;
                margin-left: 18px;
            }

            .module_bar_setting ul li.assistant_none_middle {
                float: left;
            }

                .module_bar_setting ul li.assistant_none_middle img {
                    cursor: hand;
                }

                .module_bar_setting ul li.assistant_none_middle a {
                    float: left;
                    font-weight: normal;
                    padding: 0px 3px;
                }

                    .module_bar_setting ul li.assistant_none_middle a:visited {
                        float: left;
                        font-weight: normal;
                    }

                    .module_bar_setting ul li.assistant_none_middle a:hover {
                        float: left;
                        font-weight: normal;
                    }

            .module_bar_setting ul li.assistant_none_right {
                display: none;
            }

            .module_bar_setting ul li.assistant_none_middle ul {
                float: left;
            }

                .module_bar_setting ul li.assistant_none_middle ul .top {
                    float: left;
                    background: url(Images/module_box_top.gif);
                    width: 119px;
                    height: 17px;
                }

                .module_bar_setting ul li.assistant_none_middle ul li {
                    float: left;
                    width: 100%;
                    height: 25px;
                    background: url(Images/module_box_middle.gif);
                }

                    .module_bar_setting ul li.assistant_none_middle ul li a {
                        margin-left: 5px;
                        width: 85%;
                        text-align: left;
                    }

                .module_bar_setting ul li.assistant_none_middle ul .bottom {
                    float: left;
                    background: url(Images/module_box_bottom.gif);
                    width: 119px;
                    height: 19px;
                }

/* 列表显示设置 */
.list {
    background-color: #b1bec7;
}

    .list td {
        height: 25px;
        text-align: center;
    }

    .list .td_header_left {
        background-color: #DCDCDC;
        border-left: solid 1px white;
        border-top: solid 1px white;
    }

    .list .td_header_middle {
        background-color: #DCDCDC;
        border-left: solid 1px white;
        border-top: solid 1px white;
    }

    .list .td_header_right {
        background-color: #DCDCDC;
        border-left: solid 1px white;
        border-right: solid 1px white;
        border-top: solid 1px white;
    }

    .list .style1 td {
        background-color: White;
    }

    .list .style2 td {
        background-color: #f8f9fd;
    }

    .list .style3 td {
        background-color: White;
        height: 30px;
    }

    .list .style4 td {
        background-color: #fff0e0;
        font-weight: bold;
    }

    .list a {
        color: Blue !important;
    }

        .list a:hover {
            color: #ff3300 !important;
        }


.datarow5 td {
    border-top: 1px solid #ccc;
    padding: 5px;
}

.datagrid2 {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

    .datagrid2 th {
        height: 29px;
        text-align: left;
        background: #e6e6e6;
        border-bottom: 1px solid #ccc;
        white-space: nowrap;
        font-weight: normal;
    }

.list_edit {
    top: -1px;
    right: -595px;
}

    .list_edit a {
        float: left;
        font-weight: normal !important;
        font-size: 12px !important;
        color: #666666 !important;
        line-height: 18px;
    }

        .list_edit a:hover {
            color: #fb7800 !important;
            text-decoration: underline !important;
        }

        .list_edit a img {
            float: left;
            margin: 0px !important;
        }

/* 列表4 */
.list_4 {
    width: 100%;
}

    .list_4 .header td {
        height: 29px;
    }

    .list_4 .header .left {
        width: 18px;
        background-image: url('Images/list_tag_left.gif');
    }

    .list_4 .header .tag {
        height: 100%;
        float: left;
        background-image: url('Images/list_tag.gif');
        line-height: 29px;
        font-size: 14px;
        color: White;
        font-weight: bold;
        padding: 0px 10px;
    }

    .list_4 .header .space {
        background: url('Images/list_tag_bg.gif') repeat-x;
    }

    .list_4 .header .right {
        width: 5px;
        background-image: url('Images/list_tag_right.gif');
    }

    .list_4 td {
        height: 25px;
        line-height: 25px;
    }

    .list_4 .tag {
        color: #cc3300;
    }

.common {
    width: 950px;
    background-color: White;
    margin: 0 auto;
}

    .common td.space {
        height: 2px;
    }

    .common ul.space {
        height: 5px;
    }



/*Stylesheet1.css-结束*/



/*stylev1.css*/
body {
    /* margin:0px;*/
}

.MenuBack {
    height: 60px;
    background: url(images/GrayBack.jpg) top left repeat-x;
    position: relative;
}

.MainMenu {
    position: relative;
    top: 20px;
}

    .MainMenu td {
        vertical-align: bottom;
    }

.MainMenuItem {
    /* background: url(images/wb.jpg) top left repeat;*/
    margin: 0px 2px;
}

.MainMenuItema {
    /* background: url(images/wtl.jpg) top left no-repeat;;*/
}

.MainMenuItemb {
    /* background: url(images/wtr.jpg) top right no-repeat;*/
}

.MainMenuItem a {
    height: 25px;
    padding: 10px 20px 0px 20px;
    font-family: trebuchet ms, arial, verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: Gray;
    text-decoration: none;
}


.MainMenuItem.FirstChild {
}

    .MainMenuItem.FirstChild a {
        width: 150px;
        height: 50px;
        font-family: Arial;
        font-size: 18px;
    }

.MainMenuItem.Selected {
    background: url(images/gb.jpg) top left repeat;
}

    .MainMenuItem.Selected .MainMenuItema {
        background: url(images/gt.jpg) top left repeat-x;
    }

    .MainMenuItem.Selected .MainMenuItemb {
        background: url(images/gtl.jpg) top left no-repeat;
    }

    .MainMenuItem.Selected .MainMenuItemc {
        background: url(images/gtr.jpg) top right no-repeat;
    }

    .MainMenuItem.Selected a {
        color: Black;
        /* White;*/
    }



.SecondMenu
/*{ width:100%; float:left; height:41px;float:left;background:url(../../App_Themes/images/topMenuM.png) top left repeat-x;/*text-shadow:2px 1px 1px rgba(20,20,20,0.2);}*/ {
    /*position:absolute;*/
    background: url(../../App_Themes/images/topMenuM.png) top left repeat-x;
    /*margin:0px 2px 0px 5px;*/
    height: 41px;
    width: 100%
    /*padding-bottom:10px; */
}

.SecondMenua
/*{float:left;background:url(../../App_Themes/images/topMenuL.png) top left no-repeat; width:5px;height:41px; }*/ {
    background: url(../../App_Themes/images/topMenuL.png) top left no-repeat;
}

.SecondMenub
/*{ float:right;background:url(../../App_Themes/images/topMenuR.png) top right no-repeat; width:5px;height:41px;}*/ {
    background: url(../../App_Themes/images/topMenuR.png) top right no-repeat;
    padding-left: 10px;
}

.SecondMenuItem {
    padding: 0px;
    MARGIN: 0px;
    background-image: url(image/nav_fg.jpg);
    background-repeat: no-repeat;
    background-position: 0 center;
    margin-left: -2px;
    /*background: url(images/sgdiv.jpg) top right no-repeat;*/
}

    .SecondMenuItem a {
        padding: 10px 30px 8px 35px;
        font-family: trebuchet ms, arial, verdana, sans-serif;
        font-size: 14px;
        color: #696969;
        font-weight: bold;
        text-decoration: none;
    }

    .SecondMenuItem.LastChild {
        background-image: none;
    }

.SecondMenuSubMenu {
    /*background: url(images/grb.jpg) top left repeat;
    padding-bottom:4px;*/
}

.SecondMenuSubMenuItem {
}

    .SecondMenuSubMenuItem a {
        padding: 2px 30px 5px 10px;
        color: #696969;
        /*White;*/
        text-decoration: none;
        font-family: trebuchet ms, arial, verdana, sans-serif;
        font-size: 14px;
        font-weight: bold;
        background: url(images/sgb.jpg) bottom left repeat-x;
    }

    .SecondMenuSubMenuItem.LastChild a {
        background-image: none;
        background: none;
    }

    .SecondMenuSubMenuItem a:hover {
        color: #00FFFF;
        /*#A2C340;*/
        background: url(images/grb.jpg) top left repeat;
        /*bottom left repeat-x;*/
    }

.SubMenuParent.active .SecondMenuItem a {
    color: #FF0033;
    /*#A2C340;*/
}

.SubMenuParent.active .SecondMenuItem {
    background: url(images/grb.jpg) top left repeat;
}

.SubMenuParent.active .SecondMenuItema {
    background: url(images/grb.jpg) top left repeat-x;
}

.SubMenuParent.active .SecondMenuItemb {
    background: url(images/grb.jpg) top left no-repeat;
}

.SubMenuParent.active .SecondMenuItemc {
    background: url(images/grb.jpg) top right no-repeat;
}



/*--- Special html menus ---*/
.EmailSubMenu {
    padding: 5px 10px 20px 5px;
    cursor: default;
    font-family: trebuchet ms, arial, verdana, sans-serif;
}

    .EmailSubMenu a {
        text-decoration: none;
    }

    .EmailSubMenu td {
    }

.SSMO {
    vertical-align: top;
}

.SSMS {
    width: 15px;
}

.SSMI {
    white-space: nowrap;
    vertical-align: bottom;
}

    .SSMI:hover {
        background-color: #727272;
        cursor: pointer;
    }

.SSMHead {
    color: Black;
    /* #A2C340;*/
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: bottom;
}

.SSMH2 {
    padding-left: 4px;
    color: Black;
    /*White;*/
    font-size: 14px;
    font-weight: bold;
    border-top: dotted 1px white;
}

.SSMIBody {
    padding-left: 4px;
    color: White;
    font-size: 12px;
    white-space: nowrap;
}


.topmenu .topleftlogo {
    height: 100%;
    display: block;
    background-image: url(../../App_Themes/images/logo/logo.png);
}
/*.page-content-wrapper{margin-left: 190px;position:fixed; left:0px;top:60px;overflow:auto;bottom: 0px; right:2px;}
.page-content{padding-top:5px;padding-right: 3px;float: left;min-height: 300px;}*/
.page-content-wrapper {
    position: fixed;
    left: 190px;
    top: 65px;
    overflow: auto;
    bottom: 5px;
    right: 2px;
    padding-right: 3px;
}

.page-content {
    float: left;
    width: 100%;
    min-height: 300px;
}

div.exwrap {
    display: table;
    _position: relative;
    overflow: auto;
}

div.exsubwrap {
    vertical-align: middle;
    display: table-cell;
    _position: absolute;
    _top: 50%;
}

div.excontent {
    color: Red;
    _position: relative;
    _top: -50%;
}

.datarow:hover > td, .datarow1:hover > td {
    background-color: #E8EDF1;
    background-image: none;
    transition: background-color 0.1s linear 0s;
}

.datarowIndialog:hover > td {
    background-color: #E8EDF1 !important;
    background-image: none !important;
    transition: background-color 0.1s linear 0s;
}

.titlesort1 {
}

.titlesort {
    padding: 0 13px 0 0px;
}

    .titlesort:hover, .titlesort1:hover {
        color: #c45500 !important;
        padding: 0 13px 0 0px;
        background: url(../../App_Themes/images/icons/sortdesc.png) right center no-repeat;
    }

.titlesortasc:hover {
    color: #c45500 !important;
    padding: 0 13px 0 0px;
    background: url(../../App_Themes/images/icons/sortasc.png) right center no-repeat;
}

.titlesortasc {
    color: #e47911 !important;
    padding: 0 13px 0 0px;
    background: url(../../App_Themes/images/icons/sortasc.png) right center no-repeat;
}

.titlesortdesc {
    color: #e47911 !important;
    padding: 0 13px 0 0px;
    background: url(../../App_Themes/images/icons/sortdesc.png) right center no-repeat;
}




/*stylev1.css-结束*/


/*UpNewStylea.css*/

.topmenu .topleftlogo {
    height: 100%;
    display: block;
    background-image: url(../../App_Themes/images/logo/logo.png);
}
/*.page-content-wrapper{margin-left: 190px;position:fixed; left:0px;top:60px;overflow:auto;bottom: 0px; right:2px;}
.page-content{padding-top:5px;padding-right: 3px;float: left;min-height: 300px;}*/
.page-content-wrapper {
    position: fixed;
    left: 190px;
    top: 65px;
    overflow: auto;
    bottom: 0px;
    right: 2px;
    padding-right: 3px;
}

.page-content {
    float: left;
    width: 100%;
    min-height: 300px;
}

div.exwrap {
    display: table;
    _position: relative;
    overflow: auto;
}

div.exsubwrap {
    vertical-align: middle;
    display: table-cell;
    _position: absolute;
    _top: 50%;
}

div.excontent {
    color: Red;
    _position: relative;
    _top: -50%;
}

.datarow:hover > td, .datarow1:hover > td {
    background-color: #E8EDF1;
    background-image: none;
    transition: background-color 0.1s linear 0s;
}

.titlesort1 {
}

.titlesort {
    padding: 0 15px 0 0px;
}

.titlesortasc {
    padding: 0 15px 0 0px;
    background: url(../../App_Themes/images/sysicon.png) right -102px no-repeat;
}

.titlesortdesc {
    padding: 0 15px 0 0px;
    background: url(../../App_Themes/images/sysicon.png) right -82px no-repeat;
}
/*UpNewStylea.css-结束*/



/*UpNewStylea1.css*/

.topmenu .topleftlogo {
    height: 100%;
    display: block;
    background-image: url(../../App_Themes/images/logo/logo.png);
}
/*.page-content-wrapper{margin-left: 190px;position:fixed; left:0px;top:60px;overflow:auto;bottom: 0px; right:2px;}
.page-content{padding-top:5px;padding-right: 3px;float: left;min-height: 300px;}*/
.page-content-wrapper {
    position: fixed;
    left: 190px;
    top: 65px;
    overflow: auto;
    bottom: 5px;
    right: 2px;
    padding-right: 3px;
}

.page-content {
    float: left;
    width: 100%;
    min-height: 300px;
}

div.exwrap {
    display: table;
    _position: relative;
    overflow: auto;
}

div.exsubwrap {
    vertical-align: middle;
    display: table-cell;
    _position: absolute;
    _top: 50%;
}

div.excontent {
    color: Red;
    _position: relative;
    _top: -50%;
}

.datarow:hover > td, .datarow1:hover > td {
    background-color: #E8EDF1;
    background-image: none;
    transition: background-color 0.1s linear 0s;
}

.datarowIndialog:hover > td {
    background-color: #E8EDF1 !important;
    background-image: none !important;
    transition: background-color 0.1s linear 0s;
}

.titlesort1 {
}

.titlesort {
    padding: 0 13px 0 0px;
}

    .titlesort:hover, .titlesort1:hover {
        color: #c45500 !important;
        padding: 0 13px 0 0px;
        background: url(../../App_Themes/images/icons/sortdesc.png) right center no-repeat;
    }

.titlesortasc:hover {
    color: #c45500 !important;
    padding: 0 13px 0 0px;
    background: url(../../App_Themes/images/icons/sortasc.png) right center no-repeat;
}

.titlesortasc {
    color: #e47911 !important;
    padding: 0 13px 0 0px;
    background: url(../../App_Themes/images/icons/sortasc.png) right center no-repeat;
}

.titlesortdesc {
    color: #e47911 !important;
    padding: 0 13px 0 0px;
    background: url(../../App_Themes/images/icons/sortdesc.png) right center no-repeat;
}



/*UpNewStylea1.css-结束*/


@keyframes hover-color {
    from {
        border-color: #c0c0c0;
    }

    to {
        border-color: #F08300;
    }
}


input[type=radio], input[type=checkbox], input[type=radio] + label, input[type=checkbox] + label {
    cursor: pointer;
}

    input[type=radio][disabled], input[type=checkbox][disabled], input[type=radio][disabled] + label, input[type=checkbox][disabled] + label {
        cursor: default;
    }


input.s-check[type=radio], input.s-check[type=checkbox] {
    position: absolute;
    display: inline-block;
    display: none;
    cursor: pointer;
}

    input.s-check[type=radio][disabled], input.s-check[type=checkbox][disabled] {
        cursor: not-allowed;
        cursor: default;
    }

    input.s-check[type=radio] + label, input.s-check[type=checkbox] + label {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin-left: 3px;
        cursor: pointer;
        vertical-align: middle;
        top: 0; /* height: 20px;     line-height: 20px; */
    }

        input.s-check[type=radio] + label:hover:before, input.s-check[type=checkbox] + label:hover:before {
            animation-duration: 0.4s;
            animation-fill-mode: both;
            animation-name: hover-color;
        }

        input.s-check[type=radio] + label:before, input.s-check[type=checkbox] + label:before {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 16px;
            height: 16px;
            content: '';
            border: 1px solid #c0c0c0;
            background: #fff;
        }

        input.s-check[type=radio] + label:after, input.s-check[type=checkbox] + label:after {
            position: absolute;
            display: none;
            content: '';
        }

    input.s-check[type=radio][disabled] + label, input.s-check[type=checkbox][disabled] + label {
        cursor: not-allowed;
        color: #a7a7a7;
    }

        input.s-check[type=radio][disabled] + label:hover, input.s-check[type=radio][disabled] + label:before, input.s-check[type=radio][disabled] + label:after, input.s-check[type=checkbox][disabled] + label:hover, input.s-check[type=checkbox][disabled] + label:before, input.s-check[type=checkbox][disabled] + label:after {
            cursor: not-allowed;
        }

            input.s-check[type=radio][disabled] + label:hover:before, input.s-check[type=checkbox][disabled] + label:hover:before {
                border: 1px solid #a7a7a7;
                animation-name: none;
            }

        input.s-check[type=radio][disabled] + label:before, input.s-check[type=checkbox][disabled] + label:before {
            border-color: #a7a7a7;
        }

    input.s-check[type=radio]:checked + label:before, input.s-check[type=checkbox]:checked + label:before {
        animation-name: none;
    }

    input.s-check[type=radio]:checked + label:after, input.s-check[type=checkbox]:checked + label:after {
        display: block;
    }

    input.s-check[type=radio] + label:before {
        border-radius: 50%;
    }

    input.s-check[type=radio] + label:after {
        top: 5px;
        left: 5px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #F08300;
    }

    input.s-check[type=radio]:checked + label:before {
        border: 1px solid #F08300;
    }

    input.s-check[type=radio]:checked[disabled] + label:before {
        border: 1px solid #f9cb94;
    }

    input.s-check[type=radio]:checked[disabled] + label:after {
        background: #f9cb94;
    }

    input.s-check[type=checkbox] + label:before {
        border-radius: 3px;
    }

    input.s-check[type=checkbox] + label:after {
        top: 2px;
        left: 5px;
        box-sizing: border-box;
        width: 6px;
        height: 10px;
        transform: rotate(45deg);
        border-width: 2px;
        border-style: solid;
        border-color: #fff;
        border-top: 0;
        border-left: 0;
    }

    input.s-check[type=checkbox]:checked + label:before {
        border: #F08300;
        background: #F08300;
    }

    input.s-check[type=checkbox]:checked[disabled] + label:before {
        border: #f9cb94;
        background: #f9cb94;
    }