/*
 * CSS directives that Netscape Communicator can't handle properly go into the
 * file below.  Since NS4 doesn't recognize the @import command, it will safely
 * ignore these.
 */
/* @import "docstyle2.css"; */


/* ----------------------------------------------------------------------------
 * Basic element styles
 */

body
{
    background-color:   white;
    background-image:   url("/img/backtile1.gif");
    background-repeat:  repeat;
    color:              #202020;
    font-family:        "Source Sans Pro", "Corbel", sans-serif;
    padding:            0px;
    margin:             0px;
}

h1, h2, h3, h4, h5, h6
{
    font-family:        "Source Sans Pro", "Corbel", sans-serif;
    text-align:         left;
    color:              #303030;
}

h1.pagetitle
{
    font-family:        "Constantia", serif;
    font-size:          xx-large;
    text-align:         left;
    margin:             0 0 0 0.2em;
    vertical-align:     35%;
    display:            inline;
}

img.logo
{
    font-size:          xx-large;
    height:             1.5em;
    margin:             0 0.2em 0 0.2em;
    display:            inline;
}

h2
{
    font-size:          large;
    border-top:         1px solid #c0c0c0;
    padding-top:        1em;
    margin-top:         1.5em;
}

h3
{
    font-size:          medium;
    text-decoration:    underline;
    margin:             1.8em 0 1em 0;
}

h4
{
    font-size:          medium;
    margin:             1.5em 0 0.7em 0;
}

p { margin-top: 0; }

a         { color:  #202080; }
a:visited { color:  #505060; }

hr { color: darkblue; }

li { margin-top: 0.3em; margin-bottom: 0.3em; }

dt { margin: 0.1em 0 0.1em 0; font-weight: bold; }
dd { margin: 0.4em 0 0.8em 2em; }

tr
{
    text-align:         left;
    vertical-align:     top;
}

th
{
    font-weight:        normal;
    text-decoration:    underline;
}


/* ----------------------------------------------------------------------------
 * Main document regions
 */

.pageheader
{
    width:              auto;
    margin:             0.2em 0 1em 0;
    padding:            0.4em 0.2em 0.4em 0.2em;
}

.nav_menu
{
    float:              left;
    top:                0;
    width:              12em;
    margin:             0 0.5em 0.5em 0.5em;
    padding:            0 0.5em 0 0.5em;
}

.maincontent
{
    margin:             0.5em 0.5em 0.5em 14em;
    padding:            0.2em 0.5em 0.2em 0.8em;
    border-left:        1px solid #c0c0c0;
    border-right:       1px solid #c0c0c0;
    width:              auto;
}

.nomenu_pageheader
{
    width:              auto;
    margin:             0.2em 0 1em 0;
    padding:            0.4em 0.2em 0.4em 0.2em;
}

.nomenu_content
{
    margin:             0.5em;
    padding:            0.2em 0.5em 0.2em 0.5em;
}

.pagefooter
{
    text-align:         right;
    color:              #404040;
    margin:             2.2em 0 0 14em;
    padding:            0 0.5em 0 1em;
    width:              auto;
}

.nomenu_pagefooter
{
    color:              #404040;
    margin:             1em 0.5em 0.3em 0.7em;
    padding:            0;
}

@media screen and ( min-width: 56em )
{
    .maincontent        { width: 40em;   }
    .nomenu_content     { width: 40em;   }
    .pagefooter         { width: 40.4em; }
    .nomenu_pagefooter  { width: 41em;   }
}

/* ----------------------------------------------------------------------------
 * Individual elements
 */

.nav_title
{
    display:            none;
    text-align:         center;
    margin:             0;
    padding:            0.1em;
    border-bottom:      thin solid #a0a0c0;
    border-top:         thin solid #a0a0c0;
}

.nav_menu_list
{
    font-family:        "Source Sans Pro", "Frutiger", "Calibri", "Midori Sans", sans-serif;
    font-size:          smaller;
    margin:             0;
    padding:            0;
}

.nav_submenu
{
    margin:             0;
    padding-top:        0;
    padding-bottom:     0;
}

li.nav_item_top
{
    list-style-type:    none;
    margin:             0.2em 0 0.5em 0;
    padding:            0;
}

li.nav_item
{
    list-style-image:   url("/img/navitem.gif");
    margin:             0;
    padding:            0;
}

.nav_current
{
    font-weight:        bold;
    margin:             0.2em;
}

a.nav_link
{
    display:            block;
    color:              #002040;
    text-decoration:    none;
    margin:             0;
    padding:            0.1cm;
}
a.nav_link:visited { color: #707078; }
a.nav_link:hover   { text-decoration: underline; }

.page_notice
{
    padding:           0 0 0 0.2em;
    font-size:          x-small;
    font-family:        "Constantia", cursive;
    font-style:         italic;
}

.product_title
{
}

.product_desc
{
    margin:             1em 1em 3em 1em;
}

.inset
{
    margin-left:        1em;
    margin-right:       1em;
}

img.diagram
{
    border:             1px solid #e0e0e0;
}

ul.page_toc
{
    font-size:          small;
    list-style-image:   url("/img/toc.gif");
    margin-bottom:      1.5em;
}

ul.points {
    font-size:          smaller;
}

li.fixnote
{
    color:              red;
    font-size:          smaller;
}

table.codechart
{
    border-style:       none;
    border-spacing:     1em 0;
    font-size:          small;
}

table.fileset
{
    border-style:       none;
    margin-left:        0.5em;
}

.filelink {
    font-family:        monospace;
    margin-right:       2em;
}

.aside {
    font-size:          smaller;
    color:              #203040;
    background-color:   #e8e8f0;
    background-image:   url("/img/paper08.gif");
    border:             thin dotted gray;
    padding:            0.15cm;
}

.page_return
{
    font-size:          small;
    padding-top:        0.3cm;
    margin-top:         0.5cm;
    border-top:         1px solid #c0c0c0;
}

.picabo
{
    display:            none;
}

/******************************************************************************
 */