/* jQuery Resize And Crop (jrac) */

.jrac_container
{
}

.jrac_viewport
{
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    height: 525px;
    background-image: url('images/viewport_background.gif');
}

.jrac_loading
{
    background-image: url('images/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.jrac_zoom_in, .jrac_zoom_out
{
    display: none;
    float: left;
    width: 20px;
    height: 20px;
    background-size: 20px;
    margin-top: 5px;
}

.jrac_zoom_in
{
    background-image: url('images/zoom_in.png');
}

.jrac_zoom_out
{
    background-image: url('images/zoom_out.png');
}

.jrac_crop
{
    position: absolute;
    border: 2px dotted #555;
}

.jrac_crop_drag_handler
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: .2; /* FX/Opera/Safari/Chrome */
    -ms-filter: "alpha(opacity=10)"; /* IE8 */
    filter: alpha(opacity = 10); /* IE6/IE7 */
}

.jrac_viewport img, .jrac_crop_drag_handler
{
    cursor: pointer;
}


.jrac_zoom_slider
{
    margin: 10px 0px;
    display: none;
}