a {color: #00c; text-decoration: underline;}
a:visited {color:#03c; text-decoration: none;}
a:hover {color:#03c; text-decoration: underline;}
a:active {text-decoration: underline}
img {border:0;}

body{margin:0px; padding:0px; font-size:10pt; line-height:120%; text-align:center; background:#e5e5e5 repeat left top; font-family: arial, sans-serif, times, impact;}
#wrap{width:980px; margin:0 auto; margin-top:5px; padding:0; text-align:left;}
#header{margin:0 auto; background-color:#039;color:#fff; height:60px; height:expression(50+"px"); padding:5px; padding-top:5px;}    
#header a{color:#fff; text-decoration: underline;}
#logo{float:left; background:url(/images/logo.gif) no-repeat; height:40px; width:203px; margin:5px;}
#hdright {width:330px; text-align:right;}

#isMenu {height:20px; background:#6698CB; text-align:left; padding:5px; color:#fff; }
#isMenu a{color:#fff; padding:2px 5px; text-decoration:underline; /*border-right:1px solid #fff; */ }
#isMenu a:hover{color:#040C5C;}

#mainMenu{height:18px; width:100%; background:#F3F3F3; text-align:left; padding-top:5px; padding-bottom:5px; margin-top:1px; /*border:solid 1px #DADADA;*/}
#mainMenu a{color:#0063DC; padding:2px; text-decoration:underline;}

#container{float:left; width:100%; margin:0px auto; text-align:left; height:auto; min-height:400px; background-color:#fff; }
* html #container{min-height:500px;} /* for IE 6 */
#rightBox{float:right; width:230px; min-height:440px; margin:10px 5px 5px 5px; display:inline; border:#e7efff 0px solid;}
#leftBox{float:left; width:360px; margin:10px 5px 5px 5px; display:inline; border:#e7efff 0px solid;} 
#content{float:left; width:360px; margin:10px 5px 5px 5px; height:auto; min-height:440px; padding-top:0px; display:inline; border:#e7efff 0px solid; width:expression(360+"px");}

#sideBox {float:left; width:180px; margin:10px 0 3px 5px; margin-left:expression(5+"px");}
#contentAuto{float:left; width:81%; width:expression(79+"%"); margin:10px 5px 3px 10px; max-width:774px; max-width:expression(770+"px"); min-width:300px; min-height:450px; height:auto; display:inline; border:#6698CB 0px solid;}

#content1{float:left; width:39%; margin:10px 5px 5px 5px; display:inline; border:#e7efff 0px solid; width:expression(39+"%");} 
#content2{float:right; width:39%; margin:10px 5px 5px 5px; display:inline; border:#e7efff 0px solid; width:expression(39+"%");}

#browser{float:left; width:600px; margin:0px auto; text-align:left; height:auto; min-height:400px; background-color:#fff;}
* html #contentAuto{height:450px;} /* for IE 6 */

.section {float:left; border:1px #6698CB solid; width:100%; margin-bottom:15px; word-break:break-all; overflow:hidden;}
.section heading{padding:5px; text-align:left;}
.heading {background-color:#6698CB; color:#fff; margin:0; height:22px; line-height:22px; font-size:9pt; padding-left:4px;}
.sectionCat {float:left; border:1px #6698CB solid; width:100%; margin-bottom:15px; word-break:break-all; overflow:hidden;}

/* 左边栏菜单 */
#leftBar {float:left; width:180px; margin:10px 5px 0px 3px; /*background-color:#B1D0F0;*/}
#leftBar ul {margin:0; padding:0; list-style-type: none;}
#leftBar li {margin:0; padding:0 4px 0 4px; line-height:25px; font-size:9pt; font-weight:bold;}
#leftBar a {display:inline; padding:0; text-decoration: none;}
#leftBar a:hover {text-decoration:underline;}
#leftBar ul ul li {margin:0; padding:0; text-align:left; padding:2px 0; border:1px solid #fff; background-color:#d5e8fb; line-height: 20px;}
#leftBar ul ul a {display:inline; padding:2px 5px 2px 30px; text-decoration:underline; font-weight:normal; }
#leftBar ul ul a:hover {color:#000; text-decoration:underline; background-color:#e5e5e5; border-top:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #fff; border-right:1px solid #fff;}

#splashReg {float:left; width:550px; margin:5px 15px 3px 10px; }

#splashLogin {margin:0px 0px 15px 0px; border:1px solid #039;}
#splashLogin .heading {color:#fff; background:#039; text-align:center;}

#splashNew {margin:0px 0px 15px 0px; border:1px solid #756366; overflow:hidden; height:450px;}
#splashNew .heading {background-color:#756366;}

#splashWhy {margin:0px 0px 15px 0px; border:1px solid #038;}
#splashWhy .heading {background-color:#038;}

.dTree {float:left; margin:10px 10px 10px 3px; width:100%; border-color:#6698CB; border-width:1px;}  

#divMsg {color:orange;}
.appMsg {float:left; width:100%; padding:2px; font-size:11px; line-height:100%; color:orange;}
.appMsg a {color:orange;}
.appMsg a:link {color:orange;}
.appMsg a:active {color:orange;}
.appMsg a:active {color:orange;}
.appMsg a:hover {color:orange;}

#footer{clear:both; float:left; margin:10px auto 20px auto; width:100%; text-align:center; border:#e7efff 0px solid;}
#footer a{color:#0063DC; padding:5px;}
#ftspace {margin-top:5px; margin-bottom:5px; color:#C00;}
.ftRight {text-align:center; margin-top:5px; margin-bottom:5px;}

#profileMenu{width:800px; float:left; margin:0px auto;}
#contactMenu{width:400px; float:left; margin:0px auto;}
#acctMenu{width:400px; float:left; margin:0px auto;}
#optMenu{width:400px; float:left; margin:0px auto;}

#friends {float:left;}
#leftTree{float:left; width:160px; margin:auto;}
      
.entryTitle {font-size:10pt; font-weight:normal;}
.title {font-size:12pt; font-weight:bold;}
.sTitle {font-size:9pt; font-weight:normal;}
.btext{font-weight:bold;}
.itext{font-style:italic;}
.tips{font-size: 12px; line-height: 130%; color: #f30; /*background:#fff4d4; border:#e7efff 1px solid;*/ }
.required{font-size: 12px; line-height: 130%; color: #f30;}

/* Tables */
table, th, tr, td {overflow:hidden; font-family:arial,sans-serif,helvetica; font-size:10pt; border-collapse:collapse;}

.cols {width:100%;}
.cols td {border:2px solid #FFF; text-align:center; height:20px; line-height:20px;}
.cols {border:3px solid #FFF; width:100%;}
.cols td {background-color:#D5E8FB;}

.entryTb {width:98%; text-align:left; margin-left: 10px; margin-top:3px; border:0px solid #fff;}
.entryTb td {padding:3px; vertical-align:top;}

.textTb {width:100%; text-align:left; margin:5px 0 5px 0;}
.textTb td {padding:5px; vertical-align:top; line-height:120%;}

.listTb {width:100%; border:2px solid #fff;}
.listTb th {border:1px solid #fff; height:22px; line-height:22px; background-color:#6699cc; color:#fff;}
.listTb td {border:0px solid #fff; padding:2px; background-color:#e8f1fa; word-break:break-all; word-warp:warp; }

.locTb {float:left; width:100%; text-align:left; margin-top:8px; border:0px solid #fff;}
.locTb td {padding:0px; vertical-align:top; font-size:12pt; font-weight:bold; }

#descTd{white-space:normal; }
#descTd1{white-space:normal;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}

.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.hide {display:none;}
.show {display:block;}
.more {height:20; line-height:20px;}

.onlineNow {width:80px; height:20px;}

/* Widths */
.w25{width:25px;}
.w50{width:50px;}
.w65{width:65px;}
.w75{width:75px;}
.w85{width:85px;}
.w90{width:90px;}
.w100{width:100px;}
.w125{width:125px;}
.w140{width:140px;}
.w150{width:150px;}
.w175{width:175px;}
.w200{width:200px;}
.w225{width:225px;}
.w250{width:250px;}
.w275{width:275px;}
.w300{width:300px;}
.w325{width:325px;}
.w350{width:350px;}
.w360{width:360px;}
.w375{width:375px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w550{width:550px;}
.w600{width:600px;}
.w700{width:700px;}
.w720{width:720px;}
.w790{width:790px;}
.w800{width:800px;}
.w900{width:900px;}
.w49{width:49%;}
.w40{width:40%;}

.w100p{width:100%;}
.w98p{width:98%;}

/* Heights */
.h15{height:15px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h50{height:50px;}
.h75{height:75px;}
.h100{height:100px;}
.h125{height:125px;}
.h150{height:150px;}
.h175{height:175px;}
.h200{height:200px;}
.h225{height:225px;}
.h250{height:250px;}
.h275{height:275px;}
.h300{height:300px;}
.h325{height:325px;}
.h350{height:350px;}
.h375{height:375px;}
.h400{height:400px;}
.h100p{height:100%;}

/* Padding */
.noPad{padding:0;}
.pad2{padding:2px;}
.pad3{padding:3px;}
.pad5{padding:5px;}
.pad6{padding:6px;}
.pad8{padding:8px;}
.pad10{padding:10px;}
.padTB5{padding:5px 0;}
.padTB10{padding:10px 0;}
.padTB15{padding:15px 0;}
.padRL5{padding:0 5px;}
.padRL10{padding:0 10px;}
.padRL15{padding:0 15px;}
.padT15{padding-top:15px;}

/* Margin */
.noMar{margin:0;}
.mar2{margin:2px;}
.mar3{margin:3px;}
.mar5{margin:5px;}
.mar10{margin:10px;}
.mar20{margin:20px;}
.marT2{margin-top:2px;}
.marT3{margin-top:3px;}
.marT5{margin-top:5px;}
.marT10{margin-top:10px;}
.marB2{margin-bottom:2px;}
.marTB2{margin:2px 0;}
.marTB5{margin:5px 0;}
.marTB10{margin:10px 0;}
.marTB15{margin:15px 0;}
.marL2{margin-left:2px;}
.marR2{margin-right:2px;}
.marRL5{margin:0 5px;}
.marR10{margin:0 10px 0 0;}
.marL10{margin-left:10px;}
.marL15{margin-left:15px;}
.marRL10{margin:0 10px;}
.marRL15{margin:0 15px;}
.marT3R10L3{margin:3px 10px 0px 3px;}
.marL30{margin-left:30px;}

.toggle{cursor:hand;}
.toggle a{text-decoration:none; color:#fff;}
.toggle a:active{text-decoration:none;}
.collapsed{background:url(/images/arrowright.gif);}
.expended{background:url(/images/arrowdown.gif);}

.descText {text-align:left; color:rgb(136, 136, 136); text-decoration:none; font-size:9pt}
.descText:link {color:rgb(136, 136, 136); text-decoration: none; }
.descText:visited {color:rgb(136, 136, 136); text-decoration: none; }
.descText:hover {color:rgb(136, 136, 136); text-decoration: none; }
.descText:active {color:rgb(136, 136, 136); text-decoration: none; }

.multiText {font-family:arial,sans-serif,helvetica; font-size:10pt; color:#000; font-weight:normal;}

.photos {float:left; vertical-align:top; border:1px solid #E5E5E5;}
.photos .photoBox {float:left; width:168px; /*height:150px;*/ margin-bottom:15px; padding:6px; width:expression(178+"px");}
.photos .title {margin-top:5px; margin-bottom:0; font-weight:normal; font-size:9pt; }
.photos .photo {margin-top:0; margin-bottom:0px; }
.photos .photo img {margin-top:1px; text-align:left;}
.photos .descTb {text-align:left; padding:1px; }
.photoTb {width:100%;}
.photoTb th {font-weight:normal;}
.photoTb td {padding:0;}

.flashes {float:left; vertical-align:top; border:1px solid #E5E5E5;}
.flashes .flashBox {float:left; width:165px; height:120px; margin-bottom:15px; padding:7px;}
.flashes .title {margin-top:5px; margin-bottom:0; font-weight:normal; font-size:9pt; }
.flashes .flash {margin-top:0; margin-bottom:0px; }
.flashes .flash img {margin-top:1px; text-align:left;}
.flashes .descTb {text-align:left; padding:1px; }
.flashTb {width:100%;}
.flashTb th {font-weight:normal;}
.flashTb td {padding:0;}

.photoHeading {background-color:#fff; margin:0; height:20px;line-height:20px; font-size:12px; padding-left:4px;}

.sets {border:1px solid #E5E5E5;}
.sets .setBox {text-align:center; width:195px; margin-bottom:15px;}
.sets .setFrame {height:165px; margin-left:14px; margin-top:10px; background: url(/images/set_bk.gif) no-repeat; }
.sets .setPhoto {width:165px; text-align:center;}
.sets .setPhoto img {margin-top:13px; margin-left:expression(-15+"px"); border:0px solid #039;}
.sets .setDesc {margin:0px; margin-left:20px; width:165px; font-size:9pt;}
.sets .title {margin:1px; font-weight:normal; font-size:9pt;}
.sets .setTb {text-align:center; width:95%;}
.sets .setTb th {font-weight:normal;}
.sets .setTb td {padding:0;}

.videos {float:left; vertical-align:top; border:1px solid #E5E5E5;}
.videos .videoBox {float:left; width:190px; margin-bottom:15px; height:300px;}
.videos .title {margin-top:5px; margin-bottom:0; font-weight:normal; font-size:9pt; }
.videos .video {margin-top:0; margin-bottom:0px; }
.videos .video img {margin-top:1px; text-align:left;}
.videos .descTb {text-align:left; padding:1px; }
.videoTb {width:100%;}
.videoTb th {font-weight:normal;}
.videoTb td {padding:0;}

a.whiteLink{font-weight:normal; color:#fff;}
a.whiteLink:link{color:#fff;}
a.whiteLink:active{color:#fff;}
a.whiteLink:visited{color:#fff;}
a.whiteLink:hover{color:#fff;}

a.moreLink{font-weight:normal; color:#fff;}
a.moreLink:link{color:#fff;}
a.moreLink:active{color:#fff;}
a.moreLink:visited{color:#fff;}
a.moreLink:hover{color:#fff;}

.tagS1 a:hover {
	color: #9BBB38;
}
.tagS2, .tagS2 a:link, .tagS2 a:visited, .tagS2 a:active {
	color: #80904F;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
}
.tagS2 a:hover {
	color: #9BBB38;
}
.tagS3, .tagS3 a:link, .tagS3 a:visited, .tagS3 a:active {
	color: #80904F;
	font-size: 20px;
	font-family: "黑体";
	line-height: 40px;
}
.tagS3 a:hover {
	color: #9BBB38;
}
.tagS4, .tagS4 a:link, .tagS4 a:visited, .tagS4 a:active {
	color: #80904F;
	font-size: 25px;
	font-family: "黑体";
	line-height: 40px;
	font-weight: bold;
}
.tagS4 a:hover {
	color: #9BBB38;
}
.tagS5, .tagS5 a:link, .tagS5 a:visited, .tagS5 a:active {
	color: #80904F;
	font-family: "黑体";
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
}
.tagS5 a:hover {
	color: #9BBB38;
}

.msgTb {margin-top:0px; width:100%; margin-bottom: 1px; }
*html .msgTb {margin-top:0px}
.msgTb th {font-size:1.2em; background-color:#E8F1FA; text-align:left; vertical-align:middle;  border:solid 1px #C5D8EB; padding:5px;}
.msgTb td {border:solid 1px #C5D8EB; padding:5px; font-size:1.1em; font-family:Verdana}
.msgTb textarea{font-family:verdana; font-size:1em}
.msgTb a img {border:solid 2px #039; margin-bottom:20px; vertical-align:middle}
.msgTb DIV img {border-width:0; margin-bottom:0; }

#messagingNav {/*background-color:#B1D0F0;*/ margin:0 0 0 0; padding:3px; font-size:9pt; font-weight:normal;}
#messagingNav ul {margin:0; padding: 0; list-style-type:none; }
#messagingNav li {background-repeat: no-repeat; background-position: 2px 50%; margin: 0; padding: 0 0 0 22px;}
#mailNav { border:1px solid #fff; }
#mailNav li { border:1px solid #fff; /* background-color:#d5e8fb;*/  line-height: 20px; float:left; }
#otherNav li { padding-top: 5px; padding-bottom: 3px; float:left;}

#new { background-image: url('/images/msg/new.gif'); }
#inbox { background-image: url('/images/msg/inbox.gif'); }
#sent { background-image: url('/images/msg/sent.gif'); }
#frnReq { background-image: url('/images/msg/frnReq.gif'); }
#pendReq { background-image: url('/images/msg/pendReq.gif'); }
#bltn { background-image: url('/images/msg/bltn.gif'); }
#adb { background-image: url('/images/msg/adb.gif'); }

/* Background */
.bgWhite{background:#FFF;}
.bgBlue{background:#039;}
.bgDkBlue{background:#040C5C;}
.bgNavBlue{background:#6698CB;}
.bgGrey{background:#E5E5E5;}
.bgDkGrey{background:#666;}
.bgRed{background:#C00;}
.bgPeach{background:#FC9;}
.bgPurple{background:#96C;}
.bgGreen{background:#090;}
.bgOrange{background:#F60;} /* Alternative #FF9800 */
.bgBlack{background:#000;}
.bgLtYellow{background-color: #faffe6;}
.bgLtBlue{background:#c3d9ff;}
.bgLtGrey{background:#F6F6F6;}
.bgFEF1DC{background:#FEF1DC;}
.bgCorner{background:url(/images/mbr/myspace-profile-btn.gif) no-repeat;}
.bgFF9900{background:#f09;}
.bg9B72CF{background:#9B72CF}
.bgD2E4FC{background:#D2E4FC}

/* Border */
.borCommon{border: #e7efff 1px solid;}
.borWhite{border:1px solid #FFF;}
.borBlue{border:1px solid #039;}
.borLtBlue{border:1px solid #D5E8FB}
.borDkBlue{border:1px solid #040C5C;}
.borNavBlue{border:1px solid #6698CB;}
.borGrey{border:1px solid #E5E5E5;}
.borDkGrey{border:1px solid #666;}
.borRed{border:1px solid #C00;}
.borPeach{border:1px solid #FC9;}
.borPurple{border:1px solid #96C;}
.borGreen{border:1px solid #090;}
.borOrange{border:1px solid #F60;} /* Alternative #FF9800 */
.borBlack{border:1px solid #000;}

/* Font Color */
.txtWhite{color:#FFF;}
.txtBlue{color:#039;}
.txtLtBlue{color:#D5E8FB}
.txtDkBlue{color:#040C5C;}
.txtNavBlue{color:#6698CB;}
.txtGrey{color:#E5E5E5;}
.txtDkGrey{color:#666;}
.txtRed{color:#C00;}
.txtPeach{color:#FC9;}
.txtPurple{color:#96C;}
.txtGreen{color:#090;}
.txtOrange{color:#EE9933;} /* Alternative #FF9800 */
.txtBlack{color:#000;}

/* Links */
a.redlink{color:#c00;}
a.redlink:link{color:#c00;}
a.redlink:active{color:#c00;}
a.redlink:visited{color:#c00;}
a.redlink:hover{color:#c00;}

a.orangelink{font-weight:normal; color:#FF9800;}
a.orangelink:link{color:#FF9800;}
a.orangelink:active{color:#FF9800;}
a.orangelink:visited{color:#FF9800;}
a.orangelink:hover{color:#FF9800;}

a.blueLink{font-weight:normal;}
a.blueLink:link{color:#03c;}
a.blueLink:active{color:#03c;}
a.blueLink:visited{color:#03c;}
a.blueLink:hover{color:#03c;}

a.bluebLink{font-weight:bold;}
a.bluebLink:link{color:#03c;}
a.bluebLink:active{color:#03c;}
a.bluebLink:visited{color:#03c;}
a.bluebLink:hover{color:#03c;}

a.blueuLink{font-weight:normal; text-decoration:underline;}
a.blueuLink:link{color:#03c; text-decoration:underline;}
a.blueuLink:active{color:#03c; text-decoration:underline;}
a.blueuLink:visited{color:#03c; text-decoration:underline;}
a.blueuLink:hover{color:#03c; text-decoration:underline;}

a.whiteuLink{font-weight:normal; color:#fff; text-decoration:underline;}
a.whiteuLink:link{color:#fff; text-decoration:underline;}
a.whiteuLink:active{color:#fff; text-decoration:underline; height:15px;}
a.whiteuLink:visited{color:#fff; text-decoration:underline;}
a.whiteuLink:hover{color:#fff; text-decoration:none;}