.pagination {
            display: inline-block;
            border: 1px solid #CDCDCD;
            border-radius: 3px;
            margin: 0;
        }

            .pagination a {
                display: block;
                float: right;
                width: 30px;
                height: 30px;
                outline: none;
                border-right: 1px solid #CDCDCD;
                border-left: 1px solid #CDCDCD;
                color: #555555;
                vertical-align: middle;
                text-align: center;
                text-decoration: none;
                font-weight: bold;
                font-size: 30px;
                font-family: Times, 'Times New Roman', Georgia, Palatino;
                /* ATTN: need a better font stack */
                background-color: #f3f3f3;
                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, lightgrey));
                background-image: -webkit-linear-gradient(#f3f3f3, lightgrey);
                background-image: linear-gradient(#f3f3f3, lightgrey);
            }

                .pagination a:hover, .pagination a:focus, .pagination a:active {
                    background-color: #cecece;
                    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e4e4e4), color-stop(100%, #cecece));
                    background-image: -webkit-linear-gradient(#e4e4e4, #cecece);
                    background-image: linear-gradient(#e4e4e4, #cecece);
                }

                .pagination a.disabled, .pagination a.disabled:hover, .pagination a.disabled:focus, .pagination a.disabled:active {
                    background-color: #f3f3f3;
                    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, lightgrey));
                    background-image: -webkit-linear-gradient(#f3f3f3, lightgrey);
                    background-image: linear-gradient(#f3f3f3, lightgrey);
                    color: #A8A8A8;
                    cursor: default;
                }

                .pagination a:first-child {
                    border: none;
                    border-radius: 2px 0 0 2px;
                }

                .pagination a:last-child {
                    border: none;
                    border-radius: 0 2px 2px 0;
                }

            .pagination input {
                float: right;
                margin: 6px 0 0 0;
                padding: 0;
                width: 150px;
                height: 20px;
                outline: none;
                border: none;
                vertical-align: middle;
                text-align: center;
            }