/* THE HUB NETWORK STYLES */

.detailsSection{margin: 0; padding:0;}

/*
#searchPt1 
{
	float:left; 
	width:49%;
}

#searchPt2 
{
	float:right;
	width:49%;
}

#searchPt1 
{
	margin-bottom:15px;
}

#searchPt2 tr.dtgdata td 
{
	padding:4px;
}

#searchPt2 tr.dtgtitle th 
{
	padding:4px; 
	text-align:center;
}

#searchPt2 p 
{
	margin-left:74px;
} 
*/
/* All of the above link */


div.smallInterests ul {list-style-type: none; width: 100%; margin: 0 !important; padding: 0;}
div.smallInterests li {cursor: pointer; background-color: #eee; float:left; display:inline; width: 120px; color: #336; margin: 1%; border: 1px solid #BDBEC0;}
div.smallInterests span.image {width: 30px; height: 30px; display: block; float: left; text-indent: -999em; margin: 1px; background-repeat: no-repeat;}
div.smallInterests .selected span.image {background-color: #336;}
div.smallInterests li.selected {color: #000; border: 1px solid #3B4463; background: #ccc;}
div.smallInterests span.text{display: table-cell; color: #555; vertical-align: middle; height: 32px; padding: 1px;}

div.smallInterests span.animals {border: 2px solid #ffbe00; background-image: url(/cms/outertemplates/images/categories/small_thumbs/animals.jpg);}
div.smallInterests span.arts {border: 2px solid #80aa00; background-image: url(/cms/outertemplates/images/categories/small_thumbs/arts.jpg);}
div.smallInterests span.business {border: 2px solid #69c9df; background-image: url(/cms/outertemplates/images/categories/small_thumbs/business.jpg);}
div.smallInterests span.children {border: 2px solid #ffbe00; background-image: url(/cms/outertemplates/images/categories/small_thumbs/children.jpg);}
div.smallInterests span.comlocal {border: 2px solid #ff4108; background-image: url(/cms/outertemplates/images/categories/small_thumbs/community.jpg);}
div.smallInterests span.comsocial {border: 2px solid #69c9df; background-image: url(/cms/outertemplates/images/categories/small_thumbs/social_welfare.jpg);}
div.smallInterests span.education {border: 2px solid #ff4108; background-image: url(/cms/outertemplates/images/categories/small_thumbs/education.jpg);}
div.smallInterests span.environment {border: 2px solid #ff4108; background-image: url(/cms/outertemplates/images/categories/small_thumbs/environment.jpg);}
div.smallInterests span.health {border: 2px solid #CC6600; background-image: url(/cms/outertemplates/images/categories/small_thumbs/health.jpg);}
div.smallInterests span.international {border: 2px solid #ffbe00; background-image: url(/cms/outertemplates/images/categories/small_thumbs/international.jpg);}
div.smallInterests span.mad {border: 2px solid #80aa00; background-image: url(/cms/outertemplates/images/categories/small_thumbs/mad.jpg);}
div.smallInterests span.sport {border: 2px solid #CC6600; background-image: url(/cms/outertemplates/images/categories/small_thumbs/sport.jpg);}

div.largeInterests .selected span.image {background-color: #336;}
div.largeInterests span {float: left; height: 70px; width: 70px; text-indent: -999em;}
div.largeInterests span.animals {border: 2px solid #ffbe00; background-image: url(/cms/outertemplates/images/categories/large_thumbs/animals.jpg);}
div.largeInterests span.arts {border: 2px solid #80aa00; background-image: url(/cms/outertemplates/images/categories/large_thumbs/arts.jpg);}
div.largeInterests span.business {border: 2px solid #69c9df; background-image: url(/cms/outertemplates/images/categories/large_thumbs/business.jpg);}
div.largeInterests span.children {border: 2px solid #ffbe00; background-image: url(/cms/outertemplates/images/categories/large_thumbs/children.jpg);}
div.largeInterests span.comlocal {border: 2px solid #ff4108; background-image: url(/cms/outertemplates/images/categories/large_thumbs/community.jpg);}
div.largeInterests span.comsocial {border: 2px solid #69c9df; background-image: url(/cms/outertemplates/images/categories/large_thumbs/social_welfare.jpg);}
div.largeInterests span.education {border: 2px solid #ff4108; background-image: url(/cms/outertemplates/images/categories/large_thumbs/education.jpg);}
div.largeInterests span.environment {border: 2px solid #ff4108; background-image: url(/cms/outertemplates/images/categories/large_thumbs/environment.jpg);}
div.largeInterests span.fundraising {border: 2px solid #80aa00; background-image: url(/cms/outertemplates/images/categories/large_thumbs/fundraising.jpg);}
div.largeInterests span.health {border: 2px solid #CC6600; background-image: url(/cms/outertemplates/images/categories/large_thumbs/health.jpg);}
div.largeInterests span.international {border: 2px solid #ffbe00; background-image: url(/cms/outertemplates/images/categories/large_thumbs/international.jpg);}
div.largeInterests span.mad {border: 2px solid #80aa00; background-image: url(/cms/outertemplates/images/categories/large_thumbs/mad.jpg);}
div.largeInterests span.sport {border: 2px solid #CC6600; background-image: url(/cms/outertemplates/images/categories/large_thumbs/sport.jpg);}
		
/*End ucSimpleSearch styles */
	
/* ucAdvancedSearch styles */
#AdvancedSearch
{
	text-align: left;
	padding: 0 10px;
	line-height:30px;
	background:#FFF;
	color:#FF4108;
	font-size:1.3em;
	font-weight:normal;
	height:30px;
}

#AdvancedSearchSection
{
	border: 1px solid #CCC;
	margin: 0 10px;
	padding: 5px;
	position:relative;
	background:#FFF;
	width:588px;
}

/* Clearfix for non ie browsers */
	#AdvancedSearchSection:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	#AdvancedSearchSection { display: inline-block; }
	html[xmlns] #AdvancedSearchSection { display: block; }
	
	#AdvancedSearchSection.hidden {display:none;}
	html[xmlns] #AdvancedSearchSection.hidden { display:none; }
/* End of Clearfix */


#AdvancedSearchSection #FilterList {width:120px; float:left;}
	#AdvancedSearchSection #FilterList li {margin: 0 0 15px;}
#AdvancedSearchSection #Filters { float:right; width:380px;}


/* Tabbed links */
#AdvancedSearchSection ul {margin:0;}
#AdvancedSearchSection ul li { margin:3px 0; list-style:none;}
#AdvancedSearchSection ul li a {}
#AdvancedSearchSection ul li a:hover, #AdvancedSearchSection ul li.active a {}
#AdvancedSearchSection ul li a span {}
#AdvancedSearchSection ul li a:hover span, #AdvancedSearchSection ul li.active a span {}

/* End ucAdvancedSearch styles */
	
/* searchResults.aspx styles */
	/*.searchHeader {background:#84BA1C; color:#fff; width: 100%; text-indent: 6px;}*/
	/*th {background:#84BA1C; 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: right; }
	
	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;
	margin:0 0 8px;
}

table.dtgAvailability { width: 200px; }
table.dtgAvailability th { text-align:center; }
table.dtgAvailability td { text-align:center; }
table.dtgAvailability td:first-child { text-align:left !important; height: 8px; line-height: 8px;}

table.dtgTraining, table.dtgOpportunities { width:100%; }
	tr.dtgempty td {width:100%; text-align:center; font-style:italic;}
table.dtgTraining table, table.dtgOpportunities table { width:100%; }

table.checkboxlist{}
		
#Filters 
{
	margin: 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.searchResultsContainer
{
	padding-top: 15px;
}

div.searchResultsMatchSentence
{
	display: inline;
	padding:0 10px;
}
		
div.showAllResults 
{
	display: inline;
}
		
.form {
	margin: 0;
	padding: 0;
	float: left;
}

table.pos-neg-table textarea {width:90%;}

div.left2Col-hub {width:48%; float:left;}
div.right2Col-hub {width:48%; float:left;}

.divMemberHome { text-align:center;}
.divMemberHome input.button {width:100px; background:url(/cms/outertemplates/images/bigbuttonbg.gif);}

#mypager ul{text-align: center;vertical-align: middle;margin: 2px 2px 2px 2px;height: 25px;padding: 0 0 0 5px;}
#mypager li{display: inline;color: #000;list-style-type: none;height: 20px;padding: 5px;}

.searchResultsContainer{ }

td.colStartDate, td.colEndDate {width:90px;}

#maincontent ul.searchTabs {overflow:hidden; margin:5px 0 0; position:relative; z-index:2; top:1px;}
#maincontent ul.searchTabs li {display:inline; float:left; height:26px; padding:0 2px 0 0; margin:0;}
#maincontent ul.searchTabs li a {
	background:#EEE;
	display:block;
	border:1px solid #666;
	height:24px;
	line-height:24px;
	padding:0 4px;
}
#maincontent ul.searchTabs li.selected a {border-bottom:1px solid #FFF; background:#FFF;}

div.searchResultsList {background:#FFF; margin:0; padding:10px;}
div.searchResultsList div#ddlSort {margin:0 0 0.8em;}

div.AvailabilityCalendar td {background:#FFF;}
div.AvailabilityCalendar table {}
div.AvailabilityCalendar {}
div.AvailabilityCalendar td.day {background:#3B4666; color:#FFF;}
div.AvailabilityCalendar td.nextPrevMonth {}
div.AvailabilityCalendar td.today {}
div.AvailabilityCalendar th.dayHeader {padding:0; background-position:0 -5px;}
div.AvailabilityCalendar td.title {}
div.AvailabilityCalendar td.selected a {background-color:#8F0100; display:block;}
div.AvailabilityCalendar td a {color:#FFF;}

div.calendarKeyIcon {
	width:10px;
	height:10px;
	background-color:#8F0100;
	float:left;
	margin-left:6px;
}

div.calendarKeyText {float:left;padding-left:6px;}

div.AvailabilityCalendar {}
table.tblCalendar {width:190px; margin:0 auto;}

table.dtgOpportunities tr.highlight table {background:#C2C1D1;}

#page-PasswordReminder { margin:0 0 16px; }

div#rightcol div.AvailabilityCalendar table.tblCalendar { border:none !important; }
div#rightcol div.AvailabilityCalendar td { background:none !important; }
div#rightcol div.AvailabilityCalendar td.day { background:none; color:#000 }
div#rightcol div.AvailabilityCalendar td.selected { color:#FFF; }
div#rightcol div.AvailabilityCalendar th { height:20px; line-height:20px; }

div#EditSkills td span.checkbox { float:none; width:auto; display: block; padding-top: 10px;}
div#EditSkills h2 { font-size:1.6em; margin:0.6em 0; }