/**************************
*名称：css全局样式
*描述：这个文件作为全局样式，所有页面都必须引用，且放在最前面
*创建：(Date)2012.03.09 (author)chenk  (email)ck3303@qq.com
*修改：
***************************/

/*#region 标签基础样式*/
body, html {
    background: #ffffff; /*margin: 0px auto;*/
    margin: 0;
    padding: 0;
    height: 100%;
    border: 0;
    overflow: hidden;
}

html {
    color: #3d4153;
}

body {
    font: 12px/1.231 "", Verdana, Arial, Helvetica, sans-serif;
    font-family: Tahoma;
    text-align: left;
    scrollbar-arrow-color: #474a5c;
    scrollbar-face-color: #e8ecf6;
    scrollbar-hightlight-color: #f2f2f2;
    scrollbar-track-color: #fcfcfc;
    scrollbar-darkshadow-color: #b8c5de;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

a {
    color: #333;
    text-decoration: none;
}

    a:hover {
        color: #FF6600;
        text-decoration: underline;
    }
/*合并边线,边线空间至零. 这个样式不能使用 否则影响监控中心监控列表样式 modify by chenk 20120906
table
{
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
}
*/


fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ul, li {
    list-style: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-align: left;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}
/**/
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

legend {
    color: #000;
}

.text {
    line-height: 22px;
    padding-left: 2px;
}

.addbutton, .cancelbutton {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0px, #eee 100%) repeat-x scroll 0 0;
    border: 1px solid #bbb;
    border-radius: 5px;
    color: #444;
    float: right;
    line-height: 23px;
    min-width: 50px;
    margin-left: 2px;
    cursor: pointer;
}

    .addbutton:hover, .cancelbutton:hover {
        background: #ccc repeat-x scroll 0 0;
    }









/*#endregion*/


/*#region 公用样式*/
/**********清除浮动*********/
.clear {
    clear: both;
    height: 0px;
    width: 99%;
    line-height: 0px;
    visibility: hidden;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}

.overflow {
    overflow: auto;
    zoom: 1;
}

/*鼠标手形*/
.hand {
    cursor: pointer;
}

/***字母和单词换行设置********/
.break {
    word-break: break-all;
    word-wrap: break-word;
}

.nobreak {
    word-break: keep-all;
    word-wrap: normal;
}

/*******定义宽度*****/
.w952 {
    width: 952px;
    margin: 0 auto;
}

.w922 {
    width: 922px;
}

/*******定义上下间距*****/
.top10 {
    margin-top: 10px;
}

.bottom10 {
    margin-bottom: 10px;
}

/*****浮动定义*****/
.fl {
    float: left;
}

.fr {
    float: right;
}

.loading {
    background: url(img/icon/loading.gif) no-repeat 0 0;
    padding-left: 20px;
}


.icon_add {
    background: url(img/icon/edit_add.png) no-repeat center center;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    margin-left: 4px;
}

.icon_remove {
    background: url(img/icon/edit_remove.png) no-repeat center center;
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
    margin-right: 4px;
}
/*#endregion*/


/*#region 页面排版*/
/*单选框样式*/


/*页面主体*/
.mainbody {
    line-height: 15px;
    font-size: 12px;
    border: none;
}
/*顶部内容*/
.topcontent {
    border: 1px solid #99BBE8;
    width: 100%;
    border-bottom: none;
    padding-bottom: 2px;
    overflow: hidden;
}
/*菜单栏*/
.mainbody .menubar {
    height: 24px;
    padding: 5px;
    line-height: 24px;
    overflow: hidden;
    color: #15428b;
    font-weight: bold;
    font-size: 12px;
    background: url('img/menu_bar.png') repeat-x;
    border-bottom: 1px solid #99BBE8;
}

    .mainbody .menubar input {
        height: 18px;
        line-height: 18px;
        width: 120px;
        border: 1px solid #A4BED4;
        padding: 0;
    }

    .mainbody .menubar h1 {
        font-weight: bold;
    }

/*工具栏*/
.mainbody .toolbar {
    height: 28px;
    background: #efefef;
    padding: 1px 2px;
    border-bottom: 1px solid #ccc;
}
/*搜索栏*/
.mainbody .searchbar {
    height: auto;
    line-height: 28px;
    background: #efefef;
    padding: 1px 2px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

    .mainbody .searchbar input {
        height: 18px;
        line-height: 18px;
        width: 120px;
        border: 1px solid #A4BED4;
        padding: 0;
    }

    .mainbody .searchbar .radio, .mainbody .searchbar .checkbox {
        height: 14px;
        line-height: 14px;
        width: 20px;
    }

    .mainbody .searchbar .search_button {
        float: left;
        height: 26px;
        line-height: 26px;
        overflow: hidden;
        padding-left: 6px;
    }

        .mainbody .searchbar .search_button .title {
            float: left;
            height: 26px;
            line-height: 26px;
            padding-right: 2px;
        }

        .mainbody .searchbar .search_button .inputdiv {
            float: left;
            height: 26px;
            line-height: 26px;
            padding-top: 3px;
        }







/*分页列表 overflow:hidden*/
.mainbody .region_center {
    background: #fafafa;
}

.mainbody .gridlist {
    width: 100%;
}


a.lista {
    color: #333;
    text-decoration: none;
}

    a.lista:hover {
        color: #ffffff;
        text-decoration: underline;
        cursor: pointer;
    }


/*#endregion 页面排版*/


/*#region 表单表格页排版*/
.tbform {
    border: none;
    border-bottom: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;
    margin: 0 auto;
}

    .tbform th, .tbform td {
        border: none;
        border-left: 1px solid #DBDBDB;
        border-top: 1px solid #DBDBDB;
        height: 28px;
    }

    .tbform th {
        text-align: right;
        padding-right: 6px;
        background-color: #EFEFEF;
    }

    .tbform td {
        text-align: left;
        padding-left: 6px;
    }

    .tbform .underline {
        border-bottom: 1px solid #DBDBDB;
    }

.tbcenter th {
    text-align: center;
    padding: 0;
}

.tbcenter td {
    text-align: center;
    padding: 0;
}

.tbform input {
    height: 18px;
    line-height: 18px;
    width: 120px;
    border: 1px solid #A4BED4;
    padding: 0;
}

.tbform .radio, .tbform .checkbox, .gridform .radio, .gridform .checkbox {
    height: 14px;
    line-height: 14px;
    width: 20px;
    border: none;
}

.tbform .radiolabel, .gridform .radiolabel {
    display: -moz-inline-block;
    display: inline-block;
    cursor: pointer;
    margin: 5px 0;
    padding-left: 20px;
    line-height: 15px;
    background: url(img/radio.gif) no-repeat left top;
}
/* */
.tbform .radio, .gridform .radio {
    display: none;
    visibility: hidden;
}

.tbform .checkbox, .gridform .checkbox {
    display: none;
    visibility: hidden;
}

.tbform label.checked, .gridform label.checked {
    background-position: left bottom;
}

.tbform .checkboxlabel, .gridform .checkboxlabel {
    display: -moz-inline-block;
    display: inline-block;
    cursor: pointer;
    margin: 5px 0;
    padding-left: 20px;
    line-height: 15px;
    background: url(img/checkbox.gif) no-repeat left top;
}

.tbform .inputdiv {
    float: left;
    width: auto;
    text-align: left;
}

.tbform label.checked, .gridform label.checked {
    background-position: left bottom;
}
/*.tbform .tip{ width:40px; overflow :hidden}*/
.submitbar {
    height: auto;
    width: 85%;
    float: right;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 15%;
}

/*#region 表单美化样式*/
.xr-input {
    float: left;
    width: 120px;
    height: 18px;
    line-height: 18px;
    border: none;
    border: #cdcdcd 1px solid;
}

    .xr-input.onfocus {
        border: #FFCC66 1px solid;
        color: #666;
    }

    .xr-input.watermark {
        color: #CCCCCC;
    }

.xr-linkbtn a.l-btn, .xr-linkbtn a.l-btn-plain, .xr-linkbtn a.l-btn span.l-btn-left, .xr-linkbtn a.l-btn span.l-btn-text {
    height: 20px;
    margin: 0;
    padding: 0;
}

.xr-linkbtn a:hover.l-btn span.l-btn-left {
    background-position: -20px -25px;
}

.xr-linkbtn a.l-btn {
    background: none;
    padding-right: 0px;
    display: inline-block;
}

    .xr-linkbtn a.l-btn span.l-btn-left {
        background-position: -20px top;
        padding-right: 6px;
        padding-left: 6px;
    }

    .xr-linkbtn a.l-btn span.l-btn-empty {
        margin-top: 2px;
    }

.icon-searchbtn {
    background: url('img/icon/search.png') no-repeat;
    padding-right: 0px;
}

.redx {
    font-size: 12px;
    color: Red;
}

.beaut input {
    height: 18px;
    line-height: 18px;
    width: 120px;
    border: 1px solid #A4BED4;
    padding: 0;
}

.beaut .radio, .beaut .checkbox {
    height: 14px;
    line-height: 14px;
    width: 20px;
    border: none;
}

.beaut .radiolabel {
    display: -moz-inline-block;
    display: inline-block;
    cursor: pointer;
    margin: 5px 0;
    padding-left: 20px;
    line-height: 15px;
    background: url(img/radio.gif) no-repeat left top;
}

.beaut .radio {
    display: none;
    visibility: hidden;
}

.beaut .checkbox {
    display: none;
    visibility: hidden;
}

.beaut label.checked {
    background-position: left bottom;
}

.beaut .checkboxlabel {
    display: -moz-inline-block;
    display: inline-block;
    cursor: pointer;
    margin: 5px 0;
    padding-left: 20px;
    line-height: 15px;
    background: url(img/checkbox.gif) no-repeat left top;
}

.beaut .inputdiv {
    float: left;
    width: auto;
    text-align: left;
}

.beaut label.checked {
    background-position: left bottom;
}

.redborder {
    border: 1px solid red;
}
/*#endregion 表单美化样式*/


/*#endregion 表单页排版*/

/*#region 表单表格样式2 add by chenk 2012.11.07*/
.tbform2 {
    border: none;
    padding: 0;
    margin: 0 auto;
    background-color: #ffffff;
    border-collapse: collapse;
    border-spacing: 0;
}

    .tbform2 td, .tbform2 th {
        padding: 0;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .tbform2 .single {
        background-color: #ffffff;
    }

    .tbform2 .double {
        background-color: #f5f3f4;
    }

    .tbform2 .td_title {
        height: 23px;
        line-height: 22px;
        text-align: right;
        vertical-align: middle;
        padding-left: 2px;
    }

    .tbform2 .td_content {
        line-height: 22px;
        text-align: left;
        padding-left: 2px;
    }

.menuContent {
    background-color: #ffffff;
    border: 1px solid #333333;
}
/*#endregion 表单表格样式2 add by chenk 2012.11.07*/

/*#region 功能样式*/



/*#endregion 功能样式*/

/*#region JS插件样式*/

/*#region FlexBox样式*/
/* Input textbox - do not specify a width here, it will be overwritten */
.ffb-input {
    float: left;
    color: #000; /* must specify along with watermark color */
    height: 20px; /* required for webkit browsers (Safari, Chrome) */
    /*border-right:none;*/
}
    /* Color of watermark, if present */
    .ffb-input.watermark { /* added and removed dynamically */
        color: #888; /* must specify along with input color */
    }
/* Drop-down arrow, with sprited image */
.ffb-arrow {
    float: left;
    width: 17px;
    height: 22px;
    background-image: url(img/sel_win7.gif);
}

    .ffb-arrow.out { /* css sprite technique */
        background-position: 0;
    }

    .ffb-arrow.over { /* css sprite technique */
        background-position: -17px 0;
    }

    .ffb-arrow.active { /* css sprite technique */
        background-position: -34px 0;
    }

.ffb-no-results {
    padding: 2px;
    color: #888;
    font-style: italic;
    border-bottom: 1px solid #A4BED4;
}
/* Container for dropdown contents */
.ffb {
    position: absolute; /* this guy's parent div is hard-coded to position:relative */
    overflow: hidden;
    border-left: 1px solid #A4BED4; /* #7B9EBD for Vista */
    border-right: 1px solid #A4BED4;
    border-bottom: 1px solid #A4BED4;
    background-color: #fff; /* Give it a background-color, so it's not transparent */
}
    /* Inner div for dropdown */
    .ffb .content {
        overflow: auto;
    }

        .ffb .content .row {
            border-bottom: 1px solid #CDCDCD;
            color: #000;
            line-height: 20px;
            height: auto;
            clear: both;
        }

.ffb-sel {
    cursor: pointer;
    cursor: hand;
    color: #fff !important;
    background-color: #39f;
}

.ffb-match {
    font-weight: bold;
    color: #000;
}

/* Paging */
.ffb .paging {
    vertical-align: middle;
    border-bottom: 1px solid #828790;
}

.ffb .page, .ffb a.page {
    font-size: 85%;
    padding: 2px;
    border: solid 1px #339;
    background-color: #eef;
    margin: 2px;
}

.ffb .box {
    width: 22px;
    margin: 2px;
}

.ffb .summary {
    font-size: 85%;
}
/*#endregion*/

/*#region easyui*/
.icon-baidu1 {
    background: url('img/map/baidu1.png') no-repeat;
    padding-right: 0px;
}

.icon-baidu2 {
    background: url('img/map/baidu2.png') no-repeat;
    padding-right: 0px;
}

.icon-google1 {
    background: url('img/map/google1.png') no-repeat;
    padding-right: 0px;
}

.icon-google2 {
    background: url('img/map/google2.png') no-repeat;
    padding-right: 0px;
}

.icon-starsoft1 {
    background: url('img/map/starsoft1.png') no-repeat;
    padding-right: 0px;
}

.icon-starsoft2 {
    background: url('img/map/starsoft2.png') no-repeat;
    padding-right: 0px;
}

.icon-siwei1 {
    background: url('img/map/siwei1.png') no-repeat;
    padding-right: 0px;
}

.icon-siwei2 {
    background: url('img/map/siwei2.png') no-repeat;
    padding-right: 0px;
}

.icon-emap {
    background: url('img/map/emap.png') no-repeat;
    padding-right: 0px;
}

.icon-gaode1 {
    background: url('img/map/gaode1.png') no-repeat;
    padding-right: 0px;
}

/*#region 2013.01.17 add by show*/
.icon-ede1 {
    background: url('img/map/gaode1.png') no-repeat;
    padding-right: 0px;
}
/*#endregion*/
/*#endregion easyui*/


/*#region FlexBoxV4样式*/
.sffb-div {
    border: 1px solid #a4bed4;
    display: inline-block;
    height: 22px;
    line-height: 1;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 120px;
}

    .sffb-input, input.sffb-input, .sffb-div input, .mainbody .menubar .sffb-div input {
        background-color: #f7f9f2;
        border: 0 none;
        box-sizing: border-box;
        color: #000;
        display: inline-block;
        float: left;
        height: 20px;
        line-height: 20px;
        outline: medium none;
        resize: none;
    }

        .sffb-input.watermark {
            color: #888;
        }

.sffb-arrow {
    background: transparent url("img/1_022.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 22px;
    position: relative;
    width: 20px;
    z-index: 1;
}

    .sffb-arrow.out {
        background-position: -21px -62px;
    }

    .sffb-arrow.over {
        background-position: 0 -62px;
    }

    .sffb-arrow.active {
        background-position: 0 -62px;
    }

    .sffb-arrow.load {
        background-image: url("img/icon/loading.gif");
        background-position: 0 0;
    }

.sffb-no-results {
    border-bottom: 1px solid #a4bed4;
    color: #888;
    font-style: italic;
    padding: 2px;
}

.sffb {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    overflow: hidden;
    position: absolute;
}

    .sffb .content {
        overflow: auto;
    }

    .sffb .nowrap .row {
        white-space: nowrap;
    }

    .sffb .content .row {
        border-bottom: 1px solid #cdcdcd;
        color: #000;
        height: auto;
        line-height: 20px;
        width: auto;
    }

.sffb-sel {
    background-color: #bcbcbc;
    color: #fff !important;
    cursor: pointer;
}

.sffb-match {
    color: #000;
    font-weight: bold;
}

.sffb .paging {
    border-bottom: 1px solid #828790;
    vertical-align: middle;
}

.sffb .page, .sffb a.page {
    background-color: #eef;
    border: 1px solid #339;
    font-size: 85%;
    margin: 2px;
    padding: 2px;
}

.sffb .box {
    margin: 2px;
    width: 22px;
}

.sffb .summary {
    font-size: 85%;
}

.sffb-div .text-tags {
    box-sizing: border-box;
    cursor: text;
}

    .sffb-div .text-tags.text-tags-on-top {
        z-index: 2;
    }

    .sffb-div .text-tags .text-tag {
        float: left;
        margin-bottom: 1px;
        margin-left: 2px;
        margin-top: 1px;
    }

        .sffb-div .text-tags .text-tag .text-button {
            background: #e2e6f0 none repeat scroll 0 0;
            border: 1px solid #9daccc;
            border-radius: 2px;
            box-sizing: border-box;
            color: #000;
            cursor: pointer;
            float: left;
            font: 11px/18px "lucida grande",tahoma,verdana,arial,sans-serif;
            margin: 0 2px 2px 0;
            padding: 0 17px 0 3px;
            position: relative;
        }

            .sffb-div .text-tags .text-tag .text-button a.text-remove {
                background: rgba(0, 0, 0, 0) url("img/close.png") no-repeat scroll 0 0;
                display: block;
                height: 11px;
                position: absolute;
                right: 3px;
                top: 4px;
                width: 11px;
            }

                .sffb-div .text-tags .text-tag .text-button a.text-remove:hover {
                    background-position: 0 -11px;
                }

                .sffb-div .text-tags .text-tag .text-button a.text-remove:active {
                    background-position: 0 -22px;
                }
/*#endregion*/

/*#endregion JS插件样式*/

/*#region 报警提示框样式*/
#alarmNotice {
    width: 200px;
    overflow: auto;
}

#newAlarm {
    line-height: 22px;
    padding-bottom: 2px;
}

    #newAlarm .title {
        display: none;
    }

#alarmTotal ul li {
    float: left;
    height: 22px;
    cursor: text;
}

    #alarmTotal ul li.title {
        width: 80px;
        overflow: hidden;
    }

    #alarmTotal ul li.total {
        width: 120px;
        overflow: hidden;
        color: Red;
    }

#alarmSet {
    clear: both;
}

    #alarmSet div {
        float: left;
    }

        #alarmSet div.set {
            width: 80px;
            overflow: hidden;
        }

        #alarmSet div.action {
            width: 120px;
            overflow: hidden;
        }

/*#endregion 报警提示框样式*/

/*#region 历史轨迹查询切换图标显示 add by youxb 2015/4/13*/

.icon-selected {
    background: url('img/selected.png') no-repeat;
}
/*#endregion*/

.tips {
    border: 1px solid #929292;
    border-radius: 5px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    color: #fff;
    display: block;
    line-height: 45px;
    min-width: 400px;
    overflow: hidden;
    position: fixed;
    text-align: center;
    top: 3px;
    transition: -webkit-box-shadow 0.2s linear 0s;
    visibility: visible;
    z-index: 2147483647;
    margin: 0 auto;
    margin-left: 40%;
    display: none;
}

    .tips.error {
        background: #fea827 none repeat scroll 0 0;
    }

    .tips.success {
        background: #22B0CF none repeat scroll 0 0;
    }