/* CSS Document */

.groups_as_rows{
	border-bottom:double 3px #b6e9ff;
	background-color:#f4f4f4;
	margin:1% 0;
	padding:1%;
}
.groups_as_rows #image{
	float:left;
}



.groups_as_rows #image img{
	width:100%;
	max-width:100px;
}

	@media (max-width: 500px) {
		.groups_as_rows #image{
			width:25%;
		}
	}

.groups_as_rows #details{
	float:left;
	width:73%;
	padding:0 1%;
}

.groups_as_names{
	margin:1% 1% 1% 0;
	padding:1%;
	background-color:#f4f4f4;
	float:left;
}

.groups_as_blocks{
	background-color:#f4f4f4;
	margin:1%;
	padding:1%;
	float:left;
	overflow:hidden;
	width:29.333333%;
	position:relative;
}
	@media (max-width: 500px) {
		.groups_as_blocks{
			width:45%;
		}
	}

.groups_as_blocks #image{
	width:100%;
	text-align:center;
	overflow:hidden;
	
}

.groups_as_blocks #image img{
	max-width:100%;
	width:100%;
}

.groups_as_blocks #details{
	width:100%;
	padding:10px;
	text-overflow: ellipsis;

  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}


.groups_as_blocks_quote{
position:absolute;
background-color:#9C6;
padding:10px;
}
/*-------------------- PAGES IN CATEGORY AS BLOG ------------------------------*/
.groups_as_blog{
	margin:1% 0;
	padding:1%;	
	border-bottom:double 3px #b6e9ff;
	background-color:#f4f4f4;
}

.groups_as_blog_name{
	font-size:1.4em;
	display:block;
  	vertical-align: middle;
  	height:50px;
	text-overflow: ellipsis;
  	/* Required for text-overflow to do anything */
 	white-space: nowrap;
 	overflow:visible;
}

.groups_as_blog_name img{
	height:100%;
  	vertical-align: middle;
}
.groups_as_blog_name span{
	display: inline-block;
  	vertical-align: middle;
}


.groups_as_blog_text{
	padding:1% 0;	
}
.groups_as_blog_more a{
		background:#333;
		color:#FFF;
		padding:1%;
		margin:1% 0;
		display:inline-block;
}


/*-------------------- PAGES IN CATEGORY AS BLOG END ------------------------------*/

/*-------------------- PAGES IN CATEGORY AS POST END ------------------------------*/

.groups_as_post{
	margin:1% 0;
	padding:1%;	
	border-bottom:double 3px #b6e9ff;
	background-color:#f4f4f4;
}

.groups_as_post_name{
	font-size:1.4em;
	display:block;
  	vertical-align: middle;
  	height:50px;
	text-overflow: ellipsis;
  	/* Required for text-overflow to do anything */
 	white-space: nowrap;
 	overflow:visible;
}

.groups_as_post_name img{
	height:100%;
  	vertical-align: middle;
}
.groups_as_post_name span{
	display: inline-block;
  	vertical-align: middle;
}


.groups_as_post_text{
	padding:1% 0;	
}
.groups_as_post_more a{
		background:#333;
		color:#FFF;
		padding:1%;
		margin:1% 0;
		display:inline-block;
}

/*-------------------- PAGES IN CATEGORY AS POST END ------------------------------*/