/* jQuery Resize And Crop (jrac) */

.jrac_container {}

.jrac_viewport {
  position: relative;
  overflow: hidden;
  border:1px solid #255060;
  width:640px;
  height:480px;
  background-image: url('http://hnepaper.bharatiyakisansangh.org/styles/images/viewport_background.gif');
  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}

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

.jrac_crop {
  position: absolute;
  border: 3px solid black;
}

.jrac_toolbar
{
    position: absolute;
    height:30px;
    background-color: #eee;
     border: 2px solid black;
}
.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 */
}

.closebtn
{
    float:right;
    background: url(delete-btn.png) repeat scroll 0 0 transparent;
width: 20px;
height: 20px;
margin-right: 5px;
margin-top: 3px;
float: right;
cursor: pointer;
}


.cropbtn
{
    background: url(crop.jpg) repeat scroll 0 0 transparent;
width: 75px;
height: 25px;
margin-right: 5px;
margin-top: 3px;
float: left;
cursor: pointer;
}

.jrac_viewport img, .jrac_crop_drag_handler {
  cursor: pointer;
width:1024px;
}
input[type=radio] {
    display:none;
}
 
/*input[type=radio] + label {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #b3b3b3;
    display:inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    margin-left: -2px;
    margin-right: -2px;
    margin-top: -2px;
}*/
 
input[type=radio]:checked + label {
       background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
        background-color:#fcc620;
}
#mainport
{
    padding-left:20px;
}