/* To beautify the Finance homepage */
/* Update date : 2007-09-29 */

/* global format */
body{background-color:#F5F5F4; padding:0; margin:0;}
h1,h2,h3,h4,form,p{margin:0;}
ul,ol{padding:0; margin:0; list-style:none;}
img{border:0;}
a{color:#004D9F;}
div:after,ul:after,.cake:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
.hide{display:none;}
p.more{clear:both;}
p.more em{float:right; padding-top:10px; font-style:normal; font-weight:bold;}

#ywrapper{width:950px; height:100%; background-color:#fff; padding:0 5px; margin:0 auto;}
#phd{width:950px;}

/* banner */
.banner{padding:10px; margin:0 auto;}
.banner1{float:right; width:728px; height:90px;}
.banner2{width:220px; border:1px solid #000;}
.banner3{clear:both; width:372px; margin-bottom:20px;}

/* banner_ext */
.banner_ext{clear:both; padding:0; margin:10px auto;}
.text_links{float:left; width:190px; height:68px; border:1px solid #E6E6E6; padding:10px; text-align:left; line-height:1.4em;}

/* global nav and search */
#gnav{margin-bottom:10px; text-align:left;}
#gnav .nav{height:28px; background:#012044 url(http://cn.yimg.com/i/css/fin/0709pic/gnav_bg.png) no-repeat 0 0; padding:5px 0 0 15px;}
#gnav .nav li{float:left; background:url(http://cn.yimg.com/i/css/fin/0709pic/stick.gif) no-repeat; background-position:0 6px; *background-position:0 5px;}
#gnav .nav li.first{background-image:none;}
#gnav .nav li a{display:block; padding:5px 15px 6px 15px; *padding:5px 15px 7px 15px; font-size:14px; font-weight:bold; color:#fff;}
#gnav .on a{background:#F9F9F9; color:#000 !important;}
#gnav .sub_nav{height:30px; background:#F9F9F9; border-bottom:1px solid #E6E6E6; padding-top:3px; text-align:center;}
#gnav .sub_nav table{width:100%;}

#gnav .xkright{float:right; margin:-21px 10px 0 0; color:#FFFFFF;}
#gnav .xkright a{color:#fff;}
#gnav .xkright .xka1{background:url(http://cn.yimg.com/sp/biz/hp/xkicon/01.gif) no-repeat;}
#gnav .xkright .xka2{background:url(http://cn.yimg.com/sp/biz/hp/xkicon/02.gif) no-repeat;}
#gnav .xkright .xka3{background:url(http://cn.yimg.com/sp/biz/hp/xkicon/03.gif) no-repeat;}


/* button */
.btn{text-align:center; border:0; cursor:pointer; padding:0; margin:0;}
.btn1{width:65px; height:21px; background:url(http://cn.yimg.com/i/css/fin/0709pic/btn.gif) no-repeat 0 0; font-weight:bold;}
.btn2{height:20px; background:#007ABD; border:1px solid #0069AC; padding:0px 5px; *padding:2px 0 0 0; color:#fff;}
.btn3{height:20px; background:#CD1326; border:1px solid #B60315; padding:0px 5px; *padding:2px 0 0 0; color:#fff;}
.btn4{height:20px; background:#CD1326; border:1px solid #B60315; padding:0px 18px; *padding:2px 6px 0 6px; color:#fff; font-weight:bold;}
.btn5{width:80px; height:20px; background:#CD1326; border:1px solid #B60315; *padding-top:2px; color:#fff; font-weight:bold;}
.btn6{width:80px; height:20px; background:#928D88; border:1px solid #87827C; *padding-top:2px; color:#fff; font-weight:bold;}

/* area box */
.box{clear:both; width:920px; border:1px solid #E6E6E6; padding:14px;}
.box .headline{margin-bottom:10px;}
.box .subline{width:920px; border-bottom:1px solid #E6E6E6; padding-bottom:15px; margin-bottom:15px;}
.box .subline a{color:#004D9F;}

/* cake */
.cake{clear:both; width:920px; height:100%; text-align:left; text-align:left;}
.cake_l{float:left; width:222px;}
.cake_m{float:left;width:372px; padding:0 15px;}
.cake_r{float:right; width:280px; padding-left:15px; border-left:1px solid #E5E5E5;}

/* login */
#login{width:262px; background:url(http://cn.yimg.com/i/css/fin/0709pic/login_bg.gif) no-repeat 0 0; border:1px solid #000; padding:13px 8px 8px 8px;}
#login h3{font-size:16px;}
/*#login .myinvest{border:1px solid #D6D6D6; padding:10px;}*/
#login .myinvest{height:128px; background:url(http://cn.yimg.com/i/css/fin/0709pic/myinvest_bg.gif) no-repeat 0 0; padding:10px;}
#login .myinvest p{padding:15px 0; color: #797B7D; line-height:1.5em;}

#login .myinvest_grid{border:1px solid #D6D6D6;}
#login .myinvest_grid h3{padding:10px 10px 0 10px;}
#login .myinvest_grid table{width:100%; text-align:center;}
#login .myinvest_grid th{background:#F1F1F1; padding:3px 5px 1px 5px; font-weight:normal;}
#login .myinvest_grid td{padding:6px 5px 3px 5px; border-bottom:1px solid #F1F1F1;}

/* bulletin */
#bulletin{clear:both; padding:15px 0 5px 0; margin-bottom:20px;}
#bulletin h3{font-size:14px;}
#bulletin p{padding-top:10px; line-height:1.5em;}

/* module : grid */
.grid{clear:both; border-top:2px solid #000; margin-bottom:20px;}
.grid h3{font-size:14px; padding:10px 0;}
.grid table{width:100%; text-align:center;}
.grid th{background:#F1F1F1; padding:3px 5px 1px 5px; font-weight:normal;}
.grid td{padding:3px 5px; border-bottom:1px solid #F1F1F1;}

.grid .yui-nav{float:left; width:280px; height:25px; *height:24px; background:url(http://cn.yimg.com/i/css/fin/0709pic/dot1.gif) repeat-x 0 100%; padding:0; margin-bottom:10px;}
.grid .yui-nav li{display:inline; float:left; background:#E8E8E8; border:1px solid #E7E7E7; border-bottom:0; padding:3px 10px; margin-right:2px; margin-top:2px;}
.grid .yui-nav li a{float:left;}
.grid li.selected{background:#fff; margin-top:0; padding-top:6px;}
.grid li.selected a{color:#000; font-weight:bold;}
.grid .yui-content{clear:both; padding:0; margin:0;}

/* attention */
#attn{margin-bottom:15px;}
#attn h2{font-size:16px;}
#attn h3{font-size:14px; margin-bottom:10px;}
#attn .img{position:relative; float:left; width:133px; height:98px; border:1px solid #E5E5E5; margin-right:10px;}
#attn .list{margin-top:5px; line-height:1.5em;}
#attn .trend{clear:both; margin-top:20px;}

/* module : tabarea */
.tabarea{clear:both; margin-bottom:15px;}
.tabarea .yui-nav{float:left; width:372px; height:27px; *height:26px; background:url(http://cn.yimg.com/i/css/fin/0709pic/dot1.gif) repeat-x 0 100%; padding:0; margin-bottom:15px;}
.tabarea .yui-nav li{display:inline; float:left; background:#E8E8E8; border:1px solid #DEDEDE; border-bottom:0; padding:3px 20px; margin-left:6px; margin-top:2px;}
.tabarea .yui-nav li a{float:left; font-size:14px; font-weight:bold;}
.tabarea li.selected{background:#fff; margin-top:0; padding-top:6px;}
.tabarea li.selected a{color:#000;}
.tabarea .yui-content{clear:both; width:372px; padding:0; margin:0;}
.tabarea .yui-content .bd{clear:both;}
.tabarea .yui-content .bd em{float:right; margin-top:5px; font-style:normal;}
.tabarea .yui-content .list{font-size:14px; line-height:1.7em;}
/** t_expert **/
#t_expert h2{font-size:16px; margin-bottom:5px;}
#t_expert .img{position:relative; float:left; width:108px; height:78px; border:1px solid #E5E5E5; margin-right:10px;}
#t_expert span{line-height:1.5em;}
#t_expert .list_row{clear:both; margin-top:15px;}
#t_expert .list_row li{float:left; width:31%; background:url(http://cn.yimg.com/i/css/fin/0709pic/dot2.gif) no-repeat 0 50%; padding-left:8px; line-height:1.5em;}
/** t_financing **/
#t_financing .img,#t_gusto .img{position:relative; float:left; width:108px; height:78px; margin-right:10px;}
#t_financing .img img,#t_gusto .img img{border:1px solid #E5E5E5;}
#t_financing i,#t_gusto i{display:block; margin-top:5px; font-style:normal; text-align:center;}
#t_financing .list,#t_gusto .list{float:left;}

/* news_scattered */
.news_scattered{clear:both; border:1px solid #E5E5E5; padding:15px 5px 0 5px;}
.news_scattered li{font-size:12px; font-weight:bold; line-height:1.5em; padding-bottom:10px;}
.news_scattered b{display:block; font-style:normal; font-weight:normal;}

/* module : stock */
.stock{clear:both; margin-bottom:20px;}
.stock .yui-nav{float:left; width:222px; height:25px; *height:24px; background:url(http://cn.yimg.com/i/css/fin/0709pic/dot3.gif) repeat-x 0 100%; padding:0;}
.stock .yui-nav li{display:inline; float:left; background:#E8E8E8; border:1px solid #DEDEDE; border-bottom:0; padding:3px 6px; _padding:3px 6px 3px 5px; margin-right:2px; margin-top:2px;}
.stock .yui-nav li a{float:left;}
.stock li.selected{background:#fff; border-color:#000; margin-top:0; padding-top:6px;}
.stock li.selected a{color:#000;}
.stock .yui-content{clear:both; width:220px; height:137px; border:1px solid #000; border-top:0; padding:0; margin:0;}
.stock .yui-content .bd{clear:both;}
.stock .yui-content .bd p{text-align:center; padding-top:10px;}

.stock_grid{clear:both; width:220px; border:1px solid #000; border-top:0;}
.stock_grid table{width:100%;}
.stock_grid th{width:60px; padding:3px 0 3px 7px; vertical-align:middle;}
.stock_grid td{vertical-align:middle; font-size:11px; font-family:arial; padding-left:3px;}
/** stock special **/
.stock_local{color:#fff;}
.stock_local .list{}
.stock_local .list li{clear:both; width:220px; height:17px; border-bottom:1px solid #fff; padding:3px 0 0 0; margin-bottom:0; *margin-bottom:-4px;}
.stock_local .list li a{color:#fff;}
.stock_local .list li h3{display:block; float:left; width:65px; padding-left:7px; font-size:12px;}
.stock_local .list li i{display:block; float:left; width:22%; font-style:normal; font-size:11px; font-family:arial;}
.stock_local .abg{background:transparent url(http://cn.yimg.com/i/css/fin/0709pic/stock_grid_bg.png) repeat-x 0 0;}
.stock_local .abg_red{background-position:0 0;}
.stock_local .abg_green{background-position:0 -40px;}
/** stock normal **/
.stock_other th{background-color:#F5F5F5; border-right:1px solid #E7E7E7;}
.stock_other th,.stock_other td{border-bottom:1px solid #E7E7E7;}

/* module : zebra */
.zebra{clear:both; margin-bottom:20px;}
.zebra h3{background:#01264C; padding:5px 10px 3px 10px; color:#fff; font-size:12px;}
.zebra table{width:100%; background-color:#fff; border:1px solid #E7E7E7; border-top:0; text-align:center;}
.zebra th{border-left:1px solid #E7E7E7; padding:5px 0; color:#835E35; font-weight:normal;}
.zebra td{border-left:1px solid #E7E7E7; padding:5px 0;}
.zebra .name{padding-left:7px; text-align:left;}
.zebra .have{background-color:#F1F1F1;}

.zebra .yui-nav{float:left; width:211px; height:25px; *height:24px; background:url(http://cn.yimg.com/i/css/fin/0709pic/dot1.gif) repeat-x 0 100%; border-right:1px solid #E7E7E7; border-left:1px solid #E7E7E7; padding:6px 0 0 9px;}
.zebra .yui-nav li{display:inline; float:left; background:#E8E8E8; border:1px solid #E7E7E7; border-bottom:0; padding:3px 6px; _padding:3px 6px 3px 5px; margin-right:2px; margin-top:2px;}
.zebra .yui-nav li a{float:left;}
.zebra li.selected{background:#fff; margin-top:0; padding-top:6px;}
.zebra li.selected a{color:#000; font-weight:bold;}
.zebra .yui-content{clear:both; padding:0; margin:0;}

/* ncp20 */
#ncp20{clear:both; margin-bottom:20px;}
#ncp20 h4{font-size:12px; margin-bottom:5px;}
#ncp20 .img{position:relative; float:left; width:83px; height:68px; border:1px solid #E5E5E5; margin-right:10px;}
#ncp20 span{line-height:1.5em;}
#ncp20 .list_row{clear:both; margin-top:15px;}
#ncp20 .list_row li{float:left; width:47%; background:url(http://cn.yimg.com/i/css/fin/0709pic/dot4.gif) no-repeat 0 50%; padding-left:8px; line-height:1.5em;}

/* module : text_grid */
.text_grid{clear:both; height:100%; border:1px solid #E5E5E5; padding:10px 5px; margin-bottom:20px;}
.text_grid .col1{width:268px;}
.text_grid .col1 li{width:100%; line-height:1.7em;}
.text_grid .col2{width:360px;}
.text_grid .col2 li{float:left; width:48%; line-height:1.7em;}
/** text_grid **/
.text_grid_dazzle{clear:both; border:1px solid #87827C; padding:2px; *padding:0 2px 2px 2px; margin-bottom:20px;}
.text_grid_dazzle table{width:100%; background-color:#E4E2D3; padding:0; *border-top:1px solid #fff;;}
.text_grid_dazzle td{padding:3px;}

/* ycn_fin_pic */
#t_picnews li,#t_cover li{float:left; margin-right:7px;}
#t_picnews li i,#t_cover li i{display:block; width:87px; margin-top:0px; *margin-top:10px; font-style:normal; font-size:12px; text-align:center;}
#t_picnews .no_mg_r,#t_cover .no_mg_r{margin-right:0 !important;}

/* group_grid */
.group_grid{clear:both;}
.group_grid h4{font-size:13px; margin-bottom:5px;}
.group_grid em{font-style:normal; margin-left:10px; font-weight:normal;}
.group_grid .img{position:relative; float:left; width:58px; height:58px; border:1px solid #E5E5E5; margin-right:10px;}
.group_grid span{line-height:1.5em;}
.group_grid_has_mg_b{margin-bottom:15px;}

/* friends */
#friends{clear:both; width:778px; height:100%; background:#F1F1F1; border:1px solid #E6E6E6; border-top:0; padding:17px 85px; text-align:center; word-break:break-all;}
#friends p{line-height:1.5em;}
#friends strong{margin-right:20px;}
#friends a{margin-right:15px; color:#000;}

/* yft */
#yft{width:948px; height:100%; border:1px solid #E6E6E6; margin:0 auto; text-align:center;}
#yft .hd{background:#F1F1F1; padding:15px 60px; line-height:1.5em; color:#8B8B8B;}
#yft .ft{padding:10px 150px;}
#yft .ft p{line-height:1.5em; font-family:verdana;}
.yft_has_mg_b{margin-bottom:15px;}
#yft .ft p a{font-family:verdana;}
#yft .ft span{color:#464646;}

/* hacks for nav.css */
.cjb1inp{height:16px; border:2px inset;}



/* some styles are used for special cases */
/* sign */
.marked{color:#CF0133 !important;}
.red{color:#C23100;}
.green{color:#459413;}
.b{font-weight:bold;}

/* remove */
.no_bd_b{border-bottom:0 !important;}
.no_bd_l{border-left:0 !important;}


/* fix i's width */
.stock_local .list li h3{display:block; float:left; width:59px; padding-left:5px; font-size:12px;}
.stock_local .list li i{display:block; float:left; width:52px; font-style:normal; font-size:11px; font-family:arial;}
.stock_local .abg{background:transparent url(http://cn.yimg.com/i/css/fin/0709pic/stock_grid_bg_new.png) repeat-x 0 0;}
.stock_local .abg_red{background-position:0 0;}
.stock_local .abg_green{background-position:0 -40px;}

.stock_grid th{width:60px; padding:3px 0 3px 2px; vertical-align:middle;}
.stock_grid td{width:52px; vertical-align:middle; font-size:11px; font-family:arial; padding-left:2px;}