/*
=====================================================
	Course Finder Results Box 2018
=====================================================
*/


div.CourseFinderResultsBox {
	display: inline-block !important;
	vertical-align: top !important;
	width: 100% !important;
	
	margin-bottom: 10px !important;
	
	
	background-color: #F7F7F7;
	border: 1px #C8C8C8 solid;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(155, 154, 154, 0.75);
	-moz-box-shadow:    2px 2px 3px 0px rgba(155, 154, 154, 0.75);
	box-shadow:         2px 2px 3px 0px rgba(155, 154, 154, 0.75);
}

div.CourseFinderResultsBox div.CourseFinderResultsBoxinside {
	position: relative !important;
}

div.CourseFinderResultsBox div.CourseFinderResultsBoxinside div.courseimg {
	width: 25% !important;
	margin: 10px auto 10px 10px;
	height: 175px !important;
	background-color: transparent !important;
	background-position: center center !important;
	background-size: cover !important; /* cover */
	background-repeat: no-repeat !important;
	display: inline-block;
	vertical-align: top;
}


div.CourseFinderResultsBox div.CourseFinderResultsBoxinside  a.boxtitle {
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
}

div.CourseFinderResultsBox div.CourseFinderResultsBoxinside  a.boxtitle:hover,
div.CourseFinderResultsBox div.CourseFinderResultsBoxinside  a.boxtitle:active {
	font-weight: bold;
}


div.CourseFinderResultsBox div.CourseFinderResultsBoxinside div.courseDescription {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 20px;
}

div.CourseFinderResultsBox div.CourseFinderResultsBoxinside div.courseimg + div.courseDescription {
	width: 70%;
}

div.CourseFinderResultsBox div.CourseFinderResultsBoxinside div.courseDescription div.pad {
	padding: 10px 10px 10px 10px;
}


div.CourseFinderResultsBox div.CourseFinderResultsBoxinside a.boxlink {
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-color: transparent !important;
}

div.CourseFinderResultsBox div.CourseFinderResultsBoxinside a.boxlink:hover {
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-color: transparent !important;
	background-color: rgba(255,255,255,0.2) !important;
	cursor: pointer !important;

}

div.CourseFinderResultsBox div.courseVariations {
	padding: 10px 10px 0 10px;
}

div.CourseFinderResultsBox div.courseVariations div.courseVariation  {
	border: 1px #212C75 solid;
	
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}

div.CourseFinderResultsBox div.courseVariations div.courseVariation div.courseVariationName {
	background-color: #212C75;
	color: #FFFFFF;
}

div.CourseFinderResultsBox div.courseVariations div.courseVariation div.courseVariationName a {
	color: #FFFFFF;
	font-weight: bold;
}

div.CourseFinderResultsBox div.courseVariations div.courseVariation div.courseVariationName a:hover,
div.CourseFinderResultsBox div.courseVariations div.courseVariation div.courseVariationName a:active {
	color: #FFFFFF;
	text-decoration: none;
}


div.CourseFinderResultsBox div.courseVariations div.courseVariation div.pad {
	padding: 10px 10px 10px 10px;
}


div.CourseFinderResultsBox div.courseVariations div.courseVariation table {
	width: 100%;
	table-layout: fixed;
}

div.CourseFinderResultsBox div.courseVariations div.courseVariation table tr th {
	background-color: #35418A;
	color: #FFFFFF;
	text-align: right;
	padding: 5px 5px 5px 5px;
	border: 1px #FFFFFF solid;
	vertical-align: top;
	min-width: 33%;
}

div.CourseFinderResultsBox div.courseVariations div.courseVariation table tr td {
	border: 1px #FFFFFF solid;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	background-color: #D5D9F0;
}


div.ciTemplate-UCC div.CourseFinderResultsBox div.courseVariations div.courseVariation {
	border-color: #00A7AA;
}

div.ciTemplate-UCC div.CourseFinderResultsBox div.courseVariations div.courseVariation div.courseVariationName {
	background-color: #00A7AA;
}

div.ciTemplate-UCC div.CourseFinderResultsBox div.courseVariations div.courseVariation table tr th {
	background-color: #00A7AA;
}

div.ciTemplate-UCC div.CourseFinderResultsBox div.courseVariations div.courseVariation table tr td {	
	background-color: #DAFBFB;
}


div.CourseFinderResultsBox div.courseVariations div.courseVariation div.buttons {

}

div.CourseFinderResultsBox div.courseVariations div.courseVariation div.buttons div.pad {
	padding: 0 10px 0 10px;
}

div.CourseFinderResultsBox div.courseVariations div.courseVariation div.buttons  a.findoutmorelink {
	display: block !important;
	background-color: #212C75 !important;
	color: #FFFFFF !important;
	padding: 10px 10px 10px 10px !important;
	font-weight: bold !important;
	margin: 0 auto 10px auto !important;
	text-align: right;
}


div.CourseFinderResultsBox div.courseVariations div.courseVariation div.buttons  a.findoutmorelink:after {
	content: '\25ba' !important;
	padding-left: 0.5em !important;
}


div.CourseFinderResultsBox div.courseVariations div.courseVariation div.buttons  a.findoutmorelink:hover,
div.CourseFinderResultsBox div.courseVariations div.courseVariation div.buttons  a.findoutmorelink:active {
	cursor: pointer !important;
	text-decoration: none !important;
	background-color: #525DA1 !important;
	color: #FFFFFF !important;
}

div.ciTemplate-UCC div.CourseFinderResultsBox div.courseVariations div.courseVariation div.buttons  a.findoutmorelink {
	background-color: #00A7AA !important;
	color: #FFFFFF !important;
}

div.ciTemplate-UCC  div.CourseFinderResultsBox div.courseVariations div.courseVariation div.buttons a.findoutmorelink:hover,
div.ciTemplate-UCC  div.CourseFinderResultsBox div.courseVariations div.courseVariation div.buttons a.findoutmorelink:active {
	background-color: #4AC0C0 !important;
	color: #FFFFFF !important;
}




@media only screen and (max-width: 980px) {
	div.CourseFinderResultsBox {
		width: 90%;
		margin: 10px auto 10px auto;
	}

	div.CourseFinderResultsBox div.CourseFinderResultsBoxinside div.courseimg {
		width: 175px !important;
		height: 175px !important;
		background-color: transparent !important;
		background-position: center center !important;
		background-size: cover !important;
		display: block !important;
	}
	
	div.CourseFinderResultsBox div.CourseFinderResultsBoxinside div.courseDescription {
		width: 100% !important;
		display: block !important;
	}

}