.pages {
        border-radius: 3px;
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;

        margin: 1px 2px;
        padding: 5px 10px;
        display: inline-block;
        border-top: 1px solid #fff;
        font-weight: bolder;
        text-decoration: none;
        color: #FFFFFF;
        font-size: smaller;

        font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif;

        text-shadow: rgba(255, 255, 255, 1) 0 1px 0;

        background-color: #DC143C;
/*
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
        background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
        background-image:    -moz-linear-gradient(top, #f9f9f9, #eaeaea);
        background-image:     -ms-linear-gradient(top, #f9f9f9, #eaeaea);
        background-image:      -o-linear-gradient(top, #f9f9f9, #eaeaea);
        background-image:         linear-gradient(top, #f9f9f9, #eaeaea);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea');
*/
        // reset the margins
        &:first-child, &.first  { margin-left: 0; }
        &:last-child, &.last    { margin-right: 0; }

        &:hover, &:focus {
            border-color: #fff;
            background-color: #fdfdfd;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fafafa));
            background-image: -webkit-linear-gradient(top, #fefefe, #fafafa);
            background-image:    -moz-linear-gradient(top, #fefefe, #fafafa);
            background-image:     -ms-linear-gradient(top, #fefefe, #fafafa);
            background-image:      -o-linear-gradient(top, #fefefe, #fafafa);
            background-image:         linear-gradient(top, #fefefe, #fafafa);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#fafafa');
        }

        &.more {
            box-shadow: 0 0 0 0 transparent;
            border: 0 none;
            background: transparent;
            margin-left: 0;
            margin-right: 0;
        }

        &.active {
            box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset;
            border-color: #F8F8FF;
            color: #FFFFFF;
            text-shadow: rgba(0, 0, 0, 1) 0 1px 0;
/*
            background-color: #676767;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5c5c5c));
            background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c);
            background-image:    -moz-linear-gradient(top, #5f5f5f, #5c5c5c);
            background-image:     -ms-linear-gradient(top, #5f5f5f, #5c5c5c);
            background-image:      -o-linear-gradient(top, #5f5f5f, #5c5c5c);
            background-image:         linear-gradient(top, #5f5f5f, #5c5c5c);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5f5f', EndColorStr='#5c5c5c');
*/
        }
    }
}