@charset "utf-8";

/*ȫ������*/
html, body, form { margin:0; padding:0;}
body { width:100%; background:#fff; font-size:12px; background-color:#ececec; font-family:Tahoma, ����;}
img {border:0;}
ul,li {list-style:none; margin:0; padding:0; }
.clr {clear:both; padding:0; margin:0; background:none;}
a , a:visited, a:hover,a:active {color:#0db700;text-decoration:none;}
a:hover {color:#0db700; text-decoration:none;}

#header,#container,#footer,#footerborder,#adminlogin {margin:0 auto; width:90%;}

/*ͷ��*/
#header {background:#0099CC url(../images/topblue.jpg) repeat-y 0 0; margin-top:10px; height:80px;}
#header h1 {padding:20px 0 0 20px; color:#FFF;}

/*��������*/
#container {width:90%; background-color:#ececec; }
.responsebtn {border-radius:5px;line-height:50px;text-align:center;color:#fff;font-size: 16px;margin:5px 10px;background:url("../images/icon01.png") left no-repeat #30cb00; }
.posttip { height:30px; line-height:30px; padding-left:10px; font-size:14px; font-weight:bold;color:#4E6A47;}
.postmsg { background-color:#ececec;}
/*.posttip { height:30px; line-height:30px; padding-left:10px; font-size:14px; font-weight:bold; background-color:#D7E8F5; color:#0066B2;}*/
.postarea { margin:5px 10px 10px 10px; border-radius:5px; background-color:#fff;padding-left:2%}
.postarea label{ font-weight:bold;}
.postarea input{height:30px;width:96%;line-height:30px; border:#ccc 1px solid;padding-left:5px;border-radius:3px; margin-top:10px}
textarea{height:60px; width:96%;line-height:30px; border:#ccc 1px solid;padding-left:5px; border-radius:3px; margin-top:10px}
.bt {height:40px; line-height:40px; width:100%; background-color:#30cb00;color:#fff; margin-top:10px;margin-bottom:10px;border:1px #fff solid; border-radius:5px;}

.msglist { background-color:#ececec; }
.msglist .showmsg {margin:0 10px; margin-top:10px; border-radius:5px;}
.msglist .showmsg ul { margin-bottom:30px;}
.msglist .showmsg li {padding:0px; border-raidus:5px;  margin-top:5px;background-color:#fff; border-radius:5px;}
.msglist .showmsg li:first-child {background-color:#ececec; }

.showmsg .msgtop {font-size:12px; color:#bad69c;line-height: 20px}
.showmsg .msgtop .nickname {width:120px; float:left;font-size:18px; color:#006405}
.building {float:right; border-radius:50%;line-height:30px;text-align:center;color:#0db700}

.showmsg .msgcont {color:#3E505D;}
.showmsg .replyaction{margin:5px 0px; display:none; background-color:#fff;border-radius:5px; padding:10px;}
.showmsg .replyaction .replyname{width:96%; height:30px;line-height:30px;border:1px #ccc solid; border-radius:3px;padding-left:5px}
.showmsg .replyaction .replymsg {width:96%; height:60px;line-height:30px;}
.showmsg .replyaction .button {height:25px; line-height:18px; width:100%; background-color:#fff; margin-top:10px}
.showmsg .reply {margin:10px 0px 2px 0px; padding:5px; border-radius:3px; white-space:normal; word-break:break-all; overflow:hidden; background:#fff; color:#888;}
.showmsg .pagenav {margin:0; padding:5px; text-align:center; }
/*�ײ�*/
#footer { width:90%; text-align:center;padding:10px 0; }
#footerborder {height:5px; background:#0099CC url(../images/topblue.jpg) repeat-y 0 0; overflow:hidden; margin-bottom:10px;}

/* Messages --------------------------------------------------------------- */
.error, .success {
	font-family: Verdana, Tahoma;
	font-size: 12px;
	padding: 10px 20px;
	text-align: left;
}
.error {
	background: #a22;
	color: #fff;
}
.success {
	background: #cfc;
	color: #051;
}

/*����Ա��½ҳ��*/
#adminlogin {width: 300px; background-color:#fff;}
.adminerr, .adminsuccess {font-size: 12px; padding: 0 10px; width:180px; text-align: center; height:30px;}
.adminerr {
	background: #a22;
	color: #fff;
}
.adminsuccess {
	background: #cfc;
	color: #051;
}

/*Ƥ����ʽ*/
#skin
{
    margin-top:6px;
	margin-right:5px;
	float:right;
	/* width:120px; */
	overflow:hidden;
    }
#skin li{
	float:left;
    margin-left:5px;
    width:15px;
    height:15px;
	text-indent:-999px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	background-image:url(../images/theme.gif);
}
#skin_green{
	background-position:0px 0px;
}
#skin_red{
	background-position:15px 0px;
}
#skin_blue{
	background-position:35px 0px;
}
#skin_yellow{
	background-position:55px 0px;
}
#skin_green.selected{
	background-position:0px 15px !important;
}
#skin_red.selected{
	background-position:15px 15px !important;
}
#skin_blue.selected{
	background-position:35px 15px !important;
}
#skin_yellow.selected{
	background-position:55px 15px !important;
}