.centerTop {
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.center {
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
/*CSS green-black style pagination*/
DIV.green-black {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    margin: 3px;
    padding-top: 3px;
    text-align: center;
}

    DIV.green-black A {
        border-right: #2c2c2c 1px solid;
        padding-right: 5px;
        border-top: #2c2c2c 1px solid;
        padding-left: 5px;
        background: url(image1.gif) #2c2c2c;
        padding-bottom: 2px;
        border-left: #2c2c2c 1px solid;
        color: #fff;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #2c2c2c 1px solid;
        text-decoration: none;
    }

        DIV.green-black A:hover {
            border-right: #aad83e 1px solid;
            border-top: #aad83e 1px solid;
            background: url(image2.gif) #aad83e;
            border-left: #aad83e 1px solid;
            color: #fff;
            border-bottom: #aad83e 1px solid;
        }

        DIV.green-black A:active {
            border-right: #aad83e 1px solid;
            border-top: #aad83e 1px solid;
            background: url(image2.gif) #aad83e;
            border-left: #aad83e 1px solid;
            color: #fff;
            border-bottom: #aad83e 1px solid;
        }

    DIV.green-black SPAN.current {
        border-right: #f3f3f3 1px solid;
        padding-right: 5px;
        border-top: #f3f3f3 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        border-left: #f3f3f3 1px solid;
        color: #ccc;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #f3f3f3 1px solid;
    }

    DIV.green-black SPAN.disabled {
        border-right: #f3f3f3 1px solid;
        padding-right: 5px;
        border-top: #f3f3f3 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        border-left: #f3f3f3 1px solid;
        color: #ccc;
        margin-right: 2px;
        padding-top: 2px;
        border-bottom: #f3f3f3 1px solid;
    }

<!--
.STYLE1 {
    color: #333333
}

.pages {
    color: #999
}

    .pages a, .pages .cpb {
        text-decoration: none;
        padding: 0 5px;
        border: 1px solid #ddd;
        background: #ffff;
        margin: 0 2px;
        font-size: 11px;
        color: #000;
    }

        .pages a:hover {
            background-color: #c0dd9b;
            color: #fff;
            border: 1px solid #c0dd9b;
            text-decoration: none;
        }

    .pages .cpb {
        font-weight: bold;
        color: #fff;
        background: #c0dd9b;
        border: 1px solid #c0dd9b;
    }

.code {
    font-weight: bold;
    color: blue
}

.style1 {
    height: 15px;
}

.style2 {
    height: 21px;
}

DIV.viciao a.disabled {
    margin-top:20px;
    BORDER-RIGHT: #ccc 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #ccc 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #ccc 1px solid;
    COLOR: #ccc;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #ccc 1px solid;
}

DIV.viciao A:hover {
    BORDER-RIGHT: red 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: red 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: red 1px solid;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: red 1px solid;
}

DIV.viciao A {
    BORDER-RIGHT: #8db5d7 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #8db5d7 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #8db5d7 1px solid;
    COLOR: #000;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #8db5d7 1px solid;
    TEXT-DECORATION: none;
}

DIV.viciao .current {
    BORDER-RIGHT: #e89954 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #e89954 1px solid;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #e89954 1px solid;
    COLOR: #000;
    MARGIN-RIGHT: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #e89954 1px solid;
    BACKGROUND-COLOR: #ffca7d;
}

DIV.viciao a:-webkit-any-link {
    color: -webkit-link;
    cursor: auto;
}
-->