@charset "utf-8";
/* CSS Document */
HTML{width:100%;}
BODY{
	margin:0;
	direction:rtl;
	background:#e7e7e7;
	width:100%;	
	
}
BODY, FORM, INPUT, SELECT{	
	/*font-family:Arial, Aharoni, David;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#3d3d3d;		
}

FORM, H1, H2, H3, H4, H5, H6, UL, INPUT{
	margin:0;
	padding:0;
}
A{cursor:pointer;}
A:hover{text-decoration:none;}
H1, H2, H3, H4, H5, H6{
	font-size:18px;
}
P{line-height:18px;}

.ltr{direction:ltr;}
.input{
	line-height:17px;
	border:1px solid #bebebe;
	background:transparent url(img/input.png) repeat-x 0 0;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;	
	behavior: url(css/PIE.htc);
	padding:0 5px;	
}
img{
	border:none;
}
header, section, footer, aside, nav, article, figure {
    display: block;
    margin: 0;
    padding: 0;
}
/* ******************************* */
.bpage{margin:0 auto; width:334px;}
/*
.loginBox{
	border:1px solid #d5d5d5;
	background:#fff;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;	
	width:334px;
	min-height:334px;
	float:right;
	padding-bottom:17px;
}
*/
.loginBox{
    border:1px solid #d5d5d5;
    background:#fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;   
    width:334px;
    min-height:334px;
    float:right;
    padding-bottom:17px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-250px -167px 0 ;
}
header{
	width:297px;
	margin:0 18px 29px 19px;
	padding:17px 0 12px;
	border-bottom:1px solid #d5d5d5;
	height:43px;
	line-height:43px;
	float:right;
}
header .logo{
	display:block;
	width:153px;
	height:43px;
	line-height:43px;
	background:transparent url(img/logo.png) no-repeat 0 0;
	float:left;
}
header h1{
	margin:0;
	padding:0;
	font-size:24px;
	font-weight:bold;
	color:#3d3d3d;
}
.login_body{
	float:right;
	width:297px;
	margin:0 18px 0 19px;
}
form{
	float:right;
	width:297px;
}
.field{
	width:297px;
	height:42px;
	line-height:42px;	
	position:relative;
	border:1px solid #a9a9a9;
}
.field.email{background:transparent url(img/input_emal.png) no-repeat 0 0 ;margin:0 0 25px ;}
.field.pass{background:transparent url(img/input_pass.png) no-repeat 0 0; margin:0 0 20px ;} 

.field label{
	position:absolute;
	top:0;
	right:0px;
	padding:0 10px;
	line-height:42px;
	color:#626262;
	font-size:22px;
	width:277px;
	height:42px;
	cursor:pointer;
}
.field input{
	width:257px;
	height:42px;
	line-height:42px;
	padding:0 10px 0 30px;
	color:#626262;
	font-size:22px;
	margin:0;
	border:none;
	background:transparent;
	cursor:pointer;
}
.forgot_pass .field input{
	width:185px;
	padding-left:10px;
}
.cb{
	float:right;
	width:297px;
	line-height:16px;
	font-size:16px;
}
.field.err{border-color:#c22d05;}
.field.hover,.field:hover {border-color:#7e7e7e;}
.field.clicked{border-color:#0088c7;}

.btn{
	float:right;
	width:297px;
	margin-top:16px;
}
.btn input{
	float:right;
	width:108px;
	height:42px;
	line-height:42px;
	background:transparent url(img/btn.png) repeat-x 0 0;
	border:1px solid #a9a9a9;
	margin:0;
	padding:0;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#000;
	cursor:pointer;
}
.btn input:hover{ border-color:#4f4f4f;}
.btn input.clicked, .btn input:active{background-image:url(img/btn_hover.png);}
.btn a{
	display:block;
	float:left;
	width:187px;
	height:44px;
	line-height:44px;
	text-align:center;
	font-size:16px;
	color:#0088c7;
}
.message{
	float:right;
	width:287px;
	min-height:33px;
	line-height:33px;
	border:1px solid #d5d5d5;
	background:#fff;
	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:5px;	
	font-size:15px;
	display:none;
	padding:0 5px;
}
.message span{
	float:right;	
	height:33px;
	line-height:33px;	
}
.message a{
	color:#0088c7;
}
.message.error{ border-color:#be2c07;color:#be2c07;}
.message.error span{ 
	background:transparent url(img/error_icon.png) no-repeat 0 center;
	width:22px;
	margin:0 7px 0 9px;
}

.message.success{ border-color:#507510;color:#5c7e20;}
.message.success span{ 
	background:transparent url(img/success_icon.png) no-repeat 0 center;
	width:28px;
	margin:0 7px;
}
.forgot_pass{
	width:297px;
	margin:9px 18px 0 19px;
	padding:8px 0 12px;
	border-top:1px solid #d5d5d5;	
	float:right;
}
.text{
	color:#3d3d3d;
	font-size:14px;
	margin-bottom: 14px;	
}
.forgot_pass .text{	
	margin:22px 0 14px;
}
.forgot_pass .field{
	background:transparent url(img/input.png) repeat-x 0 0 ;
	width:205px;
	display:inline-block;
	float:right;
}
	
.forgot_pass .btn, .forgot_pass .btn input{
	width:80px;
	float:left;
	margin:0;
	font-size:18px;
}
.lb1 .field{margin-bottom:25px;}
.lb1 .btn{margin-top:2px;}	
.lb1 .btn input	{width:135px; font-size:18px;}
	
.lb1 .btn a{ width:160px;}		
