.pages {
	font: 120%/1.4 arial, helvetica, sans-serif;
    font-size: 120%;
    clear: left;
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding-top: 20px;
    padding-right: 1em;
    padding-bottom: 20px;
    padding-left: 0em;
    border-top: 1px solid #ccc;

}

.pages a, .pages span {
color:#666;
padding: 0.2em 0.6em;
/*float: left;
display: block;
margin-right: 0.5em;*/
border: 1px solid #fff;
background: #fff;
}

.pages span.current {
border: 1px solid #fff;
font-weight: bold;
background: #171717;
color: #fff;
}

.pages a {
border: 1px solid #000000;
text-decoration: none;
}

.pages a:hover {
border-color: #EA1C1C;
}

.pages a.nextprev {
font-weight: bold;
}

.pages span.nextprev {
color: #666;
}

.pages span.nextprev {
border: 1px solid #ddd;
color: #999;
}

.pages .nextprev-next {
float: right;
}

.pages-berita {
	font: 100%/1.4 arial, helvetica, sans-serif;
    font-size: 100%;
    /*margin: 15px 0;
    padding: 15px 5px;
    background: #35363a;*/
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 10px 0px 20px;
}

.pages-berita span {
    padding: 0.3em 0.6em;
    margin-right: 0.4em;
    border: 0px solid #fff;
    background: none;
    border-radius: none,
}

.pages-berita span.current {
border: 0px solid #015f2b;
font-weight: bold;
background: #d90303;
color: #fff;
}

.pages-berita a {
border: 0px solid #000000;
text-decoration: none;
color: #000;
}

.pages-berita a:hover {
border-color: #EA1C1C;
}

.pages-berita a.nextprev {
font-weight: bold;
}

.pages-berita span.nextprev {
color: #666;
}

.pages-berita span.nextprev {
border: 0px solid #ddd;
color: #f1f1f1;
background: #d90303;
}

.pages-berita .nextprev-next {
float: right;
}