/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview{max-width:none;}

.btn input {
 	top: -10px;
	right: -40px;
	z-index: 2;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 50px;
	cursor: pointer;
}

.btn-txt {
	position: relative;
}

.btn .progress {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5px;
	position: absolute;
	background-color: #000;

}

.progress .bar {
	width: 0;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 10px;
	position: absolute;
	background-color: #FFF;
}

.progress-small {
	height: 3px;
	padding: 1px;
	box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.3);
	background-color: #FFF;
}

.progress-small .bar {
	width: 0;
	height: 100%;
	position: static;
	border-radius: 10px;
	background-color: #FFF;
}

.btn {
	cursor: pointer;
	*zoom: 1;
	*display: inline;
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
}

.btn_choose {
	color: #fff;
	border: 2px solid rgba(255,255,255,.4);
	padding: 5px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	background-color: rgba(0,0,0,.4);
	*background-color: #aaa;
}

.userpic {
	width: 100px;
	height: 100px;
	float: left;
	border: 2px solid #ccc;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	background: url('../img/no-userpic-big.gif') no-repeat;
	-webkit-background-size: 100% 100%;
	  -moz-background-size: 100% 100%;
	  -o-background-size: 100% 100%;
	  background-size: 100% 100%;

}

.upload-avatar .btn {
	margin: 33px;
}

.userpic__preview {
	position: absolute;
}