body
{
    background-image: url(/images/bg2.png);
    margin: 0px;
    padding: 0px;
    font-size: 85%;
    font-family: arial, sans-serif;
}

img
{
    border: 0px;
    max-width: 100%;
}

code
{
    background: rgba( 64, 64, 128, 0.08 );
    white-space: pre;
    display: block;
    padding: 8px;
    border: 1px solid #BBBBCC;
    margin-top: 1em;
    margin-bottom: 1em;
    overflow: auto;
}

/* table of contents in docs */
.nav_r
{
    float: right;
    background: rgba( 255, 255, 255, 0.5 );
    margin-left: 8px;
    max-width: 25%;
    font-size: 90%;
}
.nav_contents
{
    padding-right: 6px;
    padding-left: 6px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
.nav_r2
{
    padding-right: 12px;
}
.nav_lst
{
    list-style-type: none;
    padding-left: 12px;
}
.nav_item
{
    text-decoration: none;
}
@media (max-width: 800px)
{
    .nav_r
    {
	float: none;
	background-color: transparent;
	margin-left: 0px;
	max-width: 100%;
	font-size: 100%;
    }
    .nav_contents
    {
        padding-right: 0px;
	padding-left: 0px;
        text-align: left;
    }
    .nav_lst
    {
	list-style-type: disc;
        padding-left: 20px;
    }
}

table.norm
{
    border-collapse: collapse;
    border: 1px solid #BBBBCC;
    text-align: left;
}
table.norm td
{
    border: 1px solid #BBBBCC;
    text-align: left;
    padding: 8px;
}
table.norm th
{
    border: 1px solid #BBBBCC;
    text-align: left;
    padding: 8px;
    background: rgba( 64, 64, 128, 0.08 );
}

.menu_table
{
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
}
.menu_title { font-size: 140%; font-weight: bold }
@media (max-width: 600px)
{
    .menu_title { font-size: 100%; }
}
.menu_item 
{
    /* main top menu */
    text-decoration: none;
    color: #585858;
    font-weight: bold;
}
.menu_item2
{
    /* inside the page (table of contents) */
    font-weight: bold;
}
.menu_lang_switch
{
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

.download_link { color: #0000FF; font-weight: bold; } 
.download_link_note { color: #8080FF; font-weight: bold; } 
.download_link_summary { color: #0000FF; font-weight: bold; text-decoration: underline; cursor: pointer; list-style: none; } 
.download_link_summary::-webkit-details-marker { display: none; } 

/* news (main page items) */
.date { color: #909090; font-weight: bold }
.topic { font-weight: bold }
/* img/video with the shadow effect */
.imgframe
{
    box-shadow: 0 6px 16px rgba(0,0,0,0.3);
    max-width: 100%;
}

/* video without the shadow effect */
.vid
{
    max-width: 100%;
}

.title { font-size: 145%; font-weight: bold } /* level 1 (biggest font) */
.title_doc { font-size: 145%; font-weight: bold; padding: 1em 0 0.3em; } /* level 1 for documents */
.title_version { font-weight: bold } /* app version and some additional info under the title */
.title2 /* level 2 */
{
    font-size: 120%; 
    font-weight: bold;
    background: rgba( 64, 64, 128, 0.08 );
    padding: 2px 0px;
    width: 100%;
}
.title3 { font-size: 120%; font-weight: bold } /* level 3 */

.faq_q /* FAQ question */
{
    font-size: 120%;
    font-weight: bold;
    /*border-left: 4px solid rgba( 64, 64, 128, 0.4 );
    padding-left: 8px;
    margin-left: 8px;*/
}
.faq_a /* FAQ answer */
{
    border-left: 2px solid rgba( 64, 64, 128, 0.2 );
    padding-left: 8px;
    /*padding-top: 0.8em;
    padding-bottom: 0.8em;*/
    margin-left: 8px;
    margin-bottom: 1.5em;
}

#outer_menu_div
{
    background-image: url(/images/bg_menu_gradient.png);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 100%;
}
#outer2_menu_div
{
    background-image: url(/images/bg_menu_image.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
}
#menu_div 
{
    /* Center */
    padding: 8px 8px;
    margin: 0px auto;
    max-width: 960px;
    display: block;
}

#outer_content_div 
{
    background-image: url(/images/bg1.png);
    clear: both;
    width: 100%;
}
#outer2_content_div 
{
    background-image: url(/images/bg_content_gradient.png);
    background-repeat: repeat-x;
    background-position: top;
    width: 100%;
}
#content_div 
{
    padding: 10px 8px;

    /* Center */
    margin: 0px auto;
    max-width: 960px;
    display: block;
}

#outer_footer_div
{
    background-image: url(/images/bg_footer_gradient.png);
    background-repeat: repeat-x;
    background-position: top;
    clear: both;
    width: 100%;
}
#footer_div 
{
    padding: 8px 8px;

    /* Center */
    margin: 0px auto;
    max-width: 960px;
    display: block;
}