/* Classroom control *** */

#reader #book .book-classroom-control {
	top: 60px;
	right: 145px;
	width: 230px;
	background-color: #18222E;
	color:#ffffff;
	font-family:Verdana;
	font-size:12px;
}
#reader[data-usertype="S"] #book .book-classroom-control {
	right: 55px;
}
#reader[data-usertype="T"] #book .book-classroom-control.bubble-below:after {
	left: 105px;
}
#reader[data-usertype="S"] #book .book-classroom-control.bubble-below:after {
	left: 104px;
}
/*#reader #book .book-toc:after {
	right: 29px;
}*/
#reader #book .book-classroom-control:after {
	border-color: #18222E transparent;
}
#reader #book .book-classroom-control .class-control {
	display: block;
	margin:5px;
	padding:5px;
}
#reader #book .book-classroom-control .section-title {
	vertical-align: middle;
	line-height: 22px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-top: 1px #293849 solid;
	font-weight: bold;
}
#reader #book .book-classroom-control .class-control .section-title {
	padding-top: 0;
	border-top: none;
	border-bottom: 1px #293849 solid
}
#reader #book .book-classroom-control .custom-toggle {
	/*float: right;*/
	position: absolute;
	right: 10px;
}
#reader #book .book-classroom-control .class-control
	#classroomControl\.controlStatusButton[disconnected] .custom-toggle-option:before,
#reader #book .book-classroom-control .class-control
	#classroomControl\.controlStatusButton[disconnected] .custom-toggle-option:after {
	background-color: #F00;
}
#reader[data-usertype="T"] #book .book-classroom-control .class-control .control-message-for-student,
#reader[data-usertype="S"] #book .book-classroom-control .class-control .control-message-for-teacher {display:none;}
#reader[data-usertype="T"] #book .book-classroom-control .class-control .control-message-for-teacher,
#reader[data-usertype="S"] #book .book-classroom-control .class-control .control-message-for-student {display:inline-block;}
#reader #book .book-classroom-control .control-item {
	display: none;
	/*border-top:#293849 solid 1px;*/
	margin:5px;
	padding:5px;
}
/*#reader[data-usertype="T"] #book .book-classroom-control .control-item.pagesync,
#reader[data-usertype="T"] #book .book-classroom-control .control-item.blackout {display:none;}
#reader #book .book-classroom-control .pagesync {
}
#reader #book .book-classroom-control .blackout {
}
#reader[data-usertype="T"] #book .book-classroom-control .control-item.connection-status {display:none;}
#reader #book .book-classroom-control .connection-status {
}*/
#reader #book .book-classroom-control .control-item.connection-status .connection-status-details {
	display: block;
	background-color: #ffffff;
	color: #000000;
	height: 200px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#reader #book .book-classroom-control .control-item.connection-status .connection-status-details > div {
	display: inline-block;
	padding: 10px;
}
#reader #book .book-classroom-control .control-item.connection-status .connection-status-details > div > ul {
	list-style-type: none;
	margin: 0px;
}
#reader #book .book-classroom-control .control-item.connection-status .connection-status-details > div > ul > li {
	white-space: nowrap;
}
#reader #book .book-classroom-control .control-item.connection-status .connection-status-details .not-connected {
	color: #000000;
}
#reader #book .book-classroom-control .control-item.connection-status .connection-status-details .disconnected {
	color: #ff0000;
}
#reader #book .book-classroom-control .control-item.connection-status .connection-status-details .connected {
	color: #009900;
}
/* *** Classroom control */

/* Class selection *** */

#reader #book #book\.currentClassButton { display:none; }
#reader #book #book\.currentClassButton .custom-dropdown {
	position: absolute;
	right: -23px;
	top: -1px;
}
#reader[data-usertype="T"] #book #book\.currentClassButton { display:inline-block; }

#reader #book .book-class-selection {
	position: absolute;
	display: none;
	z-index: 10;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 75%;
	min-width: 400px;
	height: 45%;
	min-height: 240px;
	background-color: #18222E;
	overflow: hidden;
}
#reader #book .book-class-selection .bubble-header {
	background-color: #4D6F8D;
}
#reader #book .book-class-selection .bubble-footer {
	height: 12px;
}
#reader #book .book-class-selection .bubble-content {
	position:absolute;
	left: 5px;
	right: 5px;
	top: 45px;
	bottom: 5px;
	padding: 20px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background-color: #FBF5EA;
}
#reader #book .book-class-selection .bubble-content .class-item {
	margin: 10px 20px;
	width: 100px;
	height: 40px;
	font-size: 30px;
	line-height: 40px;
	cursor: pointer;
}
/**
 * For fixing bug that target event ignored due to container scrolling in Android 4.2.2
 */
html[data-user-agent*="Android 4.2.2"] #reader #book .book-class-selection .bubble-content {
	overflow: hidden;
	-webkit-overflow-scrolling: none;
}
html[data-user-agent*="Android 4.2.2"] #reader #book .book-class-selection .bubble-content.scrolling {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

/* *** Class selection */

/* Blackout *** */

#blackout {position:absolute; display:none; background-color:#000000; left:0px; top:0px; right:0px; bottom:0px; z-index:100;}
#blackout > table {color:#ffffff; font-family:Verdana; font-size:30px;}

/* *** Blackout */