/* idlebox CSS */

body {
  margin: 0px;
  padding: 0px;
  background: rgb(255,255,255);
  color: black;
  font-size: 14pt;
  font-family: Times, serif;
  /* background-image: url(/img/bgfractal1.jpg); */
  background-repeat: no-repeat;
  background-position: right 18pt;
  background-attachment: scroll;
}

a { color: rgb(0,0,255); text-decoration: none }
a:hover { text-decoration: underline }

a.exp { color: black; border-bottom: 1px dotted rgb(0,0,255) }
a.exp:hover { color: rgb(0,0,255); text-decoration: underline }

.highlight { color: green }

table { border: 0px; margin: 0px; padding: 0px; border-collapse: collapse; }
tr { margin: 0px; padding: 0px; border: 0px }
td { margin: 0px; padding: 6px; border: 0px; font-family: Times, serif }

caption { caption-side: bottom; padding: 0.5em }

h1 { font-size: 16pt; margin: 2pt 0px 8pt 0px; }
h2 { font-size: 15pt; margin: 12pt 0px 8pt 0px; }
h3 { font-size: 14pt; margin: 12pt 0px 8pt 0px; }
h4 { font-size: 14pt; margin: 10pt 0px 6pt 0px; }

h3.nopad { font-size: 14pt; margin: 0 0 6pt 0; }
h4.nopad { font-size: 14pt; margin: 0 0 6pt 0; }

p { padding: 0px; margin: 8pt 0pt }
p.info { font-size: 12pt; margin: 0pt }
p.nopadtop { margin-top: 1pt }
p.nopadbottom { margin-bottom: 1pt }

code {
  font-size: 12pt
}

img {
  border: 0px;
}
img.ltximg {
  vertical-align: middle;
}

hr { border: 0; border-top: 1px solid #d0d0d0 }

dl { margin: 0; }

div.textcontent {
  padding: 0pt 16pt;
}
div.textcontent p {
  line-height: 1.15em;
  text-align: justify;
}

.text { line-height: 110% }
.center { margin-left: auto; margin-right: auto; }
.vtop tr td { vertical-align: top }
.vmiddle tr td { vertical-align: middle }

input {
  border: 1px solid rgb(20, 1, 244);
  background-color: rgb(226, 243, 255);
  padding: 2px;
  margin: 0;
  font-size: 12pt;
  font-family: Helvetica, sans-serif;
  line-height: 110%;
}

input.button {
  background-color: rgb(226, 243, 255);
}

input.radio {
  border: 0px;
  background-color: white;
}

input.checkbox {
  border: 0px;
  background-color: white;
}

button {
  border: 1px solid rgb(20, 1, 244);
  background-color: rgb(226, 243, 255);
  padding: 2px;
  font-size: 12pt;
  font-family: Helvetica, sans-serif;
}

textarea {
  border: 1px solid rgb(20, 1, 244);
  background-color: rgb(226, 243, 255);
  padding: 2px;
  margin: 0px;
  font-size: 12pt;
  font-family: Helvetica, sans-serif;
}

select {
  border: 1px solid rgb(20, 1, 244);
  background-color: rgb(226, 243, 255);
  padding: 2px;
  font-size: 12pt;
  font-family: Helvetica, sans-serif;
}

span.formh {
  visibility: hidden;
}

span.formh input {
  width: 0;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 12pt;
  font-family: Helvetica, sans-serif;
  line-height: 80%;
}

input.searchedit {
  background-color: #F0F6FF;
  font-size: 11pt;
}
input.searchbutton {
  background-color: #F0F6FF;
  padding: 1px;
  font-size: 11pt;
}
input.searchbutton:hover {
  background-color: #FFFCDC;
}

input.sbedit {
  border: 1px solid #A0AEFF;
  background-color: #F0F6FF;
  margin-bottom: 1px;
}
input.sbbutton {
  border: 1px solid #A0AEFF;
  background-color: #F0F6FF;
  padding: 1px;
}
textarea.sbtext {
  border: 1px solid #A0AEFF;
  background-color: #F0F6FF;
  padding: 2px;
  margin-bottom: 1px;
}

a img {
  border: 0;
}

a img.cb {
  border: 1px solid black;
}
a:hover img.cb {
  border: 1px solid blue;
}

.thinframe {
  border: 1px solid #1001B9 !important;
  padding: 6px;
}

.thinheader {
  border-bottom: 1px solid #008000 !important;
}

.thinfooter {
  border-top: 1px solid #008000 !important;
}

.hideborderbelow {
  border-bottom: hidden !important;
}

.commentframe {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  border: 1px solid #229c09;
  padding: 0pt 8pt;
}

p.commenttitle {
  font-size: 13pt;
}

/* Floating Frames */

div.flright {
  float: right;
  margin: 0em 0em 1.5em 1.5em;
}

div.flframe {
  background-color: #f9f9f9;
  border: 1px solid #aaaaaa;
  padding: 0.5em;
}

div.flframe h1 { margin: 0 0 6pt 0; }
div.flframe h2 { margin: 0 0 6pt 0; }

/* Shoutbox Layout */

div.sbframe {
  float: right;
  clear: right;
  border: 1px solid green;
  overflow: auto;
  background-color: #ffffff;
  margin: 0.5em 0em 0.5em 1.5em;
  font-size: 12pt; 
}

table.sbtable {
  width: 100%;
}

table.sbtable td {
  padding: 4px;
}

table.sbtable td.a0 {
  text-align: right;
  font-weight: bold;
}
table.sbtable td.d0 {
  border-top: 1px solid #A0AEFF;
}
table.sbtable td.d1 {
  border-top: 1px solid #A0D3FF;
}

/* CSS Styles for the Page Layout */

div.idleboxtopbar {
  border-bottom: 1px solid rgb(20, 1, 244);
  font-size: 14pt;
  background-color: #BFDEFF;
  padding: 0;
  margin: 0;
}

div.idleboxcontent {
  margin: 1.6ex;
}

div.idleboxwidecenter {
  padding: 1.6ex;
  max-width: 140ex;
  margin: 0 auto;
  border-left: 1px solid #f2f2ff;
  border-right: 1px solid #f2f2ff;
}

/* CSS Styles for the pull-down navigation bar */

#idleboxnav, #idleboxnav ul {
  padding: 0;
  margin: 0;
  border: 0;
  list-style: none;
}

#idleboxnav li.top {
  float: left;
  margin: 0;
  padding: 6px 6px;
  background-color: #BFD5FF;
  border-left: 1px solid #A0BEFF;
}

#idleboxnav li a.ni {
  display: block;
  text-align: center;
}

#idleboxnav ul.nx a {
  display: block;
  text-align: left;
  margin: 0 0.8ex;
  padding: 1px 4px;
}

#idleboxnav li.ns {
  padding-top: 5px;
  border-top: 1px solid red;
}

#idleboxnav li.nt {
  padding-bottom: 4px;
}

#idleboxnav li ul {
  position: absolute;
  background: orange;
  left: -999em;
  border: 1px solid red;
  padding: 3px 0px;
}

#idleboxnav li div {
  position: absolute;
  background: orange;
  left: -999em;
  border: 1px solid red;
  padding: 4px;
}

#idleboxnav li:hover, #idleboxnav li.sfhover {
  background-color: orange;
}

#idleboxnav li:hover ul, #idleboxnav li.sfhover ul {
  left: auto;
}

#idleboxnav li:hover div, #idleboxnav li.sfhover div {
  left: auto;
}

/* Page Number Navigation */

a.pagenum {
  border: 1px solid rgb(20, 1, 244);
  padding: 0.4ex 0.8ex;
}

a.pagenumcurr {
  background-color: #BFDEFF;
}

a.pagenum:hover {
  background: orange;
}

/* General Settings */

@media print {
  div.commentform {
    display: none
  }
}

div.cite {
  margin: 8pt 0pt;
  padding: 0pt 8pt;
  border-left: 1px solid #008000;
  border-right: 1px solid #008000;
}

table.indentsmall {
  margin-left: 1.5em;
}

table.smallwhite {
  border-collapse: collapse;
  border: 0 !important;
}
table.smallwhite tr td {
  padding: 0px 16px 0px 0px;
  border: 0 !important;
}

table.mediumwhite {
  border-collapse: collapse;
}
table.mediumwhite tr td {
  padding: 2px 16px 2px 0px;
}

table.darkfullframe {
  border-collapse: collapse;
}
table.darkfullframe tr td {
  padding: 4px;
  border: 1px solid #090066;
  vertical-align: top;
}

table.lightgreyfullframe {
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
}
table.lightgreyfullframe tr td {
  padding: 4px;
  border: 1px inset #e8e8e8;
}

table.paddfull {
  border-collapse: collapse;
}
table.paddfull tr td {
  padding: 4px;
}

.indentsmall { 
  margin: 0pt 8pt;
}

/* List Styles */

ul {
  margin: 0.3ex 2ex;
  padding: 0pt 12pt;
}

ul.nomargin {
  margin: 0.3ex 0;
}

li {
  padding: 2px 0;
}

ul.plainlist {
  list-style: none;
}

ul.plainlist li {
  padding: 2px 0;
  margin: 0;
}

ul.nested li { margin-left: 0em }

ol.nestedA li { display: block }
ol.nestedA li:before { content: counter(item) "   "; counter-increment: item; white-space: pre; }
ol.nestedA li.nonumber:before { content: "     " }
ol.nestedA li.appendix:before { content: counter(itemappendix, upper-alpha) "   "; counter-increment: itemappendix; }

ol.nestedB { counter-reset: subitem }
ol.nestedB li { display: block }
ol.nestedB li:before { content: counter(item) "." counter(subitem) "   "; counter-increment: subitem; white-space: pre; }
li.appendix ol.nestedB li:before { content: counter(itemappendix, upper-alpha) "." counter(subitem) "   "; counter-increment: subitem }

/* Inline Link Blocks */

.inlinelink a {
  display: inline-block;
  text-align: center;
  padding: 0.8ex 1.2ex;
  margin: 0.5ex 1ex;
  border: 1px solid #a0a0ff;
}

.inlinelink a:hover {
  background-color: #e8e8ff;
}

/* Data Table Styles */

table.datatable1 {
  border: 1px solid #1001B9 !important;
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
  text-align: left;
}

table.datatable1 td {
  padding: 4px;
  border: 1px inset #e8e8e8;
}

table.datatable1 th {
  padding: 4px;
  border: 1px inset #e8e8e8;
  border-bottom: 1px solid #008000 !important;
  font-weight: normal;
  text-align: inherit;
}

table.datatable1 td.linet {
  border-top: 1px solid #008000 !important;
}

table.datatable1 td.lineb {
  border-bottom: 1px solid #008000 !important;
}

table.datatable1 .liner {
  border-right: 1px solid #008000 !important;
}

table.datatable1 td.hide {
  border-bottom: hidden !important;
}

/* CSS for highlighted source code */

.codesnippet {
  color: #000000;
  font-size: 12pt;
  font-family: monospace;
  text-align: left;
}

.codeframe { 
  border: 1px solid #d0d0d0;
  background-color: #fcfcfc;
  margin: 4px 2px;
  padding: 4px 6px;
  font-size: 12pt;
  font-family: monospace;
  word-wrap: break-word;
}

.codesnippet .num {
  color:#2928ff;
}
.codesnippet .fun {
  color:#007f00;
}
.codesnippet .str {
  color:#00A400;
}
.codesnippet .com {
  color:#666466;
}
.codesnippet .dir {
  color:#0000CD;
}
.codesnippet .kwa {
  color:#AA2500;
}
.codesnippet .kwb {
  color:#009B84;
}
.codesnippet .res {
  color:#4F1DC4
}
.codesnippet .err {
  color:#ff0000;
  font-weight: bold;
  font-style: italic;
}
.codesnippet .dstr {
  color:#c9a7ff;
}
.codesnippet .op {
  color:#2255ff;
}
.codesnippet .alt {
  color:#00AAff;
}
.codesnippet .var {
  color:#FF7300;
}

/* Terminal-like frame */

.termframe { 
  border: 1px solid #d0d0d0;
  background-color: #101010;
  color: #c0c0c0;
  margin: 4px 2px;
  padding: 4px 6px;
}

/* Vertical Link Blocks */

ul.vlinks {
  list-style: none;
}

ul.vlinks li {
  float: left;
}

ul.vlinks li a {
  display: block;
  text-align: center;
  margin: 0;
  padding: 6px 6px;
  background-color: #BFD5FF;
  border-left: 1px solid #A0BEFF;
  border-top: 1px solid #A0BEFF;
  border-bottom: 1px solid #A0BEFF;
}

ul.vlinks li a.last {
  border-right: 1px solid #A0BEFF;
}

ul.vlinks li a:hover {
  background-color: orange;
}