/* jQuery Resize And Crop (jrac) */

.jrac_container {}

.pane {
    margin-top:245px;
    margin-left:107px;
}

.jrac_viewport {
  position: relative;
  overflow: hidden;
  /*border:1px solid #ccc;*/
  width:180px;
  height:305px;

  /*background-image: url('/images/viewport_background.gif');*/
}

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

.jrac_crop {
  position: absolute;
  /*border: 1px solid yellow;*/
}

.jrac_crop_drag_handler {
  position: absolute;
  top:0;left:0;right:0;bottom:0;
  background-color: #fff;
  opacity: .1; /* 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-top:50px;
    background:#d6050a;

}

.coords {
    margin-top:100px;
}