@charset "utf-8";
/* CSS Document */

/* LOGO */
.logo-img {
	float: right;
	margin: 0 0 10px 10px;
	border: none;
}

/*-------------------------------------------
	TITLE: GreenBuild 365 Catalog Stylesheet
-------------------------------------------*/

#page-title {background:url(../../images/coursecatalog-text.png) no-repeat center left;color:#3978a2;font-size:32px;font-weight:normal;margin:0 0 0 35px;text-indent:-9999px;width:250px;}
/*-------------------------------------------
	COLUMN 1 
-------------------------------------------*/
	#filter ,#search {padding:15px 0 15px 15px;}
		#filter *,#search * {list-style:none;margin:0;padding:0;}
		#filter fieldset, #search fieldset {border-width:0;padding:5px 0;}
			#filter h4, #search h4 {border-bottom:#717664 1px solid;color:#515547;display:block;font-size:11px;font-weight:bold;margin:0;padding:0;}
			
/*- FILTER -*/
	#filter {background:#d1e0ea url(../../images/filter-bg.png) no-repeat;}
		#filter .form {background:url(../../images/filter-form-bg.png) no-repeat bottom left;}
			#filter .form ul {padding:0 0 6px 0;}
			#filter .form li {margin:4px 0;}
			#filter .form select {margin:5px 0;}
			#filter .form select.replaced {display:none;}
			#filter .form div.selectReplacement {background:#FFF url(../../images/select-box.gif) no-repeat 198px 5px;height:23px;margin:5px 0;position:relative;width:220px;z-index:0;}
				#filter .form div.selectReplacement ul {border:#96b4c8 1px solid;padding:0;width:220px;}
				#filter .form div.selectReplacement ul li {cursor:pointer;display:none;font-size:11px;margin:0;padding:2px 5px;width:210px;}
				#filter .form div.selectReplacement.selectOpen ul li:hover {background:#eaf1f5;color:#26648d;}
				#filter .form div.selectReplacement.selectOpen {z-index:10 !important;}
				#filter .form div.selectReplacement.selectOpen ul li {background:#FFF;display:block;}
				#filter .form div.selectReplacement ul li.selected {display:block;font-weight:bold;}
				#filter .form div.small div.selectReplacement {background:#FFF url(../../images/select-box.gif) no-repeat 29px 5px;height:23px;margin:5px 0;position:relative;width:50px;z-index:0;}
					#filter .form div.small div.selectReplacement ul {border:#96b4c8 1px solid;width:50px;}
					#filter .form div.small div.selectReplacement ul li {width:40px;}
			#filter .inputs {border-top:#717664 1px solid;margin:10px 0 0 0;padding:10px 0 0 0;}
				#filter .inputs input {vertical-align:top;}
	#filter select.form_content {font-size:11px;margin:10px;padding:2px 5px;width:200px; background:#FFFF}
	#filter select.multiple {padding:0;}
	#filter select.multiple option {padding:2px 5px;}
		#filter input.form_content {font-size:11px;margin:10px;padding:2px 5px;width:185px; background:#FFFF}
		#filter table.form_content {font-size:11px;margin:5px;border:0; width: 225px;}
		
		
	.col.g1.no-gutter .end { height: 12px; background:url(../../images/filter-form-bg.png) no-repeat top left; margin-bottom: 10px;}

				
			
/*- SEARCH -*/
	#search {background:#cfdc93 url(../../images/search-bg.png) no-repeat;}
		#search  {background:url(../../images/search-form-bg.png) no-repeat bottom left;}
			#search  #search {background:#eaefce;border:#c1d173 1px solid; border-left-color:#FFF; border-bottom-color:#FFF;margin:5px 0 0 0;padding:2px 3px;width:180px;}
			#search  .submit {margin:5px 0 0 0;vertical-align:top;}
	
	#filter .search { overflow: hidden; width: 100%;}	

/* ADVANCED SEARCH */
#filter .search-advanced-link {
	float: left;
	background: url( "../../images/expand.gif" ) no-repeat left 3px;
	padding: 0 0 0 15px;
	margin: 8px 0;
	height: 18px;
}

#filter .search-advanced-link-active {
	background-position: left -25px;
}

#filter p {
	margin: 5px 0 -10px 10px;
}

#filter .search input {
	vertical-align: middle;
}

/*-------------------------------------------
	COLUMN 2
-------------------------------------------*/
/*- SEARCH RESULTS -*/
	/* pagination */
		.pagination {background:#d5e3ec url(../../images/pagination-bg.png) repeat-x;border:#3978a3 1px solid;font-size:11px;padding:2px 10px;}
			.pagination * {list-style:none;margin:0;padding:0;}
			.pagination h5 {float:left;font-size:11px;color:#4a4a4a;}
			.pagination ul {color:#999;float:right;}
				.pagination ul li {background:none !important;display:inline;padding:0 !important;}
					.pagination ul li.current a {font-weight:bold;color:#4a4a4a;}
	/* results list */
		#results-list {border:#3978a3 1px solid;border-width:0 1px;list-style:none;margin:0;padding:10px;}
			/*
			#results-list .result {background:none;border-bottom:#3978a3 1px solid;padding:10px 5px 0 5px;}
			#results-list .result.hover {background:#f9fccf; cursor: pointer;}
			*/
			
			#results-list .result {background:none;border-bottom:#3978a3 1px solid;padding:8px 0;}
			#results-list .result div { border: 10px solid #fff; padding:8px;}
			/*#results-list .result:hover {background:#f9fccf;}*/
			#results-list .result { cursor: pointer; }
			#results-list .result.hover { background: none; }
			#results-list .result.hover div { border: 10px solid #f5f9b6;}
			
				#results-list dl {border-left:#CCC 1px solid;float:right;font-size:11px;line-height:1.3;margin:0 0 0 10px;padding:0 10px;width:150px;}
					#results-list dl dt {color:#525d65;font-style:italic;}
					#results-list dl dd {margin:0 0 6px 0;padding:0;}
				#results-list h3 {margin:0;}
				#results-list h4 {color:#7d9604;font-size:12px;font-weight:bold;margin:12px 0 0 0;}
				#results-list p {margin:0;}
				#results-list ul {font-size:10px;line-height:1.3;list-style:none;margin:0;padding:0;}
					#results-list li li {background:url(../../images/bullet.gif) no-repeat 3px 5px;border-width:0;margin:0;padding:2px 0 4px 12px;}					
					
			#results-list .result {background:none;border-bottom:#3978a3 1px solid;padding:8px 0;}
			#results-list .result div { border: 10px solid #fff; padding:8px;}
			/*#results-list .result:hover {background:#f9fccf;}*/
			#results-list .result { cursor: pointer; }
			#results-list .result.hover { background: none; }
			#results-list .result.hover div { border: 10px solid #f5f9b6;}
								
