/* USER GROUPS */

/***** These classes are included again as the usergroups page works slightly differently to the Journeys (journeyTables.css) ******/

i
{
	display:none;
}

.info-master-container
{
	border-top:1px solid #BCDCE7;
	border-left:1px solid #BCDCE7;
	border-right:1px solid #BCDCE7;
	width:880px;
	margin-bottom:25px;
	margin-top:10px;
}


.odd
{
  background-color: #FFFFFF;
}

.even
{
  background-color: #F0F8F8;
}

.highlight
{
  background-color: #E0F2F4;
}



/*****************************************************************/



#usergroup-options
{
	height:30px;
	line-height:30px;
	padding:0px;
	position:relative;
}

#usergroup-options h4
{
	color:#327C2C;
	font-size:1.4em;
	padding-top:5px;
}

#usergroup-options ul
{
	position:absolute;
	top:0px;
	right:0px;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#usergroup-options ul li
{
	float:left;
	padding-left:5px;
}

#usergroup-options ul li i
{
	display:none;
}

#usergroup-options ul li.createGroup
{
	padding:0px;
	margin:0px;
}

#usergroup-options ul li.createGroup a
{
	width:135px;
	height:30px;
	display:block;
	background: url("../images/creategroupbtn.gif") no-repeat 0% 0%;
}

#usergroup-options ul li.createGroup a:hover
{
	background: url("../images/creategroupbtn.gif") no-repeat 0% 100%;
}


.user-groups-details, .user-groups-details-tablehead, .user-groups-lame-details
{
	padding:0px;
	margin:0px;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size:12px;
	width: 880px;
}

.user-groups-details-tablehead tr
{
	line-height:20px;
}

.user-groups-details-tablehead tr th
{
	background:#00ADEF url("../images/usergrouphdrbg.gif") repeat-x 0 0;
	border-bottom:1px solid #BCDCE7;
	color:#FFF;
	height:20px;
	padding:5px;
	text-align:left;
}

.user-groups-details-tablehead tr th.role, .user-groups-details-tablehead tr th.type, .user-groups-details-tablehead tr th.details
{
	background:#00ADEF url("../images/usergroup_th_bg.gif") no-repeat 0px 1px;
	padding-left:10px;
}


.user-groups-details tr, .user-groups-lame-details tr 
{
	line-height:30px;

}

.user-groups-details tr th, .user-groups-lame-details tr th
{
	border-bottom:1px solid #BCDCE7;
	color:#333333;
	font-weight:bold;
	height:30px;
	padding:5px;
	text-align:left;
}

.user-groups-details tr th.journeyname, .user-groups-lame-details tr th.journeyname
{
	color:#333333;
	font-size:18px;
	font-weight:bold;
}

.user-groups-details tr th.role, .user-groups-details tr th.type, .user-groups-details tr th.details
{
	padding-left:10px;
}

.user-groups-details tr th.details a
{
	color:#00759B;
	font-weight:bold;
	text-decoration:none;
}


.user-groups-details tr th span
{
	font-weight:normal;
	color:#646464;
	font-size:11px;
	font-style:italic;
}

.user-groups-details a.hide_link
{
	background:transparent url("../images/hideicon.gif") no-repeat scroll 0px;
	color:#00759B;
	font-weight:bold;
	margin-left:3px;
	padding-bottom:5px;
	padding-left:22px;
	text-decoration:none;
	width:35px;
}

.user-groups-details a.hide_link:hover
{
	text-decoration:underline;
}

.user-groups-details a.show_link
{
	background:transparent url("../images/showicon.gif") no-repeat scroll 0px;
	color:#00759B;
	font-weight:bold;
	margin-left:3px;
	padding-bottom:5px;
	padding-left:22px;
	text-decoration:none;
	width:35px;
}

.user-groups-details a.show_link:hover
{
	text-decoration:underline;
}



/************* Supplemental Information *****************/

.supplemental-info
{
	position:relative;
	width:880px;
	background-color:#F4F9F0;
	border-bottom:1px solid #BCDCE7;
	background:#F4F9F0 url("../images/supplementalinfo_bg.gif") repeat-y;
	overflow:hidden;
	display:none;


}

.supplemental-info img.supp-top
{
	display:block;
	margin:0px;
	padding:0px;
}

.members-carpools-activity
{
	float:left;
	width:661px;
	display:inline;
}


.details-box
{
	border-right:1px solid #AED5E4;
	display:inline;
	float:left;
	margin-top:7px;
	min-height:265px;
	padding:8px;
	width:202px;
}


.options-container
{
	background-color:#E0F2F4;
	display:inline;
	float:left;
	margin-top:7px;
	padding:0px 0px 0px 10px;
	width:175px;
}

.options-container h1
{
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	color:#276C36;
	font-size:15px;
	margin-bottom:10px;
}


.options-container ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	width:175px;
}

.options-container ul li
{
	height:40px;
	line-height:40px;
	text-align:left;
	width:170px;
}

.options-container ul li a
{
	color:#00769B;
	display:block;
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:34px;
	text-decoration:none;
}

.options-container ul li a.viewgroup
{
	background:transparent url("../images/group_preview_view.gif") no-repeat 3px 7px;
}

.options-container ul li a.editgroup
{
	background:transparent url("../images/group_preview_edit.gif") no-repeat 3px 7px;
}

.options-container ul li a.sendmessage
{
	background:transparent url("../images/journeyopts_messages.gif") no-repeat 3px 7px;
}

.options-container ul li a.groupadmin
{
	background:transparent url("../images/journeyopts_admin.gif") no-repeat 3px 7px;
}

.options-container ul li a.groupjoin
{
	background:transparent url("../images/group_preview_join.gif") no-repeat 3px 7px;
}



.options-container ul li.viewgroup-inactive
{
	background:transparent url("../images/journeyopts_maps.gif") no-repeat 3px 7px;
	color: #9AC7CD;
	font-weight: bold;
	padding-left: 34px;	
}

.options-container ul li.editgroup-inactive
{
	background:transparent url("../images/group_preview_edit.gif") no-repeat 3px 7px;
	color: #9AC7CD;
	font-weight: bold;
	padding-left: 34px;	
}

.options-container ul li.deletegroup-inactive
{
	background:transparent url("../images/journeyopts_delete.gif") no-repeat 3px 7px;
	color: #9AC7CD;
	font-weight: bold;
	padding-left: 34px;	
}

.options-container ul li.sendmessage-inactive
{
	background: transparent url("../images/journeyopts_messages.gif") no-repeat scroll 3px 7px;
	color: #9AC7CD;
	font-weight: bold;
	padding-left: 34px;
}

.options-container ul li.groupjoin-inactive
{
	background:transparent url("../images/group_preview_join.gif") no-repeat 3px 7px;
	color: #9AC7CD;
	font-weight: bold;
	padding-left: 34px;	
}

.options-container ul li.groupadmin-inactive
{
	background:transparent url("../images/journeyopts_admin.gif") no-repeat 3px 7px;
	color: #9AC7CD;
	font-weight: bold;
	padding-left: 34px;	
}


.options-container ul li a:hover
{
	text-decoration: underline;
	color:#B51890;
}


/************* Group.php column layouts *****************/


#form-column
{
	background-color: #F4F9F0;
	border-bottom:2px solid #009AC8;
	border-top:2px solid #009AC8;
	color: #333333;
	display: inline;	
	float: left;
	line-height: 130%;
	margin: 0;
	width: 425px;
	padding-bottom:10px;
}

#group-info
{
	border-bottom:2px solid #009AC8;
	width: 405px;
	padding:10px;
	background-color:#E4F6FA;
}

#group-info .privateNote
{
	color: #ff0000;
	font-size: 12px;
}

#group-info .addNote
{
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
}


#group-info h1
{
	margin-bottom:10px;
}

#group-info dl
{
	padding-left:33px;
	background:transparent url("../images/group_detail_hub.png") no-repeat 0px 0px;
}

#group-info dl dt
{
	font-weight:bold;
	color:#9CD5E8;
	margin-left: 5px;
}

#group-info dl dd
{
	font-weight:bold;
	color:#000;
	margin-left: 5px;
}

#group-buttons
{
	height:30px;
	background-color:#CCEDF6;
	border-bottom:2px solid #009AC8;
}

#main-group-buttons
{
	float:left;
	margin-top:5px;
	margin-left:10px;
	width:190px;
}


#main-group-buttons ul
{
	list-style-type:none;
	padding:0px;
}

#main-group-buttons ul li
{
	float:left;
	padding-left:5px;
}

#main-group-buttons ul li i
{
	display:none;
}


#main-group-buttons ul li.joinThisGroup a
{
	width:85px;
	height:21px;
	display:block;
	background: url("../images/joingroup.gif") no-repeat 0% 0%;
}

#main-group-buttons ul li.joinThisGroup a:hover
{
	background: url("../images/joingroup.gif") no-repeat 0% 100%;
}


#main-group-buttons ul li.findGroupCarpool a
{
	width:150px;
	height:21px;
	display:block;
	background: url("../images/findagroupcarpool.gif") no-repeat 0% 0%;
}

#main-group-buttons ul li.findGroupCarpool a:hover
{
	background: url("../images/findagroupcarpool.gif") no-repeat 0% 100%;
}

#main-group-buttons ul li.inactiveFindCarpool a
{
	width:150px;
	height:21px;
	display:block;
	background: url("../images/findagroupcarpool_inactive.gif") no-repeat 0% 100%;
}

#main-group-buttons ul li.inactiveFindCarpool a:hover
{
	background: url("../images/findagroupcarpool_inactive.gif") no-repeat 0% 100%;
}

#main-group-buttons ul li.signUpAndJoin a
{
	width:190px;
	height:21px;
	display:block;
	background: url("../images/signupandjoin.gif") no-repeat 0% 0%;
}

#main-group-buttons ul li.signUpAndJoin a:hover
{
	background: url("../images/signupandjoin.gif") no-repeat 0% 100%;
}

#secondary-group-buttons
{
	width:220px;
	float:left;
	margin-top:5px;
}

#secondary-group-buttons h1
{
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#136824;
	line-height:21px;
}


#secondary-group-buttons ul
{
	list-style-type:none;
	padding:0px;
}

#secondary-group-buttons ul li
{
	float:left;
	padding-left:5px;
}

#secondary-group-buttons ul li i
{
	display:none;
}

#secondary-group-buttons ul li.manageGroup a
{
	width:49px;
	height:21px;
	display:block;
	background: url("../images/manageGroup.gif") no-repeat 0% 0%;
}

#secondary-group-buttons ul li.manageGroup a:hover
{
	background: url("../images/manageGroup.gif") no-repeat 0% 100%;
}

#secondary-group-buttons ul li.editGroup a
{
	width:34px;
	height:21px;
	display:block;
	background: url("../images/editGroup.gif") no-repeat 0% 0%;
}

#secondary-group-buttons ul li.editGroup a:hover
{
	background: url("../images/editGroup.gif") no-repeat 0% 100%;
}

#secondary-group-buttons ul li.addJourneyToGroup a
{
	width:60px;
	height:21px;
	display:block;
	background: url("../images/addJourneyToGroup.gif") no-repeat 0% 0%;
}

#secondary-group-buttons ul li.addJourneyToGroup a:hover
{
	background: url("../images/addJourneyToGroup.gif") no-repeat 0% 100%;
}


#secondary-group-buttons ul li.leaveGroup a
{
	width:72px;
	height:21px;
	display:block;
	background: url("../images/leaveGroup.gif") no-repeat 0% 0%;
}

#secondary-group-buttons ul li.leaveGroup a:hover
{
	background: url("../images/leaveGroup.gif") no-repeat 0% 100%;
}


#secondary-group-buttons ul li.deleteGroup a
{
	width:44px;
	height:21px;
	display:block;
	background: url("../images/groupadmin_delete.gif") no-repeat 0% 0%;
}

#secondary-group-buttons ul li.deleteGroup a:hover
{
	background: url("../images/groupadmin_delete.gif") no-repeat 0% 100%;
}

#inactiveCarpoolInfo
{
	background-color: #CCEDF6;
	border-bottom: 2px solid #009AC8;
	display: none;
	margin-bottom: 5px;
	padding: 0px 15px;
}

#inactiveCarpoolInfo h3
{
	color: #009AC8;
	font-size: 12px;
	font-weight: bold;
	padding: 15px 0px;
}

#inactiveCarpoolInfo strong
{
	font-weight: bold;
}

#group-logo-desc
{
	border-bottom:1px solid #009AC8;
	margin-left:17px;
	margin-top:10px;
	width:390px;
}

#group-logo-desc img
{
	display:block;
	border:1px solid #fff;
	margin-bottom:10px;
}

#group-logo-desc h1
{
	color:#009AC8;
	font-size:12px;
	font-weight:bold;
}

#group-logo-desc p
{
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	margin-bottom:10px;
}

#group-activity
{
	border-bottom:1px solid #009AC8;
	margin-left:17px;
	margin-top:10px;
	padding-bottom: 10px;
	width:390px;
}

#group-activity-supplemental
{
	margin-left:15px;
	width:625px;
	margin-bottom:18px;
}

#group-activity h1
{
	font-size:14px;
	color:#327C2C;
}

.activity-section
{
	margin-top:10px;
	width:130px;
	float:left;
}


.group-notes
{
	font-family:Arial,Helvetica,"Trebuchet MS",sans-serif;
	clear:both;
	background:transparent url("../images/journeynotes_bg.gif") repeat-x 0 0;
	padding:16px;
	overflow:auto;
	width:628px;
	margin-top:15px;
}

.group-notes h1
{
	color:#276C36;
	font-size:15px;
	margin-bottom:10px;
}

.group-notes h1 span
{
	color:#000;
	font-size:12px;
}

.group-notes img
{
	float:left;
	display:inline;
	margin-right:10px;
	margin-left:10px;
}

#content .group-notes p
{
	float:left;
	width:565px;
	color:#333333;
	font-size:12px;
	font-weight:normal;
	display:inline;
}


#group-activity-supplemental .activity-section
{
	width:208px;
}

#group-activity .activity-section h1, #group-activity-supplemental .activity-section h1
{
	color:#009AC8;
	font-size:12px;
	font-weight:bold;
}

#group-activity .activity-section img, #group-activity-supplemental .activity-section img
{
	display:block;
	float:left;
}

#group-activity .activity-section p, #group-activity-supplemental .activity-section p
{
	font-size:18px;
	font-weight:bold;
	float:left;
	height:50px;
	line-height:50px;
	margin-left:5px;
	margin-top:0px;
}

#group-activity h2
{

	color:#009AC8;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
}

#group-activity p
{
	color:#000;
	margin-top:5px;
}


#group-activity a.sendMessageToGroup
{
	width:122px;
	height:21px;
	display:block;
	background: url("../images/groupadmin_sendmessage.gif") no-repeat 0% 0%;
	margin-top:10px;
}

#group-activity a.sendMessageToGroup:hover
{
	background: url("../images/groupadmin_sendmessage.gif") no-repeat 0% 100%;

}

#group-activity a.sendMessageToGroupOwner
{
	width:159px;
	height:21px;
	display:block;
	background: url("../images/group_sendownermessage.gif") no-repeat 0% 0%;
	margin-top:10px;
}

#group-activity a.sendMessageToGroupOwner:hover
{
	background: url("../images/group_sendownermessage.gif") no-repeat 0% 100%;

}

#group-members
{
	margin-left:17px;
	margin-top:10px;
	width:390px;
}

#group-members h1
{
	color:#327C2C;
	font-size:14px;
}

#group-members .member
{
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	width:190px;
}

#group-members .member img
{
	float:left;
	display:block;
	background-color:#FFFFFF;
	border:1px solid #E3F2ED;
	margin-right:7px;
	padding:2px;
}

#group-members .member p
{
	float:left;
	height:36px;
	line-height:36px;
	color:#327C2C;
	font-weight:bold;
}

#group-members .member p span
{
	font-style:italic;
	color:#999;
	font-size:11px;
}



#map-column
{
	background-color: #F4F9F0;
	border-bottom: 2px solid #009AC8;
	border-top: 2px solid #009AC8;
	display: inline;
	float: left;
	margin: 0px 0px 0px 40px;
	padding: 0;
	width: 400px;
}

#map-legend ul
{
	text-align: center;
}

#map-legend li
{
	color: #387c2c;
	display: inline;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 10px 20px 10px 35px;
}

.legend-grouphub
{
	background: url("../images/group_hub.png") 5px 50% no-repeat;
}


#route-list-container {
	background-color: #F4F9F0;
	border-bottom: 2px solid #9CD5E8;
	border-top: 2px solid #9CD5E8;
	padding: 5px;
}


.group-details-box
{
	display: inline;
	float: left;
	margin-top: 7px;
	padding: 8px;
	width: 270px;
}

#groupAdminButton {
	padding-top: 10px;
}

#groupAdminButton ul
{
	list-style-type:none;
	padding:0px;
}

#groupAdminButton ul li
{
	float:left;
	padding-left:5px;
}

#groupAdminButton ul li i
{
	display:none;
}

#groupAdminButton ul li.deleteGroup a
{
	background: url("../images/manage_deletegroup.gif") no-repeat 0% 0%;
	display: block;
	height:30px;
	width:123px;
}

#groupAdminButton ul li.deleteGroup a:hover
{
	background: url("../images/manage_deletegroup.gif") no-repeat 0% 100%;
}

#groupAdminButton ul li.editGroup a
{
	background: url("../images/manage_editgroup.gif") no-repeat 0% 0%;
	display: block;
	height:30px;
	width:123px;
}

#groupAdminButton ul li.editGroup a:hover
{
	background: url("../images/manage_editgroup.gif") no-repeat 0% 100%;
}

#groupAdminButton ul li.messageGroup a
{
	background: url("../images/manage_sendgroupmessage.gif") no-repeat 0% 0%;
	display: block;
	height:30px;
	width:155px;
}

#groupAdminButton ul li.messageGroup a:hover
{
	background: url("../images/manage_sendgroupmessage.gif") no-repeat 0% 100%;
}

#groupAdminButton ul li.inviteGroup a
{
	background: url("../images/manage_invitemembers.gif") no-repeat 0% 0%;
	display: block;
	height:30px;
	width:114px;
}

#groupAdminButton ul li.inviteGroup a:hover
{
	background: url("../images/manage_invitemembers.gif") no-repeat 0% 100%;
}

#groupAdminButton ul li.addGroupJourney a
{
	background: url("../images/create_group_journey.gif") no-repeat 0% 0%;
	display: block;
	height:30px;
	width:155px;
}

#groupAdminButton ul li.addGroupJourney a:hover
{
	background: url("../images/create_group_journey.gif") no-repeat 0% 100%;
}

#groupAdminButton ul li.addJourney a
{
	background: url("../images/addnewjourneybtn.gif") no-repeat 0% 0%;
	display: block;
	height:30px;
	width:131px;
}

#groupAdminButton ul li.addJourney a:hover
{
	background: url("../images/addnewjourneybtn.gif") no-repeat 0% 100%;
}

#groupAdminButton ul li.gotoGroup a
{
	background: url("../images/gotogroup.gif") no-repeat 0% 0%;
	display: block;
	height:30px;
	width:131px;
}

#groupAdminButton ul li.gotoGroup a:hover
{
	background: url("../images/gotogroup.gif") no-repeat 0% 100%;
}

.admin-stats-styling
{
	margin-left: 17px;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 390px;
}

.admin-stats-styling img
{
	float: left;
}

.admin-stats-styling p
{
	float:left;
	font-size:18px;
	font-weight:bold;
	height:50px;
	line-height:50px;
	margin-left:5px;
	margin-top:0;
}

#widget-panel
{
	float: right;
	padding-bottom: 10px;
}

#widgetHrt, #widgetVrt
{
	border-bottom:1px solid #009AC8;	
	margin-bottom: 5px;
	padding: 0px 7px;
}

#widgetHrt h3, #widgetVrt h3
{
	color: #009AC8;
	font-size: 12px;
	font-weight: bold;
}

#widgetHrt p, #widgetVrt p
{
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom: 5px;
}

#widget-preview 
{
	color: #009AC8;
	font-weight: bold;
	font-size: 12px;
}

.widget-text
{
	color: #000000;
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom: 10px;
}


/*--------------- Updates & Announcments ------------------*/

#admin-group-route-details
{
	background-color:#F4F9F0;
	border-bottom:2px solid #9CD5E8;
	border-top:2px solid #9CD5E8;
	padding: 0px;
}

.update-details {
	font-family: Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	width: 880px;
}

.update-details tbody tr {
	line-height: 20px;
}

.update-details tbody tr td {
	border-bottom: 1px solid #BCDCE7;
	height: 20px;
	padding: 5px 0 5px 20px;
	text-align: left;
}

.update-details tbody tr td span {
	font-weight: bold;
}

.update-details tbody tr td.show_link {
	padding-right: 20px;
	text-align: right;
}


.update-details a.addGroupRoute
{
	background: transparent url("../images/accept.gif") no-repeat scroll 0 0;
	padding-left: 20px;
}

.update-details a.removeGroupRoute
{
	background: transparent url("../images/decline.gif") no-repeat scroll 0 0;
	padding-left: 20px;
}