/*  GROUP_VIEW CSS  */


#groupSumDescription{
	float: left;
	width: 370px;
	}
	#groupSumDescription h2{
		background: url(../img/icon-classroom.gif) no-repeat;
		padding-left: 24px;
		background-position: left;
		}
	#groupSumDescription #gettingStarted{
		border: 2px solid #DFE8EC;
		background-color: #F7FAFB; color: inherit;
		margin: 20px 10px;
		padding: 16px 20px;
		line-height: 1.5em;
		}
	#editAbout{
		margin-bottom: 20px;
		margin-top: 18px;
		}	
	.editInPlace{
		cursor:pointer;
		border-bottom:1px dashed #ddd;
		background-image:url(../img/icon-edit.gif);
		background-repeat: no-repeat;
		background-position: right center;
		}
	.editInPlace:hover{
		background-color:#FFFFCC; color: inherit;
		border-bottom:1px dashed #FFCCCC;
		padding-left:2em;
		background-position: left center;
		/*cursor:pointer;*/
		}
	/* Updated Content */	
	.bgHeader{
		background: #FF6600;
		padding: 4px;
		color: #fff;
		width: 100px; /* temp */
		}	
	.groupPostedBy{
		color: #666666; background-color: inherit;
		}
		
	
#groupProfileUtility{
	float: right;
	width: 180px;
	margin-top:30px;	
	}
	/* Group Info */
	#groupProfileUtility #groupProfileInfo{
		float: left;
		width: 170px;
		background-color: #F7FAFB; color: inherit;
		border: 1px solid #DFE8EC;
		padding: 8px 12px;
		margin-bottom: 20px;
		}
		#groupProfileUtility #groupProfileInfo p{
			line-height: 1.5em;
			}
		#groupProfileUtility #groupProfileInfo h4{
			float: left;
			}
	/* Function Buttons */
	#groupProfileUtility #functionButtons li a{
		background-repeat: no-repeat;
		background-position: 15px;
		}
	#groupProfileUtility #functionButtons li a:hover{
		background-color: #ECECFF;
		color:#6D7294;
		}
		#functionButtons .inviteFriendButton a{
			background: url(../img/icon-send-message.gif);
			}
		#functionButtons .leaveGroupButton a{
			background: url(../img/icon-delete.gif);
			}
		#functionButtons .editGroupButton a{
			background: url(../img/icon-edit.gif);
			}
		#functionButtons .joinGroupButton a{
			background: url(../img/icon-group-add.gif);
			}
	
/* Member Thumbnail */
#groupSumMember{
	float: left;
	width: 350px;
	margin-top: 20px;
	margin-bottom: 35px;
	}