/*the wrapper is added around the image*/
.cropperWrapper{
	margin:0px;
	padding:0;
  max-width:300px;
  margin-left:10px;
}

/*This is the selection box*/
.cropperResize{
	border: 1px dashed #9d0d15;
	background:transparent url('../images/blank.gif') center center repeat;
	cursor:move;
}

/*This is the general handle style*/
.cropperHandle{
	background-repeat:no-repeat;
	background-position:center center;
}

/*Top handle*/
.cropperHandle.top{
	cursor:n-resize;
	background-image:url('../images/handle-ns.gif');
}

/*Bottom handle*/
.cropperHandle.bottom{
	cursor:s-resize;
	background-image:url('../images/handle-ns.gif');
}

/*Right handle*/
.cropperHandle.right{
	cursor:e-resize;
	background-image:url('../images/handle-ew.gif');
}

/*Left handle*/
.cropperHandle.left{
	cursor:w-resize;
	background-image:url('../images/handle-ew.gif');
}

/*Top-left corner handle*/
.cropperHandle.top.left{
	cursor:nw-resize !important;
	background-image:url('../images/handle-nw.gif') !important;
}

/*Bottom-right corner handle*/
.cropperHandle.bottom.right{
	cursor:se-resize !important;
	background-image:url('../images/handle-nw.gif') !important;
}

/*Top-right corner handle*/
.cropperHandle.top.right{
	cursor:ne-resize !important;
	background-image:url('../images/handle-ne.gif') !important;
}

/*Bottom-left corner handle*/
.cropperHandle.bottom.left{
	cursor:sw-resize !important;
	background-image:url('../images/handle-ne.gif') !important;
}

/*Cropping mas*/
.cropperMask{
	background-color:#000;
	cursor:pointer;
  max-height:320px;
  max-width:300px;
}
.edit_row
{
  height: 50px;
  width:540px;

}

.edit_col1
{
  width:300px;
  float:left;
  margin-left:10px;
}

.edit_col2
{

  float:right;
  width:225px;
}


.edit_image_row
{
  width:540px;
}



/*The coordinates box*/
.cropperCoordinates{
	background-color:#eee;
	padding:20px 5px 5px;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:11px;
	width:auto;
	border:1px solid #888;
}

.cropperCoordinates div.topbar{
	cursor:move;
	text-align:center;
	background-color:#fff;
	color:#ccc;
	border-bottom:1px solid #ccc;
}

/*preview in coordinates box*/
.cropperCoordinates div.preview{
	text-align:left;
	float:left;
	border:1px solid #f00;
}

/*the magic hack for IE*/
.cropperCoordinates.IE div.preview{
	width:1%;
}

/*labels in coordinates box*/
.cropperCoordinates label{
	display:block;
	float:left;
	text-align:right;
	width:20px;
	padding:0 3px;
	color:#f00;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:11px;
}

/*inputs in coordinates box*/
.cropperCoordinates input{
	width:20px;
	padding:0;
	height:13px;
	float:left;
	color:#333;
	border:1px solid #f00;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:11px;
	text-align:center;
}

/*the paragraph containing the buttons (if any) in the coordinates box*/
.cropperCoordinates p{
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
	clear:left;
}

/*save/download buttons in the coordinates box*/
.cropperCoordinates button{
	margin:0 2px;
	outline:0;
	font-size:11px;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

  #crop_area
  {
    margin:0px 0px 20px 0px;
    padding:0px;
    float:left;
  }

  #crop_image
  {
    float: left !important;
    width:300px;
  }

  #crop_image img
  {

  text-align:left;
  max-width: 300px;
  max-height: 320px;
  }

  .crop_preview
  {
    float:right;
    width:225px;
  }

  #crop_image + div
  {
    margin: 0px 51px;
    float: right;
    width: 130px;
    height: 161px;
  }

  .crop_preview.image
  {
    float: left !important;
    width: 130px;
    height: 161px;
  }

  .crop_preview.image img
  {
    float: left !important;
  }

  .crop_preview.headline
  {
    font-size:13px;
    font-weight:bold;
  }


  #crop_buttons
  {
    padding: 0px 10px;
    height:70px;
    width:525px;
    clear: both;
  }

  #crop_buttons input
  {
    float: left;
  }

   #crop_buttons img
  {
    float: left;
  }

  #crop_buttons #back_button
  {
    float: right;
  }