/* layout */
#roar_page {
	width: 100%;
}

#roar_search {
	float: right;
	width: 30%;/* the width of the search box */
	height: 100%;
	background-color: #9cb2ad;
	padding: .5em;/* in IE this will add to the width of the search box */
}

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

#roar_controls {
	vertical-align: middle;
	overflow-y: auto;
	background-color: #9cb2ad;
	border: 1px solid #000000;
	/*background-image: url(/images/headerbar/headerbar_crnr.gif);
	background-position: left;
	background-repeat: no-repeat;*/
	font-family: Verdana, Helvetica, Arial sans-serif;
	font-size: 10px;
	padding: 3px;
	margin: 0 .5em 0 0;
}

#roar_results {/* roar search results container */
	height: 100%;
	margin-right: 31.3%;/* use fractional percentage as IE does not recognise the fraction, but also adds search box padding to its width... this fixes firefox */
	margin-bottom: .5em;
}

#roar_profile {/* roar profile container */
	width: auto;
	margin: 0;
	margin-right: 31.3%;/* use fractional percentage as IE does not recognise the fraction, but also adds search box padding to its width... this fixes firefox */
	height: 100%;
	padding: 0;
	/*padding-right: .5em;/* the gap between the search box and the roar profile box */
}

#filter_help {
	display: none;
	background-color: #f4d393;
	padding: .5em;
	border: 2px solid #eeeeee;
	font-size: 1.2em;
	margin-bottom: 1em;
}

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

#filter_state {/* the state selection option */
	padding-bottom: .5em;
}

#filter_stateSelect {
	border: 1px solid rgb(40, 87, 78);
}

#filter_sortSelect {
	border: 1px solid rgb(40, 87, 78);
}

#filter_tagBox {
	border: 1px solid rgb(40, 87, 78);
	color: #28574e;
	font-weight: bold;
	padding-left: .3em;
	padding-right: .3em;
	margin-top: .3em;
	margin-bottom: 1em;
}

#filter_searchBox {
	border: 1px solid rgb(40, 87, 78);
	color: #28574e;
	font-weight: bold;
	padding-left: .3em;
	padding-right: .3em;
}

#filter_searchButton {
}

#filter_addTagButton {
	vertical-align: middle;/* needed to fix weirdness in ie */
}

#category_link {
	/*height: 30px;*/
	margin-top: 1em;
	margin-bottom: 1em;
	/*background-image: url(/images/icons/ico_phcred_item.gif);
	background-position: right top;
	background-repeat: no-repeat;*/
	/*background-color: #ffffff;
	padding: 3px;
	border: 1px solid #cccccc;*/
	color: red;
}

#control_searchStats {
	vertical-align: center;
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	color: #ffffff;
}

#control_pagination {
	text-align: right;
	font-size: 10px;
	padding: 0;
	margin: 0;
	padding-right: .5em;
}

#control_pagination .currentPage {
	height: 20px;
	vertical-align: top;
	color: rgb(255, 233, 150);
	font-weight: bold;
	font-size: 12px;
}

#controls_container, #controls_container tr td {
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	white-space: nowrap;
}

#search_list {
	color: #000000;
	font-size: 1.4em;
	font-family: Verdana, Georgia, Helvetica, Sans-Serif;
}

#pageNav {
	vertical-align: middle;
	margin-left: .5em;
	margin-right: .5em;
	border: 1px solid #666666;
	background-color: #e0e8dc;
}

#profile_img {
	cursor: count-up-down;
}

#category_count {
	clear: both;
	padding-top: .25em;
	font-weight: bold;
	color: #eeeeee;
}

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

/* loading indicators/spinners */
#filter-spinner {
	display: none;
	margin: -1em 0 .3em 0;
}

.category-spinner { /* category update spinner */
	visibility: hidden;
}

/* styles */
.cursor-link {
	cursor: pointer;
}

.category-row {/* the whole row including the expanding box icon and category name */
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.category-name {/* the span which contains the category name only which is hilighted when the category is selected */
	clear: both;
	padding-top: 1px;
	padding-bottom: 1px;
}

.category-selected {
	background-color: #e0e8dc;
	border: 1px solid #9cb2ad;
}

.category-expanding-box {
	border-style: 1px solid #000000;
}

.category-filter-text {
	font-weight: bold;
}

.phcred-control {
	border: 1px solid #ff0000;
	background-color: #ffd2d2;
}

.profile_icons {
	float: right;
	text-align: right;
}

.profile_photo {
	border: 1px solid #28574e;
}

.tag-item {/* how tags are rendered in the search filter */
	/*display: block;*/
	border: 1px solid #666666;
	background-color: #ffffff;
	margin-left: .5em;
	padding: 1px;
}

.tag-item img {
	border-left: .3em solid #ffffff;
}

.roar_profile {/* a roar profile search result item */
	cursor: pointer;
	clear: left;
	margin-top: .8em;/* top clearance to previous rendered roar profile */
}

.roar_profile_more {/* more information which is initially hidden */
	display: none;
	padding: .5em;
	font-size: 1em;
}

.roar_profile_more_details {/* more details which are initially hidden */
	display: none;
	margin-bottom: .5em;
	font-size: 1em;
}

.roar_profile_more_collaborator {/* more information (not initially hidden) */
	padding: .5em;
}

.roar_profile_more .more_info,
.roar_profile_more_collaborator .more_info {
	margin-bottom: .5em;
	border-bottom: 1px dashed #000000;
}

/* jQuery effects */
.ui-effects-transfer { border: 3px dashed #28574e; }/* roar green */
/*.ui-effects-transfer { border: 3px dashed #f4d393; }*/ /* quicklinks orange */
/*.ui-effects-transfer { border: 3px dashed #ffffff; }*/ /* white */