/* interwiki link */
a.interwiki{
    background: transparent url(../images/interwiki.png) 0px 1px no-repeat;
                padding-left: 16px;
    color:#436976;
    text-decoration:none;
}
a.interwiki:visited {
  color:Purple;
}
a.interwiki:hover {
  text-decoration:underline;
}

/* link to some embedded media */
a.media {
  color:#436976;
  text-decoration:none;
}
a.media:hover {
  color:#436976;
  text-decoration:underline
}

/* email link */
a.mail {
  background: transparent url(../images/mail_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
  color:#436976;
  text-decoration:none;
}
a.mail:hover {
  text-decoration:underline;
}

.noteclassic, .noteimportant, .notewarning, .notetip {
  margin: auto;
  width: 70%;
  clear: both;
  text-align: justify;
  vertical-align: middle;
  border-collapse: collapse;
  padding: 1em;
  padding-left: 70px;
  background-position: left;
  background-repeat: no-repeat;
  margin-top: 1em;
  margin-bottom: 1em;
}
 
.noteclassic {
  /*border: 1px solid #99D;*/
  background-color: #eef;
  background-image: url(../images/note.png);
}
 
.noteimportant {
  /*border: 1px solid #ff0;*/
  background-color: #ffd;
  background-image: url(../images/important.png);
}
 
.notewarning {
  /*border: 1px solid #d99;*/
  background-color: #fee;
  background-image: url(../images/warning.png);
}
 
.notetip {
  /*border: 1px solid #9d9;*/
  background-color: #efe;
  background-image: url(../images/tip.png);
}

/* ---------- table of contents ------------------- */

div.toc {
  margin-left: 2em;
  margin-top: 2em;
  margin-bottom: 2em;
  float:right;
  width: 200px;
  font-size: 80%;
  clear:both;
}

div.tocheader {
  padding: 1px;
  border: 1px solid #8cacbb;
  background-color: #dee7ec;
  text-align: left;
  font-weight:bold;
  margin-bottom: 2px;
}

div.toctoggle {
  float:right;
  margin-top:0.3em;
  margin-right:3px;
}

div.toctoggle img {
  width:0.8em;
  height:0.8em;
}

#tocinside {
  border: 1px solid #8cacbb;
  background-color: #ffffff;
  text-align: left;
  padding-top: 0.5em;
  padding-bottom: 0.7em;
}

ul.toc {
  list-style-type: none;
  list-style-image: none;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
  padding-left: 1em;
}

ul.toc li {
  background: transparent url(../images/tocdot2.gif) 0 0.6em no-repeat;
  padding-left:0.4em;
}

ul.toc li.clear {
  background-image: none;
  padding-left:0.4em;
}

a.toc {
  color: #436976;
  text-decoration:none;
}

a.toc:hover {
  color: #000000;
  text-decoration:underline; 
}

/* code blocks by indention */
pre.pre {
  padding: 0.5em;
  border: 1px dashed #8cacbb;
  color: Black;
  background-color: #f7f9fa;
  overflow: auto;
}

/* code blocks by code tag */
pre.code {
  font-size: 90%;
  padding: 0.5em;
  border: 1px dashed #8cacbb;
  color: Black;
  background-color: #f7f9fa;
  overflow: auto;
}

/* code blocks by file tag */
pre.file {
  padding: 0.5em;
  border: 1px dashed #8cacbb;
  color: Black;
  background-color: #dee7ec;
  overflow: auto;
}
/* --------------------- footnotes -------------------------------- */

div.footnotes{
  clear:both;
  border-top: 1px solid #8cacbb;
  padding-left: 1em;
  margin-top: 1em;
}

div.fn{
  font-size:90%;
}

a.fn_top{
  vertical-align:super;
  font-size:80%;
}

a.fn_bot{
  vertical-align:super;
  font-size:80%;
  font-weight:bold;
}

/* insitu-footnotes */
div.insitu-footnote {
  font-size: 80%;
  line-height: 1.2em;
  border: 1px solid #8cacbb;
  background: #eef3f8;
  text-align: left;
  padding: 4px;
  max-width: 40%;    /* IE's width is handled in javascript */  
}

/* overcome IE issue with one line code or file boxes which require h. scrolling */
* html .insitu-footnote pre.code, * html .insitu-footnote pre.file {
  padding-bottom: 18px;
}

/* external link */
/*
a.urlextern{
    background: transparent url(../images/link_icon.gif) 0px 1px no-repeat;
    padding: 1px 0px 1px 16px;
    color:#436976;
    text-decoration:none;
}

a.urlextern:visited {
  color:Purple;
}

a.urlextern:hover {
  text-decoration:underline;
}
*/
/* embedded images */
img.media {
  margin: 3px;
}

img.medialeft {
  border: 0;
  float: left;
  margin: 0 1.5em 0 0;
}

img.mediaright {
  border: 0;
  float: right;
  margin: 0 0 0 1.5em;
}

img.mediacenter {
  border: 0;
    display: block;
  margin-left: auto;
  margin-right: auto;
}