form { 
  margin: 0;
}

label {
  display: none;
}

h1, h2 { 
  text-align: center;
}
body { 
  text-align: center; /* for IE */
}
h1 { 
  display: none;
}

.textop { 
  float: right;
  clear: right;
  margin: 0 1 5 0;
}
img.textop { 
  border: 0px solid;
}
div.textop { 
  border: 1px solid;
  background-color: #FFF;
}
div.textop a { 
  text-decoration: none;
}

div.cad {
  margin: 5; 
  text-align: center;
}
div.tips { 
  font-size: small;
  font-weight: normal;
  text-align: justify;
  margin: 5;
}
div.rank { 
  font-size: x-small;
  width: 13em;
}

table.status, table.problems, table.lplate, table#tid { 
  margin-left: auto;
  margin-right: auto;
}
table.status { 
  margin-top: 5;
}

TABLE.problems th { 
  font-weight: normal;
}

body.bgv {
  color: #006;
/*  background: url(/formula/gifs/bggv.gif);
  background-color: #009; */
  background-color: #88B;
}
body.lte { 
  background-color: #FFF;
}

div.container {
/*  float: center; */
  background-color: white;
  padding: 15;
  width: 728;
  margin: 0 auto;
  text-align: left; /* IE: counter centering for the body */
}

body.bgv a:link {
  color: #A00040;
}
body.bgv a:active {
  color: #A0A050;
}
body.bgv a:visited { 
# color: #973;
# color: #FFFF30;
  color: #505;
}

::selection {
  background: #FF0;
}
::-moz-selection{
  background: yellow;
}
.hidden { 
  display: none;
}
.shown {
  display: block;
}

body.cform input, body.cform textarea, body.cform select {
  background-color: #F8F8F8;
  border: 1px solid #AAA;
  border-left: 3px solid #AAA;
  margin-bottom: 3px;
  color:            #553;
}
textarea { 
  width: 95%;
}

body.cform input:hover, body.cform textarea:hover, body.cform select:hover {
  background-color: #FAFAFA;
}
body.cform input:focus, body.cform textarea:focus, body.cform select:focus {
  background-color: #FFF;
  border-left: 3px solid #D80;
}

div.qplate, div.aplate, div.splate { 
  background: url(/formula/gifs/newbt.gif);
}

div.banner { 
  margin: 5;
  text-align: center;
}

body.bgv TABLE.lplate {
  width: 608;
  padding: 10;
  border-spacing: 7;
  background-color: #000090;
  background: url(/formula/gifs/qplate.gif);
}
table.lplate th { 
  vertical-align: middle;
}

table.login {
  /* width: 250; */
  border-collapse: collapse;
  background-color: #EEF;
}
body.bgv table.login { 
  background: url(/formula/gifs/newbt.gif);
  background-color: #c0c0c0;
}
table.login td, table.login th {
  /* border-spacing: 0; */
  padding: 0 10 0 10;
}
table.login tr#submit th { 
  padding: 20 10 2 10;
}
table.account {
  /* width: 350; */
  border-collapse: collapse;
  background-color: #EEF;
  /*border-spacing: 0;*/
}
body.bgv table.account { 
  background: url(/formula/gifs/newbt.gif);
  background-color: #c0c0c0;
}
table.account td, table.account th { 
  /* border-spacing: 0; */
  padding: 0 10 0 10;
}
table.account tr#submit th { 
  padding: 20 10 2 10;
}
td.lt, td.rt, td.lb, td.rb {
  width:  20px; /* 11px */
  height: 20px; /* 11px; */
}
body.bgv td.lt { 
  background: url(/formula/gifs/lt.gif) no-repeat top left;
}
body.lte td.lt { 
  background: url(/formula/gifs/wlt.gif) no-repeat top left;
}
body.bgv td.rt { 
  background: url(/formula/gifs/rt.gif) no-repeat top right;
}
body.lte td.rt { 
  background: url(/formula/gifs/wrt.gif) no-repeat top right;
}
body.bgv td.lb { 
  background: url(/formula/gifs/lb.gif) no-repeat bottom left;
}
body.lte td.lb { 
  background: url(/formula/gifs/wlb.gif) no-repeat bottom left;
}
body.bgv td.rb { 
  background: url(/formula/gifs/rb.gif) no-repeat bottom right;
}
body.lte td.rb { 
  background: url(/formula/gifs/wrb.gif) no-repeat bottom right;
}

div.login { 
  padding: 7;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
div.login p { 
  margin: 6px;
}
div.login span { 
  padding: 1;
}
body.bgv div.login span { 
  color: lightgrey;
  background-color: #000090;
}
body.lte div.login span { 
  background-color: #EFE;
}

body.lte div.login a {
  text-decoration: none;
  background-color: #EFE;
  border: 1px solid #DDF;
  padding: 3;
  border-spacing: 5;
}
body.bgv div.login a {
  text-decoration: none;
  background-color: #000090;
  border: 1px solid gold;
  color: white;
  padding: 3;
  border-spacing: 5;
}
body.bgv div.login a:hover { 
  background-color: #0000F0;
}
body.lte div.login a:hover { 
  background-color: #CEC;
}
div.footer {
  margin-top: 2em;
  padding: 3;
  text-align: right;
}
body.bgv div.footer {
  background-color: #000090;
  color: #A0A050;
}
div.footer span.copyright { 
  float: left;
}
div.footer span.contact a {
  text-decoration: none;  
}
div.footer span.contact a:hover {
  text-decoration: underline;  
}
body.bgv div.footer span.contact a {
  color: #A0A050;
}
div.message {
  width: 440;
  padding: 5;
  border: 2px gold ridge;
  background-color: #EFE;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.bgv div.message {
  background-color: #FE8;
}
div.emessage {
  width: 440;
  padding: 1em;
  background-color: pink;
  border: 1px red solid;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
div.feedback {
  width: 640;
  padding: 1em;
  border: 1px gold solid;
  background-color: #EFE;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.bgv div.feedback {
  background-color: lightgrey;
}
span.category { 
  text-transform: capitalize;
  background-color: #FEC;
}
body.bgv span.category { 
  background-color: orange;
}
input.category { 
  background-color: lightorange;
}
table.status { 
  width: 700;
  text-align: center;
  padding: 3;
  margin-bottom: 15;
  background-color: #DDF;
}
body.bgv table.status { 
  background-color: #339;
}
table.status td {
  padding: 5;
  background-color: #EEF;
}
body.bgv table.status td {
  background-color: lightgrey;
}
table.control { 
  width: 700;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}
table.control td { 
  padding: 0;
}
table.control th.unused { 
  width: 50%;
}
table.control th.active, table.control td.active { 
  background-color: #EEF;
}
table.control th.inactive, table.control td.inactive {
  background-color: #DDE;
}
table.control td.rt, table.control td.lt { /* remove round corners */
  height: 0;
  width: 0;
}
body.bgv table.control { 
  background-color: #339;
  border: 2px solid #339;
  border-bottom: none;
}
body.bgv table.control th.inactive, body.bgv table.control td.inactive {
  background-color: #CCD;
}

table.problems { 
  width: 700;
  background-color: #DDF;
}
body.bgv table.problems { 
  background-color: #339;
}
table.problems td { 
  margin: 0;
  padding: 15;
}
table.problems th.submit { 
  margin: 0;
  padding: 15;
}
table.problems tr.problem { 
  background-color: lightgrey;
}
tr.problem td, tr.problem th { 
  background-color: #EEF;
}
tr.solution td, tr.solution th { 
  background-color: #EFE;
}
table.share tr.solution td, table.share tr.solution th { 
  background-color: white;
}
body.bgv tr.problem td, body.bgv tr.problem th { 
  background: lightgrey;
}
body.bgv tr.solution td, body.bgv tr.solution th { 
  background: #EEE;
}

table.problems td.probsel { 
  text-align: center;
  font-size: x-large;
}
table.problems td.probcnt { 
}
table.problems tr.solution { 
  background-color: #EEE;
}
table.problems td.solsel { 
  text-align: center;
  font-size: x-large;
}
td.r1 {
  color: #000; 
}
td.r2 { 
  color: #222;
}
td.r3 {
  color: #444;
}
td.r4 {
  color: #666;
}
td.r5 { 
  color: #888;
}
td.r6 { 
  color: #AAA;
}
td.r7 { 
  color: #CCC;
}

body.lte table.faq span.category { 
  background-color: #EEF;
}

body.bgv TABLE.faq td.r1 {
  color: #004;
  background-color: #BBB; 
}
body.bgv TABLE.faq td.r2 { 
  color: #004;
  background-color: #AAA;
}
body.bgv TABLE.faq td.r3 {
  color: #004;
  background-color: #999;
}
body.bgv TABLE.faq td.r4 {
  color: #004;
  background-color: #888;
}
body.bgv TABLE.faq td.r5 { 
  color: #004;
  background-color: #777;
}
TABLE.faq td.r6 { 
  color: #004;
  background-color: #666;
}
body.bgv TABLE.faq td.r7 { 
  color: #004;
  background-color: #555;
}

pre { 
#  font-size: 60%;
  width: 200;
}