/* quals pathway css - colour styles in page related css file */

.lvl2, .lvl3a {background-color:#d4d4d4 !important;}
.lvl3b, .lvl4 {background-color:#c1c1c1 !important;}
.lvl5 {background-color:#acacac !important;}
.lvl6, .lvl7 {background-color:#a0a0a0 !important;}

.lvl2, .lvl3b, .lvl6, .lvl5 {
	color:#ffffff;
	padding:2% 1% 1% 4%;	
}
.lvl3a, .lvl4, .lvl7 {
	color:#ffffff;
	padding:2% 4% 1% 1%;
}
/*.lvl7 {
	min-height: 345px;
}*/


.lvl2 {
	background:url("/cisiweb2/image/qualifications/foundation.png") no-repeat scroll 15px center / 25px auto;	
}
.lvl3b {
	background:url("/cisiweb2/image/qualifications/qualifying.png") no-repeat scroll 15px center / 25px auto;	
}
.lvl5 {
	background:url("/cisiweb2/image/qualifications/advanced.png") no-repeat scroll 15px center / 25px auto;		
}
.lvl6 {
	background:url("/cisiweb2/image/qualifications/professional.png") no-repeat scroll 15px center / 25px auto;		
}
.lightRed, .red, .clearBlock {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 120px;
    line-height: 17px;
    padding: 10px 20px;
	margin-bottom:10px;
    text-align: center;
	width:100%;
    vertical-align: top;

}
.cisiLevel {
	height:30px;	
	font-size:20px;
	margin-bottom:10px;
	text-align:center;
}

.ukLevel {
    display: inline-block;
    font-size: 34px;
    padding:0px 0px 10px 0px;
    text-align: center;
    width: 100%;
}	
.euLevel {
    display: inline-block;
    font-size: 34px;
    padding:0px;
    text-align: center;
    width: 100%;	
}

@media (max-width : 1599px) {
	.lightRed, .red, .clearBlock {
		font-size: 13px;
		height: 100px;
		line-height: 16px;
		padding: 10px !important;
	}
	.cisiLevel {
		font-size:16px;
		font-weight:400;
	}
	.lvl2 { background:url("/cisiweb2/image/qualifications/foundation.png") no-repeat scroll 12px center / 25px auto; }
	.lvl3b { background:url("/cisiweb2/image/qualifications/qualifying.png") no-repeat scroll 12px center / 25px auto; }
	.lvl5 {	background:url("/cisiweb2/image/qualifications/advanced.png") no-repeat scroll 12px center / 25px auto;	}
	.lvl6 {	background:url("/cisiweb2/image/qualifications/professional.png") no-repeat scroll 12px center / 25px auto; }
}
@media (max-width : 1199px) {
	.lightRed, .red, .clearBlock {
		font-size: 10px;
		line-height: 17px !important;
	}
	.cisiLevel {
		font-size:13px;
		font-weight:400;	
		margin-bottom:0px;
	}
	.ukLevel {
		font-size: 24px;
	}	
	.euLevel {
		font-size: 24px;
	}
	.lvl2 {	background:url("/cisiweb2/image/qualifications/foundation.png") no-repeat scroll 11px center / 16px auto; }
	.lvl3b { background:url("/cisiweb2/image/qualifications/qualifying.png") no-repeat scroll 11px center / 16px auto; }
	.lvl5 {	background:url("/cisiweb2/image/qualifications/advanced.png") no-repeat scroll 11px center / 16px auto;	}
	.lvl6 {	background:url("/cisiweb2/image/qualifications/professional.png") no-repeat scroll 11px center / 16px auto; }
}
@media (max-width : 991px) {
	.lightRed, .red, .clearBlock {
		font-size: 13px;
		height: 60px;
	}
	.cisiLevel {
		height:30px;	
		font-size:16px;
		margin-bottom:10px;
	}
	.lvl2, .lvl3b, .lvl6 {
		padding:3%;	
	}
	.lvl3a, .lvl4, .lvl7 {
		padding:3%;
	}
	.lvl5  {
		padding:3%;
	}
	.lvl2 {	background:none; }
	.lvl3b { background:none; }
	.lvl5 {	background:none;	}
	.lvl6 {	background:none; }
}
@media (max-width: 767px) { 
	.lightRed, .red, .clearBlock {
		font-size: 14px;
		height: auto;
		line-height: 17px;
		padding: 15px;
	}
	.cisiLevel {
		font-size:20px;
		font-weight:400;	
	}
	.lvl2, .lvl3b, .lvl6 {
		padding:3%;	
	}
	.lvl3a, .lvl4, .lvl7 {
		padding:3%;
	}
	.lvl5  {
		padding:3%;
	}
	.lvl2, .lvl3a {background:#d4d4d4 !important;}
	.lvl3b, .lvl4 {
		background:#c1c1c1 !important;
	}
	.lvl5 {
		background:#acacac !important;	
	}
	.lvl6, .lvl7 {
		background:#a0a0a0 !important;
	}
}



/* Membership ops section */

.memberOps {
	background-image:url('/cisiweb2/image/qualifications/memberopsbg.jpg');
	background-position:center;
	margin-bottom:60px !important;
}	
.memberOpsText {
	width:50%;
	margin-top:6%;	
}
.memberFact {
		background:rgb(67, 155, 154);	
	background:rgba(67, 155, 154, 0.9);	
	color:#ffffff;  
	padding:40px;
	text-align:center;
	margin:60px 0;
	min-height:302px;
}
.memberFact:hover {
		background:rgb(67, 155, 154);	
	background:rgba(67, 155, 154, 1);	
	cursor:pointer;
}
.memberFact a {
	text-decoration:none !important;	
	color:#ffffff !important;
}
.memberFact h1, 
.memberFact h4 {
	margin-top:0px !important;
	margin-bottom:10px !important;	
	color:#ffffff !important;
}
.memberFact h1 {
	font-size:60px !important;	
	font-weight:200 !important;
}
.memberFact h4 {
	font-size:24px !important;	
	font-weight:200 !important;
}

@media (max-width : 1599px) {
	.memberOpsText {
		width:80%;
	}
	.memberFact h1 {
		font-size:50px !important;	
	}
	.memberFact h4 {
		font-size:20px !important;	
	}
}
@media (max-width : 1199px) {
	.memberFact h1 {
		font-size:40px !important;	
	}
	.memberFact h4 {
		font-size:18px !important;	
	}
	.memberOpsText {
		width:70% !important;
	}
}
@media (max-width : 991px) {
	.memberOps {
		background-size:cover;
		background-position:center;
		margin-bottom:60px !important;
		padding-bottom:20px !important;
	}
	.memberFact {
		padding:20px;
		margin:20px 0;
	}
}
@media (max-width: 767px) { 
	.memberOpsText {
		width:100% !important;
	}
}