#wBoxEvents{
	background: #fff url(../images/bg_group_gradient.gif) repeat-x top;
	border: 1px solid #bdc4c4;
	width: 950px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	}
#col1Events {float: left; width: 170px; padding: 0 0 0 15px; line-height: 18px; border: 0px solid #111;}
    .dateSelection{width:60px;}
	.monthSelection{width:85px;}
	#col1Events .checkboxInline input {margin: 0 0 0 -2px;}
	#col1Events .checkboxInline label{clear: right; float: left; margin: 0 0 0 5px; #margin: 0;}

	#col1Events .ad180150{margin-left:-5px; }
#col2Events {float: right; width: 750px; padding: 0; margin: 0;}
	#col2Events h1{padding-bottom:5px;}
	#col2Events .tabs{padding: 0 5px 0 10px;}
	#col2Events .wtabs{margin: 20px 0 0 0; border-right: 0px;}
	#col2Events #inline h1{padding: 3px 0 0 8px;}
	
/*category list event search form*/
div#category-list ul {margin: 0; padding: 0;}
div#category-list li {margin: 0; padding: 0; clear: both;}
div#category-list .padT5 {padding: 0;}

/*events landing page*/
#col2Events #wBox .eventList{width:710px; margin: 0 auto;}
#col2Events #wBox .eventList .info{width:570px; float:left;}		
#col2Events #wBox .eventList .thumbnail{text-align:center; padding:0 3px 0 6px; vertical-align:top; width:110px; float:left;}
	#col2Events #wBox .eventList .dottedLine{height:15px;}
#col2Events #wBox .holder{width: 710px; margin:0 auto; padding: 10px 10px 0 10px;}

#col2Events #memberListingCol, #col2Events #memberListingColRight{float:left; width: 118px; padding-bottom:15px;}
	#col2Events #memberListingCol{margin-right:20px;}	
	 	#col2Events #memberListingCol .font10, #col2Events #memberListingColRight .font10{line-height:12px;}		
	#col2Events #memberListingColRight{margin-right:0;}
	
#col2Events #photoListingCol, #col2Events #photoListingColRight{float:left; width: 134px; padding-bottom:10px; text-align:center;font-size:11px; line-height:13px;}
	#col2Events #photoListingCol{margin-right:8px; text-align:left;}
	#col2Events #photoListingColRight{margin-right:0; text-align:left;}

/*upload or Edit Photo*/	
#col2Events #upload{width:670px; margin: 5px auto;}

#col2Events #uploadList{margin:0; padding:0 5px 5px 5px; overflow:auto; border: 1px solid #d0d7d7; width:660px; height:270px; background-color:#fff;}
#col2Events .uploadList{width:640px; border-collapse:collapse;}
#col2Events .uploadList td{padding:1px;}
#col2Events .uploadList .caption textarea{width:350px;}
#col2Events .fileName{width:100px;}
	#col2Groups .fileName a{background-image:none;}
#col2Events .delete{width:80px;}

#col2Events #formCont .uploadCol1{float:left; width:55px;}
#col2Events #formCont .uploadCol2{float:left; width:390px; padding:0 10px 5px 0;}
#col2Events #formCont .uploadCol2 textarea{width:550px;}
#col2Events #formCont .uploadCol2 input{width:375px;}
#col2Events .photo{width:414px; margin: 0 auto 10px auto;}

/*create event
#col2Events .holder li{padding:0; margin:0 0 -3px 0;}*/
#col2Events .holder h3{line-height:14px; padding:5px 0 5px 0;}

#col2Events #formCont .content{width: 650px; border:0px solid #111;}
	#col2Events #formCont .content .description{width: 642px;}
	#col2Events #formCont .eventCategories ul li{width: 150px;}
	#col2Events #formCont #help, #col2Events #formCont #help2{width:300px; left:110px; top: 10px;}
#col2Events .eventDateCol1{width:70px;}
#col2Events .addressCol1{width:80px; float:left;}
#col2Events .addressCol2{float:left;}
	#col2Events .addressCol2 #map_canvas_wrapper{text-align:left;}
	#col2Events .addressCol2 #map_canvas {margin:0; overflow: hidden; border: 2px solid #C2D1E0; height:300px;}
		#col2Events .addressCol2 #map_canvas a{margin-top:5px;}
	#col2Events #map_canvas_wrapper {text-align:right;}
	#col2Events #larger_map{float: right; text-align:right;}
		#col2Events .modalBoxTop {width:825px; height:5px;}
		#col2Events .modalBox { width:auto; height:auto; margin-left: -400px; margin-top: -200px;}
		#col2Events .modalBoxBottom {width:825px; height:5px;}
			
#col2Events .contactCol{ float: left; text-align:center; margin: 0 5px; font-size:11px;}
#col2Events .inviteCol1{float:left; width: 335px; padding: 5px 5px 0 0;}
#col2Events .inviteCol1 .font10{line-height:12px;}
#col2Events .inviteCol1 h3, #col2Events .inviteCol3 h3{line-height:16px;}
#col2Events .inviteCol2, #col2Events .inviteCol2Event, #col2Events .inviteCol2Eventb{float:left; width: 30px; text-align:center; background: url(../images/bg_verdot.gif) repeat-y center;}
	#col2Events .inviteCol2{height:210px; padding-top: 160px;}
	#col2Events .inviteCol2Event{height:200px; padding-top: 180px;}
	#col2Events .inviteCol2Eventb{height:280px; padding-top: 260px;}/*invite group members*/
#col2Events .inviteCol3{float:left; width: 335px; padding: 5px 0 0 0;}
	#col2Events .inviteCol3 #formCont .content{width: 310px;}
	#col2Events .inviteCol3 textarea{height:60px; width:300px;}
#col2Events #friendList, #col2Events #friendList2, #col2Events #guestList{margin:0; padding:0 5px 5px 5px; overflow:auto; border: 1px solid #d0d7d7;}
	#col2Events #friendList{height:290px; width:325px; background-color:#fff;}
	#col2Events #friendList2{height:200px; width:325px; background-color:#fff;}/*invite group members*/
	
	#col2Events #friendList .memberList, #col2Events #friendList2 .memberList{border-collapse:collapse; width:94%;}
		#col2Events #friendList .memberList td, #col2Events #friendList .memberList td{padding:2px;}
		#col2Events #friendList .memberList .check, #col2Events #friendList .memberList .check{width:15px;}
		#col2Events #friendList .memberList .thumbnail, #col2Events #friendList .memberList .thumbnail{width:22px;}
#col2Events #guestList{width:695px;height:250px; background-color:#f9fbfb;}
	 #col2Events #guestList .guestList{border-collapse:collapse; width:675px;}
		#col2Events #guestList .guestList td, #col2Events #guestList2 .guestList2 td{padding:1px;}
		#col2Events #guestList .guestList .thumbnail, #col2Events #guestList2 .guestList2 .thumbnail{width:30px;}
		#col2Events #guestList .guestList .name, #col2Events #guestList2 .guestList2 .name{width:425px;border:0px solid #111;}
		#col2Events #guestList .guestList .attendance, #col2Events #guestList2 .guestList2 .attendance{width:90px; text-align:center;}
		#col2Events #guestList .guestList .attendance a, #col2Events #guestList2 .guestList2 .attendance a{background-image:none;}
		
#col2Events #guestList2{width:100%;}
#col2Events #guestList2 .guestList2{border-collapse:collapse; width:100%;}
#col2Events #titleheader h3{padding-bottom:2px;}

#sliderHeader{width: 490px;}
	
#col2Events #holder565{width: 565px; margin:0 auto; padding: 10px 10px 0 10px; border: 0px solid #222;}
#col2Events #holder565 .composeCol1{float:left; width:60px; padding-right:10px; font-weight:bold;}
#col2Events #holder565 .composeCol2{float:left; width:445px;}

/*event information*/
#col2Events .pic{float:left; width: 130px; padding:0; margin:0 0 0 5px;}
#col2Events .picEvent{float:left; text-align:center; margin: 0 5px 0 15px; width: 160px;}
#col2Events .info{float:left; width: 430px; margin:0 0 0 15px;}
	#col2Events .info .col1{float:left; width: 60px; font-weight:bold; font-size:11px; margin: 0 10px 0 0; padding: 0;}
	#col2Events .info .col2{float:left; width: 350px; padding: 0; margin:0;}
#col2Events .infoEvent{float:left; width: 540px; margin:0 0 0 15px; padding: 0 5px 0 0;}
	#col2Events .infoEvent .col1{float:left; width: 60px; font-weight:bold; margin: 0 10px 0 0; padding: 0;}
	#col2Events .infoEvent .col2{float:left; width: 440px; padding: 0; margin:0;}

#col2Events .eventInfocol1{float:left; width: 200px; margin: 10px 0 0 8px; border: 0px solid #111;}	
#col2Events .eventInfocol2{float:right; width: 525px; margin: 10px 8px 0 0;}
	#col2Events .eventInfocol2 .topicList{width: 510px;border-collapse:collapse;}
		#col2Events .eventInfocol2 .topicList td{padding:1px;}
		#col2Events .eventInfocol2 .topicList .thumbnail{width:28px;}
			#col2Groups .eventInfocol2 .topicList .thumbnail a:hover{background-image:none;}
		#col2Groups .eventInfocol2 .topicList .name{width:70px;}
		
#col2Events #post{width:675px;}
#col2Events #comment{width:620px;}
#col2Events #comment .dottedLine{height:3px;}
#col2Events #comment .content{width:590px;}
#col2Events #post textarea{width:630px; height:150px;}
.timeStamp{font-size:11px; float:right; color:#818181;}
#eventInfoBox .frame42 .nobg:hover{background-image:none;}
			
#navEventInfo {margin:0; padding:0;}
#navEventInfo .comment, #navEventInfo .message, #navEventInfo .friends, #navEventInfo .photos, #navEventInfo .edit, #navEventInfo .editMembers, #navEventInfo .editAdmin, #navEventInfo .cancel, #navEventInfo .guests{
	height: 16px;
	display: block;
	padding: 0px 0 0 25px; margin:0px 0 0 0; 
	}

#navEventInfo .dottedLine{height:4px;}
#navEventInfo .navDivider2{padding:0; margin:4px 0; height:1px; clear: both; background-color: #d8e0e0;}
#navEventInfo .message{background: url(../images/bg_messages.gif) no-repeat 0 0;}
#navEventInfo .friends{background: url(../images/bg_friends.gif) no-repeat -1px 0;}
#navEventInfo .photos{background: url(../images/bg_photos.gif) no-repeat 0 0;}
#navEventInfo .comment{background: url(../images/icon_comment.gif) no-repeat 5px 1px;}
#navEventInfo .cancel{background: url(../images/icon_cancel.gif) no-repeat 7px 3px;}
#navEventInfo .guests{background: url(../images/icon_guests.gif) no-repeat 7px 3px;}
#navEventInfo .edit{background: url(../images/icon_edit2.gif) no-repeat 6px 0;}
#navEventInfo .editMembers{background: url(../images/icon_editmembers.gif) no-repeat 5px 0;}
#navEventInfo .editAdmin{background: url(../images/icon_editadmin.gif) no-repeat 5px 0;}
#square .dottedLine{margin:3px 0 -1px 0;}

#eventInfoBox{border: 1px solid #dfe2e2; background-color:#fff; padding-bottom:10px;}
	#eventInfoBox .content{padding:0 5px;}
	#eventInfoBox .dottedLine {height:10px; background: url(../images/bg_hordot.gif) repeat-x 0 7px; margin: 0; padding:0;}
	#eventInfoBox .col2Event {float:left; width: 118px; padding:0 0 0 3px; margin:0;}
.eventInfocol2 .photos{width:505px; margin:5px auto 0 auto;}
.eventInfocol2 .friends{width:510px; margin: 5px auto 0 auto;}
.eventInfocol2 .friends .frameCont42{width: 70px;}

	.eventInfocol2 .friends b{color:#000;}
.eventInfocol2 .viewAll{margin: 5px 5px 0 0;}

/*Guest*/
#col2Events #wBox .holder .composeCol1{float:left; width:60px; padding:0 10px; font-weight:bold;}
#col2Events #wBox .holder .composeCol2{float:left; width:445px; border:0px solid #111;}

/*Discussion Board*/
#col2Groups .shdTop{text-align:left; padding-bottom:5px;}
#col2Groups .filterCol1{float:left; width: 110px; font-size:11px; padding-left:20px;}
#col2Groups .filterCol2{float:left; width: 100px; font-size:11px; padding-left:5px;}
#col2Groups .filterCol3{float:left; width: 170px; 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:470px; margin-bottom:15px; #margin-bottom:10px;}
#col2Groups #message .content{width: 440px; 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;}
	
/*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;border: 0px solid #d8d8d8;}

/*font10*/
#col2Groups .groupInfocol1, #col2Groups .groupInfocol1 a, 
#col2Groups .groupInfocol2, #col2Groups .groupInfocol2 a, 
#col2Groups #wBox .members a, #col2Groups #wBox .action a, 
#col2Groups #message .content .reply
{font-size: 11px; line-height: 15px;}

#col2Groups #wBox .groupList .font10, #col2Groups .topicList .name,
#col2Events #guestList .guestList .attendance, #col2Events #guestList2 .guestList2 .attendance
{font-size: 11px; line-height: 14px;}

.height180{height:180px;}
.height480{height:480px;}

/*drop down check list UI*/
.ui-dropdownchecklist .ui-widget-content
, .ui-dropdownchecklist .ui-widget-header {
	border: none;	
}
.ui-dropdownchecklist-dropcontainer-wrapper{border:1px solid #dae0e4; width:152px;}
.ui-dropdownchecklist-indent {
	padding-left: 7px;
}
/* Font size of 0 on the -selector and an explicit medium on -text required to eliminate 
   descender problems within the containers and still have a valid size for the text */
.ui-dropdownchecklist-selector-wrapper
, .ui-widget.ui-dropdownchecklist-selector-wrapper {
	vertical-align: middle;
	font-size: 0px;
}
.ui-dropdownchecklist-selector {
	padding: 2px;
	font-size: 0px;
	border: 1px solid #ced6d6; 
}
.ui-dropdownchecklist-text {
	font-size: 12px;
	padding-left: 5px;
}
.ui-dropdownchecklist-item
, .ui-dropdownchecklist-item input {
    vertical-align: middle;
	padding:2px 2px 2px 5px;
}
.ui-dropdownchecklist-group {
	padding: 1px 2px 2px 2px;
}


