﻿/* THE HUB NETWORK STYLES */

.detailsSection{margin: 0 0 10px; 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.interest
{
	margin:2px 5px 2px 2px;
	cursor:pointer;
	width:150px;
	border: 1px solid #fff;
	padding:1px;
	background:#fff;
	float:left;
}

.interests {clear:both;}

.interests div.selected
{
	border: 1px solid #336;
	background: #eee;
}

.interest img
{
	display:block;
	float:left;
	margin-right:5px;
}
.interest span
{
	text-align:right;
}
*/

div.smallInterests ul {list-style-type: none; width: 100%; margin: 0; padding: 0;}
	#content div.smallInterests ul {margin-left:0; }
div.smallInterests li {cursor: pointer; background: #fff !important; float: left; width: 30%;height: 34px; color: #666; margin: 1%; border: 1px solid #fff; padding:0 !important;}
div.smallInterests li span.image {width: 32px; height: 32px; display: block; float: left; text-indent: -999em;background-color: #666; margin: 1px 5px 1px 1px; background-repeat: no-repeat;}
div.smallInterests li.selected span.image {background-color: #0F0F49;}
div.smallInterests li.selected {color: #F57F20; border: 1px solid #F57F20;}
div.smallInterests li span.text{display: table-cell; vertical-align: middle; height: 32px;line-height:normal;}

div.smallInterests span.arts {background-image: url(/cms/outertemplates/images/categories/small_thumbs/art.jpg);}
div.smallInterests span.business {background-image: url(/cms/outertemplates/images/categories/small_thumbs/business.jpg);}
div.smallInterests span.environment {background-image: url(/cms/outertemplates/images/categories/small_thumbs/environment.jpg);}
div.smallInterests span.volunteering {background-image: url(/cms/outertemplates/images/categories/small_thumbs/fun.jpg);}
div.smallInterests span.health {background-image: url(/cms/outertemplates/images/categories/small_thumbs/health.jpg);}
div.smallInterests span.comlocal {background-image: url(/cms/outertemplates/images/categories/small_thumbs/sca.jpg);}
div.smallInterests span.sport {background-image: url(/cms/outertemplates/images/categories/small_thumbs/sport.jpg);}
div.smallInterests span.children {background-image: url(/cms/outertemplates/images/categories/small_thumbs/youth.jpg);}
div.smallInterests span.justice {background-image: url(/cms/outertemplates/images/categories/small_thumbs/criminal.jpg);}
div.smallInterests span.comaction {background-image: url(/cms/outertemplates/images/categories/small_thumbs/sca.jpg);}

span.selectedinterest img {background-color: Red;}
div.largeInterests span.image {width: 55px; height: 55px; display: block; float: left; text-indent: -999em; background-color: #333; margin: 1px; background-repeat: no-repeat;}

div.largeInterests span.arts {background-image: url(/cms/outertemplates/images/categories/large_thumbs/art.jpg);}
div.largeInterests span.business {background-image: url(/cms/outertemplates/images/categories/large_thumbs/business.jpg);}
div.largeInterests span.comlocal {background-image: url(/cms/outertemplates/images/categories/large_thumbs/sca.jpg);}
div.largeInterests span.environment {background-image: url(/cms/outertemplates/images/categories/large_thumbs/environment.jpg);}
div.largeInterests span.volunteering {background-image: url(/cms/outertemplates/images/categories/large_thumbs/fun.jpg);}
div.largeInterests span.health {background-image: url(/cms/outertemplates/images/categories/large_thumbs/health.jpg);}
div.largeInterests span.justice {background-image: url(/cms/outertemplates/images/categories/large_thumbs/criminal.jpg);}
div.largeInterests span.sport {background-image: url(/cms/outertemplates/images/categories/large_thumbs/sport.jpg);}
div.largeInterests span.children {background-image: url(/cms/outertemplates/images/categories/large_thumbs/youth.jpg);}
div.largeInterests span.comaction {background-image: url(/cms/outertemplates/images/categories/large_thumbs/sca.jpg);}
		
/*End ucSimpleSearch styles */
	
/* ucAdvancedSearch styles */
#AdvancedSearch
{
	text-align: right;
	padding-right: 10px;
}

#AdvancedSearchSection
{
	border:1px solid #CCC;
	margin: 0 0 5px;
	padding: 5px;
	position:relative;
	width:auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#AdvancedSearchSection #FilterList { background:#FFF; border:1px solid #CCC; float:left; margin:0; padding:1px 1px 0; }
    #AdvancedSearchSection #FilterList ul { list-style:none; margin:0; }
	#AdvancedSearchSection #FilterList li { background:#EEE; display:block; margin:0 0 1px; padding:0 }
	#AdvancedSearchSection #FilterList li a { display:block; font-size:1em; padding:2px 4px; text-decoration:none; }
#AdvancedSearchSection #Filters { float:left; width:390px; margin-left:10px;}
#AdvancedSearchFooter {margin: auto; text-align: center; clear:both;}

/* Tabbed links */
#FilterList ul { }
#FilterList ul li {
	background:none;
	padding:0;
	line-height:150%;
	margin:0 0 1em;
}
#FilterList ul li a {}
#FilterList ul li a:hover, #AdvancedSearchSection ul li.active a { color:#fff; }
#FilterList ul li a span { }
#FilterList ul li a:hover span, #FilterList ul li.active a span { }

/* End ucAdvancedSearch styles */
	
/* searchResults.aspx styles */
	.searchHeader {
		background: #F57F20 url(/cms/outertemplates/images/bg-dtgtitle.gif) no-repeat right;
		color: white;
		font-weight: bold;
		line-height:28px;
		margin: 0 0 10px 0;
		padding:0 7px;
		text-align: left;
	}
	.searchResultsContainer table {margin-left:0;}
	.searchResultsContainer table tr {background:none;}
	th {}
	.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; }
/* End searchResults.aspx styles */

/* ucSimpleSearch.ascx styles*/

div.header { padding:12px 0 0 5px; }

#FilterHelp
{
	color:#666;
	font-size:0.9em;
	margin:5px 5px 12px;
}

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; }

table.dtgTraining, table.dtgOpportunities { width:100%; }
	tr.dtgempty td {width:100%; text-align:center; font-style:italic;}

table.checkboxlist{}

#Required .form-row, #Develop .form-row {padding:0; }
#Required .left2Col { padding-right:5px; width:48%; float:left; }
#Required .left2Col .form-row label { width:60px; }
#Develop .left2Col { padding-right:5px;	width:48%; float:left; }
#Develop .left2Col .form-row label { width:60px; }

#Required .right2Col, #Develop .right2Col { width:48%; float:left; }
		
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%;}

#mypager ul{text-align: center;vertical-align: middle;margin: 2px; height: 25px;padding: 0 0 0 5px;}
#mypager li{display: inline;color: #000; list-style-type: none;height: 20px;padding: 5px;}

#content div.pager {margin: 10px auto;}
#content div.pager ul {list-style-type: none;}
#content div.pager ul li {background: none; padding: 0 3px; display: inline;}



.left2Col-hub, .right2Col-hub {	
	float:left;
	padding-right:10px;
	width:46%;
	display:inline;
}

#searchPt1, #searchPt2 {
	float:left;
	padding-left:10px;
	width:46%;
	display:inline;
}
#searchPage input.btnSearch {display:block; margin:0 auto;}


.clearfix:after{
	/* Below: apply clearfix to form-row */
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
html[xmlns] .clearfix { display: block; }
html[xmlns] .clearfix .hidden {display:none;}

.dtgEmpty td { padding:5px 0;}

div.detailsSection div.left2Col-hub div.smallInterests ul.selected li {float: none; width: auto;}

textarea {border: 1px solid #D2D2D2; width: 80%; font-size: 12px;}

.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;}

#content ul.searchTabs {overflow:hidden; margin:0; position:relative; z-index:2; top:1px;}
#content ul.searchTabs li {display:inline; float:left; height:26px; padding:0 2px 0 0;}
#content ul.searchTabs li a {
	background:#EEE;
	display:block;
	border:1px solid #E0E0E0;
	height:24px;
	line-height:24px;
	padding:0 4px;
	color:#a40534;
}
#content ul.searchTabs li.selected a {border-bottom:1px solid #FFF; background:#FFF;}

div.searchResultsList {background:#FFF; border:1px solid #E0E0E0; margin:0; padding:10px;}
div.searchResultsList div#ddlSort {margin:0 0 0.8em;}

ul.loggedInMenu {clear:both;}
ul.loggedInMenu li {margin:0;}
ul.loggedInMenu li.last {margin:0 0 0.8em;}
ul.loggedInMenu li.logout {}

div.AvailabilityCalendar {}
div.AvailabilityCalendar table.tblCalendar { width:190px; margin:0 0 0 25px; margin-bottom:10px;}
div.AvailabilityCalendar table.title, div.AvailabilityCalendar table.title a {}
div.AvailabilityCalendar td {}
div.AvailabilityCalendar table {}
div.AvailabilityCalendar td.day {background:#FFF !important;}
div.AvailabilityCalendar td.nextPrevMonth {}
div.AvailabilityCalendar td.today {}
div.AvailabilityCalendar th.dayHeader {}
div.AvailabilityCalendar td.title {}
div.AvailabilityCalendar td.selected {background-color:#a40534 !important;}
div.AvailabilityCalendar td.selected a {color:#FFF;}

div.calendarKeyIcon {
	width:10px;
	height:10px;
	background-color:#a40534;
	float:left;
	margin-left:56px;
}

div.calendarKeyText {float:left;padding-left:6px;}