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

body{
	padding:0px;
	margin:0px;	
	background:url("../images/bg_outline.gif") no-repeat fixed center top;
	font-family:"Century Gothic";
	font-weight:bold;
	font-size:0.9em;
	display:block;
}

#main_container{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	min-height:800px;
	_height:800px;
}

#header{
	height:150px;
	width:100%;	
}

#header_content{
	height:150px;
	width:100%;
	background:url(../images/hubnetup_bg_top.png) no-repeat;
}

#footer{
	height:100px;
	width:100%;	
	clear:both;
}

#footer_content{
	height:100px;
	line-height:100px;
	width:100%;
	background-color:#008AfE;
	color:#FFFFFF;
	text-align:center;	
}

#menu{
	height:30px;
	line-height:30px;
	width:100%;
}

#content{
	background:url(../images/box_bg.jpg) repeat;
	min-height:600px;
	_height:600px;
	width:100%;
	clear:both;
}

#loggin_area{
	position:relative;
	top:150px;
	width:300px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/hubnetup_loggin_bg.png) no-repeat;
}

.sub_zone_title{
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	width:100%;
	position:relative;
	left:10px;
	top:-5px;
}

.s5{
	width:100%;
	height:5px;
	font-size:0px;
	clear:both;
}

.s10{
	width:100%;
	height:10px;
	font-size:0px;
	clear:both;
}

.s10_spe{
	width:100%;
	height:10px;
	font-size:11px;
	margin:10px;
	clear:both;
}

.form_title{
	width:25%;
	text-align:right;
	float:left;
	height:25px;
}

.form_element{
	width:70%;
	text-align:center;
	float:left;
	height:25px;
}

.form_element_special{
	width:100%;
	text-align:center;
	height:25px;
}

.form_button{
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
}

#welcome_zone{
	width:79%;
	float:left;
}

#logout_zone{
	width:20%;
	float:left;
	text-align:right;
}

#upload_zone{
	position:relative;
	top:50px;
	float:left;
	height:250px;
	width:49%;
}

#upload_zone_inner{
	width:300px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/hubnetup_loggin_bg.png) no-repeat;
}

#archive_zone{
	position:relative;
	top:50px;
	float:left;
	min-height:250px;
	_height:250px;
	width:49%;
}

#archive_zone_inner{
	width:auto;
	min-height:250px;
	padding:10px;
	_width:300px;
	_height:250px;
}

#loader_div{
	display:none;
	width:300px;
	height:32px;
	text-align:center;
	position:absolute;
	top:100px;
}

#alert{
	display:none;
	width:100%;
	text-align:center;
}

.alert_elem_green{
	width:100%;	
	text-align:center;
	height:40px;
	line-height:40px;
	clear:both;
	background-color:#119F4B;
}

.alert_elem_red{
	width:100%;	
	text-align:center;
	height:40px;
	line-height:40px;
	clear:both;
	background-color:#E11931;
}

.archive_elem{
	width:100%;
	height:30px;
	display:none;
}

.archive_elem_vis{
	width:100%;
	height:30px;
}

#archive_zone_inner{
	width:auto;
	min-height:250px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	padding:10px;
	_width:300px;
	_height:250px;
}

.archive_elem #archive_elem_ref{
	width:68%;
	float:left;
	text-align:center;
	height:25px;
	line-height:25px;
}

.archive_elem #archive_elem_date{
	width:32%;
	height:25px;
	line-height:25px;
	float:left;
	text-align:center;
}

.archive_elem_vis #archive_elem_ref{
	width:68%;
	float:left;
	text-align:center;
	height:25px;
	line-height:25px;
}

.archive_elem_vis #archive_elem_date{
	width:30%;
	height:25px;
	line-height:25px;
	float:left;
	text-align:center;
}

.archive_elem a{
	color:#000000;
}

.archive_elem_vis a{
	color:#000000;
}

.list_elem{
	width:400px;
	margin-left:15px;
	height:30px;
}

.list_elem #list_elem_ref{
	width:200px;
	float:left;
	height:30px;
	line-height:30px;
}

.list_elem #list_elem_date{
	width:200px;
	float:left;
	height:30px;
	line-height:30px;
}

.now_loading{
	position:relative;
	top:200px;
	margin-left:auto;
	margin-right:auto;
	width:200px;
	height:100px;
	text-align:center;
	font-size:18px;
}