* {
    font-size: 9pt;
}

html, body {
    margin: 0px auto;
    padding: 0px;
    height: 100%;
    overflow: hidden;
}

#main {
    overflow: auto;
}

body a {
    outline: none;
    /*blr: expression(this.onFocus=this.blur());*/
}

a:link {
    COLOR: #000000;
    TEXT-DECORATION: none;
}

a:active {
    COLOR: #000000;
    TEXT-DECORATION: none;
    font-weight: bold;
}

a:visited {
    COLOR: black;
    font-weight: bold;
    TEXT-DECORATION: none;
}

a:hover {
    COLOR: rgba(0, 122, 204, 1);
    TEXT-DECORATION: none;
    font-weight: bold;
}

input, button, select, textarea {
    outline: none;
}

div, ul, li, dl, dt, dd, img, h1, h2 {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border: 0;
}
/*主页样式
------------------------------------------------------------------------------------------------------------------
*/
#Container {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

#TopmodeHeader {
    width: 100%;
    display: table;
    height: 30px;
    /*background-image: url(../images/backright.jpg);*/
    /*background-color:rgba(0, 122, 204, 1);*/
    background-color: #f5f5f5;
}

#Header {
    width: 100%;
    display: table;
    height: 50px;
    /*background-image: url(../images/backright.jpg);*/
    /*background-color:rgba(0, 122, 204, 1);*/
    background-color: #08568e;
}

#TopmodeHeaderLogo {
    /*float:left;*/
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 20px;
    /*background: url(../images/logo.jpg);*/
    /*background-color:rgba(0, 122, 204, 0.48);*/
    height: 30px;
    width: 100px;
    display: table-cell;
    vertical-align: middle;
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.jpg', sizingMethod='crop');*/
}

#HeaderLogo {
    /*float:left;*/
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 20px;
    /*background: url(../images/logo.jpg);*/
    /*background-color:rgba(0, 122, 204, 0.48);*/
    height: 50px;
    width: 100px;
    display: table-cell;
    vertical-align: middle;
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo.jpg', sizingMethod='crop');*/
}

#TopmodeHeaderTitle {
    /*float:left;*/
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 10px;
    /*background: url(../images/logo.jpg);*/
    /*background-color:rgba(0, 122, 204, 0.48);*/
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    color: #000000;
    font-size: 14pt;
    font-weight: bold;
    font-family: "幼圆";
}

#HeaderTitle {
    /*float:left;*/
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 30px;
    /*background: url(../images/logo.jpg);*/
    /*background-color:rgba(0, 122, 204, 0.48);*/
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    color: white;
    font-size: 20pt;
    font-weight: bold;
    font-family: "幼圆";
}

.HeaderText {
    color: white;
    font-size: 20pt;
    font-weight: bold;
    font-family: "幼圆";
}

.HeaderTextBlack {
    font-size: 18pt;
    font-weight: bold;
    font-family: "幼圆";
}

#Topmodeweather {
    float: right;
    margin-top: 5px;
    margin-left: 0px;
    font-weight: bold;
    color: White;
    width: 450px;
    font-size: 12pt;
    vertical-align: middle;
}

#weather {
    float: right;
    margin-top: 10px;
    margin-left: 0px;
    font-weight: bold;
    color: White;
    width: 450px;
    font-size: 13pt;
    vertical-align: middle;
}

#TopHeadermenu {
    margin-top: 0px;
    background-color: #096aaf;
}

#Headermenu {
    margin-top: -10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#096aaf), to(#42afe0));
    background: -webkit-linear-gradient(top,#096aaf, #42afe0);
    background: -moz-linear-gradient(top,#096aaf, #42afe0);
    background: -o-linear-gradient(top,#096aaf, #42afe0);
    background: -ms-linear-gradient(top,#096aaf, #42afe0);
    background: linear-gradient(top,top,#096aaf, #42afe0);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #096aaf, endColorstr = #42afe0);
    /*background-image: url(../images/topbg.png);*/
    /*float: left;*/
    /*margin-left: -500px;*/
}

#Headerbotton {
    height: 30px;
    /*border-bottom: 1px solid #ccc;*/
    /*background-image: url(../images/Headerbotton.png);*/
    background-color: rgba(0, 122, 204, 1);
}

#Content {
    margin: 0px auto;
    height: 100%;
    overflow: hidden;
    padding: 1px;
}

#left_title {
    float: left;
    margin-left: 20px;
    width: 150px;
    color: #222;
    font-weight: bold;
    /*margin-top:5px;*/
}

#conten_title {
    height: 100%;
    text-align: left;
    line-height: 20px;
    padding-left: 1px;
    color: #222;
    font-weight: bold;
}

#MainContent {
    height: 100%;
    width: 100%;
}

.tabs .x-tab button .x-tab-inner {
    text-align: left;
}

#TopmodeBottomTools {
    background-color: #f5f5f5;
}

.BottomTools {
    background: -webkit-gradient(linear, left top, left bottom, from(#08568e), to(#08568e));
    background: -webkit-linear-gradient(top,#08568e, #08568e);
    background: -moz-linear-gradient(top,#08568e, #08568e);
    background: -o-linear-gradient(top,#08568e, #08568e);
    background: -ms-linear-gradient(top,#08568e, #08568e);
    background: linear-gradient(top,top,#08568e, #08568e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0, startColorstr = #08568e, endColorstr = #08568e);
}

#titleleft {
    position: fixed;
    left: 0px;
    top: 0px;
    padding: 30px;
    color: white;
    font-size: 14pt;
    font-family: 'Microsoft YaHei';
}

#titleright {
    position: fixed;
    right: 0px;
    top: 0px;
    padding: 30px;
    color: white;
    font-size: 12pt;
    font-family: 'Microsoft YaHei';
}

.LeftMenu {
    background-color: #08568e;
}

/*表格样式
------------------------------------------------------------------------------------------------------------------
*/
.x-grid-custom1 .x-grid-item TD {
    font: 11px/15px 'Microsoft YaHei',arial,sans-serif;
    vertical-align: middle;
    height:30px;
    /*border-left-color: gray;
    border-right-color: gray;*/
    border:hidden;
    text-align:center;
    /*border-bottom: 1px groove #08568e;
    border-left: 1px groove #08568e;*/
    background:#011c3a;
    color: white;
    line-height:40px;
}

.x-grid-custom1 .x-column-header {
    /*background: url(../GridGanel/header_sprite.png) repeat scroll 0 bottom;*/
    font: bold 12px/16px "Microsoft YaHei",arial,sans-serif;
    /*border-left-color: #6085A5;
    border-right-color: #728BA1;*/
    border-top:hidden;
    border-left:hidden;
    border-right:hidden;
    border-bottom:  1px groove #08568e;
    text-align: center;
    color: white;
    font-family:YouYuan;
    background: #011c3a;
}

.x-grid-custom1 .x-column-header-over {
    /*background: #ebf3fd url(../GridGanel/header_sprite_over.png) repeat 0 center !important;*/
    background: #08568e;
    font-weight: bold;
}

.x-grid-custom1 .x-column-header div {
    /*background: url(../GridGanel/header_sprite.png) repeat scroll 0 center;*/
    /*background:#428bca;
    color: white;
    font: 12px/16px "segoe ui",arial,sans-serif;*/
}

.x-grid-custom1 .company-link {
    color: #0E3D4F;
}

.x-grid-custom1 .x-column-header-trigger {
    background: #718CA1 url(GridGanel/grid3-hd-btn.png) no-repeat left center;
}

.x-grid-custom1 .x-grid-item-alt .x-grid-cell {
    background-color: #DAE2E8;
}

.x-grid-custom1 .x-grid-item-over .x-grid-cell {
    border-color: #728BA1;
    background-color: #58a7e8;
    /*background: url(../GridGanel/row-over.png);*/
}

.x-grid-custom1 .x-grid-item-selected .x-grid-cell {
    /*background: url(../GridGanel/row-selected.png) repeat-x scroll 0 0 #7BBBCF;*/
    background-color: #9ecff7;
    border-color: #728BA1;
    border-style: solid;
}

.x-grid-custom1 .x-grid-item-selected TD,
.x-grid-custom .x-grid-item-selected TD .company-link {
    color: #000;
    font-weight:bold;
}

.x-grid-custom1 .x-toolbar .x-toolbar-text {
    color: darkblue !important;
}

.x-grid-custom1 .x-toolbar {
    height: 45px;
    border-style: none;
    /*background: url(Images/head_bg.png) repeat 0 center !important;*/
    background-color: #e6e7e8;
}

.x-grid-custom1 .x-tbar-loading {
    background-image: url(GridGanel/refresh.gif) !important;
}

.x-grid-custom1 .x-tbar-page-first {
    background-image: url(GridGanel/page-first.gif) !important;
}

.x-grid-custom1 .x-tbar-page-last {
    background-image: url(GridGanel/page-last.gif) !important;
}

.x-grid-custom1 .x-tbar-page-next {
    background-image: url(GridGanel/page-next.gif) !important;
}

.x-grid-custom1 .x-tbar-page-prev {
    background-image: url(GridGanel/page-prev.gif) !important;
}

.x-grid-custom1 .x-paging-info {
    color: #fff;
}

.x-grid-custom1 .x-btn {
    height: 35px;
    width: 35px;
}

.x-grid-custom1 .x-grid-body .x-grid-cell-Cost {
    background-color: #f1f2f4;
}

.x-grid-custom1 .x-grid-row-summary .x-grid-cell-Cost .x-grid-cell-inner {
    background-color: #e1e2e4;
}

.x-grid-custom1 .task .x-grid-cell-inner {
    padding-left: 15px;
}

.x-grid-custom1 .x-grid-row-summary .x-grid-cell-inner {
    font-weight: bold;
    font-size: 11px;
    background-color: #f1f2f4;
}

.x-grid-custom .x-grid-item TD {
    font: 11px/15px 'Microsoft YaHei',arial,sans-serif;
    vertical-align: middle;
    /*border-left-color: gray;
    border-right-color: gray;*/
    border-bottom: 1px groove #428bca;
    border-left: 1px groove #428bca;
}

.x-grid-custom .x-column-header {
    /*background: url(../GridGanel/header_sprite.png) repeat scroll 0 bottom;*/
    font: bold 12px/16px "Microsoft YaHei",arial,sans-serif;
    /*border-left-color: #6085A5;
    border-right-color: #728BA1;*/
    border-color: white;
    text-align: center;
    color: white;
    background: #428bca;
}

.x-grid-custom .x-column-header-over {
    /*background: #ebf3fd url(../GridGanel/header_sprite_over.png) repeat 0 center !important;*/
    background: #58a7e8;
    font-weight: bold;
}

.x-grid-custom .x-column-header div {
    /*background: url(../GridGanel/header_sprite.png) repeat scroll 0 center;*/
    /*background:#428bca;
    color: white;
    font: 12px/16px "segoe ui",arial,sans-serif;*/
}

.x-grid-custom .company-link {
    color: #0E3D4F;
}

.x-grid-custom .x-column-header-trigger {
    background: #718CA1 url(GridGanel/grid3-hd-btn.png) no-repeat left center;
}

.x-grid-custom .x-grid-item-alt .x-grid-cell {
    background-color: #DAE2E8;
}

.x-grid-custom .x-grid-item-over .x-grid-cell {
    border-color: #728BA1;
    background-color: #58a7e8;
    /*background: url(../GridGanel/row-over.png);*/
}

.x-grid-custom .x-grid-item-selected .x-grid-cell {
    /*background: url(../GridGanel/row-selected.png) repeat-x scroll 0 0 #7BBBCF;*/
    background-color: #9ecff7;
    border-color: #728BA1;
    border-style: solid;
}

.x-grid-custom .x-grid-item-selected TD,
.x-grid-custom .x-grid-item-selected TD .company-link {
    color: #000;
    font-weight:bold;
}

.x-grid-custom .x-toolbar .x-toolbar-text {
    color: darkblue !important;
}

.x-grid-custom .x-toolbar {
    height: 45px;
    border-style: none;
    /*background: url(Images/head_bg.png) repeat 0 center !important;*/
    background-color: #e6e7e8;
}

.x-grid-custom .x-tbar-loading {
    background-image: url(GridGanel/refresh.gif) !important;
}

.x-grid-custom .x-tbar-page-first {
    background-image: url(GridGanel/page-first.gif) !important;
}

.x-grid-custom .x-tbar-page-last {
    background-image: url(GridGanel/page-last.gif) !important;
}

.x-grid-custom .x-tbar-page-next {
    background-image: url(GridGanel/page-next.gif) !important;
}

.x-grid-custom .x-tbar-page-prev {
    background-image: url(GridGanel/page-prev.gif) !important;
}

.x-grid-custom .x-paging-info {
    color: #fff;
}

.x-grid-custom .x-btn {
    height: 35px;
    width: 35px;
}

.x-grid-custom .x-grid-body .x-grid-cell-Cost {
    background-color: #f1f2f4;
}

.x-grid-custom .x-grid-row-summary .x-grid-cell-Cost .x-grid-cell-inner {
    background-color: #e1e2e4;
}

.x-grid-custom .task .x-grid-cell-inner {
    padding-left: 15px;
}

.x-grid-custom .x-grid-row-summary .x-grid-cell-inner {
    font-weight: bold;
    font-size: 11px;
    background-color: #f1f2f4;
}

/*表单样式
------------------------------------------------------------------------------------------------------------------
*/
.x-form-readonly .x-form-item-body input {
    background-color: #E6E6E6 !important;
}

.x-form-readonly .x-form-item-body textarea {
    background-color: #E6E6E6 !important;
}

/*树样式
------------------------------------------------------------------------------------------------------------------
*/
.TreeNodeCls {
    background-color: whitesmoke;
}

.MenuTreeNodeCls {
    background-color: whitesmoke;
}

/*表单控件样式
------------------------------------------------------------------------------------------------------------------
*/
.InputStyle {
    border-bottom: solid 1px lightgray;
    border-top: solid 1px lightgray;
    border-right: solid 1px lightgray;
    border-left: solid 1px lightgray;
}

/*TabPanel控件样式
------------------------------------------------------------------------------------------------------------------
*/
.ui-tab-bar {
    /*padding-top: 1px;*/
}

    .ui-tab-bar .x-tab-bar {
        background: #FFF !important;
        border: 0 !important;
    }

    .ui-tab-bar .x-tab-bar-strip {
        top: 20px !important; /* Default value is 20*/
    }

    .ui-tab-bar .x-tab-bar-strip-default-top {
        height: 0px !important;
    }

    .ui-tab-bar .ui-tab-body {
        border: 0 !important;
    }

    .ui-tab-bar .x-tab-bar .x-tab-bar-body {
        height: 23px !important; /*Default value is 23*/
        /*background-image: url(../Themes/images/head_bg.png);*/
        background-color: whitesmoke;
        border: 0 !important; /*Overides the border that appears on resizing the grid*/
    }

        .ui-tab-bar .x-tab-bar .x-tab-bar-body .x-box-inner {
            height: 23px !important; /* Default value is 21*/
        }

            .ui-tab-bar .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab {
                height: 23px !important; /* Default value is 21*/
                border-top: 2px solid #42afe0;
                border-left: 2px solid #42afe0;
                border-right: 2px solid #42afe0;
                border-radius: 5px 5px 0 0;
                background-color: lightgray;
            }

            .ui-tab-bar .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab-button {
                height: 13px !important; /* Default value 13*/
                line-height: 13px !important; /* Default value 13*/
            }

.x-tab-active .x-tab-wrap .x-tab-button .x-tab-inner {
    color: #096aaf;
    font-weight: bold;
}

/*TreePanel放置于AccordingPanel中的控件样式
------------------------------------------------------------------------------------------------------------------
*/
.customer-header .x-panel-header {
            color: #ffffff;
            background-color: #096aaf;
            background-image: none;
        }