﻿/* THE HUB NETWORK STYLES */

.detailsSection{margin: 0; padding:0;}
div#ddlSort {margin:10px 0;}

div.smallInterests ul {list-style-type: none; width: 100%; margin: 0; padding: 0;}
div.smallInterests li {cursor: pointer; background-color: #fff; float: left; width: 30%;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: #333; margin: 1px; background-repeat: no-repeat;}
div.smallInterests .selected span.image {background-color: #FF7800;}
div.smallInterests li.selected {color: #FF7800; border: 1px solid #FF7800;}
div.smallInterests span.text{display: table-cell; vertical-align: middle; height: 32px;}

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: #FF7800;}
div.largeInterests span.image {width: 72px; height: 72px; display: block; float: left; text-indent: -999em;background-color: #333; margin: 1px; background-repeat: no-repeat;}
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-image: url(/cms/outertemplates/images/categories/large_thumbs/arts.png);}
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/largel_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:40px 0 0 0;
	border:1px solid #c9c9c9;
	background:#E8E8E8;
	width:505px;
}

#AdvancedSearchSection #FilterList { width:100%; }
#AdvancedSearchSection #FilterList li { display:inline; }
#AdvancedSearchSection #Filters { width:100%;}
#AdvancedSearchFooter {margin: auto; text-align: center;}

/* Tabbed links */
#FilterList ul
{
	clear:both;
	position:absolute;
	top:-36px;
	left:-1px;
	margin:0;
	font-size:0.8em;
	background:#c9c9c9;
	padding:5px 1px;
	width:525px;
}

#FilterList ul li
{
	list-style:none;
	float:left;
	border-bottom:none;
	margin:0 4px;
	line-height:26px;
	height:25px;
}
#FilterList ul li a
{
	position:relative;
	top:-1px;
	height:26px;
	display:block;
	float:left;
	padding: 1px 7px 0 7px;
	text-decoration:none;
	cursor:pointer;
	color:#666;
}
#FilterList ul li a:hover, #FilterList ul li.active a {background:#396;color:#FFF;}

#FilterList ul li a span
{
	height:26px;
	display:block;
	padding:0 10px;
	float:left;
}
#FilterList ul li a:hover span, #FilterList ul li.active a span {background-position:top left;}

/* End ucAdvancedSearch styles */
	
/* searchResults.aspx styles */
	.searchHeader {background:#396; color:#fff; width: 100%; text-indent: 6px; padding:3px 0;}
	th {background:#666; 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:middle;text-align: center}
	.colSearchMore a {
		background:transparent url(/cms/outertemplates/images/orange-arrow-right.gif) no-repeat scroll right center;
		color:#FF7800;
		float:right;
		font-size:14px;
		padding-right:14px;
		text-decoration:none;
		font-weight:bold;
	}
	
	.colSearchMore a:hover {color:#666;}
	
	span.searchLbl { font-weight:bold; font-style:italic;}
/* End searchResults.aspx styles */

/* ucSimpleSearch.ascx styles*/

div.header { padding:12px 0 0 5px; }

#FilterHelp{color: #000; font-size: 1em;}

table.dtgAvailability { width: auto; }
table.dtgAvailability th { text-align:center; padding:2px; }
table.dtgAvailability td { text-align:center; padding:2px; }
table.dtgAvailability td:first-child { text-align:left !important; }

table.dtgTraining, table.dtgOpportunities { width:100%; background:#FFF;}
table.dtgTraining table, table.dtgOpportunities table {margin:0 0 15px;}
table.dtgTraining table td, table.dtgOpportunities table td {border:0;}
tr.dtgEmpty td {text-align:center; font-style:italic;padding:4px 0;}

table.checkboxlist{}

span.checkbox {display: block;}
span.checkbox input{margin: 10px 5px 0 0;}

#Filters {margin: 15px 0;}
#Required .left2Col{padding-right:5px; width:48%;}
#Required .left2Col .form-row label{width:60px;}
#Develop .left2Col{	padding-right:5px; width:48%;}

#Develop .left2Col .form-row label{width:60px;}
		
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%;}

.pager { width:100%; text-align:center; margin: 10px 0; }
.pager ul{text-align: center;vertical-align: middle;margin: 2px;height: 25px;padding: 0 0 0 5px;}
.pager li{display: inline;color: #000;list-style-type: none;height: 20px;padding: 5px;}

/*div.left2Col-hub, div.right2Col-hub {width:50%; float:left;}*/


div#Map_ucGoogleMap {width:400px !important; height:200px !important; margin:0 0 20px 120px;}


.pager { width:100%; text-align:center; margin: 10px 0; }
.pager ul {text-align:center; vertical-align: middle; margin: 2px; height:25px; padding:0 0 0 5px;}
.pager li {display: inline; color: #000; list-style-type:none; height:20px; padding:5px;}

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;}
ul.searchTabs li a {
	background:#ccc;
	display:block;
	border:1px solid #D6D6D6;
	height:24px;
	line-height:24px;
	padding:0 4px;
}
ul.searchTabs li.selected a {border-bottom:1px solid #EEE; background:#EEE;}

div.searchResultsList {background:#EEE; border:1px solid #D6D6D6; margin:0; padding:10px;}
div.searchResultsList div#ddlSort {margin:0 0 0.8em;}

/* Site specific fixes */
span.raquo {display:none;}
#page-O-OrgProfile table td {border:0;}
#page-O-AddOpportunity table td {border:0;}
div.loadOpportunity, div.loadTraining {margin:0 0 10px;}
div.dub3txb_outer {clear:left;}


div.AvailabilityCalendar {margin:0 0 10px;}
div.AvailabilityCalendar a {text-decoration:none; }
div.AvailabilityCalendar table {width:100%;}
div.AvailabilityCalendar table.title td {border:0; padding:4px 10px; }
div.AvailabilityCalendar td.day {padding:2px 4px;}
div.AvailabilityCalendar td.nextPrevMonth {}
div.AvailabilityCalendar td.today {}
div.AvailabilityCalendar th.dayHeader {}
div.AvailabilityCalendar td.title {}
div.AvailabilityCalendar td.selected {background-color:#FF7800;}
div.AvailabilityCalendar td.selected a{color:#FFF;}

div.calendarKey {padding:4px;overflow:hidden;}
div.calendarKeyIcon {
	width:10px;
	height:10px;
	background-color:#FF7800;
	float:left;
	margin-left:6px;
}

div.calendarKeyText {float:left;padding-left:6px;}

table.dtgOpportunities tr.highlight div.searchHeader {background:#FF7800;}