/* 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;}
* {
    margin: 0;
    padding: 0;
}
header {
    background-color:rgba(33, 33, 33, 0.9);
    color:#fff;
    display:block;
    font: 14px/1.3 Arial,sans-serif;
    height:50px;
    position:relative;
}
header h2{
    font-size: 22px;
    margin: 0px auto;
    padding: 10px 0;
    width: 80%;
    text-align: center;
}
.demo {
    overflow: hidden;
}
.bheader {
    background-color: #DDDDDD;
    border-radius: 10px 10px 0 0;
    padding: 10px 0;
    text-align: center;
}
.bbody {
    color: #000;
    overflow: hidden;
    text-align: center;
}
.bbody h2, .info, .jcrop_error {
    margin: 10px 0;
}
.step2, .jcrop_error {
    display: none;
}
.jcrop_error {
    font-size: 17px;
    font-weight: bold;
    color: red;
    margin-top: 15px;
}
.info {
    font-size: 14px;
}
label {
    margin: 0 5px;
}
.jcrop-holder {
    display: inline-block;
}
.step2 input[type=button] {
    border-radius: 4px;
    text-align: center;
    font-size: 15px;
    width: 82%;
    color: white;
    border: 1px solid rgb(31, 184, 220);
    background-color: rgb(31, 184, 220);
    margin-top: 10px;
    padding: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.step2 input[type=button]:hover {
    background-color: #12a8c9;
    cursor: pointer;
}
.step2 input[disabled],.step2 input[disabled]:hover{ 
    border-radius: 4px;
    text-align: center;
    font-size: 15px;
    border: solid 1px white;
    background-color: #e1e1e1;
    color: white;
}
input[type=file] {
    margin: 10px;
}
#w, #h{
    width: 50px;
}
.info{
    width: 100%;
    text-align: center;
    display: none;
}
#image_file{
	display: none;
}
.change_avatar_txt{
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    color: #555;
}
.change_avatar_txt:hover{
    cursor: pointer;
}
.change_avatar_instruction{
    color: #666;
    font-size: 12px;
    margin-top: 5px;
}