/*--------------
Project: popovivi
Last change: 08/06/24
Assigned to: Yu Yi
Primary use: popovivi website
--------------*/

/* bbs leftside style---------------------------------------------------*/
#hotTags {
	margin-top:12px; background:url(../images/bbs/heads.gif) no-repeat left bottom; width:150px; padding-bottom:4px; text-align:left
}
#hotTags  h2 {
	padding-left:22px;background:url(../images/bbs/heads.gif) no-repeat left top; height:27px; font-size:12px; color:#ff467f; line-height:27px;	
}
#hotTags  .cbBoxMain {
	background:#fff; border-left:2px solid #ffdce3; border-right:2px solid #ffdce3; padding:5px
}
#hotTags p {
	background:url(../images/dot1.gif) repeat-x left bottom; padding-bottom:4px; margin-bottom:4px;color:#666;line-height:20px;
}
#hotTags .cbBoxMain div a{
	margin:0 6px 0 0 
}

#collectActivity {
	margin-top:12px; background:url(../images/bbs/heads.gif) no-repeat -150px bottom; width:150px; padding-bottom:4px; text-align:center	
}
#collectActivity  h2 {
	padding-left:22px;background:url(../images/bbs/heads.gif) no-repeat -150px top; height:26px;  font-size:12px
}
#collectActivity  .cbBoxMain {
	background:#fff; border-left:3px solid #f4638c; border-right:3px solid #f4638c; padding:5px
}
#collectActivity  .cbBoxMain p {
	text-align:left; padding:0 2px 6px 2px;
}
#collectActivity  .cbBoxMain .btnWhite {
	display:block;
}

#sideFeed {
	margin-top:12px; background:url(../images/bbs/heads.gif) no-repeat -150px bottom; width:150px; padding-bottom:4px; text-align:left	
}
#sideFeed  h2 {
	padding-left:22px;background:url(../images/bbs/heads.gif) no-repeat -300px top;height:26px;  font-size:12px
}
#sideFeed  .cbBoxMain {
	background:#fff; border-left:3px solid #f4638c; border-right:3px solid #f4638c; padding:5px
}
#sideFeed li {
	background:#f2f2f2; margin-top:5px; padding:3px; line-height:18px; 
}




/*bbs article lists-----------------------------------------------------*/
#bbsList {
	float:left; width:580px; margin-right:10px;
}
#bbsList1, #bbsList2, #bbsList3, #bbsList4, #bbsList5 {
	margin-bottom:15px;
}
#bbsList h2 {
	position:relative; padding-left:130px; background:#f2f2f2 url(../images/bbs/bbs_head.gif) no-repeat left top; height:25px; line-height:25px; font-size:12px; color:#999; font-weight:normal;
}
#bbsList h2 span {
	position:absolute; top:-1px; right:6px;	
}
#bbsList2 h2 {
	background-position:left -25px;
}
#bbsList3 h2 {
	background-position:left -50px;
}
#bbsList4 h2 {
	background-position:left -100px;
}
#bbsList5 h2 {
	background-position:left -125px;
}

#bbsList div {
	padding-top:2px;	
}
.pinkBorder{
border-bottom:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
}

#bbsList div.pinkBorder div {
	padding:2px 6px; margin:0;
}
#bbsList div table {
	width:560px; border-collapse:collapse
}
#bbsList div table th {
	padding-left:4px;background:url(../images/dot1.gif) repeat-x left bottom; height:24px; line-height:24px; font-weight:bold
}
#bbsList div table th.lPadding {
	padding-left:30px;
}
#bbsList div table td {
	height:24px; line-height:24px; padding-left:4px;	
}
#bbsList div table td img {
	margin-right:4px;
}
#bbsList div table td img.bbsJing {
	margin-bottom:-3px;
}
#bbsList div table td span {
	padding-right:4px; color:#f55b8f
}

#SideInfo {
	float:left; width:200px; overflow:hidden
}
#bbsBoard  div {
	padding-top:2px;
}
#bbsBoard h2{
	position:relative; margin:0 auto; width:192px; background:#fee7ed; font-size:14px; height:24px; line-height:20px; color:#676566
}
#bbsBoard h2 span {
  padding-left:8px;
}
#bbsBoard h2 a {
	position:absolute; top:2px; right:6px; font-weight:normal; font-size:12px
}
#bbsBoard ul {
	padding-bottom:4px;
}
#bbsBoard li {
	background:#f1f1f1; border:1px solid #e9e9e9; width:170px; margin:5px auto 0 auto; padding:3px; 
}
#bbsBoard li p {
	border:1px solid #eee; color:#ff003c
}

#star1, #star2, #star3 {
	margin-top:12px; background:url(../images/bbs/star_bg.jpg) no-repeat; width:200px; height:122px;	
}
#star1 {
	background-position:left top		
}
#star2 {
	background-position:left -122px;		
}
#star3 {
	background-position:left -244px		
}
#star1 dl, #star2 dl, #star3 dl {
	padding:44px 10px 0 13px;
}
#star1 dt , #star2 dt, #star3 dt{
	float:left; margin-right:5px;		
}
#star1 dd , #star2 dd, #star3 dd {
	line-height:17px
}

.art1 {
	background:url(../images/bbs/article_bg.jpg) no-repeat;background-position:left top;height:20px;text-indent:18px;line-height:20px;border-bottom:1px solid #e6e6e6;font-size:14px;font-weight: bold;text-align:left;
	margin-top:3px;
	
}
.art2 {
background:url(../images/bbs/article_bg.jpg) no-repeat;height:20px;text-indent:18px;border-bottom:1px solid #e6e6e6	;background-position:left -16px;line-height:20px;font-size:14px;font-weight: bold;text-align:left;margin-top:3px;		
}
.art3 {
	background:url(../images/bbs/article_bg.jpg) no-repeat;height:20px;text-indent:18px;border-bottom:1px solid #e6e6e6;background-position:left -33px;line-height:20px;font-size:14px;font-weight: bold;text-align:left;margin-top:3px;
}
.grayBox {
border:1px solid #E6E6E6;
}
#art1 dl{
padding:10px 10px 0px 10px;
}
#art1 dt{
margin-left:10px;		
}
#art1 dd{
	margin-left:10px;line-height:17px;font-weight:bold;text-align:left;
	}
#art3 ul{
	margin-left:10px;line-height:20px;font-weight:bold;text-align:left;
	}
#art3 ul li{
border-bottom:1px dotted #FFCDD9;
margin:3px;
width:160px;
}
#hotTops {
	margin-top:12px; background:url(../images/bbs/colorBox.gif) no-repeat; width:190px; height:320px; padding:10px 0 0 10px;
}
#hotTops h2 {
	width:178px; ;color:#f45c8f; font-size:14px; border-bottom:1px solid #fd98b8
}
#hotTops ol {
	padding-top:11px;
}
#hotTops li {
	padding-left:28px; background:#f2f2f2 url(../images/bbs/bbs_num.gif) no-repeat; height:19px; width:152px; line-height:19px; margin-bottom:9px;
}
#hotTops li.hotTop1 {
	background-position: 5px 3px;
}
#hotTops li.hotTop2 {
	background-position: 5px -25px;
}
#hotTops li.hotTop3 {
	background-position: 5px -53px;
}
#hotTops li.hotTop4 {
	background-position: 5px -81px;
}
#hotTops li.hotTop5 {
	background-position: 5px -109px;
}
#hotTops li.hotTop6 {
	background-position: 5px -137px;
}
#hotTops li.hotTop7 {
	background-position: 5px -165px;
}
#hotTops li.hotTop8 {
	background-position: 5px -193px;
}
#hotTops li.hotTop9 {
	background-position: 5px -221px;
}
#hotTops li.hotTop10 {
	background-position: 5px -249px;
}




#pageTitleBar a.l_white12pxu {
	position:static
}
#bbsSortList {
	clear:both; position:relative
}
#bbsSortList ul {
	float:left; padding-bottom:5px;	
}
#bbsSortList li {
	float:left; margin-right:2px; display:inline; background:url(../images/bbs/tBg1.gif) left top; width:100px; height:27px; line-height:27px; text-align:center; color:#fff; font-size:14px; font-weight:bold
}
#bbsSortList li a {
	display:block; background:url(../images/bbs/tBg1.gif) left bottom; width:100px; height:27px; line-height:27px; text-align:center; color:#666; font-size:14px; font-weight:bold; text-decoration:none	
}
#bbsSortList .operBtn3 {
	display:block; position:absolute;right:0px;top:-1px; width:98px; height:30px; line-height:30px; background:url(../images/temp/button_new.gif) no-repeat left -80px;  font-weight:bold;text-align:center

}
#bbsSortList .titleBg3 {
	clear:both; height:28px; line-height:28px; background-image:none;
}
#bbsSortList .titleBg3 b {
	color:#f45c8f; font-family:verdana
}
#bbsSortList .titleBg3 span {
	padding-left:10px
}
#bbsSortList .tableWrapper3 {
	border-left:1px solid #f2b4c9; border-right:1px solid #f2b4c9
}
#bbsSortList table {
	border-collapse:collapse; 
}
#bbsSortList th {
	background:#ffdce3; height:26px; line-height:26px;
}
#bbsSortList td {
	height:30px; line-height:19px
}
#bbsSortList .trBg td {
	background:#f4f4f4
}
#bbsSortList td span {
	background:#f5a4b5; padding:0 1px; color:#fff; cursor:pointer
}

#bbsAddForm {
	float:left; width:950px; text-align:left	
}
#bbsAddForm  div {
	padding:30px 0 10px 30px
}
#bbsAddForm p {
	 padding-bottom:12px;
}
#bbsAddForm p .input1 {
	width:300px
}
#bbsAddForm #bssTagBox {
	background:#fdeded; width:500px; line-height:24px; margin-bottom:30px
}
#bbsAddForm #bssTagBox b {
	font-size:14px; color:#f11e63
}
#bbsAddForm #bssTagBox label {
	margin-right:12px
}
#bbsAddForm #bbsFormBtn {
	padding:10px; text-align:center
}

#bbsArticle {
	width:790px; clear:both; color:#333
}
#bbsArticle .rbbugBox {
	padding:10px 19px; width:750px
}
#bbsArticle h2 {
	text-align:center; padding:20px 0; font-size:20px
}
#bbsArticle #bbsAuthor {
	width:730px; height:50px;padding:15px 10px; background:#fee7ed;
}
#bbsArticle #bbsAuthor p {
	height:22px; line-height:22px
}
#bbsArticle .img50 {
	display:inline; float:left; margin-right:10px
}
#bbsArticle .bbsAInfo {
	float:left;width:360px; 
}
#bbsArticle .bbsAOper {
	float:right; text-align:right; width:300px; color:#666
}
#bbsArticle .bbsAOper  .l_green12pxu {
	padding-right:24px; background:url(../images/icon1.gif) no-repeat right -640px
}
#bbsArticle #bbsContent {
	clear:both; width:730px; margin-top:10px; padding:10px 10px; background:#ececec;font-size:15px;
}
#bbsArticle #bbsContent #bbsCTags {
	padding-bottom:10px
}
#bbsArticle #bbsContent #bbsRealContent {
	line-height:27px
}


#bbsArticleReply {
	margin-top:10px
}
.bj_tab1{
	width:100%; height:29px;margin-left:0
}
.bj_tab1 li{
	display:block;float:left;text-align:center; width:100px; height:31px; background:url(../images/tab_btn2.gif) no-repeat left bottom; color:#000; cursor:pointer;line-height:31px;margin-left:0px ;margin-right:20px
}
.bj_tab1 li.bj_active{
	position:relative; background:url(../images/temp/tab_btn2.gif) no-repeat left top;z-index:99;color:#666;font-weight:bold; margin-left:0 
}
/*reply*/

.reply_list1{
	clear:both; width:788px;margin-top:-1px; *margin-top:1px !important; *margin-top:-1px; margin-bottom:14px;padding-top:10px !important; padding-top:0px; height:100%; text-align:left; border:1px solid #e3e0db; overflow:hidden
}
.reply_list1 .page_num  {
	padding-top:10px;
}
.img50 {
	float:left; display:inline; position:relative;
}
.comment_author_info {
	float:left; padding:6px 0 6px 22px
}
.comment_author_info .btnGrape2 {
	margin-right:6px; padding:0; 
}
.comment_author_info label {
	margin-left:30px	
}
.perreply .reply_content{
	float:left;line-height:20px;margin-left:22px;color:#333; width:660px; text-align:left
}
.perreply {
	display:inline; padding-bottom:8px; float:left;margin-top:10px; margin-left:20px;
}
.perreply2 {
	padding-left:56px; clear:both;
}
.perreply2 .reply_content{
	float:left;line-height:20px;color:#333; width:580px; text-align:left
}

#reply_form {
	margin:30px 20px;
}
#reply_form textarea {
	width:680px;
	height:80px;
	vertical-align:top;
	border:1px solid #ccc;
	margin-bottom:20px
}
.dotline1 {
	background:url(../images/dot1.gif) repeat-x left bottom;
}