/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}

.wrapper
{
	width:100%;
	overflow:hidden
}

.wrap
{
	overflow:hidden;
	width:965px;
	margin-left:-5px;
	padding-left:5px
}
/* Global properties */
body
{
background:url(../images/bg.jpg) no-repeat center top #310b28;
font-family:Yekan,Tahoma ,Arial, Helvetica, sans-serif;
padding:0;
font-size:13px;
margin:0 auto;
color: #0e4354;
}
.ic, .ic a 
{
	border:0;
	float:right;
	background:#fff;
	color:#f00;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	overflow:hidden;
	padding:0
}
.css3
{
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:0 0 4px rgba(0, 0, 0, .4);
	-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);
	position:relative
}
/* main layout */
a {
	color:;
	text-decoration:none;
	outline:none
}
a:hover
{
	text-decoration:underline;
	color:orange
}
h1 
{
	float:right;
	padding:0px 0 0 36px
}
h2
{
	font:22px Yekan;
	line-height:1.2em;
	color:#200000;
	padding:0 0 12px 0;
	text-align:center;
	direction:rtl
}
h2.letter_spacing
{
	letter-spacing:-3px
}
h2 span 
{
	color:#a80002
}
h3 
{
	font-size:27px;
	color:#230000;
	line-height:1.2em;
	padding:20px 0 9px 0;
	letter-spacing:-1px
}
h3 span {color:#a80002}
p {padding-bottom:10px;font:13px Yekan;direction: rtl}
p a
{
    color: royalblue;
     text-decoration: none;
     direction: rtl;
}
p a:hover
{
    color:orange;
    text-decoration: none;
}
header
{
    width:440px;
    margin:20px auto 0px auto;
    
}
.logo
{
    width:247px;
    height:5px;
    background: url('../images/logo.png');
}
.main
{
    width:1000px;
    margin:0px auto;
    border-radius: 10px;
    background: white;
    min-height: 200px;
     box-shadow: 0 1px 3px 0 #B5B5B5;
     direction: rtl;
     text-align:right;
     padding:30px;
}
footer
{
    width:1000px;
    margin:10px auto 10px auto;
}
.left_footer_login{float:left;color:#a8549b;font:12px Tahoma;}
.left_footer_login a{color:#FFFFFF;text-decoration:none;}
.left_footer_login a:hover{color:orange;text-decoration:none;}

.login_title
{
    color:black;
    font:22px Yekan;
    margin: 0px 0px 20px 0px;
    text-align: center;
}
.input
{
    padding: 5px;
    font-family:Yekan,Tahoma;
    font-size:13px;
    color:gray;
    border:1px solid silver;
    margin: 5px;
    background: white;
     border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.submit
{
    background:  #458FF6;
    background: -moz-linear-gradient(top, #458FF6 0%, #2E5FA4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#458FF6), color-stop(100%,#2E5FA4));
    background: -webkit-linear-gradient(top, #458FF6 0%,#2E5FA4 100%);
    background: -o-linear-gradient(top, #458FF6 0%,#2E5FA4 100%);
    background: -ms-linear-gradient(top, #458FF6 0%,#2E5FA4 100%);
    background: linear-gradient(to bottom, #458FF6 0%,#2E5FA4 100%);
    border: none;
    cursor: pointer;
    display: block;
    padding:5px;
    border-radius:7px;
    font:13px Yekan;
    color:white;
    text-align:center;
    margin: 5px;
    border:2px solid white;
}
.submit:hover	
{
    background: #15C1F6;
    background: -moz-linear-gradient(top, #15C1F6 0%, #2E5FA4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#15C1F6), color-stop(100%,#2E5FA4));
    background: -webkit-linear-gradient(top, #15C1F6 0%,#2E5FA4 100%);
    background: -o-linear-gradient(top, #15C1F6 0%,#2E5FA4 100%);
    background: -ms-linear-gradient(top, #15C1F6 0%,#2E5FA4 100%);
    background: linear-gradient(to bottom, #15C1F6 0%,#2E5FA4 100%);
    border: none;
    cursor: pointer;
    display: block;
    padding:5px;
    border-radius:7px;
    font:13px Yekan;
    color:white;
    text-align:center;
    border:2px solid white;
}

.checkbox
{
    margin: 5px 0px;
    
}
.checkbox input
{
    float: right;
    padding-top: 3px;
}
.checkbox label
{
    float: right;
    padding-right: 3px;
    color:gray;
    font-size: 13px;
    
}
.lable_form
{
    float:right;
    font:13px Yekan;
    color:gray;
    width:100px;
    padding-top: 7px;
    
}

.error-box {
	
	direction:rtl;
	color: #C00;
	background:pink url('../images/icons/exclamation.gif') no-repeat right 7px center;
	border: 1px solid #DC143C ;
	padding:8px 25px 8px 8px;
        
	
	border-radius:7px;	
	
}
.success-box {
	text-align:right;
	direction:rtl;
	color: black;
	background:#EBF8A4 url('../images/icons/s_success.png') no-repeat right 7px center;
	border: 1px solid #A2D246;
	padding:8px 25px 8px 8px;

	
	border-radius:7px;	
	
}
.loading
{
    background:white url(../images/loading.gif) right 7px center  no-repeat;
    
    padding:10px 25px 8px 8px;
    color:royalblue;
    direction: rtl;
    border-radius:7px;	
}
.loading3
{
    background:url(../images/loading4.gif) right 1px center  no-repeat;
    
    padding:9px;
    border-radius:20px;	
}
.loading2
{
   
   
   
    position:absolute;
    z-index:100001;
   
    top:0px;
    right:0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: url(../images/lightbox.png);
    display: none;
 
  
  
    
	
}