


.blur {
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	-o-filter: blur(10px);
	filter: blur(10px);
}

.blurLayer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-ms-filter: blur(10px);
	-o-filter: blur(10px);
	filter: blur(10px);
}



.imgScaler img {
	width: 100%;
}

.sCropLayer .imgScaler {
	position: relative;
}


.cropControlDiv {
	position: absolute;
	cursor: move;
}

.cropPreviewDiv {
	position: absolute;
	overflow: hidden;
/*	border: dashed 1px #FFF;*/
	background-color: #000;
}

.cropConstrain {
	position: absolute;
	/*background-color: rgba(0, 255, 0, 0.3);*/
}

.fullImgDiv {
	position: absolute;
	opacity: 0.5;
}


.imgScaler {
	
}



.sCropControlVisual {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #333;
}

.sCropControl {
	position: absolute;
	width: 10px;
	height: 10px;
}

.sCropTL {
	cursor: nwse-resize;
	top: 0;
	left: 0;
	display: none;
}

.sCropTR {
	cursor: nesw-resize;
	top: 0;
	right: 0;
	display: none;
}

.sCropBL {
	cursor: nesw-resize;
	bottom: 0;
	left: 0;
	display: none;
}

.sCropBR {
	cursor: nwse-resize;
	bottom: 0;
	right: 0;
}




.scrop-blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
}

.scrop-constrain {
    position: absolute;
    /*background-color: rgba(0, 255, 0, 0.2);*/
}

.scrop-complete {
    position: absolute;
    opacity: 0.5;
}

.scrop-preview {
    position: absolute;
    overflow: hidden;
}

.scrop-control {
    position: absolute;
    cursor: move;
    /*background-color: rgba(0, 0, 255, 0.2);*/
}

.scrop-img-preview {
    position: absolute;
}


.scrop-img {
    width: 100%;
    display: block;
}




.scrop-control-stretch-visual {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #FFF;
}

.scrop-control-stretch-functional {
	position: absolute;
	width: 10px;
	height: 10px;
	/*background-color: #F00;*/
}


.scrop-control-stretch-br {
	cursor: nwse-resize;
	bottom: 0;
	right: 0;
}




.hover {
    background-color: rgba(0, 0, 0, 0.2);
}







