@charset "UTF-8";
/* CSS Document */

#SlideOverlay {
	z-index: 11;
	alignment-baseline: baseline;
	width: 22.5%;
	height: 52%;
	position: absolute;
	top: 60%;
	right: 0;
	bottom: 0;
	left: 55%;
}
a:focus {
	outline: none;
}
#panel {
	background-image: url(../Images/CC/CC1BOL-Down.svg);
	background-repeat:no-repeat;
	background-size: 100%;
	height: 55%;
	display: none;
}
.Overlay {
	margin: 0; 
	padding: 0;
	background: url(../Images/CC/btn-slide.svg) no-repeat center top;
	background-size: 100%;
	height: 50%;
}
.btn-slider {
	/*background: url(../Images/CC/white-arrow.svg) no-repeat right -50px;*/
	text-align: center;
	width: 100%;
	height: 20%;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none;
}
.OverlayActive {
	background: url(../Images/CC/btn-slideACTIVE.svg) no-repeat center top;
	background-size: 100%;
	height: 50%;
}





#CC3L-SlideOverlay {
	z-index: 45;
	alignment-baseline: baseline;
	width: 38.28%;
	height: 69%; /*this is how far down the LEFT drawer slides*/
	position: absolute;
	top: 14%;
	right: 0;
	bottom: 0;
	left: 10%;
}

#CC3R-SlideOverlay {
	z-index: 45;
	alignment-baseline: baseline;
	width: 38.28%;
	height: 69%; /*this is how far down the RIGHT drawer slides*/
	position: absolute;
	top: 14%;
	right: 0;
	bottom: 0;
	left: 53%;
}

body {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
a:focus {
	outline: none;
}
#CC3L-panel {
	background-image: url(../Images/CC/CC3left.SVG); /* closed panel background */
	background-repeat:no-repeat;
	background-size: 100%;
	height: 100%;
	display: none;
}

#CC3R-panel {
	background-image: url(../Images/CC/CC3RITE-A.SVG); /* closed panel background */
	background-repeat:no-repeat;
	background-size: 100%;
	height: 100%;
	display: none;
}



/* CC3 NOTIONAL Button */
#nButton { 
	width: 21.22%;
	height: 8%;
	position: absolute;
	top: 53%;
	bottom: 39%;
	left: 55.64%;
	cursor: pointer;
	z-index:95;
}
/* CC3 PHYSICAL Button */
#pButton {
	width: 21.22%;
	height: 8%;
	position: absolute;
	top: 53%;
	left: 20.43%;
	cursor: pointer;
	z-index:95;
}

.CC3L-Overlay {
	background: url(../Images/CC/CC3L-btn-slide.svg) no-repeat center top; /* Opened panel background */
	background-size: 100%;
	height: 100%;
}

.CC3R-Overlay {
	background: url(../Images/CC/CC3L-btn-slide.svg) no-repeat center top; /* Opened panel background */
	background-size: 100%;
	height: 100%;
}

.CC3L-OverlayActive {
	background: url(../Images/CC/CC3L-btn-slideACTIVE.svg) no-repeat center top; /* Opened panel background */
	background-size: 100%;
	height: 100%;
}

.CC3R-OverlayActive {
	background: url(../Images/CC/CC3L-btn-slideACTIVE.svg) no-repeat center top; /* Opened panel background */
	background-size: 100%;
	height: 100%;
}

.CC3L-btn-slider {
	text-align: center;
	width: 100%;
	height: 100%;
	/*padding: 10px 0px 0 0;*/
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none;
}

.CC3R-btn-slider {
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	color: #fff;
	text-decoration: none;
}

.active {
	background-position: right 10px;
}