.viewer_button {
    float: left;
    -webkit-box-shadow: inset 0 1px 0 0 #d9fbbe;
    box-shadow: inset 0 1px 0 0 #d9fbbe;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#b8e356),color-stop(1,#a5cc52));
    background: -moz-linear-gradient(center top,#b8e356 5%,#a5cc52 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
    background-color: #b8e356;
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    text-indent: 0;
    border: 1px solid #83c41a;
    color: #fff;
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    height: 28px;
    line-height: 28px;
    width: 100px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #86ae47;
    margin-left: 10px;
}

.viewer_button:hover {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#a5cc52),color-stop(1,#b8e356));
    background: -moz-linear-gradient(center top,#a5cc52 5%,#b8e356 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
    background-color: #a5cc52;
}

.viewer_button:active {
    position: relative;
    top: 1px;
}

#viewer_cameras_bar {
    color: #fff;
    display: block;
    width: 212px;
    margin: auto;
}

.viewer_bar {
    min-width: 312px;
    margin-top: 10px;
}