div {
  margin: 0;
  padding: 0;
} 

body {
  background: url("../images/gradient.png") top repeat-x;
  margin: 0px;
  text-align: center;
  font-family: sans-serif;
} 

h1 {
  text-align: center;
  margin: 0 auto;
  padding: 0em 0em 2em 0em;
  font-size: 2em;
  font-weight: bold;
  color: 
      #0000aa
    ;
} 

h2 {
  text-align: left;
  margin: 0em 0em 1em -1em;
  color: 
      #0000aa
    ;
} 

h3 {
  text-align: left;
  margin-top: 0em;
  color: 
      #0000aa
    ;
} 

img {
  border: none;
} 

a {
  text-decoration: none;
  color: #2020cc;
} 

a:visited {
  color: #804010;
} 

a:hover {
  color: #dd4f05;
  text-decoration: underline;
} 

.button {
  text-decoration: none;
  color: black;
} 

#header {
  text-align: center;
  width: 100%;
  margin: 0em;
  padding: 0em;
  min-height: 180px;
} 

#logo {
  margin-top: 20px;
  border: none;
} 

#content {
  text-align: center;
  width: 100%;
  margin: 0 auto;
} 

#body {
  height: auto;
  background: url("../images/topleft.png") top left no-repeat;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 2em;
} 

#nextprev {
  margin: 2em -1em 0em -1em;
} 

#next {
  float: right;
} 

#topnav {
  width: 
      80%
    ;
  margin: 0 auto;
  text-align: right;
} 

#topnav div {
  padding: 0 8px 0 0;
} 

#breadcrumb {
  height: 2em;
  margin: 0 auto;
  padding-left: 4em;
  text-align: left;
} 

.panel {
  width: 
      80%
    ;
  margin: 0 auto;
} 

.pre {
  margin: 0 auto;
  clear: both;
} 

.features dt {
  font-weight: bold;
} 

.xqtext {
  width: 
      80%
    ;
  margin: 0 auto;
  background: url("../images/xqsharptext.png") bottom right no-repeat;
  height: 180px;
} 

.download {
  padding: 12px 0 0 72px;
  height: 72px;
  float: left;
  margin: -12px 1em 0px 8px;
  background: url("../images/download.png") top left no-repeat;
  vertical-align: center;
} 

.betadownload {
  padding: 12px 0 0 72px;
  height: 72px;
  float: left;
  margin: -12px 1em 0px 8px;
  background: url("../images/downloadbeta.png") top left no-repeat;
  vertical-align: center;
} 

.section {
  margin-bottom: 2em;
  padding-left: 1em;
} 

.panel_body {
  background: white url("../images/panel_r.png") right repeat-y;
  padding: 0 8px 0 0;
} 

.panel_content {
  background: url("../images/panel_l.png") left repeat-y;
  padding: 2em 3em 1em 3em;
  text-align: left;
} 

.panel_top {
  background: url("../images/panel_tr.png") top right no-repeat;
} 

.panel_top div {
  background: url("../images/panel_tl.png") top left no-repeat;
  padding: 0px 16px 0px 8px;
} 

.panel_top div div {
  background: url("../images/panel_t.png") top repeat-x;
  height: 20px;
} 

.panel_bottom {
  background: url("../images/panel_br.png") bottom right no-repeat;
} 

.panel_bottom div {
  background: url("../images/panel_bl.png") bottom left no-repeat;
  padding: 0px 16px;
} 

.panel_bottom div div {
  background: url("../images/panel_b.png") bottom repeat-x;
  height: 28px;
} 

.hotpanel_body {
  background: #ffd8b0 url("../images/hotpanel_l.png") left repeat-y;
  width: 100%;
} 

.hotpanel_content {
  background: url("../images/hotpanel_r.png") right repeat-y;
  text-align: left;
  text-size: 2em;
  min-height: 40px;
} 

.hotpanel_content p {
  margin: 0 1em;
} 

.hotpanel_top {
  background: url("../images/hotpanel_tr.png") top right no-repeat;
} 

.hotpanel_top div {
  background: url("../images/hotpanel_tl.png") top left no-repeat;
  padding: 0px 16px 0px 8px;
} 

.hotpanel_top div div {
  background: url("../images/hotpanel_t.png") top repeat-x;
  height: 20px;
} 

.hotpanel_bottom {
  background: url("../images/hotpanel_br.png") bottom right no-repeat;
} 

.hotpanel_bottom div {
  background: url("../images/hotpanel_bl.png") bottom left no-repeat;
  padding: 0px 16px;
} 

.hotpanel_bottom div div {
  background: url("../images/hotpanel_b.png") bottom repeat-x;
  height: 28px;
} 

.inlinepanel {
  float: right;
  padding-left: 1em;
  margin-right: -8px;
  width: 33%;
  max-width: 16em;
} 

.greenpanel_body {
  background: #e0ffe0 url("../images/greenpanel_l.png") left repeat-y;
  width: 100%;
} 

.greenpanel_content {
  background: url("../images/greenpanel_r.png") right repeat-y;
  padding: 0 8px 0 0;
  text-align: left;
} 

.greenpanel_content div {
  padding: 0 1em;
} 

.greenpanel_content div ul {
  margin: 0;
  padding: 0.5em 0 0 0;
} 

.greenpanel_content div li {
  list-style: none;
} 

.greenpanel_content div img {
  vertical-align: middle;
  padding: 0;
} 

.greenpanel_content div strong {
  font-weight: 900;
} 

.greenpanel_top {
  background: url("../images/greenpanel_tr.png") top right no-repeat;
} 

.greenpanel_top div {
  background: url("../images/greenpanel_tl.png") top left no-repeat;
  padding: 0px 16px 0px 8px;
} 

.greenpanel_top div div {
  background: url("../images/greenpanel_t.png") top repeat-x;
  height: 20px;
} 

.greenpanel_bottom {
  background: url("../images/greenpanel_br.png") bottom right no-repeat;
} 

.greenpanel_bottom div {
  background: url("../images/greenpanel_bl.png") bottom left no-repeat;
  padding: 0px 16px;
} 

.greenpanel_bottom div div {
  background: url("../images/greenpanel_b.png") bottom repeat-x;
  height: 28px;
} 

.pre_body {
  background: #ffffe0 url("../images/innerpanel_l.png") left repeat-y;
} 

.pre_content {
  background: url("../images/innerpanel_r.png") right repeat-y;
  margin: 0;
  padding: 0em 2em 0em 2em;
  text-align: left;
  color: #633a11;
} 

.pre_top {
  background: url("../images/innerpanel_tr.png") top right no-repeat;
} 

.pre_top div {
  background: url("../images/innerpanel_tl.png") top left no-repeat;
  padding: 0px 8px 0 16px;
} 

.pre_top div div {
  background: url("../images/innerpanel_t.png") top repeat-x;
  height: 16px;
} 

.pre_bottom {
  background: url("../images/innerpanel_br.png") bottom right no-repeat;
} 

.pre_bottom div {
  background: url("../images/innerpanel_bl.png") bottom left no-repeat;
  padding: 0px 8px;
} 

.pre_bottom div div {
  background: url("../images/innerpanel_b.png") bottom repeat-x;
  height: 8px;
} 

#pB {
  clear: both;
  width: 40em;
  padding: 1em 1em 1em 1em;
  margin-left: auto;
  margin-right: auto;
  line-height: 140%;
} 

#pE {
  clear: both;
  text-align: right;
  padding-top: 0.2em;
  margin-bottom: 0.5em;
  font-size: 
      80%
    ;
} 

#pE a {
  font-weight: bold;
} 

div#footer {
  padding: 1em 0em 2em 0em;
} 

div#footer img {
  border: none;
  margin: 0.25em;
} 

#pX {
  margin-top: 0em;
} 

td {
  vertical-align: top;
} 

td.pass {
  background-color: #99ff99;
} 

td.nearly {
  background-color: #ccffcc;
} 

td.fail {
  background-color: #ff9999;
} 

td.group {
  background-color: #d9e6fd;
} 

table.xqtsresultssummary {
  font-size: 90%;
  line-height: 120%;
} 

div.xqtscomment {
  font-size: 70%;
} 

div.cAL {
  float: right;
} 

div.cAM div.cAN {
  float: left;
  text-align: center;
  margin: 0.5em;
} 

div.cAM div.cAN a {
  text-decoration: none;
} 

div.cAM div.cAN img {
  border: 0;
} 

.cAO {
  display: none;
} 

a.cAA {
  position: absolute;
  top: 0em;
  left: -1000em;
  width: 10em;
} 

a.cAA:focus {
  z-index: 2;
  position: absolute;
  top: 0em;
  left: 0em;
  background-color: black;
  color: white;
} 

a.cAA:active {
  z-index: 2;
  position: absolute;
  top: 0em;
  left: 0em;
  background-color: black;
  color: white;
} 

span.hit1 {
  font-weight: bold;
  color: black;
  background-color: #ffcc00;
} 

span.hit2 {
  font-weight: bold;
  color: black;
  background-color: #9999ff;
} 

span.hit3 {
  font-weight: bold;
  color: black;
  background-color: #cc3399;
} 

span.hit4 {
  font-weight: bold;
  color: black;
  background-color: #46c2ff;
} 

span.hit5 {
  font-weight: bold;
  color: black;
  background-color: #55b3cc;
} 

span.hit6 {
  font-weight: bold;
  color: black;
  background-color: #009b36;
}