@font-face {
 font-family: 'BYekan';
 src: url('../../../fonts/BYekan.eot');
 src: local('b BYekan'), url('../../../fonts/BYekan.woff') format('woff'), url('../../../fonts/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg');
 src: local('b BYekan'), url('../../../fonts/BYekan.woff') format('woff'), url('../../../fonts/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg');
}
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: byekan;
	color:#666666;
}
#upload-wrapper {
	width: 380px;
    height: 285px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	background: #F5F5F5;
	border-radius: 10px;
	box-shadow: 1px 1px 3px #AAA;
    font-family:byekan;
}
#upload-wrapper h3 {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	margin-top: -30px;
	border-bottom: 1px dotted #DDD;
    font-family:byekan;
}
#upload-wrapper input[type=file] {
	border: 1px solid #DDD;
	padding: 6px;
	background: #FFF;
	border-radius: 5px;
    font-family:byekan;
}
#upload-wrapper #submit-btn {
	border: none;
	padding: 9px;
	background: #61BAE4;
	border-radius: 5px;
	color: #FFF;
    font-family:byekan;
    cursor: pointer;
}
#output{
	padding: 5px;
	font-size: 13px;
}
#output img {
	border: 1px solid #DDD;
	padding: 4px;
}

/* progress bar style */
#progressbox {
	border: 1px solid #92C8DA;
	padding: 1px;
	position:relative;
	width:300px;
	border-radius: 3px;
	margin: 10px;
	display:none;
	text-align:left;
}
#progressbar {
	height:23px;
	border-radius: 3px;
	background-color: #77E0FA;
	width:1%;
}
#statustxt {
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #000000;
}