/*
 * Web Design and Web Development by Goran Beko
 * September 2010
 */

/* SIMPLE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.paginationSimple {padding:15px 0 0;}
.paginationSimple p.counter {margin-left:200px; margin-right:200px;padding:0; text-align:center;}

.paginationSimple a.button {display: block;font: normal 11px Tahoma;line-height: 15px; /* Ova vrednost + 4px + 4px (top i bottom padding SPAN-a) mora da bude jednaka visini dugmeta */height: 22px; /* Visina dugmeta */padding:0 0 0 20px;text-decoration: none;background: transparent url(/img/buttons/buttonLeft.png) no-repeat left top;}
.paginationSimple a:link.button, .paginationSimple a:visited.button, .paginationSimple a:active.button {color: #003570;text-decoration:none}
.paginationSimple a.button span {display: block;padding: 3px 20px 4px 0;background: transparent url(/img/buttons/buttonRightPagination.png) no-repeat right top;}
.paginationSimple a.button:hover {background-position: bottom left;}
.paginationSimple a.button:hover span {background-position: bottom right;color: black;}

/* @end */

/* EPSILON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.pagination {background-color:#f5f5f5;border-bottom:1px solid #999}
.pagination ul {float: right;margin:0;padding:10px;}
.pagination ul li {border:0;margin:0;padding:0;font-size:11px;list-style:none;float:left}
.pagination ul a {margin-right:2px;background: url(/img/pagination/act.gif) no-repeat left top;width:30px;height:30px;line-height:30px;text-align:center;}
.pagination ul .active {color:#FFFFFF;font-weight:bold;display:block;float:left;margin-right:2px;background: url(/img/pagination/hov.gif) no-repeat left top;width:30px;height:30px;line-height:30px;text-align:center;}
.pagination ul .more {color:#ffffff;display:block;float:left;margin-right:0px;padding:12px 10px 0;}
.pagination ul a:link, .pagination a:visited {color:#000000;display:block;float:left;text-decoration:none;text-align:center;}
.pagination ul a:hover {background: url(/img/pagination/hov.gif) no-repeat left top;width:30px;height:30px;line-height:30px;text-align:center;color:#FFFFFF}

/* @end */