body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #202020;
  margin: 0px;
  background-color: White;
  overflow:auto;
  }

td {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  }

a {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  }
  
a.tableofcontentlink {
  font-size: 8pt;
  color: #330099;
  font-style: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  }  

div.conContents {
  padding-top: 10px;
  }
  
div.conIndex {
  padding-top: 10px;
  }
    
a.tableofindexlink {
  font-size: 8pt;
  color: #330099;
  font-style: normal;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  }  

a.tableofcontentgroup {
  font-size: 8pt;
  font-weight: bold;
  color: #000099;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  }    

img.noborder {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  }
  
.textPane, table.example {
  font-size: 10pt;
  vertical-align: top;
  }

.pageHeader {
  padding-bottom: 5px;
  width: 100%;
  color: #101010;
  padding-top: 5px;
  border-bottom: #909090 1px solid;
  background-color: rgb(206,231,255);
  }

.pageHeader div.title {
  font-size: 16pt;
  font-weight: bolder;
  margin-left: 5;
  display: inline;
  }

.pageHeader div.description {
  font-size: 10pt;
  font-weight: normal;
  margin-left: 5;
  }
  
.textContents {
  float: left;
  padding: 5px 10px 5px 10px;
  }

.textLevelIndent {
  position: relative;
  left: +1em;  
  }  

table.submenu {
  margin-left: 10;
  margin-right: 10;
  font-size: 10pt;
  }

table.subtitle {
  font-size: 10pt;
  width:100%;
  }

table.example {
  margin-top: 10px;
  }

td.menuIcon {
  width: 20px;
  }
  
td.description {
  text-align: justify;
  padding-bottom: 5;
  }

td.pageHeaderIcon {
  vertical-align: top;
  }

table.subtitle td {
  padding-left:0px;
  padding-right:0px;
  }

table.example td {
  padding: 0px 5px 0px 5px;
  }

table.subtitle td.subtitle, table.subtitle td.exampleBtn, table.subtitle td.description {
  padding-bottom:2px;
  padding-top:2px;
  padding-left:5px;
  padding-right:5px;
  height: 12px;
  }

table.subtitle td.subtitle, table.subtitle td.exampleBtn {
  width:auto;
  font-size: 10pt;
  font-weight: bolder;
  background-color: RGB(236,245,255);
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  border-bottom-width: 1px;
  }

  
table.subtitle td.exampleBtn {
  font-size: 9pt;
  font-weight: normal;
  color: RGB(75,120,206);
  text-align:right;
  }

table.subtitle td.spacer {
  width: 5px;
  }

table.command td.commandIcons {
  width:45px;
  vertical-align:top;
  padding: 4px 4px 4px 4px;
  }

div.p {
  width: 100%;
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 10px;
/*  text-align: justify; */
  }

div.par {
  margin-top: 5px;
  }

div.center {
  text-align: center;
  }

div.subtitle {
  padding-left: 10px;
  font-weight: bolder;
  font-size: 12pt;
  background-color: RGB(236,245,255);
  padding-bottom: 5px;
  border-bottom-style: solid;
  border-bottom-color: RGB(174,213,255);
  border-bottom-width: 1px;
  width: auto;
  color: black;
  padding-top: 5px;
  }

.exampleHeader {
  background-color: #eaeaea;
  }

.exampleToggleButton {
  padding-right: 20px;
  text-align: right;
  vertical-align: middle;
  }

.border {
  border-style: solid;
  border-color: RGB(184,188,192); /* #909090; */
  border-width: 1px;
  width: 100%;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

img.nobordertop {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  padding-top: 0px;
  vertical-align:top;
  }

img {
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  margin: 10px;
  vertical-align: middle;
  border-right-width: 0px;
  }

img#screenshotImage {
  margin: 0px;
  }
  
img.arrow {
  margin: 0px 0px 0px 5px;
  }
  
div.conLevelIndent {
  padding-left: 15px;
  font-size: 9px;
  }

div.conLevel {
  font-size:9px;
  }

div.conPane {
  padding-top: 10px;
  }
  
.rankpanel {
  white-space:nowrap;
  text-align:right;
  vertical-align:middle;
  font-weight:normal;
  padding-right:3px;
  padding-bottom:1px;
  }  

.rankpanel .question {
  font-size:10px;
  vertical-align:middle;
  margin-right: 2px;
  }

.ranklink {display:inline;cursor:pointer;font-weight:bold;padding:0px 2px 0px 2px;height:7px;}

.ranklink img {
  padding:0px;
  margin:0px;
  }
 
.mode {
  border: solid 1px RGB(255,170,85);
/*  border-top: solid 1px gray; */
  margin: 5px 5px 5px 0px;
  width: 100%;
  }
  
.mode td.name {
  font-weight:bold;
  background: RGB(255,170,85);
  padding-left:5px;  
  width: 100%;
  }
  
.mode td.content {
  padding-left:5px;  
  width: 100%;
  }