html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, thead, tbody, tfoot, th, tr, td {
	margin:0;
    padding:0;
    border:0;
    
    vertical-align:baseline;
	text-decoration:none;
}

body {
	line-height:1;
	font-family:Verdana, Arial, sans-serif;
	font-size:12px;
}

ol,ul,li {
	list-style:none;
}

h1,h2,h3,h4,h5,h6 {
	font-family:"Trebuchet MS";
}

blockquote,q {
    quotes:none;
}

table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

input,textarea {
	padding:2px;
}


/* toggle (need delete) */
.toggle * { margin:0; padding:0;}
.toggle a { text-decoration:none; cursor:pointer;}
.toggle a { display:block; float:left;}
.toggle a span { display:block; float:left;}
.toggle a:hover,
.toggle li.toggle_up a { text-decoration:none; background-position:0% 100%;} 
.toggle a:hover span,
.toggle li.toggle_up a span { text-decoration:none; background-position:100% 100%;}


/* screenMasker */
#screenMasker {
	position:absolute;
	z-index:999;
	top:0;
	left:0;
	opacity:0.6;
	filter:alpha(opacity=60);
	background:#fff;
}
#screenWindow {
	position:absolute;
	z-index:1000;
	top:35%;
	left:35%;
	padding:20px 30px;
	border:2px solid #9EBD41;
	background:#FCFDF7;
	font-size:12px;
}


/* tab */
.tabnav                 { margin:16px auto; padding:11px 6px; border-bottom:1px solid #e1e1e1;}
.tabnav li              { display:inline;}
.tabnav li a            { padding:9px 12px; border:1px solid #e1e1e1; border-bottom:none; background:#f6f6f6; color:#99a;}
.tabnav li.t_up         { border-bottom:1px solid #fff; background:#F1F5E2;}
.tabnav li.t_up a       { position:relative; top:1px; padding-top:14px; background:#fff; font-size:12px; font-weight:bolder; color:#000;}
.tabnav li a:hover      { text-decoration:underline; color:#f60;}
.tabnav a:hover         { background:#fff;}


/* user info (icon,name,level) */
.mUser                  { color:#99a;}
.mUser p                { float:left;}
.mUser p.icon img       { padding:1px; border:1px solid #f1f1f1; width:32px; height:32px; background:#fff;}
.mUser p.name           { margin-left:5px;}
.mUser p.name a         { display:block;}
.mUser p.name a:hover font { text-decoration:underline; color:#f60;}
.mUser p.name span img  { width:13px; height:12px; vertical-align:top;}


/* float and text align */
.fl                     { float:left;}
.fr                     { float:right;}
.cl                     { clear:left;}
.cr                     { clear:right;}
.cb                     { clear:both;}
.tl                     { text-align:left;}
.tr                     { text-align:right;}
.tc                     { text-align:center;}
.tj                     { text-align:justify;}


/* (need move) */
.c_pink a               { color:#EB5465;}
.c_blue a               { color:#4F89D0;}
.c_green a              { color:#690;}
.c_dark a               { color:#E99D01;}


/* popular and knowledge and brand (need move) */
.xSpace1                { position:relative; margin-top:-12px;}
.xSpace2                { margin-top:30px;}
.publicReleased ul li   { float:left; padding:10px 5px 10px 16px; width:160px; text-align:center;}
.publicReleased ul li a { display:block; padding-top:3px;}

body,iframe             { background:transparent;}
a:hover                 { text-decoration:underline; color:#f60;}
#mwapper                { position:relative; overflow:auto; margin:5px auto 20px auto;padding:20px 0px 0px 0px; width:950px;}
#sidebar                { float:left; width:160px; background:url(/imagess/sidebar_Ybg.gif) repeat-y;}
#content,
#content_index          { float:left; width:780px; background:url(/imagess/content_Ybg.gif) repeat-y; word-break:break-all;}

.pbg                    { background:url(/imagess/pagebg.jpg) repeat-x;}
.cbg                    { width:780px; height: 24px; background:url(/imagess/content_btmbg.jpg) no-repeat bottom;}
a.more                  { margin:0 0 0 10px; vertical-align:top; font-size:11px; color:#99a;}
a.more:hover            { font-size:11px; color:#f60;}
.hit,.re                { margin-right:10px; padding-left:20px; font-size:10px; color:#99a; background:no-repeat left;}
.hit                    { background-image:url(/imagess/hit.gif);}
.re                     { background-image:url(/imagess/re.gif);}

.pages2                 { clear:both; margin:10px 0; height:16px;}
.pages2 ul li           { float:left;}
.pages2 ul li a         { display:block; float:left; margin:0 3px; padding:1px 4px 4px 4px; vertical-align:text-top; color:#690; cursor:pointer;}
.pages2 ul li a:hover   { text-decoration:underline; color:#f60;}
.pages2 ul li.p_up a    { border:1px solid #7FB2E6; background:#EAF5FF; font-weight:bolder; color:#1462C1;}

#nav                    { padding:83px 0 0 120px; width:660px; height:39px; text-align:left; background-image:url(/imagess/note_topbg.jpg);}
#nav li                 { float:left; padding-left:5px;}
#nav a                  { padding:0 0 0 13px; background-image:url(/imagess/navl.gif); font-weight:bolder; font-size:14px; color:#fff;}
#nav a span             { padding:4px 20px 0 10px; line-height:28px; background-image:url(/imagess/navr.gif);}
#nav a:hover            { color:#690;} 
#nav li.toggle_up a span{ color:#690; font-size:14px; font-weight:bolder;}

/* ----- Member Public END ----- */









/* ----- sidebar ----- */

#sidebar h1             { padding-top:34px;  width:160px; height:26px; background:url(/imagess/list_topbg2.jpg) no-repeat top; text-align:center; font-size:16px; color:#f60;}
#sidebar h3             { padding-left:20px; width:140px; height:46px; background:url(/imagess/list_topbg.gif) no-repeat top; line-height:46px; font-size:14px; color:#000;}
#sidebar strong         { color:#f60;}
#basic                  { margin-bottom:15px; width:160px; background:url(/imagess/list_Ybg.gif) repeat-y;}
#basic dt               { text-align:center;}
#basic dt img           { max-width:130px; max-height:130px;}
#basic .mbg1,
#basic .mbg2            { clear:both; margin:10px auto 0 8px; width:140px; text-align:center;}
#basic .mbg1            { color:#99a;}
#basic .mbg2            { border:1px solid #D0DEA0; border-left:none; border-right:none; background:#ECF1D8;}
#basic #level           { color:#f60;}
#basic #level img       { vertical-align:top;}
#basic #state           { margin-bottom:10px; overflow:hidden;}
#basic #state a,
#basic #state img       { display:block; float:left; margin-left:1px;}
#basic #state .offline,
#basic #state .online   { width:84px; height:20px; background-image:url(/imagess/isOnline.gif);}
#basic #state .offline  { background-position:0 20px;}
#basic #state .online   { background-position:0 0;}
#basic #issms           { padding:10px 0 10px 0; color:#690;}
#basic #isvip           { padding:10px 0  3px 0; text-align:left; color:#690;}
#basic #isvip p         { margin-bottom:5px; padding-left:5px;}
#basic #isvip p img     { vertical-align:middle;}
#basic #isvip p small   { font-size:10px;}
#basic #infos           { margin-left:0; margin-top:0; padding-bottom:12px; width:160px; background:url(/imagess/list_btmbg.gif) no-repeat bottom;}
#basic #info            { border-bottom:1px solid #D0DEA0; line-height:14px;}
#basic #info th         { padding:2px 0; width:78px; vertical-align:top; text-align:right; font-weight:normal;}
#basic #info td         { padding:2px 0; width:82px; vertical-align:top; text-align:left; color:#690;}
#basic #ibtn            { display:block; margin:0 auto; padding-top:4px; border-top:1px solid #D0DEA0; width:140px; height:12px; background:#ECF1D8; cursor:pointer;}
#basic #ibtn span       { display:block; overflow:hidden; margin:0 auto; width:10px; height:6px; background-image:url(/imagess/infobtn.gif);}
#basic #ibtn:hover      { background:#F0F4DF;}
#basic .expd span       { background-position:0 0;}
#basic .coll span       { background-position:0 6px;}
#basic .tdbr            { height:12px;}

.mMenu                  { margin-bottom:15px; padding-bottom:12px; width:160px; background:url(/imagess/list_btmbg.gif) no-repeat bottom;}
.mMenu li               { width:160px; background:url(/imagess/list_Ybg.gif) repeat-y;}
.mLink li a             { display:block; padding:0 0 10px 20px; width:140px; color:#99a;}
.mLink li a img         { vertical-align:text-top!important; vertical-align:text-bottom; width:16px; height:16px;}
.mLink li a span        { margin-left:5px;}
.mLink li a:hover       { color:#f60;}
.mLink li.up a,
.mLink li.up a:hover    { padding-top:10px; height:30px; background:url(/imagess/currentPage.jpg) no-repeat; text-decoration:none; font-weight:bolder; color:#fff;}
.mMenu li.mUser         { padding-left:12px; width:148px; height:40px; vertical-align:middle;}

/* ----- sidebar END ----- */









/* ----- content ----- */

/* #content h2 mod by lee99 to h2 08-11-25 */
h2                      { clear:both; margin:15px 0 15px 15px; padding:16px 0 0 20px; width:600px; height:28px; line-height:16px; background:url(/imagess/column_bg.jpg) no-repeat left; font-size:14px; color:#000;}
h2 a                    { color:#000;}
h2 span                 { font-size:12px; font-weight:normal; color:#99a;}
#contentbg              { clear:both; padding-top:220px; width:780px; height:445px; background:url(/imagess/note_topbg1.jpg) no-repeat top;}

/* posts, new and all */
.posts dl               { overflow:hidden; clear:both; height:100%;}
.posts dt               { float:left; width:75px; height:40px; background:url(/imagess/item_bg.gif) no-repeat; text-align:center; font-size:10px; color:#7FB2E6;}
.posts dt a             { display:block; margin:6px 0 5px 0; font-weight:bolder; font-size:12px; color:#1462C1;}
.posts dd               { float:left; margin-top:5px; padding:0 0 0 10px; line-height:15px;}
.posts dd a             { display:block; font-weight:bolder; font-size:12px; color:#690;}
.posts .part            { padding-top:10px; border-bottom:1px dashed #e1e1e1; width:715px; line-height:18px; text-align:left; color:#99a;}
.posts .part p          { margin-bottom:10px;}
.posts .part p.thum     { margin:20px 0; text-align:center; color:#333; font-weight:bolder;}
.posts .part p.thum img { display:block; margin:5px auto; padding:8px; border:1px solid #e1e1e1; background:#f6f6f6;}
.posts .part .view a    { color:#f60}
#new                    { padding-left:25px; width:425px;}
#new dl                 { margin-bottom:15px;}
#all                    { margin:0 auto; width:730px;}
#all dl                 { margin:15px 0 35px 0;}
#all dd a               { font-size:14px; line-height:16px;}

/* sms */
/*
 * (put temporary style of #sms at /user/gbook.php, because isn't use template.)
*/

/* message */
#message                { position:relative; float:left; margin-top:-96px; width:306px;}
#message dl dt          { margin:15px auto 0 16px; width:110px; height:50px; line-height:15px; text-align:center; color:#99a;}
#message dl dd          { margin:45px 0 0 5px;}
#message p#topic        { width:306px; height:125px;}
#message a#icon,
#message a#send,
#message a#emp1,
#message a#emp2,
#message a#more         { display:block; float:left; width:102px; height:125px; background:no-repeat left;}
#message a#icon         { padding:30px 0 0 30px; width:72px; height:95px; background-image:url(/imagess/icon_bg.jpg);}
#message a#icon img     { width:50px; height:50px;}
#message a#send         { background-image:url(/imagess/send_bg.jpg);}
#message a#emp1         { background-image:url(/imagess/emp1_bg.jpg);}
#message a#emp2         { background-image:url(/imagess/emp2_bg.jpg);}
#message a#more         { background-image:url(/imagess/more_bg.jpg);}
#message .msbg1,
#message .msbg2,
#message .msbg3 {
	position:absolute;
	height:160px;
	background:no-repeat top left;
}
#message .msbg1,
#message .msbg2         { width:190px;}
#message .msbg1         { background-image:url(/imagess/msbg1.gif);}
#message .msbg2         { background-image:url(/imagess/msbg2.gif);}
#message .tp1           { background-image:url(/imagess/topic1.gif);}
#message .tp2           { background-image:url(/imagess/topic2.gif);}
#message .tp3           { background-image:url(/imagess/topic3.gif);}
#message .msbg2 .mUser  { margin-left:40px;}
#message .msbg3         { width:300px; top:-110px; left:30px; text-align:center;}
#message .msbg3 h4      { margin:20px auto 0 auto; width:120px; font-size:12px; color:#000;}
#message .msbg3 p       { margin:10px auto 0 auto; width:180px; line-height:15px; color:#690;}

#upload,#visitor        { clear:both; margin:0 auto; padding-bottom:30px; width:760px;}

#upload ul              { overflow:hidden; clear:both; height:100%;}
#upload ul li           { float:left; display:inline; padding:9px 0 0 18px; width:132px; background:url(/imagess/pic_bg.jpg) no-repeat top;}
#upload ul li.offset    { margin-top:40px;}
#upload ul li a.thum    { display:table-cell; width:130px; height:130px; text-align:center; vertical-align:middle; *display:block; *font-size:114px; *font-family:Arial;}
#upload ul li a.thum img{ max-width:110px; max-height:110px; vertical-align:middle;}
#upload ul li a.desc    { display:block; margin:10px 0 3px 0; width:130px; line-height:15px; color:#8B8B9E;}

#visitor #guest         { overflow:hidden; width:754px; height:200px; background:url(/imagess/upload_bg.jpg) no-repeat top;}
#visitor .mUser         { float:left; display:inline; margin:16px 0 6px 30px}
#visitor .mUser p.cl    { margin-top:3px; width:90px; font-size:10px;}
#visitor .pages2        { margin-top:-40px; margin-left:15px;}

/* ----- content END ----- */

div#PreviewBox{
  position:absolute;
  padding-left:6px;
  display: none;
  Z-INDEX:2006;
}
div#PreviewBox span{
  width:7px;
  height:13px;
  position:absolute;
  left:0px;
  top:9px;
  background:url() 0 0 no-repeat;
}
div#PreviewBox div.Picture{
  float:left;
  border:1px #666 solid;
  background:#FFF;
}
div#PreviewBox div.Picture div{
  border:4px #e8e8e8 solid;
}
div#PreviewBox div.Picture div a img{
  margin:19px;
  border:1px #b6b6b6 solid;
  display: block;
  max-height: 250px;
  max-width: 250px;
}
.title{top:0px;border-left:none;border:0px;position:absolute;z-index:10}
#toolbar{font-family:Arial, Verdana;font-size:12px; font-size:11px; color:#636363; height:33px; width:100%; margin-left:auto; margin-right:auto;font-weight:normal;background: #333;}
#toolbar a{font-weight:normal}
#toolbar a:hover{font-weight:normal;color:#FFFFFF;}
#toolbar img{ display:inline;}
.toolshadow{width:100%;height:9px;line-height:9px;background: url('/images/toolbarshadow.png') repeat-x!important;background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='/images/toolbarshadow.png'); position:relative; z-index:1900;}
.toolbarbox{color:#999999;padding:5px 0px 0px 0px;height:26px;border-bottom: solid 1px #000;background: #333; position:relative; z-index:2000;width:985px; margin-left:auto; margin-right:auto}

.toolbarmenu{float:left;height:20px;background:#000;margin-left:3px;text-align:center;line-height:20px;text-decoration:none; }
.toolbarmenu LI{display: block;float: left;}
.toolbarmenu LI.notify {padding: 0 0 0 18px; width: 72px; height: 20px; background: url(/images/notify_bg.gif); 

color: #FFF; font-size: 12px; font-weight: normal; }
.toolbarmenu LI.notify A:hover{background: none;text-decoration: underline;}
.toolbarmenu A {color:#FFFFFF!important;display:block;font-size:12px;padding: 0 8px}
.toolbarmenu A:hover{ background:#ff0000;color:#FFFFFF;text-decoration: none;}
.toolbarlink{text-align:right; line-height:22px;width:220px; height:26px; margin-left:-270px; float:right;}
.toolbarlink a{color:#999!important;padding-right:5px;cursor:pointer;font-size: 12px;}
.toolbarlink a:hover{ color:#FFFFFF!important;}
.toolbarlink .dropmenu { margin: 0 10px 0 0; padding: 10px 15px 10px 10px; height: 20px; background: url(/images/triangle.gif) no-repeat right center; overflow: hidden; }
.toolbarlink .dropmenu a { vertical-align: super;}