/* CSS Document */
.mqmain, .msboxhdr, .mqsetting, .mqsetting select, .mqsetting option, .mqsetting input {font-family:Arial, Helvetica, sans-serif;}

/*my score box on the right side*/
.msbox {background-image:none; background-color:#CCFFFF;}
.msboxhdr {text-align:center; font-size:16px; border-bottom:2px #ccc solid; padding-bottom:0.2em;}
.mtpt1, .mtpt2 {float:left; width:48%; text-align:center; padding-top:3px;}
.mtpt1 {border-right:2px #ccc solid;}
.mtpt1 h4, .mtpt2 h4 {font-size:1em;}

/*main content*/
.mqmain {margin:1em 0.5em;}
.mqmain p.list {font-size:1.1em; padding-bottom:6px;}
.mqcont {margin:0.5em 0; width:100%;}
.mqubebox {width:160px; float:left;}
.mquesbox {margin-left:160px; border:4px #ccc solid; padding:0.5em; height:1%; width:auto;}
.mqube {width:141px; border:2px #333 solid;}
.mqube .row {width:100%; overflow:hidden; clear:both;}
.mqmain .mqmainhdr {font-size:110%; font-weight:bold; padding-bottom:0.5em;}
.mquescont .mqimgcont {float:right; width:114px;}
.mqimgcont img {margin:10px 4px;}
.mqcont .buttholder {margin:1em 0; overflow:hidden;}

.qube {width:43px; height:43px; float:left; position:relative; border:2px #333 solid;}
.qube a {display:block; width:100%; height:100%; background:url(../common/mQubes1.jpg) 0 0; text-align:center; text-decoration:none; float:left; position:absolute;}
.qube a:link, .qube a:hover, .qube a:active, .qube a:visited {text-decoration:none;}
.qube a p {width:42px; margin:0 auto; padding-top:1px; font-weight:bold; font-size:1.1em; line-height:normal; color:#333; cursor:pointer;}				
.qube a p span {font-size:14px; color:#fff; line-height:24px;}
.qube a:hover p {color:#f5f5f5; font-size:120%;}
.qube a.inact {background-position:0 -774px; background-color:#666666;}
.qube a.inact p span {color:#999999;}
a.r11:link, a.r11:visited, a.r11:active {background-position:0 0; background-color:#f4a0f5;}			
a.r12:link, a.r12:visited, a.r12:active {background-position:0 -43px; background-color:#f3df6a;}
a.r13:link, a.r13:visited, a.r13:active {background-position:0 -86px; background-color:#f7a063;}
a.r21:link, a.r21:visited, a.r21:active {background-position:0 -215px; background-color:#a5cd75;}
a.r22:link, a.r22:visited, a.r22:active {background-position:0 -172px; background-color:#f67466;}
a.r23:link, a.r23:visited, a.r23:active {background-position:0 -129px; background-color:#6780d0;}
a.r31:link, a.r31:visited, a.r31:active {background-position:0 -258px; background-color:#e8246e;}
a.r32:link, a.r32:visited, a.r32:active {background-position:0 -301px; background-color:#c07308;}
a.r33:link, a.r33:visited, a.r33:active {background-position:0 -344px; background-color:#ae77d9;}
a.r11:hover {background-position:0 -387px;}
a.r12:hover {background-position:0 -430px;}
a.r13:hover {background-position:0 -473px;}
a.r21:hover {background-position:0 -602px;}
a.r22:hover {background-position:0 -559px;}
a.r23:hover {background-position:0 -516px;}
a.r31:hover {background-position:0 -645px;}
a.r32:hover {background-position:0 -688px;}
a.r33:hover {background-position:0 -731px;}			

.mquescont {width:100%; overflow:hidden;}
h4.queshdr  {font-size:1.2em; color:#990000; line-height:normal;}
.queshdr span {background:url(../common/mQubes1.jpg) 0 0;}
.queshdr span.qnum {display:block; width:43px; height:43px; float:left; font-size:220%; text-align:center; color:#000; border:2px #666 solid;}
.queshdr span sup {color:#FFFFFF; font-size:50%;}
.queshdr span.qtxt {display:block; padding-left:54px; background-image:none;}
.queshdr .rs11 {background-position:0 0; background-color:#f4a0f5;}
.queshdr .rs12 {background-position:0 -43px; background-color:#f3df6a;}
.queshdr .rs13 {background-position:0 -86px; background-color:#f7a063;}
.queshdr .rs21 {background-position:0 -215px; background-color:#a5cd75;}
.queshdr .rs22 {background-position:0 -172px; background-color:#f67466;}
.queshdr .rs23 {background-position:0 -129px; background-color:#6780d0;}
.queshdr .rs31 {background-position:0 -258px; background-color:#e8246e;}
.queshdr .rs32 {background-position:0 -301px; background-color:#c07308;}
.queshdr .rs33 {background-position:0 -344px; background-color:#ae77d9;}
div.ques {margin:6px 18px 0 54px;}
.mquesbox .buttwrap {margin:10px 0 10px 54px;}
.mquesprompt p {border:2px #66cc66 solid; border-left:none; border-right:none; padding:0.6em; background-color:#ccffcc; padding-left:30px;}
.mquesprompt p span.block {font-size:90%; line-height:1.25em;}
.mquesprompt .wrong {background-color:#FFFFCC; border-color:#CC0000;}
.mquesprompt p img {margin-left:-24px;}
.mqubebox .mqtote {width:135px; margin:1em 0;}
.mqubebox .mqtote .roundeddiv {background-image:none; background-color:#FEF3B8; text-align:center;}
.mqubebox .mqtote h4 {color:#663333; font-size:1.1em; margin-bottom:0.3em; padding-bottom:0.2em;}
.mqubebox .mqtote span.block {color:#993300; font-size:250%; font-weight:bold; margin-bottom:0.2em;}
div.qover {position:absolute; width:100%; height:100%; text-align:center; top:0; left:0; z-index:99;}
div.qover img {margin-top:-6px; margin-left:-6px;} 
.mqlegends {border-top:2px #ddd solid;}
.mqlegends p {overflow:hidden; width:100%; border:none; padding-top:6px; font-size:90%;}
.mqlegends .chall {width:auto; background-color:#ccffff; border-top:1px #0099CC dotted;}
.mqlegends .chall strong {font-size:115%; color:#0066CC;}
.mqlegends span, .mqlegends span strong {float:left;}
span.legd strong {width:8px; padding:0 2px; margin-right:4px;}
span.legdesc {margin-right:8px;}

/*random qube*/
.qubecontmain p.normsg {background-color:#D5FFD5; margin-top:0; border-right:none; border-left:none;}
.qubecontmain .mqintro {background-image:none; background-color:#fff;}
.mqintrop {border:none; margin-bottom:0.5em; font-size:110%; font-family:Geneva, Arial, Helvetica, sans-serif}
.qubecont .leftpanel {background-image:none; background-color:#f8ff8c;}
.mqrp {margin-left:15px; width:500px;}
html>body .mqrp {width:510px;}
.mqlp {width:190px;}
.mqsetting {padding:6px 4px;}
.mqsetting .mqc {margin-top:6px;}
.mqmpcont {padding:3px;}
.mqsetting .contdivi {margin:5px 0 0; padding:0; border-color:#d5ab52; height:1px;}
.mqsetting h4.mqshdr {margin:8px 0;}
.mqsetting h4.mqshdr span {font-size:15px; font-weight:700; color:#CC0000; padding-right:1em; display:block; width:80px; float:left;}
.mqsetting h5.mqshdrsub {font-size:12px; font-weight:700; color:#333333; margin:4px 0;}
.mqshdrsub input {padding-right:8px;}
.mqsetting select, .mqsetting option, .mqsetting input {font-size:11px; color:#444;}
.mqsetting input.mqtitle {width:90%;}
.mqc .mqttloth {font-size:85%; padding-left:2em;}
.mqc .mqttloth .lstwobu li {padding-left:5px; display:inline;}
.mqc p {padding-left:1.8em;}
.mqsetting .buttwrap {margin:1em 0; text-align:center;}
.mqsetting .buttwrap a {float:none;}

/*challenges*/
#mqchallist .sbarin .title, #mqchallist .sbarin .splinfo span {font-size:90%;}
#mqchallist .lstwobu {margin-top:-5px;}
#mqchallist .lstwobu li span.bullet {width:16px; height:16px; background:url(../ico/misc_16x16_2.gif) no-repeat left -206px; float:left;}