/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; margin: 0 auto; }

.jcrop-vline, .jcrop-hline
{
	font-size: 0px;
	position: absolute;
	background: white url('../../images/Jcrop.gif') top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-vline.right { right: 0px; }
.jcrop-hline.bottom { bottom: 0px; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#crop_area {
	width: 730px;
	position: relative;
	padding: 15px;
	border-top: 1px solid #a7a7a7;
	z-index: 99;
}
#crop_area .cropPreview {
	float: right; 
	width: 165px; 
	height: 165px;
	margin-top: 60px;
	overflow: hidden; 
	margin-left: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#crop_area .forCropBlock {
	width: 540px; 
	height: 330px;
}
#crop_area .forCrop {
	max-width: 540px; 
	max-height: 330px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
#crop_area .save-crop-image {
	width: 200px;
	margin: 20px auto 5px;
}
#crop_area .download-image {
	position: absolute; 
	bottom: 15px;
	right: 65px;
	display: none;
}

#crop_area .crop-loader {
	border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px;
}