/* TODO: Modify to support font resizing -- see 
   http://diveintoaccessibility.org/day_26_using_relative_font_sizes.html */

body {  
    font-family: verdana, arial;
    font-size: 12pt;
    margin-right: 10%;
    margin-left: 10%;
    line-height: 20px;
    width: 80%;
}

/* Control space between paragraphs */
p {      
    margin-top: 10px;
    margin-bottom: 10px;
}

img {border: 0px solid red}

/* Book title */
h1.title {
    background: #fff url(scripts/images/mega_title.png)
    left top no-repeat;
    /*width: 550px;*/
    display: table;
    height: 51px;
    font: bold 25pt verdana;
    color: #563d7e;
    padding-top: 10px;
    padding-left: 55px;
    padding-right: 20px;
}

.title a {
    color: #ffffff; 
    text-decoration: none;
}

.title a:active {
    color: #ffffff; 
    text-decoration: none;
}

.title a:visited {
    color: #ffffff; 
    text-decoration: none;
}
hr {
    display: none;
}

/* Book subtitle (we use it for the book version - see &j_version_info;) */
div.book div.titlepage h2 {
    font: bold 22pt verdana,arial;
    color: #563d7e;
    /*border-bottom: 2px solid #6c7aa3;*/
    border-bottom: 1px solid #ccc;
    background: #fff url(scripts/images/grad_title_back.gif)
    bottom left repeat-x;
    display: block;
    vertical-align: middle;
    padding: 1px 0 1px 5px;
}

/* Book author*/
div.book div.titlepage h3 {
    font: bold 19px verdana,arial;
    color: #563d7e;
    background: none;
    border: none;
}

/* Article title */
div.article div.titlepage h2 {
    font: bold 25pt verdana,arial;
    color: #563d7e;
    background: #fff url(scripts/images/mega_title.png)
    left top no-repeat;
    display: table;
    height: 51px;
    padding-top: 10px;
    padding-left: 55px;
    padding-right: 20px;
}

/* Article subtitle */
div.article div.titlepage h3 {
    font: bold 22pt verdana,arial;
    color: #563d7e;
    border-bottom: 1px solid #ccc;
    background: #fff url(scripts/images/grad_title_back.gif)
    bottom left repeat-x;
    display: block;
    vertical-align: middle;
    padding: 1px 0 1px 5px;
    height: 51px;
}

div.chapter div.titlepage h2 {
    font: bold 20pt verdana,arial;
    color: #563d7e;
    border-bottom: 1px solid #eeeeee;
    background: #fff url(scripts/images/grad_title_back.gif)
    bottom left repeat-x;
    display: block;
    vertical-align: middle;
    padding: 1px 0 1px 5px;
}

/* Common attributes for all section levels*/
div.section div.titlepage h2, h3, h4, h5, h6 {
    color: #563d7e;
    background: none;
    border: none;
    margin-top: 22px;
    margin-bottom: 16px;
}

/* Section 1 font size */
div.section div.titlepage h2 {
    font: bold 20pt verdana,arial;
}

/* Section 2 font size */
div.section div.titlepage h3 {       
    font: bold 18pt verdana,arial;
}

/* Section 3 font size */
div.section div.titlepage h4 {       
    font: bold 16pt verdana,arial;
}

/* Section 4 font size */
div.section div.titlepage h5 {
    font: bold 14pt verdana,arial;
}

/* Section 5 font size */
div.section div.titlepage h6 {
    font: bold 12pt verdana,arial;
}

/* Bridgehead style customization */
.bridgehead {
    color: #563d7e;
    font-weight: bold;
    font-family: verdana, arial;
    margin-top: 15pt;
    margin-bottom: 15pt;
}

/* Table of Contents and List of Figures titles style customization */
div.toc p, div.list-of-figures p {
    font: bold 17px verdana,arial;
    color: #563d7e;
}

/* List-of-Figures item style customization */
.lof_item {
    color: #563d7e;
    font-size: 11px
}

/* "Important" Admonition Style
   The "important" frame is built in the form of a table; font and color
   customizations are done within the "div note table/th/td" styles. */
.important {
    font-size: 12pt;
    border: 1px solid red;
    background: #d0d0d0;
    margin-left: 0px !important; /* "!important" forces removal of the
        right-indent imposed by the compiler. */
    margin-top: 6px;
    margin-bottom: 6px;
    padding-right: 2px;
}

/* Remove an extra space imposed by the regular table's margin-top definition */
div.important table {
    margin-top: 2px;
}

/* Remove an extra padding imposed by the regular table's header definition */ 
div.important th { 
    font-size: 12pt;
    border: none;
    padding: 0px;
}

/* Control line spaces inside the "Important" table */
div.important td { 
    font-size: 12pt;
    line-height: 18px;
    padding-top: 0px;
    padding-bottom: 2px;
}

/* "Caution" Admonition Style
   The "caution" frame is built in the form of a table; font and color
   customizations are done within the "div note table/th/td" styles. */
.caution { 
    font-size: 12pt;
    border: 1px solid red;
    background: #d0d0d0;
    margin-left: 0px !important; /* "!important" forces removal of the
        right-indent imposed by the compiler. */
    margin-top: 6px;
    margin-bottom: 6px;
    padding-right: 2px;
}

/* Remove an extra space imposed by the regular table's margin-top definition */
div.caution table {
    margin-top: 2px;
}

/* Remove an extra padding imposed by the regular table's header definition */ 
div.caution th { 
    font-size: 12pt;
    border: none;
    padding: 0px;
}

/* Control line spaces inside the "Caution" table */
div.caution td { 
    font-size: 12pt;
    line-height: 18px;
    padding-top: 0px;
    padding-bottom: 2px;
}

/* "Note" Admonition Style
   The "note" frame is built in the form of a table; font and color
   customizations are done within the "div note table/th/td" styles. */
.note {
    font-size: 12pt;
    border: 1px solid black;
    background: #d0d0d0;
    margin-left: 0px !important; /* "!important" forces removal of the
        right-indent imposed by the compiler. */
    margin-top: 6px;
    margin-bottom: 6px;
    padding-right: 2px;
}

/* Remove an extra space imposed by the regular table's margin-top definition */
div.note table {
    margin-top: 2px;
}

/* Remove an extra padding imposed by the regular table's header definition */ 
div.note th { 
    font-size: 12pt;
    border: none;
    padding: 0px;
}

/* Control line spaces inside the "Note" table */
div.note td { 
    font-size: 12pt;
    line-height: 18px;
    padding-top: 0px;
    padding-bottom: 2px;
}

/* "Tip" Admonition Style
   The "tip" frame is built in the form of a table; font and color
   customizations are done within the "div note table/th/td" styles. */
.tip {
      font-size: 12pt;
      border: 1px solid black;
      background: #EEEEEE;
    margin-left: 0px !important; /* "!important" forces removal of the
        right-indent imposed by the compiler. */
      margin-top: 6px;
      margin-bottom: 6px;
      padding-right: 2px;
      border: none;
}

/* Remove an extra space imposed by the regular table's margin-top definition */
div.tip table {
    margin-top: 2px;
}

/* Remove an extra padding imposed by the regular table's header definition */ 
div.tip th { 
    font-size: 12pt;
    border: none;
    padding: 0px;
    background-color: #EEEEEE;
}

/* Control line spaces inside the "Tip" table */
div.tip td { 
    font-size: 12pt;
    line-height: 18px;
    padding-top: 0px;
    padding-bottom: 2px;
}

/* "Warning" Admonition Style
   The "warning" frame is built in the form of a table; font and color
   customizations are done within the "div note table/th/td" styles. */
.warning {
    font-size: 12pt;
    border: solid 1px #ff0000;
    background: #d0d0d0;
    margin-left: 0px !important; /* "!important" forces removal of the
        right-indent imposed by the compiler. */
    margin-top: 6px;
    margin-bottom: 6px;
    padding-right: 2px;
}

/* Remove an extra space imposed by the regular table's margin-top definition */
div.warning table {
    margin-top: 2px;
}

/* Remove an extra padding imposed by the regular table's header definition */ 
div.warning th { 
    font-size: 12pt;
    border: none;
    padding: 0px;
}

/* Control line spaces inside the "Warning" table */
div.warning td { 
    font-size: 12pt;
    line-height: 18px;
    padding-top: 0px;
    padding-bottom: 2px;
}

/* "Info" Admonition Style
   The "info" frame is built in the form of a table; font and color
   customizations are done within the "div note table/th/td" styles. */
.info {
    font-size: 12pt;
    border: none;
    background: white;
    margin-left: 0px !important; /* "!important" forces removal of the
        right-indent imposed by the compiler. */
    margin-top: 6px;
    margin-bottom: 6px;
    padding-right: 2px;
}

/* Remove an extra space imposed by the regular table's margin-top definition */
div.info table {
    margin-top: 2px;
}

/* Remove an extra padding imposed by the regular table's header definition */ 
div.info th { 
    font-size: 12pt;
    border: none;
    background: white;
    padding: 0px;
}

/* Control line spaces inside the "Info" table */
div.info td { 
    font-size: 12pt;
    line-height: 18px;
    padding-top: 0px;
    padding-bottom: 2px;
}

/* Variable List */
/* 
div.variablelist {
    font-family: sans-serif;
    font-style: normal;
    font-weight: normal;
    padding-left: 20px;
}
*/

/* The following doesn't seem to have any effect:
.varlistentry {
    font-weight: bold;
    margin-top: 10px;
    color: #ffffff;
    background-color: #a0a0d0;
    border: solid 1px #606090;
    padding: 1px
    vertical-align: top;
}
*/

/* Control space before and after a bulleted list */
ul {
    list-style: url("scripts/images/bullet_arrow.gif");
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Control space before and after a numbered list */
ol {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Control space inside a listitem, and between listitems */
li {       
    padding: 5px 0px;
    line-height: 20px;
}

/* Remove extra space between paragraphs inside a listitem */
li p {
    margin-top: 0px;
    margin-bottom: 0px;
}

table {
    font-family: verdana, arial;
    font-size: 12pt;
    margin-top: 8px;
    border-color: black;
}

th {     
    background-color: #d3d3d3; /*Adding a background color to table
                                 headers*/
    padding: 6px 6px 6px 6px;
    font-size: 12pt;
} 

td {     
    line-height: 20px; /*Control line spaces inside a table*/
}       

/* Removing the border (imposed by the table header definition) from navheaders
 * -- relevant for chunked html only!*/ 
div.navheader table th {     
    border: none;
    background: none;
    color: #666666;
    padding: 6px 6px 43px 6px;
}

/* Remove extra space between figures (tables) and their captions, and define a
 * color for them */
p.title {
     line-height: 2px;
     margin-top: 11px;
     margin-bottom: 10px;
     color: #563d7e;
}

/* Remove extra space after a table's caption */ 
.table-break {
     line-height: 0px;
}

/* Remove extra space after a figure's caption */
.figure-break {
     line-height: 7px;
}

.screen { 
    background-color: lemonchiffon;  
    font-size: 10pt 
}

.programlisting { 
    background-color: lemonchiffon;  
    font-size: 10pt 
}

div.qandaset h2.title
 {color: #563d7e;}

a {
    /* font: bold 11px/140% verdana; */
    color: #563d7e;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    border-bottom: 1px dashed #000;
}

/* Add an external-link icon to absolute links */
a[href^="http:"] {
    background: url(scripts/images/remote.gif) right center no-repeat;
}

a[href^="http:"]:hover {
    background: url(scripts/images/remote_a.gif) right center no-repeat;
}


/* Add a note icon to footnote links */
a[href^="#ftn"] {
    background: url(scripts/images/qbullet-note.gif) right center no-repeat;
    padding-right: 12px;
}

a[href^="#ftn"]:hover {
    background: url(scripts/images/qbullet-note_a.gif) right center no-repeat;
}

/* ...and a back icon to the backlinks in the footnotes themselves */
a[name^="ftn"] {
    background: url(scripts/images/scrollup.gif) right center no-repeat;
    padding-right: 12px;
}

a[name^="ftn"]:hover {
    background: url(scripts/images/scrollup_a.gif) right center no-repeat;
}

/* Add a download icon to .gz links */
a[href$=".gz"],a[href$=".tar"],a[href$=".zip"] {
    background: url(scripts/images/disk.gif) right center no-repeat;
    padding-right: 12px;
}

/* Add an Acrobat Reader icon to PDF links */
a[href$=".pdf"] {
    background: url(scripts/images/acrobat.gif) right center no-repeat;
    padding-right: 12px;
}

a[href$=".pdf"]:hover {
    background: url(scripts/images/acrobat_a.gif) right center no-repeat;
}

/* Add a Word icon to RTF links */
a[href$=".rtf"] {
    background: url(scripts/images/word.gif) right center no-repeat;
    padding-right: 12px;
}

/* ...but not to absolute links in this domain... */
a[href^="http://www.karakas-online.de"] {
    background: transparent;
    padding-right: 0px;
}

a[href^="http://www.karakas-online.de"]:hover {
    background: transparent;
}

/* ...or to the translation links on each page */
div.translatelink > a[href^="http:"] {
    background: transparent;
    padding-right: 0px;
}

div.translatelink > a[href^="http:"]:hover {
    background: transparent;
}

/* ...or to any images  */
div.imagelink  a[href^="http:"] {
    background: transparent;
    padding-right: 0px;
}

div.imagelink  a[href^="http:"]:hover {
    background: transparent;
}

p.c2 {
    color: #ffffff ;
    background-color: #a0a0d0;
    border: solid 1px #606090;
    padding: 1px
}

div.nukefooter {
    color: #000000;
    background-color: #b0e0e6;
    padding: 5px;
    margin-top: 10px;
    width: 100%;
    border: thin solid #a0a0d0;
}

div.navheader {
       /* background: url(scripts/images/top_back.png) left bottom repeat-x;*/
    background: url(scripts/images/top_back.png) left top;
    background-repeat: no-repeat;
    color: #000;
    font: 11px verdana; 
}
div.navfooter {
    background: url(scripts/images/bottom_back.png) left top;
    color: #000;
    font: 11px verdana; 
}

/* Table-of-Contents, List-of-Figures, and List-of-Examples style */
div.toc, div.list-of-figures, div.example {
    border: thin solid #cccccc;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000000;
    background-color: #e9eff1; 
}
/* Table-of-Contents and List-of-Figures additional style customization */
div.toc, div.list-of-figures {
    font: bold 16px verdana,verdana;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 20px;
}

/* Customize the space between figures and their captions (titles) */
div.figure p.title {
    padding-top: 5px;
}

/* Customize the top-padding space above figures */
div.figure {
    padding-top: 5px;
}

div.informalfigure {
    padding-top: 5px;
}

/* Copyright style */
.copyright {
    background-color: #ffffff;
    /*background-image: url(scripts/images/grad_title_back.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: left top;*/
    /*border: 1px solid red;*/
    border-top: 1px solid #cccccc;
    padding: 10px;
    display: block;
    font: 10px verdana;
    color: gray;
}

/* Smallcaps style */
.smallcaps {font-variant: small-caps;}