/* THE HUB NETWORK STYLES */

.detailsSection{margin: 0; padding:0;}
.detailsSection textarea {margin: 10px;}

/* All of the above link */
div.smallInterests {overflow:hidden;}
div.smallInterests ul {list-style-type: none; width: 100%; margin: 0; padding: 0;}
div.smallInterests li {cursor: pointer; background-color: #760000; float: left; width: 120px; height: 34px; color: #333; margin: 1%; border: 1px solid #fff;}
div.smallInterests span.image {width: 32px; height: 32px; display: block; float: left; text-indent: -999em;background-color: #9A0000; margin: 1px; background-repeat: no-repeat;}
div.smallInterests .selected span.image {background-color: #EF0000;}
div.smallInterests li.selected {color: #CF0000; border: 1px solid #fff;}
div.smallInterests span.text{display: table-cell; color: #fff; vertical-align: middle; height: 32px; padding: 1px;}

div.smallInterests span.advice {background-image: url(/cms/outertemplates/images/categories/small_thumbs/advice.png);}
div.smallInterests span.animals {background-image: url(/cms/outertemplates/images/categories/small_thumbs/animals.png);}
div.smallInterests span.arts {background-image: url(/cms/outertemplates/images/categories/small_thumbs/arts.png);}
div.smallInterests span.business {background-image: url(/cms/outertemplates/images/categories/small_thumbs/business.png);}
div.smallInterests span.children {background-image: url(/cms/outertemplates/images/categories/small_thumbs/children.png);}
div.smallInterests span.comaction {background-image: url(/cms/outertemplates/images/categories/small_thumbs/comaction.png);}
div.smallInterests span.comlocal {background-image: url(/cms/outertemplates/images/categories/small_thumbs/comlocal.png);}
div.smallInterests span.comsocial {background-image: url(/cms/outertemplates/images/categories/small_thumbs/comsocial.png);}
div.smallInterests span.education {background-image: url(/cms/outertemplates/images/categories/small_thumbs/education.png);}
div.smallInterests span.environment {background-image: url(/cms/outertemplates/images/categories/small_thumbs/environment.png);}
div.smallInterests span.fundraising {background-image: url(/cms/outertemplates/images/categories/small_thumbs/fundraising.png);}
div.smallInterests span.health {background-image: url(/cms/outertemplates/images/categories/small_thumbs/health.png);}
div.smallInterests span.international {background-image: url(/cms/outertemplates/images/categories/small_thumbs/international.png);}
div.smallInterests span.it {background-image: url(/cms/outertemplates/images/categories/small_thumbs/it.png);}
div.smallInterests span.justice {background-image: url(/cms/outertemplates/images/categories/small_thumbs/justice.png);}
div.smallInterests span.mad {background-image: url(/cms/outertemplates/images/categories/small_thumbs/mad.png);}
div.smallInterests span.museums {background-image: url(/cms/outertemplates/images/categories/small_thumbs/museums.png);}
div.smallInterests span.outreach {background-image: url(/cms/outertemplates/images/categories/small_thumbs/outreach.png);}
div.smallInterests span.politics {background-image: url(/cms/outertemplates/images/categories/small_thumbs/politics.png);}
div.smallInterests span.readproject {background-image: url(/cms/outertemplates/images/categories/small_thumbs/readproject.png);}
div.smallInterests span.research {background-image: url(/cms/outertemplates/images/categories/small_thumbs/research.png);}
div.smallInterests span.science {background-image: url(/cms/outertemplates/images/categories/small_thumbs/science.png);}
div.smallInterests span.sport {background-image: url(/cms/outertemplates/images/categories/small_thumbs/sport.png);}
div.smallInterests span.volunteering {background-image: url(/cms/outertemplates/images/categories/small_thumbs/volunteering.png);}

div.largeInterests .selected span.image {background-color: #EF0000;display:block;}
div.largeInterests span {float: left; height: 72px; width: 72px; text-indent: -999em;}
div.largeInterests span.advice {background-image: url(/cms/outertemplates/images/categories/large_thumbs/advice.png);}
div.largeInterests span.animals {background-image: url(/cms/outertemplates/images/categories/large_thumbs/animals.png);}
div.largeInterests span.arts {background: #000 url(/cms/outertemplates/images/categories/large_thumbs/arts.png) no-repeat;}
div.largeInterests span.business {background-image: url(/cms/outertemplates/images/categories/large_thumbs/business.png);}
div.largeInterests span.children {background-image: url(/cms/outertemplates/images/categories/large_thumbs/children.png);}
div.largeInterests span.comaction {background-image: url(/cms/outertemplates/images/categories/large_thumbs/comaction.png);}
div.largeInterests span.comlocal {background-image: url(/cms/outertemplates/images/categories/large_thumbs/comlocal.png);}
div.largeInterests span.comsocial {background-image: url(/cms/outertemplates/images/categories/large_thumbs/comsocial.png);}
div.largeInterests span.education {background-image: url(/cms/outertemplates/images/categories/large_thumbs/education.png);}
div.largeInterests span.environment {background-image: url(/cms/outertemplates/images/categories/large_thumbs/environment.png);}
div.largeInterests span.fundraising {background-image: url(/cms/outertemplates/images/categories/large_thumbs/fundraising.png);}
div.largeInterests span.health {background-image: url(/cms/outertemplates/images/categories/large_thumbs/health.png);}
div.largeInterests span.international {background-image: url(/cms/outertemplates/images/categories/large_thumbs/international.png);}
div.largeInterests span.it {background-image: url(/cms/outertemplates/images/categories/large_thumbs/it.png);}
div.largeInterests span.justice {background-image: url(/cms/outertemplates/images/categories/large_thumbs/justice.png);}
div.largeInterests span.mad {background-image: url(/cms/outertemplates/images/categories/large_thumbs/mad.png);}
div.largeInterests span.museums {background-image: url(/cms/outertemplates/images/categories/large_thumbs/museums.png);}
div.largeInterests span.outreach {background-image: url(/cms/outertemplates/images/categories/large_thumbs/outreach.png);}
div.largeInterests span.politics {background-image: url(/cms/outertemplates/images/categories/large_thumbs/politics.png);}
div.largeInterests span.readproject {background-image: url(/cms/outertemplates/images/categories/large_thumbs/readproject.png);}
div.largeInterests span.research {background-image: url(/cms/outertemplates/images/categories/large_thumbs/research.png);}
div.largeInterests span.science {background-image: url(/cms/outertemplates/images/categories/large_thumbs/science.png);}
div.largeInterests span.sport {background-image: url(/cms/outertemplates/images/categories/large_thumbs/sport.png);}
div.largeInterests span.volunteering {background-image: url(/cms/outertemplates/images/categories/large_thumbs/volunteering.png);}
	
/*End ucSimpleSearch styles */
	
/* ucAdvancedSearch styles */
#AdvancedSearch
{
	text-align: right;
	padding-right: 10px;
}

#AdvancedSearchSection
{
	margin: 0;
	padding: 10px;
	position:relative;
	margin-top:30px;
	border:1px solid #074C6F;
	background:#9A0000;
	display: none;
	width:500px;
}

#AdvancedSearchSection #FilterList { width:100%; }
#AdvancedSearchSection #FilterList li { display:inline; }
#AdvancedSearchSection #Filters { width:100%;}
#AdvancedSearchFooter {margin: auto; text-align: center; clear: both;}

/* Tabbed links */

#Filters #Basic .form-row label {color: #fff;}

#FilterList ul
{
	clear:both;
	position:absolute;
	top:-26px;
	left:10px;
	margin:0;
	font-size:0.8em;
}

#FilterList ul li
{
	list-style:none;
	float:left;
	background:#7F0000 ;
	border:1px solid #074C6F;
	color: #fff;
	border-bottom:none;
	margin:0 2px;
	line-height:26px;
	height:25px;
}
#FilterList ul li a
{
	position:relative;
	top:-1px;
	border-top:1px solid #000000;
	height:25px;
	display:block;
	float:left;
	padding: 0 8px;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}
#FilterList ul li a:hover, #AdvancedSearchSection ul li.active a
{
	color:#fff;
	background-color: #911606;
}

#FilterList ul li a span
{
	height:26px;
	display:block;
	padding:0 10px;
	/*background: url(/cms/outertemplates/images/green-tab-left.gif) bottom left no-repeat;*/
	float:left;
}
#AdvancedSearchSection ul li a:hover span, #AdvancedSearchSection ul li.active a span {	background-position:top left; }

/* End ucAdvancedSearch styles */
	
/* searchResults.aspx styles */
	.searchHeader {background:#911606; color:#fff; width: 100%; text-indent: 6px;}
	th {background:#911606; color:#fff;}
	.colSearchImg {width:70px; vertical-align:top; padding: 5px;}
	
	/*Same column, seperate rows*/
	.colSearchLocation {width:200px; vertical-align:top;}
	.colSearchSpaces {vertical-align:top;}
	.colSearchPurpose {vertical-align:top;}
	/*end*/
	
	.colSearchOther {width:150px;vertical-align:top;}
	.colSearchMore {width:70px; vertical-align:bottom;text-align: center}
	
	span.searchLbl { font-weight:bold; font-style:italic;}
/* End searchResults.aspx styles */

/* ucSimpleSearch.ascx styles*/

div.header { padding:12px 0 0 5px; }

#FilterHelp
{
	color: #fff; 
	font-size: 1em;
}

table.dtgAvailability { width: 200px; }
table.dtgAvailability th { text-align:center; }
table.dtgAvailability td { text-align:center; color: #000;}
table.dtgAvailability td:first-child { text-align:left !important; }

table.dtgTraining, table.dtgOpportunities, table.dtgOpportunities table, table.dtgTraining table { width:100%; border: none;}
	tr.dtgempty td {width:100%; text-align:center; font-style:italic;}

table.checkboxlist{}
		
#Filters 
{
	margin: 15px 0;
}
		
#Required .left2Col
{
	padding-right:5px; 
	width:48%;
}

#Required .left2Col p {color: #fff;}
#Required .left2Col label {color: #fff;}


#Develop .left2Col .form-row label, #Required .left2Col .form-row label {
	width:60px; 
}
#Develop .left2Col
{
	padding-right:5px;
	width:48%;
}

#Filters tr td { color:#fff;}
#Filters p {color: #fff;}
#Filters label {color: #fff;}


		
div.showAllResults 
{
	text-align:right;
	width:100%;
	margin:0 0 5px 0;
}
		
.form {
	margin: 0;
	padding: 0;
	float: left;
}

table.pos-neg-table textarea {width:90%;}


/* Table on the volunteer index page */
table.tblRecentOpportunities th {padding:0 5px;}
table.tblRecentOpportunities th.colInterest {width:62px;}

div.gallery .pager li {font-size: 0.8em;}
div.gallery .pager li a {color: #333;}

div.pager span {color: #666; font-size: 0.8em;}

.pager { width:100%; text-align:center; clear: both;}
.pager ul{list-style-type: none; margin: 10px 0;}
.pager li{display: inline; padding: 3px 5px; margin: 0;}

ul.searchTabs {overflow:hidden; margin:0; position:relative; z-index:2; top:1px;}
ul.searchTabs li {display:inline; float:left; height:26px; padding:0 2px 0 0; margin:0;}
ul.searchTabs li a {
	background:#FFF;
	display:block;
	border:1px solid #911606;
	height:24px;
	line-height:24px;
	padding:0 4px;
}
ul.searchTabs li.selected a {background:#911606; color:#FFF;}

div.searchResultsList {border-top:3px solid #911606; margin:0; padding:10px;}
div.searchResultsList div#ddlSort {margin:0 0 0.8em;}

div.AvailabilityCalendar {}
div.AvailabilityCalendar h2 {font-size:1em; color:#FFF;}
div.AvailabilityCalendar table {width:100%; border:1px solid #9A0000;}
div.AvailabilityCalendar table.title {border:0;}
div.AvailabilityCalendar table.title td {padding:4px; text-align:center; background:#CC0001;}
div.AvailabilityCalendar td a {text-decoration:none;}
div.AvailabilityCalendar td.day {padding:4px; background:#FFF; color:#000;}
div.AvailabilityCalendar td.nextPrevMonth {}
div.AvailabilityCalendar td.today {}
div.AvailabilityCalendar th.dayHeader {background:#CC0001;}
div.AvailabilityCalendar td.title {}
div.AvailabilityCalendar td.selected {background-color:#FE8109;}

div.calendarKey {padding:4px;}
div.calendarKeyIcon {
	width:10px;
	height:10px;
	background-color:#FE8109;
	float:left;
	margin-left:6px;
}

div.calendarKeyText {float:left;padding-left:6px;}

table.dtgOpportunities tr.highlight {}
table.dtgOpportunities tr.highlight table {background:#FFF;}
