#comms-panel
{
	width:200px; 
	position:absolute;
	right:0px;
	background:/*dark-blue*/#4694BF;
	height:100%;
	background-image:url('img-menu/bg.png'),url('img-menu/bg-texture.png');
}

#comms-panel .comms-header
{
	cursor:pointer;
	background:/*blue*/rgba(88,186,240,0.5);
	padding:10px;
	
	color:white;
	border-bottom:1px solid rgba(0,0,0,0.3);
	border-top:1px solid rgba(255,255,255,0.3);
	
	padding-left:20px;
}

#menu-panel
{
	background-color:red;
	position:absolute;
	left:0px;
	margin:0px;
	padding:0px;
	border:none;
	line-height:0px;
	font-size:0px;
}

#wrapper
	{
		width:100%;
		height:100%;
		background-color:#3291EB;
		position:absolute;
		top:0px;
		left:0px;
		
	}
	
	#lesson-panel
	{
		left:0px;
		width:100%;
		position:absolute;
		height:100%;
		/*border-left:1px solid #0F3C41;
		border-right:1px solid #0F3C41;*/
		 
		background-color:black;
		background-size:100%;
		background-repeat:no-repeat;
	
	}
	
	#lesson-panel #lesson-panel-bg
	{
		position:absolute;
		top:0px;
		left:0px;
		margin:0px;
		padding:0px;
		width:100%;
		height:100%;
		background-color:#3291EB;
		line-height:0px;
		font-size:0px;
		overflow:hidden;
	}
	
	#lesson-panel #lesson-panel-bg canvas
	{
		position:absolute;
		top:0px;
		left:0px;
		/*width:100%;
		height:100%;*/
	}
	
	#lesson-header
	{
		width:100%;
		
		height:65px;
		font-size:20px;
		color:white;
		
		text-shadow:0px 1px 1px black;
		position:relative;
	}
	
	#lesson-header .nav
	{
		cursor:pointer;
		position:absolute;
		top:0px;
	}
	
	#lesson-header-bg
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:65px;

		background-color:rgba(0,0,0,0.4);
		border-bottom:1px solid black;
		border-top:1px solid black;
		
		background-image:url('img/blur.png');
		background-size:cover;
	}
	
	#lightbox-wrapper
	{
		position:fixed;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.6);
		display:none;
		z-index:1000;
	}
	
	#lightbox
	{
		position:relative;
		padding:10px;
		border-radius:10px;
		background:white;
		height:100px;
		width:100px;
		margin:auto;
		border-bottom:5px solid #ccc;
		
	}
	
	
	
	#lightbox iframe
	{
		border:none;
		overflow:hidden;
		padding:0px;
		margin:0px;
		width:100px;
		height:100px;
		scroll
	}
	
	#lightbox .close-lightbox-button
	{
		position:absolute;
		top:-10px;
		right:-10px;
		background-color:white;
		border-color:#ccc;
		color:gray;
	}
	
	.subheading
	{
		font-size:12px;
		color:/*blue*/#58BAF0;
	}