a:visited{
	color:blue;
}
a:active{
	color:blue;
}
.container {
	/* defaults for resposive height container */
	position: relative;
	width: 900px;
	height: 300px;
	margin: 0 auto;
	overflow: visible;
}
.iosSlider {
	width: 100%;
	height: 100%;
}
.iosSlider .slider {
	width: 100%;
	height: 100%;
	cursor:default !important;
}
.iosSlider .slider .item {
	float: left;
	width: 100%;
}
.iosSlider .slider .item img {
/*width: 100%;*/
	/*height: auto;*/
}
.container .prev {
	position: absolute;
	top: 65px;
	left: -60px;
	width: 40px;
	height: 40px;
	background: #000;
	z-index: 10;
}
.container .next {
	position: absolute;
	top: 65px;
	right: -60px;
	width: 40px;
	height: 40px;
	background: #000;
	z-index: 10;
}
.container .unselectable {
	opacity: 0.2;
}

.clickIntOverlay {
	display:block;
 	width:100%;
	height:100%;
	/* background:rgba(0, 0, 0, 0.3); */
	position:absolute;
	top:0;
	left:0;
	margin: 59px 0 0;
	z-index:1;
	background:url("../../assets/images/cnl_overlay.png") repeat;
}

/* CLICKABLE IMAGE Button
.clickItem {
	width:27%;
	float:left;
	margin:5% 2.7% 3%;
	background:#8da552;
	cursor:pointer;
	box-shadow: 1px 3px 2px 0px rgba(0, 0, 0, 0.3);	
	-webkit-box-shadow: 1px 3px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 3px 2px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 1px 3px 2px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 1px 3px 2px 0px rgba(0, 0, 0, 0.3);
}
.clickItem:hover{
	background:#68bace;
}
.clickItem.visited{
	background:#68bace;
}
/*------*/


/*submit / Next button*/
.submitBtn input[type="button"], .nextBtn input[type="button"], .resetBtn input[type="button"], .resetBtn button, .submitBtn button , .nextBtn button {
	min-width: 82px;
	height: 30px;
	border: medium none;
	color: #FFF;
	margin: 0 0 0 2px;
	padding: 0 0 4px;
	cursor: pointer;
	background:#3C3C3E;
	z-index:999999;
}
.submitBtn input[type="button"]:hover, .nextBtn input[type="button"]:hover, .resetBtn input[type="button"]:hover, .resetBtn button:hover, .submitBtn button:hover, .nextBtn button:hover {
	background:#e4801b;
}
.submitBtn input.disabled[type="button"], .submitBtn input.disabled:hover, .nextBtn input.disabled[type="button"], .nextBtn input.disabled:hover .resetBtn input.disabled:hover, .resetBtn button.disabled, .resetBtn button.disabled:hover, .submitBtn button.disabled, .submitBtn button.disabled:hover,.nextBtn button.disabled, .nextBtn button.disabled:hover {
	background: #6f6f6f;
	color: #b3b3b3;
	cursor: default;
}
/*Feedback box*/

.feedBackPopup {
	clear: both;
	display:none;
}
#mcssFeedbackBox {
    width: 100%;
}
.feedBackContent {
	width: 61.6%;
	min-height:200px;
	margin: 0 auto;
	position: absolute;
	right:0px;
	top:5px;
	z-index: 101;
	background: #00338d;
	color:#fff;
	height: 458px;
   padding: 10px;
	
}
.feedBackContent .titleTxt {
		/* background: none repeat scroll 0 0 #0091da; */
		/* border-top: 2px solid #cccccc; */
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		/* cursor: move; */
		width: 100%;
}
.feedBackContent .titleTxt span {
	display: block;
	height: 29px;
	line-height: 29px;
	padding: 0 12px 1px;
}
.popupClose {
	/* background: url("../images/clickIntClose_01.png") repeat scroll 0 0 rgba(0, 0, 0, 0); */
    color: #ffffff;
    cursor: pointer;
    height: auto;
    line-height: 0;
    position: absolute;
    right: 5px;
    top: 20px;
    width: 36px;
}

.popupClose:hover {
	color: #fac905;
    cursor: pointer;   
}
.feebackText {	
		/* border-bottom: 2px solid #0091da; */
		height: 373px;
		padding: 0 12px;
		/* background-color: #efefef; */
		font-size: 14px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
}

#mcmsFeedbackBox .feebackText{
	height: 211px;
}
/* Fill Blanks - with image */
.fillBlanksWrap.withImage {
	max-width: 85%;
}
.fillBlanksWrap.withImage .contentSec {
	max-width: 70.5%;
	float: left;
	padding:0;
}
.fillBlanksWrap.withImage .contentSec .contentWrap {
	height: 284px;
	margin: 28px 18px;
	padding: 0 18px 0 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.fillBlanksWrap.withImage .contentSec .contentWrap ul li{
	padding:0 0 10px 20px;
	/*color:#000;*/
	background:url(../images/bulletIco.jpg) no-repeat 0 8px;
}
.fillBlanksWrap.withImage .imgSection {
	float: left;
	width:28.7%;
	max-width:315px;
	text-align:right;
}
.fillBlanksWrap.withImage .imgSection img {
	height: auto;
	width:100%;
}

/* MCSS FEEDBACK*/
.mcssFeedbackContainer h3{	padding-bottom:10px;}
.mcssFeedbackContainer p{	padding-bottom:11px;}
/* Fill Blanks */
.fillBlanksWrap {
	/*max-width:766px;*/
	max-width:85%;
	margin: 0 auto;
	/*padding: 82px 45px 0;*/
}
.infoSec, .instructionTxt p {
	float:left;
	margin:0 0 1px;
	padding:0 13px;
	font:normal 15px/50px Arial;
	color:#004e96;
	border-left:solid 5px #e4801b;
	background:#dad9d9;
}
.instructionTxt p {
	float:none;
	padding:0;
	margin:0;
	border:none;
	background:none;
}
.fillBlanksContent {
	padding:0 0 30px;
	overflow:hidden;
}
.fillBlanksContent .contentSec {
	margin:0 0 1px;
	padding:28px 18px;
	font:normal 14px/20px Arial;
	color:#FFF;
	clear:both;
	position:relative;
	background:#00a1b9;
}
.fillBlanksContent .contentWrap input, .fillBlanksContent .contentWrap select {
	color:#FFF;
	border:solid 1px #003037;
	background:#00616f;
}
.fillBlanksContent .contentWrap input {
	padding-left:5px;
	padding-right:5px;
}
.fillBlanksContent .contentWrap p {
	margin:0 0 18px;
}
.fillBlanksContent .contentWrap p a {
	text-decoration:underline;
}
.fillBlanksContent .contentWrap p a:hover{
	text-decoration:none;
}
.fillBlanksContent .submitBtn {
	position:absolute;
	right:0;
	bottom:-31px;
}

/*Note8 Potrait Orientation Start*/
@media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (device-aspect-ratio : 5/8) and (-webkit-min-device-pixel-ratio : 1.33) and (orientation : portrait){
	.fillBlanksWrap.withImage .imgSection{
		background:#00A1B9;
		width:100% !important;
		text-align:center;
		max-width:inherit;
	}
	.fillBlanksWrap.withImage .imgSection img{
		width:50%;
		margin:2px auto -1px;
	}
	.fillBlanksWrap.withImage .contentSec {
		max-width:100% !important;
	}
}

/*Note8 Landscape Orientation Start*/
@media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (device-aspect-ratio : 8/5) and (-webkit-min-device-pixel-ratio : 1.33) and (orientation : landscape){
	.fillBlanksWrap.withImage .contentSec{
		max-width: 65.5%;
		height:292px;
	}
	.fillBlanksWrap.withImage .imgSection {
		width: 33.7%;
		max-width:inherit;
	}
}

/* iPads (Landsacpe) */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/*  .iosSlider .slider .item img {
    width: 100%;
} */
}


/* for Note 8 Potrait
@media screen and (max-width: 800px) and (max-height:1280px){
	.linkWrap {
		margin: 0 auto;
		max-width: 85%;
		padding:0;
	}
	.clickIntPopup{
		max-width: 430px;
	}
	.fillBlanksWrap {
		margin: 0 auto;
		max-width: 90%;
		padding: 0px 45px 0;
	}
	.item{
		top:42px !important;
	}	
	.fillBlanksWrap.withImage .contentSec {
		max-width: 95%!important;
	}
.fillBlanksWrap.withImage .imgSection {
    text-align: right;
    width: 95% !important;
}
#div_2{ top:5px;}
}*/
/* for Note 8 landscape
@media screen and (max-width: 1280px) and (max-height:800px){
	.fillBlanksWrap {
		margin: 0 auto;
		padding: 10px 45px 0;
	}
	.infoSec, .instructionTxt p {
    font: 15px/33px Arial;}
}*/

/*Accordion css start*/
.accordionShell {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 95%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

/* .accordionShell:hover {
    background-color: #ccc;
} */

/* .accordionShell:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: left;
    height: 15px;
    margin: -15px 0 0 -18px;
    padding: 2px 1px;
    position: relative;
    width: 17px;
} */

/* .showFaqTickMark:after {
    background: url(../images/kc_assets_2.png) no-repeat scroll -49px -23px #fff;
    content: '';
} */
.accordionShell {
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 78%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    background: url(../images/plus.png) no-repeat scroll 20px center #fff;
    padding-left: 50px;
	border-bottom: 1px solid #eaeaea;
    padding-right: 59px;
    padding-bottom: 10px;
    padding-top: 10px;
	color: #00338d;
}
.faqContent .faqtxt{
	bottom: 15px;
	position: absolute;
	height: 20px;
	left: 30px;	
	color:#000;
	width: 96%;
	font-style: italic;
	color: #f68d2e;
    padding: 0;
}
.faqContent .faqtxt a{
	text-decoration: underline;
}
.accordionShell.showFaqTickMark{
	background: url(../images/tick.png) no-repeat scroll 20px center #fff;	
	width: 100%;
	color: #444;
	box-sizing: border-box;
}
.accordionShell.current_selected{
background: url(../images/minus.png) no-repeat scroll 20px center #f6f6f6;
width: 100%;
font-weight: bold;
color: #00338d;
border: 0px;
box-sizing: border-box;
}
.accordionContentShell {
display: none;
background: #f6f6f6;
padding: 12px 20px;
}
.faqContent .heading {
    font-size: 24px;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
	line-height: 28px;
}
.faqContainer .faqImageSection .title {
    font-size: 26px;
    color: #fff;
    border-bottom: 1px solid #4d71af;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.faqImageSection .inst{
	color: #f68d2e;
	font-style: italic;
	margin-top: 25px;
}
#faqViewMainClosebtn{padding: 6px 15px 5px 5px;}
#faqViewMainClosebtn,
#faqViewMainClosebtn span{
	color: #000;
}
#faqViewMainClosebtn span{
	margin-top: 2px;
}
/*Accordion css end*/

.feedBackPopup {
    clear: both;
    display: none;
}
/*
.feedBackContent {
    width: 325px;
    min-height: 150px;
    margin: 0 auto;
    z-index: 101;
    background: #FFF;
    height: 174px;
    border: 1px solid #00338d;
}*/