@charset "utf-8";
body {
	 margin:0;
	 padding:0;
	 font-family: 'Behdad-Regular', 'Arial', 'Raleway', sans-serif;
	 font-size:11px;
}

html {
	 background:url(../images/bg.png) repeat;
}

.panel {
	 background-color:#e5e5e5;
	 height:34px;
	 padding:10px;
}

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

body {
	 margin:0;
	 padding:0;
}

.box h2,  p ,  a,  label {
	 font-family:  'Behdad-Regular', 'Arial', 'Raleway', sans-serif;
}

a:link {
	 text-decoration:none;
}

a:active {
	 text-decoration:none;
}

a:visited {
	 text-decoration:none ;
}

.box {
	direction:ltr;
	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:48px;
	width:48px;
	position:absolute;
	right: -18px;
	;text-align:center;
	text-decoration:none;
	top: -20px;
}

.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;
	 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 );
}

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

.text-field  {
	display:block;
	align:middle;
	margin:0 auto;
	width:80%;
	height:10px;
	border:1px solid #c0c2c7;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#8c8f90;
	padding:15px 18px;
	font-style:normal;
	font-size:13px;
	margin-bottom:10px;
	text-align: left;
	-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;
}

#dlinfoh2{
	margin-bottom: 25px;
}

.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:16px;
	
	direction: ltr;
	text-align: right;
}

#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;
}


/*Added By Ehsan*/
.guide
{
	width: 500px;
}

@media (max-width: 768px) {
	
	.guide
	{
		width: 100%;
	}
}