@CHARSET "UTF-8";
body {
	background: #EBEBEB;
	font-family: Century Gothic, Arial, Tahoma;
	font-size: 12px;
	line-height: 18px; 
}
a {margin:0;padding:0;overflow:hidden;}
input, textarea {
	margin:0;
	padding:0;
	font-family: Century Gothic, Arial, Tahoma;
	font-size: 11px;
	border: 1px solid #CCC;
	color: #000;
	padding: 2px;
}
p {
	padding: 10px 0;
	text-align: justify;
}
h1 {
	color: #db0029;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0;
}
.container {
	width: 900px;
	margin: 0 auto;
}
#content{
	position: relative;
	width: 900px;
	min-height: 830px;
	height: auto !important;
	height: 830px;
}
#top_box .left {
	float: left;
	width: 272px;
	height: 105px;
}
#top_box .right {
	float: right;
	width: 628px;
	height: 105px;
	background: url("../images/bg_top_right.jpg") no-repeat;
	position: relative;
}
#top_box #otherSites {
	position: absolute;
	bottom: 5px;
	right: 5px;
	line-height: 14px;
	text-align: right;
}
#top_box #otherSites a {
	font-size: 14px;
	color: #676767;
	text-decoration: none;
	letter-spacing: 2px;
	font-weight: bold;
}
#top_box #otherSites a:hover {
	text-decoration: underline;
	color: #C30221;
}
#mainmenu_box {
	width: 900px;
	height: 60px;
	background: url("../images/bg_mainmenu.jpg") no-repeat;
}
#mainmenu_border {
	height: 8px;
	background-color: #8F0620;
}
#mainmenu {
	/*width: 900px;*/
	height: 52px;
	margin-left: 15px;
}
#mainmenu li {
	float: left;
}
#mainmenu li a {
	color: #f9d9df;
	display: block;
	/*height: 52px;*/
	line-height: 52px;
	padding: 0 18px;
	text-decoration: none;
	font-size: 14px;
}
#mainmenu li a:hover {
	background-color: #9C001D;
	background-image: url("../images/bg_mainmenu_selected.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}
#mainmenu li a.active {
	background-color: #9C001D;
	background-image: url("../images/bg_mainmenu_selected.jpg");
	background-repeat: no-repeat;
	background-position: center center;
}

#menu_member {
	background-image: url("../images/bg_member_menu.jpg");
	background-repeat: repeat-y;
	padding: 10px;
	padding-right:15px;
	margin-top: 10px;
}
#menu_member a {
	color: #000;
	text-decoration: none;
}
#menu_member a:hover {
	color: #666;
	text-decoration: none;
}

#menu_member ul li.lastLogin {
	list-style: none;
	text-align: right;
	font-size: 11px;
	font-style: italic;
	color: #757575;
}

#last_article {
	background-image: url("../images/bg_member_menu.jpg");
	background-repeat: repeat-y;
	padding: 10px;
	padding-right:15px;
	margin-top: 10px;
}

#banner_box {
	width: 900px;
	height: 183px;
	position: relative;
}
#banner_box .btn_uye_ol {
	position: absolute;
	right: 0;
	bottom: 0;
}

#content #left_column {
	width: 572px;
}
#content #right_column {
	position: absolute;
	width: 328px;
	top: 0;
	right: -3px;
}
#content #single_column {
	width: 900px;
}

.mainpage_boxes {
	width: 270px;
	margin-bottom: 10px;
}
.mainpage_boxes img.boximage {
	border: 1px solid silver;
}
#right_column .body {
	width: 318px;
	background: url("../images/right_column_body.jpg") repeat-y;
	padding-left: 15px;
	padding-right: 5px;
}
#right_column .bottom {
	width: 328px;
	height: 30px;
	background: url("../images/right_column_bottom.jpg") no-repeat;
}
#mail_save_box {
	background: url("../images/bg_mail_save.jpg") no-repeat;
	width: 285px;
	height: 99px;
	padding: 5px 10px;
	font-size: 10px;	
	font-family: Arial, Tahoma, Verdana;
}
#mail_save_box p {
	padding-top: 6px;
	padding-bottom: 6px;
}
input.text_mail_save {
	background: url("../images/bg_textbox_mail_save.png") no-repeat;
	border: 0;
	height: 19px;
	width: 284px;
	margin-bottom: 5px;
	padding-top: 5px;
}
.btn_save_mail {
	border: 0;
	padding: 0;
}

#footer .left {
	background: url("../images/bg_footer.jpg");
	width: 813px;
	height: 32px;
	float: left;
}
#footer .right {
	float: right;
	width: 87px;
	height: 32px;
	background: #c20023;
}



/*************/
/*  Form CSS */
/*************/
form fieldset {
  margin-bottom: 10px;
}
form legend {
  padding: 0 2px;
  font-weight: bold;
  margin-bottom: 10px;
}
form label {
  display: inline-block;
  vertical-align: top;
  width: 120px; /* Width of labels */
  height: 22px;
}
form fieldset ul {
  margin: 0;
  padding: 0;
}
form fieldset li {
  list-style: none;
  padding: 2px;
  margin: 0;
}
form fieldset ul li em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.signUpForm input, form.updateMemberInfoForm input {
	width: 240px;
}
form.signInForm input {
	width: 140px;
}
form.signInForm label.mini_menu {
	height: 30px;
}
form.signInForm label.mini_menu a {
	font-size:10px;
}

form.signUpForm .submit_btn, form.signInForm .submit_btn, form.updateMemberInfoForm .submit_btn {
	font-weight: bold;
	padding: 2px 8px;
	background-color: #865862;
	color: #FFF;
	border: 1px solid #875963;
	width: 70px;
}

table#buysell {
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	font-size: 11px;
}
table#buysell tr td {
	text-align: left;
	padding: 4px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	vertical-align: top;
}
table#buysell tr th {
	text-align: left;
	padding: 4px;
	border-right: 1px solid #FFF;
	border-bottom: 2px solid #FFF;
	font-weight: bold;
	vertical-align: top;
	background-color: #095A89;
	color: #FFF;
}
table#buysell tr.buy {
	background-color: #dbf1ff;
}
table#buysell tr.sell {
	background-color: #b0defb;
}

table#filter_buysell {
	font-size: 11px;
}
table#filter_buysell tr th {
	font-weight: bold;
}
table#filter_buysell select {
	font-family: Century Gothic, Arial, Tahoma;
	font-size: 11px;
}


/*********************************/
/* ARTICLE STYLES ****************/
/*********************************/
div#article {
	padding-bottom: 20px;
}
div#article .articleItem {
	padding: 5px;
	margin-bottom: 10px;
	background: url("../images/bg_article.jpg") #DEDEDE repeat-x;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	width: 562px;
}
div#article .article_left {
	float: left;
	width: 55px;
	display: inline;
}
div#article .article_right {
	float: right;
	width: 507px;
	display: inline;
}
div#article .author {
	float:left;
	display:inline;
	font-weight: bold;
}
div#article .createDate {
	float:right;
	display:inline;
}
div#article .title {
	
}
div#article .desc {
	color: #757575;
	font-style: italic;
	margin-bottom: 5px;
}
div#article .more {
	text-align: right;
	font-weight: bold;
}
div#article .more a {
	text-decoration: none;
	color: #811719;
}
div#article .more a:hover {
	color: #C2202B;
}
table#filter_article {
	font-size: 11px;
	margin-bottom: 5px;
}
table#filter_article tr th {
	font-weight: bold;
}
table#filter_article select {
	font-family: Century Gothic, Arial, Tahoma;
	font-size: 11px;
}
div#article_detail {
	padding-bottom: 20px;
}
div#article_detail .author {
	text-align: right;
	font-weight: bold;
}
div#article_detail .back {
	float: right;
	display: inline;
	margin-bottom: 5px;
}
div#article_detail .back a {
	padding: 0 5px;
	display: block;
	background-color: #CCC;
	border: 1px solid #999;
	color: #000;
	text-decoration: none;
}
div#article_detail .back a:hover {
	background-color: #666;
	color: #FFF;
}
div#article_detail .createDate {
	text-align: right;
	margin-bottom: 5px;
}
div#article_detail .title {
	margin-bottom: 5px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}
div#article_detail .description {
	margin-bottom: 5px;
}


/*********************************/
/* QUESTIONS STYLE ***************/
/*********************************/
div#question .questionItem {
	padding: 5px;
	margin-bottom: 10px;
	background: url("../images/bg_question.jpg") #DEDEDE repeat-x;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	width: 562px;
}
div#question .question_left {
	float: left;
	width: 55px;
	display: inline;
}
div#question .question_right {
	float: right;
	width: 507px;
	display: inline;
}
div#question .author {
	float:left;
	display:inline;
	font-weight: bold;
}
div#question .createDate {
	float:right;
	display:inline;
}
div#question .question {
	margin-bottom: 5px;
	color: #1360B3;
	font-weight: bold;
}
div#question .answer {
	padding-left: 25px;
}

/*********************************/
/* CONTACT STYLE ***************/
/*********************************/
div#contact .contactItem {
	padding: 5px;
	margin-bottom: 10px;
	background: url("../images/bg_contact.jpg") #DEDEDE repeat-x;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	width: 562px;
}
div#contact .contact_left {
	float: left;
	width: 55px;
	display: inline;
}
div#contact .contact_right {
	float: right;
	width: 507px;
	display: inline;
}
div#contact .author {
	float:left;
	display:inline;
	font-weight: bold;
}
div#contact .createDate {
	float:right;
	display:inline;
}
div#contact .contact {
	margin-bottom: 5px;
	color: #1360B3;
	font-weight: bold;
}
div#contact .answer {
	padding-left: 25px;
}

/*********************************/
/* DAILY STYLES ****************/
/*********************************/
div#daily {
	padding-bottom: 20px;
}
div#daily .dailyItem {
	padding: 5px;
	margin-bottom: 10px;
	background: url("../images/bg_daily.jpg") #DEDEDE repeat-x;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	width: 562px;
}
div#daily .daily_left {
	float: left;
	width: 55px;
	display: inline;
}
div#daily .daily_right {
	float: right;
	width: 507px;
	display: inline;
}
div#daily .author {
	float:left;
	display:inline;
	font-weight: bold;
}
div#daily .createDate {
	float:right;
	display:inline;
}
div#daily .title {
	margin-bottom: 5px;
}
ul.pagination {
	height: 20px;
}
ul.pagination li {
	float: left;
	display: inline;
	margin-right: 2px;
}
ul.pagination a {
	background-color: #CCC;
	margin:0;
	padding: 0 5px;
	border: 1px solid #999;
	color: #FFF;
	text-decoration: none;
	display: block;
}
ul.pagination a:hover {
	background-color: #FFF;
	color: #000;
}
ul.pagination .current {
	padding: 0 5px;
	border: 1px solid #000;
	background-color: #D70029;
	color: #FFF;
}

/*********************************/
/* LAST ARTICLE STYLES ****************/
/*********************************/
div#last_article .title {
	
}
div#last_article .author {
	float:left;
	display:inline;
}
div#last_article .createDate {
	float:right;
	display:inline;
	font-size: 11px;
	font-style: italic;
	color: #757575;
}


/*********************************/
/* COMMON CSS ********************/
/*********************************/
.clear {clear: both; height: 0; overflow: hidden;}
.error, .message, .success, .warning {padding:5px;margin-bottom:10px;border:1px solid #ddd;}
.error {padding-left:25px;background: url("../images/message_icons/cross.png") #FBE3E4 no-repeat 3px 3px;color:#8a1f11;border-color:#8a1f11;}
.message {padding-left:25px;background:url("../images/message_icons/information.png") #c8ceff no-repeat 3px 3px;color:#032e70;border-color:#032e70;}
.success {padding-left:25px;background:url("../images/message_icons/tick.png") #c9ffc8 no-repeat 3px 3px;color:#057003;border-color:#057003;}
.warning {padding-left:25px;background:url("../images/message_icons/exclamation.png") #fdffc8 no-repeat 3px 3px;color:#706c03;border-color:#706c03;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#193984;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}

/*********************************/
/* DEFAULT CSS *******************/
/*********************************/
.default_table {
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
.default_table tr td {
	text-align: left;
	padding: 4px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	vertical-align: top;
}
.default_table tr th {
	text-align: left;
	padding: 4px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	vertical-align: top;
}

.default_list {
	margin-left: 20px;
}
.default_list li {
	list-style: disc;
}

.lastArticles_list {
	
}
.lastArticles_list li {
	list-style: none;
	background: url("../images/article_k.png") no-repeat left 5px;
	padding: 5px 0 5px 30px;
	border-bottom: 1px dashed #CCC;
}
.lastArticles_list li a {
	color: #000;
	text-decoration: none;
}
.lastArticles_list li a:hover {
	color: #666;
	text-decoration: none;
}

.default_link {
	color: blue;
	text-decoration: none;
}
.default_link:hover {
	color: red;
}

/*********************************/
/* OTHER CSS *********************/
/*********************************/
a.forgetPassword {
	color: #E4000B;
}

#main_warning {width:250px;margin-bottom:10px;float:right;text-align:justify;padding:10px;background:#c8ceff;color:#032e70;border:1px solid #8991d1;}
#sub_warning {margin-bottom:10px;text-align:justify;padding:10px;background:#c8ceff;color:#032e70;border:1px solid #8991d1;}
