/*
=====================================================
	Course Boxes
=====================================================
*/

div.coursebox {
	display: inline-block;
	vertical-align: top;
	width: 32%;
	margin: 10px 0.6% 10px 0.6%;
}

div.coursebox div.courseboxinside {
	position: relative;
	min-height: 275px;
	background-color: #D4DEF7;
	background-color: rgba(255,255,255,0.25);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	/*
	transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	-webkit-transition: all 2s ease;
	*/
	transition: background-size 2s ease-in;
	-moz-transition: background-size 2s ease-in;
	-ms-transition: background-size 2s ease-in;
	-o-transition: background-size 2s ease-in;
	-webkit-transition: background-size 2s ease-in;
}


div.coursebox div.courseboxinside:hover {
	background-size: 125% auto;
	/*
	-ms-transform: scale(1.1, 1.1); 
	-webkit-transform: scale(1.1, 1.1); 
	transform: scale(1.1, 1.1);
	*/
}


div.coursebox div.courseboxtitle {
	background-color: #212C75;
	color: #FFFFFF;
	min-height: 60px;
}

div.ciTemplate-UCC div.courseboxtitle {
	background-color: #333333;
	color: #FFFFFF;
}

div.coursebox div.courseboxtitle div.pad {
	padding: 5px 5px 5px 5px;
}

div.coursebox div.courseboxtitle span.title {
	font-weight: bold;
	display: block;
}

div.coursebox div.courseboxtitle span.subtitle {
	font-weight: normal;
	display: block;
}


div.coursebox div.courseboxinside a.boxlink {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

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

}

div.coursebox div.coursebox-findoutmore {
	display: block;
	padding-top: 10px;
	text-align: right;
}

div.coursebox a.findoutmorelink {
	display: block;
	background-color: #212C75;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	width: 60%;
	margin: 0 0 0 auto;
}


div.coursebox a.findoutmorelink:after {
	content: '\25ba';
	padding-left: 0.5em;
}


div.coursebox a.findoutmorelink:hover,
div.coursebox a.findoutmorelink:active {
	cursor: pointer;
	text-decoration: none;
	background-color: #525DA1;
	color: #FFFFFF;
}

div.ciTemplate-UCC div.coursebox a.findoutmorelink {
	/* background-color: #00A7AA; */
	background-color:  #333333;
	color: #FFFFFF;
}

div.ciTemplate-UCC  div.coursebox a.findoutmorelink:hover,
div.ciTemplate-UCC  div.coursebox a.findoutmorelink:active {
	/* background-color: #4AC0C0; */
	background-color: #030202;
	color: #FFFFFF;
}

@media only screen and (max-width: 980px) {
	div.coursebox {
		display: block;
		vertical-align: top;
		/* width: 325px; */
		width: 325px;
		max-width: 100%;
		margin: 10px auto 10px auto;
	}
}


/* FE Course Box Lines */

.courseboxes-fe div.coursebox div.courseboxtitle {
	padding: 5px 0 5px 0;
}

.courseboxes-fe div.coursebox div.courseboxtitle div.courseboxlinestyle {
	display: block;
	border-top: 2px #FFFFFF solid;
	border-bottom: 2px #FFFFFF solid;
	min-height: 60px;
}


.courseboxes-black div.coursebox div.courseboxtitle {
	background-color: #000000;
	color: #FFFFFF;
}


.courseboxes-black div.coursebox a.findoutmorelink {
	background-color: #000000;
	color: #FFFFFF;
}

.courseboxes-black div.coursebox a.findoutmorelink:hover,
.courseboxes-black div.coursebox a.findoutmorelink:active {
	background-color: #000000;
	color: #FFFFFF;
}



.courseboxes-blue div.coursebox div.courseboxtitle {
	background-color: #5279BA;
	color: #FFFFFF;
}


.courseboxes-blue div.coursebox a.findoutmorelink {
	background-color: #5279BA;
	color: #FFFFFF;
}

.courseboxes-blue div.coursebox a.findoutmorelink:hover,
.courseboxes-blue div.coursebox a.findoutmorelink:active {
	background-color: #5279BA;
	color: #FFFFFF;
}

.courseboxes-green div.coursebox div.courseboxtitle {
	background-color: #98C21D;
	color: #FFFFFF;
}


.courseboxes-green div.coursebox a.findoutmorelink {
	background-color: #98C21D;
	color: #FFFFFF;
}

.courseboxes-green div.coursebox a.findoutmorelink:hover,
.courseboxes-green div.coursebox a.findoutmorelink:active {
	background-color: #98C21D;
	color: #FFFFFF;
}



.courseboxes-ucc-gray div.coursebox div.courseboxtitle,
.courseboxes-ucc-grey div.coursebox div.courseboxtitle {
	background-color: #333333;
	color: #FFFFFF;
}


.courseboxes-ucc-gray div.coursebox a.findoutmorelink,
.courseboxes-ucc-grey div.coursebox a.findoutmorelink {
	background-color: #333333;
	color: #FFFFFF;
}

.courseboxes-ucc-grey div.coursebox a.findoutmorelink:hover,
.courseboxes-ucc-grey div.coursebox a.findoutmorelink:active,
.courseboxes-ucc-gray div.coursebox a.findoutmorelink:hover,
.courseboxes-ucc-gray div.coursebox a.findoutmorelink:active {
	background-color: #5c5c5c;
	color: #FFFFFF;
}