.panButtonsWrapper {
    height: 45px;
    width: 45px;
    position: absolute;
    top: 33px;
    z-index: 100;
    left: 60px;
}

    .panButtonsWrapper .top {
        padding-left: 15px;
    }

    .panButtonsWrapper .middle {
        width: 100%;
        height: 15px;
    }

        .panButtonsWrapper .middle .left {
            float: left;
            margin-right: 6px;
        }

        .panButtonsWrapper .middle .rigth {
            float: right;
        }

    .panButtonsWrapper .bottom {
        padding-left: 15px;
    }

.panButton {
    background-image: url("../../Images/Pan/commonFormArrows.png");
    background-color: rgb(239, 239, 239);
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid rgb(181, 188, 199);
}

    .panButton.vertical {
        text-align: center;
        width: 13px;
        height: 11px;
    }

        .panButton.vertical.north {
            background-position: -142px 50%;
        }

        .panButton.vertical.south {
            background-position: -37px 59%;
        }

    .panButton.horizontal {
        width: 11px;
        height: 13px;
    }

        .panButton.horizontal.east {
            background-position: -250px 65%;
        }

        .panButton.horizontal.west {
            background-position: -356px 65%;
        }