.even{
	background:#fff;
}
.odd{
	background:#eee;
}
.highlight{
	background:#d5fcdc;
}
.mo{
	background:#e3f1fb;
}
.tableColorStyle th{
	padding:.3em;
	background:#ddd;
	border-bottom:1px solid #999;
	text-align:left;
	font-weight:bold;
}
.tableColorStyle td{
	padding:.2em;
	border-bottom:1px solid #ddd;
}

.tableColorStyle tr:hover{
	background:#d5fcdc;
}

.tableColorStyle{
	width:100%;
	margin-bottom:1em;
}

/* PaggerList Style CSS */

#tablePaggerList {
	color: #5c5540;
	overflow: hidden;
	background-color:#eee;
	border:1px #aaa solid;
}

#tablePaggerList ul{
	list-style-type:none;
	padding:.5em 0;
	margin:0;
}
#tablePaggerList li{
	float:left;
	margin-right:0.2em;
	width:2.8em;
}

#tableLisControlPanel input[type="submit"]{
	min-width:32px;
	width:32px;
	padding:0;
	margin:0;
}

#tableLisControlPanel{
	float:left;
	width:64.5%
}

.tableListControl {
	float: left;
}
.tableListControl span {
	line-height: 2em;
	float: left;
}
#tableLisControlPanel .pageLeft{
	padding:0;
	padding-left:.2em;
	background: url(/images/background/paggingListBackground.png) no-repeat 0px 0px;
	float: left;
	height:24px;
}
#tableLisControlPanel input[type="submit"]{
	float: left;
	border:0 none;
	padding:0;
	background: url(/images/background/paggingListBackground.png) no-repeat 100% 0px;
	height:1.9em;
	height:25px;
}
#tableLisControlPanel .pageCount:hover .pageLeft{
	background-position:0 -50px;
}

#tableLisControlPanel .pageCount:hover input[type="submit"]{
	background-position:100% -50px;
}
#tableLisControlPanel .selected .pageLeft,
#tableLisControlPanel .selected .pageCount:hover .pageLeft{
	background: url(/images/background/paggingListBackground.png) no-repeat 0 -25px;
}
#tableLisControlPanel .selected input[type="submit"],
#tableLisControlPanel .selected .pageCount:hover input[type="submit"]{
	background-position:100% -25px;
}


/* reset forwardTen & #nextTen CSS */

#tableLisControlPanel .forwardTen,
#tableLisControlPanel .nextTen{
	width:16px;
	margin:.3em 0 0;
	padding:0 .5em;
}

#tableLisControlPanel .nextTen{
	padding-left:.2em;
}

#tableLisControlPanel .forwardTen input[type="submit"]{
	border:0 none;
	min-width:16px;
	width:16px;
	height:16px;
	background:transparent url(/images/icons/tableListIcon/arrow_01.png) no-repeat -16px 0;
}

#tableLisControlPanel .nextTen input[type="submit"]{
	border:0 none;
	min-width:16px;
	width:16px;
	height:16px;
	background:transparent url(/images/icons/tableListIcon/arrow_01.png) no-repeat -16px -16px;
}

#tableLisControlPanel .forwardTen input[type="submit"][disabled="disabled"]{
	border:0 none;
	min-width:16px;
	width:16px;
	height:16px;
	background:transparent url(/images/icons/tableListIcon/arrow_01.png) no-repeat 0 0;
}

#tableLisControlPanel .nextTen input[type="submit"][disabled="disabled"]{
	border:0 none;
	min-width:16px;
	width:16px;
	height:16px;
	background:transparent url(/images/icons/tableListIcon/arrow_01.png) no-repeat 0 -16px;
}


#tableLisInfoPanel{
	float:right;
	width:35%;
	margin-top:.2em;
	text-align:center;
}

#tableLisInfoPanel li{
	text-align:left;
	width:48%;
}

.tableListInfo{
	width:100%;
	float:right;
}
#tableLisInfoPanel span{
	font-weight:bold;
}

#tableLisInfoPanel .icons{
	width:16px;
	height:16px;
	float:left;
	margin-right:.2em;
	background:url(/images/icons/iconPackage/iconsPackage.png) no-repeat 0 0;
}

#tableLisInfoPanel li.pageCount .icons{
	background-position:0 -16px;
}

#tableLisInfoPanel li.dataCount .icons{
	background-position:-16px -16px;
}


/* link */
.pageListControl{
	color: #5c5540;
	overflow: hidden;
	background-color:#eee;
	border:1px #aaa solid;
}
.pageControl{
	float:left;
	width:64.5%
}
.pageListInfo{
	float:right;
	width:35%;
	text-align:center;
}
#mainFrameContent .pageControl ul{
	list-style:none;
	padding:.5em 0;
	margin:0;
	float:left;
	height:2em;
	width:100%;
}
#mainFrameContent .pageListInfo ul{
	list-style:none;
	padding:.8em 0 0;
	margin:0;
	float:right;
	width:100%;
}
#mainFrameContent .pageControl li{
	text-align:center;
	width:1.6em;
	height:2em;
	padding:0;
	margin:0 .6em;
	float:left;
}
#mainFrameContent .pageListInfo li{
	text-align:left;
	width:49%;
	float:right;
}

.pageControl li a{
	background: url(/images/background/paggingListBackground.png) no-repeat 0 0;
	height:25px;
	width:1.8em;
	display:block;
}
.pageControl li span{
	height:20px;
	width:1.8em;
	display:block;
	padding:.3em .4em 0 .2em;
	margin:0;
	margin-left:.2em;
	background: url(/images/background/paggingListBackground.png) no-repeat 100% 0;
}
.pageControl li a:hover{
	background-position:0 -50px;
}
.pageControl li a:hover span{
	background-position:100% -50px;
}
.pageListControl .forwardTen a,
.pageListControl .nextTen a{
	background-image:none;
	margin:0;
	display:block;
	width:16px;
	height:16px;
}
#mainFrameContent .pageListControl .forwardTen{
	padding:0;
	margin:0;
	padding-left:.5em;
}
.pageListControl .forwardTen a{
	margin:.3em 0 0 .5em;
	background:transparent url(/images/icons/tableListIcon/arrow_01.png) no-repeat -16px 0;
}
.pageListControl .forwardTen a:hover{
	background-position:-16px 0;
}
.pageListControl .nextTen a{
	margin:.3em 0 0 .2em;
	background:transparent url(/images/icons/tableListIcon/arrow_01.png) no-repeat -16px -16px;
}
.pageListControl .nextTen a:hover{
	background-position:-16px -16px;
}
.pageListControl .forwardTen a[class="disable"]{
	background-position:0 0;
}
.pageListControl .forwardTen a[class="disable"]:hover{
	background-position:0 0;
}
.pageListControl .nextTen a[class="disable"]{
	background-position:0 -16px;
}
.pageListControl .nextTen a[class="disable"]:hover{
	background-position:0 -16px;
}
.pageListControl .pageListInfo .icons{
	background:transparent url(/images/icons/iconPackage/iconsPackage.png) no-repeat scroll 0 0;
	float:left;
	height:16px;
	margin-right:0.2em;
	width:16px;	
}
.pageListControl .pageCount .icons{
	background-position: -16px -16px;
}
.pageListControl .dataCount .icons{
	background-position:0 -16px;
}
.pageControl .selected a{
	background-position:0 -50px;
}
.pageControl .selected span{
	background-position:100% -50px;
}