body {
	display:block;
	width:100%;
}

.title {
			
}

nav {
	
}

nav a {
	
}

.audio_dir {
	display:none;
}

.jrscreen {
	display:none;
}

.header-container .help_arrow_1 {    
	position:absolute;
	display:none;
	opacity:0;
	width:46px;
	height:53px;
	right: 3.4em;
	top: 0;
	top: -30px;
}

.bok {
	position:relative;
}

.header-container .help_arrow {    
	position:absolute;
	display:none;
	opacity:0;
	width:46px;
	height:53px;
	top: -30px;
}

.main aside {
	padding:0;
}

.main aside p#aside_info {
	padding:0 1em;
	background-color:#444;
	-webkit-border-radius:6px; /* chrome and safari browsers */
	-moz-border-radius:6px; /* mozilla firefox */
	-khtml-border-radius: 6px; /* some linux browsers */
	border-radius:6px; /* w3c standard */
}

.main aside .video_dir video {
	width:100%;
	display:none;
}

.main aside .video_word_common video {
 	display: none;
	width: 100%;
}

.ans {
	/*text-decoration:none;
	color:#0000FF;*/
	background-color:#FFFF33;
	border:1px solid red; 
	/*padding:4px;*/
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
	-webkit-border-radius:6px; /* chrome and safari browsers */
	-moz-border-radius:6px; /* mozilla firefox */
	-khtml-border-radius: 6px; /* some linux browsers */
	border-radius:6px; /* w3c standard */
}

#id_answ_1,
#id_answ_2,
#id_answ_3,
#id_answ_4 {
	text-decoration:none;
	color:#0000FF;
	background-color:#FFFF33;
	border:1px solid red; 
	padding:4px;
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
	-webkit-border-radius:6px; /* chrome and safari browsers */
	-moz-border-radius:6px; /* mozilla firefox */
	-khtml-border-radius: 6px; /* some linux browsers */
	border-radius:6px; /* w3c standard */
}

#id_answ_1-fade-text,
#id_answ_2-fade-text,
#id_answ_3-fade-text,
#id_answ_4-fade-text {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#800000;
	border:1px solid #FFFFFF; 
	padding:4px;
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
	-webkit-border-radius:6px; /* chrome and safari browsers */
	-moz-border-radius:6px; /* mozilla firefox */
	-khtml-border-radius: 6px; /* some linux browsers */
	border-radius:6px; /* w3c standard */
}
      
.fade-text {
  transform: translate(-50%, -50%); /* Center the text */
}

.fade-colors {
  transition: background-color 2s ease-in-out;
}
   
.hilite, .hilite a, .hilite a:visited {
	color:#000000;
}

.hilite a:hover, .hilite a:active {
	color:#FF0000;
}

.hilite, .hilite a, .hilite a:visited, .hilite a:hover, .hilite a:active {
	background-color:#FFFF00;	
	text-decoration:none;
	margin:0px;
	padding:0px;
	padding-left:2px;
	padding-right:2px;
	margin-bottom:12px;
	margin-right:8px;
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa; /* */
	-webkit-border-radius:6px; /* chrome and safari browsers */
	-moz-border-radius:6px; /* mozilla firefox */
	-khtml-border-radius: 6px; /* some linux browsers */
	border-radius:6px; /* w3c standard */
}
	
.main article {
	float: none;
	width: 100%;
	text-align:center;
}

#full_lesson_title_wrapper {
  display:inline-block;
  padding:0;
  margin:0;
  margin-right:1.0em;
}

#student_name_wrapper {
  display:inline-block;
  padding:0;
  margin:0;
  margin-right:1.0em;
}

#student_name_display {
  display:inline-block;
  padding:0;
  margin:0;
}

/* Disable text selection for all elements */

* {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

@media only screen and (max-width: 480px) {

/* =======
    SMALL
   ======= */

	 .bclose_full, 
	 .bquest_full, 
	 .bskip_full {
      display:block;
    }

    .bclose_tiny, 
    .bquest_tiny, 
    .bskip_tiny  {
      display:none;
    }

    .title {
	    float:none;
    }

    nav {
	    
    }

    nav a {
			
    }

}

@media only screen and (min-width: 480px) {

/* ==============
    INTERMEDIATE
   ============== */

    .title {
	    float:left;
    }

    nav {
	    
    }

    nav a {
			
    }

/* ====================
    INTERMEDIATE: Main
   ==================== */

    .main aside {
        float: right;
        width: 28%;
				min-height:200px;
				margin-left:20px;
				margin-top:-30px;
		}
		
}

@media only screen and (min-width: 768px) {

/* ======
    WIDE
   ====== */

    .title {
			
    }

    nav {
			
    }

    nav a {
			
    }

}

@media only screen and (min-width: 980px) { /* added for drag-matching */
/* ============
    WIDE: Main
   ============ */

    .main aside {
			
		}

}

@media only screen and (min-height: 980px) { /* added for drag-matching */

/* ============
    WIDE: Main
   ============ */

    .main aside {
				margin-top:-30px;
		}
		
}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

    .title {
			
    }

    nav {
			
    }

    nav a {
			
    }

}