html
{
  padding: 10px;
  overflow: auto;
}

body
{
  max-width: 900px;
  margin: 0px auto;
  text-align: center;

  width:expression
    (document.body.clientWidth > 900 ? "900px": "auto");
}

h1, h2, h3, h4, h5, h6, p, td, th
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10.5pt;
  color: #00003f;
}

table#main
{
  width: 100%;
  border: 0px;
}

#title
{
  vertical-align: middle;
}

#title h1
{
  font-size: 3em;
  color: #ffffff;
  font-weight: normal;
  margin-bottom: 10px;
}

#title h2
{
  color: white;
  font-size: 1.4em;
  font-weight: normal;
  margin-top: 0px;
}

h1, h2, h3, h4, h5, h6, th
{
  color:#1e90ff;
}

h1
{
  font-size:1.4em;
}

h2
{
  font-size: 1.1em;
  font-weight: bold;
}

td#menu
{
  text-align: left;
  color: #ffffff;
  padding: 0px 10px;
}

a
{
  color:#1e90ff;
  font-weight: bold;
}

a:hover
{
  color:#5ec0ff;
}

td#menu a
{
  text-decoration: none;
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 1.1em;
}

span.small
{
  font-size: 0.8em;
}

em
{
  font-weight: bold;
  font-style: normal;
}

table#demo-selection td
{
  text-align: left;
  vertical-align: top;
}

table#demo-selection td, table#demo-selection th
{
  padding: 10px;
}

table#demo-selection tr.bb td
{
  border-bottom: 1px solid #1e90ff;
}

table#demo-selection tr.login-details td, table#demo-selection th
{
  text-align: left;
}

table#demo-selection tr.login-details table
{
  margin: 0px auto;
}

table#demo-selection tr.login-details table td
{
  padding: 1px;
}

div.figure
{
  float: right;
  clear: right;
  text-align: center;
  padding: 0px;
  margin: 5px 5px 25px 5px;
  width: 300px;
  font-style: italic;
}

div.fine-print
{
  font-size: 0.9em;
  color: #aaaaaa;
  clear: both;
}

p.screenshot
{
  text-align: center;
  padding: 10px;
}

p.screenshot img
{
  margin: 5px auto;
  display: block;
}

img.floater
{
  clear: right;
  float: right;
  margin: 5px 5px 5px 15px
}

img.floater-inverse
{
  clear: left;
  float: left;
  margin: 5px 25px 5px 5px;
}

td
{
  vertical-align: top;
}

div.screenshot
{
  float: left;
  clear: none;
  text-align: left;
  width: 250px;
  height: 240px;
  font-style: italic;
  padding: 0px;
  margin: 5px 5px 25px 5px;
}

div.screenshot img
{
  margin: 5px;
}


/* lightbox stuff - begin */

.gallery a
{
  border: 1px dotted #BCBEBC;
  display: block;
  float: left;
  font-size: 12px;
  height: 200px;
  margin: 10px 40px 5px 45px;
  padding: 9px;
  text-align: right;
  text-decoration: none;
  color: #555555;
  width: 300px;
}

.gallery a img
{
  border: 1px solid #EAE9FC;
  display: block;
  margin: 0 0 10px;
}

.gallery a:hover
{
  background: none repeat scroll 0 0 #EAE9FC;
  border: 1px solid #CCCCCC;
  color: #1E90FF;
  padding: 9px;
}

.gallery a:hover img
{
  border: 1px solid #CCCCCC;
}

.gallery h1
{
  clear: both;
}

.gallery + h1
{
  padding-top: 50px;
}

/* lightbox stuff - end */