html,body{
 height:100%;
 max-height:100%;
 margin:0;
 padding:0;
}
body{
 background-color:rgba(228,241,249,0.5);
 font-family:'Linux Libertine','Linux Libertine O',Cambria,Times,'Times New Roman','Cambria Math',STIXGeneral,serif;
 font-size:14pt;
 overflow-x:auto;
 overflow-y:hidden;
}

a:link{
 color:#069;
}
a:visited{
 color:#08c;
}
a:hover,a:focus{
 color:#069;
 text-shadow:0 0 3px #08c;
}
a[href$=".pdf"]:before{
 content:"[pdf] ";
}

caption,h1,h2,h3,h4,h5,h6{
 color:#08c;
}

button{
 background:none;
 background-color:#08c;
 background:-webkit-gradient(linear, left top, left bottom, from(#08c), to(#07a));
 background:-moz-linear-gradient(top, #08c, #07a);
 border:1px solid #07a;
-moz-border-radius:6px;
-webkit-border-radius:6px;
 border-radius:6px;
-moz-box-shadow:0 0 3px #08c;
-webkit-box-shadow:0 0 36px #08c;
 box-shadow:0 0 3px #08c;
 color:#fff;
 cursor:pointer;
 font-size:0.75em;
 font-weight:bolder;
 height:2.5em;
 line-height:250%;
 outline:none;
 padding:0 1ex;
 text-shadow: 0 0 3px #069;
 text-transform:uppercase;
}
button:hover,button:focus{
 background-color:#007db3;
 background:-webkit-gradient(linear, left top, left bottom, from(#008dd4), to(#007db3));
 background:-moz-linear-gradient(top, #008dd4, #007db3);
 border:1px solid #007db3;
-moz-box-shadow:0 0 3px #07a;
-webkit-box-shadow:0 0 3px #07a;
 box-shadow:0 0 3px #07a;
 color:#e6f3fa;
}
button:active{
 position:relative;
 top:1px;
}
div{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
 box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6{
 font-family:'Linux Biolinum','Linux Biolinum O',Calibri,Arial,sans-serif;
 font-weight:bold;
}
h1{
  font-size:1.5em;
  margin:0.667ex 0;
}
h2 {
  font-size:1.2em;
  margin:.833ex 0;
}
h3 {
  font-size:1.1em;
  margin:0.909ex 0;
}
h4,h5,h6{
  font-size:1em;
  margin:0.5em 0;
}
img{
 border:0;
}
input{
-webkit-border-radius:1ex;
-moz-border-radius:1ex;
 border-radius:1ex;  
 border:2px solid gold;
 outline:0;
 padding:3px 6px;
}
input[type="text"]:hover,input[type="text"]:focus{
 border:2px solid orange;
}
li,p{
 text-align:justify;
}
ol,p,ul{
 line-height:150%;
 margin:0.5em auto;
}
span>span{
 color:green;
 font-family:'Linux Biolinum','Linux Biolinum O',Calibri,Arial,'Cambria Math',sans-serif;
}
strong{
 color:#069;
}
table{
 border-collapse:collapse;
 margin:0 auto;
}
table caption{
 margin:1ex auto;
}
tbody{
 border-top:0.1em solid #7fb2cc;
 border-bottom:0.1em solid #7fb2cc;
}
thead{
 border-bottom:0.3em double #7fb2cc;
 font-family:'Linux Biolinum','Linux Biolinum O',Calibri,Arial,'Cambria Math',STIXGeneral,sans-serif;
}
th,td{
 padding:0.2ex 0.5ex;
 text-align:left;
 text-wrap:none;
 vertical-align:baseline;
}
td:last-child{
 max-width:300px;;
}
textarea{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid #5c9dbe;
-webkit-border-radius:1ex;
-moz-border-radius:1ex;
 border-radius:1ex;  
 border:2px solid gold;
 outline:0;
 padding:3px 6px;
 width:100%;
}
textarea:hover,textarea:focus{
 border:2px solid orange;
}
tr:nth-child(even) td{
 background-color:rgba(70,130,180,0.1);
}
tr:nth-child(odd) td{
 background-color:rgb(256,256,256);
}
td.comment{
 border-right:3px solid green;
}
var{
 font-style:normal;
 font-weight:bolder;
}

.login{
 padding:12px;
}
.login a{
 color:#fff;
}
.login button{
 width:100%;
}
.login>div{
 display:none;
 background-color:#fff;
-moz-border-radius-bottomleft:0.5ex;
-webkit-border-bottom-left-radius:0.5ex;
 border-bottom-left-radius:0.5ex;
 border:0.5ex solid rgba(70,130,180,0.90); /* steelblue */
-moz-box-shadow:0 0 1ex #888;
-webkit-box-shadow:0 0 1ex #888;
 box-shadow:0 0 1ex #888;
 padding:1em;
 margin-top:-3px;
}
.login li{
 display:inline;
 line-height:1.2em;
 list-style-type:none;
 padding:1ex;
}
.login li a{
 color:#fff;
}
.login input[type='text'], .login input[type='password']{
 float:right;
}
.login p{
 margin:0.8em 0 0 0;
}
.login p>span{
 display:block;
 font-size:0.7em;
 line-height:100%;
 position:absolute;
 text-align:right;
 width:21em;
}
.login ul{
 background-color:rgba(70,130,180,0.90); /* steelblue */
-moz-border-radius-bottomleft:0.5ex;
-webkit-border-bottom-left-radius:0.5ex;
 border-bottom-left-radius:0.5ex;
 border:0;
-moz-box-shadow:0 0 1ex #888;
-webkit-box-shadow:0 0 1ex #888;
 box-shadow:0 0 1ex #888;
 margin:0;
 padding:0;
}
#menus{
 height:100%;
 max-height:100%;
 position:fixed;top:0;bottom:0;left:0;
 min-width:2em;
 z-index:17;
}
#menus h1, #menus h2, #menus h3{
 color:#fff;
 margin:0;
}
#menus>div{
 background-color:rgba(0,136,204,0.90);
 border-right:6px solid rgb(0,136,204);
-moz-box-shadow:0 0 6px #08c;
-webkit-box-shadow:0 0 6px #08c;
 box-shadow:0 0 6px #08c;
 color:#fff;
 float:left;
 display:none;
 height:100%;
 min-width:60px;
 position:relative;
 z-index:2;
}
#menus input{
 border:0;
 line-height:180%;
 margin-left:6px;
 outline:0;
 padding:3px 6px;
}
#menus>ul{
 float:right;
 margin:0;
 padding:0;
 max-width:2em;
}
#menus>ul>li a{
 background-color:rgb(0,136,204);
-moz-border-radius-bottomright:1ex;
-webkit-border-bottom-right-radius:1ex;
 border-bottom-right-radius:1ex;
-moz-border-radius-topright:1ex;
-webkit-border-top-right-radius:1ex;
 border-top-right-radius:1ex;
-moz-box-shadow:0 0 6px #08c;
-webkit-box-shadow:0 0 6px #08c;
 box-shadow:0 0 6px #08c;
 display:block;
 outline:0;
 text-decoration:none;
 z-index:1;
}
#menus>ul>li:first-child a{
-moz-border-radius-topright:0;
-webkit-border-top-right-radius:0;
 border-top-right-radius:0;
}
#menus>ul>li a.out{
 background-color:coral;
-moz-box-shadow:0 0 6px coral;
-webkit-box-shadow:0 0 6px coral;
 box-shadow:0 0 6px coral;
}
#menus>ul>li a.in:hover:after{
 display:none;
}
#menus>ul>li a.in:hover:after{
 background-color:rgb(0,136,204);
-moz-box-shadow:0 0 6px rgb(0,136,204);
-webkit-box-shadow:0 0 6px rgb(0,136,204);
 box-shadow:0 0 6px rgb(0,136,204);
-moz-border-radius-bottomright:1ex;
-webkit-border-bottom-right-radius:1ex;
 border-bottom-right-radius:1ex;
 color:#fff;
 content:"login";
 display:block;
 padding:0 1ex;
 position:absolute;top:0;left:1px;
}
#menus>ul>li a.out:hover:after{
 display:none;
}
#menus>ul>li a.out:hover:after{
 background-color:coral;
-moz-box-shadow:0 0 6px coral;
-webkit-box-shadow:0 0 6px coral;
 box-shadow:0 0 6px coral;
-moz-border-radius-bottomright:1ex;
-webkit-border-bottom-right-radius:1ex;
 border-bottom-right-radius:1ex;
 color:#fff;
 content:"logout";
 display:block;
 padding:0 1ex;
 position:absolute;top:0;left:1px;
}
#menus>ul>li{
 font-size:1em;
 list-style-type:none;
 margin:0 0 16px 0;
}
.future{opacity:0.5;}
.past{opacity:0.5;}
.future:hover{opacity:0.9;}
.past:hover{opacity:1;}
#message{
 display:none;
}
#save label{
 display:inline-block;
 width:10em;
}
#save textarea {}
#nav ul.menulinks{
 margin:0;padding:0;
}
#nav ul.menulinks li{
 list-style-type:none;
}
#nav ul.menulinks a{
 background-color:rgba(70,130,180,0.60);
 border:0;
 -moz-border-radius:0.5ex;
 -webkit-border-radius:0.5ex;
 border-radius:0.5ex;
 color:#fff;
 padding:2px 5px;
}
#nav ul.menulinks a:visited{
 color:#fff;
}
#nav ul.menulinks a:hover, #nav a:active {
 background-color:#fff;
 border:0;
 color:#069;}
#nav ul.menulinks a.reload {
 background-color:rgb(238,92,66); /* tomato */
}
#nav ul.menulinks a.reload:hover, #nav ul.menulinks a.reload:active {
 background-color:#fff;
 border:0;
 color:#069;
}
.accordion{
 background-color:#08c;
 background:-webkit-gradient(linear, left top, left bottom, from(#08c), to(#07a));
 background:-moz-linear-gradient(top, #08c, #07a);
-moz-border-radius:1ex;
-webkit-border-radius:1ex;
 border-radius:1ex;
 height:60px;
 list-style:none;
 margin:0;
 padding:0;
 min-width:520px;
}
.accordion a{
 background-color:#fff;
-moz-border-radius:1ex;
-webkit-border-radius:1ex;
 border-radius:1ex;
 display:block;
 height:50px;
 text-decoration:none;
 margin:5px 0 0 5px;
 width:50px;
}
.accordion li{
 display:inline-block;
 position:relative;
}
.accordion span{
 display:none;
}
#menus .accordion{
 background:-webkit-gradient(linear, left top, left bottom, from(#08c), to(#08c));
 background:-moz-linear-gradient(top, #08c, #08c);
-moz-border-radius:0;
-webkit-border-radius:0;
 border-radius:0;
 display:inline-block;
 height:auto;
 padding:6px 0;
 vertical-align:top;
 min-width:60px;
 width:60px;
}

#menus .accordion a{
 background:white url(/img/partition.png) 50% 50% no-repeat;
}
#menus .accordion li{
 display:block;
}

#menus .accordion li:first-child a{
 background:white url(/img/info.png) 50% 50% no-repeat;
}
#menus .accordion li:before{
 background-color:#ffd700; /* gold */
 border:1px solid #daa520; /* goldenrod */
-moz-border-radius:8px;
-webkit-border-radius:8px;
 border-radius:8px;
 color:#b8860b; /* darkgoldenrod */
 display:block;
 font-size:smaller;
 font-family:'Linux Biolinum','Linux Biolinum O',Calibri,Arial,'Cambria Math',STIXGeneral,sans-serif;
 font-weight:bolder;
 height:16px;
 line-height:16px;
 position:absolute;bottom:-3px;left:3px;
 text-align:center;
 width:16px;
 z-index:11;
}
#menus .accordion li:nth-child(1):before{
 width:24px;
}
#menus .accordion li:nth-child(2):before{content:"1";}
#menus .accordion li:nth-child(3):before{content:"2";}
#menus .accordion li:nth-child(4):before{content:"3";}
#menus .accordion li:nth-child(5):before{content:"4";}
#menus .accordion li:nth-child(6):before{content:"5";}
#menus .accordion li:nth-child(7):before{content:"6";}
#menus .accordion:nth-child(1) li:nth-child(1):before{content:"I";}
#menus .accordion:nth-child(2) li:nth-child(1):before{content:"II";}
#menus .accordion:nth-child(3) li:nth-child(1):before{content:"III";}

.data .accordion .info{
 background:white url(/img/greeting.png) 50% 50% no-repeat;
}
.data .accordion .conspect{
 background:white url(/img/conspect.png) 50% 50% no-repeat;
}
.data .accordion .userinfo{
 background:white url(/img/userinfo.png) 50% 50% no-repeat;
}
.data .accordion .calendar{
 background:white url(/img/calendar.png) 50% 50% no-repeat;
}
.data .accordion .faq{
 background:white url(/img/faq.png) 50% 50% no-repeat;
}
.data .accordion .feedback{
 background:white url(/img/feedback.png) 50% 50% no-repeat;
}
.data .accordion .introduction{
 background:white url(/img/introduction.png) 50% 50% no-repeat;
}
.data .accordion .answersheet{
 background:white url(/img/answersheet.png) 50% 50% no-repeat;
}
.data .accordion .problems{
 background:white url(/img/problems.png) 50% 50% no-repeat;
}
.data .accordion .print{
 background:white url(/img/print.png) 50% 50% no-repeat;
}
.data .accordion .solutions{
 background:white url(/img/solutions.png) 50% 50% no-repeat;
}
.data .accordion .statistics{
 background:white url(/img/statistics.png) 50% 50% no-repeat;
}
.data .accordion .superanswersheet{
 background:white url(/img/superanswersheet.png) 50% 50% no-repeat;
}
.data .accordion .supersolutions{
 background:white url(/img/supersolutions.png) 50% 50% no-repeat;
}
.data .accordion .superstatistics{
 background:white url(/img/superstatistics.png) 50% 50% no-repeat;
}

.in,.out{
 display:block;
 height:70px;
 width:36px;
}
.out{
 background:url(/img/out.png) center 44px no-repeat;
}
.in{
 background:url(/img/in.png) center 44px no-repeat;
}
#stats {
 background-color:white;
 margin:1em 0;
 padding:1ex;
 max-width:20em;
}
#stats .count{
 display:block;
 height:6em;
 line-height:6em;
 vertical-align:bottom;
}
#stats .count span{
 background-color:rgb(70,130,180); /* steelblue */
 display:inline-block;
 text-align:center;
 margin:0 1%;
 width:8%;
 vertical-align:bottom;
}
#stats .labels{
 display:block;
}
#stats .labels span{
 display:inline-block;
 text-align:center;
 width:10%;
}
#stats,.count,.count span{
-moz-border-radius:0.5ex;
-webkit-border-radius:0.5ex;
 border-radius:0.5ex;
}
#student_results *{
 background-color:white;
}
#student_results td{
 height:1.8em;
 text-align:center;
 vertical-align:middle;
 width:25%;
}
#student_results td:nth-child(3){
 background-color:rgba(70,130,180,0.25);
}

/* problems */
#ProblemsForm ul{
 list-style-type:none;
}
#loadxml .box{
 background:white;
 border:1px solid black;
}
#loadxml .box *{
 visibility:hidden;
}

#loadxml h1, #loadxml h2{
 counter-reset:qnum;
}

#loadxml .table .row{
 counter-increment:qnum;
 margin-left:2em;
}

#loadxml .table .row:before{
 display:block;
 content:counter(qnum) ". ";
 height:150%;
 line-height:150%;
 margin-left:-2em;
 position:absolute;
}

.error{color:#f00;}
.login .error{color:#fff;}
.right{color:green;}
.wrong{color:red;}
p.alert{
 color:rgb(70,130,180); /* steelblue */
 font-style:italic;
 margin:2em auto;
 text-align:center;
}
.editAnsForm{
 background-color:rgb(70,130,180);
-moz-border-radius:1ex;
-webkit-border-radius:1ex;
 border-radius:1ex;
-moz-box-shadow:0 0 1em #888;
-webkit-box-shadow:0 0 1em #888;
 box-shadow:0 0 1em #888;
 padding:1ex;
 position:absolute;top:1em;left:1em;
}
.editAnsForm input{
 display:block;
}
#results{
 background-color:rgba(70,130,180,0.5);
-moz-border-radius:1ex;
-webkit-border-radius:1ex;
 border-radius:1ex;
-moz-box-shadow:0 0 1em #888;
-webkit-box-shadow:0 0 1em #888;
 box-shadow:0 0 1em #888;
}
.feedback{
 color:white;
}
.feedback textarea{
 color:black;
-moz-border-radius:1ex;
-webkit-border-radius:1ex;
 border-radius:1ex;
 border-color:rgb(238, 92, 66);
}
.feedback button{
 background-color:rgb(238, 92, 66);
 border-color:rgb(238, 92, 66);
}
.feedback button:hover{
 background-color:rgba(238, 92, 66,0.75);
 border-color:rgba(238, 92, 66,0.5);
}
.loading{
 background:url(/img/ajax-loader.gif) no-repeat;
 display:block;
 min-height:11px;
}
.username{
 display:none;
}
.center{
 margin:0 auto;
 text-align:center;
}

/* Mathematica */
 /* STIX Beta */
@font-face {
 font-family:STIX;
 font-weight:bold;
 src:url(/fonts/STIXGeneralBol.ttf) format("truetype");
}
@font-face {
 font-family:STIX;
 font-style:italic;
 src:url(/fonts/STIXGeneralItalic.ttf) format("truetype");
}
@font-face {
 font-family:STIX;
 font-style:italic;
 font-weight:bold;
 src:url(/fonts/STIXGeneralBolIta.ttf) format("truetype");
}
@font-face {
 font-family:STIX;
 src:url(/fonts/STIXGeneral.ttf) format("truetype");
}
@font-face {
 font-family:STIXIntDis;
 src:url(/fonts/STIXIntDis.ttf) format("truetype");
}
@font-face {
 font-family:STIXIntDis;
 font-weight:bold;
 src:url(/fonts/STIXIntDisBol.ttf) format("truetype");
}
@font-face {
 font-family:STIXIntSma;
 src:url(/fonts/STIXIntSma.ttf) format("truetype");
}
@font-face {
 font-family:STIXIntSma;
 font-weight:bold;
 src:url(/fonts/STIXIntSmaBol.ttf) format("truetype");
}
@font-face {
 font-family:STIXIntUp;
 src:url(/fonts/STIXIntUp.ttf) format("truetype");
}
@font-face {
 font-family:STIXIntUp;
 font-weight:bold;
 src:url(/fonts/STIXIntUpBol.ttf) format("truetype");
}
@font-face {
 font-family:STIXIntUpDis;
 src:url(/fonts/STIXIntUpDis.ttf) format("truetype");
}
@font-face {
 font-family:STIXIntUpDis;
 font-weight:bold;
 src:url(/fonts/STIXIntUpDisBol.ttf) format("truetype");
}
@font-face {
 font-family:STIXIntUpSma;
 src:url(/fonts/STIXIntUpSma.ttf) format("truetype");
}
@font-face {
 font-family:STIXIntUpSma;
 font-weight:bold;
 src:url(/fonts/STIXIntUpSmaBol.ttf) format("truetype");
}
@font-face {
 font-family:STIXNonUni;
 src:url(/fonts/STIXNonUni.ttf) format("truetype");
}
@font-face {
 font-family:STIXNonUni;
 font-weight:bold;
 src:url(/fonts/STIXNonUniBol.ttf) format("truetype");
}
@font-face {
 font-family:STIXNonUni;
 font-style:italic;
 src:url(/fonts/STIXNonUniIta.ttf) format("truetype");
}
@font-face {
 font-family:STIXNonUni;
 font-style:italic;
 font-weight:bold;
 src:url(/fonts/STIXNonUniBolIta.ttf) format("truetype");
}
@font-face {
 font-family:STIXSiz1Sym;
 src:url(/fonts/STIXSiz1Sym.ttf) format("truetype");
}
@font-face {
 font-family:STIXSiz1Sym;
 font-weight:bold;
 src:url(/fonts/STIXSiz1SymBol.ttf) format("truetype");
}
@font-face {
 font-family:STIXSiz2Sym;
 src:url(/fonts/STIXSiz2Sym.ttf) format("truetype");
}
@font-face {
 font-family:STIXSiz2Sym;
 font-weight:bold;
 src:url(/fonts/STIXSiz2SymBol.ttf) format("truetype");
}
@font-face {
 font-family:STIXSiz3Sym;
 src:url(/fonts/STIXSiz3Sym.ttf) format("truetype");
}
@font-face {
 font-family:STIXSiz3Sym;
 font-weight:bold;
 src:url(/fonts/STIXSiz3SymBol.ttf) format("truetype");
}
@font-face {
 font-family:STIXSiz4Sym;
 src:url(/fonts/STIXSiz4Sym.ttf) format("truetype");
}
@font-face {
 font-family:STIXSiz4Sym;
 font-weight:bold;
 src:url(/fonts/STIXSiz4SymBol.ttf) format("truetype");
}
@font-face {
 font-family:STIXSiz5Sym;
 src:url(/fonts/STIXSiz5Sym.ttf) format("truetype");
}
@font-face {
 font-family:STIXSiz5Sym;
 font-weight:bold;
 src:url(/fonts/STIXSiz5SymBol.ttf) format("truetype");
}
@font-face {
 font-family:STIXVar;
 src:url(/fonts/STIXVar.ttf) format("truetype");
}
@font-face {
 font-family:STIXVar;
 font-weight:bold;
 src:url(/fonts/STIXVarBol.ttf) format("truetype");
}

/* Math */
math{
 font-family:'Linux Libertine','Linux libertine O',Cambria,Times,'Times New Roman','Cambria Math',STIXGeneral,STIX,STIXIntDis,STIXIntSma, STIXIntUp,STIXIntUpDis,STIXIntUpSma,STIXNonUni,STIXVar,sans-serif;
 font-size:14pt !important;
}
math[display="block"]{
 text-align:left;
}
math[class="center"]{
 margin:0 auto;
 text-align:center;
}
mi[class="bold"],*[class="chem"],mi[class="mathbold"],mi[class="unit"],mi[class="var"]{font-style:normal;}
mi[class="bold"],mi[class="mathbold"],mi[class="var"]{font-weight:bold;}
mfrac[bevelled="true"]>*{font-size:100%;}

/* New */
#box{
 border-collapse:cellspacing;
 border-spacing:6px 0;
 display:table;
 height:100%;
 max-height:100%;
 margin:0 0 0 66px;
 position:relative;
}
#box>div.data{
 background-color:white;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
 box-sizing:border-box;
 box-shadow: 0 0 1ex rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 1ex rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 1ex rgba(0,0,0,0.5);
 counter-reset:num;
 display:table-cell;
 padding:6px;
 position:relative;
 vertical-align:top;
 min-width:400px;
}
#box>div.data:only-child{
 min-width:760px;
 width:760px;
 max-width:760px;
}
#box>div.data>div.content{
 overflow-x:auto;
 overflow-y:auto;
 padding:1em 1em 1em 2em;
}

#box .box_panel{
 display:block;
 background:whitesmoke;
 border-radius:14px;
-moz-border-radius:14px;
-webkit-border-radius:14px;
 box-shadow: 0 0 1ex rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 1ex rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 1ex rgba(0,0,0,0.5);
 height:28px;
 padding:2px;
 position:absolute;top:6px;
 visibility:hidden;
 width:84px;
 z-index:18;
}
#box .box_panel{
 opacity:0.1;
}
#box .box_panel:hover{
 opacity:1;
}

#box>div.data:hover .box_panel{
 visibility:visible;
}

#box .box_panel input[type="button"]{
 background-color:transparent;
 border:0;
 height:24px;
 margin:0;
 margin-left:4px;
 outline:none;
 padding:0;
 position:relative;
 vertical-align:top;
 width:24px;
}
#box .box_panel input[type="button"]:first-child{
 margin:0;
}
#box .box_panel input.close{
 background-image:url(/img/close.png);
}
#box .box_panel input.pushleft{
 background-image:url(/img/left.png);
}
#box .box_panel input.pushright{
 background-image:url(/img/right.png);
}
#box .data:first-child .box_panel{
 width:56px;
}
#box .data:first-child .box_panel input.pushleft{
 display:none;
}
#box .data:last-child .box_panel{
 width:56px;
}
#box .data:last-child .box_panel input.pushright{
 display:none;
}
#box .data:only-child .box_panel{
 display:none;
}

/* partially old */
.data button.savechanges{
 background-color:rgba(70,130,180,0.9);
-moz-box-shadow:0 0 6px #08c;
-webkit-box-shadow:0 0 6px #08c;
 box-shadow:0 0 6px #08c;
 display:block;
 font-size:0.64em;
 position:absolute;top:2px;margin-left:100px;
 text-align:center;
 width:12em;
 z-index:21;
}

.editable div.codeeditbox{
 background-color:rgba(70,130,180,0.72); /* steelblue */
 display:block;
 min-height:2em;
 margin:0;
 padding:1ex 1ex 1em 1ex;
 position:fixed;top:0;left:0;right:0;bottom:0;
 z-index:22;
-moz-box-shadow:0 0.5ex 1ex #888;
-webkit-box-shadow:0 0.5ex 1ex #888;
 box-shadow:0 0.5ex 1ex #888;
}

div.textarea{
 background-color:white;
 border-radius:1ex;
-moz-border-radius:1ex;
-webkit-border-radius:1ex;
 color:black;
 height:10em;
 outline:0;
 padding:1em;
 width:100%;
 max-width:24em;
}

span.Send,span.Saved{
 display:inline-block;
 height:32px;
 margin-left:0.5ex;
 vertical-align:middle;
 width:32px;
}

span.Send{
 background:url(/img/answer_send.png) 50% 50% no-repeat;
}
span.Saved{
 background:url(/img/answer_send_ok.png) 50% 50% no-repeat;
}

span.comment{
 display:none;
}

button.urgent{
 background-color:#4590b6;
 color:#e6f3fa;
 border-color:#4590b6;
}

.contenttext div.codefield:focus{
 border:2px solid orange;
}
.contenttext div.problemrating{
 min-height:1.5em;
 text-align:right;
}
.contenttext div.problemrating>div{
 display:inline-block;
 margin-left:1ex;
}
.contenttext div.problemrating>div>span{
 color:rgb(70,130,180); /* steelblue */
 font-family:STIXGeneral,'Linux Biolinum','Linux Biolinum  O',Calibri,Arial,'Cambria Math',STIXGeneral,sans-serif;
 float:left;
 margin-left:1ex;
}
.contenttext div.commentfield{
 background-color:white;
-moz-border-radius:0.5ex;
-webkit-border-radius:0.5ex;
 border-radius:0.5ex;
 border:2px solid gold;
 display:block;
 min-height:2em;
 max-height:auto;
 line-height:1.5em;
 margin:0 3.5em;
 padding:1ex;
 text-align:left;
}
.contenttext div.commentfield:focus{
 border:2px solid orange;
}
.contenttext  button.delcomment, .contenttext button.clearanswer, .contenttext button.deltext{
 display:block;
 float:right;
 min-height:3.5em;
 line-height:3.5em;
 margin-left:1ex;
 width:4em;
}
.contenttext button.postcomment, .contenttext button.savetext, .contenttext button.htmltext{
 display:block;
 float:left;
 min-height:3.5em;
 line-height:3.5em;
 margin-right:1ex;
 width:4em;
}

.contenttext div.problem{
 background-color:white;
-moz-border-radius:1ex;
-webkit-border-radius:1ex;
 border-radius:1ex;
 counter-increment:num;
 padding:1ex;
}
.contenttext div.problem>p:first-child:before{
 content:counter(num) ". ";
 font-weight:bolder;
}
.contenttext div.question, .contenttext div.solution{
 background-color:rgba(70,130,180,0.1); /* steelblue */
-moz-border-radius:1ex;
-webkit-border-radius:1ex;
 border-radius:1ex;
 margin:1ex 0;
 padding:1ex;
}
.contenttext input[name='answer']{
 background-color:white;
-moz-border-radius:0.5ex;
-webkit-border-radius:0.5ex;
 border-radius:0.5ex;
 border:2px solid gold;
 line-height:2em;
 min-height:2em;
 text-align:center;
}
.contenttext input[name='answer']:focus{
 border:2px solid orange;
}
.contenttext button.postanswer, .contenttext  button.copyanswer, .contenttext button.sentcomment {
 display:block;
 float:left;
 min-height:3.5em;
 line-height:3.5em;
 margin-right:1ex;
 width:4em;
}
.contenttext textarea.answerhtmlfield{
 display:none;
 width:100%;
 height:auto;
}
.contenttext div.answerfield{
 background-color:white;
-moz-border-radius:0.5ex;
-webkit-border-radius:0.5ex;
 border-radius:0.5ex;
 border:2px solid gold;
 display:block;
 min-height:2em;
 max-height:auto;
 line-height:1.5em;
 margin:0.5ex 4em 0.5ex 7em;
 padding:1ex;
 text-align:center;
}
.contenttext div.answerfield[contenteditable='true']{
 max-height:2em !important;
 margin:0;
 overflow:hidden;
}
.contenttext div.answerfield[contenteditable='false']{
 max-height:auto;
 margin:0;
 overflow:auto;
}
.contenttext div.answerfield:focus{
 border:2px solid orange;
}
.editable div.codefield{
 background-color:white;
-moz-border-radius:0.5ex;
-webkit-border-radius:0.5ex;
 border-radius:0.5ex;
 border:2px solid gold;
 display:block;
 min-height:2em;
 max-height:30em;
 line-height:1.5em;
 margin:0 3.5em 0 7em;
 overflow:scroll;
 overflow-x:scroll;
 padding:1ex;
 text-align:left;
}
.editable div.codefield math{
 border:thin solid red;
-moz-border-radius:0.25ex;
-webkit-border-radius:0.25ex;-moz-box-shadow:0 0.5ex 1ex #888;
-webkit-box-shadow:0 0.5ex 1ex #888;
 box-shadow:0 0.5ex 1ex #888;
 border-radius:0.25ex;
 color:red;
}
.source div.commentbox{
 background-color:rgba(70,130,180,0.72); /* steelblue */
-moz-box-shadow:0 0.5ex 1ex #888;
-webkit-box-shadow:0 0.5ex 1ex #888;
 box-shadow:0 0.5ex 1ex #888;
 display:block;
 min-height:2em;
 margin:0;
 padding:1ex 1ex 1em 1ex;
 position:fixed;top:0;left:0;right:0;
 z-index:2010;
}

.sMessage{
 background-color:rgba(70,130,180,0.1); /* steelblue */
-moz-border-radius:1ex;
-webkit-border-radius:1ex;
 border-radius:1ex;
 margin:1ex 0;
 padding:1ex;
}

.sInput{
 background-color:white;
 border:2px solid gold;
-moz-border-radius:0.5ex;
-webkit-border-radius:0.5ex;
 border-radius:0.5ex;
 border-radius:1ex;
 margin:1ex 0;
 padding:0.5ex;
}
.sInput>ul,.sText>ul{
 margin:0;
 padding:0;
}
.sInput>ul>li,.sText>ul>li{
 display:block;
 min-height:1.5em;
 list-style-type:none;
}
.sInput>ul>li{
 outline:1px dotted rgba(70,130,180,0.25); /* steelblue */
 margin-bottom:1px;
 outline:0;
}
.sInput>ul>li:focus{
 outline:1px dotted rgba(70,130,180,0.75); /* steelblue */
}

.unread{
 border-left:1px solid red;
}

.mentor{
 outline:1px solid orange;
}
img.intro{
 border:3px solid #08c;
 width:90%;
}
::-webkit-scrollbar { 
 height:8px;  
 width:8px;
}
::-webkit-scrollbar-thumb {  
 background:#0af;
-webkit-border-radius:4px;
}