/*
 * Class article and related classes
 */

table {
    font-size: inherit;
    line-height: inherit;
  } /* inherit font properties of cell text from containing elements */


.article {
    font-size: 11pt;
    line-height: 150%;
    padding: 0 0 20px 10px;
  }


.article h1 {
    font-size: 110%;
    letter-spacing: 0pt;
    font-weight: bold;
    line-height: 150%;
    padding: 3pt 0 0 0;
    /*top right bottom left*/
  }

.article h1 #grey {
color: #999999;
  }


.article h2 {
    text-decoration : none;
    font-size: 95%;  
    font-weight: bold;
    padding: 0 0px 5pt 0px;
}
.article h2 a {
    text-decoration : none;
    color: #21417b;
  }

.article h2 a:hover {
    color: #a21745;
    text-decoration : underline;
  }

/*-------------------------*/

.brown #author {
   padding: 7px 0 3px 0;
}

.brown #author a , .brown #articleinfo a {
	padding: 0 0 0 0;    
	text-decoration : none;
    color: #A78576;
}

.brown #author a:hover , .brown #articleinfo a:hover {
    color: #A78576;
    text-decoration : underline;
}

/*--------*/

.grey #author {
    padding: 0 0 0 0;
}

.grey #author a , #articleinfo a {
	padding: 0 0 0 0;    
	text-decoration : none;
    color: #21417b;
}

.grey #author a:hover , #articleinfo a:hover {
    color: #a21745;
    text-decoration : underline;
}

/*-------------------------*/

.article h3 {
    text-decoration : none;
    font-size: 90%;  
    font-weight: bold;
    padding: 0 0 0 0;
	line-height: 0%;
}
.article h3 a {
    text-decoration : none;
    color: #21417b;
  }

.article h3 a:hover {
    color: #a21745;
    text-decoration : underline;
  }




/* hilight hover links: */
.article a:hover { color: #f21745; }

.article h3 {
    font : normal 10pt sans-serif;
  }

#articleinfo {
    font : normal 9pt sans-serif;
  }

.article p td {
    font-size: 100%;
    line-height: 100%;
  }

.article p {
    padding: 0 0 7pt 0;  /*get space between paragraphs bigger*/
  }

/* =========================================================== */


.notes {
    font-size: 10pt;
  }

.article #text p {
    text-align: justify;
  }


.article #text p#separator {
    font-size: 9pt;
    margin: -10px 13px 5px 13px;
    /*top right bottom left*//*text-align: center;
    */
  }


.article #text .figure {
    border-top: 6px solid #e6e6e6;
    border-bottom: 6px solid #e6e6e6;
    margin: 0;
    padding: 8px 0px 8px 0px;
    /*top right bottom left*/;
  }


.article #text .figure p.picture {
    text-align: center;
    margin: 0;
  }


.article #text .figure p.caption {
    text-align: left;
    border-top: 6px solid #e6e6e6;
    margin: 8px 0px 0px 0px;
    /*top right bottom left*/padding: 8px 13px 0px 13px;
    /*top right bottom left*/color: #404040;
  }


.article #text p.comment {
    text-align: center;
  }


#comment {
    height: 20px;
  }


.figure {
    border-top: 6px solid #e6e6e6;
    border-bottom: 6px solid #e6e6e6;
    margin: 0;
    padding: 8px 0px 8px 0px;
    /*top right bottom left*/;
  }


.figure p.picture {
    text-align: center;
    margin: 0;
  }


.figure p.caption {
    text-align: left;
    border-top: 6px solid #e6e6e6;
    margin: 8px 0px 0px 0px;
    /*top right bottom left*/ padding: 8px 13px 0px 13px;
    /*top right bottom left*/ color: #404040;
  }

/* style for pictures in the text, aligned left with border to text */

.pic_left {
padding: 7pt 7pt 7pt 0;
float: left;
font-size: small;
text-align: center;
}
.pic_right {
padding: 7pt 0 7pt 7pt;
float: right;
font-size: small;
text-align: center;
}

.pic_center {
padding: 7pt 0 7pt 0;
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
font-size: small;
text-align: center;
}

#fontsize {
width: 50px;
float: right; 
margin-bottom: 0;
}


 /*-------------- Brown theme -------------*/