/** 
 * PREPARE NAVIGATION.
 * The left margin of the head navigation is the same as for images 
 * and text (30px). The navigation footer gets a little extra space 
 * after the page content (50px) and from left (30px) and is width
 * limited.
 */
.breadcrumbs { background-color:#eeeeee; font-family:sans-serif; font-size:13; margin:10 10 10 0; padding:10 0 10 30; }
.navfooter { margin:50 0 0 30; width:80%;}


/** 
 * PREPARE FIGURES AND TABLES.
 * We add some extra vertical space to the top and bottom (20px) of 
 * the overall figure and tables.
 */
.informalfigure { margin: 20 0 20 0; }
.informaltable { margin: 20 0 20 0; }
.figure { margin: 20 0 20 0; }
.table { margin: 20 0 20 0; }


/** 
 * PREPARE HEADINGS.
 * The headings have a different size and color according to their relevance.
 */
.titlepage h1 { color:#005780; font-size:34; padding:40 0 17 0; text-align:center; }
.titlepage h2 { color:#000000; font-size:28; padding:0 0 11 0; }
.titlepage h3 { color:#333333; font-size:23; padding:25 0 8 0; }
.titlepage h4 { color:#666666; font-size:17; padding:17 0 4 0; }
.titlepage h5 { color:#999999; font-size:14; padding:9 0 1 0; font-weight: bold; }
.titlepage h6 { color:#999999; font-size:12; padding:7 0 0 0; }


/** 
 * PREPARE THE SECTION CONTENT.
 * All elements of level 4 (i.e.: the first content level for chunked 
 * sections) do have the same constraints as the navigation footer, 
 * images, etc. There is some space on the left (30px) and the width 
 * is limited (80%).
 * Additionally, the paragraphs get a little top and bottom space (5px).
 * Images get the correct left margin depending on their level and 
 * nested sections.
 */
.section3 { width: 95%;  margin:0; }
.section3 .help4 { width: 95%; margin:5 0 5 0; }
.section3 .help5 { width: 95%; margin:5 0 5 0; }
.section3 .help6 { width: 95%; margin:5 0 5 0; }
.section3 .para4 { width: 95%; margin:5 0 5 0; }
.section3 .orderedlist4 { width: 80%;  margin:0 0 0 30; }
.section3 .section4 { width: 95%;  margin:0 0 0 0; }
.section3 .itemizedlist4 { width: 80%;  margin:0 0 0 30; }

/*
.section3 .mediaobject5 { width: 80%;  margin:0 0 0 0; }
.section3 .mediaobjecttitle5 { width: 80%;  margin:0 0 0 69; }
.section3 .section4 .mediaobject6 { margin:0 0 0 0; } 
.section3 .section4 .mediaobjecttitle6 { margin:0 0 0 39; }
.section3 .section4 .section5 .mediaobject7 { margin:0 0 0 0; } 
.section3 .section4 .section5 .mediaobjecttitle7 { margin:0 0 0 39; } 
.section3 .section4 .section5 .section6 .mediaobject8 { margin:0 0 0 0; } 
.section3 .section4 .section5 .section6 .mediaobjecttitle8 { margin:0 0 0 39; } */


/** 
 * PREPARE THE CHAPTER CONTENT.
 * All elements of level 3 (i.e.: the first content level for chunked 
 * chapters) do have the same constraints as the content for chunked 
 * sections. 
 * Additionally, the toc gets a little space on the left (50px) and at
 * the bottom (40px). The toc title is separated from the info (5px), 
 * each subsection of the toc is indented on the left (23px), and the 
 * each new subsection is separated from the previous by a small vertical
 * space (4px). 
 */
.chapter2 { width: 95%;  margin:0; }
.chapter2 .help3 { width: 95%; margin:5 0 5 0; }
.chapter2 .para3 { width: 95%; margin:5 0 5 0; }
.chapter2 .orderedlist3 { width: 80%;  margin:0 0 0 30; }
.chapter2 .section3 { width: 95%;  margin:0 0 0 0; }
.chapter2 .itemizedlist3 { width: 80%;  margin:0 0 0 30; }
.chapter2 .mediaobject4 { width: 80%;  margin:0 0 0 29; }
.chapter2 .mediaobjecttitle4 { width: 80%;  margin:0 0 0 69; }


.chapter2 .toc { width: 80%; margin:0 0 40 50; }
.chapter2 .toc p { padding:0 0 5 0; color:#666666; } /* title */
.chapter2 .toc dd { padding:0 0 0 23; } /* each subsection */
.chapter2 .toc dl { padding:2 0 2 23; } /* each section and subsection */
.chapter2 .toc dt { padding:1 0 0 0;  } /* each line */


/**
 * PREPARE THE TOC.
 * First, the title and content are indented as all other pages with a
 * certain left margin (30px) and a limited width (80%).
 * we can distinguish between 'index.html' and 'contents.html' by 'book1' 
 * and 'book' respectively.
 */
.book1 .titlepage { width: 80%; margin:0 0 0 30; }
.book1 .toc { margin:0 0 0 30; }
.book1 .toc p { font-size:0; } /* hide title */
.book1 .toc dt.level0 { margin:1 0 1 0; height:1.1em; }
.book1 .toc dd.level0 { margin:2 0 23 23; }
.book1 .toc dt.level1 { margin:0 0 0 0; height:1em; }
.book1 .toc dd.level1 { margin:1 0 2 23; }

.book .toc { margin:0 0 0 0; }
.book .toc p { font-size:0; } /* hide title */
.book .toc dt.level0 { margin:1 0 1 0; height:1.1em; }
.book .toc dd.level0 { margin:2 0 23 23; }
.book .toc dt.level1 { margin:0 0 0 0; height:1em; }
.book .toc dd.level1 { margin:1 0 2 23; }



body .chapter ul { margin: 10 0 10 60; }
body .chapter ul li { margin: 3 0 0 0; }
body .chapter ol { margin: 10 0 10 60; }
body .chapter ol li { margin: 3 0 0 0; }

body .section ul { margin: 10 0 10 60; }
body .section ul li { margin: 3 0 0 0; }
body .section ol { margin: 10 0 10 60; }
body .section ol li { margin: 3 0 0 0; }




/** End new help -------------------- */


P, DIV, INPUT, SELECT, TD, TH, LI, FORM, TEXTAREA
{
	color: #000000;
	font-family: arial, sans-serif, Helvetica, verdana;
	font-size: 9pt;
}
		
a {text-decoration: none;}
a:link {color: #005780;}
a:visited {color: #005780;}
a:hover {color: #000000; text-decoration: underline;}

a.bottom {text-decoration: none;}
a.bottom:link {color: #303030;}
a.bottom:visited {color: #303030;}
a.bottom:hover {color: #000000; text-decoration: underline;}

.noscreen
{
  display: none;
}

li.featurelist
{
  padding-bottom: 10px;
}


/***
  Top menu definitions
*/

a.topmenu
{ 
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;

}


.topmenu a:link, .topmenu a:visited 
{
  color: #E0E0E0;
  text-decoration: none;
  border-color: #666666 #666666 #666666 #666666; 
  border-style: none solid none solid; 
  border-width: 2px 0px 2px 0px; 
  background: #000000;
}


.topmenu a:hover, .topmenu a:active 
{
  color: #70bc43;
  text-decoration: none;
  border-color: #005780;
  border-style: solid solid solid solid; 
  border-width: 2px 0px 2px 0px; 
}




div.topmenu
{
  background: #000000;
  width: 700px; 
  height: 23px; 
  line-height:23px;
  margin: 0px;
  border: 0px;
  border-color: #666666 #666666 #666666 #666666; 
  border-style: solid;
  border-width:1px 0px 1px 0px;  
  text-align: center; 
  padding: 0px;
  font-weight: bold;
}


/** end topmenu definitions */
p 
{
   margin-bottom: 0pt;
   padding-bottom: 5pt;
   padding-top: 0pt;
   margin-top: 0pt;
   color: #000000;
}



a.downloadboxlink:link, a.downloadboxlink:visited
{
    color: #005780;
}

a.downloadboxlink:hover, a.downloadboxlink:active 
{
   color: #77BEDF;
   text-decoration: none;
}



p.downloadbox
{
  border-style: solid;
  padding-top: 3px; 
  border-color: #005780 #005780 #005780 #005780;
  border-width:0px 0px 0px 0px; 
  margin-left: 100px;
  text-align: right;
  color: #CCCCCC;
  font-weight: bold;
  width: 300px;
}

p.back2top 
{
   margin-bottom: 0pt;
   padding-bottom: 15pt;
   padding-top: 0pt;
   margin-top: 0pt;
   line-height: 120%;
   color: #000000;
}

body
{
   	background: #f0f0f0;
	margin: 0px;
	text-align: center;
}

.menubar
{
   vertical-align: middle;
   padding-bottom: 0pt;
   padding-top: 0pt;
   margin-top: 2pt;
   margin-bottom: 0pt;   
}

.submenuitem
{
   padding-bottom: 0pt;
   padding-top: 0pt;
   margin-top: 0pt;
   margin-bottom: 0pt;
   color: #005780;
   font-weight: normal;
   line-height: 120%;
   text-indent: -14px;
   margin-left: 20px;
}

.subsubmenuitem
{
	color: #005780;
	font-weight: normal;
	line-height: 120%;
	text-indent: -14px;
	margin-left: 32px;
}

h1
{
	color: #005780;
	font-family: arial, sans-serif, Helvetica, verdana;
	font-size: 18pt;
	line-height: 120%;
	font-weight: normal;
}


h2
{
	color: #005780;
	font-family: arial, sans-serif, Helvetica, verdana;
	line-height: 130%;
	font-size: 12pt;
	font-weight: normal;
}

.noborderalignbottom
	{ margin-top:0px; 
	  margin-left:0px; 
	  margin-right:0px; 
	  margin-bottom:0px; 
	  margin: 0px;
          padding:0px;
          border:0px;
	  vertical-align:bottom;
	}

td.submenu
{
  vertical-align: top;
  padding-top: 100px; 
  text-align: left;
  width: 170px;
}

div.submenu
{
  position: relative;
  top: 0px;
  left: 0px;
  width: 130px;
  border-style: none;
  padding-left: 15px; 
  padding-right: 5px; 
  text-align: left;
  float: none;
  text-align: left;
}

td.content
{
  vertical-align: top; 
  height: 100%;
	background-image: url(/img/shadow-bg.gif);
        background-repeat: repeat-y;
        background-position: left;
}

div.content
{

  position: relative;
  top: 0px;
  left: 0px;
  width: 470px;
  text-align: left;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 25px;
  padding-bottom: 35px;
}

table.mastertable
{
	width: 100%; 
	height: 100%; 
	margin: 0px;
    	padding:0px;
	border:0px;
}

td.mastercell
{
	background-image: url(/images/shadow-bg.gif);
        background-repeat: repeat-y;
        background-position: center; 
	border-color: black;
	border: 1px;
	background: red; 
/*	background: ff0000; */
}

table.contentarea
{
   width: 700px;
   height: 100%;
   border-color: #666666 #666666 #666666 #666666 ;
   border-style: solid;
   background: #fefefe;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   text-align: left;
}

img.toplogo
{
   vertical-align:text-top; 
   padding: 0px;
   margin: 0px;
   border: 0px;
}

img.illustrationright
{
   float: right;
   padding-left: 40px;
}
h3
{
	margin-top: 0pt;
	margin-bottom: 0pt;
	padding-top: 10pt;
	padding-bottom: 9pt;
	color: #000000;
	font-family: Arial, sans-serif, Helvetica,  verdana;
	font-size: 9pt;
	font-weight: bold;
}


input.simplefield {
        Font-Family : Arial,sans-serif,  Helvetica, verdana;
        text-align: left;
        Font-Size : 8pt;
        Color : #215050;
        Background-Color: #f0f0f0;
        border-color: #666666 #666666 #666666 #666666 ;
        border-style: solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
	width: 124px;
}

.topbarbelow {
	background-color: #a9a9a9;
        Font-Size : 8pt;
	height: 5px;
	vertical-align: top;
        text-align: right;
        padding-right: 30px; 
}


.printbottomtext {
	display: none;
}

td.ref {
	vertical-align: top;
	text-align: right;
	padding-right: 10px; 
}


.thumbnail {
        font-size: 9px;
        text-decoration: none;
        width: auto;
	color: #005780;
        max-width:450px;
}

td.screenshotthumb
{
	padding-bottom: 0px;
}

td.clicktoenlarge
{
        font-size: 9px;
        text-decoration: none;
        width: auto;
	color: #808080;
	text-align:center;
	padding-top: 0px;
}

dt.toc-section
{
	padding: 0px;
	padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 7px;
    text-indent: -15px;
	font-weight: bold;
}

dt.toc-subsection
{
	padding: 0px;
	padding-left: 5px;
    text-indent: -25px;
    line-height: 110%;
	padding-bottom: 2px;
	font-size: 8pt;
}