@charset "utf-8";
@import url("account.css");
/*========= Custom CSS ========*/
* {
	padding:0;
	margin:0;
}
body {
	color:#666666;
	font: 70%/1.3  Verdana, 'Trebuchet MS', arial, sans-serif;
	font-size:11px;
	background:url() #99CCFF;
}
a {
	color:#363636;
	text-decoration:none;
}
a:hover {
	color: #990000;
	text-decoration:underline;
}
h3 {
	font-size:14px;
	font-weight: normal;
}

#bg {
	width:960px;
	height:auto;
	margin:0 auto;
	background:#FFF;
}
img {
	border:0;
}

.h {
	overflow:hidden;
	width:100%;
	height:10px;
}
.more {
	text-align:right;
	padding-right:10px;
}
.clear {
	clear:both;
}
/*========== Header CSS  ===========*/
#header {
	width:100%;
	background:url() no-repeat;
}
#top {
	width:100%;
	height:83px;
	background:url(img/top-bg.gif) repeat-x;
	position:relative;
}
#top-box {
}
#logo {
	float:left;
}

#toppanel {
	position: absolute;
	width:400px;
	left:560px;
	z-index: 25;
	text-align: center;

}
#panel {
	width:400px;
	position: relative;
	top:53px;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}
#panel_contents {
	background:#DDE0E0;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	height: 75%;
	width:400px;
	position: absolute;
	z-index: -1;
}
.panel_button {
	float:right;
	padding:0 5px 0 15px;
	height:30px;
	background:url(img/lock.gif) no-repeat 0 2px;
}
.panel_button a {
	color:#81923A;
	font-weight:bold;
}

#member-pan {
	float:right;
}

/* Nav CSS  */
#nav {
	float:right;
	width:658px;
	height:39px;
	position:absolute;
	top:39px;
	left:302px;
}
#nav ul {
	padding:0 3px 0 0;
	height:39px;
	list-style:none;
	background:url(img/nav-left.gif) no-repeat;
}
#nav ul li {
	float:left;
}
#nav ul li a {
	display:block;
	width:109px;
	height:27px;
	padding:12px 0 0 0;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	background:url(img/nav-0.gif) left top no-repeat;
}
#nav ul li a:hover {
	background:url(img/nav-1.gif) left top no-repeat;
}

/*============= Main CSS  ============*/
#main {
	background:;
}

td.bar {
	padding:0;
	width:280px;
}
td.page {
	padding:0;
	width:680px;
	background:url(img/right-bg.gif) right top repeat-y;
}

#bar {
	padding:5px 5px 0 5px;
}
#page {
	padding:5px 5px 0 10px;
}
/* Bar CSS  */

/* ++++++++++++ */
.bar-box {
	margin-bottom:5px;
}
.bar-box h3 {
	height:27px;
	padding:3px 0 0 25px;
	font-size:14px;
	color:#FFF;
	background:url(img/bar-box-title.gif) no-repeat;
}
.bar-box .bar-content {
	padding:3px 5px;
	color:#;
	background:url();
}

/* Custom  */
.bar-box1 {
	background:url(img/bar-box-bg.gif) repeat-y;
}
.bar-box1 h3 {
}
.bar-box1 .bar-content {
	padding:3px 5px;
	color:#;
	background:url(img/bar-box-bottom.gif) left bottom no-repeat;
}

.member {
	height:200px;
	background:url(img/member-bg.gif) no-repeat;
}
#login {
	padding:50px 90px;
	position:absolute;
}
#login td {	
	padding:3px;
	color:#000;
}
a#signup {
	color:#000;
	padding-left:10px;
	background:url(img/dot1.gif) no-repeat 0 5px;
}
a:hover#signup {
	color: #990000;
}
a#lost {
	color:#000;
	padding-left:10px;
	background:url(img/dot1.gif) no-repeat 0 5px;
}
a:hover#lost {
	color:#990000;
}


.info {
}
.info h3 {
	background:url(img/big-title.gif) no-repeat 0 0;
}
.info .status td {
	padding:2px 0 2px 0;
	border-bottom:1px dotted #CCCCCC;
}
.info .status td b {
	font-weight:normal;
}

.accept {
}
.accept h3 {
	background:url(img/big-title.gif) no-repeat -270px 0;
}
.accept .bar-content {
	padding:10px 5px;
}
.accept ul {
	list-style:none;
}
.accept ul li {
	padding:5px 0;
	text-align:center;
}




/* Page CSS  */

/* ++++++++++++ */
.page-box {
	margin-bottom:5px;
	background:url(img/hr-dashed.gif) repeat-x 0 15px ;
}
.page-box h3 {
	float:left;
	height:24px;
	padding:3px 15px 0 27px;
	font-size:16px;
	color:#000;
	background:url(img/title-dot.gif) no-repeat 0 3px #FFFFFF;
}
.page-box .page-content {
	padding:3px 5px;
	color:#;
	background:url();
}

/* Custom  */
.welcome {
}
.welcome h3 {
}
.news {
}
.news h3 {
}
.news ul {
	float:left;
	width:100%;
	list-style:none;
}
.news ul li {
	float:left;
	width:310px;
	padding-right:15px;
}
.news ul li h4 {
	font-size:12px;
}
.news ul li small {
	font-size:9px;
	color:#B4C26A;
}

td.page2-bg2 {
	padding:3px 8px;
}
.news-page {
	margin-bottom:5px;
	border-bottom:1px dashed #CCCCCC;
}
.news-page td {
	padding:3px;
}


/* Form CSS  */
.inpts {
	height:16px;
	font-size:12px;
	color:#999999;
	padding:0 2px;
	margin:1px 0;
	border:1px solid #999999;
	background:url() #FFF;
}
.inpts-login {
	width:140px;
	height:16px;
	font-size:12px;
	color:#666666;
	padding:2px;
	border:1px solid #666666;
}
.inpts-num {
	height:16px;
	font-size:12px;
	color:#666666;
	padding:2px;
	border:1px solid #666666;
}
.inpts-area {
	font-size:12px;
	color: #999999;
	padding:0 2px;
	border:1px solid #999999;
	background:url() #FFF;
}
.sbmt {
	padding:1px 5px;
	border:1px solid #757372;
	background:#CCCCCC;
}
.submits-login {
	border:1px dotted #B2C369;
	background:#E9EED5;
}

/*=========== Bottom CSS  ==========*/
#bottom {
	float:left;
	overflow:hidden;
	width:960px;
	height:1px;
	background:;
}
#footer {
	clear:both;
	height:55px;
	text-align:center;
	font-size:11px;
	color: #666666;
	padding:5px 0;
	background:url() #EDEDED;
	border-top:1px solid #E0E0E0;
}
#footer a {
	color: #999999;
}
#footer a:hover {
	color: #C48967;
}
#copyright {
	width:100%;
	padding:2px 0;
	line-height:1.3em;
	text-align:center;
	background: url() left top repeat-x;
}