* {margin: 0;padding: 0;list-style: none;}

body {
	font: 12px Tahoma, Arial, Helvetica, sans-serif; 
	text-align: center;
	background: #FDF5E7;
	color: #000;
	height:100%;
}

#container {text-align: center; margin:2em auto 2em auto;}
#roof {width: 536px; height: 88px; background-image: url(../img/roof.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto;}
#roof-invisible {width: 280px; height: 66px; margin: 0px auto; border: 0px; }
#maintb {position: relative;width: 536px; background-image: url(../img/backdrop.gif); background-repeat: repeat-y; min-height: 70px; background-color: #FFFFFF;  margin-left: auto; margin-right: auto;}
#base {width: 536px; height: 18px; background-image: url(../img/base.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto;}

#wcontainer {text-align: center; margin:2em auto 0.5em auto;}
#wroof {width: 720px; height: 70px; background-image: url(../img/wroof.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto;}
#wroof-invisible {width: 216px; height: 56px; margin: 0px auto; border: 0px; }
#wmaintb {position: relative; width: 720px; background-image: url(../img/wbackdrop.gif); background-repeat: repeat-y; min-height: 50px; background-color: #FFFFFF;  margin-left: auto; margin-right: auto;}
#wbase {width: 720px; height: 16px; background-image: url(../img/wbase.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto;}

#footer {width: 536px; color: #EFA72A; margin-left: auto; margin-right: auto;}
#wfooter {width: 720px; color: #EFA72A; margin-left: auto; margin-right: auto;}
#footer a:link, #footer a:visited, #wfooter a:link, #wfooter a:visited {color: #EFA72A; text-decoration: none;}
#footer a:hover, #footer a:active, #wfooter a:hover, #wfooter a:active {color: #EFA72A; text-decoration: underline;}
#footer-table {width: 100%; margin: 0px; border: 0px;}
#footer-left {text-align: left; padding-top: 2px; padding-left: 15px; font-size: 12px;}
#footer-right {text-align: right; padding-top: 2px; padding-right: 15px; font-size: 12px;}

#alert {
background:#FFFFCC;
	clear: both;
	margin: 0 auto;
	width: 55em;
	height:2em;
	font-weight:bold;
	color:#CC0909;
	text-align:center;
	position: relative;
	border-bottom: 1px solid #F2E389;
	border-top: 1px solid #F2E389;
}

#nav {
background:;
	clear: both;
	width: 55em;
	margin: 0 auto;
	height:1.6em;
	position: relative;
}

#content {
background:;	
	clear: both;
	width: 55em;
	margin: 0 auto;
	text-align: left;
}

#subnav {
	float: right;
	width: 20%;
	color: #14a;
	position: relative;
	display: inline;
}

#mainarea {
background:;
	border-top:none;		
	float: left;
	width: 76%;
	position: relative;
	display: inline;
	margin-bottom: 0.8em; 
}

#hidehis { position:absolute; right:0em;top:0.3em;}

#main {
background:url(../wal/huidian.gif);
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0 0 0.33em 0.5em;
 	width:100%;
 	height: 25em;
	overflow: auto;
	position: relative;
}

#nowoutput, #houtput {
background:;
	width: 95%;
}

#history {
background:#fff;
	border-bottom: 5px solid #eee;
	margin: 0;
	padding: 0 0 0.33em 0.5em;
 	width:100%;
 	height: 12.1em;
	overflow: auto;
	position: relative;
}


#alert a {
background:red;
}

#header #logo {
   float: left; 
   background: url(../img/logo.gif) no-repeat; 
   height: 68px; 
   width: 117px; 
/*   text-indent: -9999em; */
   overflow: hidden;

}

#header #logo a { display: block; width: 117px; height: 68px; text-decoration: none; }
ul#toplink { float: right; padding: 0; background:; }
#toplink li { display: inline; font-weight: bold; text-transform: none; color: #b8b8b8; font-size: 1.1em;
	
}

/* Navigation */

#nav .fold {
position: absolute;
top: 4px;
right: 0px;
cursor: pointer;
}

#nav #link {
position: absolute;
top: 0px;
right: 2em;
font-size:12px;
}

#nav #col {
	background:;
	position: absolute;
	top: 4px;
	left: 0;
	display:inline;

}

#col .skin {
display:inline;	
width:10px;
height:10px;
font-size: 1px;
margin-left: 9px;
float:left;
}

#nav h1 {
	float: left;
	font-size: 150%;
	position: relative;
}

#nav ul {

	float: left;
	position: relative;
	display: inline;
	margin-left: 1.33em;
}

#nav li {
		padding: 0.5em 0;
	float: left;
	display: inline;
	position: relative;
}

/* Links */

a {
	color: #039;
	text-decoration: none;
}
a:focus,
a:hover,
a:active {
	color: #C93B70;
}


#nav h1 a {
	color: #fff;
	font-weight: bold;
	padding: 0.6em 0.5em 0.8em;
	width: auto;
	display: block;
	z-index: 100;
}

.shoutb {margin:0px auto 0px auto;width:30em;}
.pagetb {margin:0px auto 0px auto;}
.pagetb td, .shoutb td {height:2.4em;font-size:14px;color:#E44111;text-align:center;}	
.logint {font:1em Verdana; height:1.38em; padding-top:0.13em}
.btn-org {padding: 0.2em 0.2em 0 0.2em;font-size:14px;height:1.7em;background-color:#DF540F;border-width:0;color:#fff;text-align:center;}
.btn {

    border-width:0px;cursor:pointer;text-align:center;

    display:inline-block;/*FF2.0*/-moz-display:inline-block;

    font-family:Verdana;*font-family:Georgia;_font-family:Tahoma;

    padding:0px 8px 1px;*padding:5px 3px 1px;_padding:3px 4px 0px;

    line-height:20px;*line-height:16px;_line-height:18px;

    height:25px;font-size:14px;
color:#fff;background-color:#DF540F;
}

#main a:link,
#main a:visited {
	border-bottom: 1px dashed #96c;
}

#main a:focus,
#main a:hover,
#main a:active {
	border-bottom: 1px solid #999;
}

#main .name a {
	border: 0;
}


#subnav a {
	font-size: 90%;
	width: 100%;
	display: block;
	border: 1px solid #f3f3f3;
	border-width: 0 1px;
	padding: 2px 0;
}


#subnav a:focus,
#subnav a:hover,
#subnav a:active {
	background: #e3e3ee;
	border-color: #999;
}

/* Content */

#main p, #history p {
	float: left;
	clear: left;
	margin: 0.3em 0;
	width: 99%;
	display: inline;
	position: relative;
	vertical-align:middle;
}

#windowTitle {
	background: #14a; 
	color: #fff;
	border: 1px solid #369;
	margin: 0;
	font-size: 100%;
	line-height: 100%;
	float: ;
	padding: 0.33em 0 0.33em 0.5em;
width:100%;
	position: relative;
	border-left:none;
	border-right:none;
}


#main .date, #history .date {
	float: left;
	color:#777;
 	position: relative;
}

#main .name, #history .name {
	color: #14a;
	float: left;
	text-align: left;
	padding-left: 0.5em;	
	font-weight: bold;
	position: relative;
}

#main .message, #history .message, #face .message {
	float: left;
	padding-left: 0.5em;
color:#333;
 	position: relative;
}

#main .tips {
	float: left;
	color:#888;
 	position: relative;  
}

#main .message p {
	clear: both;
	margin: 0 1em 1em;
	width: 23em;
}

/* face */
#face {
	background:url(../wal/huidian.gif);
	border-bottom: 1px solid #ccc;
	padding: 0 0 0.33em 0.5em;
margin: 0;
width:100%;
height: 25em;
overflow: auto;
position: relative;
}

.utop, .ubottom, .uleft, .uright { width:170px; position: absolute; background:; height:92px; }
.uleft {top:105px; left:-5px; }
.uright {top:102px; right:0px;}
.utop {top:2px; left:166px; }
.ubottom {top:186px; left:156px;}

#bublcon, #bubrcon, #bubtcon, #bubbcon { position:absolute; }
#bublcon { top:5px; left:70px; }
#bubrcon { top:3px; right:70px; }
#bubtcon { top:3px; left:70px; }
#bubbcon { top:6px; left:70px; }
#imgdiv1, #imgdiv2, #imgdiv3, #imgdiv4 { position:absolute; text-align:center; background:;}
#imgdiv2 { top:0px; left:0px; }
#imgdiv3 { top:0px; right:0px; }
#imgdiv1 { top:0px; left:0px; }
#imgdiv4 { top:0px; left:0px; }
#selemo { position:absolute; left:-54px;top:70px; border: 1px solid #ccc; color:#555; font-size:11px; margin: 0;}
.bubroof {width: 164px; height: 8px; background-image: url(../tou/broof.gif); background-repeat: no-repeat; margin: auto auto; overflow:hidden;}
.bubmain {position: relative;width: 164px; background-image: url(../tou/bdrop.gif); background-repeat: repeat-y; min-height: 12px; background-color: #FFFFFF; margin: auto auto;}
.bubrbase {width: 164px; height: 25px; background-image: url(../tou/brbase.gif); background-repeat: no-repeat; margin: 0 auto;}
.bublbase {width: 164px; height: 25px; background-image: url(../tou/blbase.gif); background-repeat: no-repeat; margin: 0 auto;}
.bubout { margin:0 0.7em; overflow: auto; }
.bubout p {
	float: left;
	clear: left;
	margin: 0;
	width: 100%;
	display: inline;
	position: relative;
	vertical-align:middle;	
}
.utxt { font-weight:bold; color: #14a;}
#touxiang {
  width: 282px;
  text-align: center;
  padding: 3px;
  position:absolute;
  top:20px;
  left:35px;
  background:#fff;
  border: 1px solid #ccc;
  z-index:106;
}
#touxiang img {
  padding: 3px;
  width: 25px;
  cursor: pointer;
}	

#shtxtwin { position:absolute; bottom:2px; right:2px; }
#spantou { text-align:center; position:absolute; top:0.35em; right:6em; width:5.6em; color:#fff; }
#spantou a { display:; color:#fff; }

/* Subnav */
#subnav {
	text-align: center;
}

#subnav h4 {
	margin: 0;
line-height: 100%;
padding: 0.33em 0 0.33em 0.5em;
	color: #fff;
	background: #DF540F;
	border: 1px solid #CD4D0E;
	font-size: 100%;
	position: relative;
	border-left:none;
	border-right:none;	
}

#subnav ul {
	background: #F5F5F5;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 0;
	margin-bottom: 0.8em; 
width:100%;
overflow-x:hidden;
}

#subnav li {
	width: 95%;
	font-weight:bold;
}

/* Form */

#cform {
	clear: both;
    width: 77%;
}

#tbl {
background:;	
	width: 100%;
	border-collapse: collapse;
	color: #039;
	clear: both;
}

#tbl td {
}

#cform .name {
	width: 16%;
	text-align: left;
}

.button {
	padding: 0 0.33em;
	margin-right: 0.33em;
}


#name {
	width: 6em;
	height:1.25em;
	color: #14a;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	padding-top:0.2em;
	background-color: #f3f3f3;
	border: 1px solid #ccc;
	border-left:none;
	border-right:none;
}

#message {
  color: #666;
  width: 97%;
  font-family: Tahoma, Arial, Helvetica, sans-serif; 
  font-size:1em;
	text-align: left;
margin-left: 0.3em;
height:2.7em;
overflow:hidden;
padding:0.15em 0.15 0 0.15em;
border: 1px solid #ccc;
}

#submit {
	Writing-mode:tb-rl;
	margin-left: 0.3em;
	font-size:12px;
border-width:0;
height:2.5em;
*height:2.9em;
_height:2.9em;
color:#fff;
background-color:#14a;
}


/* Lists */

/* Other */

#users {

	}

#userlist {
height: 24.3em;
	overflow-y: auto;
	}

#userlist li {
margin-bottom:0.2em;
	display: block;
with:95%;
	padding-left: 1em;
	text-align: left;
	}

#userlist li em {
	color: #aaa;
	}

/* emo and color */	

#emotions {
  width: 165px;
  text-align: center;
  padding: 2px;
  position:absolute;
  bottom:37px;
  left:14px;
  background:#fff;
  border: 1px solid #ccc;
}

#txtcolor {
	text-align:center;
  width:64px;
  float:left;
  padding: 4px 2px;
  position:absolute;
  bottom:12px;
  left:14px;
  background:#fff;
  border: 1px solid #999;
  overflow:auto;
}

#txtcolor select {
border: 1px solid #ccc;
color:#333;
font-size:12px;
}

#emotions img {
  padding: 2px;
  width: 19px;
  cursor: pointer;
}	

.tipbox{
display:block;
position:absolute;
border-bottom:2px solid #eee;
border-right:2px solid #eee;
overflow: auto;
}
.tipbox p {
color:#f60;
line-height:1.7em;
text-align:left;
padding:4px;
border:1px solid #ccc;
background:#fff;
}
	
/* overlay */	
#cover {
display: block;  position: absolute;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: #000;  z-index:1001;  -moz-opacity: 0.2;  opacity:.20;  filter: alpha(opacity=20); 
}
#dialog {
display: block;  position: absolute;  top: 33%;  left: 41%;  width: 18%;  height: 15%;  padding: 1px;  border:1px solid #DADADA;  background-color: white;  z-index:1002;  overflow: auto;
}

#dialog .divContent{
 padding:3px;
 min-height:80px;
 height:auto; cursor:default;
}