.jq-elevator { position: fixed; width: 60px; }

    .jq-elevator:before, .jq-elevator:after { display: table; content: " "; }
    .jq-elevator:after { clear: both; }

    .jq-elevator.align-top { top: 10px; }
    .jq-elevator.align-bottom { bottom: 10px; }
    .jq-elevator.align-left { left: 10px; }
    .jq-elevator.align-right { right: 10px; }

    .jq-top, .jq-item, .jq-bottom { text-decoration: none; font-family: "Courier New", Courier, monospace; float: left; text-align: center; color: #fff; background: #df5d2b;
        opacity: 0.5;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        transition: opacity 0.2s linear;
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
    }
    
    .jq-top:hover, .jq-item:hover, .jq-bottom:hover {
        opacity: 1;
        -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        box-shadow: 1px 1px 1px #a0a0a0;
    }

    .jq-top:active, .jq-item:active, .jq-bottom:active {
        box-shadow: 1px 1px 1px #a0a0a0 inset;
    }

    .jq-top { /**/ }
    .jq-item { /**/ }
    .jq-bottom { /**/ }

    .jq-big, .jq-big.circle { /* 2px horizontal adjust */

        font-size: 16px;
        line-height: 16px;

        padding: 20px 0;
        width: 60px;
        margin: 3px 0;

        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        -khtml-border-radius: 30px;
        border-radius: 30px;

    }

        .rounded .jq-big, .jq-big.rounded { /* 2px horizontal adjust */

            font-size: 16px;
            line-height: 16px;

            padding: 20px 0;
            width: 60px;
            margin: 3px 0;

            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -khtml-border-radius: 10px;
            border-radius: 10px;

        }

        .square .jq-big, .jq-big.square { /* 2px horizontal adjust */

            font-size: 16px;
            line-height: 16px;

            padding: 20px 0;
            width: 60px;
            margin: 3px 0;

            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
            border-radius: 0;

        }

    .jq-mid, .jq-mid.circle { /* 2px horizontal adjust */

        font-size: 16px;
        line-height: 16px;

        padding: 12px 0;
        width: 40px;
        margin: 3px 10px;

        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        border-radius: 20px;

    }

        .rounded .jq-mid, .jq-mid.rounded { /* 2px horizontal adjust */

            font-size: 16px;
            line-height: 16px;

            padding: 12px 0;
            width: 40px;
            margin: 3px 10px;

            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            -khtml-border-radius: 8px;
            border-radius: 8px;

        }

        .square .jq-mid, .jq-mid.square { /* 2px horizontal adjust */

            font-size: 16px;
            line-height: 16px;

            padding: 12px 0;
            width: 40px;
            margin: 3px 10px;

            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
            border-radius: 0;

        }

    .jq-sml, .jq-sml.circle { /* 2px horizontal adjust */

        font-size: 10px;
        line-height: 12px;

        padding: 4px 0;
        width: 20px;
        margin: 3px 20px;

        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
    }

        .rounded .jq-sml, .jq-sml.rounded { /* 2px horizontal adjust */

            font-size: 10px;
            line-height: 12px;

            padding: 4px 0;
            width: 20px;
            margin: 3px 20px;

            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -khtml-border-radius: 4px;
            border-radius: 4px;
        }

        .square .jq-sml, .jq-sml.square { /* 2px horizontal adjust */

            font-size: 10px;
            line-height: 12px;

            padding: 4px 0;
            width: 20px;
            margin: 3px 20px;

            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -khtml-border-radius: 0;
            border-radius: 0;
        }

    .jq-sml.jq-text {
        float: right;
        width: initial;
        text-align: right;
        padding: 2px 5px;
        white-space: nowrap;
    }