.nav
{
    font-size:0;
    margin:0 !important;
    vertical-align:middle;
    text-align: center;
}

.nav a,
.nav span
{   display: block;
    margin-top: 6px;
    text-align:center;
    vertical-align:middle;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

.nav .colored
{
    display:inline-block;
    height:33px;
    width:35px;
    background: #2b4c93;
    background: -moz-linear-gradient(left,  #2b4c93 0%, #3f68be 100%);
    background: -webkit-linear-gradient(left,  #2b4c93 0%,#3f68be 100%);
    background: linear-gradient(to right,  #2b4c93 0%,#3f68be 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4c93', endColorstr='#3f68be',GradientType=1 );
    border-radius: 10px;
    z-index: 1;
    text-align:center;
    vertical-align:middle;
    margin: 0 12px 0 12px;
}

.nav .active-colored
{
    display:inline-block;
    height:33px;
    width:35px;
    background: #eff3f6 !important;
    border-radius: 10px;
    z-index: 1;
    text-align:center;
    vertical-align:middle;
    margin: 0 6px 0 6px;
}
.nav a
{
    border: none !important;
}

.nav span.active
{
    text-decoration:none;
    color: #454648 !important;
}
.nav span.passive
{
    display: inline;
    width:auto;
    background:none!important;
    text-transform: none;
    font-weight: normal;
    margin: 0;
    z-index: 0;
    color: #3358a5 !important;
    text-align:left;
}

a.prev_page,
a.next_page
{
    display: inline;
    width:auto;
    background:none!important;
    text-decoration: underline !important;
    text-transform: none;
    font-weight: normal;
    margin: 0;
    z-index: 0;
    color: #3358a5 !important;
}