/*------interflow_allblog_new.html------*/
.blog{
	padding:5px;
	margin:5px auto;
	background:#f7f8f7;
	border:1px solid #a29c9c;	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.title:hover{text-decoration:underline;}
.blog_content{
	font-size:15px;
	margin:3px auto;
	padding:2px 10px;
	border-width:1px 0px 1px 0px;
	border-style:dashed;
	border-color:#aaa;
}

/*------interflow_browseblog.html  interflow_allblog_popular.html------*/
.title{ font-size:18px;	font-weight:bold;}
.reply{
	padding:5px 10px;
	margin:10px 0px;
	text-align:left;
	background:#d2f6ea;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.pic_td{
	width:100px;
	margin-right:5px;
	text-align:center;
}
.re_content{
	padding:2px 10px;
	width:650px;
	border-width:1px 0px 1px 0px;
	border-style:dashed;
	border-color:#aaa;
}
#reply_content{
	width:600px;
	height:60px;
	font-size:16px;
	background:#fff;
	border:1px solid #37829F;
	vertical-align:top;
}

/*------interflow_allalbum_new.html------*/
.album{
	float:left;
	margin:5px 10px;
	padding:5px;
	border:1px solid #fff;
	height:165px;
}
.album:hover{
	border:1px solid #9fc9fa;
	border-radius:5px;
	background:Transparent url() 50% 50% repeat-x;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#deecfe));
	background: -moz-linear-gradient(top, #ffffff, #deecfe);
	-pie-background: linear-gradient(#ffffff, #deecfe);
}
.albumpic{
	margin:auto;
	padding:2px;
	overflow:hidden;
	width:106px;
	border-radius:4px;
	border:1px solid #808080;
}
.albumpic div{
	border:1px double #808080;
	padding:2px;
	height:100px;
	cursor:pointer;
}
.albumpic img:hover{
	z-index:9999!important;
}
.albumarea{
	overflow:hidden;
	text-overflow:ellipsis;
	margin-top:5px;
	font-size:14px;
	text-align:center;
	width:122px;
}

/*------interflow_browsealbum.html------*/

.pic{
	display:inline-block;
	margin:7px;
	padding:2px;
	width:106px;
	height:100px;
	background:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	/*border:1px solid #808080;*/
}
.pic:hover{
	-moz-box-shadow:0px 0px 10px 0px #bbb;
	-webkit-box-shadow:0px 0px 10px 0px #bbb;
	box-shadow: #bbb 0px 0px 10px 0px;
}
.img{
	border:1px solid #808080;
	padding:2px;
	height:100px;
	cursor:pointer;
}
.rotatedown{
	border:1px solid Transparent;
	width:16px;
	height:16px;
	position:relative;
	top:-118px;
	left:100px;
	cursor:pointer;
	display:none;
}
.rotateup{
	border:1px solid Transparent;
	width:16px;
	height:16px;
	position:relative;
	top:-134px;
	left:-10px;
	cursor:pointer;
	display:none;
}
.del{
	border:1px solid Transparent;
	width:16px;
	height:16px;
	position:relative;
	left:100px;
	cursor:pointer;
}
.edit{
	border:1px solid Transparent;
	width:16px;
	height:16px;
	position:relative;
	top:-20px;
	left:10px;
	cursor:pointer;
	/*display:none;*/
}
.show_table  .edit{
	top:0px;
	left:0px;
}

.btnEdit{
	cursor:pointer;
}
/*.rotatedown:hover,.rotateup:hover,.del:hover,.edit:hover{
	border:1px solid #9fc9fa;
}*/

/*------interflow_browsepic.html------*/
#img{
	padding:5px;
	border:2px solid #808080;
	cursor:pointer;
	background:#fff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:6px 6px 10px -2px #5a5a5a;
	-moz-box-shadow:6px 6px 10px -2px #5a5a5a;
	box-shadow: #5a5a5a 6px 6px 10px -2px;
}

