@charset "utf-8";

/*
 @ 文本框插入表情插件
 @ 作者：水墨寒 Smohan.net
 @ 日期：2013年1月28日
*/

*{ margin:0; padding:0;}
html,body{ margin:0; padding:0;}
body{ font:normal 14px/14px 'Microsoft JhengHei','Microsoft YaHei', Arial, sans-serif; color:#333333;}
h3{ width:760px; height:50px; line-height:50px; font-size:30px; font-weight:600; text-align:center; overflow:hidden; margin:50px auto 0px auto; color:#777777; text-shadow:0px 1px 0px rgba(255,255,255,1);}
h4{ width:740px; padding-right:20px; height:30px; line-height:30px; font-size:16px; font-weight:600; text-align:right; overflow:hidden; margin:0px auto; color:#777777; text-shadow:0px 1px 0px rgba(255,255,255,1);}

#Smohan_FaceBox{ width:760px; height:auto; position:relative; margin:50px auto; min-height:160px;}
textarea.smohan_text{display:block; width:708px; height:78px; padding:10px 20px; background:url(images/facebg_1.png) 0px 0px repeat-x; border:1px solid #cacaca; outline:none; position:relative; overflow:hidden;}
#Smohan_FaceBox p{ display:block; width:748px;  padding:10px 0px;}
.face{ display:block; width:20px; height:20px; background:url(images/face.png) no-repeat; float:left; margin-top:10px;}
.face:hover,.face.in{ background:url(images/faceon.png) no-repeat;}
.pic{ display:block; width:20px; height:20px; background:url(images/pic.png) no-repeat; float:left; margin-left:5px;  margin-top:10px;}
.pic:hover,.pic.in{ background:url(images/picon.png) no-repeat;}
img{ border:0 none;}
/*
FaceBox
*/
#SmohanFaceBox{ display:block; width:352px; height:227px; position:absolute; bottom:10; left:-50px; z-index:9999;}
#SmohanFaceBox .Corner{ display:block; width:28px; height:15px; background:url(/images/facebg_1.png) -32px -100px no-repeat; position:absolute; left:45px; top:0; z-index:100;}
#SmohanFaceBox .Content{ display:block; width:350px; height:225px; padding:10px; background:#ffffff;border:1px solid #cfcfcf; z-index:99; margin:14px 0px 0px 0px; box-shadow:0px 1px 10px rgba(204,204,204,1); border-radius:2px;}
#SmohanFaceBox .Content h3{ margin:0; padding:0; width:350px; height:30px; line-height:26px; display:block; font-size:14px; text-align:left;}
#SmohanFaceBox .Content h3 span{ float:left;}
#SmohanFaceBox .Content h3 .close{ display:inline-block; width:16px; height:16px; background:url(/images/facebg_1.png) -30px -120px; float:right; cursor:pointer;}
#SmohanFaceBox .Content h3 .close:hover{ background-position:-46px -120px;}
#SmohanFaceBox .Content ul{ margin:5px 0px 0px 0px; padding:0; list-style-type:none;}
#SmohanFaceBox .Content ul li{ display:inline-block; width:22px; height:22px; padding:2px; border:1px solid #f8f8f8; float:left;}
#SmohanFaceBox .Content ul li:hover{ border-color:#6C3;}