/**
*	INDY GROUP PAGE, WHERE INDYS CAN INVITE FRIENDS OR GRAB A LINK TO SHARE
*/
	#indyGroupActivityColumn, #indyGroupGroupColumn{
		float:left;
		padding:10px 20px;
	}
	#indyGroupGroupColumn{
		width:30%;
		background:#f1f1f1;
	}
	#indyGroupActivityColumn{
		width:50%;
	}
	p.columnLabel {
		font-size:11px;
		margin-bottom:10px;
		color:#999;
		font-weight:bold;
	}

/**
*	 activity, etc (left column)
*/
	.leagueName {
		line-height:22px;
	}
	.leagueName, .divisionName, .locations, .startDate, .cost {
		margin-bottom:6px;
	} 
	.divisionName {
		font-size:14px;
		color:#555;
	}
	.startDate {
		font-style:italic;
	}

/**
*	ways to invite
*/
	#waysToInvite{
		margin-top: 20px;
		border-top:1px dotted #ddd;
		padding-top:20px;
	}
	.wayToInvite, .or{
		margin-top:10px;
	}
	#inviteEmail{
		width:210px;
	}
	.or{
		font-weight:bold;
		font-size: 14px;
		color:#777;
	}
	#groupInviteLink{
		width: 300px;
	}
	.wayToInvite .error{
		font-size:10px;
		color:#d00;
	}
	
/**
*	sign up 
*/	
	#signUpLinks {
		position:relative;
		margin-top:20px;
	}
	#orLearnMore {
		position:absolute;
		left:180px;
		top:6px;
	}
	.inviteStatusNote{
		width: 300px;
		font-size:13px;
		padding: 8px 12px;
		border:1px dashed #ccc;
		background:#f3f3f3;
		margin-top: 20px;
	}
/**
*	Group  (right column)
*/

	/**	inline editing of the group name	*/
	h3.groupName input{
		width:200px;
	}
	h3.groupName div.links{
		width: 200px;
		text-align:right;
		margin-bottom: 8px;
	}
	h3.groupName div.links a{
		font-size:10px;
		font-weight:normal;
	}
	h3.groupName a.cancel{
		color:#777;
		margin-left: 12px;
	}
	h3.groupName .clickToEdit{
		color:#777;
		font-size:10px;
		font-weight:normal;
	}
	p.groupExplanation{
		margin:10px 0;
	}

/**
*	who has already joined
*/
	#otherGroupMembers{
		margin: 20px 0 20px 0;
	}
	#otherGroupMembers h4{
		margin-bottom:20px;
	}

	#otherGroupMembers li{
		margin-bottom:20px;
		font-size:14px;
	}