/* global nav */
@import url("nav.css");

/* reset.css */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol {list-style: none;}
fieldset,img {border: none;}
caption,th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
img {border: 0;}
html {height: 100%;}

/* grid.css */
.container {width: 950px; margin: 20px auto 0 auto; position: relative;}
.float_a {float: left;}
.float_b {float: left; margin-right: 10px;}
.float_c {float: left; margin-right: 20px;}
.clear {clear: both;}
.last {margin-right:0;}

.grid_all {width: 950px;}
.grid_a_first {width: 210px;}
.grid_a_last {width: 720px;}
.grid_b_first {width: 20%;}
.grid_b_last {width: 80%;}
.grid_c_first {position: absolute; width: 300px; left: 650px;}
.grid_c_last {width: 630px;}
.grid_d_first {width: 300px;}
.grid_d_last {width: 400px;}

.span_1 {width: 200px;}
.span_2 {width: 240px;}
.span_3 {width: 430px;}
.span_4 {width: 640px;}

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

/* box */
.box_950bg_bottom {background: transparent url(../../images/tc2/box_950bg_bottom.png) no-repeat scroll 0 100%;}
.box_950bg_top {background: transparent url(../../images/tc2/box_950bg_top.png) no-repeat scroll 0 0;}
.box_950bgB_bottom {background: transparent url(../../images/tc2/box_950bgB_bottom.png) no-repeat scroll 0 100%;}
.box_950bgB_top {background: transparent url(../../images/tc2/box_950bgB_top.png) no-repeat scroll 0 0;}
.box_950bgC_bottom {background: transparent url(../../images/tc2/box_950bgC_bottom.png) no-repeat scroll 0 100%;}
.box_950bgC_top {background: transparent url(../../images/tc2/box_950bgC_top.png) no-repeat scroll 0 0;}
.box_950bgD_bottom {background: transparent url(../../images/tc2/box_950bgD_bottom.png) no-repeat scroll 0 100%;}
.box_950bgD_top {background: transparent url(../../images/tc2/box_950bgD_top.png) no-repeat scroll 0 0;}

.box_single_210bg {background: transparent url(../../images/tc2/box_single_210bg.png) no-repeat scroll;}
.box_single_300bg {background: transparent url(../../images/tc2/box_single_300bg.png) no-repeat scroll;}
.box_stretch_210bg {background: transparent url(../../images/tc2/box_stretch_210bg.png) no-repeat scroll;}
.box_bg_A {background-position: 0 0;}
.box_bg_B {background-position: 0 -120px;}
.box_style_A {padding: 15px 0 0 15px; font-size: 12px; margin-bottom: 10px;}
.box_style_A h3, .box_style_A h4 {color: #666;}
.box_style_A p {margin-bottom: 0; color: #777;}
.box_height_105 {height: 105px;}
.box_height_120 {height: 120px;}

/* table */
.clear_A {font-size: 12px; width: 100%;}
.clear_A th {text-align: center; background-color: #CCC; height: 26px; line-height: 26px; white-space: nowrap; border-right: 1px solid #FFF;
  color: #555; font-weight: bold;}
.clear_A .thB {background-color: #EEE; border-bottom: 1px solid #CCC; border-right: 1px solid #e5e5e5;}
.clear_A td {padding: 0 8px; height: 24px; line-height: 24px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #FFF;}
.clear_A .noborder_bs {border-bottom: none;}
.clear_A th.noborder_rs {border-right: 1px solid #CCC;}
.clear_A .tr_row {background-color: #EEE;}

/* padding and margin */
.pt_10 {padding-top: 10px;}
.pr_10 {padding-right: 10px;}
.pl_10 {padding-left: 10px;}
.pb_10 {padding-bottom: 10px;}
.mt_10 {margin-top: 10px;}
.mr_10 {margin-right: 10px;}
.ml_10 {margin-left: 10px;}
.mb_10 {margin-bottom: 10px;}

.pt_20 {padding-top: 20px;}
.pr_20 {padding-right: 20px;}
.pl_20 {padding-left: 20px;}
.pb_20 {padding-bottom: 20px;}
.mt_20 {margin-top: 20px;}
.mr_20 {margin-right: 20px;}
.ml_20 {margin-left: 20px;}
.mb_20 {margin-bottom: 20px;}

.pt_30 {padding-top: 30px;}
.pr_30 {padding-right: 30px;}
.pl_30 {padding-left: 30px;}
.pb_30 {padding-bottom: 30px;}
.mt_30 {margin-top: 30px;}
.mr_30 {margin-right: 30px;}
.ml_30 {margin-left: 30px;}
.mb_30 {margin-bottom: 30px;}

/* border */
.border_bsA {border-bottom: 1px solid #e5e5e5;}
.border_all_A {border: 1px solid #e5e5e5; background-color: #f4f4f4;}
.border_all_B {border: 1px solid #CCC;}
.noborder_bs {border-bottom: none;}
.noborder_rs {border-right: none;}

/* bg */
.area_bgA {background: transparent url(../../images/tc2/area_shadow_720bgA.png) no-repeat scroll 0 100%;}
.area_bgB {background: transparent url(../../images/tc2/area_shadow_720bgB.png) no-repeat scroll 0 100%;}

/* pagination */
.pagination {width: 95%; margin: 20px auto 0 auto; text-align: center;}
.pagination span {height: 13px; line-height: 13px;}
.pagination .prev_page {margin-right: 2px;}
.pagination .next_page {margin-left: 2px;}
.pagination .current {background-color: #DDD; padding: 0 4px; border: 1px solid #CCC;}
.pagination a, .pagination a:link, .pagination a:visited {color: #1089d9; cursor: pointer; text-decoration: none; padding: 0 4px;}
.pagination a:hover {background-color: #dbf1ff; padding: 0 4px; text-decoration: none;}

/* link style */
a, a:link, a:visited {color: #1089d9; text-decoration: none; cursor: pointer;}
a:hover, a:active {text-decoration: underline;}
a.grayA, a.grayA:hover, a.grayA:link, a.grayA:visited,a.grayA:active {color: #777;}
a.maintitle, a.maintitle:hover, a.maintitle:link, a.maintitle:visited,a.maintitle:active {text-decoration: none;}
a.titleA {color: #333; text-decoration: none; font-weight: bold;}
a.coverA, a.coverA:link, a.coverA:visited {color: #1089d9; text-decoration: none; cursor: pointer; display: block;}
a.coverA:hover, a.coverA:active {color: #1089d9; background-color: #e8f5fd; display: block; text-decoration: none;}
a.coverB, a.coverB:link, a.coverB:visited {color: #1089d9; text-decoration: none; cursor: pointer;}
a.coverB:hover, a.coverB:active {color: #1089d9; background-color: #e8f5fd; text-decoration: none;}
a.coverC, a.coverC:link, a.coverC:visited {color: #cc0000; text-decoration: none; cursor: pointer;}
a.coverC:hover, a.coverC:active {color: #cc0000; background-color: #ffcccc; text-decoration: none;}

/* button */
/* btnG36 */
.container a.btnG36, .container a.btnG36:link {color: #FFF;	background: #62b20c url(../../images/tc2/button_bg.png) no-repeat 0 0; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnG36 span, .container a.btnG36:link span, .container a.btnG36:visited span {padding: 0 10px; display: block;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -36px; font-size: 16px; font-weight: bold;
  line-height: 36px;}
.container a.btnG36:hover {color: #FFF;	height: 36px; background: #62b20c url(../../images/tc2/button_bg.png) no-repeat 0 -72px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnG36 span, .container a.btnG36:hover span {padding: 0 10px; display: block; height: 36px;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -108px; font-size: 16px; font-weight: bold;}
  
/* btnG25 */
.container a.btnG25, .container a.btnG25:link {color: #FFF; background: #62b20c url(../../images/tc2/button_bg.png) no-repeat 0 -288px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnG25 span, .container a.btnG25:link span, .container a.btnG25:visited span {padding: 0 10px; display: block;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -313px; font-size: 13px; font-weight: bold;
  line-height: 25px; line-height: 28px \9; _line-height: 25px;}
.container a.btnG25:hover {color: #FFF;	height: 25px; background: #62b20c url(../../images/tc2/button_bg.png) no-repeat 0 -338px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnG25 span, .container a.btnG25:hover span {padding: 0 10px; display: block; height: 25px;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -363px; font-size: 13px; font-weight: bold;}
  
/* btnG20 */
.container a.btnG20, .container a.btnG20:link {color: #FFF; background: #62b20c url(../../images/tc2/button_bg.png) no-repeat 0 -488px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnG20 span, .container a.btnG20:link span, .container a.btnG20:visited span {padding: 0 6px; display: block;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -508px; font-size: 12px;
  line-height: 20px; line-height: 22px \9; _line-height: 20px;}
.container a.btnG20:hover {color: #FFF;	height: 20px; background: #62b20c url(../../images/tc2/button_bg.png) no-repeat 0 -528px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnG20 span, .container a.btnG20:hover span {padding: 0 6px; display: block; height: 20px;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -548px; font-size: 12px;}


/* btnB36 */  
.container a.btnB36, .container a.btnB36:link {color: #FFF;	background: #1089d9 url(../../images/tc2/button_bg.png) no-repeat 0 -144px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnB36 span, .container a.btnB36:link span, .container a.btnB36:visited span {padding: 0 10px; display: block;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -180px; font-size: 16px; font-weight: bold;
  line-height: 36px;}
.container a.btnB36:hover {color: #FFF; height: 36px; background: #1089d9 url(../../images/tc2/button_bg.png) no-repeat 0 -216px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnB36 span, .container a.btnB36:hover span {padding: 0 10px; display: block; height: 36px;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -252px; font-size: 16px; font-weight: bold;}
  
/* btnB25 */
.container a.btnB25, .container a.btnB25:link {color: #FFF;	background: #1089d9 url(../../images/tc2/button_bg.png) no-repeat 0 -388px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnB25 span, .container a.btnB25:link span, .container a.btnB25:visited span {padding: 0 10px; display: block;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -413px; font-size: 13px; font-weight: bold;
  line-height: 25px; line-height: 28px \9; _line-height: 25px;}
.container a.btnB25:hover {color: #FFF;	height: 25px; background: #1089d9 url(../../images/tc2/button_bg.png) no-repeat 0 -438px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnB25 span, .container a.btnB25:hover span {padding: 0 10px; display: block; height: 25px;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -463px; font-size: 13px; font-weight: bold;}
 
/* btnB20 */
.container a.btnB20, .container a.btnB20:link {color: #FFF; background: #1089d9 url(../../images/tc2/button_bg.png) no-repeat 0 -568px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnB20 span, .container a.btnB20:link span, .container a.btnB20:visited span {padding: 0 6px; display: block;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -588px; font-size: 12px;
  line-height: 20px; line-height: 22px \9; _line-height: 20px;}
.container a.btnB20:hover {color: #FFF;	height: 20px; background: #1089d9 url(../../images/tc2/button_bg.png) no-repeat 0 -608px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnB20 span, .container a.btnB20:hover span {padding: 0 6px; display: block; height: 20px;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -628px; font-size: 12px;}

/* btnP20 */
.container a.btnP20, .container a.btnP20:link {color: #FFF;	background: #1089d9 url(../../images/tc2/button_bg.png) no-repeat 0 -648px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnP20 span, .container a.btnP20:link span, .container a.btnP20:visited span {padding: 0 6px; display: block;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -668px; font-size: 12px;
  line-height: 20px; line-height: 22px \9; _line-height: 20px;}
.container a.btnP20:hover {color: #FFF;	height: 20px; background: #1089d9 url(../../images/tc2/button_bg.png) no-repeat 0 -688px; 
  text-decoration: none; display: block; cursor: pointer; text-align: center;}
.container a.btnP20 span, .container a.btnP20:hover span {padding: 0 6px; display: block; height: 20px;
  background: transparent url(../../images/tc2/button_bg.png) no-repeat right -708px; font-size: 12px;}

.btn_list li {float: left; margin: 0 2px;}
.container .w200 {width: 200px;}
.container .w110 {width: 110px;}
.container .w100 {width: 100px;}
.container .w60 {width: 60px;}
.container .w40 {width: 40px;}

/* icon */
.statement_icon a, .statement_icon a:visited {width: 16px; height: 16px; display: block;
  background: transparent url(../../images/tc2/question_icon_16.gif) 0 0px;}
.statement_icon a:hover {background: transparent url(../../images/tc2/question_icon_16.gif) 0 -16px; display: block;}

/* type */
/* for new website
body {font: 12px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff; color: #333;}*/

body {font-size: 13px; color: #2a2a2a; font-family: Helvetica, Arial, sans-serif; width: 100%;
	background-color: #FFF;	height: 100%; line-height: 1.6em;}

strong, b {font-weight: bold;}
i {font-style: italic;}
em {text-decoration: underline;}
p {margin-bottom: 10px;}
h1 {font-weight: bold; font-size: 22px; line-height: 30px; margin-bottom: 10px;}
h2 {font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 10px;}
h3 {font-weight: bold; font-size: 1em; line-height: 18px; margin-bottom: 8px;}
h4 {font-weight: bold; font-size: 1em; line-height: 18px; margin-bottom: 4px;}
ul {list-style: none outside;}
ol {list-style: decimal; margin-left: 0;}
.f12 {font-size: 12px;}
.f15 {font-size: 15px;}
.text_center {text-align: center;}
.text_right {text-align: right;}
.text_left {text-align: left;}
.color_rA {color: #cc3333;}
.color_r {color: #FF0000;}
.color_g {color: #009900;}
.time_styleA  {color: #777; margin-right: 10px; font-size: 11px;}
.currence_unit {margin-right: 4px; font-size: 11px;}
.decimals {font-size: 11px;}

/*
ul.square,
ul.circle {margin-left: 2em; }
ul.square {list-style: square outside;}
ul.circle {list-style: circle outside;}
ul ul.circle,
ul ul.square {margin-top: 4px; margin-bottom: 5px;}
ol.sosumi {margin-left: 0; padding-left: 2em;}
*/

/* print */
@media print {
	body, .container { color: #000 !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration:none !important; }
}