body{background:url( '../images/login.body.png ') repeat-x top center #023F5A;direction:rtl}
a{color:#5AC8E3;text-decoration:none}
a:hover{color:#2399B4}
.inner{background:url( '../images/login.shadow.png ') no-repeat center center;height:600px;width:930px;margin:auto}
#header{}
#header .logo{margin-right:80px;margin-top:10px;float:right;width:210px;height:170px;background:url( '../images/login.header.png ') no-repeat center center}
#header .onliner{margin:auto;background:url( '../images/login.onmenu.png ') no-repeat center center;height:54px;width:214px;margin-bottom:30px}
.onliner .on{color:white;font:bold 18px tahoma;float:left;margin-left:25px;width:45px;text-align:center}
.onliner .ym{color:white;font:bold 18px tahoma;float:left;margin-left:2px;width:20px;margin-top:12px;text-align:center}
#header .menu{margin-top:20px;float:left;width:570px;height:60px}
.menu ul,.menu li{list-style:none;padding:0;margin:0}
.menu li{float:right;background:url( '../images/login.menubg.png ') no-repeat center center;height:45px;width:100px}
.menu li a{display:block;width:100px;padding-top:13px;height:15px;text-align:center;color:white;font:bold 15px verdana;text-decoration:none}
.menu li.first{background-position:center right;width:10px}
.menu li.last{background-position:center left;width:10px}
#logins{margin-top:10px;width: 650px;margin-right:auto;margin-left:auto;position: relative;}
#logins .name{background:url( '../images/login.nametext.png ') no-repeat center center;height:30px}
#logins form{text-align:center}
#logins input{font:bold 17px tahoma;color:#023F5A}
.typer input{padding:0;margin:0;border:none;width:185px;margin-left:3px;margin-top:3px;height:28px;text-align:center}
.typer{margin:auto;width:236px;height:36px;border:none;padding:0;text-align:left}
#logins .login1{background:url( '../images/login.loginbg.png ') no-repeat center center;float:right;width:290px;height:250px}
.login1 .typer{background:url( '../images/login.form1.png ') no-repeat center center}
.login1 .top{background:url( '../images/login.login1.png ') no-repeat center center;height:65px}
#logins .login2{background:url( '../images/ghanoonha.png ') no-repeat center center;margin-right:27px;float:right;width:290px;height:250px}
.login2 .typer{background:url( '../images/login.form2.png ') no-repeat center center}
.login2 .pass{margin-top:10px;background:url( '../images/login.form22.png ') no-repeat center center}
.login2 .top{background:url( '../images/login.login2.png ') no-repeat center center;height:65px}
#logins .login3{background:url( '../images/login.loginbg.png ') no-repeat center center;float:left;width:290px;height:250px}
.login3 .typer{background:url( '../images/login.form3.png ') no-repeat center center}
.login3 .top{background:url( '../images/login.login3.png ') no-repeat center center;height:65px}
.gender{background:url( '../images/login.gender.png ') no-repeat center center;width:230px;margin:auto;height:35px;margin-top:10px;text-align:center}
.gender .male{float:right;margin-top:12px;margin-right:77px}
.gender .female{float:left;margin-top:12px;margin-left:63px}
.btn{background:url( '../images/login.loginbtn.png ') no-repeat center center;width:68px;height:27px;border:none;margin:0;padding:0;cursor:pointer;margin-top:10px}
#footer{margin-top:30px;color:white;font:11px tahoma;text-align:center;line-height:20px}
.inp_style{padding:4px;font-family:Tahoma;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;box-shadow:1px 2px 6px #333;font-size:11px;width:140px;margin-bottom:5px}.inp_style2{padding:4px;font-family:Tahoma;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;box-shadow:1px 2px 6px #333;font-size:11px;width:150px;background-color:#FFDFEF}