/**
 * Grid view styles/overrides
 */

/* layout */

#roar_filters {
	font-family: Verdana, Helvetica, Arial sans-serif;
	font-size: 1em;
	border: 1px solid #000000;
	padding: 3em;
	margin: 0;
	background-color: #e0e8dc;
}

#roar_controls {
	vertical-align: middle;
	overflow-y: none;
	height: 24px;
	margin-right: 31.3%; /*same width as roar_results */
	margin-bottom: .5em;
	background-color: #9cb2ad;
	background-image: url(/images/headerbar/headerbar_crnr.gif);/* rounded edge - l/h side */
	background-position: left top;
	background-repeat: no-repeat;
	border-style: none;
	font-family: Verdana, Helvetica, Arial sans-serif;
	font-size: 10px;
	padding: 0 .5em 0 .5em;
}

/**
 * Grid format
 */

.roar_results_list_grid {
	/*background-color: #ffffff;
	border: 1px solid #000000;*/
}

.roar_profile_grid {/* the roar profile row */
	float: left;
	width: 220px !important;
	height: 90px !important;
	overflow-y: auto;
	margin-top: .5em;
	margin-left: .5em;
	background-repeat: no-repeat;
	border: 1px solid #fefff1;
}

.roar_profile_grid table.content_grid {/* content of roar profile, containing photo/content/etc */
	border-style: none;
	height: inherit;
	width: inherit;
}

.roar_profile_grid table.content_grid td.photo_grid {/* profile photo */
	vertical-align: top;/* keep the photo at the top of the photo container */
	padding-left: 4px;/* keep the photo within the background image */
	padding-top: 4px;/* keep the photo within the background image */
}

.roar_profile_grid table.content_grid td.description_grid {/* profile description */
	vertical-align: top;/* keep text to top of grid */
	font-size: .6em;
}

#home_link {
	background-color: #e0e8dc;
	padding: 1px;
}

/* navigation elements */
#filter_categories {
	/*float: left;*/
	height: 150px;
	overflow-y: auto;
	background-color: transparent;
	color: #28574e;
	border: 1px solid #666666;
	margin-top: .3em;
	margin-bottom: .5em;
	padding: 3px;
	font-weight: bold;
}

.category-selected {
	background-color: #fefff1;
	border: 1px solid #28574e;
}

.roar_profile_more_details {/* initially show more details in grid */
	display: block;
	margin-bottom: .5em;
	font-size: 1em;
}

.controls-left {
	float: left;
	height: 100%;
	padding-top: 5px;
	color: #eeeeee;
	font-weight: bold;
}

#msg_search_load {/* search loading message */
	display: none;
	position: absolute;
	text-align: center;
	background-color: #eeeeee;
	border: 1px solid #666666;
	padding: 1em;
}

.nav_arrow {
	vertical-align: middle;
}