img{
	
	border:0px;
	}
/* btn */

.button-success, .button-error {
background:#3a78b8;
color:#ffffff;
padding:2px;
padding-left:4px;
padding-right:4px;
font-size:13px;
font-family:'arial';
border-radius:4px;
border:1px solid #87b0d9;
margin-bottom:4px;

}



.searchbox{
padding:4px;
border-radius:4px;
border:1px solid #dddddd;
display:none;
margin-top:8px;
max-width:700px;
 

}

.formbox{
padding:10px;
border-radius:4px;
border:1px solid #dddddd;
margin:8px;
max-width:500px;
 

}







div#left_div{
float:left;
}

div.count_btn{
cursor:pointer;
float:left;
width:38px;
 
background:#212121;
color:#ffffff;
margin:3px;
padding:4px;
font-size:18px;
font-family:'arial';
border-radius:3px;

}

.hidequestion{
visibility:hidden;
display:none;
}
.showquestion{

}


table.showquestion{
border:1px solid #eeeeee;
/* height:500px; */
padding:4px;
margin-top:10px;
overflow-y:scroll;
}

.showquestion td{
border-bottom:0px solid #eeeeee;
padding:4px;

}
.showquestion tr:hover{

}


table.hidequestion{
border:1px solid #eeeeee;
/* height:500px; */
padding:4px;
margin-top:10px;
overflow-y:scroll;
}

.hidequestion td{
border-bottom:0px solid #eeeeee;
padding:4px;


}
.hidequestion tr:hover{

}


div.category_box{
border:1px solid #d4e0ed;
width:110px;
padding:4px;
background:#e4edf7;
float:left;
margin-right:5px;
font-size:14px;
color:#000000;
font-family:arial;
font-weight:bold;
cursor:pointer;
}




/* tooltip */
a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:20px; margin-left:-125px; width:240px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#EEE; background:#000 url(images/css-tooltip-gradient-bg.png) repeat-x 0 0; } .callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;} /*CSS3 extras*/ a.tooltip span { border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 8px 4px #666; -webkit-box-shadow: 0px 0px 8px 4px #666; box-shadow: 0px 0px 8px 4px #666; opacity: 0.8; }

div#qbank{
display:none;
visibility:hidden;
z-index:1000;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:#ffffff;
overflow-y:scroll;

}

#result{
color:#267F00;
background:#FEF5CD;
padding:10px;
margin:10px;
margin-left:0px;
width:500px;
}
















/* liveclassroom */


.arrow_box {
	position: relative;
	background: #d50f29;
	border: 0px solid #f5e131;
	border-radius:3px;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 7%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(213, 15, 41, 0);
	border-bottom-color: #d50f29;
	border-width: 10px;
	margin-left: -5px;
}



.class_text_board{
width:650px;
height:500px;
float:left;

}
.class_comment_board{
width:300px;
height:470px;
border-radius:10px;
float:right;
padding:5px;
border:1px groove #eee;
}
#comment_box{
width:290px;
height:400px;
overflow-y:scroll;
padding:5px;
}

#username_comment{
color:#666666;
font-size:11px;
}
#comment_send{

    background: white; 
    border: 1px solid #DDD; 
    border-radius: 5px; 
    box-shadow: 0 0 5px #DDD inset; 
    color: #666; 
    outline: none; 
    height:25px; 
    width: 275px; 
 

}
.class_heading{
width:650px;
height:35px;
background:#212121;
font-size:14px;
color:#ffffff;
padding: 5px 25px 0px;
border-radius:8px 8px 0px 0px;
}

#page::after{
content: ' ';
position: absolute;
width: 0px;
height:100%;
top: 0;
left: 20px;
border-left: 1px solid #F8D3D3;
}
#page {
width:650px;
height:400px;
overflow-y:scroll;
line-height: 30px;
font-size: 14px;
padding: 5px 25px 27px;
position: relative;
outline: none;
background: white;
background: -webkit-linear-gradient(top, #dfe8ec 0%, #ffffff 8%) 0 0px;
background: -moz-linear-gradient(top, #dfe8ec 0%, #ffffff 8%) 0 0px;
background: linear-gradient(center top, #dfe8ec 0%, #ffffff 8%) 0 0px;
-webkit-background-size: 100% 30px;
-moz-background-size: 100% 30px;
-ms-background-size: 100% 30px;
background-size: 100% 30px;
}


#page_res{
float:right;
color:#666666;
font-size:12px;
}
.div_exp_corr{
background:#E0FFE0;
display:none;
}
.div_exp_wrong{
background:#FF9D9D;
display:none;
}

@media only screen and (max-width:960px){
    .class_heading, #page {
width:100%;
    }
}

#stat_box{
width:210px;
height:100px;
border:0px solid #dddddd;
float:left;
margin-left:20px;
}
#stat_head{
width:210px;
height:30px;
background:#ec5c0d;
font-family:arial;
font-size:16px;
color:#ffffff;
text-align:center;
padding:4px 0px 0px 0px;
border-radius:4px 4px 0px 0px;
}

#stat_val{
width:210px;
height:66px;
background:#eeeeee;
font-family:arial;
font-size:40px;
color:#212121;
text-align:center;
padding:4px 0px 0px 0px;
border-radius:0px 0px 4px 4px;
}

.select2-container {
    width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 34px;
}
.select2-container .select2-selection--single {
    height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ddd;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #555555;
    line-height: 34px;
    font-family: sans-serif;
}
.select2-results__option{
	color: #555555 !important;
    font-family: sans-serif !important;
}
.select2-search:after {
    opacity: 0;
}
.select2-container--default .select2-selection--multiple {
    height: 36px;
}