/*Custom Class Overlay*/
	/*Can only be opened from the Training Homepage, so it acts like the second level when it opens*/
	/*but we use it as the First level Custom Class Homepage*/
	.customclass-home-overlay-class {
		position:absolute;
		display:block;
		left: 0;
		top: 0;
		width: 0;
		max-width:100%;
		border-style:solid;
		border-width:2px;
		border-color:rgb(239,240,239);
		z-index: 8; /* Sit on top */
		background-color: rgb(0,0,0); /* Black fallback color */
		background-color: rgba(255,255,255, 1);
		/*overflow: auto;  /* Enable or Disable horizontal scroll */
		overflow:auto;
		transition: 0.01s; /* 0.5 second transition effect to slide in or slide down the */	
	}

	.customclass-home-overlay-header-class {
		text-align:center;
		font-size: 18px;
		font-weight:bold;
		color:white;
		height:20px;
		background-color: rgb(255, 153, 0);	
	}

	.close-customclass-home-img-class {
		position: absolute;
		display:block;
		background:none;
		height:20px;
		top: 4px;
		left: -3px;
		font-size: 25px;
		z-index:9;
		text-decoration:none;
	}

	/* Position the close button (top right corner) */
	.customclass-home-overlay-class .closeCustomClassHomeOverlaybtn {
		position: absolute;
		display:block;
		color:black;
		top: -4px;
		left: 5px;
		font-size: 25px;
		z-index:9;
		text-decoration:none;
	}	

/*Custom Class Home Page*/

	/* Logo and Title*/
	
	.customclass-hp-fulllogo-class {
		position:relative;
		margin-top:20px;
	}

	.customclass-database-hp-fulllogo-table-class {
		display: table;   /* Allow the centering to work */
		margin: 0 auto;
	}

	.customclass-hp-logo-class {
		width:100px;
	
	}

	.customclass-hp-fulltitle-class {
		position:relative;
	}

	.customclass-database-hp-fulltitle-table-class {
		display: table;   /* Allow the centering to work */
		margin: 0 auto;
	}
	
	.customclass-hp-title-class {
		font-size:20px;
		font-weight:bold;
		height:65px;
		line-height: 1.2;
	}

	/*--Main Custom Class Intro Video Types Supported---*/
	.customclass-hp-introvideoimg-div-class {
		display:block;
		position:relative;
		margin-top:10px;
	}
	
	.customclass-hp-introvideoimg-table-class {
		display: table;   /* Allow the centering to work */
		margin: 0 auto;
	}

	.customclass-hp-introvideoimg-iframe-class {		
		/*width:90%;*/
		width:auto;
		max-width:325px;
		height:150px;
	}
	

/* Select a Training Type */

	.customclass-hp-firstleveldefense-buttons-class {
		margin-bottom:10px;
	}

	/*Select a Defense Tutorial First Level*/
	.customclass-hp-firstleveldefense-buttons-table-class {
		display: table;   /* Allow the centering to work */
		margin: 0 auto;		
	}
	
	.customclass-hp-goal-button-class {
		border-radius:5px;
		border-color:white;
		padding:5px 15px 5px 15px;
		margin-right:5px;
		color:white;
		background-color:rgba(81,229, 121, 1);
	}

	.customclass-hp-fiverow-button-class {
		border-radius:5px;
		border-color:white;
		padding:5px 15px 5px 15px;
		margin-right:5px;
		color:white;
		background-color:rgba(81,229, 121, 1);
	}

	.customclass-hp-threerow-button-class {
		border-radius:5px;
		border-color:white;
		padding:5px 15px 5px 15px;
		margin-right:5px;
		color:white;
		background-color:rgba(81,229, 121, 1);
	}	

	/*Select a Defense Tutorial Goal Second Level*/
	.customclass-hp-goal-secondleveldefense-buttons-table-class {
		display: table;   /* Allow the centering to work */
		margin: 0 auto;		
	}
	
	/*Select a Defense Tutorial Five Row Second Level*/
	.customclass-hp-fiverow-secondleveldefense-buttons-table-class {
		display: table;   /* Allow the centering to work */
		margin: 0 auto;		
	}
	
	/*Select a Defense Tutorial Five Row Second Level*/
	.customclass-hp-threerow-secondleveldefense-buttons-table-class {
		display: table;   /* Allow the centering to work */
		margin: 0 auto;		
	}

	/*Second Level Class for formatting all the buttons*/
	.customclass-hp-secondlevelbuttons-class {
		border-radius:5px;
		border-color:white;
		padding:3px 10px 3px 10px;
		margin-right:5px;
		margin-bottom:2px;
		color:white;
		background-color:rgb(255, 153, 0);
	}