/*the wrapper is added around the image*/
.cropperWrapper
{
	margin: auto;
	padding: 0;
}
/*This is the selection box*/
.cropperResize
{
	border: 1px dashed #F00;
	background: transparent url(../images/blank.gif) repeat center center;
	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;
}
/*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;
	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;
}