.ouhk-epub-dialog-box, .ouhk-epub-check-answer, .ouhk-epub-feedback, .ouhk-epub-comment, .ouhk-epub-overall, .ouhk-epub-show-your-answer, .ouhk-epub-show-correct-answer , .ouhk-epub-link{
  color:blue;
  cursor:pointer;
  text-decoration:underline;
}

.ouhk-epub-answer {

	color:green;
	cursor:pointer;
	text-decoration:underline;

}

/*.ouhk-epub-textfield{
	overflow:hidden;
	display: inline-block;
	color:blue;
} */


.ouhk-epub-textfield-single-line{
	overflow: hidden;		
	white-space: nowrap;
}

.ouhk-epub-textfield-single-line br{
	display: none;
}

.ouhk-epub-textfield-single-line *{
	white-space:nowrap;
} 

.ouhk-epub-audio-button-play {
	top:0px;
	left:0px;
	width: 80px;
	height: 40px;
}
.ouhk-epub-audio-button-stop {
	top:0px;
	left:0px;
	display: none;
	width: 80px;
	height: 40px;
}

div.ouhk-epub-feedback-icon{
	background-image: url('../img/feedback.png');	
	width: 32px;
	height: 32px;
}

div.ouhk-epub-comment-icon{
	background-image: url('../img/comment.png');
	width: 32px;
	height: 32px; 
}

div.ouhk-epub-overall-icon{
	background-image: url('../img/overall.png');
	width: 32px;
	height: 32px;
}

span.ouhk-epub-answer-icon{
	background-image: url('../img/answer.png');
	background-repeat:no-repeat;
	width: 16px;
	height: 16px;
	vertical-align:middle;
}

	
/* cherry */
.ouhk-epub-tick{
	position:absolute;
	display: inline-block;
	background-image: url('../img/tick.png');	
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	z-index: 10;	
	vertical-align:middle;
}

/*
.ouhk-epub-wrong{
	position:absolute;
	background-image: url('../img/wrong.png');
	width: 20px;
	height: 20px;
	z-index: 10;
} */

.ouhk-epub-cross{
	position:absolute;
	display: inline-block;
	background-image: url('../img/cross.png');
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	z-index: 10;
	vertical-align:middle;
}

.ouhk-epub-block{
    display : block;
}

.ouhk-epub-none{
	display : none;
}

.ouhk-epub-correct{
    color: red;    
}
.ouhk-epub-correct table,
.ouhk-epub-correct table tr,
.ouhk-epub-correct table td{
	border: 1px solid red;
}

.ouhk-epub-wrong{
    color: red;
}
.ouhk-epub-wrong table,
.ouhk-epub-wrong table tr,
.ouhk-epub-wrong table td{
	border: 1px solid red;
}

.ouhk-epub-normal{
	color: blue;
}


.ouhk-epub-blue-underline{
    color: blue;
    border-bottom:1px solid blue;
}

.ouhk-epub-red-underline{
    color: red;
    border-bottom:1px solid red;
}

.ouhk-epub-green-underline{
    color: green;
    border-bottom:1px solid green;
}

/* check box tick color ... */
.ouhk-epub-red-tick {
    color: red;
    display: inline-block;
    margin-left: 1px;
}

.ouhk-epub-green-tick {
    color: green;
    display: inline-block;
    margin-left: 1px;
}

.ouhk-epub-blue-tick {
    color: blue;
    display: inline-block;
    margin-left: 1px;
}

.ouhk-epub-checkbox-tick {

    display:inline-block;
    vertical-align:middle;    
    line-height: normal;
	/*text-align: center;*/
}

.ouhk-epub-textfield{
	color: blue;
	xbackground-color: green;
	xopacity:0.5;
	display: inline-block;
	/* following are added for single line */
	overflow: hidden;		
	white-space: nowrap;
	border: 1px dotted #BBBBBB;
}

.ouhk-epub-textfield-area{
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	overflow-x: hidden;
	word-wrap: break-word;
	white-space: pre-wrap;	
}

.ouhk-epub-audio-button,.ouhk-epub-check-answer, .ouhk-epub-dialog-box{
	-webkit-user-select: none;
}

.ouhk-epub-textfield-underline{
    border-bottom: solid 1px black;
    display: inline-block;
    vertical-align: middle;
}

.ouhk-epub-inline-block{
	display: block;
	display: inline-block;
}


.ouhk-epub-instruction-button{
		width:32px;
		height:32px;
		background-image: url('../img/instruction-icon.png');
		background-size: 32px 32px;
		background-repeat: no-repeat;
}	

.ouhk-epub-dialog-comment{
 -webkit-user-select: none;
}


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../font/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../font/MaterialIcons-Regular.woff2) format('woff2'),
       url(../font/MaterialIcons-Regular.woff) format('woff'),
       url(../font/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.ouhk-epub-discussion-icon {
	color:#ff9815 !important;
}

.discussion_link {
	color:#ff9815 !important;
	text-decoration: none !important; 
	font-size: 10px;
}
.ouhk-epub-discussion-board table tr:first-child td:first-child{
	width: 20px !important;
}
.disabled
{
	opacity: 0.5;
}
.checkmark
{
	margin-top: -35px;
	margin-left: -3px;
	width: 38px;
	height:38px;
}
.checkmark img
{
	width: 38px;
	height:38px;
}
.ouhk-epub-discussion-board table tr:first-child td:first-child{
	width: 20px !important;
}