#main {
	position: relative;
	font-size: 12px;
}
/* 瀵归〉闈腑鐨勬煡璇㈡潯浠舵牱寮忚繘琛屽畾涔�*/
.query-list {
	background-color: #fff;
}
.query-list .query-header a, .query-list .no-body a {
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background-image: url('../image/table_th_bg.gif');
	background-repeat: repeat-x;
	color: #525252;
	text-decoration: none;
}
.query-list .query-header a:hover, .query-list .no-body a:hover {
	color: #2E70EE;
}
.query-list .query-body table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #bbb;
}
.query-list .query-body table th {
	padding: 8px 0;
	border: 1px solid #bbb;
}
.query-list .query-body table td {
	padding: 1px 0;
	border: 1px solid #bbb;
}
.query-list .query-body table select {
	width: 100%;
	height: 1.9em;
	border: none;
}

/* 瀵归〉闈腑鏌ヨ缁撴灉鐨勬樉绀虹殑琛ㄦ牸杩涜瀹氫箟 */
.tbl-header {	
	position:relative;
	width:100%;
	height:30px;
	overflow: hidden;
}
.tbl-header table {
	position:absolute;
	width: 100%;
	border-collapse:collapse;	
}
.tbl-header table thead th{
	border:1px solid #ccc;
	padding:6px 10px;
	text-align: center;
	white-space: nowrap;
	background:url(../image/table_th_bg.gif) repeat-x;
}
.tbl-header table tbody td{
	border:1px solid #ccc;
	padding:8px 10px;
	text-align: center;
	white-space: nowrap;
}
.tbl-body {	
	position:relative;
	width:100%;
	height: 300px;
	overflow: auto;
}
.tbl-body table {
	position:absolute;
	width: 100%;
	border-collapse:collapse;
	top: -30px;
	margin-bottom:20px;
}
.tbl-body table thead th{
	border:1px solid #ccc;
	padding:6px 10px;
	text-align: center;
	white-space: nowrap;
	background:url(../image/table_th_bg.gif) repeat-x;
}
.tbl-body table tbody td{
	border:1px solid #ccc;
	padding:8px 10px;
	text-align: center;
	white-space: nowrap;
}
.tbl-body table tbody tr:hover{
	background-color: #eee;
}

.tbl-body table tbody tr.active {
	background-color: #ccc;
}
.btn-list {
	position: absolute;
	right: 25px;
	bottom: 40px;
	background-color: #FFF;
	z-index: 9999;
}
.btn-list .btn {
	-webkit-display: inline-block;
	-moz-display: inline-block;
	-ms-display: inline-block;
	-o-display: inline-block;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding-left: 4px;
	padding-right: 24px;
	color: #494646;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background-color: #DFE7E4;
}
.btn-list.hide-menu .btn {
	display:none;
}
.btn-list.hide .btn-first{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.btn-list .btn-first {
	-webkit-display: inline-block;
	-moz-display: inline-block;
	-ms-display: inline-block;
	-o-display: inline-block;
	display: inline-block;
	width: 24px;
	height: 30px;
	line-height: 30px;
	padding-left: 4px;
	color: #494646;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background-color: #DFE7E4;
}

.btn-list .btn:hover, .btn-list .btn-first {
	color: #3B5D9C;
	font-weight: bold;
	background-color: #CBCFCE;	
}
.btn-list .btn span, .btn-list .btn-first span {
	-webkit-display: inline-block;
	-moz-display: inline-block;
	-ms-display: inline-block;
	-o-display: inline-block;
	display: inline-block;
	width: 24px;
	height: 20px;
	vertical-align: middle;
}

/* 寮�鏀剧數鎸夐挳 */
.btn-list .btn span.start {
	background-image: url(../image/dischage.png);
	background-repeat: no-repeat;
	background-position: -324px 0;
}
.btn-list .btn:hover span.start {
	background-position: -348px 0;
}

/* 鍋滄鏀剧數鎸夐挳 */
.btn-list .btn span.stop {
	background-image: url(../image/dischage.png);
	background-repeat: no-repeat;
	background-position: -444px 0;
}
.btn-list .btn:hover span.stop {
	background-position: -491px 0;
}

/* 绉婚櫎鏃犳晥 */
.btn-list .btn span.remove {
	background-image: url(../image/dischage.png);
	background-repeat: no-repeat;
	background-position: -60px 0;
}
.btn-list .btn:hover span.remove {
	background-position: -611px 0;
}

/* 鏄剧ず闅愯棌 */
.btn-list .btn-first span.show {
	background-image: url(../image/dischage.png);
	background-repeat: no-repeat;
	background-position: -275px 0;
}
.btn-list .btn-first:hover span.show {
	background-position: -180px 0;
}

/*鍒嗛〉鏍峰紡*/
#paging{
	padding:8px 0;
	font-size: 14px;
	background:url(../image/table_th_bg.gif) repeat-x;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#paging input{
	width:28px;
	height:24px;
	border:1px solid #00FFFF;
}
#paging span{
	margin-left:20px;
}
#paging a{
	margin-left:10px;
}
#paging .input_container{
	width:100%;
}

#paging .btn {
	display:inline-block;
	vertical-align: middle;
	color: #040404;
	text-decoration: none;
	padding: 3px 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	background-color: #C1BEF3;
	border: 1px solid #BEBEBE;	
}
#paging .btn:hover {
	color: #1910F5;
	background-color: #fff;
}

#paging .btn.search {
	background-image: url("../image/search.gif"); 
	background-repeat: no-repeat;
	background-position: 6px 3px; 
}

#paging .btn.add {
	background-image: url("../image/add.gif"); 
	background-repeat: no-repeat;
	background-position: 6px 3px; 	
}
#paging .btn.tbl-opt-btn {
	background-image: url("../image/tbl-opt.gif"); 
	background-repeat: no-repeat;
	background-position: 6px 3px; 	
}
#paging .btn.output {
	background-image: url("../image/output.gif"); 
	background-repeat: no-repeat;
	background-position: 6px 3px; 	
}

/* 琛ㄦ牸閫夐」鏍峰紡 */
.tbl-opt {
	position: fixed;
	z-index: 999999;
	width: 400px;
	background-color: #FFFFFF;
	font-size: 12px;
}
.tbl-opt.show {
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -230px;	
}
.tbl-opt.hide {
	left: 0;
	top: -9999px;
}
.tbl-opt .tbl-opt-header:before, .tbl-opt .tbl-opt-header:after,
.tbl-opt .tbl-opt-bottom:before, .tbl-opt .tbl-opt-bottom:after {
	display: table;
	content: " ";
}
.tbl-opt .tbl-opt-header:after,
.tbl-opt .tbl-opt-bottom:after {
	clear: both;
}
.tbl-opt .tbl-opt-header {
	height: 30px;
	line-height: 30px;
	background-image: url("../image/bg_13.jpg");
	background-repeat: repeat-x;
}
.tbl-opt .tbl-opt-header img {
	margin: 5px 10px;
	vertical-align: middle;
}
.tbl-opt .tbl-opt-header .tbl-opt-close {
	float: right;
	margin-top: 4px;
}
.tbl-opt .tbl-opt-header .tbl-opt-close a {
	display: block;
	width: 21px;
	height: 21px;
	background-image: url('../image/backgrounds.32.png');
	background-repeat: no-repeat;
	background-position: -396px -20px;	
}
.tbl-opt .tbl-opt-header .tbl-opt-close a:hover {
	background-position: -396px -108px;
}
.tbl-opt .tbl-content-header {
	position: relative;
	width: 100%;
	height: 32px;
	overflow: hidden;
}
.tbl-opt .tbl-content-header table {
	position: absolute;
	width: 100%;
	border-collapse: collapse;
}
.tbl-opt .tbl-content-body {
	position: relative;
	width: 100%;
	height: 340px;
	overflow: auto;
}
.tbl-opt .tbl-content-body table {
	position: absolute;
	width: 100%;
	border-collapse: collapse;
	top:-32px;
}
.tbl-opt .tbl-content-header table th,
.tbl-opt .tbl-content-body table th {
	padding: 8px 0px;
	background-image: url("../image/table_th_bg.gif");
	background-repeat: repeat-x;
	border: 1px solid #DED9D9;
	text-align: center;
}
.tbl-opt .tbl-content-header table td,
.tbl-opt .tbl-content-body table td {
	padding: 2px 0;
	border: 1px solid #DED9D9;
	text-align: center;
}

.tbl-opt .tbl-opt-bottom input {
	font-size: 12px;
	text-decoration: none!important;
	font-family: Helvetica, Arial, sans serif;
	padding: 6px 16px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
	color: #41788c;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;	
}
.tbl-opt .tbl-opt-bottom {
	background-color: #E9E7E7;
}
.tbl-opt .tbl-opt-bottom div {
	float: left;
	width: 50%;
	margin: 10px 0;
	text-align: center;
}
.tbl-opt .tbl-opt-bottom input:hover {
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;	
}
.tbl-opt-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background-color: #2D2C2C;
	filter:alpha(opacity=30); /*IE婊ら暅锛岄�鏄庡害50%*/
	-moz-opacity:0.3; 	/*Firefox绉佹湁锛岄�鏄庡害50%*/
	opacity:0.3;	/*鍏朵粬锛岄�鏄庡害50%*/	
}

.tbl-toolbox:before, .tbl-toolbox:after {
	display: table;
	content: " ";
}
.tbl-toolbox:after {
	clear: both;
}

.tbl-toolbox {
	position: fixed;
	bottom: 36px;
	left: 50%;
	z-index: 99;
	margin-left: -30px;
}
.tbl-toolbox .tool-item {
	float: left;
	width: 30px;
	height: 30px;
	// border-radius: 50%;
	background-color: #CECACA;
	cursor: pointer;
	margin-right: 2px;
}
.tbl-toolbox .tool-item:hover {
	background-color: #B3AFAF;
}
.tbl-toolbox .tool-item.open {
	background-image: url('../images/open.png');
	background-repeat: no-repeat;
	background-position: center;
}
.tbl-toolbox .tool-item.add {
	background-image: url('../images/add.png');
	background-repeat: no-repeat;
	background-position: center;
}
.tbl-toolbox .tool-item.refresh {
	background-image: url('../images/refresh.png');
	background-repeat: no-repeat;
	background-position: center;
}