*{
    margin: 0;
    padding: 0;
}
html{
    background-color: #F3F3F3;
}
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: 26px;
    margin: 0px auto;
    padding: 10px 0;
    width: 80%;
    text-align: center;
}
header a, a:visited{
    text-decoration:none;
    color:#fcfcfc;
}

.demo{
    overflow: hidden;
    width: 100%;
}
.bheader{
    border-bottom:1px solid #D4D3CF;
    border-radius: 10px 10px 0 0;
    padding: 10px;
    text-align: center;
}
.bbody{
    color: #000;
    overflow: hidden;
    padding-bottom: 20px;
    text-align: center;
    background: -moz-linear-gradient(#ffffff, #f2f2f2);
    background: -ms-linear-gradient(#ffffff, #f2f2f2);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
    background: -webkit-linear-gradient(#ffffff, #f2f2f2);
    background: -o-linear-gradient(#ffffff, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2')";
    background: linear-gradient(#ffffff, #f2f2f2);
}
.bbody h2, .info, .error{
    margin: 10px 0;
}
.step2, .error {
    display: none;
}
.error{
    font-size: 18px;
    font-weight: bold;
    color: red;
}
.info{
    font-size: 14px;
}
label{
    margin: 0 5px;
}

.image_file{
	background:url(../../../Images/demo2_photo.png);
	width:100px;
	height:74px;
	filter:alpha(opacity=0);
	display: inline-block;
}

.image_file_sum{
	background:url(../../../Images/demo2_photo_sum.png);
	width:300px;
	height:74px;
	display: inline-block;
	border:none;
}

.jcrop-holder{
    display: inline-block;
}