@charset "utf-8";
.panel {
	 background-color:#e5e5e5;
	 height:34px;
	 padding:10px;
     text-decoration: none;
}

.panel a#logintop,  .panel a#jointop {
	 display:block;
	 float:left;
	 margin-right:1px;
	 padding:2px 0 0 4px;
}

.box h2,  p ,  a,  label {
	 font-family: 'yekan';
}

a:link {
	 text-decoration:none;
}

a:active {
	 text-decoration:none;
}

a:visited {
	 text-decoration:none ;
}

.box {
	direction:rtl;
	width:330px;
	height:auto;
	left:50%;
	top:10%;
	padding:15px;
	position:fixed;
	display:inline-block;
	background:white;
	border-radius:5px;
	box-shadow:0 0 10px rgba(0, 0, 0,  .4);
	 text-align:center;
	border:1px solid #b4b1b1;
	visibility:hidden;
	z-index:10;
	 -webkit-transform:translate(-50%,  -50%);
	-moz-transform:translate(-50%,  -50%);
	-ms-transform:translate(-50%,  -50%);
	-o-transform:translate(-50%,  -50%);
	transform:translate(-50%,  -50%);
	-webkit-transition:opacity .5s,  top .5s;
	-moz-transition:opacity .5s,  top .5s;
	-ms-transition:opacity .5s,  top .5s;
	-o-transition:opacity .5s,  top .5s;
	transition:opacity .5s,  top .5s;
}

.overlay:target+.box {
	top:42%;
	opacity:1;
	visibility:visible;
}

.overlay {
	background-color:rgba(0,  0,  0,  0.6);
	bottom:0;
	cursor:default;
	left:0;
	opacity:0;
	position:fixed;
	right:0;
	top:0;
	visibility:hidden;
	z-index:1;
	-webkit-transition:opacity .5s;
	-moz-transition:opacity .5s;
	-ms-transition:opacity .5s;
	-o-transition:opacity .5s;
	transition:opacity .5s;
}

.overlay:target {
	visibility:visible;
	opacity:1;
}

.close {
	background-image:url(../images/close.png);
	height:32px;
	width:32px;
	position:absolute;
	right: -15px;
	;text-align:center;
	text-decoration:none;
	top: -15px;
}

.close:hover {
	-webkit-filter:brightness(10%);
}

.fb {
	background-image:url(../images/fb-icon.png);
	background-repeat:no-repeat;
	 background-position:90% 42%;
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background-color:#3b5998;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #133783;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:10px;
	font-weight:bold;
	padding:5px 30px 5px 11px;
	text-decoration:none;
	cursor:pointer;
}

.fb:hover {
	background-color:#5782d9;
}

.fb:active {
	position:relative;
	top:1px;
}

.tw {
	background-image:url(../images/tw-icon.png);
	background-repeat:no-repeat;
	 background-position:90% 42%;
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background-color:#00aeed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #027091;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:10px;
	font-weight:bold;
	padding:5px 30px 5px 11px;
	text-decoration:none;
	cursor:pointer;
}

.tw:hover {
	background-color:#009dd1;
}

.tw:active {
	position:relative;
	top:1px;
}

input[type=button] {
	padding:5px 25px;
	border:1px solid;
	font-size:11px;
	cursor:pointer;
	text-decoration:none;
}

input[type=button].red {
	color:#fff;
	border-color:#cc3333;
	-moz-box-shadow:inset 0 0 2px 0 rgba(255,  255,  255,  0.6);
	-webkit-box-shadow:inset 0 0 2px 0 rgba(255,  255,  255,  0.6);
	box-shadow:inset 0 0 2px 0 rgba(255,  255,  255,  0.6);
	text-shadow:0px 1px 1px rgba(0,  0,  0,  0.5);
	background:#e35940;
	 background: -moz-linear-gradient(top,  #e35940 0%,  #cb4229 100%);
	 background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%, #e35940),  color-stop(100%, #cb4229));
	 background: -webkit-linear-gradient(top,  #e35940 0%, #cb4229 100%);
	 background: -o-linear-gradient(top,  #e35940 0%, #cb4229 100%);
	 background: -ms-linear-gradient(top,  #e35940 0%, #cb4229 100%);
	 background:linear-gradient(to bottom,  #e35940 0%, #cb4229 100%);
	 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e35940',  endColorstr='#cb4229', GradientType=0 );
	 -webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

input[type=button].red:hover {
	background:#e35940;
	 background: -moz-linear-gradient(top,  #e35940 0%,  #c9371e 100%);
	 background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%, #e35940),  color-stop(100%, #c9371e));
	 background: -webkit-linear-gradient(top,  #e35940 0%, #c9371e 100%);
	 background: -o-linear-gradient(top,  #e35940 0%, #c9371e 100%);
	 background: -ms-linear-gradient(top,  #e35940 0%, #c9371e 100%);
	 background:linear-gradient(to bottom,  #e35940 0%, #c9371e 100%);
	 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e35940',  endColorstr='#c9371e', GradientType=0 );
}

input[type=button].red:active {
	background:#e35940;
}

input[type=button].blue {
	color:#000;
	border-color:#0099cc;
	-moz-box-shadow:inset 0 0 2px 0 rgba(255,  255,  255,  0.8);
	-webkit-box-shadow:inset 0 0 2px 0 rgba(255,  255,  255,  0.8);
	box-shadow:inset 0 0 2px 0 rgba(255,  255,  255,  0.8);
	text-shadow:0px 1px 1px rgba(255,  255,  255,  0.8);
	background:#9ae0e9;
	 background: -moz-linear-gradient(top,  #9ae0e9 0%,  #82c8d1 100%);
	 background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%, #9ae0e9),  color-stop(100%, #82c8d1));
	 background: -webkit-linear-gradient(top,  #9ae0e9 0%, #82c8d1 100%);
	 background: -o-linear-gradient(top,  #9ae0e9 0%, #82c8d1 100%);
	 background: -ms-linear-gradient(top,  #9ae0e9 0%, #82c8d1 100%);
	 background:linear-gradient(to bottom,  #9ae0e9 0%, #82c8d1 100%);
	 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ae0e9',  endColorstr='#82c8d1', GradientType=0 );
	 -webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

input[type=button].blue:hover {
	background:#9ae0e9;
	 background: -moz-linear-gradient(top,  #9ae0e9 0%,  #69c4ce 100%);
	 background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%, #9ae0e9),  color-stop(100%, #69c4ce));
	 background: -webkit-linear-gradient(top,  #9ae0e9 0%, #69c4ce 100%);
	 background: -o-linear-gradient(top,  #9ae0e9 0%, #69c4ce 100%);
	 background: -ms-linear-gradient(top,  #9ae0e9 0%, #69c4ce 100%);
	 background:linear-gradient(to bottom,  #9ae0e9 0%, #69c4ce 100%);
	 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ae0e9',  endColorstr='#69c4ce', GradientType=0 );
}

input[type=button].blue:active {
	background:#9ae0e9;
}

input[type=button].signup {
	margin-bottom:10px;
	color:#000;
	border-color:#0099cc;
	-moz-box-shadow:inset 0 0 2px 0 rgba(255,  255,  255,  0.8);
	-webkit-box-shadow:inset 0 0 2px 0 rgba(255,  255,  255,  0.8);
	box-shadow:inset 0 0 2px 0 rgba(255,  255,  255,  0.8);
	text-shadow:0px 1px 1px rgba(255,  255,  255,  0.8);
	background:#9ae0e9;
    text-decoration: none;
	 background: -moz-linear-gradient(top,  #9ae0e9 0%,  #82c8d1 100%);
	 background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%, #9ae0e9),  color-stop(100%, #82c8d1));
	 background: -webkit-linear-gradient(top,  #9ae0e9 0%, #82c8d1 100%);
	 background: -o-linear-gradient(top,  #9ae0e9 0%, #82c8d1 100%);
	 background: -ms-linear-gradient(top,  #9ae0e9 0%, #82c8d1 100%);
	 background:linear-gradient(to bottom,  #9ae0e9 0%, #82c8d1 100%);
	 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ae0e9',  endColorstr='#82c8d1', GradientType=0 );
	 -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

input[type=button].signup:hover {
	background:#9ae0e9;
	 background: -moz-linear-gradient(top,  #9ae0e9 0%,  #69c4ce 100%);
	 background: -webkit-gradient(linear,  left top,  left bottom,  color-stop(0%, #9ae0e9),  color-stop(100%, #69c4ce));
	 background: -webkit-linear-gradient(top,  #9ae0e9 0%, #69c4ce 100%);
	 background: -o-linear-gradient(top,  #9ae0e9 0%, #69c4ce 100%);
	 background: -ms-linear-gradient(top,  #9ae0e9 0%, #69c4ce 100%);
	 background:linear-gradient(to bottom,  #9ae0e9 0%, #69c4ce 100%);
	 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ae0e9',  endColorstr='#69c4ce', GradientType=0 );
     text-decoration: none;
}

input[type=button].signup:active {
	background:#9ae0e9;
}

.text-field  {
	display:block;
	margin:0 auto;
	width:180px;
	border:1px solid #c0c2c7;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#8c8f90;
	padding:10px;
	font-style:normal;
	font-size:11px;
	margin-bottom:10px;
	-moz-box-shadow:inset 0 1px 3px -1px #b4b1b1;
	-webkit-box-shadow:inset 0 1px 3px -1px #b4b1b1;
	box-shadow:inset 0 1px 3px -1px #b4b1b1;
}

.text-field:focus {
	 outline:none;
	box-shadow:inset 0 2px 0 rgba(0, 0, 0, .2),  0 0 4px rgba(0, 0, 0, 0.1), 0 0 5px 1px #51CBEE;
}

.error {
	position:absolute;
	width:362px;
	height:50px;
	margin-left:-16px;
	margin-top:13px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	background-color:#b20a0a;
	box-shadow:0 0 10px rgba(0, 0, 0,  .4);
	visibility:hidden;
}

.error .errortext {
	vertical-align:middle;
	margin-top:17px;
	font-family: Tahoma, Geneva, sans-serif;
}

.box p {
	display:inline;
	color:#7e7e7e;
	font-size:11px;
}

#forg {
	color:#7e7e7e;
	margin-right:95px;
}

#buttons,  .connectwith {
	display:block;
	padding-bottom:15px;
}

.alimir{
	width:360px;
	margin:220px auto;
	font-size:18px;
	text-align:center;
	border:1px dashed;
	padding:15px 5px;
	background-color:#e5e5e5;
	opacity:0.8;
	color:#666;
}
.alimir a{
	color:#e35940;	
}
#navbar {
	PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-ALIGN: center
}
#navbar A {
	BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0c0c0 1px solid; MIN-WIDTH: 30px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #000080; PADDING-TOP: 2px; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}
#navbar A:visited {
	BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0c0c0 1px solid; MIN-WIDTH: 30px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #000080; PADDING-TOP: 2px; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}
#navbar A:hover {
	BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; BORDER-LEFT: #c0c0c0 1px solid; COLOR: white; PADDING-TOP: 2px; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #0000b0; TEXT-DECORATION: none
}
#navbar SPAN {
	BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10pt; PADDING-BOTTOM: 2px; BORDER-LEFT: #c0c0c0 1px solid; COLOR: gray; PADDING-TOP: 2px; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #f5f5f5; TEXT-DECORATION: none
}#results {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 9pt; FONT-FAMILY: Tahoma
}
#results .u {
	FONT-SIZE: 9pt; COLOR: green; FONT-FAMILY: Arial; text-direction: ltr
}
#results .d {
	FONT-SIZE: 10pt; COLOR: #595959; FONT-FAMILY: Tahoma
}
#results .i {
	PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: white 5px solid; WIDTH: 98%; PADDING-TOP: 10px; BORDER-BOTTOM: #f4f4f4 1px solid; BACKGROUND-COLOR: white
}
#results .p:link {
	FONT-SIZE: 8pt; COLOR: #1f12c2; FONT-FAMILY: tahoma; TEXT-DECORATION: none
}
#results .p:visited {
	FONT-SIZE: 8pt; COLOR: #1f12c2; FONT-FAMILY: tahoma; TEXT-DECORATION: none
}
#results .p:hover {
	FONT-SIZE: 8pt; COLOR: red; FONT-FAMILY: tahoma; TEXT-DECORATION: none
}
#results .l:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10.3pt; COLOR: #1c4da8; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
#results .l:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10.3pt; COLOR: #1c4da8; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
#results .l:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10.3pt; COLOR: red; FONT-FAMILY: Arial; TEXT-DECORATION: none
}