/**
 * #基于easy-ui的样式, 在其基础上进行细节修改
 * #本样式文件是对easyui.css进行覆盖
 * #必须加载easyui.css, 并且easyui.css要在本样式文件之前加载
 */

/* layout */
.easyui-layout .panel-header,
.easyui-layout .panel-body {
    background-color: transparent;
}
/* 数据表格 */
.datagrid-wrap {
	border: 0;
}
.datagrid-header {
	height: 22px!important;
	border: 0;
}
.datagrid-header td.datagrid-header-over {
	background-color: transparent;
}
.datagrid-header-inner {
	background: url(../images/bg_repeat.png) repeat-x 0 -113px;
}
.datagrid-header td {
	padding-right: 1px;
	border-right: 0;
	background: url(../images/split.png) no-repeat right -20px;
}
.datagrid-htable {
	color: #2f4b72;
}
.datagrid-btable,
.datagrid-ftable {
    color: #333;
}
.datagrid-header-rownumber,
.datagrid-row-expand,
.datagrid-row-collapse{
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
}
.datagrid-header-rownumber {
	background-position: -52px 4px;
}
.datagrid-row-expand {
    background-position: -180px 0;
}
.datagrid-row-collapse {
    background-position: -210px 0;
}

/* 按钮（公共） */
a.l-btn,
a.l-btn-plain {
    padding: 0 0 0 5px;
    height: 22px;
    line-height: 22px;
    border-radius: 0;
    border: 0;
    background: url(../images/linkbutton_bg.png) no-repeat left 0;
}
a.l-btn span.l-btn-left,
a.l-btn-plain span.l-btn-left {
    padding: 0 1px 0 2px;
    height: 22px;
    line-height: 22px;
    border-radius: 0;
    background: url(../images/linkbutton_bg.png) no-repeat right -25px;
}
a.l-btn span span.l-btn-text {
    height: 22px;
    line-height: 22px;
    background-repeat: no-repeat;
}
a.l-btn:hover,
a.l-btn-plain:hover,
a.m-btn-plain-active,
a.s-btn-plain-active {
    padding: 0 0 0 5px;
    border: 0;
    border-radius: 0;
    background: url(../images/linkbutton_bg.png) no-repeat left -50px;
}
a.l-btn:hover span.l-btn-left,
a.l-btn-plain:hover span.l-btn-left,
a.m-btn-plain-active span.l-btn-left,
a.s-btn-plain-active span.l-btn-left {
    background-position: right -75px;
}
/*a.l-btn .s-btn-downarrow,*/
/*a.l-btn:hover .s-btn-downarrow,*/
/*a.l-btn.s-btn-active .s-btn-downarrow,*/
/*a.l-btn.s-btn-plain-active .s-btn-downarrow,*/
/*a.l-btn .m-btn-downarrow,*/
/*a.l-btn:hover .m-btn-downarrow,*/
/*a.l-btn.s-btn-active .m-btn-downarrow,*/
/*a.l-btn.s-btn-plain-active .m-btn-downarrow{*/
    /*margin-left: 10px;*/
    /*padding-left: 5px;*/
    /*width: 10px;*/
    /*height: 22px;*/
    /*line-height: 22px;*/
    /*vertical-align: top;*/
    /*border-left-width: 1px;*/
    /*background: url(../images/arrow_bg.png) no-repeat -158px -18px;*/
/*}*/
.m-btn-downarrow {
    border-left: 1px solid #aac5e7;
}

/* 弹出框 */
.window {
	padding: 0;
	border-radius: 0;
	border-color: #727983;
	background-image: none;
}
.window .window-body {
	border: 0;
}
.window .window-header {
	padding: 0 15px;
}
.window-shadow {
	border-radius: 0;
	box-shadow: 0 0 0 8px rgba(0,0,0,0.1);
}
.window-mask{
    width: 100% !important;
    height: 100% !important;
}
.panel .panel-header {
	background: url(../images/bg_repeat.png) repeat-x 0 -79px;
}
.panel-title {
	height: 29px;
	line-height: 29px;
}
.window .window-header .panel-icon,
.window .window-header .panel-tool {
	margin-top: -10px;
}
.window .window-header .panel-tool {
	right: 5px;
}
.panel-tool {
	height: 18px;
}
.panel-tool a {
	width: 18px;
	height: 18px;
}
.panel-tool a:hover {
	border-radius: 0;
	background-color: #d0605e;
}
.panel-tool-close {
	background: url(../images/icon.png) no-repeat -117px 2px;
}

/* 信息框（comfirm, error, warning） */
.messager-body {
	padding: 20px 0 0;
}
.messager-icon {
	margin-left: 20px;
	width: 35px;
	height: 45px;
	background-image: url(../images/messager_icon.png);
	background-repeat: no-repeat;
}
.messager-question {
	background-position: 0 0;
}
.messager-error {
	background-position: 0 -50px;
}
.messager-warning {
	background-position: 0 -100px;
}
.messager-icon + div {
	margin-top: 8px;
	color: #314871;
}
.messager-button {
	border-top: 1px solid #d3e0e8;
	background-color: #e7f0f5;
}
.messager-button a.l-btn,
.dialog-button a.l-btn {
	margin-bottom: 10px;
    padding: 0;
    width: 80px;
	height: 22px;
    text-align: center;
	border: 0;
	background: url(../images/button_bg.png) no-repeat 0 0;
}
.messager-button a.l-btn:hover,
.dialog-button a.l-btn:hover {
    background: url(../images/button_bg.png) no-repeat 0 -25px;
}
.messager-button a.l-btn span.l-btn-left,
.dialog-button a.l-btn span.l-btn-left {
    padding: 0;
    background: none;
}
.messager-button a.l-btn span.l-btn-left span.l-btn-text,
.dialog-button a.l-btn span.l-btn-left span.l-btn-text {
    padding: 0;
    color: #fff;
}
.messager-button a.l-btn span.l-btn-left,
.dialog-button a.l-btn span.l-btn-left {
    padding-left: 0;
}
.messager-button a.l-btn + a.l-btn,
.dialog-button a.l-btn + a.l-btn {
    background: url(../images/button_bg.png) no-repeat 0 -50px;
}
.messager-button a.l-btn + a.l-btn:hover,
.dialog-button a.l-btn + a.l-btn:hover {
    background-position: 0 -75px;
}
.messager-button a.l-btn + a.l-btn span.l-btn-text,
.dialog-button a.l-btn + a.l-btn span.l-btn-text {
    color: #666;
}

/* 分页 */
.datagrid .datagrid-pager {
    border-bottom-width: 1px;
}
.pagination a.l-btn,
.pagination l-btn-plain {
	margin-bottom: 0;
    padding: 0;
	border: 0;
	background: none;
}
.pagination a.l-btn span.l-btn-left,
.pagination a.l-btn-plain span.l-btn-left {
    padding: 0;
    background: none;
}
.pagination-first,
.pagination-prev,
.pagination-next,
.pagination-last {
	background-image: url(../images/arrow_bg.png);
	background-repeat: no-repeat;
}
.pagination-first {
	background-position: 0px 2px;
}
.pagination-prev {
	background-position: -20px 2px;
}
.pagination-next {
	background-position: -40px 2px;
}
.pagination-last {
	background-position: -60px 2px;
}
a.l-btn:hover .pagination-first {
	background-position: -80px 2px;
}
a.l-btn:hover .pagination-prev {
	background-position: -100px 2px;
}
a.l-btn:hover .pagination-next {
	background-position: -120px 2px;
}
a.l-btn:hover .pagination-last {
	background-position: -140px 2px;
}
a.l-btn-disabled .pagination-first,
a.l-btn-disabled:hover .pagination-first {
	background-position: -160px 2px;
}
a.l-btn-disabled .pagination-prev,
a.l-btn-disabled:hover .pagination-prev {
	background-position: -180px 2px;
}
a.l-btn-disabled .pagination-next,
a.l-btn-disabled:hover .pagination-next {
	background-position: 0 -19px;
}
a.l-btn-disabled .pagination-last,
a.l-btn-disabled:hover .pagination-last {
	background-position: -20px -20px;
}
.pagination-page-list,
.pagination .pagination-num {
	border-color: #b5b5b5;
}
.pagination .pagination-num {
	text-align: center;
}
.pagination a.l-btn-disabled {
	opacity: 1;
	filter: alpha(opacity=100);
}
.pagination-btn-separator,
.pagination-load {
}

/* 菜单 */
.menu {
	padding: 0;
}
.menu-line {
	display: none;
}
.menu-active {
	border-radius: 0;
	border-color: #e6eff4;
	background-color: #e6eff4;
}
.menu-icon {
	background-repeat: no-repeat;
}
.menu-rightarrow {
	background: url(../images/arrow_bg.png) no-repeat -140px -20px;
}

/* textbox */
.textbox {
    border-radius:0;
}
.textbox .textbox-text {
    border-radius:0;
}
/* numberbox */
.numberbox {
    border-color: #bcbcbc;
}
.numberbox:hover {
    border-color: #929292;
}
/* comb */
.combo {
	border-color: #bcbcbc;
}
.combo:hover {
	border-color: #929292;
}
.combo .combo-text {
	vertical-align: top;
}
.combo > span {
	display: inline-block;
	height: 21px;
	border-left: 1px solid #bebebe;
}
.combo:hover > span {
	background: url(../images/bg_repeat.png) repeat-x 0 -50px;
}
.combo-arrow {
	background-color: #fff;
	background: url(../images/arrow_bg.png) no-repeat -160px -18px;
}
.combobox-item {
	cursor: pointer;
	-webkit-user-select:none;
	   -moz-user-select:none;
	     -o-user-select:none;
	        user-select:none;
}

/* datetimebox */
.datebox .combo-arrow {
	background: url(../images/icon.png) no-repeat -86px 4px;
}
.panel-header, .panel-body {
	border-color: #929292;
}
.combo-p {
	margin-top: -1px;
	overflow: visible;
}
.combo-p .panel-body {
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}
.calendar-header {
	height: 28px;
	border-bottom: 1px solid #929292;
	background: url(../images/bg_repeat.png) repeat-x 0 -46px transparent;
}
.calendar {
	padding: 0;
}
.calendar-title {
	height: 28px;
	line-height: 25px;
}
.calendar-title span {
	font-weight: bold;
}
.calendar-prevyear,
.calendar-prevmonth,
.calendar-nextmonth,
.calendar-nextyear {
	background-image: url(../images/arrow_bg.png);
	background-repeat: no-repeat;
}
.calendar-prevyear {
	background-position: -40px -20px;
}
.calendar-prevmonth {
	background-position: -60px -20px;
}
.calendar-nextmonth {
	background-position: -80px -20px;
}
.calendar-nextyear {
	background-position: -100px -20px;
}
.calendar-body th {
	border-bottom: 1px solid #929292;
}
.calendar-hover,
.calendar-nav-hover,
.calendar-menu-hover {
	background-color: transparent;
}
.datebox-button {
	padding: 8px 6px;
	height: auto;
	background-color: #fff;
}
.datebox-button td {
	text-align: right;
}
.datebox-button td:first-child {
	text-align: left;
}
.datebox-button a {
	display: inline-block;
	width: 39px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	text-align: center;
	background: url(../images/button_bg.png) no-repeat 0 -175px;
    background-repeat: no-repeat;
}
.datebox-button a:hover {
    text-decoration: none;
    color:#444;
}

/* tab标签页 */
.tabs-header,
.tabs-panels {
	border: 0;
}
.tabs-header {
	padding-top: 5px;
	background-color: #e0eaf2;
    width: auto !important;
}
.tabs,
.tabs li a.tabs-inner,
.tabs li.tabs-selected a.tabs-inner {
	border-color: #b9cadd;
}
.tabs {
	padding-left: 15px;
}
.tabs li a.tabs-inner {
	color: #5e6f7f;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eff4f7), to(#dde8ef));
	background: -webkit-linear-gradient(#eff4f7, #dde8ef);
	background: -moz-linear-gradient(#eff4f7, #dde8ef);
	background: -o-linear-gradient(#eff4f7, #dde8ef);
	background: linear-gradient(#eff4f7, #dde8ef);
}
.tabs li.tabs-selected a.tabs-inner {
	font-weight: normal;
	color: #2e4b72;
	border-bottom-color: #fff;
	background-color: #f2f6f9;
}
.tabs-panels .panel-body {
	background-color: #ebf2f8;
}

/* 树形菜单 */
.tree-collapsed {
    background: url(../images/tree_icons.png) no-repeat 0 0;
}
.tree-folder {
    background: url("../images/tree_icons.png") no-repeat -208px 0;
}
.tree-checkbox0 {
    background: url("../images/tree_icons.png") no-repeat -208px -18px;
}
.tree-checkbox1 {
    background: url("../images/tree_icons.png") no-repeat -224px -18px;
}
.tree-checkbox2 {
    background: url("../images/tree_icons.png") no-repeat -240px -18px;
}
.tree-expanded {
    background: url("../images/tree_icons.png") no-repeat -18px 0;
}
.tree-file {
    background: url("../images/tree_icons.png") no-repeat -240px 0;
}

.tooltip {
    line-height: 1.4;
}