/*---------- IMAGE ----------*/
#source-container {
	margin-bottom: 30px;
	padding: 6px;
	border: 1px solid #dee2e6;
	display: inline-block;
	float: left;
}
#source {
	display: block;
	float: left;
}
#thumbnail-container {
	width: 280px;
	display: inline-block;
}
#preview-container {
	margin: 0 auto 30px auto;
	padding: 6px;
	border: 1px solid #dee2e6;
	border-radius: 100%;
	overflow: hidden;
	display: inline-block;
}
#preview {
	border-radius: 100%;
	position: relative;
	overflow: hidden;
}

/*---------- IMAGE AREA SELECT ----------*/
.imgareaselect-border1 {
	background: url(../images/border-anim-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(../images/border-anim-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(../images/border-anim-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(../images/border-anim-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.imgareaselect-handle {
    background-color: #fff;
	border: solid 1px #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.imgareaselect-outer {
	background-color: #000;
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.imgareaselect-selection {
}