body{background: #fff; font:9pt/120% Arial, Helvetica, sans-serif; width: 1004px;}
*{margin: 0; padding: 0;}
img{border: none;}
.right{float: right;}
.left{float: left;}
h1,h2,h3,h4,h5,h6{font:10pt Arial;}
.clear{clear: both;}
/* nav */
#menu{ margin: 5px 5px 0 200px; color: #0087C5;}
#menu span{float: right; padding: 6px 1em 0 0}
#menu a{ color: #0087C5; padding: 0 3px;}
#menu b{background: url(../img/ico/menu.gif) no-repeat bottom center; line-height: 24px; color: #0087C5; padding: 0 20px 5px 20px;}
#nav{background: url(../Img/bg/nav_bg.gif) repeat-x; height: 24px; margin-top: 3px;}
#nav ul{list-style: none;font-size: 10pt;line-height: 22px; }
#nav ul li{float: left;margin: 3px 0 0 18px;text-align: center; width: 65px;}
#nav ul li a:link,#nav ul li a:visited{text-decoration: none; display: block; color: #0087C5}
#nav ul li a:hover{background: url(../Img/bg/nav_hover.gif) no-repeat; color: #fff;}
#main{padding: 5px 240px 5px 5px;position: relative;}
#contain{margin-left: 270px;line-height: 150%;}
#contain u{display: block;}
/* info */
#info{margin:5px 0 0 3px; width: 480px;}
#infotop{background: url(../Img/bg/info_top.gif) no-repeat left; height: 30px; line-height: 30px;}
#infotop img{ float: left; margin: 5px 8px 0 1em;}
#infobot{background: url(../Img/bg/info_bot.gif) no-repeat left; height: 17px;}
#info form{padding:5px 2em; background: url(../Img/bg/info_mid.gif) repeat-y;}
#info label{display: block; margin-top: 8px;}
#info label b{font-weight: lighter; margin-right: 3px; float: left; text-align: right; width: 90px;}
#info label input{border: solid 1px #7E9DB9; line-height: 18px; height: 18px;}
#info label textarea{border: solid 1px #7E9DB9; overflow: hidden; width: 233px; padding: 2px;}
#info label span{padding-left: 8px;}
.noneborder{ padding-left: 8em; margin-top: 5px;}
.botalign{ text-align: right; padding: 5px; padding-right: 5em;}
#info h5{background: #fff url(../Img/ico/send.gif) no-repeat 1px; padding:5px 3px; border: solid 1px #C5D5E6;}
#info h5 span{ margin-left: 33px;}
#info h5 a span{ color: #333; text-decoration:none}
#info h6{background: #fff; border: solid 1px #C5D5E6; padding: 1px 3px; margin-top: 3px;}
#info dl{ border: solid 1px #C5D5E6; margin-top: 3px; background: #fff;}
#info dt{padding: 2px 8px;border-bottom: solid 1px #C5D5E6;}
#info dd{border-bottom: solid 1px #E6E7EA; margin-left: 2px; padding: 2px 6px;}
#info small{color: #666; padding: 0 5px;}
#msgtool{background: url(../Img/bg/msgbg1.gif) repeat-x; line-height: 26px; border: solid 1px #C5D5E6;border-top:none;}
#msgtool div{ background: url(../Img/ico/iface.gif) no-repeat 0;}
#msgtool span{visibility: hidden;}
#msgtool span a{margin-left:3em }
#msgtxt{border: solid 1px #C5D5E6; border-top: none; background: #fff;}
#msgtxt textarea{border: none; overflow: hidden; padding: 2px;}
#msgtxt button{float: right; margin: 9px 9px 0 0;}
#msginfo{border: solid 1px #C5D5E6; border-top: none; background: #fff; padding: 3px;}
/* wealth */
#mainone{padding: 5px;position: relative;}
#wealth{margin-left: 270px;}
#wealth form{border: solid 1px #C5D5E6; padding: 8px; margin: 5px 2em;}
#wealth h4{line-height: 30px; padding-left:8px;}
#wealth label{padding: 5px 5px; display: block;}
#wealth label b{float: left; width: 80px; text-align: right; font-weight: lighter;}
#wealth ol{margin-left: 4em; line-height: 22px; color: #666;}
#wealth dl{line-height: 26px; margin: 0 5px 1em 5px;}
#wealth dd{border-bottom: dashed 1px #ccc;}
#wealth dt del,#wealth dd del{float: right;}
#wealth dd span{float: left; width: 400px;}
.inputbg{background: url(../Img/bg/msgbg1.gif) repeat-x; padding: 0 5px;}
/* userface */
#uface{float: right; width: 150px; margin-top:9px; line-height: 20px;}
#uface img{padding: 2px; border: solid 1px #7E9DB9; width: 40px; height: 40px; float: left; margin-right: 1em;}
#facebot{background: url(../Img/bg/facebg.gif) no-repeat; text-align: center; margin-top: 3px; cursor: pointer;border: none; display: block;}
#face{display: none; clear: both;}
/* group */
#group li span,#grouplogo li a span{color: #666; text-decoration: none;}
#group{list-style: none; height: 25px;}

#group li{float: left; line-height: 22px; width: 30%; padding-left: 1%;}
/* title1 */
h3{background:#EDFFFF url(../Img/ico/ico_t1.gif) no-repeat 1em 8px;margin-top: 5px;padding-left: 2em;line-height: 26px;border: solid 1px #7C9FBD;}
/* user */
#user{width: 265px;float:left;}
.uline{text-align: center;margin-top: 8px;background: url(../Img/bg/line1.gif) repeat-x bottom;padding-bottom:8px;}
.uline strong{color: #666; font-weight: lighter;display: block; text-align: center; line-height: 30px;}
#user ul{list-style: none;line-height: 20px;margin-top: 5px;}
#user ul li{float: left;width: 45%;padding-left: 1em;}
/* bot */
.bot{border: solid 1px #4890C8;margin-left: 1em;background: transparent url(../Img/bg/bot01.gif) no-repeat 0;color: #001563;line-height: 21px;height: 23px;width: 70px;cursor: pointer;text-align: center;}
.bot b{font: 11px/22px Fixedsys;margin-right: 2px;}
.bot2{background: url(../Img/bg/bot02.gif) no-repeat; cursor: pointer; border: none; margin: 0 8px;}
/* uinfo */
#uinfo{background: url(../Img/bg/u_info.gif) no-repeat 0;height: 181px;}
#uinfo hr{color: #7C9FBD;height: 1px;margin: 3px 1em;clear: both;}
#uinfo p{line-height: 20px; height: 20px;}
#uimg{float: left;text-align: center;margin: 8px 1em 0 4px;width: 104px;height: 104px;background:#7EA0BE url(../Img/bg/uimg.gif) no-repeat;}
#uimg img{margin-top: 2px; text-align: center; border: solid 1px #7E9DB9; width: 90px; height: 90px; float: left; margin-right: 1em;}
/* usercon */
#usercon a{ float: left; display: block; width: 30px; margin-left: 1em; }
/* buildgroup & invitefriend */
#buildgroup{background: url(../Img/bg/buildgroup.gif) no-repeat center top; height: 98px; margin-bottom: 5px;}
#invitefriend{background: url(../Img/bg/invitefriend.gif) no-repeat center top; height: 98px;}
#buildgroup h4 span,#invitefriend h4 span{visibility: hidden; margin: 0 2em; line-height: 38px;}
#buildgroup p,#invitefriend p{margin:0 2em; text-align: left; color: #fff; background: none;}
#buildgroup a,#invitefriend a{text-decoration: none;}
/* grouplogo */
#grouplogo{list-style: none;text-align: center; line-height: 30px; height:80px;}
#grouplogo li{float: left; width: 25%;display: table-row;}
#grouplogo li div{width: 110px; height: 100px;overflow: hidden; border: solid 1px #A4BBD0; display: table-cell; vertical-align: middle;}
/* friendpic */
#friendpic{list-style: none; text-align: center;line-height: 30px;}
#friendpic li{float: left; width: 25%;}
#friendpic li div{border: solid 1px #A4BBD0; width: 97px; height: 97px; overflow: hidden;}
#friendpic li div img{border: solid 1px #fff;}
/* ploy */
#ploy{line-height: 26px;}
#ploy dt{background: #f9f9f9; line-height: 20px; border-top: solid 1px #eee;}
/* chart */
#rchart{position:absolute;left: 768px;top: 65px;z-index: 8; width: 230px;}
#chart{ text-align: center; background: url(../Img/bg/chart02.gif) repeat-y;}
#rchart ol{line-height: 20px; list-style: inside circle;}
/* charttop */
#charttop{background: url(../Img/bg/charttop.gif) no-repeat; height: 124px; text-align: left;padding-left: 1.2em;}
#charttop h6{line-height: 30px; margin-bottom: 1.3em;}
#charttop p{line-height: 22px;}
#chattlogo{padding: 2px; margin: 0 8px 0 5px; background: #fff; border: solid 1px #d8d8d8; float: left;}
/* mailone */
#mailone{background: url(../Img/ico/mail.gif) no-repeat 3px 8px; padding:3px 0 0 2em;}
#mailone a{text-decoration: none;}
#mailone a:hover{text-decoration: underline;}
#chartbot{background: url(../Img/bg/chartbot.gif) no-repeat; height: 19px;}
#chartlist{border: solid 1px #C5D5E6; margin: 0 8px; background: #fff; text-align: left;}
#chartlist form{padding: 6px;border-bottom: solid 1px #C5D5E6;}
.friendso{background: url(../Img/bg/input1.gif) repeat-x; border: solid 1px #E0E8F0; line-height: 18px; height: 18px; margin-right: 8px;}
#chartlist dl{list-style: none; overflow-y: scroll; height: 350px;}
#chartlist dt{ clear: both; font-size: 10pt; color: #333; padding-left: 1.5em; background: url(../Img/ico/ico_friend.gif) no-repeat 5px 7px; line-height: 24px;}
#chartlist dt a{color: #333; text-decoration: none;}
#chartlist dd{ clear: left;border-bottom: solid 1px #C5D5E6; height: 50px; line-height: 30px;}
#chartlist dd img{float: left; margin: 5px 1em 5px 1em; padding: 1px; border: solid 1px #d8d8d8;}
/* rim */
.rim{border: solid 1px #7C9FBD;border-top: none;padding: 5px;}
.rim2{border: solid 1px #7C9FBD;padding: 5px;margin-top:5px;}
/* page */
.page{text-align: right; padding: 2px 1em;}
/* link color */
a:link,a:visited{	color: #007; text-decoration: underline;}
a:hover{color: #007; text-decoration: none;}