@charset "utf-8";
/* CSS Document */

body {
	font-style:"Arial";
	font-size:18px;
	color:#000;
}

#form_container {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	display:none;
}

#header {
	position:absolute;
	z-index:0;
	width:100%;
	height:100px;
	background:#f08c40;
	min-width:800px;
	top:0;
	left:0;
}

.header_label {
	position:relative;
	float:left;
	font-size:24px;
	width:100%;
	height:28px;
}

#login {
	position:relative;
	width:100px;
	height:20px;
	margin-top:60px;
	float:right;
	margin-right:12%;
	cursor:pointer;
}

.login_box {
	position:relative;
	float:left;
	width:180px;
	height:22px;
	background:#FFF;
	border:none;
	margin-left:10px;
}

#loginBtn {
	position:relative;
	width:50px;
	background:#F90;
	color:#000;
	margin-left:130px;
	cursor:pointer;
	height:22px;
	border-radius:5px;
}

.login_label {
	position:relative;
	float:left;
	width:180px;
	height:22px;
	color:#F93;
	margin-left:10px;
}

#login_form {
	position:absolute;
	z-index:20;
	top:100px;
	left:83%;
	margin-left:-100px;
	width:200px;
	height:180px;
	background:#666;
	display:none;
}

#logo {
	position:relative;
	float:left;
	margin-left:10%;
	background:url(../images/chyp_header_logo.png) no-repeat;
	width:204px;
	height:80px;
	margin-top:10px;
}

#page_container {
	position:absolute;
	z-index:10;
	width:800px;
	height:600px;
	left:50%;
	margin-left:-400px;
	top:100px;
}