@import url("common.css");
@import url("view_common.css");

#status{border:#edf5f8 1px solid;width:148px;padding:10px;margin:10px 0;}
#status span{float:left;width:35px;height:35px;margin:0 5px 10px 0;padding:2px 8px 8px 2px;background:url(../../images/group/group/faceBg.gif) no-repeat;}
#status span img{width:35px;height:35px;}
#status strong{float:left;width:95px;margin:5px 0;height:16px;overflow:hidden;}
#status cite{float:left;width:95px;}
#status button{clear:both;color:#fff;display:block;margin:0 auto;background:url(../../images/group/group/button1.gif) no-repeat;width:85px;height:27px;border:none;}

#writing{list-style:none;overflow:auto;}
* #writing{height:1%;}
#writing li{display:inline;float:left;margin:10px 0 10px 15px;width:340px;height:150px;}
#writing li span{float:left;width:100px;height:140px;border:#ccc 1px solid;padding:2px;margin-right:10px;}
#writing li span img{width:100px;height:140px;}
#writing li strong,#writing li h3,#writing li p{float:left;width:220px;}
#writing li h3{font-size:14px;line-height:16px;}
#writing li strong{font-weight:normal;margin:5px 0;}
#writing li p{color:#999;line-height:18px;}

.leaguer,.callerList{list-style:none;overflow:hidden;}
* .leaguer,* .callerList{height:1%;}
.leaguer li,.callerList li{display:inline;float:left;width:19.9%;height:120px;margin:10px 0;}
.leaguer li span,.callerList li span{display:block;margin:0 auto;width:89px;height:89px;padding:3px 11px 11px 3px;background:url(../../images/group/group/groupLogoBg.gif) no-repeat;}
.leaguer li span img,.callerList li span img{width:89px;height:89px;}
.leaguer li strong,.callerList li strong{font-weight:normal;text-align:center;display:block;margin-top:5px;}

#favorite{list-style:none;overflow:auto;}
* html #favorite{height:1%;}
#favorite li{display:inline;float:left;width:19.9%;margin:10px 0;}
#favorite li span{display:block;margin:0 auto;width:95px;height:135px;padding:3px;border:#ddd 1px solid;}
#favorite li span img{width:95px;height:135px;}
#favorite li strong{font-weight:normal;text-align:center;display:block;margin-top:5px;height:14px;overflow:hidden;}

#post{color:#c00;background:url(../../images/group/group/button2.gif) no-repeat;width:62px;height:15px;display:block;padding-top:3px;text-align:center;}
#forumList .main{padding:10px 15px;border:#F5D3C6 1px solid;}
#forumList table{width:100%;}
#forumList table tr th{text-align:left;padding:10px 5px;white-space:nowrap;color:#666;}
#forumList table tr td{padding:10px 5px;background:url(../../images/group/group/bg1.gif) 0 top repeat-x;color:#999;vertical-align:top;}
#forumList table tr .td2 span a{color:#999;text-decoration:underline;}
#forumList .forum_icon1{float:left;margin-right:5px;font-size:0;width:13px;height:14px;overflow:hidden;line-height:50px;background:url(../../images/group/group/icon_forum.gif) 0 -41px no-repeat;}
#forumList .forum_icon2{float:left;margin-right:5px;font-size:0;width:14px;height:14px;overflow:hidden;line-height:50px;background:url(../../images/group/group/icon_forum.gif) 0 -11px no-repeat;}
#forumList .forum_icon3{float:left;margin-right:5px;font-size:0;width:14px;height:14px;overflow:hidden;line-height:50px;background:url(../../images/group/group/icon_forum.gif) 0 -26px no-repeat;}
#forumList button{margin-left:5px;background:url(../../images/group/button2.gif) no-repeat;width:85px;height:27px;text-align:center;color:#fff;border:none;}
#forumPost{width:550px;margin:0 auto;height:220px;}
#forumPost label{display:block;margin:10px 0;}
#forumPost input,#forumPost textarea{border:#ddd 1px solid;background:#f5f5f5;width:500px;vertical-align:middle;}
#forumPost button{margin-left:42px;background:url(../../images/group/group/button1.gif) no-repeat;width:85px;height:27px;text-align:center;color:#fff;border:none;}

.pages{clear:both;padding:20px;text-align:center;}
.pages a,.pages strong{border:#ddd 1px solid;padding:2px 5px;}

.content{margin-bottom:10px;}
.content .title{height:25px;padding:8px 15px 0;background:url(../../images/group/group/rightBorder.gif) 0 0 no-repeat;}
.content .title h4{color:#c00;float:left;padding-top:3px;}
.content .title span{float:right;height:18px;}
.content .title span a{float:left;margin-left:10px;padding-top:3px;color:#c00;}
.content .main{padding:10px 15px;border:#F5D3C6 1px solid;}

#forumDetail h1{text-align:center;font-size:20px;padding:15px 10px 0;}
#forumDetail .title h4{font-weight:normal;}
#forumDetail .title h4 a{color:#c00;text-decoration:underline;}
.f{padding:15px 0;margin:10px auto;width:715px;background:url(../../images/group/group/bg1.gif) 0 top repeat-x;overflow:auto;}
* html #forumDetail .f{height:1%;}
#f0{background:none;}
#forumDetail .f span{float:left;width:35px;height:35px;margin-right:10px;padding:2px 8px 8px 2px;background:url(../../images/group/group/faceBg.gif) no-repeat;}
#forumDetail .f span img{width:35px;height:35px;}
#forumDetail .f div{float:left;width:660px;padding:0 0 5px;color:#999;}
#forumDetail .f div cite{float:right;color:#090;}
#forumDetail .f p{word-break:break-all;float:left;width:660px;line-height:18px;color:#666;word-break:break-all;}
#forumDetail .f p span{border:#f2f2df 1px solid;background:#fffff2;padding:5px;float:none;display:block;width:auto;height:auto;margin:5px 50px 5px 0;}
#forumBack{display:block;clear:both;}
#forumBack textarea{border:#ddd 1px solid;margin-bottom:10px;background:#f5f5f5;height:80px;display:block;width:98%;}
#forumBack button{margin-right:20px;background:url(../../images/group/group/button1.gif) no-repeat;width:85px;height:27px;text-align:center;color:#fff;border:none;}

#articleList .item{padding:10px 0;color:#666;}
#articleList .item h3{font-size:14px;height:15px;padding:4px 0 0 25px;background:url(../../images/group/icon2.gif) 0 center no-repeat;}
#articleList .item h3 a{color:#333;}
#articleList .item p{word-break:break-all;margin:5px 0;padding:8px 0 0;line-height:18px;background:url(../../images/group/group/bg1.gif) 0 top repeat-x;}
#articleList .item div{background:#F7FBFC;padding:4px 10px;}

#articleDetail h1{font-size:20px;padding:10px 10px 0;text-align:center;line-height:22px;}
#articleDetail p{margin:15px 0;font-size:14px;line-height:22px;}
#articleDetail div{color:#999;}

#comment{padding-top:40px;}
#comment h5{font-size:14px;padding:5px 15px;background:url(../../images/group/home/style1/icon1.gif) 0 5px no-repeat;}
#comment ul{list-style:none;}
#comment ul li{padding:10px 0;background:url(../../images/group/group/bg1.gif) repeat-x;overflow:auto;}
* html #comment ul li{height:1%;}
#comment ul li span{float:left;width:35px;margin-right:5px;height:35px;padding:2px 8px 8px 2px;background:url(../../images/group/group/faceBg.gif) no-repeat;}
#comment ul li span img{width:35px;height:35px;}
#comment ul li div{float:left;width:660px;padding:0 0 5px;color:#999;}
#comment ul li p{float:left;width:660px;line-height:18px;}
#comment textarea{width:95%;margin-bottom:10px;}
#comment button{width:85px;height:27px;border:none;background:url(../../images/group/group/button1.gif) no-repeat;color:#fff;cursor:pointer;}