*{font-family:tahoma;font-size:12px;margin:0px;padding:0px;}
html{overflow-y:scroll;}
body{margin:0 auto;padding:0;font-family:tahoma;font-size:12px;text-align:center;}

@font-face {
	font-family: 'Yekan';
	src: url('/static/fonts/Yekan.eot?#') format('eot'),   url('/static/fonts/Yekan.woff') format('woff'),    url('/static/fonts/Yekan.ttf') format('truetype');  
   font-weight: normal;
   font-style: normal;
}


#wrapper{max-width:1200px;margin:0 auto;min-width:700px;text-direction:rtl;}

form{margin:0px;padding:0px;}
input {border-radius: 0;-webkit-appearance: none; border-radius: 0;font-family: Tahoma; font-size: 12px;}
.textbox{border: 1px solid #C0C0C0;background-color:#fff;display:block;padding:8px;background-clip: padding-box;}

a:link{color:#0288d1;text-decoration:none;}
a:visited  {color:#0288d1;text-decoration:none;}
a:hover{color:#01579b;text-decoration:none;}

#logo {text-align:left;width:100%;}
#logo img{ padding-left:0px;padding-top:15px;padding-bottom:8px;max-width:100%;}

#homebox{width:100%;height:180px;background-color:#2E74B8;}
#loginbox{background:#fafafa;width:235px;float:right;text-align:center;height:100%;text-align:center;}
#loginform{width:100%;height:100%;text-align:center;}
#forgetpass {position:absolute;top:150px;width:100%;left:0px;text-align:center; }
#loginform .userlabel {text-align:center;color:gray;position:absolute;top:12px;left:12px;width:190px;background-color:#fff;padding:5px;}
#loginform .passlabel {text-align:center;color:gray;position:absolute;top:52px;left:12px;width:190px;background-color:#fff;padding:5px;}
#loginform .usr {position:absolute;top:10px;left:10px; width:194px;text-direction:ltr}
#loginform .pass {position:absolute;top:50px;left:10px; width:194px;text-direction:ltr}
#loginform .btnlogin {width: 212px; height: 35px;position:absolute;top:90px;left:10px;}

#luster{overflow:hidden;height:100%;direction:rtl;}
#luster .wall{height:100%;min-height:180px;background:url('../images/header.gif') #2E74B8  repeat;background-position:0% 0%;background-size:cover;}
#luster .txtbox{padding-top:50px;text-align:center;;vertical-align: middle;height:100%;text-align:center;}
#luster .txtbox h1{display:block;text-align:center;padding: 10px 0px 25px 0px; line-height:200%;font-family:Yekan,Arial;font-size:14px;color:white;}


#firstspc {height:20px;}
#menu {background-color:white;text-align:center;margin-top:10px;margin-bottom:10px;direction:rtl;color:gray;line-height:200%;padding-left:5px;padding-right:5px;}
.clear{clear:both;}


.btn { padding:0px;background-color:#2196f3;color:white;border:0px;margin:0px;}
.btn:hover {background-color:#1976d2;color:white;}

.btnSignup {padding:10px;background-color:#1F467A;color:#fff;border:0px;font-family: Tahoma; }
.btnSignup:hover {padding:10px;background-color:#fafafa;color:#01579b;border:0px;font-family: Tahoma;}

#menu {background-color:white;text-align:center;margin-top:10px;margin-bottom:10px;direction:rtl;color:gray;line-height:200%;padding-left:5px;padding-right:5px;}
#menu a {	display:inline-block;padding:0 5px 0px 5px; } 

#news{margin:10px 0px 10px 0px;border:1px solid #f5f5f5;}
#news .head{float:right;padding: 3px 5px 3px 5px;background-color:#f5f5f5;}
#news .text{float:right;padding: 3px 5px 3px 5px;}


#uplink {text-align:center;margin-top:20px;margin-bottom:20px;} 
#uplink h3{width:100%; text-align:center; border-bottom: 1px solid #f5f5f5;line-height:1px;font-weight:normal;}
#uplink span{background:#fff; margin-bottom:-10px; padding:0px 10px 0px 10px; display:inline-block;}
 
#updated {margin:10px 0px 10px 0px ;text-align:center;}
#updated p,div,span,a{line-height:18px;}
#updated .box {width:24.9%;text-align:center;float:right;direction:rtl;margin:0px;padding:0px;}
#updated .boxin {padding:8px;padding-bottom:15px;height:114px;text-align:right;overflow:hidden;border:1px solid #f0f0f0;margin:2px;background-color:#f5f5f5;}
#updated .boxin:hover {background-color:#fbfbfb;}
#updated .boxin .txt{display:block;line-height:18px;}
#updated .boxin .url{;display:block;color:gray;direction:ltr;}

#updatedlink {margin:10px 0px 10px 0px; border:1px solid #f0f0f0;background-color:#f5f5f5;padding:5px;text-align:center;}



@media screen and (max-width: 700px){
    #wrapper {min-width:30px;width:100%;margin:0px;padding:0px;}
	#loginbox {background-color:#fafafa;width:100%;height:180px;text-align:center;display:block;float:none;}
	#luster {background-color:#2196f3;width:100%;margin:0px;height:100%;max-width:100%;}
	#luster .wall{min-height:5px;}
	#luster .txtbox{height:100%;text-align:center;position:relative;padding:10px 0px 15px 0px;}
	#luster .txtbox h1{font-size:12px;color:white;}
	#homebox{ width:100%;height:auto;background-color:#2196f3;float:none; }
	#updated .box {width:50%;text-align:center;float:right;}

}

@media screen and (max-width: 450px){
#wrapper {min-width:30px;width:100%;margin:0px;padding:0px;}
#updated .box {width:100%;text-align:center;float:none;}
}