#wBoxGroups{
	background: #fff url(../images/bg_group_gradient.gif) repeat-x top;
	border: 1px solid #D0D7D7;
	width: 950px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	}
	
    #wBoxGroups #holder920 {margin:0 auto; padding:0; width:920px;}
	#wBoxGroups #wBox{border-right:0;}
	#wBoxGroups .noBd{border-bottom: 0px;border-left: 0px;}
	#wBoxGroups h1{padding: 0 0 5px 0;}

/*report Group*/
#wBoxGroups #holder900{width:900px; margin:0 auto; padding: 0;}
#wBoxGroups #holder850{width:850px; margin:0 auto; padding: 0;}
	#wBoxGroups #holder850 .frameCont42{width:70px;}
	#wBoxGroups #holder850 #message{width:760px; margin-bottom:20px;}
	#wBoxGroups #holder850 #message .content{width:720px; padding: 2px 5px 0 5px;}
	#wBoxGroups #holder850 #message #inline {margin:5px 0 -5px 0;}
	#wBoxGroups #holder850 #message .dottedLine {margin:15px 0 0 0;}
	#wBoxGroups #holder850 .buttonHolder{float:right; padding:10px 10px 0 0;}

#col1Groups {float: left; width: 170px; padding: 0 0 0 15px; line-height: 15px;}
	#uploadCol input{background-color:#fff; margin:0 0 0 -2px;}
	.groupsSelection{width:170px;}
	#col1Groups .searchField{width:170px;}
	#col1Groups .subNav{margin-top:-5px; padding: 5px 0 0 0;}
	#col1Groups .ad120240{margin:0 auto 10px auto;}
	#col1Groups .dottedLine{height:20px;}
#col2Groups {float: right; width: 750px; padding: 0; margin: 0;}
	#col2Groups h1{padding-bottom:5px;}
	#col2Groups .tabs{padding: 0 5px 0 10px;}
	#col2Groups .wtabs{margin: 20px 0 0 0; border-right: 0px;}
	#col2Groups #inline h1{padding: 3px 0 0 8px;}
	
/*group landing page*/
#col2Groups #wBox .groupList{width:710px; margin: 0 auto;}
#col2Groups #wBox .groupList .info{width:580px; float:left;}		
#col2Groups #wBox .groupList .thumbnail{text-align:center; padding:0 3px 0 6px; vertical-align:top; width:80px; float:left;}
	#col2Groups #wBox .groupList .dottedLine{height:15px;}
#col2Groups #wBox .holder{width: 710px; margin:0 auto; padding: 10px 10px 0 10px;}

		
/*create group*/
#col2Groups .col{width:220px; padding:15px 15px 10px 0; float:left;}
#col2Groups .colRight{width:230px; padding:15px 0; float:left;}
#col2Groups .groupCategories li{width:150px;}
#col2Groups #formCont .content{width: 650px;}
#col2Groups .option{width: 150px; margin-right:10px; float:left;}
#col2Groups .divider{padding: 0 5px; width:10px; text-align:center; float:left;}
#col2Groups .inviteCol1{float:left; width: 335px; padding: 5px 5px 0 0;}
	#col2Groups .inviteCol1 .but100{width: 100px;}
#col2Groups .inviteCol1 h3, #col2Groups .inviteCol3 h3{line-height:16px;}
#col2Groups .inviteCol2, #col2Groups .inviteCol2Event{float:left; width: 30px; text-align:center; background: url(../images/bg_verdot.gif) repeat-y center;}
	#col2Groups .inviteCol2{height:210px; padding-top: 160px;}
	#col2Groups .inviteCol2Event{height:240px; padding-top: 180px;}
#col2Groups .inviteCol3{float:left; width: 335px; padding: 5px 0 0 0;}
	#col2Groups .inviteCol3 #formCont .content{width: 310px;}
	#col2Groups .inviteCol3 textarea{height:60px; width:300px;}

#col2Groups #friendList, #col2Groups #guestList{margin:0; padding:0 5px 5px 5px; overflow:auto; border: 1px solid #d0d7d7;}
	#col2Groups #friendList{width:325px; height:290px; background-color:#fff;}
	#col2Groups #friendList .memberList{border-collapse:collapse; width:95%;}
		#col2Groups #friendList .memberList td{padding:2px;}
		#col2Groups #friendList .memberList .check{width:15px;}
		#col2Groups #friendList .memberList .thumbnail{width:22px;}
#col2Groups #guestList{width:555px; height:250px; background-color:#f9fbfb;}
	#col2Groups #guestList .guestList{border-collapse:collapse; width:535px;}
		#col2Groups #guestList .guestList td{padding:1px;}
		#col2Groups #guestList .guestList .thumbnail{width:25px;}
		#col2Groups #guestList .guestList .name{width:240px;}
		#col2Groups #guestList .guestList .attendance{width:70px; text-align:center;}
#col2Groups .currentMember{border-collapse:collapse; width:570px; border: 0px solid #d0d7d7;}
	#col2Groups .currentMember .thumbnail{float:left; width:30px;}
	#col2Groups .currentMember .name{float:left; width:70px; padding-right:10px; font-size:11px;}			
	
#col2Groups .tblhead #inline input{margin-top: -2px;}

#findFriends{width:575px; margin: 10px auto;}
	#findFriends .content{width:545px; margin: 0 auto; padding:10px 0 10px 0;}
	#findFriends .col1{float:left; width:110px; margin: 0 10px; padding: 0 0 2px 0; text-align:right;}
	#findFriends .col2{float:left; width:405px; padding: 0 0 2px 0;}
	
	#findFriends #details1, #findFriends #details2, #findFriends #details3, #findFriends #details4, #findFriends #details5, #findFriends #details6, #findFriends #details7, #findFriends #details8, #findFriends #details9{position:absolute; visibility:hidden;padding:0 0 10px 10px; width:385px; left:170px; top: 330px; border: 0px solid #d0d7d7; background: url(../images/bg_verdot.gif) repeat-y left;}
		#findFriends ol{padding: 0 0 0 15px; margin:0 0 0 15px;}
	#findFriends #friendList{width:520px; height:300px; background-color:#fff; margin:0 auto 5px auto; overflow:auto; }
	#findFriends #friendList .webmailList{width:500px; border-collapse:collapse;}
		#findFriends #friendList .webmailList td{padding:1px;}
			#findFriends #friendList .webmailList .dottedLine{height:1px; margin:0;}
		#findFriends #friendList .selectAll{width:390px; height:23px;}
		#findFriends #friendList .check{width:10px;}
		#findFriends #friendList .name{width:200px;}
		#findFriends #friendList .email{width:280px;}
	#friendList .tblhead{text-align: left; font-weight: normal;}
ul .tabMenu{margin-top:-5px;}

/*upload or Edit Photo*/	
#col2Groups #upload{width:670px; margin: 5px auto;}

#col2Groups #uploadList{margin:0; padding:0 5px 5px 5px; overflow:auto; border: 1px solid #d0d7d7; width:660px; height:270px; background-color:#fff;}
#col2Groups .uploadList{width:640px; border-collapse:collapse;}
	#col2Groups .uploadList td{padding:1px;}
	#col2Groups .uploadList .caption textarea{width:350px;}
	#col2Groups .uploadList .uploader{width:100px; text-align:center;}
	#col2Groups .uploadList .delete{width:50px;}
#col2Groups .fileName{width:100px;}
	#col2Groups .fileName a{background-image:none;}
#col2Groups .fileSize{width:255px;text-align: left;}
#col2Groups .delete{width:80px;}

#col2Groups #formCont .uploadCol1{float:left; width:55px;}
#col2Groups #formCont .uploadCol2{float:left; width:550px; padding:0 10px 5px 0;}
#col2Groups #formCont .uploadCol2 textarea{width:550px;}
#col2Groups #formCont .uploadCol2 input{width:375px;}
	
/*group information*/
#col2Groups .pic{float:left; width: 130px; padding:0; margin:0 0 0 5px; border: 0px solid #bdc4c4;}
#col2Groups .picEvent{float:left; text-align:center; margin: 0 0 0 5px; width: 180px; border: 0px solid #bdc4c4;}
#col2Groups .info{float:left; width: 550px; margin:0 0 0 10px; }
	#col2Groups .info .col1{float:left; width: 60px; font-weight:bold; font-size:11px; margin: 0 10px 0 0; padding: 0;}
	#col2Groups .info .col2{float:left; width: 470px; padding: 0; margin:0;}
#col2Groups .infoEvent{float:right; width: 385px; margin:0 0 0 10px; padding: 0 5px 0 0; }
	#col2Groups .infoEvent .col1{float:left; width: 60px; font-weight:bold; font-size:11px; margin: 0 10px 0 0; padding: 0;}
	#col2Groups .infoEvent .col2{float:left; width: 310px; padding: 0; margin:0;}
#col2Groups .groupInfocol1{float:left; width: 200px; margin: 10px 0 0 8px; border: 0px solid #bdc4c4;}	
#col2Groups .groupInfocol2{float:right; width: 525px; margin: 10px 8px 0 0;}
	#col2Groups .groupInfocol2 .topicList{width: 510px;border-collapse:collapse;}
		#col2Groups .groupInfocol2 .topicList td{padding:1px;}
		#col2Groups .groupInfocol2 .topicList .thumbnail{width:28px;}
			#col2Groups .groupInfocol2 .topicList .thumbnail a:hover{background-image:none;}
		#col2Groups .groupInfocol2 .topicList .name{width:70px;}

#GroupInfoBox .frame42 .nobg:hover, #col2Groups .groupInfocol2 .topicList .nobg:hover{background-image:none;}
			
#navGroupInfo {margin:0; padding:0;}
#navGroupInfo .join, #navGroupInfo .message, #navGroupInfo .friends, #navGroupInfo .photos, #navGroupInfo .topic, #navGroupInfo .event, #navGroupInfo .leave, #navGroupInfo .edit, #navGroupInfo .editMembers, #navGroupInfo .reportError, #navGroupInfo .editAdmin, #navGroupInfo .cancel, #navGroupInfo .guests{
	height: 16px;
	display: block;
	padding: 0 0 0 25px; margin:0px 0 0 0; 
	}
	
#navGroupInfo .dottedLine{height:4px;}
#navGroupInfo .navDivider2{padding:0; margin:4px 0; height:1px; clear: both; background-color: #d8e0e0;}
#navGroupInfo .join{background: url(../images/icon_groups.gif) no-repeat 5px 0;}
#navGroupInfo .message{background: url(../images/bg_messages.gif) no-repeat 0 0;}
#navGroupInfo .friends{background: url(../images/bg_friends.gif) no-repeat -1px -1px;}
#navGroupInfo .photos{background: url(../images/bg_photos.gif) no-repeat 0 0;}
#navGroupInfo .topic{background: url(../images/icon_topic.gif) no-repeat 6px 1px;}
#navGroupInfo .event{background: url(../images/bg_events.gif) no-repeat 0 0;}
#navGroupInfo .leave{background: url(../images/bg_leave.gif) no-repeat 4px 0;}
#navGroupInfo .cancel{background: url(../images/icon_cancel.gif) no-repeat 7px 3px;}
#navGroupInfo .guests{background: url(../images/icon_guests.gif) no-repeat 7px 3px;}
#navGroupInfo .edit{background: url(../images/icon_edit2.gif) no-repeat 5px 0;}
#navGroupInfo .editMembers{background: url(../images/icon_editmembers.gif) no-repeat 5px 0;}
#navGroupInfo .reportError{background: url(../images/icon_report4.gif) no-repeat 5px 1px;}
#navGroupInfo .editAdmin{background: url(../images/icon_editadmin.gif) no-repeat 5px 0;}
#square .dottedLine{margin:3px 0 -1px 0;}

#GroupInfoBox{border: 1px solid #dfe2e2; background-color:#fff; padding-bottom:10px;}
	#GroupInfoBox .content{padding:0 5px;}
	#GroupInfoBox .dottedLine {height:10px; background: url(../images/bg_hordot.gif) repeat-x 0 7px; margin: 0; padding:0;}
	#GroupInfoBox .col2Event {float:left; width: 125px; padding:0 0 0 3px; margin:0;}
.groupInfocol2 .photos{width:505px; margin:5px auto 0 auto;}
.groupInfocol2 .friends{width:510px; margin: 5px auto 0 auto;}
.groupInfocol2 .friends .frameCont42{width: 67px;}
	.groupInfocol2 .friends b{color:#000;}
.groupInfocol2 .viewAll{margin: 5px 5px 0 0;}

/*Discussion Board*/
#col2Groups .shdTop{text-align:left; padding-bottom:5px;}
#col2Groups .filterCol1{float:left; font-size:11px; padding-left:20px;}
#col2Groups .filterCol2{float:left; font-size:11px; padding-left:5px;}
#col2Groups .filterCol3{float:left; font-size:11px; padding-left:5px;}
#col2Groups .verLine{height:40px; margin: 0 10px; float:left;}
#col2Groups .frameCont42{margin-right:5px; color:#babcbd;}
#col2Groups #message{width:620px; margin-bottom:15px; #margin-bottom:10px; border: 0px solid #d8d8d8;}
#col2Groups #message .content{width:585px; padding: 2px 5px 0 5px;}
	#col2Groups #message #inline {margin:2px 0 -5px 0;}
	#col2Groups #message .dottedLine {margin:10px 0 0 0;}
#col2Groups .topicList{border-collapse:collapse; width:100%;}
	#col2Groups .topicList .thumbnail{width:26px; padding:5px 0;}
		#col2Groups .topicList .thumbnail a:hover{background-image:none; padding:0;}
	#col2Groups .topicList .name{width:170px; padding:5px 0 5px 5px;} 
 	#col2Groups .topicList .title{padding:0 10px}
#col2Groups .pagination2{padding:5px 20px 10px 0;}
#col2Groups .warningHolder{width:540px; margin:10px auto;}
	
/*Group photos*/
#col2Groups #photoListingCol, #col2Groups #photoListingColRight{float:left; width: 134px; padding-bottom:10px; text-align:center; border: 0px solid #d8d8d8;}
	#col2Groups #photoListingCol{margin-right:8px;}
	#col2Groups #photoListingColRight{margin-right:0;}

/* Group members*/
#col2Groups #memberListingCol, #col2Groups #memberListingColRight{float:left; width: 118px; padding-bottom:15px;}
	#col2Groups #memberListingCol{margin-right:20px;}
	 	#col2Groups #memberListingCol .font10, #col2Groups #memberListingColRight .font10{line-height:13px;}
	#col2Groups #memberListingColRight{margin-right:0;}
#col2Groups .editMember{border-collapse:collapse; width:670px; margin:auto;}
	#col2Groups .editMember .thumbnail{width:30px;}	
	#col2Groups .editMember .name{width:330px; padding-right:10px;}	
	#col2Groups .editMember .action{width:120px; text-align:right;}	
	#col2Groups .editMember .dottedLine{height:8px;}	
	#col2Groups #alert .msg .col1{margin:0 10px; float:left;}
	#col2Groups #alert .msg .col2{width:300px; float:left;}
#col2Groups #holder565{width: 565px; margin:0 auto; padding: 10px 10px 0 10px; border: 0px solid #222;}
#col2Groups #holder565 .composeCol1{float:left; width:60px; padding-right:10px; font-weight:bold; border:0px solid #111;}
#col2Groups #holder565 .composeCol2{float:left; width:445px;}
	
/*Group events*/
#col2Groups #eventList{width:670px; margin: 0 auto; padding-top:10px;}
#col2Groups #eventList .info{width:530px; float:left; border: 0px solid #333;}		
#col2Groups #eventList .thumbnail{text-align:center; padding:0 3px 0 6px; vertical-align:top; width:110px; float:left;}
	#col2Groups #eventList .dottedLine{height:15px;}
#col2Groups .actionbutton{text-align:right; padding:10px 15px 0 15px; clear:both;}
		
/*Join Group*/
#col2Groups .joinGroupCol1, #col2Groups .joinGroupCol2{float:left; padding-left: 10px; vertical-align:top;}
#col2Groups .joinGroupCol1{text-align:center; width:70px;}
#col2Groups .joinGroupCol2{width:470px;}

/*create group event*/
#col2Groups .eventDateCol1{width:70px;}
#col2Groups .contactCol{ float: left; text-align:center; margin: 0 5px; font-size:11px;}
#col2Groups .eventSettings{ float: left; width:620px;}
#col2Groups .addressCol1{width:50px; float:left;}
#col2Groups .addressCol2{float:left;}

/*Report Group*/
#wBoxGroups .reportGroupIntro{width:650px; padding: 10px 0 25px 0; margin: 0 auto;}
	#wBoxGroups .reportGroupIntro .reportImg{float: left; padding: 0 20px 20px 0;}
#wBoxGroups #reportGroupCol1{float:left; width:320px; margin: 0 5px 0 0;}
#wBoxGroups #reportGroupCol2{float:left; width:520px;}
	#wBoxGroups #reportGroupCol2 textarea{width:480px;}
	
	
/*leave group*/
#col2Groups .info #alert{
	width:95%;
	margin: 0 auto 20px auto;
}
#col2Groups #selectAdminList{margin:10px 0; padding:0 5px 5px 5px; overflow:auto; border: 1px solid #d0d7d7;}
	#col2Groups #selectAdminList{width:400px; height:250px; background-color:#fff;}
	#col2Groups #selectAdminList .memberList{border-collapse:collapse; width:95%;}
		#col2Groups #selectAdminList .memberList td{padding:2px;}
		#col2Groups #selectAdminList .memberList .thumbnail{width:22px; padding:3px;}

/*forward newsletter*/
#forwardnewsletter{width:575px; margin: 10px auto;}
	#forwardnewsletter .content{width:545px; margin: 0 auto; padding:10px 0 10px 0;}
	#forwardnewsletter .col1{float:left; width:135px; margin: 0 0 0 30px; padding: 0 0 2px 0; text-align:right;}
	#forwardnewsletter .col2{float:left; width:335px; padding: 0 0 2px 0;}	
		#forwardnewsletter .addmore{float: right; text-align:right;}
			#forwardnewsletter .addmore a{margin-right: 100px;}
			#forwardnewsletter .col2 .button{float: right; margin-right: 50px;}
		
/*font10*/

#col2Groups #wBox .members a, #col2Groups #wBox .action a, 
#col2Groups #message .content .reply, #col2Groups .editMember .action {font-size: 11px; line-height: 15px;}


#col2Groups #wBox .groupList .font10, #col2Groups .topicList .name{font-size: 11px; line-height: 13px;}


.height180{height:180px;}
.height770{height:770px;}