/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: >>>   BROWSE/SEARCH RESULTS   */


#sideSearchBox {
	margin-bottom: 25px;
}
.searchHeader {
	overflow: hidden;
	margin: 0 0 15px;
}
	#mainContent .searchHeader h2 {
		font-weight: normal;
		float:left;
		margin: 0;
		line-height:26px;
	}
	#mainContent .searchHeader .searchTerm {
		border: 1px solid #b3b5b7;/* CR */
		float: left;
		margin: 0 0 0 10px;
		padding: 0 6px;
		height: 24px;
		line-height: 24px;
	}
		/* clean this up later: */
		#mainContent .searchHeader .searchTerm li {
			list-style: none;
		}
			.searchHeader .searchTerm .text strong {
				font-weight: normal;
			}
			.searchTerm .remove {
				padding: 0 1px 0 3px;
			}
			.searchHeader .modifySearch,
			.searchHeader .clearAll {
				display:block;
				float:left;
				height:24px;
				line-height:24px;
				margin:0 0 8px 10px;
				padding:0 6px;
				border:1px solid #b3b5b7;/* CR */
			}

#resultsBarTop,
#resultsBarBottom {
	clear: both;
	overflow:hidden;
}
/*  ADD IN NEXT VERSION
	.resultsBar form {
		float:left;
		margin:0 0 10px 15px;
	}
*/
	.resultsBar .viewControls {
		float: left;
		margin-right: 15px;
	}
	.resultsBar label {
		display: block;
		float: left;
		margin-right: 10px;
	}
	.resultsBar select {
		float: left;
		margin-right: 10px;
	}
	.resultsBar .pagination {
		float: right;
	}
		#resultsBarTop .submit,
		#resultsBarBottom .submit {
			display: inline;
		}
	.jumpToModule .text {
		margin-right:8px;
		width:35px;
	}
	.pageSizeAndSort{
        display: inline-block;
      }
	
#searchContent img,
ul.dynamic img {
	float: left;
	border:0 none;
	margin:0 10px 10px 0;
	padding:0;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: >>>   IPOD SCROLLER/TAXONOMY NAVIGATION   */

.flyoutStyleNav {
	width: 188px;
	background-color: #f7f7f7;/* CR */
}
.flyoutWrap .topLevel {
	height: 100%;
}
	#columnOne .flyoutStyleNav h2 {
		padding: 3px 6px;
	}
	.flyoutWrap {
		position: relative;
		height: 300px;
		overflow: hidden;
	}
		#columnOne .flyoutStyleNav ul {
			position: relative;
			width: 188px;
			border-left: 1px solid #ccc;/* CR */
			border-right: 1px solid #ccc;/* CR */
			left: -1px;
		}
			#columnOne .flyoutStyleNav li {
				list-style: none;
			}
			.flyoutStyleNav .nestedWrapper {
				position: absolute;
				top: 0px;
				left: 188px;
			}
				#columnOne .flyoutStyleNav ul li a {
					display: block;
					padding: 3px 6px;
				}
				#columnOne .flyoutStyleNav ul li h3 {
					display: none;
				}
				#columnOne .flyoutStyleNav ul li ul {
					display: none;
					position: static;
				}
#columnOne .flyoutBreadcrumbs {
	padding: 3px 6px;
}
	#columnOne .flyoutBreadcrumbs ul {
		border: 0;
		position:static;
		overflow: hidden;
	}
		#columnOne .flyoutBreadcrumbs ul li {
			list-style: none;
			display: inline;
			margin-right: 10px;
		}
		
		
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: >>>   Media Search Styles   */
#searchContent .contentItem .media-image {
	background-color: #EEEEEE;
	margin-top: 10px;
	margin-right: 10px;
	width: 150px;
	height: 150px;
}
#searchContent .contentItem .media-image img {
	width: auto;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
.media-image {
	color: black;
}
.default-media-image:before {
    font-size: 5em;
    color: #666666;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: >>>   Cross Search Styles   */
.cross-search-button{
	width: 100%;
    margin-bottom: 10px;
    height: 30px;
    background-color: transparent;
    text-transform: none;
    text-align: left;
}