/* @override 
	http://www.namta.us/crop/css/uvumi-crop.css
	https://www.namta.us/crop/css/uvumi-crop.css
*/
body { font-family: Arial, Helvetica, Geneva, sans-serif;}
#main h4 { padding: 0 8px 3px 0; color: #134067; margin: 0 0 5px; font-size: 12px; display: block; border-bottom: 1px solid #ccc; background-color: transparent; border-style: none;}
#main div.current-image { text-align: center; padding: 0; margin: 0;}
.cropperWrapper { margin: auto; padding: 0;}
#main div.edit-photo-right p { margin: 0; padding: 0;}
.cropperResize { border: 2px dashed #666666; cursor: nw-resize; background-image: url('cropper-corner.gif'); background-position: bottom right; background-repeat: no-repeat;}
.cropperMove { cursor: move }

#croppedMessage span { background-color: #d4fecb; padding: 8px; display: inline-block; margin-top: 8px; margin-bottom: 8px; border: 1px solid #00813f; color: #2da300; font-size: 12px;}

#main { width: 388px; margin-right: auto; margin-left: auto; padding: 8px; background-color: #e6e6e6; border: 1px solid #b3b3b3;}
#previewExample1 img { margin: 0; padding: 0;}
#croppedMessage { text-align: center;}
#main div p { float: left;}
#main div.edit-photo-left { float: left; display: inline; width: 119px; text-align: center; background-color: #ccc; padding: 8px 8px 14px; color: #134067; font-weight: bold; margin-top: 13px;}
p { width: 500px;}
div.cropperWrapper { float: left;}
#main div.edit-photo-right { float: left; padding: 0 8px 8px; display: inline; width: 250px;}
#main div.edit-photo-left small { padding-bottom: 8px; display: inline-block;}
.cropperMask { background-color: #000; cursor: pointer;}
button.crop-image { display: inline; margin-top: 9px;}
.clear { clear: both;}