@charset "utf-8";
/* easyui CSS Document */
.tabs-header, .tabs-scroller-left, .tabs-scroller-right, .tabs-tool, .tabs, .tabs-panels, .tabs li a.tabs-inner, .tabs li.tabs-selected a.tabs-inner, .tabs-header-bottom .tabs li.tabs-selected a.tabs-inner, .tabs-header-left .tabs li.tabs-selected a.tabs-inner, .tabs-header-right .tabs li.tabs-selected a.tabs-inner {
    border-color: transparent;
}

/**********************************************************************************************
 * Panel
 **********************************************************************************************/
.panel-header, .panel-body {
    border-color: transparent;
}

.panel-header {
    padding: 5px;
    position: relative;
    height: 25px;
}

.panel-header {
    background: #115EDD right top repeat-y;
    background: -webkit-linear-gradient(top, #115EDD 0, #115EDD 100%) right top repeat-y;
    background: -moz-linear-gradient(top, #115EDD 0, #115EDD 100%) right top repeat-y;
    background: -o-linear-gradient(top, #115EDD 0, #115EDD 100%) right top repeat-y;
    background: linear-gradient(to bottom, #115EDD 0, #115EDD 100%) right top repeat-y;
	background-repeat: repeat-y;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#115EDD, endColorstr=#115EDD, GradientType=0);
}

.panel-header, .panel-body {
    border-width: 0px;
    border-style: solid;
    line-height: 25px;
}

.panel-body {
    background-color: transparent;
    overflow-x: hidden;
    font-size: 14px;
}

.panel.datagrid {
    /*margin: 5px;*/
}
.panel-icon {
    left: 15px;
    width: 16px;
}

.panel-tool {
    right: 8px;
    width: auto;
}

.panel-tool a {
    display: inline-block;
    width: 16px;
    height: 16px;
    opacity: 0.8;
    filter: alpha(opacity=60);
    margin: 0 0 0 2px;
    vertical-align: top;
}

.panel-tool a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background-color: #00AA55;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

.panel-title {
    font-size: 15px;
    font-weight: normal;
    color: #FFF;
    text-align: left;
    line-height: 25px;
    height: 25px;
    padding-left: 40px;
}

.combo-panel.panel-body.panel-body-noheader {
    background-color: #FFF;
    border: #CCC solid 1px;
    overflow-y: auto;
}

/**********************************************************************************************
 * Tree
 **********************************************************************************************/

.tree-title {font-size: 14px}

/**********************************************************************************************
 * Combo
 **********************************************************************************************/
.combo-panel {
    overflow: hidden;
}

/**********************************************************************************************
 * Layout
 **********************************************************************************************/
/* 左右缩进 */
.layout-button-left {
    background: url(../images/layout_arrows.png) no-repeat 0 0;
}

.layout-button-right {
    background: url(../images/layout_arrows.png) no-repeat -16px 0px;
}

/* 布局边框 */
.layout-split-north {
    border-bottom: 0px solid #E6EEF8;
}

.layout-split-south {
    border-top: 0px solid #E6EEF8;
}

.layout-split-east {
    border-left: 5px solid #E6EEF8;
}

.layout-split-west {
    border-right: 0px solid #E6EEF8;
}

/*布局缩进*/
.layout-expand {
    background-color: #0F75D0;
}

/**********************************************************************************************
 * Accordion
 **********************************************************************************************/
/*整体背景色*/
.accordion {
    background: #F4F4F4;
    border-width: 0px;
}

.accordion .accordion-header {
	filter: none;
	background: #0F75D0;
}

.accordion .accordion-header .panel-title {
    color: #FFF;
    font-size: 13px;
    font-weight: normal;
}

.accordion .accordion-header-selected {
	background: #0F75D0;
}

.accordion .accordion-header-selected .panel-title {
    color: #FFF;
    font-size: 13px;
    font-weight: normal;
}

.accordion-collapse {
    background: url(../images/accordion_arrows.png) no-repeat 0 0;
}

.accordion-expand {
    background: url(../images/accordion_arrows.png) no-repeat -16px 0;
}

/**********************************************************************************************
 * l-btn
 **********************************************************************************************/
.l-btn-icon-left .l-btn-text {
    /*margin: 0 4px 0 28px;*/
}

.l-btn-text {
    line-height: 26px;
    font-size: 13px;
}

/**********************************************************************************************
 * Tabs
 **********************************************************************************************/
.tabs li {
	float: left;
	display: inline-block;
	margin: 0px 0px 0px 5px;
	padding: 0;
	position: relative;
	border: 1px solid #0466C8;
	border-radius: 0px 0px 0px 0px; /*圆角,左上,右上,右下,左下*/
}

.tabs-header {
    margin: 0px;
	position: relative;
    padding: 3px 0 0 0;
	overflow: hidden;
	height: 32px;
    background: url(../images/tab-bg.png) repeat-x right top;
    border: 0px;
}
.tabs-title {
    font-size: 14px;
}

.tabs-wrap {
    position: relative;
    left: 0;
    overflow: hidden;
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 33px;
}

.tabs li a.tabs-inner {
	color: #FFF;
    background-color: #115EDD;
    background: -webkit-linear-gradient(top, #115EDD 0, #115EDD 100%);
    background: -moz-linear-gradient(top, #115EDD 0, #115EDD 100%);
    background: -o-linear-gradient(top, #115EDD 0, #115EDD 100%);
	/* 主要是这个 */
    background: linear-gradient(to bottom, #115EDD 0, #115EDD 100%);
	background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#115EDD, endColorstr=#115EDD, GradientType=0);
	border-radius: 0px 0px 0px 0px; /*圆角,左上,右上,右下,左下*/
    border-width: 0px;
    border-style: none;
}

.tabs li a.tabs-inner:hover {
	background: #0466C8;
	color: #FFF;
	filter: none;
    cursor: pointer;
}

.tabs li.tabs-selected a.tabs-inner {
	color: #444444;
	font-weight: normal;
	outline: none;
    cursor: pointer;

    background: -webkit-linear-gradient(top, #EAF4FF 0, #ffffff 100%);
    background: -moz-linear-gradient(top, #EAF4FF 0, #ffffff 100%);
    background: -o-linear-gradient(top, #EAF4FF 0, #ffffff 100%);
    background: linear-gradient(to bottom, #EAF4FF 0, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EAF4FF, endColorstr=#ffffff, GradientType=0);
}

.tabs li.tabs-selected a.tabs-inner:hover {
	color: #000000;
    /*background: url(../images/tab_select_bg.png) repeat-x 0px 0px;
    border-top: #0466C8 solid 2px;*/
	filter: none;
    cursor: pointer;
}

.tabs li.tabs-selected a {
    line-height: 27px;
    cursor: pointer;
}

.tabs-with-icon {
    padding-left: 25px;
}
.tabs-scroller-left {
	background: #0E0E1D url(../images/tab_arrows.png) no-repeat 0px center;
}

.tabs-scroller-right {
	background: #0E0E1D url(../images/tab_arrows.png) no-repeat -16px center;
}

/**********************************************************************************************
 * datagrid
 **********************************************************************************************/
.datagrid .panel-body {
    border: 1px solid #D4D4D4;
}

.datagrid-toolbar {
    /*background-color: #62B650;*/
    background-color: #2B2B2B;
    height: 35px;
    line-height: 35px;
}

.datagrid-toolbar td{
    height: 35px;
    line-height: 35px;
}

.datagrid-toolbar .l-btn {
    color: #FFF;
    background-repeat: repeat-x;
    background-repeat: repeat-x;
}

/*按钮颜色*/
.datagrid-toolbar .l-btn-plain:hover {
    background: #EAF4FF;
    color: #000000;
    border-style: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
/* datagrid 标签 */
/*整个边框色*/
.datagrid-wrap {
    /*border-color: transparent;*/
    border: 1px solid #4B4B4B;
}
/*标题栏背景色*/
.datagrid-header-row,
.datagrid-header,
.datagrid-td-rownumber {
    /*height: 28px;*/
    font-weight: bold;
    background-color: #EAF4FF;
}
.datagrid-header-row, .datagrid-row {
    height: 35px;
}

.datagrid-header,
.datagrid-td-rownumber {
    background-color: #EAF4FF;
    background: -webkit-linear-gradient(top, #EAF4FF 0, #EAF4FF 100%);
    background: -moz-linear-gradient(top, #EAF4FF 0, #EAF4FF 100%);
    background: -o-linear-gradient(top, #EAF4FF 0, #EAF4FF 100%);
    background: linear-gradient(to bottom, #EAF4FF 0, #EAF4FF 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EAF4FF, endColorstr=#EAF4FF, GradientType=0);
}

/*.datagrid-row-over, .datagrid-header td.datagrid-header-over {*/
    /*background: transparent;*/
    /*color: #000000;*/
    /*cursor: pointer;*/
/*}*/
.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber,
.datagrid-header .datagrid-cell span {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
}

/**********************************************************************************************
 * window
 **********************************************************************************************/
.window {
    overflow: hidden;
    padding: 0px;
    border-width: 0px;

    background-color: #FFF;
    background: -webkit-linear-gradient(top, #FFF 0, #FFF 20%);
    background: -moz-linear-gradient(top, #FFF 0, #FFF 20%);
    background: -o-linear-gradient(top, #FFF 0, #FFF 20%);
    background: linear-gradient(to bottom, #FFF 0, #FFF 20%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF, endColorstr=#FFF, GradientType=0);
}

.window, .window .window-body {
    border-color: transparent;
}

.window .window-header {
    background: #0F75D0;
    padding: 6px 0px;
}

.window .window-header .panel-tool {
    right: 8px;
}

/**********************************************************************************************
 * Form
 **********************************************************************************************/
.combo {
    border-width: 1px;
    border-style: solid;
    border-left-color: #c5c5c5;
    border-top-color: #c5c5c5;
    border-right-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
    outline: none;
    background: url(../images/inputbg.png) repeat-x left top;
}

.combo-arrow {
    background-color: #d9eaf9;
}

.textbox {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.textbox .textbox-text {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0px;
    line-height: 25px;
}

.textbox.numberbox {
    height: 25px;
    line-height: 25px;
}

.textbox.numberbox > input {
    padding: 0px;
}

.numberbox {
    border-width: 1px;
    border-style: solid;
    border-left-color: #c5c5c5;
    border-top-color: #c5c5c5;
    border-right-color: #e0e0e0;
    border-bottom-color: #e0e0e0;
    *line-height: 26px;
    outline: none;
    background: url(../images/inputbg.png) repeat-x left top;
}

.validatebox-invalid {
    border: #ffa8a8 1px solid;
    background-color: #fff3f3;
}