@font-face {
  font-family: 'BKoodakBold';
  src: url('fonts/BKoodakBold.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: 'BYekan';
  src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

body{
	background:#39acd7;
	padding:0px;
	margin:0px;
	text-align:center;
}

#login-back{
	background:url(../../images/login-back.png) no-repeat top center;
	width:720px;
	height:480px;
	text-align:center;
	margin:0px auto;
	padding-top:150px;
}

#login-form{
	background:url(../../images/login-form.png) no-repeat top center;
	width:316px;
	height:315px;
	margin:0px auto;
	text-align:center;
	position:relative;
	z-index:2;
}

#ribbon{
	position:absolute;
	top:-40px;
	right:-20px;
	z-index:0;
	width:178px;
	height:66px;
	background:url(../../images/ribbon.png) no-repeat center top;
	font-family:'BYekan', Times New Roman;
	font-size:18px;
	line-height:60px;
	padding-right:20px;
	color:#C60;
}

.forgot{
	position:absolute;
	bottom:20px;
	right:0;
	width:100%;
	text-align:center;
}

.forgot span{
	display:inline;
}

.forgot a{
	font-family:'BKoodakBold', Tahoma;
	font-size:12px;
	text-decoration:none;
	color:#900;
	border-bottom:1px dashed #903;
	cursor:alias;
}

.forgot a:hover{
	border-bottom:1px solid #903;
}

form{
	font-family:'BKoodakBold', Tahoma;
	direction:rtl;
	line-height:40px;
	text-align:right;
	padding:30px;
	margin:0px auto;
	width:220px;
	position:relative;
}

form input{
	width:182px;
	height:38px;
	background:url(../../images/username.png) no-repeat right top;
	border:none;
	padding-right:40px;
}

form .password{
	background:url(../../images/username.png) no-repeat right bottom;
}

form label{
	color:#666;
}

form .login{
	cursor:pointer;
	width:143px;
	height:34px;
	background:url(../../images/login.png) no-repeat top center;
	border:none;
	position:absolute;
	bottom:-40px;
	right:30px;
}

form .login:hover{
	background:url(../../images/login.png) no-repeat bottom center;	
}

form .public{
	cursor:pointer;
	background:url(../../images/public.png) no-repeat top center;
	border:none;
	width:107px;
	height:34px;	
	position:absolute;
	bottom:-40px;
	left:30px;
}

form .public:hover{
	background:url(../../images/public.png) no-repeat bottom center;
}