/* (C) Copyright 2007, bechter.com - All rights reserved */
body {
  background-color: #2b0000;
}
#sidebar h2 {
  font-size: 14px;
}
#sidebar a {
  font-style: normal;
  font-weight: normal;
}
#sidebar a:visited {
  text-decoration: none;
  color: #ddd;
}
#sidebar a:hover {
  text-decoration: underline;
  color: #fff;
}
#sidebar a:link {
  text-decoration: none;
  color: #ddd;
}
#sidebar ul li {
  color: #ddd;
  font-size: 12px;
  font-weight: bolder;
  font-style: italic;
}
h1 {
  font-size: 20px;
  color: #fff;
}
#header {
  margin: 20px 0 20px 10px;
  font: medium Helvetica, Arial, sans-serif;
}
#header:hover {
  cursor:pointer;
  cursor:hand;
}
#sidebar {
  position: absolute;
  top: 30px;
  width: 215px;
  font: medium Helvetica, Arial, sans-serif;
  float: left;
}
#sidebar ul {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 10px 0 10px;
}
#sidebar ul li {
  padding: 0 5px 5px; 5px;
}
#sidebar h2 {
  color: #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
}
#logo {
  margin: 0 0 0 20px;
}
#notebook {
  width: 610px;
  margin: 0 0 0 220px;
  padding: 20px 40px 20px 100px;
  background-image: url(img/notebook.png);
  background-repeat: repeat-y;
  color: #324db8;
  font-size: 12px;
}
#notebook p {
  font: Times, serif;
}
#content {
  min-height: 650px;
}
#notebook a {
  text-decoration: underline;
}
#notebook a:hover {
  background-color: #ff0;
  text-decoration: none;
}
.feature-image {
  margin-left: 100px;
}
#pager {
  text-align: center;
} 
#footer {
  margin: 10px;
  clear: both;
  text-align: center;
  color: #ddd;
  font-size: 0.7em;
}
#pager a {
  text-decoration: none;
}
#pager a:hover {
  font-weight: bolder;
  background-color: #fff;
}
.alt-floatright {
float: right;
margin: 20px 0 20px 10px;
padding: 10px;
}
.floatright {
float: right;
margin: 20px 0 20px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}
div.floatright img {
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}
.floatleft {
float: left;
margin: 20px 10px 0 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}
div.floatleft img {
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}
.bechter {
  background-color: #fff;
  padding: 5px 8px 4px 150px; 
  font-style: italic;
  color: #000;
}
h1 {
  border: 1px solid #fff;
  padding: 4px 0 4px 0;
  width: 700px;
}
.code {
  color: #fff;
  background-color: #444;
  font-family: courier,monospace;
  width: 500px;
  height: 250px;
  margin-left: 30px;
  padding: 0 8px 0 8px;
  overflow: auto;
  border: 3px solid #324db8;
}
.long-code {
  color: #fff;
  background-color: #444;
  font-family: courier,monospace;
  width: 500px;
  height: 450px;
  margin-left: 30px;
  padding: 0 8px 0 8px;
  overflow: auto;
  border: 3px solid #324db8;
}
table {
  border-collapse: collapse;
  border: 1px solid #324db8;
}
td {
  border: 1px solid #324db8;
}
th {
  background-color: #324db8;
  color: #fff;
}
#error {
  margin: 10px 0 0 50px;
}
.email-more {
  font-style: italic;
}
.email-heading {
  font-style: italic;
  font-weight: bolder;
}
.email-subject {
  font-weight:bolder;
}
#terms {
  background-color: #9cf;
  border: 1px solid #006;
  color: #006;
  padding: 0px 8px 0px 8px;
  margin-left: 15px;
  margin-right:15px;
}
#downloads table {
  border-collapse: collapse;
  border: 1px solid #324db8;
}
#downloads td {
  border: 1px solid #324db8;
  padding: 6px;
}
#downloads th {
  background-color: #324db8;
  color: #fff;
  padding: 6px;
  font-weight: bolder;
}
.email-quoted {
  background-color: #829dc8;
  color: #fff;
  padding: 6px 20px 6px 20px;
  font-weight: bolder;
  font-style: italic;
}