#croppic{
				width: 400px;  /* MANDATORY */
				height: 208px; /* MANDATORY */
				position: relative;  /* MANDATORY */
				
				margin: 50px 70px 20px;
				border: 3px  solid #FFF;
				box-sizing: content-box;
				-moz-box-sizing: content-box;
				border-radius: 2px;
				background-image: url('/plugins/croppic/img/placeholder.png');
				background-repeat: no-repeat;
				background-position: center;
				box-shadow: 8px 8px 0px rgba(0,0,0,0.1);
			}
			
.SD_profile_cover_edit_imgUploadForm {
	height: 0px;
}
        .croppedImg{
	        width:100%;
	        height:100%;
        }
			
			/* DO NOT CHANGE FROM HERE ( unless u know what u are doing) */
			.cropImgWrapper{
				cursor: -webkit-grab;
				cursor: grab;
				background: black;
			}
			.cropImgWrapper:active{
				cursor: -webkit-grabbing;
				cursor: grabbing;
			}
			
			.cropImgUpload{
				z-index:2;
				position:absolute;
				height:28px;
				display:block;
				top: -30px;
				right: -2px;
				font-family:sans-serif;
				width:20px;
				height:20px;
				text-align:center;
				line-height:20px;
				color:#FFF;
			}
			
			.cropControls{
				z-index:2;
				position:absolute;
				height:30px;
				display:block;
				    top: -0px;
    left: 0px;
    font-family: sans-serif;
    background-color: #fff;
    -webkit-box-shadow: 2px 5px 6px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 2px 5px 6px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 2px 5px 6px 0px rgba(50, 50, 50, 0.5); 
			}
			
			.cropControls i{
				display:block;
				float:left;
				margin:0;
				cursor:pointer;
				background-image:url('/plugins/croppic/img/SD_cropperIcons.png');	
				width:30px;
				height:30px;
				text-align:center;
				line-height:20px;
				color:#FFF;
				font-size:13px;
				font-weight: bold;
				font-style: normal;
				opacity: 1
				
			}
			
			.cropControls i:hover{ opacity: .5;  }
			
			.cropControls i.cropControlZoomMuchIn{ 
				 background-size: 28px 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../../stackit/img/icons_menubar/SD_add_to_lib-blk.png);
			}
			.cropControls i.cropControlZoomIn{ 
				 background-size: 22px 13px;
    background-position: 50%;
    background-repeat: no-repeat; 
        background-image: url(../../stackit/img/icons_menubar/SD_add_to_lib-blk.png);

    }
			.cropControls i.cropControlZoomOut{ 
				 background-size: 22px 13px;
    background-position: 50%;
    background-repeat: no-repeat; 
        background-image: url(../../stackit/img/icons_menubar/SD_remove_from_lib-blk.png);

    }
			.cropControls i.cropControlZoomMuchOut{  
				background-size: 28px 16px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../../stackit/img/icons_menubar/SD_remove_from_lib-blk.png);
     }
			.cropControls i.cropControlRotateLeft{ 
				 background-size: 25px 14px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image:url(/plugins/croppic/img/rotate_left.png);
     }
			.cropControls i.cropControlRotateRight{ 
				 background-size: 25px 14px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image:url(/plugins/croppic/img/rotate_right.png);
     }
			.cropControls i.cropControlCrop{ 
				 background-size: 25px 14px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../../stackit/img/icons_menubar/SD_check-blk.png);
			}
			.cropControls i.cropControlUpload{ 
				    background-size: 25px 14px;
    background-position: 50%;
    background-repeat: no-repeat;
        background-image: url(../../stackit/img/icons_menubar/SD_edit-blk.png);
			}
			.cropControls i.cropControlReset{ 
				 background-size: 25px 14px;
    background-position: 50%;
    background-repeat: no-repeat;
        background-image:url(/plugins/croppic/img/close.png);

			}
			.cropControls i.cropControlRemoveCroppedImage{ 
				 background-size: 25px 14px;
    background-position: 50%;
    background-repeat: no-repeat;
			}
			
			.cropControls i:last-child{
				margin-right:none;
			}
			
			#croppicModal{
				position:fixed;
				width:100%;
				height:100%;
				top: 0;
				left: 0;
				display:block;
				background:rgba(144, 144, 144, 0.6);
				z-index: 9999999999;
			}
			
			
			/*
			*		PRELOADER 
			*		With courtesy of : http://cssload.net/
			*/
			
			.bubblingG {
				text-align: center;
				width:80px;
				height:50px;
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -18px auto auto -40px;
				z-index:2;
			}

			#croppicModalObj .SD_uploading {
				display: block;
				width: 0px;
				height: 10px;
				position: absolute;
				z-index: 99999;
				top: 0;
				background: #a34146;
				box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
				-moz-animation: SD_uploading 1s infinite;
				-webkit-animation: SD_uploading 1s infinite;
				-ms-animation: SD_uploading 1s infinite;
				-o-animation: SD_uploading 1s infinite;
				animation: SD_uploading 1s infinite;
				
			}

			
			@-moz-keyframes SD_uploading {
				0% {
					width: 0%;
					left: 0;
				}

				50% {
					width: 100%;
					left: 0;
					
				}
				60% {
					width: 100%;
					right: 0;
					
				}
				100% {
					width: 0%;
					right: 0;
					
				}


			}

			@-webkit-keyframes SD_uploading {
				0% {
					width: 0%;
					left: 0;
				}

				50% {
					width: 100%;
					left: 0;
					
				}
				60% {
					width: 100%;
					right: 0;
					
				}
				100% {
					width: 0%;
					left: 0;
					
				}


			}

			@-ms-keyframes SD_uploading {
				0% {
					width: 0%;
					left: 0;
				}

				50% {
					width: 100%;
					left: 0;
					
				}
				60% {
					width: 100%;
					right: 0;
					
				}
				100% {
					width: 0%;
					right: 0;
					
				}

			}

			@-o-keyframes SD_uploading {
				0% {
					width: 0%;
					left: 0;
				}

				50% {
					width: 100%;
					left: 0;
					
				}
				60% {
					width: 100%;
					right: 0;
					
				}
				100% {
					width: 0%;
					right: 0;
					
				}


			}

			@keyframes SD_uploading {
				0% {
					width: 0%;
					left: 0;
				}

				50% {
					width: 100%;
					left: 0;
					
				}
				60% {
					width: 100%;
					right: 0;
					
				}
				100% {
					width: 0%;
					right: 0;
					
				}


			}
			
			
			
			/* some reset stlyes */
			
	.cropControls i, .cropControls i:hover	{
/* For Safari 3.1 to 6.0 */
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
	-webkit-transition-property:all;
	-webkit-transition-duration:.25s;
	-webkit-transition-timing-function:linear;
	-webkit-transition-delay:.1s;
	transition-property:all;
	transition-duration:.25s;
	transition-timing-function:linear;
	transition-delay:.1s;
}