/* css ขนาดตัวอักษร */
font {font-family:Arial Unicode MS}
h1 {font-size: 200%}
h2 {font-size: 150%}
p {font-size: 100%}
p.big {font-size:20px}
p.medium {font-size:15px}
p.small {font-size:10px}
/* จบ css ขนาดตัวอักษร */

/* css เมนูน้ำเงิน */
.pro14 {padding:5px 0 0 20px; margin:0; list-style:none; height:25px; background:#1841c8 url(assets/images/pro_14_back.gif) repeat-x bottom left;}
.pro14 li {float:left;}
.pro14 li a {display:block; float:left; height:25px; line-height:23px; background:url(assets/images/pro_14_0.gif); color:#aaa; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 8px; cursor:pointer; font-size:15px;}
.pro14 li a b {float:left; display:block; background:url(assets/images/pro_14_0.gif) right top; padding:0 16px 2px 8px;}
.pro14 li.current a {color:#cc8; background:url(assets/images/pro_14_2.gif);}
.pro14 li.current a b {background:url(assets/images/pro_14_2.gif) no-repeat right top;}
.pro14 li a:hover {color:#ff0; background: url(assets/images/pro_14_1.gif);}
.pro14 li a:hover b {background:url(assets/images/pro_14_1.gif) no-repeat right top;}
.pro14 li.current a:hover {color:#cc8; background: url(assets/images/pro_14_2.gif); cursor:default;}
.pro14 li.current a:hover b {background:url(assets/images/pro_14_2.gif) no-repeat right top;}
/* จบ css เมนูน้ำเงิน */

/* css เมนูน้ำเงิน */
.pro15 {padding:5px 0 0 20px; margin:0; list-style:none; height:25px; background:#1841c8 url(assets/images/pro_14_back.gif) repeat-x bottom left;}
.pro15 li {float:left;color:#ff0;}


/* จบ css เมนูน้ำเงิน */

/* css แบ่งหน้า */
.browse_page{   
    clear:both;   
    margin-left:16px;   
    height:25px;   
    margin-top:5px;   
    display:block;   
}   
.browse_page a,.browse_page a:hover{   
    display:block;   
	width: 2%;
    font-size:18px;   
    float:left;   
    margin:0px 5px;
    border:1px solid #CCCCCC;   
    background-color:#F4F4F4;   
    color:#333333;   
    text-align:center;   
    line-height:22px;   
    font-weight:bold;   
    text-decoration:none;   
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}   
.browse_page a:hover{   
	border:1px solid #CCCCCC;
	background-color:#999999;
    color:#FFFFFF;   
}   
.browse_page a.selectPage{   
    display:block;   
    width:45px;   
    font-size:18px;   
    float:left;   
    margin-right:2px;   
	border:1px solid #CCCCCC;
	background-color:#999999;
    color:#FFFFFF;   
    text-align:center;   
    line-height:22px;    
    font-weight:bold;   
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}   
.browse_page a.SpaceC{   
    display:block;   
    width:45px;   
    font-size:18px;   
    float:left;   
    margin-right:2px;   
    border:0px dotted #0A85CB;   
    background-color:#FFFFFF;   
    color:#333333;   
    text-align:center;   
    line-height:22px;   
    font-weight:bold;   
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}   
.browse_page a.naviPN{   
    width:50px;   
    font-size:16px;   
    display:block;   
/*    width:25px;   */
    float:left;   
	border:1px solid #CCCCCC;
	background-color:#999999;
    color:#FFFFFF;   
    text-align:center;   
    line-height:22px;   
    font-weight:bold;      
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}  


.pageOn {
	background: #CCC;
	border:		1px solid #369;
	margin:		2px 4px;
	padding:	2px 4px;
	color:		#369;
}

.pageOff {
	background: #EEE;
	border:		1px solid #369;
	margin:		2px 4px;
	padding:	2px 4px;
	color:		#369;
}

.pageOff:hover {
	background:	#DDD;
	cursor: pointer;
}

.pageOff a {
	color:			 #000;
	text-decoration: none;
}

.paginationSelect {
	background: #EEE;
}

.paginationErrors {
	clear:			both;
	text-align:		left;
	border:			2px dashed #D90;
	color:			#A40;
	background:		#FD9;
	padding:		10px;
	width:			70%;
	margin:			auto;
	margin-top:		40px;
	margin-bottom:	40px;
}
/* จบ css แบ่งหน้า */