@charset "utf-8";
/* CSS Document */

*{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:30px; letter-spacing:2px; font-weight:bold; border:0;}
body{
	text-align:center;
	padding:300px 0 0 0; margin:0;
	background-image:url(logo.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#user{background-image:url(user.gif); font-size:40px;}
#pass{background-image:url(pass.gif); font-size:24px;}
#user, #pass{
	background-repeat:no-repeat;
	background-position:top;
	width:504px; height:55px;
	padding:10px 18px 10px 18px;
	border:none;
	text-align:center;
	color:#555;
}
#user:focus, #pass:focus{background-position:bottom; color:#06F;}
#login{
	background-image:url(loginbuttons.jpg);
	background-repeat:no-repeat;
	background-position:-190px 0;
	width:350px; height:110px;
}
#login:hover{background-position:-190px -110px; cursor:pointer;}
#login:active{background-position:-190px -220px;}
#clear{
	background-image:url(loginbuttons.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:190px; height:110px;
}
#clear:hover{background-position:0 -110px; cursor:pointer;}
#clear:active{background-position:0 -220px;}


#uploader-box{
	background-color:#EEE;
	border:2px dashed #DDD;
}
	#uploader-box *{
		letter-spacing:0;
		font-family:"B Nazanin","0 Nazanin","W_Nazanin","Times New Roman", Times, serif;
		text-shadow: 2px 2px 0px #555555;
		filter: dropshadow(color=#555555, offx=2, offy=2);
	}
	#uploader-box .inform, #uploader-box .notification{
		margin:3px 3px 15px 3px;
		padding:3px 7px;
		display:inline-block;
		-webkit-border-radius:21px;
		border-radius:21px;
	}
	#uploader-box .inform, #uploader-box .inform *, #uploader-box .notification, #uploader-box .notification *{
		direction:rtl;
		font-size:18px;
		font-family:Tahoma, Geneva, sans-serif;
		font-weight:normal;
		text-shadow: 1px 1px 0px #999999;
		filter: dropshadow(color=#999999, offx=1, offy=1);
	}
	#uploader-box .inform{color:#660008; background-color:#d0fffb;}
	#uploader-box .notification{color:#730; background-color:#fff799;}
	#file-uploader{
		background-color:#FFF;
		border:2px dashed #DDD;
		margin:10px;
		padding:20px;
		direction:rtl;
		display:inline-block;
		-webkit-border-radius:35px;
		border-radius:35px;
	}
	#file-uploader div{padding:7px; margin:5px; display:inline-block;}
	#file-uploader .line-1{
		padding:12px;
		color:#FFF;
		background-color:#4492FF;
		-webkit-border-radius:7px;
		border-radius:7px;
	}
		#file-uploader div #file-show{display:inline-block; font-family:Tahoma, Geneva, sans-serif; direction:ltr;}
	#file-uploader .line-2{
		color:#FFF;
		background-color:#72DF24;
		-webkit-border-radius:7px;
		border-radius:7px;
	}
	#file-uploader button, #file-uploader .button{
		display:inline-block;
		color:#FFF;
		background-color:#1462FF;
		padding:2px 5px;
		text-decoration:none;
		font-weight:bold;
		border:1px solid rgb(40, 70, 140);
		
		-webkit-border-radius:7px;
		border-radius:7px;
		-webkit-box-shadow: 5px 5px 0px 0px rgba(70, 70, 70, 1);
		box-shadow: 5px 5px 0px 0px rgba(70, 70, 70, 1); /* 40, 70, 140 */
		-moz-transform: scale(1) rotate(0deg) translateX(-7px) translateY(-7px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1) rotate(0deg) translateX(-7px) translateY(-7px) skewX(0deg) skewY(0deg);
		-o-transform: scale(1) rotate(0deg) translateX(-7px) translateY(-7px) skewX(0deg) skewY(0deg);
		-ms-transform: scale(1) rotate(0deg) translateX(-7px) translateY(-7px) skewX(0deg) skewY(0deg);
		transform: scale(1) rotate(0deg) translateX(-7px) translateY(-7px) skewX(0deg) skewY(0deg);
	}
	#file-uploader button:hover, #file-uploader .button:hover{
		cursor:pointer;
		border:1px solid rgb(40, 70, 140);
		
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
		-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); 
	}
	#file-uploader input{
		color:#1462FF;
		background-color:#EEE;
		padding:5px;
		text-align:center;
		direction:ltr;
		-webkit-border-radius:7px;
		border-radius:7px;
		border:1px solid #CCC;
		-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0, 0, 0, 0.4);
		box-shadow: inset 3px 3px 5px 0px rgba(0, 0, 0, 0.4);
	}
	#file-uploader input:hover, #file-uploader input:focus{
		background-color:#FFF;	
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);
		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.4);
		box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.4);
	}
	#loading-image{border:none; display:none;}
	#filebox{text-align:left; direction:ltr; padding:0 20px;}
		#filebox *{
			font-family:Tahoma, Geneva, sans-serif;
			font-weight:normal;
			font-size:12px;
			text-shadow: 1px 1px 1px #999999;
			filter: dropshadow(color=#999999, offx=1, offy=1);
		}
		#filebox div{
			color:#FFF;
			background-color:#0576ff;
			padding:5px;
			margin:7px;
			text-decoration:none;
			display:inline-block;
			font-weight:bold;
			-webkit-border-radius:7px;
			border-radius:7px;
		}
			#filebox .download{
				color:#FFF;
				background-color:#62CC14;
				padding:2px 5px;
				text-decoration:none;
				font-weight:bold;
				-webkit-border-radius:7px;
				border-radius:7px;
				text-shadow: 1px 1px 1px #000000;
				filter: dropshadow(color=#000000, offx=1, offy=1);
				-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 1);
				box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 1);
			}
			#filebox .download:hover{
				text-shadow: 1px 1px 1px #555555;
				filter: dropshadow(color=#555555, offx=1, offy=1);
				-webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.7);
				box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.7);
			}
#file-uploader-form{display:none;}