.page{ text-align:center; margin-bottom:20px;}
.page li{ display:inline; margin:0 1px; color:#999;}
.page span.pageNo{ color:#0063dc; background:#e7f6fa; border:#c3dbe3 solid 1px; padding:0 4px; font-weight:bold;} 
.page a{ color:#999; text-decoration:none; padding:0 4px;}
.page a:hover{ color:#0063dc; text-decoration:none; background:#e7f6fa; border:#c3dbe3 solid 1px; padding:0 3px;}
.showNumber{color:#999;}
.showNumber a{color:#999; text-decoration:none;}
.showNumber a:hover{color:#0063dc; text-decoration:none;}
.pageNumber{ color:#0063dc;}

.pageBackAll{color:#888889; font-size:11px; float:left;}
.pageBackAll a{ color:#888889; font-size:11px; text-decoration:none;}
.pageBackAll a:hover{ color:#0063DC; font-size:11px; text-decoration:none;}

/** sort by **/

.sortBy{ display:block; float:right; text-align:right;color:#0063dc; font-size:11px; margin-top:5px;}
.sortBy a{color:#0063dc; text-decoration:none;}
.sortBy a:hover{color:#8AC5FF; text-decoration:none;}

/** Botton Delete & Light >> PotisionRight**/
.buttonLight {
	background:url(../../web_images/gray_button_left.png) no-repeat left center;
	color:#666666;
	float:right;
	padding:0 0 0 10px;
	margin-left:8px;
}

.buttonLight a{
	background:url(../../web_images/gray_button_right.png) no-repeat right center;
	color:#666666;
	display:block;
	float:left;
	height:20px;
	padding:4px 10px 0 0;
	text-decoration:none;
}

.buttonLight a:hover {
	color:#333333;
	text-decoration:none;	
}

/** Button Dark **/
.buttonDark{
	background:url(../../web_images/gray_button_left_hover.png) no-repeat left center;
	color:#666666;
	margin-right:8px;
	float:left;
	padding-left:10px;
}

.buttonDark a{
	background:url(../../web_images/gray_button_right_hover.png) no-repeat right center;
	color:#FFFFFF;
	display:block;
	float:left;
	height:20px;
	padding:4px 8px 0 0px;
	text-decoration:none;
}

.buttonDark a:hover{
	color:#CCCCCC;
	text-decoration:none;	
}

/** Botton Light **/
.buttonLightNomal{
	background:url(../../web_images/gray_button_left.png) no-repeat left center;
	color:#666;
	margin-right:8px;
	float:left;
}

.buttonLightNomal a{
	background:url(../../web_images/gray_button_right.png) no-repeat right center;
	color:#666;
	display:block;
	float:left;
	height:20px;
	margin:0 0 0 10px;
	padding:4px 8px 0 0;
	text-decoration:none;
}

.buttonLightNomal a:hover{
	color:#333;
	text-decoration:none;	
}

/** image **/
.imgHeadRight{ float:right; padding-right:10px;}

/** Show All Buttom **/
.showAll{ float:right; background:url(../../web_images/showAll.png) no-repeat; width:22px; height:22px; text-align:right;}
.showAllText { float:right; font-size:11px; text-align:right; margin:2px 0 0 2px;}
.showAllText  a{ color:#4C8BD8; text-decoration:underline;}
.showAllText  a:hover{color:#4C8BD8; text-decoration:none;}

/** Line **/
.lineAllPage{ border-bottom:#ebebeb solid 1px; margin:10px 0;}

/** Blank **/
.blank{ margin:20px 0;}


/* Add 3-03-2010 */
.numPage {color:#666; font-size:11px; text-align:right; float:right;}
.numPage a{ color:#666; font-size:11px; padding:1px 3px;}
.numPage a:hover{ color:#666; font-size:11px; text-decoration:underline;}
.numPage span.activePage{ color:#fff; background:#888; padding:0 3px; font-size:11px;}
.numPage span.settingPage a{color:#0063DC; font-size:11px;}
.numPage span.settingPage a:hover{color:#0063DC; font-size:11px;}
.settingNum{color:#0063DC; font-size:11px;}