html,body {
  /*min-height: 90%;*/
}
body {
/*background-color: #cacaca; */
  background:-webkit-radial-gradient(#111, #666, #bbb);
  background:-moz-radial-gradient(#111, #666, #bbb);
  background:-o-radial-gradient(#111, #666, #bbb);
  background:radial-gradient(#111, #666, #bbb);
  background-attachment:fixed;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0 auto;
  width: 1000px;
}
table {
  border-collapse: collapse;
}
td,th,input {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin: 0px;
}
a {
  color: blue;
  text-decoration: none;
}
a:visited {
  color: #9f0000;
}
a:active {
  color: red;
}
a:hover {
  color: red;
  /*background: #AAFFBB;*/
  text-decoration: underline;
}
a.imagebutton:hover {
  color: none;
  background: none;
  text-decoration:none;
}
.headerrow {
  background-color: lightgray;
  font-weight: bold;
  font-size: 10pt;
  /* text-align: right; */
  cursor: pointer;
}
.toc {
  font-weight: bold;
  border: 2px #EEEEEE ridge;
  background-color: #EEEEFF;
  padding: 5px 20px;
  float: left;
}
.code {
  font-family: monospace;
  font-weight: normal;
  white-space: pre;
  border: 2px #CCCCCC inset;
  background-color: #EEEEEE;
  padding: 10px;
  margin: 10px;
  float: left;
}
.codewrap {
  font-family: monospace;
  font-weight: normal;
  white-space: pre-line;
  border: 2px #CCCCCC inset;
  background-color: #EEEEEE;
  padding: 10px;
  margin: 10px;
  float: left;
}
.toc_navbox {
  display: inline-block;
  margin: 5px;
  padding: 5px;
  border: 1px #AAAAAA solid;
  background-color: #F9F9F9;
}
.inlinecode {
  margin: 2px;
  padding: 2px;
  border: 1px #CCCCCC solid;
  background-color: #EEEEEE;
  font-family: monospace;
  color: #333366;
  white-space: pre;
}
OL.wellspaced {
  font-size: 1.3em;
  font-weight: bold;
  color: #666666;
}
OL.wellspaced p {
  font-size: 0.76923em;
  font-weight: normal;
  color: #000000;
  padding-top: 5px;
  padding-bottom: 5px;
}
.warning_message {
  color: #FF0000;
  background-color: #FFCCCC;
  margin: 10px;
  padding: 10px;
  border: 2px #FF0000 dashed;
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block;
}
.success_message {
  color: #009900;
  background-color: #CCFFCC;
  margin: 10px;
  padding: 10px;
  border: 2px #66CC66 dashed;
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block;
}
#dhtmltooltip {
  font-family: sans-serif;
  font-size: 10pt;
  position: absolute;
  left: -300px;
  border: 1px solid black;
  padding: 2px;
  background-color: #FFFFE0;
  visibility: hidden;
  z-index: 32700;
  max-width: 800px;
  max-height: 450px;
  overflow: auto;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
#dhtmlpointer {
  position: absolute;
  left: -300px;
  z-index: 32701;
  visibility: hidden;
}

/* CSS for Sort Table */
table.sortable thead {
  background-color: #EEEEEE;
  color: #666666;
  font-weight: bold;
  cursor: default;
}
/* CSS for Sort Table :: end */

/* CSS for Striping a Table */
table.zebra tbody tr:nth-child(odd) td {
  background: #ffffff;
}
table.zebra tbody tr:nth-child(even) td {
  background: #e4f3e2;
}
/* CSS for Striping a Table :: end */

.topnav {
/*  background-color: lightsteelblue; */
  background:-webkit-linear-gradient(lightsteelblue, gray);
  background:-moz-linear-gradient(lightsteelblue, gray);
  background:-o-linear-gradient(lightsteelblue, gray);
  background:linear-gradient(lightsteelblue, gray);
  width: 100%;
  border-width: 1px;
  border-color: #999999;
  border-style: solid;
}
h1,h2,h3,h4 {
    text-align:center;
}

/*  Define HTML5 setions */
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}
header {
  width:998px;
  background-color: #B0B0B0;
  border-width: 1px 1px 1px 1px;
  border-color: black;
  border-style: solid;
}
section {
  font-size: 10pt;
  float:left;
  width:99.4%;
  background-color: #FFFFFF;
  border-width: 1px 1px 1px 1px;
  border-color: black;
  border-style: solid;
  padding: 2px;
  z-index: 1;
}
nav {
  float:left;
  /*width:152px;*/
  width:99.8%;
  /*background-color: #FFFFFF;*/
  z-index: 20;
}
main {
  width:99%;
  padding: 3px;
  background-color: #F0F0F0;
  border-width: 1px 1px 1px 1px;
  border-color: black;
  border-style: solid;
}
article {
  float:left;
  width:99%;
  background-color: #FFFFFF;
  border-width: 1px 0px;
  border-color: black;
  border-style: solid;
  padding: 0px 4px;
}
aside {
  text-align:center;
  float:right;
  width:13%;
  background-color: #FFFFFF;
  border-width: 1px 1px 1px 1px;
  border-color: black;
  border-style: solid;
}
footer {
  text-align:right;
  float:right;
  width:99.8%;
/*  background-color: #7F7F7F;*/
  padding: 5px 0px;
/*  border-width: 1px;*/
/*  border-color: black;*/
/*  border-style: solid;*/
}
/*  End defining HTML5 setions */

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
}

/* Try to set some equivalent sizes for old HTML4 things */
  h1 { font-size: 2em; }
  h2 { font-size: 1.5em; }
  h3 { font-size: 1.17em; }
  h5 { font-size: .83em; }
  h6 { font-size: .75em; }
  h2,h3 {
    font-weight: bold;
    padding: 0px;
    margin: 0px;
  }
  .size1 {
    font-size: 0.63em;
  }
  .size2 {
    font-size: 0.82em;
  }
  .size3 {
    font-size: 1em;
  }
  .size4 {
    font-size: 1.17em;
  }
  .size5 {
    font-size: 1.5em;
  }
  .size6 {
    font-size: 2em;
  }
  .size7 {
    font-size: 3em;
  }
  .bold {
    font-weight: bold;
  }
  .italic {
    font-style: italic;
  }
/* End HTML4 fixups */

/* Define stuff for the table versions of hourly reports */
table#hourlyreport {
  width:98%;
}
table#hourlyreport caption {
  font-weight:bold;
  font-size:16pt;
  font-family:arial;
}
table#hourlyreport td,table#hourlyreport th {
  border-collapse:collapse;
  border:1px solid black;
}
table#hourlyreport th {
  font-size:12pt;
  cursor:pointer;
}
table#hourlyreport thead {
/*
  background:-webkit-linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);
  background:-o-linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);
  background:-moz-linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);
  background:linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);
  background-attachment:fixed;
*/
}
table#hourlyreport td {
  font-size:10pt;
}
table#hourlyreport tbody>tr:nth-child(even) {
  background-color:lightgray;
}
table#hourlyreport tbody tr:hover td {
  background-color:lightblue;
}
/* End hourly report table styles */

/* Standard table styling */
table.stdtable {
  text-align: left;
  width: 98%;
}
table.stdtable caption {
  font-weight:bold;
  font-size:16pt;
  font-family:arial;
}
table.stdtable td,table.stdtable th {
  border-collapse:collapse;
  border:1px solid black;
}
table.stdtable th {
  font-size:12pt;
  cursor:pointer;
}
table.stdtable thead {
  background-color: #99bfe6;
  /*background:-webkit-linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);
  background:-o-linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);
  background:-moz-linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);
  background:linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);*/
  background-attachment:local;
}
table.stdtable td {
  font-size:10pt;
}
table.stdtable tbody>tr:nth-child(even) {
  background-color:#f0f0ff;
}
table.stdtable tbody tr:hover {
  background-color:lightblue;
}
/* End standard table style */

/* Exponent table styling */
table.exptable {
  width:98%;
}
table.exptable caption {
  font-weight:bold;
  font-size:16pt;
  font-family:arial;
}
table.exptable td,table.exptable th {
  border-collapse:collapse;
  border:1px solid black;
}
table.exptable th {
  font-size:12pt;
  cursor:pointer;
}
table.exptable thead {
  background:-webkit-linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);
  background:-o-linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);
  background:-moz-linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);
  background:linear-gradient(to right, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%);
  background-attachment:local;
}
table.exptable td {
  font-size:10pt;
}
table.exptable td.even {
  background-color:#f0f0ff;
}
table.exptable tbody tr:hover td {
  background-color:rgba(64,64,255,0.3);
}
/* End exponent table style */

table.compacttable {
  border:1px;
  border-spacing:1px;
}
table.compacttable th {
  font-size:10pt;
  cursor:pointer;
  border-top:0;
  border-bottom:0;
}
table.compacttable td {
  font-size:9pt;
  border-top:0;
  border-bottom:0;
}
table.compacttable tbody>tr:nth-child(even) {
  background-color:#f0f0ff;
}
table.compacttable tbody tr:hover {
  background-color:lightblue;
}


#lightshade1 {
  background:-webkit-linear-gradient(cornsilk, lightgray);
  background:-moz-linear-gradient(cornsilk, lightgray);
  background:-o-linear-gradient(cornsilk, lightgray);
  background:linear-gradient(cornsilk, lightgray);
}
#lightshade2 {
  background:-webkit-radial-gradient(#bbf,#aae);
  background:-moz-radial-gradient(#bbf,#aae);
  background:-o-radial-gradient(#bbf,#aae);
  background:radial-gradient(#bbf,#aae);
}
#lightshade3 {
  background:-webkit-linear-gradient(left,#bbb, #66a, #bbb);
  background:-o-linear-gradient(right,#bbb, #66a, #bbb);
  background:-moz-linear-gradient(right,#bbb, #66a, #bbb);
  background:linear-gradient(to right,#bbb, #66a, #bbb);
}
/* Button styles */
input#shiny {
  padding: 4px 20px;
  /*give the background a gradient*/
  background:#ffae00; /*fallback for browsers that don't support gradients*/
  background: -webkit-linear-gradient(top, #ffae00, #d67600);
  background: -moz-linear-gradient(top, #ffae00, #d67600);
  background: -o-linear-gradient(top, #ffae00, #d67600);
  background: linear-gradient(top, #ffae00, #d67600);
  border:2px outset #dad9d8;
  /*style the text*/
  font-family:Arial, sans-serif;
  font-size:1.1em;
  letter-spacing:0.05em;
  /*text-transform:uppercase;*/
  color:#fff;
  text-shadow: 0px 1px 10px #000;
  /*add to small curve to the corners of the button*/
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  /*give the button a drop shadow*/
  -webkit-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
  -moz-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
  box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
}
/****NOW STYLE THE BUTTON'S HOVER STATE***/
input#shiny:hover, input#shiny:focus {
  border:2px solid #dad9d8;
}

input#gobutton {
  cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
  padding:5px 25px; /*add some padding to the inside of the button*/
  background:#35b128; /*the colour of the button*/
  border:1px solid #33842a; /*required or the default border for the browser will appear*/
  /*give the button curved corners, alter the size as required*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  /*give the button a drop shadow*/
  -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
  -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
  box-shadow: 0 0 4px rgba(0,0,0, .75);
  /*style the text*/
  color:#f3f3f3;
  font-size:1.1em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#gobutton:hover, input#gobutton:focus{
  background-color :#399630; /*make the background a little darker*/
  /*reduce the drop shadow size to give a pushed button effect*/
  -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
  -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
  box-shadow: 0 0 1px rgba(0,0,0, .75);
}

input#submitbutton {
  border:2px groove #7c93ba;
  cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
  padding: 5px 25px;
  /*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
  background-color:#6b6dbb; /*required for browsers that don't support gradients*/
  background: -webkit-gradient(linear, left top, left bottom, from(#88add7), to(#6b6dbb));
  background: -webkit-linear-gradient(top, #88add7, #6b6dbb);
  background: -moz-linear-gradient(top, #88add7, #6b6dbb);
  background: -o-linear-gradient(top, #88add7, #6b6dbb);
  background: linear-gradient(top, #88add7, #6b6dbb);
  /*style to the text inside the button*/
  font-family:Arial, sans-serif;
  color:#fff;
  font-size:1.1em;
  letter-spacing:.1em;
  /*font-variant:small-caps;*/
  /*give the corners a small curve*/
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  /*add a drop shadow to the button*/
  -webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
  -moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
  box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#submitbutton:hover, input#submitbutton:focus {
  color:#edebda;
  /*reduce the spread of the shadow to give a pushed effect*/
  -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
  -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
  box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
}

#button1 {
  border:2px groove #7c93ba;
  cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
  padding: 5px;
  /*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
  background-color:#6b6dbb; /*required for browsers that don't support gradients*/
  background: -webkit-gradient(linear, left top, left bottom, from(#88add7), to(#6b6dbb));
  background: -webkit-linear-gradient(top, #88add7, #6b6dbb);
  background: -moz-linear-gradient(top, #88add7, #6b6dbb);
  background: -o-linear-gradient(top, #88add7, #6b6dbb);
  background: linear-gradient(top, #88add7, #6b6dbb);
  /*style to the text inside the button*/
  font-family:Arial, sans-serif;
  color:#fff;
  font-size:1em;
  letter-spacing:.1em;
  /*font-variant:small-caps;*/
  /*give the corners a small curve*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /*add a drop shadow to the button*/
  -webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
  -moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
  box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
  overflow:hidden;
  word-wrap:break-word;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
#button1:hover, #button1:focus {
  color:#edebda;
  /*reduce the spread of the shadow to give a pushed effect*/
  -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
  -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
  box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
}

#button2 {
  cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
  padding:5px; /*add some padding to the inside of the button*/
  background:#35b128; /*the colour of the button*/
  border:1px solid #33842a; /*required or the default border for the browser will appear*/
  /*give the button curved corners, alter the size as required*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  /*give the button a drop shadow*/
  -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
  -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
  box-shadow: 0 0 4px rgba(0,0,0, .75);
  /*style the text*/
  color:#f3f3f3;
  font-size:1em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
#button2:hover, #button2:focus {
  background-color :#399630; /*make the background a little darker*/
  /*reduce the drop shadow size to give a pushed button effect*/
  -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
  -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
  box-shadow: 0 0 1px rgba(0,0,0, .75);
}

#button3 {
  cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
  padding: 5px;
  /*give the background a gradient*/
  background:#ffae00; /*fallback for browsers that don't support gradients*/
  background: -webkit-linear-gradient(top, #ffae00, #d67600);
  background: -moz-linear-gradient(top, #ffae00, #d67600);
  background: -o-linear-gradient(top, #ffae00, #d67600);
  background: linear-gradient(top, #ffae00, #d67600);
  border:2px outset #dad9d8;
  /*style the text*/
  font-family:Arial, sans-serif;
  font-size:1em;
  letter-spacing:0.05em;
  /*text-transform:uppercase;*/
  color:#fff;
  text-shadow: 0px 1px 10px #000;
  /*add to small curve to the corners of the button*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /*give the button a drop shadow*/
  -webkit-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
  -moz-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
  box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
}
/****NOW STYLE THE BUTTON'S HOVER STATE***/
#button3:hover, #button3:focus {
  border:2px solid #dad9d8;
  background: -webkit-linear-gradient(top, #d67600, #ffae00);
  background: -moz-linear-gradient(top, #d67600, #ffae00);
  background: -o-linear-gradient(top, #d67600, #ffae00);
  background: linear-gradient(top, #d67600, #ffae00);
}

.navbutton1 {
  cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
  padding:5px; /*add some padding to the inside of the button*/
  background:darkblue; /*the colour of the button*/
  border:1px solid #33842a; /*required or the default border for the browser will appear*/
  /*give the button curved corners, alter the size as required*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  /*give the button a drop shadow*/
  -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
  -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
  box-shadow: 0 0 4px rgba(0,0,0, .75);
  /*style the text*/
  color:#f3f3f3;
  font-size:1em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
.navbutton1:hover, .navbutton1:focus {
  background-color:cornflowerblue; /*make the background a little darker*/
  color: black;
  /*reduce the drop shadow size to give a pushed button effect*/
  -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
  -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
  box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.wrapit {
  word-break:break-word;
  white-space:normal;
}
.right {
  text-align:right;
}
.left {
  text-align:left;
}
.center {
  text-align:center;
}