.l-btn, .panel-tool a {
	display: inline-block
}

.datebox-button a, .l-btn, .switchbutton, .tabs li a.tabs-inner,
	.tagbox-label, .textbox-icon, .tree-title, a {
	text-decoration: none
}

 






.dialog-button, .dialog-toolbar, .l-btn-left {
	position: relative
}



.l-btn {
	padding: 0;
	cursor: pointer;
	outline: 0;
	text-align: center;
	vertical-align: middle;
	line-height: normal
}

.l-btn-plain {
	padding: 1px
}

.l-btn-left, .l-btn-text {
	padding: 0;
	vertical-align: top;
	display: inline-block
}

.l-btn-text {
	width: auto;
	line-height: 24px;
	margin: 0 4px
}

.l-btn-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	position: absolute;
	top: 55%; /*淇敼 鍛ㄤ粊娲� 2018-01-20 鍘熷�硷細50*/
	margin-top: -8px;
	font-size: 1px
}

.l-btn span span .l-btn-empty {
	display: inline-block;
	margin: 0;
	width: 16px;
	height: 24px;
	font-size: 1px;
	vertical-align: top
}

.l-btn span .l-btn-icon-left {
	padding: 0 0 0 20px;
	background-position: left center
}

.l-btn span .l-btn-icon-right {
	padding: 0 20px 0 0;
	background-position: right center
}

.l-btn-icon-left .l-btn-text {
	margin: 0 4px 0 24px
}

.l-btn-icon-left .l-btn-icon {
	left: 4px
}

.l-btn-icon-right .l-btn-text {
	margin: 0 24px 0 4px
}

.l-btn-icon-right .l-btn-icon {
	right: 4px
}

.l-btn-icon-top .l-btn-text {
	margin: 20px 4px 0
}

.l-btn-icon-top .l-btn-icon {
	top: 4px;
	left: 50%;
	margin: 0 0 0 -8px
}

.l-btn-icon-bottom .l-btn-text {
	margin: 0 4px 20px
}

.l-btn-icon-bottom .l-btn-icon {
	top: auto;
	bottom: 4px;
	left: 50%;
	margin: 0 0 0 -8px
}

.l-btn-left .l-btn-empty {
	margin: 0 4px;
	width: 16px
}

.l-btn-focus {
	outline: #00F dotted thin
}

.l-btn-large .l-btn-text {
	line-height: 40px
}

.l-btn-large .l-btn-icon {
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin-top: -16px
}

.l-btn-large .l-btn-icon-left .l-btn-text {
	margin-left: 40px
}

.l-btn-large .l-btn-icon-right .l-btn-text {
	margin-right: 40px
}

.l-btn-large .l-btn-icon-top .l-btn-text {
	margin-top: 36px;
	line-height: 24px;
	min-width: 32px
}

.l-btn-large .l-btn-icon-top .l-btn-icon {
	margin: 0 0 0 -16px
}

.l-btn-large .l-btn-icon-bottom .l-btn-text {
	margin-bottom: 36px;
	line-height: 24px;
	min-width: 32px
}

.l-btn-large .l-btn-icon-bottom .l-btn-icon {
	margin: 0 0 0 -16px
}

.l-btn-large .l-btn-left .l-btn-empty {
	margin: 0 4px;
	width: 32px
}

.l-btn {
	color: #444;
	border: 1px solid #bbb;
	background: -webkit-linear-gradient(top, #fff 0, #eee 100%);
	background: -moz-linear-gradient(top, #fff 0, #eee 100%);
	background: -o-linear-gradient(top, #fff 0, #eee 100%);
	background: linear-gradient(to bottom, #fff 0, #eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,
		endColorstr=#eeeeee, GradientType=0);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.l-btn:hover {
	background: #e2e2e2;
	color: #000;
	filter: none
}

.l-btn-plain {
	background: 0 0;
	border-width: 0;
	filter: none
}

.l-btn-outline {
	border-width: 1px;
	border-color: #ccc;
	padding: 0
}

.l-btn-plain:hover {
	background: #e2e2e2;
	color: #000;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.l-btn-disabled, .l-btn-disabled:hover {
	opacity: .5;
	cursor: default;
	color: #444;
	background: -webkit-linear-gradient(top, #fff 0, #eee 100%);
	background: -moz-linear-gradient(top, #fff 0, #eee 100%);
	background: -o-linear-gradient(top, #fff 0, #eee 100%);
	background: linear-gradient(to bottom, #fff 0, #eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,
		endColorstr=#eeeeee, GradientType=0)
}

.l-btn-disabled .l-btn-icon, .l-btn-disabled .l-btn-text {
	filter: alpha(opacity = 50)
}

.l-btn-plain-disabled, .l-btn-plain-disabled:hover {
	background: 0 0;
	filter: alpha(opacity = 50)
}

.l-btn-selected, .l-btn-selected:hover {
	background: #ddd;
	filter: none
}
 

.l-btn-plain-selected, .l-btn-plain-selected:hover {
	background: #ddd
}

.textbox {
	position: relative;
	border: 1px solid #D3D3D3;
	background-color: #fff;
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}



.datagrid .panel-body {
	overflow: hidden;
	position: relative
}

.datagrid-view {
	position: relative;
	overflow: hidden
}

.datagrid-view1, .datagrid-view2 {
	position: absolute;
	overflow: hidden;
	top: 0
}

.datagrid-view1 {
	left: 0
}

.datagrid-view2 {
	right: 0
}

.datagrid-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .3;
	filter: alpha(opacity = 30);
	display: none
}

.datagrid-mask-msg {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	padding: 10px 5px 10px 30px;
	width: auto;
	height: 16px;
	border-width: 2px;
	border-style: solid;
	display: none
}

.datagrid-empty {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: center
}

.datagrid-sort-icon {
	padding: 0;
	display: none
}

.datagrid-toolbar {
	height: auto;
	border-width: 0 0 1px;
	border-style: solid
}

.datagrid-btn-separator {
	float: left;
	height: 24px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 2px 1px
}

.datagrid-header .datagrid-cell, .datagrid-row-editing .datagrid-cell {
	height: auto
}

.datagrid .datagrid-pager {
	display: block;
	margin: 0;
	border-width: 1px 0 0;
	border-style: solid
}

.datagrid .datagrid-pager-top, .datagrid-header {
	border-width: 0 0 1px
}

.datagrid-header {
	overflow: hidden;
	cursor: default;
	border-style: solid
}

.datagrid-header-inner {
	float: left;
	width: 10000px
}

.datagrid-body td, .datagrid-footer td, .datagrid-header td {
	border-width: 0 1px 1px 0;
	border-style: dotted;
	margin: 0;
	padding: 0
}

.datagrid-cell, .datagrid-cell-group, .datagrid-cell-rownumber,
	.datagrid-header-rownumber {
	margin: 0;
	padding: 0 4px;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	font-size: 12px
}

.datagrid-header .datagrid-cell span {
	font-size: 12px
}

.datagrid-cell-group {
	font-weight: 700;
	text-align: center;
	text-overflow: ellipsis
}

.datagrid-cell-rownumber, .datagrid-header-rownumber {
	width: 30px;
	text-align: center;
	margin: 0;
	padding: 0
}

.datagrid-body {
	margin: 0;
	padding: 0;
	overflow: auto;
	zoom: 1
}

.datagrid-view1 .datagrid-body-inner {
	padding-bottom: 20px
}

.datagrid-footer, .datagrid-view1 .datagrid-body {
	overflow: hidden
}

.datagrid-footer-inner {
	border-width: 1px 0 0;
	border-style: solid;
	width: 10000px;
	float: left
}

.datagrid-cell-check, .datagrid-header-check {
	padding: 0;
	width: 27px;
	height: 18px;
	font-size: 1px;
	text-align: center;
	overflow: hidden
}

.datagrid-cell-check input, .datagrid-header-check input {
	margin: 0;
	padding: 0;
	width: 15px;
	height: 18px
}

.datagrid-resize-proxy {
	position: absolute;
	width: 1px;
	height: 10000px;
	top: 0;
	cursor: e-resize;
	display: none
}

.datagrid-body .datagrid-editable {
	margin: 0;
	padding: 0
}

.datagrid-body .datagrid-editable table {
	width: 100%;
	height: 100%
}

.datagrid-body .datagrid-editable td {
	border: 0;
	margin: 0;
	padding: 0
}

.datagrid-view .datagrid-editable-input {
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #D3D3D3;
	font-size: 12px;
	outline-style: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.datagrid-view .validatebox-invalid {
	border-color: #ffa8a8
}

.datagrid-sort .datagrid-sort-icon {
	display: inline;
	padding: 0 13px 0 0;
	background: url(../themes/default/images/datagrid_icons.png) -64px
		center no-repeat
}

.datagrid-sort-desc .datagrid-sort-icon {
	display: inline;
	padding: 0 13px 0 0;
	background: url(../themes/default/images/datagrid_icons.png) -16px
		center no-repeat
}

.datagrid-sort-asc .datagrid-sort-icon {
	display: inline;
	padding: 0 13px 0 0;
	background: url(../themes/default/images/datagrid_icons.png) 0 center
		no-repeat
}

.datagrid-row-collapse {
	background: url(../themes/default/images/datagrid_icons.png) -48px
		center no-repeat
}

.datagrid-row-expand {
	background: url(../themes/default/images/datagrid_icons.png) -32px
		center no-repeat
}

.datagrid-mask-msg {
	background: url(../themes/default/images/loading.gif) 5px center
		no-repeat #fff;
	border-color: #D3D3D3
}

.datagrid-header, .datagrid-td-rownumber {
	background-color: #fafafa;
	background: -webkit-linear-gradient(top, #fdfdfd 0, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #fdfdfd 0, #f5f5f5 100%);
	background: -o-linear-gradient(top, #fdfdfd 0, #f5f5f5 100%);
	background: linear-gradient(to bottom, #fdfdfd 0, #f5f5f5 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fdfdfd,
		endColorstr=#f5f5f5, GradientType=0)
}

.datagrid-cell-rownumber {
	color: #000
}

.datagrid-resize-proxy {
	background: #bfbfbf
}

.datagrid-mask, .menu-shadow {
	background: #ccc
}

.datagrid-pager, .datagrid-row-alt, .datagrid-toolbar {
	background: #fafafa
}

.datagrid-footer-inner, .datagrid-header, .datagrid-pager,
	.datagrid-toolbar {
	border-color: #ddd
}

.datagrid-body td, .datagrid-footer td, .datagrid-header td {
	border-color: #ccc
}

.datagrid-btable, .datagrid-ftable, .datagrid-htable {
	color: #000;
	border-collapse: separate
}

.datagrid-header td.datagrid-header-over, .datagrid-row-over {
	background: #e2e2e2;
	color: #000;
	cursor: default
}

.datagrid-row-selected {
	background: #0092DC;
	color: #fff
}

.datagrid-row-editing .textbox, .datagrid-row-editing .textbox-text {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}


.pagination {
	zoom: 1
}

.pagination table {
	float: left;
	height: 30px
}

.pagination td {
	border: 0
}

.pagination-btn-separator {
	float: left;
	height: 24px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 3px 1px
}

.calendar, .pagination .pagination-num, .pagination-page-list {
	border-width: 1px;
	border-style: solid
}

.pagination .pagination-num {
	margin: 0 2px;
	padding: 2px;
	width: 2em;
	height: auto
}

.pagination-page-list {
	margin: 0 6px;
	padding: 1px 2px;
	width: auto
}

.pagination-info {
	float: right;
	margin: 0 6px;
	padding: 0;
	height: 30px;
	line-height: 30px;
	font-size: 12px
}

.pagination-link .l-btn-text {
	width: 24px;
	text-align: center;
	margin: 0
}

.pagination-first {
	background: url(../themes/default/images/pagination_icons.png) 0 center
		no-repeat
}

.pagination-prev {
	background: url(../themes/default/images/pagination_icons.png) -16px
		center no-repeat
}

.pagination-next {
	background: url(../themes/default/images/pagination_icons.png) -32px
		center no-repeat
}

.pagination-last {
	background: url(../themes/default/images/pagination_icons.png) -48px
		center no-repeat
}

.pagination-load {
	background: url(../themes/default/images/pagination_icons.png) -64px
		center no-repeat
}

.pagination-loading {
	background: url(../themes/default/images/loading.gif) center center
		no-repeat
}

.pagination .pagination-num, .pagination-page-list {
	border-color: #D3D3D3;
	width: 60px;
}

