.quiztitle {padding:10px 10px 0 10px;font-size:1.2em;line-height:1.3em}
.category_title {border-bottom:1px solid #dddddd;margin:0 0 5px 0;background-color:#efefef;padding:7px 10px;color:#333333;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

}
.select_category {width:100%;display:table;position:relative;margin-bottom:10px;padding-top:10px;padding:5px}
.select_category input {width:23px;height:23px;}
.select_category span {font-size:1.2em;position:relative;top:-6px;margin-left:5px}
.select_category div {float:left;width:33%;text-align:left}
.result,.next {display:none}
.big {padding:10px 30px;font-size:1.3em;width:150px;text-align:center}


.qus {font-size:1.2em;color:#ffffff;font-weight:bold;border:15px solid #4F2900;border-left:15px solid #5B2F00;border-right:15px solid #77430A;border-bottom:15px solid #884B09;background-image:url('blackboard.jpg')}
.qusframe #score {text-align:right;margin-top:-10px}
.qusframe {border:2px solid #422200;padding:15px;}

.qus_qus,.qus_set {padding:10px;text-align:center;font-size:1.2em;line-height:1.3em}


.select0 {background-image:url('1.gif')}
.select1 {background-image:url('2.gif')}
.select2 {background-image:url('3.gif')}
.select3 {background-image:url('4.gif')}

.select0:hover {background-image:url('1s.gif')}
.select1:hover {background-image:url('2s.gif')}
.select2:hover {background-image:url('3s.gif')}
.select3:hover {background-image:url('4s.gif')}


.select0x {background-image:url('1sx.gif')}
.select1x {background-image:url('2sx.gif')}
.select2x {background-image:url('3sx.gif')}
.select3x {background-image:url('4sx.gif')}

.select0xn {background-image:url('1x.gif')}
.select1xn {background-image:url('2x.gif')}
.select2xn {background-image:url('3x.gif')}
.select3xn {background-image:url('4x.gif')}

.select0o {background-image:url('1so.gif')}
.select1o {background-image:url('2so.gif')}
.select2o {background-image:url('3so.gif')}
.select3o {background-image:url('4so.gif')}

.select0on {background-image:url('1o.gif')}
.select1on {background-image:url('2o.gif')}
.select2on {background-image:url('3o.gif')}
.select3on {background-image:url('4o.gif')}



.exm {display:table;margin:30px 0;width:100%}



.resultmain {font-weight:bold;font-family:arial black;color:#00A5FB;width:100%;display:table}
.graph {height:200px;display:table;width:100%;border-bottom:1px solid #666666}
.graph div {width:3%;float:left;background-color:#FFC600;height:200px;display:inline-table;*width:19px}
.graph span {width:100%;background-color:#ffffff;display:block;height:200px;background-image:url('graphbar.gif');}
.graph .gap {width:1%;float:left;font-size:0.1em;height:200px;display:block;background-image:url('graphbar.gif');}



.selectone {width:25%;font-size:1.4em;font-weight:bold;float:left;line-height:1.2em;vertical-align:middle;background-repeat:no-repeat;background-position:top center;text-align:center;height:0px;padding-top:47px;display:table}
.qus_set {padding:10px;font-weight:bold;font-size:2.2em}



@media only screen and (max-width : 700px) {
	.select_category div {width:50%}
	.exm {margin:7px 0}
	.selectone {width:100%;font-size:1.2em;font-weight:bold;float:left;line-height:1.2em;vertical-align:middle;background-repeat:no-repeat;background-position:top left;text-align:left;height:0px;padding-top:14px;padding-bottom:12px;padding-left:45px;display:table}
	.qus_set {padding:10px;font-weight:bold;font-size:1.5em}
	.qusframe {padding:12px;}
	.qus_qus,.qus_set {padding:2px}
}

#scoreplate {font-size:1.5em;padding:10px}