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

/*  CLEAR FLOATING   */
#mainsec .box:after, #sidesec .box ul:after, #sidesec #popSys .popSys:after, #sidesec .clear {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}
/*  CLEAR FLOATING ENDS  */

body, p, br, div, span, dd, dt, dl, table, td, tl, img, form, list, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	border: none;
	border: 0px;
	background-image: none;
}
input, select {
	font-family: Arial, Helvetica, clean,sans-serif;
	font-size: 12px;
}
body {
	font-size: 13px;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	width: 100%;
	background: #FFFFFF url(
<div id="submit">) repeat-y center top;
}
a, a:link, a:visited  {
	color: #1089d9;
	text-decoration: none;
	border: none 0px;
}
a:hover, a:active {
	border: none 0px;
	text-decoration: underline;
}
#content {
	clear: both;
	width: 950px;
	text-align: left;
	margin: auto;
}
#content #sidesec {
	float: right;
	width: 302px;
}
#content #mainsec {
	float: left;
	width: 610px;
	padding-bottom: 30px;
	padding-left: 10px;
}

/* header 2010/04/08 revised */
ul, li {list-style: none; padding: 0; margin: 0;}
#wrapper {position: relative; width: 950px; margin: 0 auto;}
#header {width: 950px; height: 110px; margin: 0 auto; margin-bottom: 20px;
  background: transparent url(../../images/tc2/global_nav_bg.png) no-repeat 0 0;}
#header a#logo, #header a#logo:link {text-indent: -9999px; display: block; height: 55px; width: 220px;
  position: absolute; top: 20px; left: 20px;}
#function {position: absolute; top: 10px; right: 80px; font-size: 12px; color: #777;}
#function li {display: block; padding: 0 4px; float: left; height: 20px; line-height: 22px}
#function li.space {color: #ddd;}
#function a, #function a:link, #function a:visited {color: #1089d9; text-decoration: none; border: 0px none;}
#function a:hover {color: #1089d9; text-decoration: underline;}
#function li span {float: left; display: block;;}
#function span.langShow a:link, #function span.langShow a:visited, #function span.langShow a:hover {
  background: transparent url(../../images/tc2/select.gif) no-repeat right center; display: block; 
  padding: 1px 0 1px 5px; text-decoration: none; background-color: #777; color: #FFF; width: 70px; margin-left: 5px;}
#langSetSelect {position: absolute; top: 35px; right: 84px; background-color: #FFF; width: 73px; border: 1px solid #CCC;}
#langSetSelect li a:visited, #langSetSelect li a:active, #langSetSelect li a:link { color: #777; background-color: #FFF;
  font-size: 12px; padding: 1px 0 1px 5px; display: block; height: 22px; line-height: 22px;}
#langSetSelect li a:hover {text-decoration: none; color: #555; background-color: #CCC; padding: 1px 0 1px 5px;
  height: 22px; line-height: 22px;}

#mainNav {width: 80%; position: absolute; top: 82px; left: 6px; _left: -4px;}
#mainNav ul li {height: 26px; line-height: 26px; float: left; font-size: 15px; margin: 0 10px; white-space: nowrap;}
#mainNav span {padding: 0 6px; float: left; height: 22px\9; line-height: 22px\9; padding-top: 4px\9;}
#mainNav a, #mainNav a:link, #mainNav a:visited, #mainNav a:hover {display: block; color: #FFFFFF; text-decoration: none;}
#mainNav .here {background: #FFF url(../../images/tc2/mainav_here.gif) no-repeat left top;}
#mainNav .here span {background: transparent url(../../images/tc2/mainav_here.gif) no-repeat right bottom;}
#mainNav .here a:visited, #mainNav .here a:link, #mainNav .here a:hover, #mainNav .here a:active {
  font-weight: bold; color: #1089d9; text-decoration: none; cursor: default; background-color: #FFF; padding: 0;}

#mainNav .item {background: #b5e51f url(../../images/tc2/mainav_item.gif) no-repeat left top;}
#mainNav .item span {background: transparent url(../../images/tc2/mainav_item.gif) no-repeat right bottom;}
#mainNav .item a:visited, #mainNav .item a:link, #mainNav .item a:hover, #mainNav .item a:active {
  color: #555; text-decoration: none; cursor: pointer; background-color: #b5e51f; padding: 0;}

/* ------------------------------------------------------------------------------ */

/* footer 2010/04/09 revised */
#footer {clear: both; background: transparent url(../../images/tc2/footer_bg.png) 0 30px no-repeat scroll;
  width: 950px; margin: 0 auto 10px; height: 110px; padding-top: 30px;} 
.footNav li, .footInfo li {float: left; line-height: 20px; padding: 0 4px;}
.footNav {font-size: 12px; padding: 10px 0 0 18px; height: 20px;}
.footInfo { clear: both; font-size: 12px; padding: 2px 0 0 18px; height: 20px;}
.footNav li.space, .footInfo li.space {color: #CCC;}
.footInfo li a, .footInfo li a:link, .footInfo li a:visited {color: #666; text-decoration: none; border: 0px none;}
.footInfo li a:hover {color: #666; text-decoration: underline;}
.copyright {padding: 30px 0 0 22px; font-size: 12px; color: #999;}

/* ------------------------------------------------------------------------------ */

/* clear float rule */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
*html .clearfix {height: 1%;}
/* End hide from IE-mac */ 

/* ------------------------------------------------------------------------------ */

#sidesec #boxTop   {
	background-color: #0b6aa8;
	width: 280px;
	margin-bottom: 10px;
	padding: 10px;
	color: #CDCDCD;
}
#sidesec #boxTop  h3 {
	font-size: 13px;
	font-weight: bold;
	color: #FFA302;
	margin-bottom: 5px;
}
#sidesec #boxTop a, #sidesec #boxTop a:link {
	font-weight: bold;
	color: #EFEFEF;
}
#sidesec #boxTop a:hover, #sidesec #boxTop a:active {
	color: #FFA302;
	text-decoration: none;
}
#sidesec #guideLine {
    background: transparent url(../../images/tc2/guide_line.gif) 0 0 scroll no-repeat;
    text-indent: -9999px;
	margin-bottom: 10px;
}
#sidesec #guideLine a {
    display: block;
    width: 300px;
	height: 50px;
	cursor: pointer;
}
/*
#sidesec #outsideLinks {
    background: transparent url(../../images/tc2/outside_links_bg.gif) no-repeat scroll 0 0;
	width: 280px;
	height: 57px;
	margin-bottom: 10px;
	padding: 10px;
}
#sidesec #outsideLinks h3 {
    font-size: 13px;
	font-weight: bold;
	color: #3c3c3c;
	margin-bottom: 5px;
}
#sidesec #outsideLinks ul {
    list-style: none;
	margin: 0;
	padding: 0;
}
#sidesec #outsideLinks ul li {
    float: left;
	display: block;
}
#sidesec #outsideLinks ul li.space {
    padding-right: 5px;
}
*/
#sidesec .box   {
	width: 272px;
	padding: 10px;
	border-bottom: 1px solid #737373;
	margin-bottom: 10px;
	color: #737373;
}
#sidesec .box h3 {
	margin-bottom: 10px;
	background: transparent url(../../images/tc2/sidesec_h3.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 100%;
	line-height: 15px;
}
#sidesec .box .label, #sidesec .box .row {
	margin: 0;
	padding: 5px 0 0 0;
	clear: both;
}
#sidesec .box .row {
	color: #1c1c1c;
	padding: 5px 0;
}
#sidesec .box .row span {
	font-size: 10px;
	padding-left: 2px;
}
#sidesec .box .label {
	padding: 0px;
	height: 20px;
	color: #737373;
	font-size: 11px;
}
#sidesec .box .label li, #sidesec div .row li {
	list-style-type: none;
	float: left;
	display: block;
}
#sidesec .box .more {
	padding: 5px 0 0 0;
	clear: both;
	text-align: right;
}
#sidesec #recentSgnl h3 { background-position: left top; }
#sidesec #recentSgnl ul {
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}
#sidesec #recentSgnl ul li {
	list-style-type: none;
	background: transparent url(../../images/tc2/list_org.gif) no-repeat left center;
	padding-left: 10px;
	margin-bottom: 10px;
}
#sidesec #recentSgnl ul li span {
	color: #1c1c1c;
	font-size: 12px;
}
#sidesec #recentSgnl a, #sidesec #recentSgnl a:link { font-size: 12px; }
#sidesec #updatedSys h3 { background-position: left -15px; }
#sidesec #updatedSys .sysName {
	width: 122px;
	padding-right: 5px;
}
#sidesec #updatedSys .time { width: 40px; }
#sidesec #updatedSys .trades { width: 50px; }
#sidesec #updatedSys .avgTrade { width: 55px; }
#sidesec #popSys h3 { background-position: left -30px; }
#sidesec #viewedSys h3 { background-position: left -60px; }
#sidesec #popSys ul, #sidesec #viewedSys ul {
	border-bottom: 1px solid #CCCCCC;
	height: 50px;
}
#sidesec #popSys .chart, #sidesec #viewedSys .chart {
	width: 75px;
	padding-right: 5px;
	height: 50px;
}
#sidesec #popSys .sysName, #sidesec #viewedSys .sysName { width: 95px; }
#sidesec #popSys .anualRe, #sidesec #viewedSys .anualRe { float: right; }
#sidesec #popSys .anualRe span, #sidesec #viewedSys .anualRe span { font-size: 10px; }
#sidesec #popSys .over20, #sidesec #viewedSys .over20 {
	background: transparent url(../../images/tc2/perf_over20_side.gif) no-repeat right center;
	padding-right: 12px;
}
#sidesec #popSys .over50, #sidesec #viewedSys .over50 {
	background: transparent url(../../images/tc2/perf_over50_side.gif) no-repeat right center;
	padding-right: 23px;
}
#sidesec #popSys .primTrades, #sidesec #viewedSys .primTrades {
	font-size: 10px;
	width: 50px;
	padding: 2px 0;
}
#sidesec #popSys .price, #sidesec #viewedSys .price {
	float: right;
	font-size: 10px;
	padding: 2px 0;
}
#sidesec #popSys .review, #sidesec #viewedSys .review { float: right; }
#sidesec #popSys .review span span, #sidesec #viewedSys .review span span { display: none; }
#sidesec #popSys .review .rate00, #sidesec #popSys .review .rate01, #sidesec #popSys .review .rate02,
#sidesec #popSys .review .rate03, #sidesec #popSys .review .rate04, #sidesec #popSys .review .rate05,
#sidesec #viewedSys .review .rate00, #sidesec #viewedSys .review .rate01, #sidesec #viewedSys .review .rate02,
#sidesec #viewedSys .review .rate03, #sidesec #viewedSys .review .rate04, #sidesec #viewedSys .review .rate05 {
	background: transparent url(../../images/tc2/stars_side.gif) no-repeat;
	height: 10px;
	display: block;
	text-align: right;
	padding-left: 65px;
	line-height: 10px;
}
#sidesec #popSys .review .rate00, #sidesec #viewedSys .review .rate00 { background-position: left top; }
#sidesec #popSys .review .rate01, #sidesec #viewedSys .review .rate01 { background-position: left -10px; }
#sidesec #popSys .review .rate02, #sidesec #viewedSys .review .rate02 { background-position: left -20px; }
#sidesec #popSys .review .rate03, #sidesec #viewedSys .review .rate03 { background-position: left -30px; }
#sidesec #popSys .review .rate04, #sidesec #viewedSys .review .rate04 { background-position: left -40px; }
#sidesec #popSys .review .rate05, #sidesec #viewedSys .review .rate05 { background-position: left bottom; }
#sidesec #recentReview h3 { background-position: left -45px; }
#sidesec #recentReview div {
	color: #1c1c1c;
	background-color: #dcdedf;
	padding: 5px 8px;
	margin-bottom: 10px;
}
#sidesec #recentReview h4 {
	font-weight: normal;
	font-size: 13px;
}
#sidesec #recentReview h4 span {
	display: block;
	text-indent: -9999px;
	float: left;
}
#sidesec #recentReview .by {
	font-size: 10px;
	text-align: right;
}
#sidesec #recentReview .rate00, #sidesec #recentReview .rate01, #sidesec #recentReview .rate02,
#sidesec #recentReview .rate03, #sidesec #recentReview .rate04, #sidesec #recentReview .rate05 {
	background: transparent url(../../images/tc2/stars_side_review.gif) no-repeat;
	height: 20px;
	padding-left: 70px;
}
#sidesec #recentReview .rate00 { background-position: left top; }
#sidesec #recentReview .rate01 { background-position: left -20px; }
#sidesec #recentReview .rate02 { background-position: left -40px; }
#sidesec #recentReview .rate03 { background-position: left -60px; }
#sidesec #recentReview .rate04 { background-position: left -80px; }
#sidesec #recentReview .rate05 { background-position: left bottom; 
}
#mainsec #index h1, #mainsec #indexMember h1, #mainsec #sellsys h1, #mainsec #forums h1, #mainsec #toolkit h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#mainsec .select { position: relative; }
#mainsec .select a, #mainsec .select a:link {
	text-decoration: none;
	background: #737373 url(../../images/tc2/select.gif) no-repeat right center;
	color: #EFEFEF;
	display: block;
	width: 90px;
	padding: 5px 0 5px 5px;
}
#mainsec .select .selectOption {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 25px;
	z-index: 99;
	background-color: #848484;
}
#mainsec .select .selectOption li {
	list-style-type: none;
	padding: 1px;
}
#mainsec .select .selectOption a, #mainsec .select .selectOption a:link {
	background-color: #848484;
	background-image: none;
}
#mainsec .select .selectOption .selected a, #mainsec .select .selectOption .selected a:link { font-weight: bold; }
#mainsec .select .selectOption a:hover {
	color: #FFFFFF;
	background-color: #646464;
}
#mainsec a.btnOrg, #mainsec a.btnOrg:link {
	color: #FFFFFF;
	padding: 0;
	height: 25px;
	text-align: center;
	background: #FFA302 url(../../images/tc2/btn.gif) no-repeat left top;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
#mainsec a.btnOrg span, #mainsec a.btnOrg:link span, #mainsec a.btnOrg:visited span {
	padding: 5px 10px 0 10px;
	height: 20px;
	text-align: center;
	display: block;
	background: transparent url(../../images/tc2/btn.gif) no-repeat right -25px;
}
#mainsec a.btnOrgS, #mainsec a.btnOrgS:link {
	color: #FFFFFF;
	padding: 0;
	height: 20px;
	text-align: center;
	background: #FFA302 url(../../images/tc2/btn.gif) no-repeat left -50px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
#mainsec a.btnOrgS span, #mainsec a.btnOrgS:link span, #mainsec a.btnOrgS:visited span {
	height: 17px;
	text-align: center;
	display: block;
	background: transparent url(../../images/tc2/btn.gif) no-repeat right -70px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#mainsec a.btnOrgL, #mainsec a.btnOrgL:link {
	color: #FFFFFF;
	padding: 0;
	height: 30px;
	text-align: center;
	background: #FFA302 url(../../images/tc2/btn.gif) no-repeat left -90px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
#mainsec a.btnOrgL span, #mainsec a.btnOrgL:link span, #mainsec a.btnOrgL:visited span {
	font-size: 14px;
	padding: 8px 10px 0 10px;
	height: 22px;
	text-align: center;
	display: block;
	background: transparent url(../../images/tc2/btn.gif) no-repeat right -120px;
}
#mainsec a.btnBlue, #mainsec a.btnBlue:link {
	color: #FFFFFF;
	padding: 0;
	height: 25px;
	text-align: center;
	text-decoration: none;
	display: block;
	cursor: pointer;
	background-color: #0B69A7;
	background-image: url(../../images/tc2/btn.gif);
	background-repeat: no-repeat;
	background-position: left -150px;
}
#mainsec a.btnBlue span, #mainsec a.btnBlue:link span, #mainsec a.btnBlue:visited span {
	height: 20px;
	text-align: center;
	display: block;
	background: transparent url(../../images/tc2/btn.gif) no-repeat right -175px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#mainsec a.btnBlueS, #mainsec a.btnBlueS:link {
	color: #FFFFFF;
	padding: 0;
	height: 20px;
	text-align: center;
	background: #0B69A7 url(../../images/tc2/btn.gif) no-repeat left -200px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
#mainsec a.btnBlueS span, #mainsec a.btnBlueS:link span, #mainsec a.btnBlueS:visited span {
	height: 17px;
	text-align: center;
	display: block;
	background: transparent url(../../images/tc2/btn.gif) no-repeat right -220px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#mainsec a.btnBlueL, #mainsec a.btnBlueL:link {
	color: #FFFFFF;
	padding: 0;
	height: 30px;
	text-align: center;
	background: #0B69A7 url(../../images/tc2/btn.gif) no-repeat left -240px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
#mainsec a.btnBlueL span, #mainsec a.btnBlueL:link span, #mainsec a.btnBlueL:visited span {
	font-size: 14px;
	height: 22px;
	text-align: center;
	display: block;
	background: transparent url(../../images/tc2/btn.gif) no-repeat right -270px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#mainsec a.btnGrayL, #mainsec a.btnGrayL:link {
	color: #FFFFFF;
	padding: 0;
	height: 30px;
	text-align: center;
	background: #3c3c3c url(../../images/tc2/btn.gif) no-repeat left -390px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
#mainsec a.btnGrayL span, #mainsec a.btnGrayL:link span, #mainsec a.btnGrayL:visited span {
	font-size: 14px;
	height: 22px;
	text-align: center;
	display: block;
	background: transparent url(../../images/tc2/btn.gif) no-repeat right -420px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#mainsec a.btnGrayS, #mainsec a.btnGrayS:link {
	color: #FFFFFF;
	padding: 0;
	height: 20px;
	text-align: center;
	background: #3c3c3c url(../../images/tc2/btn.gif) no-repeat left -350px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
#mainsec a.btnGrayS span, #mainsec a.btnGrayS:link span, #mainsec a.btnGrayS:visited span {
	height: 17px;
	text-align: center;
	display: block;
	background: transparent url(../../images/tc2/btn.gif) no-repeat right -370px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#mainsec a.btnRedL, #mainsec a.btnRedL:link {
	color: #FFFFFF;
	padding: 0;
	height: 30px;
	text-align: center;
	background: #0B69A7 url(../../images/tc2/btn.gif) no-repeat left -540px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}
#mainsec a.btnRedL span, #mainsec a.btnRedL:link span, #mainsec a.btnRedL:visited span {
	font-size: 14px;
	height: 22px;
	text-align: center;
	display: block;
	background: transparent url(../../images/tc2/btn.gif) no-repeat right -570px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

/* 04/02/2010 new */
a.white:link, a.white:hover, a.white:visited, a.white:active {color: #FFF;}
/* -------------------------------------------------------------------------------- */

#mainsec input.textbox {
	background-color: #dcdedf;
	border-width: 0px;
	border-style: none;
	padding: 3px;
}
#mainsec ul.paging {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	clear: both;
}
#mainsec ul.paging li {
	display: inline;
	list-style-type: none;
	padding: 0 5px;
}
#mainsec .notice {
	text-align: center;
	padding-top: 20px;
}
#mainsec .notice h1 {
	font-size: 20px;
	font-weight: bold;
	color: #222222;
	margin-bottom: 20px;
}
#mainsec  .notice  h3 {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}
#mainsec .notice p { margin-bottom: 20px; }
#mainsec .notice p strong { font-size: 130%; }
#mainsec .notice ul {
	margin: 0 0 20px 0;
	padding: 0px;
}
#mainsec .notice ul li { list-style-type: none; }
#mainsec .notice .list, #mainsec .notice #choice { margin: 0 auto 50px auto; }
#mainsec .notice .list li {
	background: transparent url(../../images/tc2/list_org.gif) no-repeat left center;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 5px;
}
#mainsec .notice #choice li {
	margin: 0 5px;
	float: left;
}

#sidesec #boxPersonal   {
	background-color: #737373;
	width: 281px;
	margin-bottom: 10px;
	padding: 10px;
	color: #CDCDCD;
}
#sidesec  #boxPersonal   h3 {
	margin-bottom: 5px;
}
#sidesec #boxPersonal  a, #sidesec #boxTop a:link {
}
#sidesec #boxPersonal  a:hover, #sidesec #boxTop a:active {
	text-decoration: none;
}

/* 04/02/2010 revised*/
#mainsec #basicInfo h1 .rate00, #mainsec #basicInfo h1 .rate01, #mainsec #basicInfo h1 .rate02, #mainsec #basicInfo h1 .rate03, #mainsec #basicInfo h1 .rate04, #mainsec #basicInfo h1 .rate05, #mainsec #basicInfo h1 .rate00_5, #mainsec #basicInfo h1 .rate01_5, #mainsec #basicInfo h1 .rate02_5, 
#mainsec #basicInfo h1 .rate03_5, #mainsec #basicInfo h1 .rate04_5 {
  background:transparent url(../../images/tc2/stars_org.gif) no-repeat scroll 0 0;
  margin-top: 10px;
  font-size:10px;
  height:10px;
  line-height:10px;
  text-indent:-9999px;
  width:65px;
}
/* -------------------------------------------------------------------------------- */

#mainsec #basicInfo h1 .rate00_5 {background-position: left -60px;}
#mainsec #basicInfo h1 .rate01_5 {background-position: left -70px;}
#mainsec #basicInfo h1 .rate02_5 {background-position: left -80px;}
#mainsec #basicInfo h1 .rate03_5 {background-position: left -90px;}
#mainsec #basicInfo h1 .rate04_5 {background-position: left -100px;} 

/* blogarea */
#sidesec #blogarea {background: transparent url(../../images/tc2/blog_bg.gif) no-repeat scroll 0 0;
  width: 280px; height: 115px; margin-bottom: 10px; padding: 10px;}
#sidesec #blogarea h3 {display: none;}
#sidesec #bloglist {padding: 26px 4px 0 4px;}
#sidesec #bloglist .columns_a {float: left; height: 18px; line-height: 18px; margin: 0; width: 205px;}
#sidesec #bloglist .columns_a a {color: #3399cc;}
#sidesec #bloglist .columns_b {float: right; font-size: 11px; height: 18px; line-height: 18px; margin: 0;
  width: 60px; text-align: right; color: #777;}
br.clear_both {clear: both; display: block;}