body {
	background:#ffffff url(img/bg.gif) 50% 0;
	margin:0;
	padding:0;
	font-family:Tahoma;
	font-size:9pt;
}
td {
	vertical-align:top;
}
p,form {
	margin:0;
}
img {
	border:none;
}
a {
	text-decoration:none;
	color:#5B5932;
}
a:hover {
	color:#CDC597;
}
input,select,textarea {
	border:1px solid #5B5932;
	background:#FFFFFF;
	font-family:Tahoma;
	font-size:100%;
}
input:hover,select:hover,textarea:hover {
	border:1px solid #CDC597;
}
input,textarea {
	padding:2px;
}
select {
	color:#5B5932;
}
select:hover {
	color:#CDC597;
}
em {
	color:red;
	font-style:normal;
}
.readonly {
	color:#CDC597;
	border:1px solid #CDC597 !important;
}
div.error {
	padding:20px;
	color:red;
	text-align:center;
	display:block;
}
input#search {
	background:url(img/search.gif) 100% 50% no-repeat;
}
.button {
	cursor:pointer;
	border:1px solid #5B5932;
	background:#FFFFFF;
	color:#5B5932;
}
.button:hover {
	border:1px solid #CDC597;
	color:#CDC597;
}
.date {
	color:#AAAAAA;
	font-size:90%;
}
.ip {
	color:#CC0066;
	font-size:90%;
}
.no {
	color:green;
	font-size:90%;
}
.sender {
	color:navy;
	font-weight:bold;
}
.displayname {
	color:#FF00CC;
}
.email {
	color:#6633FF;
}
.comment {
	color:green;
	font-size:90%;
}
.incorrect {
	font-size:90%;
	color:red;
	margin-left:5px;
	padding-left:15px;
	background:url('img/incorrect.gif') 0 50% no-repeat;
}
.correct {
	margin-left:5px;
	background:url('img/correct.gif') 0 50% no-repeat;
}
div#header,div#warper,div#footer {
	width:920px;
	float:none;
	margin:20px auto 0 auto;
	display:table;
}
div#header a {
	display:inline;
}
div#header .topframe {
	margin-top:20px;
}
div#header #login-div {
	margin:0 10px;
	text-align:right;
	padding:3px 5px 3px 0;
	position:relative;
	background:#F3EBDE;
	width:895px;
}
div#header #login-div * {
	vertical-align:middle;
	margin-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}
#login-div span.webtitle {
	color:red;
	font-weight:bold;
	padding-left:20px;
	background:url(img/home.gif) 0 50% no-repeat;
}
#login-div img#user_icon {
	border:1px solid #5B5932;
}
#login-div input#login_user {
	background:#FFFFFF url(img/username.gif) 2px 50% no-repeat;
	padding-left:18px;
}
#login-div input#login_password {
	background:#FFFFFF url(img/password.gif) 2px 50% no-repeat;
	padding-left:18px;
}
#login-div a.star {
	background:url(img/star.gif) 100% 50% no-repeat;
	padding-right:20px;
}
#login-div a.logout {
	background:url(img/logout.gif) 100% 50% no-repeat;
	padding-right:20px;
}
#login-div input.login {
	height:20px;
}
#login-div span.home {
	position:absolute;
	height:18px;
	background:url(img/home.gif) 0 50% no-repeat;
	left:5px;
	top:50%;
	margin-top:-11px;
	padding-left:15px;
	padding-right:5px;
}
#login-div span.home a {
	line-height:20px;
}

div#footer {
	text-align:center;
	margin-bottom:20px;
}
div#footer * {
	text-decoration:none;
}
div#footer a:hover {
	text-decoration:underline;
}

.topframe {
	background:url(img/t_bg.gif) 0 100% no-repeat;
	height:10px;
}
.bottomframe {
	background:url(img/b_bg.gif) 0 0 no-repeat;
	height:10px;
}
.frame {
	background:url(img/w_bg.gif) repeat-y;
	display:table;
	width:920px;
}
div.main .frame .detail {
	margin:0 10px;
	padding:10px 0;
	background:#ffffff;
}
div.main .frame .detail .row{
	margin:0 10px;
}

#member {
	margin:0 10px;
	padding:10px 0;
	background:#ffffff;
}
#member h1 {
	margin:0 10px;
	font-size:200%;
}
#member p.head {
	background:#F3EBDE none repeat scroll 0 0;
	border-left:5px solid #5B5932;
	color:#5B5932;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px 0 5px 15px;
}
#member dt {
	font-weight:bold;
}
#member_frm {
	width:880px;
}
#member_frm * {
	vertical-align:middle;
}
#member_frm p {
	padding:2px 0;
}
#member_frm label {
	font-weight:bold;
	margin-right:5px;
	float:left;
	width:300px;
	text-align:right;
}
#member_frm .comment {
	margin-left:305px;
}
#member_frm #register_iconResult {
	margin-left:305px;
	padding-left:15px;
}
#member_frm img#antispamimage {
	margin-right:5px;
}

div.row {
	margin-bottom:10px;
}
div.row h1 {
	margin:0 0 10px 0;
	border-bottom:3px solid #5B5932;
	font-size:200%;
}
div.row p.groupdetail {
	margin:0 0 10px 0;
	font-weight:bold;
}
div.row table {
	width:100%;
}
div.row table table{
	width:430px;
}
div.row table table td {
	padding:5px;
}
div.row table table td.col1 {
	width:70px;
}
div.row table table td.col2 a {
	font-weight:bold;
}
div.row table table td.col2 a:hover {
	text-decoration:underline;
}

.setup_frm {
	margin:0 10px;
}
.setup_frm p {
	margin:2px 0;
}
.setup_frm p.h {
	padding:5px 0 5px 15px;
	background:#F3EBDE;
	margin-bottom:5px;
	border-left:5px solid #5B5932;
	color:#5B5932;
	font-weight:bold;
}
.setup_frm label {
	font-weight:bold;
	float:left;
	width:250px;
	text-align:right;
	margin-right:5px;
}
.setup_frm p.comment {
	margin-left:255px;
}

div.cat_list {
	float:none;
	margin:20px auto 0 auto;
	width:600px;
	border:1px solid #F3EBDE;
}
div.cat_list table {
	margin:1px;
	width:598px;
}
div.cat_list th {
	padding:5px 0;
	background:#F3EBDE;
	margin:1px;
}
div.cat_list td {
	padding:3px;
	border-bottom:1px dashed #F3EBDE;
}
div.cat_list .col1 {
	width:20px;
	text-align:center;
}
div.cat_list .col1 img {
	cursor:pointer;
}
div.cat_list .col2 {
	width:70px;
	text-align:center;
}
div.cat_list .col3 {
	color:navy;
	width:70px;
	text-align:center;
}
div.cat_list .col4 {
	width:150px;
}
div.cat_list .col4 a {
	font-weight:bold;
}
div.cat_list .col4 p.post {
	color:#9933CC;
	font-size:90%;
}
div.cat_list .col4 p.view {
	color:#006633;
	font-size:90%;
}
div.cat_list p.skin {
	color:#FF00CC;
	font-size:90%;
}
div.cat_list p.upload {
	color:#3333CC;
	font-size:90%;
}

.member-list {
	margin:0 10px;
	padding:10px 0;
	background:#ffffff;
}
.member-list h1 {
	margin:0 0 0 10px;
	font-size:200%;
}
#member-main {
	width:880px;
	margin:0 10px;
}
#member-main th {
	background:#F3EBDE;
	padding:5px 0;
}
#member-main td {
	padding:2px 0;
	border-bottom:1px dashed #F3EBDE;
}
#member-main td.search {
	text-align:right;
}
#member-main td.col7 {
	text-align:right;
	width:100px;
}
#member-main td.col7 a.member-delete {
	width:16px;
	height:16px;
	background:url(img/delete.gif) center no-repeat;
	float:left;
}
#member-main .password {
	color:red;
	font-size:90%;
	margin-left:5px;
}
#member-main a:hover {
	color:#6633FF;
	text-decoration:underline;
}

.splitpage a {
	margin:3px;
}
.splitpage a:hover {
	text-decoration:underline;
}
.splitpage strong {
	margin:3px;
	color:red;
}

#webboard {
	width:900px;
	margin:0 10px;
}
#webboard td.counter {
	width:180px;
}
#webboard td.webboard-list {
}
div#topboard,table#listboard,div.icon {
	width:690px;
	margin-left:20px;
}
div#topboard {
	position:relative;
	padding:9px 0;
}
div#topboard a {
	font-weight:bold;
}
div#topboard span#newtopic {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-16px;
	height:32px;
}
div#topboard span#newtopic a {
	background:url(img/newtopic.gif) center no-repeat;
	width:51px;
	height:32px;
	float:left;
}

table#listboard th {
	background:#F3EBDE;
	padding:5px 5px 5px 0;
	color:#5B5932;
}
table#listboard td {
	border-bottom:1px dashed #F3EBDE;
	line-height:2em;
}
table#listboard td.error {
	color:red;
	padding:20px;
	text-align:center;
}
table#listboard td.topic {
	position:relative;
	float:left;
	width:445px;
	padding-left:5px;
}
table#listboard td.topic a {
	font-weight:bold;
}
table#listboard td.admin {
	padding:3px 0;
}
table#listboard td.admin img {
	margin-left:5px;
	cursor:pointer;
}
.hidden {
	display:none;
}
table#listboard td.topic .new {
	position:absolute;
	font-size:1px;
	height:10px;
	top:50%;
	margin-top:-5px;
	margin-left:5px;
}
.new {
	background:url(img/new.gif) 0 50% no-repeat;
	width:22px;
}
table#listboard td.topic .update {
	position:absolute;
	font-size:1px;
	height:10px;
	top:50%;
	margin-top:-5px;
	margin-left:5px;
}
table#listboard td.create {
	text-align:center;
	font-size:90%;
	color:#0000CC;
}
table#listboard td.sender {
	text-align:center;
}
table#listboard td.visited {
	text-align:center;
	font-size:90%;
	color:#FF00CC;
	padding:0 5px;
}
table#listboard td.reply {
	text-align:center;
	font-size:90%;
	color:#006666;
	padding:0 5px;
}

.new {
	background:url(img/new.gif) 0 50% no-repeat;
	width:22px;
}
.update {
	background:url(img/update.gif) 0 50% no-repeat;
	width:30px;
}
.normal {
	background:url(img/comment.gif) 0 50% no-repeat;
	font-size:1px;
	width:16px;
}
.hot {
	background:url(img/hot.gif) 0 50% no-repeat;
	font-size:1px;
	width:26px;
}
.pin {
	background:url(img/pin.gif) 0 50% no-repeat;
	font-size:1px;
	width:16px;
}
div.icon {
	float:none;
	margin:5px auto;
	display:table;
	width:438px;
}
div.icon span {
	float:left;
	height:16px;
	line-height:16px;
	margin-left:5px;
	font-size:90%;
}

#forum-write {
	background:#ffffff;
	margin:0 20px;
	padding:10px 0;
}
#forum-write * {
	vertical-align:middle;
}
#forum-write h1 {
	font-size:200%;
	margin:0 0 10px 0;
}
#forum-write form {
	margin:0;
}
#forum-write p {
	padding:2px 0;
}
#forum-write label {
	margin-right:5px;
	font-weight:bold;
}
#forum-write input {
	margin-right:5px;
}
#forum-write p.h {
	background:#F3EBDE none repeat scroll 0 0;
	border-left:5px solid #5B5932;
	color:#5B5932;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px 0 5px 15px;
}

.webboard_view #q,.webboard_view #webboard_reply,.webboard_view #forum-write {
	background:#ffffff;
	width:600px;
	float:none;
	margin:0 auto;
	padding:10px 0;
}
.webboard_view .sender {
	cursor:pointer;
}
#webboard_reply .table_reply {
	margin-bottom:10px;
}
#webboard_reply .table_reply .detail {
	background-color:#F3F3F3;
	border:1px solid #CDCDCD;
	margin-left:10px;
	padding:5px;
	position:relative;
}
#webboard_reply .table_reply img.arrow {
	margin-top:5px;
	position:absolute;
	z-index:555;
}
#webboard_reply .table_reply img.usericon {
	border:3px solid #F3F3F3;
	margin-right:5px;
}
#webboard_reply .table_reply img {
	vertical-align:middle;
}
#webboard_reply .table_reply .reaction {
	margin-top:10px;
}
img.delete {
	margin-left:5px;
	cursor:pointer;
}
a.picture {
	display:block;
	margin:0 0 10px 0;
}

.webboard_view #q h1 {
	margin:0;
	background:#5B5932;
	text-align:center;
	padding:5px;
	font-size:100%;
	color:#F3EBDE;
}
.webboard_view #q .title {
	padding:0;
	margin:0;
}
.webboard_view #q .detail {
	padding:10px;
}
.webboard_view #q .reaction {
	padding:5px;
	border-top:2px solid #5B5932;
	background:#F3EBDE;
}

#counter {
	margin:10px;
	text-align:center;
	border:1px solid #5B5932;
}
#counter p {
}
#counter p.row span {
	float:left;
	font-size:90%;
}
#counter .col1 {
	text-align:left;
	width:85px;
	background:#F3EBDE;
	padding:3px 0 3px 3px;
	margin:1px 0 0 1px;
}
#counter .col2 {
	width:61px;
	padding:4px 0;
}
#counter .head {
	text-align:left;
	margin:1px;
	background:url(img/menu-bg.png) 0 50% repeat-x;
	color:#ffffff;
	letter-spacing:0.2em;
}
#counter .head em {
	margin-left:5px;
	font-size:180%;
	color:#FF99CC;
}
#counter .user {
	display:none;
	float:left;
	width:65px;
	padding:5px;
}
#counter .detail {
	margin:1px;
	width:150px;
	display:table;
}
#counter p.user img {
	border:1px solid #5B5932;
	padding:2px;
	cursor:pointer;
}
#counter p.user span {
	display:block;
	font-weight:bold;
	color:navy;
}

.member-tooltip {
	background-color:#ffffff;
	padding:5px;
	border:2px solid #336699;
}
.member-tooltip p {
	position:relative;
	margin-bottom:10px;
	width:300px;
}
.member-tooltip p.title {
	padding:5px;
	background:#336699;
	color:#ffffff;
	font-weight:bold;
	width:290px;
}
.member-tooltip .usericon {
	position:absolute;
	right:0;
	border:1px solid #336699;
	padding:2px;
}