body { margin: 0; padding: 0; font-family: Tahoma; font-size: 10pt; }

p { margin: 0; padding: 0; }
textarea { border:solid 1px #bbb; padding:7px; font:normal 13px 'Lucida Grande', Helvetica, Arial, sans-serif; background: #fff url('../images/design/bg-textarea.gif') repeat-x top; outline: 0; margin: 0px; border: solid 1px #bbb; color:#A0ADB6; margin-right:2px; border-color: #C6CCD3; margin: 5px 0 5px 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; }
a { text-decoration: none; color: inherit;}

.chat { border: none; }

#base-1000 { float: left; width: 700px; height: 285px; margin-left: -100px; background-image: url('../images/design/home.png'); }
#base-1001 { float: left; width: 100%; height: 25px; bottom: 0; position: fixed; border-top: 1px solid #FFFFFF; background-color: #3B5998; color: #FFFFFF; padding-top: 1px; text-align: center; font-size: 8pt; clear: both; display: block; margin-top: 100px;}
#base-1002 { border: 1px solid #FFFFFF; width: 350px; height: 350px; float: right; background-color: #3B5998; margin-top: -250px; padding-top: 10px; border-radius: 5px 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; opacity: 0.6; filter : alpha(opacity=60); }
#base-1003 { float: right; width: 250px; height: 100px; background-image: url('../images/design/bg-login.png'); border: 1px solid black; color: #ffffff; padding: 5px; border-radius: 5px 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; }
#base-1004 { float: right; font-weight: bold; height: 23px; background-image: url('../images/design/bg-login.png'); border: 1px solid black; color: #ffffff; padding: 5px; border-radius: 5px 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; margin: 0 5px -5px 0; }
#base-1005 { margin: -30px 0 10px 40px; width: 650px; height: 490px; }

#welcome-base { width: 100%; height: 100%; }
#welcome-1000 { width: 100%; margin: auto; font-family: Trebuchet MS; }
#welcome-1001 { width: 100%; height: 900px; float: left; background-color: #F4F4F4; background-image: url('../images/design/World.png'); background-position: center top; background-repeat: no-repeat; }
#welcome-1003 { width: 500px; margin: auto; }
#welcome-1002 { margin: 170px auto -10px auto; width: 500px; color: #ECEFF5; font-size: 30pt; }
#welcome-1004 { margin: -10px auto; width: 500px; text-align: justify; }
#welcome-1005 { float: left; width: 100%;  padding: 10px 20px; border-radius: 5px 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border: 5px solid #C0C0C0; color: #ffffff; text-align: justify; color: #FFFFFF; margin-bottom: 40px; }
a.welcome-2000 { color: #ECEFF5; font-size: 90pt; text-decoration: none; height: 100%; width: 100%; }
a.welcome-2000:hover { color: #008000; }
.welcome-2001 { background-color: #3B5998; font-size: 25pt; opacity: 0.1; filter : alpha(opacity=10); }
.welcome-2002 {  background-color: #C0C0C0; }
.welcome-2003 { position: absolute; width: 300px !important; }
.welcome-2004 { color: #C0C0C0 !important; }
.welcome-2005 { float: right; }
.welcome-2006 { width: 760px !important; }
.welcome-2007 { color: #C0C0C0 !important; width: 760px !important; }
.welcome-2008 { border: 2px solid #CCCCCC; }

.base-2001 { float: left; }
.base-2002 { float: right; }
.base-2003 { width: 900px; margin: auto; }
.base-2004 { float: left; height: 5px; width: 5px; margin: 4px 10px 4px 10px; overflow: hidden; background-color: #CCCCCC; }
.base-2005 { float: left; padding-top: 4px; width: 100%; border-top: 1px solid #ffffff; height: 1px; }
.base-2006 { color: #ffffff !important; text-decoration: none !important; }
.base-2007 { width: 900px; margin: 20px auto; }
.base-2008 { float: left; width: 95px; margin-left: 10px; text-align: right; font-size: 9pt; color: #ffffff; }
.base-2009 { float: right; width: 230px; margin-right: 10px; }
.base-2010 { float: left; width: 100%; margin-top: 7px; }
.base-2011 { font-size: 12pt; color: #3B5998; width: 100%; border: 1px solid #ffffff; background-color: #EAEAFF; height: 25px; }
.base-2012 { border: 1px solid #ffffff; background-color: #EAEAFF; font-size: 12pt; height: 25px; }
.base-2013 { font-size: 17pt; width: 250px; color: #ffffff; float: left; padding: 0 0 5px 0; margin: 0 0 5px 15px; border-bottom: 1px solid #ffffff; }
.base-2014 { font-size: 20pt; color: #ffffff; background-color: #08513E; border: 1px solid #3B6E22; width: 180px; height: 35px; font-weight: bold; float: right; margin: 10px 10px; border-radius: 5px 5px;-khtml-border-radius: 5px; -moz-border-radius: 5px; }
.base-2015 { float: right; width: 100%; }
.base-2016 { width: 90px; float: left; }
.base-2017 { width: 120px; float: left;; }
.base-2018 { float: left; width: 100%; margin-top: 5px; }
.base-2019 { width: 90px; float: left; font-size: 8pt; }
.base-2020 { float: left; width: 100%; margin-bottom: 35px; }

.tips { float: right; font-size: 8pt; color: #FFCC00; text-decoration: none; margin-right: 10px; }
.tips:hover { color: #67A54B; }
.login { font-size: 12pt; width: 150px; border: 1px solid black; }
.go { font-size: 15pt; background-color: #000000; color: #ffffff; border: 1px solid #f1f1f1; border-radius: 5px 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; }
.go:hover { background-color: #FF9900; }
.center { text-align: center; font-size: 9pt; }
.form_desc { float: left; width: 225px; }
.header { font-size: 15pt; float: left; width:100%; margin: 10px 0 10px 0; }
.hidden_footer { display: hidden; overflow: hidden; }

.profile_comment_author { float: left; padding: 5px 7px 5px 7px; background: #F9F9F9; }
.profile_comment_date { text-align: right; padding: 5px 7px 5px 7px; background: #F9F9F9; }
.profile_comment_body { clear: left; padding: 5px 7px 5px 7px; overflow: auto; max-width: 550px; }
.profile_comment_body { overflow: visible; overflow-y: hidden; overflow-x: auto; width: expression(this.scrollWidth > 550? "550px" : "auto" ); }
.profile_comment_body { overflow: visible; overflow-y: hidden; overflow-x: auto; width: expression(this.scrollWidth > 550? "550px" : "auto" ); background-color: #FFFFE5; border: 1px solid #F5E082; text-align: justify; border-radius: 5px 5px; -khtml-border-radius: 5px;  -moz-border-radius: 5px; margin-bottom: 5px;}
.profile_comment_body img { max-width: 475px; width: expression(this.width > 475 ? 475: true); }
.profile_comment_links { text-align: right; padding-right: 7px; }

div.logo { width: 300px; height: 122px; background-image: url('../images/design/network-on.png'); position: absolute;   }