/*
File:	style-findagroup.css
This file is used to define the styles that are used to make the find a group page on the site
look pretty

Section:	Version History
28/05/2009 (DJO) - Created File
*/

#statusmessages {
	height: 40px;
	background: silver;
}

#findagroup {
}

#group-map {
	background:	#F8F8F8;
	height: 	400px;
	width: 450px;
}	

#group-states {
	width: 	260px;
	float:	right;
}

/* some ui styling */

.ui-accordion {
	width: 260px;
}

.ui-accordion .ui-accordion-header {
	width: 230px;
	display:	block;
	padding:	4px 0px 4px 28px;
} 

.ui-accordion .region-loader {
	padding: 4px 10px;
	display: none;
}

.ui-accordion .ui-accordion-content {
	padding: 5px;
	height:	200px;
	margin:	0px;
}

ul.region-groups {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	list-style-type: none;
	text-align: left;
	min-height: 80px;
}

ul.region-groups li {
	padding:	4px 0px 4px 30px;
	background: url(images/user-group.gif) no-repeat 5px 5px;
	height:	30px;
}

ul.region-groups li.notfound {
	background: url(images/24-em-cross.png) no-repeat 0px 0px;
}

/* group details styling */

div.groupinfo {
	font-size: 	0.9em;
}

div.groupinfo p {
	padding:	0px 0px 0px 24px;
	min-height: 18px;
}

div.groupinfo p.groupaddress {
	background:	url(images/home-icon3.gif) no-repeat 2px 2px;
}

div.groupinfo p.meetingtime {
	background:	url(images/16-clock.png) no-repeat 0px 0px; 
}

div.groupinfo p.search {
	background:	url(images/16-zoom.png) no-repeat 0px 0px;
}

ul.groupcontact {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.groupcontact li {
    padding: 0px 0px 6px 24px;
    margin: 0px;
}

ul.groupcontact li.contactphone {
    background: url(images/phone.png) no-repeat 0px 0px;
}

ul.groupcontact li.contactemail {
    background: url(images/email.png) no-repeat 0px 0px;
}