/* ----------------------------------- 
Project: 100Shop Guestbook
URL: bbs.100shop.com
Designer: Ayuleo Chan
Update: 2007-07-13
-------------------------------------- */
*{
	padding: 0;
	margin: 0;
}
img, a img{	border: none;}
 table{	width: 100%;font-size: 12px; border: none;border-collapse: collapse;  border-spacing: 0;}
 table td,  table th{word-wrap:break-word; }
 h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2;
	color: #000;
	font-weight: bolder;
 }
 h2{font-size: 22px; }
 h3, h4{font-size: 14px; }
 h5, h6{font-size: 12px; }
 p{	margin-bottom: 0.5em; }
 ol, ul{
 	margin-left: 18px;
 }
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: #fff;
	color: #444;
	text-align: center;
	padding: 10px 0;
}
a{color:#049;text-decoration:underline;}
a:hover{color:#C30;text-decoration:underline;}
.textLeft{text-align: left;}
.textRight{text-align: right;}
.textCenter{text-align: center;}
.floatLeft{	float: left;}
.floatRight{float: right;}
.clear{	clear: both;}
.imgFloatLeft{
	float: left;
	margin: 0  8px 0 0;
}
.imgFloatRight{
	float: right;
	margin: 0 0 0 8px;
}
/*Hacks*/
.clearAfter:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
 * html .clearAfter {zoom:1;}
 *:first-child+html .clearAfter{display: inline-block;}
 /* Hides from IE-mac \*/
 .clearAfter{display: block;}
 /* End hide from IE-mac */
 .table td, .table th{
 	padding: 4px 2px;
 }
 input, textarea, select{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 }
 .input{
 	padding: 1px 2px;
 }
.input:lang(en){
 	padding: 2px;
 }
 .button{
 	padding: 2px 5px;
 }
 /* Layout */
 .wrap{
 	width: 770px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	word-wrap:break-word;
 }

  #footer{
  	margin-top: 0.8em;
	text-align: center;
	color: #535353;
  }
  .dialog {
	 position:relative;
	 margin:0px auto;
	 min-width:8em;
	 max-width:788px; /* based on image dimensions - not quite consistent with drip styles yet */
	 z-index:1;
	 margin-left:12px; /* default, width of left corner */
	 margin-bottom:0.8em; /* spacing under dialog */
}
.dialog .content,.dialog .t,.dialog .b,.dialog .b div {
	 background:transparent url(./gimg/panelbox.png) no-repeat top right;
	  _background-image:url(./gimg/panelbox.gif);
}
.dialog .content {
	 position:relative;
	 zoom:1;
	 _overflow-y:hidden;
	 padding:0px 12px 0px 0px;
}
.dialog .t {
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:12px; /* top slice width */
	 margin-left:-12px;
	 height:100%;
	 _height:1600px; /* arbitrary long height, IE 6 */
	 background-position:top left;
}
.dialog .b {
	 position:relative;
	 width:100%;
}
.dialog .b,.dialog .b div {
	 height:8px; /* height of bottom cap/shade */
	 font-size:1px;
}
.dialog .b {
	 background-position:bottom right;
}
.dialog .b div {
	 position:relative;
	 width:12px; /* bottom corner width */
	 margin-left:-12px;
	 background-position:bottom left;
}
.dialog .hd,.dialog .bd,.dialog .ft {
	 position:relative;
}

 /* -------------------- Header ------------------------ */
#header{
	clear: both;
}
#topNav{
	float: right;
}
 #topNav ul{
list-style: none;
margin: 0;
 }
#topNav ul li{
	display: inline;
	background: transparent url(./gimg/dot.gif) no-repeat  0 50%;
	padding-left: 10px;
}
#topNav a{
	color: #666;
	text-decoration: none;
}
#topNav a:hover{
	color: #C30;
	text-decoration: underline;
}
#logo{
float: left;
}
#logo h1{
margin: 0;
padding: 0;
}
#logo h1 a, #logo h1 a:hover{
	display: block;
	width: 233px;
	height: 35px;
	background: transparent url(./gimg/100shop.gif) no-repeat;
	text-indent: -8008px;
	text-decoration: none;
}
#topPanel{padding-right:10px; }
#topTabMenu{float:right; }
* html #topTabMenu{width:510px;}
.ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.tabMenuL ul{display:block;height:27px;}
.tabMenuL ul li{display:block;width:100px;height:27px;float:left;margin-right:2px;}
.tabMenuL ul li a{display:block;width:100px;height:27px;text-align:center;background:transparent url(./gimg/menu_tab1.gif) no-repeat 0 -27px;line-height:27px;float:left;font-size:12px;text-decoration:none;color:#002D76;}
.tabMenuL ul li a:hover{color:#000057;text-decoration:underline;}
.tabMenuL ul li a.selected, .tabMenuL ul li a.selected:hover{background-position:0 0;color:#fff !important;font-weight:bolder;text-decoration:none !important;}
#topBroadcast{width:240px;overflow:hidden;float:left;margin-top:5px;color:#666; height: 20px; position: relative;}
#topBroadcastContainer{
	height:22px;line-height:22px;overflow:hidden;
	position: absolute;
	top: 0;
	left:0;
}
#topBroadcastContainer .marqueeBox{
	background:transparent url(./gimg/broadcast.gif) no-repeat 0 50%;
	padding-left:25px; 
}
.fullPanelHead{background:#fff url(./gimg/panel_head_right.gif) no-repeat 100% 0;color:#fff;height:25px;line-height:25px;text-align:center;}
.fullPanelHeadInner{background: transparent url(./gimg/panel_head_left.gif) no-repeat 0 0; padding-left: 10px; padding-right: 10px;}
.fullPanelBox{background:#fff url(./gimg/panel_bottom_right.gif) no-repeat 100% 100%; }
.fullPanelBoxInner{	background: transparent url(./gimg/panel_bottom_left.gif) no-repeat 0 100%;  padding: 5px 10px; }

* html label{vertical-align: middle;}
#topPanelBox .input, #topPanelBox input, #topPanelBox .button, #topPanelBox select{
	padding: 0;
	margin:0;
	background-color: #f8f8f8;
	font-size: 12px;
	height: 22px;
	line-height: 20px;
}
#topPanelBox select, #topPanelBox .input{
	border: 1px solid #999;
}
#topPanelBox .input{
	height: 18px;
	line-height: 18px;
}
#topPanelBox .button{
	background-color: #FF9F10;
	color: #000057;
}
#topPanelBox select, #topPanelBox select option{
	line-height: 15px !important;
	height: 20px !important;
}
* html #topPanelBox select option{
	display: block;
	height: 15px;
	margin: 0;
	padding: 0;
} 
.fullPanelHead ul.ul li{display:inline;padding:0 10px;}
#saleSearchBox{float:left;}
#peopleSearch{float:right;margin-right:20px;}
* html #peopleSearch{margin-right:0;}
.clearFix{display:block;height:0 !important;overflow:hidden;clear:both;}
.clearFix hr{ display: none; }
#headerPanel, #topPanelBox{
	margin-bottom: 10px;
	clear: both;
}
/* --------------- ContentBody -----------------*/


/*--------- Comments ---------*/

.commentItem{
	border: 2px solid #F6F6F6;
	margin-bottom: 0.8em;
	background: #fff;
	word-wrap:break-word; 
}
.commentItem .commentItemInner{
	border: 1px solid #ccc;
	padding: 8px 8px 16px 8px;
	background: transparent url(./gimg/ybg.gif) repeat-x 0 0;
}
.commentAuthor{
	float: left;
	width: 50px;
	text-align: center;
}

.commentText{
	margin-left: 65px;
	text-align: left;
}
.commentMisc{
	float: right;
}
.commentDate{
	color: #999;
}
.commentContent {
	font-size: 14px;
	line-height: 1.5;
}
.commentContent blockquote{
	display: block;
	margin-bottom: 0.5em;
	background-color: #f9f9f9;
	border: dashed 1px #ccc;
	padding: 5px;
}
.quoteHead{
	color: #666;
	font-size: 12px;
}
.messagetype01{
	background: #fff url(./gimg/messagetype01.gif) no-repeat 0 100%;
}
.messagetype02{
	background: #fff url(./gimg/messagetype02.gif) no-repeat 0 100%;
}
.messagetype03{
	background: #fff url(./gimg/messagetype03.gif) no-repeat 0 100%;
}
.messagetype04{
	background: #fff url(./gimg/messagetype04.gif) no-repeat 0 100%;
}
.messagetype05{
	background: #fff url(./gimg/messagetype05.gif) no-repeat 0 100%;
}

#addCommentForm{
	border: 1px solid #FF9F55;
	background: #fff url(./gimg/ybg.gif) repeat-x 0 0;
	margin-top: 0.8em; 
}
#addCommentFormInner{
	padding: 3px 8px 8px 8px;
}

#commentTextarea textarea{
	width: 100%;
	height: 120px;
	margin-bottom: 0.5em;
}
/* pages location navigation */
#pagesNav{
	display: block;
	border: 1px solid #EAEAEA;
	text-align: center;
	background-color: #f9f9f9;
	padding: 5px;
	margin-bottom: 0.5em;
}
#pagesNav .input{
	height: 12px;
	padding: 0;
	font-size: 12px;
}
#pagesNav .button{
	padding: 0;
	font-size: 10px;
	font-weight: bolder;
}
#pagesNav a{
	text-decoration: none;
	color: #049;
}
#pagesNav a:hover{
	text-decoration: underline;
	color: #049;
}
#adminAction{
	text-align: center;
	margin-bottom: 0.5em;
}
/* form table */
.formTable{
	border: 1px solid #FF9F55;
	margin-bottom: 0.8em;
	background-color: #fff;
}
.formTable thead th{
	background: transparent url(./gimg/ybg.gif) repeat-x 0 0;
	font-weight: bolder;
	text-align: center;
	padding: 5px 3px;
}
.formTable tbody td{
	padding: 5px 3px;
}
.formTable .labesTd{
	width: 150px;
	text-align: right;
	font-weight: bolder;
}
.formTable caption{
	display: block;
	padding: 5px;
	background: #F2DB3D url(./gimg/barbg.gif) repeat-x 0 50%;
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
	color: #000;
	border: 1px solid #FF9F55;
	border-bottom: none;
}
#userSmileFace{
	z-index: 10000;
	position: absolute;
	margin-left: 200px;
}
.inputHelp{
	font-size: 12px;
	font-weight: normal;
	color: #999;
}