/* ########################################### */
/* -------- SEARCH STYLES STYLESHEET -------- */
/* ########################################### */
@media screen {
	
	body.col-MX .searchContent .block {
		float:left;
		margin:0 10px 0 0;
	}
	body.col-MX .searchContent .blockLast{
		width:360px;
		margin-right:0;
	}
	#searchBox {
		margin: 15px 0 0 0;
		padding: 20px 10px;
		overflow:hidden;
		margin-bottom:30px;
		background-color:#e9e9e9;
		border:1px solid #333;    	
    	overflow: hidden;    	
    	width: 600px;
	}	
	div.pageTitle h1 span{
		color: #D41A25;
   		padding-left: 5px;
	}	
	#frmSearch {
		float:left;
	}
		#frmSearch label {
			display:block;
			font-weight:700;
			color:#333;
			font-size:1.2em;
			margin-bottom:5px;
		}
		#frmSearch .textInput {
			width:230px;
			margin-right:10px;
			float:left;
		}		
		#frmSearch .roundedButton{			
			background: none repeat scroll 0 0 #00558e;
				-moz-border-radius: 5px;
				border-radius: 5px;
			border: 0;
    	    color: #fff;
            cursor: pointer;
            font-family:Arial, Helvetica, sans-serif;
            font-size: 11px;
            font-weight: 700;
            margin: 0 8px 0 0;
            padding: 2px 5px;
        }
        #frmSearch .roundedButton:hover{
        	background: none repeat scroll 0 0 #0078c9;
    		text-decoration: none;
    	}
		
	#advancedSearchInfo {
		font-size:0.9em;
		float:left;
		margin-top:5px;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-style:oblique;
		color:#76777b;
	}			
				
			.articlesResults .archiveSearchResults {
				background-color:#f5f5f5;
				border-left:1px solid #ccc;
				border-right:1px solid #ccc;
				border-bottom:1px solid #ccc;
				overflow:hidden;
			}
				.articlesResults .archiveSearchResults .results {
					float:left;
					overflow:hidden;
				}				
				#wrapContent .listing .listingIcons {
					display:none;
				}				
				#wrapContent .jobListing .listing h3 {
					margin-top:20px;
					font-size:1.0em;
				}
		
			.categoryListing,
			.jobListing,
			.categoryListing {
						border-color:#333;
						border-style:solid;
						border-width:0 1px 1px 1px;
						padding:20px 10px;
						margin:0 0 10px 0
					}
					.categoryListing .listing {
						margin-top:20px;
					}
					
					.categoryListing .listing div {
						margin:5px 0px 5px 0px;
					}
					
					.perPageDisplay .more {
						float:right;
					}
					
					#wrapContent .listing .listingAddressDescription {
						font-size:1em;
						margin-bottom:0px;
					}
					
					#wrapContent .listing a {
						font-size:1.2em;
					}
					
					#wrapContent .listing .listingAddressDescription dl {
						font-size:0.9em;
					}
					
					#wrapContent .listing .listingAddressDescription dd,
					#wrapContent .listing .listingAddressDescription dt {
						display:inline;
					}
		p.showResults {
		    float: left;
		    width: 300px;
		}
		p.sortResults {
		    float: right;
		}	
		.resultsSummaryArea .results {
			font-size:1.2em;
			padding:10px 0px 0px 10px;
		}
		.story,
		#searchFilters {
			margin-top:30px;
			display:block;
			background-color: #FFF;			
		}
		#searchFilters {
			background-color: #FFF;
			padding-bottom:20px
		}	
				#articleResults .story h4.byline {
					font-size:1.1em;
					color:#555555;
					font-weight:300;
					margin-bottom:6px;
					font-style:italic;
				}
				#articleResults .story h3,
				#recommendations .story h3 {
					font-size:1.2em;
					margin-bottom:6px;
				}				
		#archiveSearch .searchContent {
			
		}
		/* ==== search tabs ==== */
		.searchTabContainer ul.tabs {
				background:url("/_images/bkg/bkgSearchNavBottomBorder.png") repeat-x scroll left bottom transparent;
				overflow:hidden;	
				margin:20px 0 0 0;
			}
				.searchTabContainer ul.tabs li {
					background:none repeat scroll 0 0 transparent;
					float:left;
					font-size:1.2em;
					font-weight:700;
					margin:0;
					overflow:visible;
					padding:4px 10px;
					overflow:hidden;
				}
					.searchTabContainer ul.tabs li a {
						color:#333;
					}
					.searchTabContainer ul.tabs li a:hover {
						text-decoration:none;
						color: #DA2128;
					}
					.searchTabContainer ul.tabs li.external {
						background:url("/_images/icon/iconExternal.gif") no-repeat scroll 50px 9px transparent;
						display:inline-block;
						padding-right:20px;
					}
					.searchTabContainer li.selected {
					border-top:1px solid #333;
					border-left:1px solid #333;
					border-right:1px solid #333;
					border-bottom:1px solid #fff;
					padding:3px 10px;
					color:#da2128;
					font-size:1.2em;
				}
					
		/* ==== search help ==== */
		#searchHelp {
			width:250px;
			margin-top:15px;
			margin-left:15px;
			float:left;
			color:#76777b;
			font-family:Arial, Helvetica, sans-serif;
			font-size:1.1em;
			font-style:italic;
		}
			#searchHelp a {
				font-size:1.1em;
			}
			#searchHelp p {
				font-size:1.1em;
				float:left;
				font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-style:italic;
				color:#76777b;
		}
			#searchHelp p a {
				font-style:normal;
			}
			
		
		.searchResults .resultPagination {
			margin-bottom:0;
		}
		.searchResults.bottom .resultPagination {
			margin-bottom:30px;
			display:block;
		}
		#searchFilters .sortBy,
		#searchFilters .searchHeadlinesOnly,
		#searchFilters .resultsPerPage,
		#searchFilters #furtherFilters,
		#searchResultsFilterContainer,
		#activeFilters {
			background: #f7f7f7;
			display:block;
			padding-bottom: 5px;
		}
		#archiveSearch .ticked span {
			background-position:0 -13px;
		}
		.searchHeadlinesOnly {
			margin:10px 0 0 0;
			font-size:1.2em;
			display:block;
		}
			#archiveSearch .buttonLink span {
				background:url("/_images/bkg/bkgSearchHeadlinesOnly.gif") no-repeat 0 0px;
				display:block;
				float:left;
				height:13px;
				margin:0 5px 0 0;
				width:13px;
			}
			#archiveSearch .buttonLink.ticked span{
				background:url("/_images/bkg/bkgSearchHeadlinesOnly.gif") no-repeat 0 -13px;
				display:block;
			}
		.filterList, .moreFilterList {
			font-size:1em;
		}
		#activeFilters {
			margin:20px 0px;
		}
		#activeFilters h3.activeFiltersTitle {
			color:#da2128;
		}
		#activeFilters h4,
		#searchResultsFilterContainer h4 {
			font-size:1.2em;
			margin-bottom:10px;
			font-family:Arial, Helvetica, sans-serif;
			margin:15px 0 5px;
			color:#333;
			text-transform:none;
		}
		#activeFilters p {
			font-size:1.2em;
			padding:0 5px;
		}
		.filterArea {
			padding:0 5px;
		}
		.selectedFilter ul li {
			background:none;
			padding-left:0;
			margin-bottom:8px;
			font-size:1.2em;
		}
		.selectedFilter ul li li {
		    background: url("/_images/bkg/bkgNestedFilters.gif") no-repeat scroll left 3px transparent;
		    font-size: 100%;
		    padding-left: 15px;
		}
			.selectedFilter ul li a img {
				display:inline;
				margin-left:3px;
			}
			.clearFilters {
				color:#76777B;
				margin-top:20px;
				font-style:italic;
			}
				.clearFilters p.clearSearch {
					padding:5px 0 0 0;
					font-style:normal;
				}
				.clearFilters p.clearSearch a {
					text-decoration:underline
				}
			#searchFilters .sortBy span {
				font-weight:700;
			}
			
			#searchFilters .resultsPerPage label {
				font-size:1.0em;
				margin-right:10px;
			}
			
			#searchFilters #furtherFilters a {
				font-size:1.2em;
			}
			
			#activeFilters h2,
			#searchResultsFilterContainer h3,
			#activeFilters h3{
				border-top: 1px dashed #a9a9a9;
				border-bottom: 1px dashed #a9a9a9;
				padding:4px 5px;
			}
			#activeFilters ul,
			#searchResultsFilterContainer ul {
				list-style-type:none;
				margin-left:0;
			}
				#searchResultsFilterContainer ul li {
					background:none;
					padding-left:0px;
					margin-bottom:5px;
					font-size:1.2em;
					cursor:pointer;
				}
			#articleResults #recommendations .story span,
			#articleResults #resultsList .story span {color:#000000;font-weight:700;}

/* styling for recommendation section */
#recommendations {
	margin:30px 0 10px 0;
	border:1px solid #E4E4E4;
	padding:3px;
}

#recommendations #recommendationsInner {
	background:#f0f0f0;
	padding:10px;
}
	#recommendations h2 {
		font-size:1.2em;
		margin-bottom:5px;
		font-weight:700;
	}
	#recommendations .story {
		padding-top: 10px;
		margin-top: 0;	
	}
		#recommendations .story.first {
			background: none;
			padding-top: 0;
		}
		#recommendations .story p {
			margin-bottom:0;
		}

.searchContent .noResults {
	padding:20px 0;
}
	.searchContent .noResults h3 {
	   color: #DA2128;
	}
	.searchContent .noResults dt, .searchContent .noResults dd {
		font-size:1.2em;
	}
}
