@charset "utf-8";
#postNew {
	margin:46px 0px 0px 112px;
	padding:0px;
	width: 90px;
	height: 18px;
	float:left;
	position: absolute;
}
#search {
	margin:45px 0px 0px 330px;
	width: 250px;
	height: 20px;
	float:left;
	color: #333333;
	position: absolute;
	vertical-align: middle;
}
#content {
	margin: 100px 0px 0px 86px;
	width: 491px;
	height: 324px;
	position: absolute;
	line-height: 20px;
}
input {
	background-color: #D9D9D9;
	border: 1px solid #999999;
	color:#336666;
	font-size:11px;
	line-height: 14px;
}
#contentNote{
	width:100%;
	height:320px;
	overflow: auto;
}
#pageBar{
margin-top: 15px;
width:100%;
height:20px;
text-align:center;
}
.oneNote{
	margin:0;
	padding-top:5px;
	border-bottom: 2px solid #868686;

}
.guestTitle{
	margin:0px;
	padding:2px 10px;
	widows:100%;
	height:20px;
	border-bottom: 1px dashed #CCCCCC;
}
.guestName{
	padding-right:30px;
	color: #819850;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif,"新細明體", "細明體";
	letter-spacing: 0px;
}
.timing{
	color:#999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
}
.note{
color: #000000;
margin:0px;
padding: 10px 0px 10px 18px;
border-bottom: 1px dashed #CCCCCC;
}
.master{
margin:10px 10px 0px 5px;
padding:5px 10px;
background-color: #F7DD79;
color: #666666;
}
.oneNote a{
color: #BFA042;
text-decoration:none;
}
.oneNote a:hover{
color: #CA8077;
text-decoration:none;
}
.page{
margin:0px 5px;
display:inline;
}
.guestFoot{
color:#A5A5A5;
padding:2px 10px;
margin:0px;
}

.overlay {
	position:absolute;
	display:block;
}

.tt {
	visibility:hidden;
	position:absolute;
	color:#333;
	background-color:#FDFFB4;
	font-family:arial,helvetica,verdana,sans-serif;
	padding:2px;
	border:1px solid #FCC90D;
	font:100% sans-serif;
	width:auto;
}

* html body.masked select {
	visibility:hidden;
}

* html div.panel-container select {
	visibility:inherit;
}

* html div.drag select {
	visibility:hidden;
}

* html div.hide-select select {
	visibility:hidden;
}


.hide-scrollbars * {
	overflow:hidden;
}

.hide-scrollbars textarea, .hide-scrollbars select {
	overflow:hidden;
	display:none;
}

.show-scrollbars textarea, .show-scrollbars select {
	overflow:visible;
}

.panel-container {
	position:absolute;
	background-color:transparent;
	z-index:6;
	visibility:hidden;
	overflow:visible;
	width:auto;
}

.panel-container.matte {
	padding:3px;
	background-color:#FFF;
}

.panel-container.matte .underlay {
	display:none;
}

.panel-container.shadow {
	padding:0px;
	background-color:transparent;
}

.panel-container.shadow .underlay {
	visibility:inherit;
	position:absolute;
	background-color:#CCC;
	top:3px;left:3px;
	z-index:0;
	width:100%;
	height:100%;
	-moz-opacity: 0.7;
	opacity:.70;
	filter:alpha(opacity=70);
	zoom:1;
}

.panel {
	visibility:hidden;
	border-collapse:separate;
	position:relative;
	left:0px;top:0px;
	font:1em Arial;
	background-color:#FFF;
	border:1px solid #000;
	z-index:1;
	overflow:hidden;
}

.panel .hd {
	background-color:#3d77cb;
	color:#FFF;
	font-size:100%;
	line-height:100%;
	border:1px solid #FFF;
	border-bottom:1px solid #000;
	font-weight:bold;
	overflow:hidden;
	padding:4px;
}

.panel .close {
	position:absolute;
	top:5px;
	right:4px;
	z-index:6;
	height:12px;
	width:12px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	cursor:pointer;
	visibility:inherit;
}

.panel .ft {
	padding:4px;
	overflow:hidden;
}


#win {
	visibility:hidden;
}

.panel-container.shadow .underlay {
	background-color:#999;
}

.panel {
	border:none;
	overflow:visible;
	background-color:transparent;
}

.panel .hd {
	padding:0;
	border:none;
	background:transparent url(chat/img/aqua-hd-bg.gif);
	color:#000;
	height:22px;
	margin-left:7px;
	margin-right:7px;
	text-align:center;
	overflow:visible;
}

.panel .hd span {
	vertical-align:middle;
	line-height:22px;
}

.panel .close {
	top:3px;
	left:4px;
	height:18px;
	width:17px;
}

.panel .close.nonsecure {
	background-image:url(chat/img/aqua-hd-close.gif);
}

.panel .close.secure {
	background-image:url(chat/img/aqua-hd-close.gif);
}

.panel .close.nonsecure:hover {
	background-image:url(chat/img/aqua-hd-close-over.gif);
}

.panel .close.secure:hover {
	background-image:url(chat/img/aqua-hd-close-over.gif);
}

.panel .lt {
	width:7px;height:22px;
	top:0;left:0;
	background:transparent url(chat/img/aqua-hd-lt.gif);
	position:absolute;
}

.panel .rt {
	width:7px;height:22px;
	top:0;right:0;
	background:transparent url(chat/img/aqua-hd-rt.gif);
	position:absolute;
}

.panel .bd {
	overflow:hidden;
	padding:4px;
	border:1px solid #aeaeae;
	background-color:#FFF;
	font-size: 11px;
	line-height: 16px;
}
#send{
	padding:3px;
	width: 60px;
	height: 16px;
	background-color:#006699;
	color:#FFFFFF;
	cursor:pointer;
	display:inline;
}
#closeIcon{
	margin-left:10px;
	padding:3px;
	width: 60px;
	height: 16px;
	background-color: #CC6600;
	color:#FFFFFF;
	cursor:pointer;
	display:inline;
}
#content br{
	letter-spacing: 0px;
}