﻿/* CSS Document */
body {
  margin:0;
  background:url(../img/bg.png) repeat-x;
}

.container {
	position:relative;
	width:950px; min-height:200px;
	margin:0 auto 0 auto;
	padding:0;
}
* html .container {
	left:50%; margin-left:-475px;
	_height:200px;
}
.container:after {content:"."; height:0; visibility:hidden; display:block; clear:both;}

.header {
	position:relative; float:left;
	width:950px; height:80px;
	background:url(../img/header_logo.png) no-repeat;
}

.header .info {
	position:absolute; top:0px; right:0px;
	border:none;
	z-index:10;
}

.header div {
	position:absolute; top:65px; right:15px;
	width:220px; height:20px;
	margin:0; padding:0;
	font-size:12px; color:#fff; line-height:20px;
	font-family:Arial;
	z-index:90;
}

.footer {
	position:relative; float:left;
	width:950px; height:85px;
	background:url(../img/footer.png) no-repeat;
	margin:20px 0 0 0; padding:0;
}

.login_spacer {
	position:relative; float:left;
	width:950px; height:40px;
	margin:0; padding:0;
}
.login_block, .login_bulletin, .login_fn {
	position:relative; float:left;
	width:475px;
	margin:0; padding:0;
}
.login_block { height:250px;}
.login_bulletin { height:400px;}
.login_fn { height:150px;}

.bg_normal, .bg_focus {
	position:absolute; top:0px; left:0px;
}
.bg_normal {z-index:1;}
.bg_focus {z-index:10;}

.list_login {
	position:absolute; top:65px; left:30px;
	z-index:90;
	width:400px;
	margin:0; padding:0;
	list-style:none;
	font-size:15px;
}
.list_login li {
	list-style:none;
	width:400px; min-height:30px;
	margin:0; padding:0;
}
* html .list_login li {height:30px;}

.list_login li span {
	position:relative; float:left;
	width:155px; height:30px; line-height:30px;
	margin:0; padding:0;
}
.inputbox {
	border:1px solid #999;
	background:url(../img/bg_inputbox.gif) no-repeat;
	height:20px;
}
.li_note {
	font-size:13px; line-height:18px; color:#666;
}
.li_btn {
	text-align:center;
}
.li_btn2 {
	text-align:left;
}
.btn_login {
	width:100px; height:30px;
	font-size:13px; color:#fff; line-height:30px;
	background:url(../img/btn_login.gif) no-repeat;
	border:none; outline:none;
	margin:10px 0; padding:0;
	cursor:pointer;
}
.btn_function {
	width:125px; height:30px;
	font-size:13px; color:#fff; line-height:30px;
	background:url(../img/btn_function.gif) no-repeat;
	border:none; outline:none;
	margin:2px 0; padding:0;
	cursor:pointer;
}

.list_bulletin {
	position:absolute; top:65px; left:30px;
	z-index:90;
	width:397px; height:280px;
	margin:0; padding:0 0 0 3px;
	list-style:none;
	font-size:13px;
	border:1px solid #ccc;
	overflow:auto;
}
* html .list_bulletin {width:400px;}
.list_bulletin li {
	list-style:none;
	width:375px; min-height:16px; line-height:16px;
	color:#333;
	margin:0; padding:3px 0;
	border-bottom:1px solid #ccc;
}
* html .list_bulletin li {height:20px;}

.login_terms {
	position:relative; float:left;
	width:935px; min-height:50px;
	margin:0; padding:0 0 0 15px;
	font-size:13px; line-height:18px; color:#666;
}
* html .login_terms {width:950px; height:50px;}

/* Navigation Block */
.navi_block {
	position:relative; float:left;
	width:950px; height:65px;
	margin:10px 0 0 0; padding:0;
	z-index:15;
	font-size:15px; line-height:38px;
}

/* Sidemenu Block */
.sidemenu_block {
	position:relative; float:left;
	width:150px; min-height:100px;
	margin:20px 0 0 0; padding:0;
}
* html .sidemenu_block {height:100px;}

.sidemenu_block img {
	position:relative; float:left;
	margin:0; padding:0;
	border:none;
}

.sidemenu_block ul {
	position:relative; float:left;
	width:150px;
	margin:0; padding:0;
	list-style:none;
}
.sidemenu_block li {
	position:relative; float:left;
	width:120px; line-height:30px;
	background:url(../img/bg_sidemenu_btn.png) no-repeat bottom left;
	font-size:15px; color:#000;
	margin:0; padding:0 10px 0 20px;
	list-style:none;
}
.sidemenu_block li a, .sidemenu_block li a:link, .sidemenu_block li a:visited {
	color:#000; text-decoration:none;
}
.sidemenu_block li a:hover {
	color:#000; text-decoration:underline;
}

/* Right Block */
.right_block {
	position:relative; float:left;
	width:800px; min-height:100px;
	margin:20px 0 0 0; padding:30px 0 0 0;
}
* html .right_block {height:100px;}

.right_block h3 {
	position:relative;
	width:800px; height:30px;
	margin:0; padding:0;
	border:1px solid #ccc; border-left:none; border-right:none;
	font-size:15px; color:#000; font-weight:normal; line-height:30px;
}
.right_block h3 span {
	position:relative; float:left;
	height:30px;
	font-size:15px; color:#f00; font-weight:normal; line-height:30px;
	background:#ccc;
	margin:0 10px 0 0; padding:0 10px;
}

.right_block h4 {
	font-size:15px; font-weight:normal; line-height:30px;
}

/* Central Block */
.center_block {
	position:relative; float:left;
	width:950px; min-height:100px;
	margin:27px 0 0 0; padding:30px 0 0 0;
}
* html .center_block {height:100px;}

.center_block h3 {
	position:relative; float:left;
	width:950px; height:30px;
	margin:0; padding:0;
	border:1px solid #ccc; border-left:none; border-right:none;
	font-size:15px; color:#000; font-weight:normal; line-height:30px;
}
.center_block h3 span {
	position:relative; float:left;
	height:30px;
	font-size:15px; color:#f00; font-weight:normal; line-height:30px;
	background:#ccc;
	margin:0 10px 0 0; padding:0 10px;
}

.acctLink a:link, a:visited {
	color:#30f; text-decoration:underline;
}

#acctInfo {
	display:none;
	width:210px;
	height:80px;
	background:url(../img/white_arrow2.png) repeat-x;
	padding:15px 0 0 20px;
	font-size:13px;
}