@charset "utf-8";
/* CSS Document */
.pagearea { width:auto; height:18px; float:left; clear:none; overflow:hidden}
.pagearea span { display:block; width:auto; height:20px; float:left; clear:none; padding-right:15px}
.pagearea span a{ display:block; width:auto; height:20px; float:left; clear:none; line-height:18px; overflow:hidden; font-size:12px; padding:0 6px; text-decoration:none; color:#7DC2EB;}
.pagearea span a:hover{display:block; width:auto; height:18px; float:left; clear:none; line-height:18px; overflow:hidden; font-size:12px; padding:0 6px; color:#FFFFFF; background-color:#78bfeb; border-radius:5px; font-style:normal}
/*
.pagearea span a.firstp { width:20px; padding:0; text-indent:-999em; background:url(../img/page/blue.gif) left 0px no-repeat;border-radius:none}
.pagearea span a.prevp { width:19px; padding:0; text-indent:-999em; background:url(../img/page/blue.gif) left -18px no-repeat}
.pagearea span a.nextp { width:20px; padding:0; text-indent:-999em; background:url(../img/page/blue.gif) left -36px no-repeat}
.pagearea span a.lastp { width:20px; padding:0; text-indent:-999em; background:url(../img/page/blue.gif) left -54px no-repeat}
*/
.pagearea span em { display:block; width:auto; height:18px; float:left; clear:none; line-height:18px; overflow:hidden; font-size:12px; padding:0 6px; color:#FFFFFF; background-color:#78bfeb; border-radius:5px; font-style:normal}


.byellow .pagearea span a { color:#FDC115}
/*
.byellow .pagearea span a.firstp { background-image:url(../img/page/yellow.gif)}
.byellow .pagearea span a.prevp { background-image:url(../img/page/yellow.gif)}
.byellow .pagearea span a.nextp { background-image:url(../img/page/yellow.gif)}
.byellow .pagearea span a.lastp { background-image:url(../img/page/yellow.gif)}
*/
.byellow .pagearea span em { background-color:#FDC010; border-radius:5px}
.byellow .pagearea span a:hover{display:block; width:auto; height:18px; float:left; clear:none; line-height:18px; overflow:hidden; font-size:12px; padding:0 6px; color:#FFFFFF; background-color:#FDC115; border-radius:5px; font-style:normal}

.bred .pagearea span a { color:#F16C99}
/*
.bred .pagearea span a.firstp { background-image:url(../img/page/red.gif)}
.bred .pagearea span a.prevp { background-image:url(../img/page/red.gif)}
.bred .pagearea span a.nextp { background-image:url(../img/page/red.gif)}
.bred .pagearea span a.lastp { background-image:url(../img/page/red.gif)}
*/
.bred .pagearea span em { background-color:#F26997; border-radius:5px}
.bred .pagearea span a:hover{display:block; width:auto; height:18px; float:left; clear:none; line-height:18px; overflow:hidden; font-size:12px; padding:0 6px; color:#FFFFFF; background-color:#F16C99; border-radius:5px; font-style:normal}

.bgreen .pagearea span a { color:#66BE74}
/*
.bgreen .pagearea span a.firstp { background-image:url(../img/page/green.gif)}
.bgreen .pagearea span a.prevp { background-image:url(../img/page/green.gif)}
.bgreen .pagearea span a.nextp { background-image:url(../img/page/green.gif)}
.bgreen .pagearea span a.lastp { background-image:url(../img/page/green.gif)}
*/
.bgreen .pagearea span em { background-color:#69BD72; border-radius:5px}
.bgreen .pagearea span a:hover{display:block; width:auto; height:18px; float:left; clear:none; line-height:18px; overflow:hidden; font-size:12px; padding:0 6px; color:#FFFFFF; background-color:#66BE74; border-radius:5px; font-style:normal}