body {
  font-size: 10pt;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  background-color: black;
}
p {
  font-size: 10pt;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
  margin-top: 0px;
  margin-bottom: 1ex;
}
li,ol,ul,dl,dt,dd {
  font-size: 10pt;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
H1 {
  color: #000000;
  font-weight: bold;
  font-size: 16pt;
  text-align: center;
  clear: right;
  margin-top: 0px;
}
H2 {
  color: #0066ff;
  font-weight: bold;
  font-size: 14pt;
  text-align: right;
  clear: right;
  margin-top: 2.5ex;
  border-top: 1px solid #06f;
}

H3 {
  color: #000099;
  font-weight: bold;
  font-size: 12pt;
  text-align: left;
  clear: right;
}
H4, H5 {
  color: #000099;
  font-weight: bold;
  font-size: 10pt;
  text-align: left;
  clear: left;
}
img {
  border: none;
}
table {
  border: solid 1px black;
  border-collapse: collapse;
}
td {
  margin: 0px;
  padding: 3px;
  border: dotted 1px black;
}
th {
  margin: 0px;
  padding: 3px;
  border-style: solid dotted solid dotted;
  border-width: 1px;
  border-color: black;
  text-align: center;
}
code, pre {
  font-size: 8pt;
  font-family: Bitstream Vera Sans Mono, Andale Mono, Lucida Console, Courier New, Courier, monospace;
}
blockquote {
  margin: 2ex 3em;
}
address {
  margin: 2ex 0;
  text-align: right;
  font-size: 8pt;
}

a {
  color: #0000ff;
  text-decoration: none;
}
a:hover {
  color: #0000ff;
  text-decoration: underline;
}
a:active {
  color: #0000ff;
  text-decoration: underline;
}
a:visited {
  color: #0000ff;
}

img.left {
  text-align: left;
  float: left;
  clear: left;
  margin: 5px;
}
img.right {
  text-align: right;
  float: right;
  clear: right;
  margin: 5px;
}
p.abstract {
  font-weight: bold;
}
p.amazonauthor {
  text-align: center;
}
p.rsslink {
  display: none;
  clear: both;
  padding-top: 1ex;
  text-align: right;
  font-size: 8pt;
}
p.rsslink a, p.rsslink a:hover {
  border: 1px solid black;
  background-color: white;
  color: black;
  text-decoration: none;
  padding: 1px 3px;
}
span.newstickerdate {
  font-size: 8pt;
  color: black;
}
td.number  {
  text-align: right;
  white-space: nowrap;
}

table.downloads {
  width: 100%;
}
td.filesize {
  text-align: right;
  white-space: nowrap;
  font-size: 8pt;
  vertical-align: baseline;
}
td.filedate {
  text-align: center;
  white-space: nowrap;
  font-size: 8pt;
  vertical-align: baseline;
}

h2.amazon {
}
ul.amazon {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.amazon li {
  padding-left: 19px;
  background: url(idx-right.png) no-repeat 2px 3px;
}
ul.amazon li:hover, ul.amazon li a:hover { 
  background-color: #edd683;
  text-decoration: underline;
}
ul.amazon li.asin {
}
ul.amazon li.search {
}


/* Layout code follows here */

#page-title {
  position: relative; /* this is required so that the absolute positioning below works. */
  background: url(bg-dark.png) repeat-x bottom;
  text-align: center;
  margin: 0px auto 5px;
  padding: 0px;
  width: 770px;
  height: 45px;
  font-size: 8pt;
}
#page-title-logo {
  float: left;
  background: url(logo.png) no-repeat;
  height: 45px;
  width: 242px;
  margin: 0px;
  padding: 0px;

}
#page-title-amazon {
  float: right;
  background: url(amazon_215x29.png) no-repeat bottom;
  height: 45px;
  width: 215px;
  margin: 0px;
  padding: 0px;
}
#page-title-promoline {
  position: absolute;
  left: 242px;
  width: 310px;
  text-align: right;
  top: 20px !important;
  top: 18px;
  padding: 0;
  margin: 0;
}

#nav-categories {
  background: url(bg-dark.png);
  text-align: center;
  margin: 0px auto 5px;
  padding: 0px 5px;
  width: 760px;
  font-size: 8pt;
}


#SiteNav li:hover, #SiteNav li a:hover {
  background-color: #FDE693;
  text-decoration: none;
}
#SiteNav li {
  margin: 0;
  padding: 0 5px 0 16px;
  border: none;
  display: inline;
  background: url(idx-right.png) no-repeat 3px 50%;
  /* white-space: nowrap; */
}
#SiteNav { /* ul */
  padding: 0;
  margin: 0;
  font-size: 8pt;
  list-style: none;
}


#nav-breadcrumb {
  background: url(bg-dark.png);
  text-align: left;
  margin: 0px auto 5px;
  padding: 0px 5px;
  width: 760px;
  font-size: 8pt;
}
#nav-breadcrumb a:hover {
  background-color: #FDE693;
  text-decoration: none;
}

#main-container {
  background: url(bg-2col-content.png) repeat-y;
  text-align: left;
  margin: 0px auto 5px;
  padding: 5px 0px;
  width: 770px;
}
#main-nav {
  font-size: 10pt;
  text-align: left;
  vertical-align: top;
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  width: 242px;
}
#main-content {
  width: 502px;
  min-height: 350px;
  margin: 0px 6px 0px auto;
}
#main-content pre {
  /* This is mainly for IE, who would break the layout otherwise. */
  width: 500px;
  overflow: hidden;
}


#SubNav li.topic-index {
  background: url(idx-up.png) no-repeat 2px 3px;
  margin-bottom: 2ex;
  font-weight: bold;
}
#SubNav li.topic-index-active {
  background: url(idx-block.png) no-repeat 2px 3px;
  margin-bottom: 2ex;
  font-weight: bold;
}
#SubNav li.sub-topic {
  background: url(idx-right.png) no-repeat 2px 3px;
  font-weight: bold;
  margin-bottom: 0.3ex;
}
#SubNav li.up-topic {
  background: url(idx-left.png) no-repeat 2px 3px;
  margin-top: 2ex;
  font-weight: bold;
}
#SubNav li.article {
  margin-bottom: 0.3ex;
}
#SubNav li.article-active {
  background: url(idx-block.png) no-repeat 2px 3px;
  margin-bottom: 0.3ex;
}
#SubNav li { 
  padding-left: 19px;
}
#SubNav li:hover { 
  background-color: #FDE693;
}
#SubNav li a:hover { 
  background-color: #FDE693;
  text-decoration: underline;
}
#SubNav { /* ul ! */
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer-container {
  background: url(bg-2col-content.png) repeat-y;
  text-align: left;
  margin: 0px auto 5px;
  padding: 0px;
  width: 770px;
  clear: both;
}
#footer-nav {
  font-size: 8pt;
  text-align: center;
  vertical-align: top;
  float: left;
  padding: 1px 5px;
  width: 242px;
}
#footer-content {
  font-size: 8pt;
  width: 502px;
  margin: 0px 6px 0px auto;
  padding: 1px 0px;
  text-align: right;
}

#page-footer {
  color: white;
  font-size: 8pt;
  text-align: right;
  margin: 0px auto;
  width: 770px;
  position: relative; /* Enable relative positioning for the ais popup */
}
#page-footer p {
  font-size: 8pt;
}

/* CSS Popup Menu, used for AIS links on-site. Works only in Mozilla */

#aispopup {
  display: none;
  position: absolute; 
  width: 2em;
  right: 0px;
  
  white-space: nowrap;
  margin: 3px 0 0 0;
  padding: 0;
  
  text-align: center;

  background-color: #edd683;
  border: 1px solid black;
}

#aispopup li {
  list-style-type: none;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: small;
  color: black;
}

#aispopup li a {
  display: block;
  padding: 3px;
  text-decoration: none;
}

#aispopup ul {
  display: none;
  margin: 0;
  padding: 0;
}

#aispopup li a:hover {
  background: #FDE693;
}

#aispopup > li {
  margin: 0;
  padding: 0;
}

#aispopup > li > a {
  margin: 0;
  padding: 0;
}

/* Generic Submenu shown left to the parent menu */
#aispopup li:hover > ul {
  display: block;
  position: absolute;
  bottom: -1px;
  right: 6em;
  background-color: #edd683;
  width: 18em;
  text-align: left;
  border: 1px solid black;
}

/* First-Level Submenu shown above the main menu, */
/* inherits all the default submenu settings */
#aispopup > li:hover > ul {
  bottom: 1.1em;
  right: -1px;
  width: 6em;
}

/* Align the toolbar images correctly */
#aispopup li img {
  vertical-align: top;
  padding: 0 0.25em 0 0;
  border: none;
}

/* Translation links */
#translation-link {
  text-align: right;
  font-size: 8pt;
}

/* CSS Rules for the image gallery */
table.gallery, table.gallery td {
  border: none;
}

table.gallery {
  margin-bottom: 2ex;
}

table.gallery td {
  text-align: center;
  vertical-align: middle;
}

p.gallery-photo {
  text-align: center;
  margin-bottom: 2ex;
}

p.gallery-caption {
  text-align: right;
  font-size: 8pt;
}

div.gallery-description {
}

#quicksearch { display: none; }