* {
	margin:0
}
html,body {
	height:100%;
	margin:0;
	padding:0;
	width:100%
}
body {
	background:#020202;
	font-family:tahoma;
	overflow:hidden
}
img {
	border:none
}
.wrap {
	overflow:hidden;
	position:relative
}
.wrap_content {
	height:250px;
	margin:0 auto;
	padding-top:200px;
	text-align:center;
	width:980px;
	z-index:1
}
#login-contents {
	clear:both;
	float:right;
	margin-top:20px
}
#rules {
	clear:both;
	color:#FFF;
	direction:rtl;
	font-family:tahoma;
	font-size:8.5pt;
	line-height:15px;
	margin-right:15px;
	text-align:right
}
.wrap_bottom {
	bottom:54px;
	min-height:246px;
	position:absolute;
	width:100%;
	z-index:-4
}
.wrap_bottom .image_wrapper {
	margin:0 auto;
	min-height:246px;
	width:980px
}
.wrap_footer {
	background:#3AA6C5;
	bottom:0;
	height:68px;
	position:absolute;
	width:100%
}
.wrap_footer .content_footer {
	color:#FFF;
	font-family:Lato,sans-serif;
	font-size:14px;
	font-weight:700;
	margin:0 auto;
	position:relative;
	width:980px
}
.wrap_footer .content_footer .left {
	float:left;
	width:490px
}
.wrap_footer .content_footer .right {
	float:right;
	text-align:right;
	width:230px
}
.wrap_footer .content_footer a {
	color:#fff;
	text-decoration:none
}
.wrap_footer .content_footer a:hover {
	text-decoration:underline
}
#clouds {
	background-image:url(../images/login.clouds404.png);
	background-position:0 0;
	background-repeat:repeat-x;
	height:352px;
	position:absolute;
	width:100%;
	z-index:-2
}
#stars {
	background:url(../images/login.stars.png) repeat;
	bottom:0;
	height:100%;
	left:0;
	position:absolute;
	right:0;
	top:0;
	width:100%;
	z-index:-4
}
#moon {
	background:transparent url(../images/login.moon.png) no-repeat center center;
	height:271px;
	left:37%;
	position:absolute;
	top1:%;
	width:469px;
	z-index:-4!important
}
#house {
	background:transparent url(../images/login.house.png) no-repeat center center;
	height:259px;
	left:50px;
	width:439px
}
#tumbleweed {
	background:transparent url(../images/login.tubleweed.png) no-repeat;
	bottom:0;
	height:26px;
	left:101%;
	position:absolute;
	width:29px;
	z-index:-4!important
}
.loginpanel {
	background-image:url(../images/login.loginfrm1.png);
	background-repeat:no-repeat;
	color:#FFF;
	height:178px;
	width:298px
}
#pass {
	background-image:url(../images/login.pwimg.PNG);
	background-repeat:no-repeat;
	height:36px;
	text-align:left;
	width:298px
}
.username {
	height:28px;
	margin-left:30px;
	margin-top:33px;
	text-align:center;
	width:210px
}
#user {
	text-align:left
}
input[type=text],input[type=password] {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:transparent;
	border:none;
	border-radius:4px;
	color:#FFF;
	font-family:tahoma;
	font-size:9pt;
	outline:0
}
.password {
	height:28px;
	margin-left:30px;
	margin-top:2px;
	text-align:center;
	width:210px
}
.btn {
	-background-image:0;
	-border:1px solid #008FB3;
	background-color:#008FB3;
	border:1px solid #008FB3;
	border-radius:2px;
	color:#FFF;
	cursor:pointer;
	font:12px Tahoma;
	padding:6px 10px 7px;
	text-align:center;
	text-decoration:none;
	width:89px
}
.btn:hover {
	background-color:#066F8A;
	background-image:0
}
.jens {
	background-color:#333;
	border:1px solid #666;
	color:#FFF;
	font-family:tahoma;
	font-size:9pt
}
#onlinecout{
	background-image:url(../images/login.online.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:13px;
	height:18px
}


@font-face {
	font-family:Social;
	font-style:normal;
	font-weight:400;
	src:url(../fonts/socialicons-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/socialicons-webfont.woff) format("woff"),url(../fonts/socialicons-webfont.ttf) format("truetype"),url(../fonts/socialicons-webfont.svg#SocialIconsMedium) format("svg")
}
#content {
	margin-top:7px;
	width:400px
}
#content .menu {
	text-align:center
}
#content .menu .primary-menu {
	list-style-type:none;
	position:relative
}
#content .menu .primary-menu li {
	display:inline;
	margin:0 10px;
	position:relative;
	text-align:center
}
#content .menu .primary-menu li a {
	-khtml-border-radius:100px;
	-khtml-box-shadow:0 0 1px 1px #afafaf;
	-khtml-transition:all 1s;
	-moz-border-radius:100px;
	-moz-box-shadow:0 0 1px 1px #afafaf;
	-moz-transition:all 1s;
	-ms-border-radius:100px;
	-ms-box-shadow:0 0 1px 1px #afafaf;
	-ms-transition:all 1s;
	-o-border-radius:100px;
	-o-box-shadow:0 0 1px 1px #afafaf;
	-o-transition:all 1s;
	-webkit-border-radius:100px;
	-webkit-box-shadow:0 0 1px 1px #afafaf;
	-webkit-transition:all 1s;
	background:#82b9c7;
	border:3px solid #fff;
	border-radius:100px;
	box-shadow:0 0 1px 1px #afafaf;
	color:#fff;
	display:inline-block;
	font-family:Social!important;
	font-size:20px;
	height:25px;
	padding-top:8px;
	position:relative;
	text-decoration:none;
	transition:all 1s;
	width:40px
}
#content .menu .primary-menu li.facebook a:hover {
	background:#00438f
}
#content .menu .primary-menu li.twitter a:hover {
	background:#00b8df
}
#content .menu .primary-menu li.flickr a:hover {
	background:#df00bd
}
#content .menu .primary-menu li.rss a:hover {
	background:#ff7800
}
#content .menu .primary-menu li.mail a:hover {
	background:#34e012
}
.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
}