/* ------------------------
 CSS generated by DrExplain
------------------------- */
html
{
	height: 99%;
}
body
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-decoration: none;
	color: #000000;
	margin: 0px;
	background-color: #ffffff;
}
/* ------------------------------------ 
 Main Table(Container) of HTML Document
------------------------------------- */
#mainTable
{
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #375DB0;
	border-collapse: collapse;
	padding: 0px;
}
/* --------------------------- 
 Left Section of HTML Document
---------------------------- */
#sectionLeft
{
	vertical-align: top;
	padding: 0px;
}
/* -------------------------- 
 DrExplain Navigation Section
--------------------------- */
#sectionNav
{
	vertical-align: top;
	padding: 0px;
}
/* ---------------------------- 
 DrExplain Main Content Section 
----------------------------- */
#sectionMain
{
	vertical-align: top;
	padding: 0px;
}
/* ---------------------------- 
 Right Section of HTML Document
----------------------------- */
#sectionRight
{
	vertical-align: top;
	padding: 0px;
}
/* -------------------------------- 
 Main Content area elements' styles
--------------------------------- */
/* Navigation Table */
.navTable
{
	border: 0px; 
	
	border-left: 0px solid #4271D6;
	border-bottom: 1px solid #4271D6;
	
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	height: 14px;
	border-collapse: collapse;
	width: 100%;
	background-color: #CAD9F8;
}
/* Navigation Link table cell (e.g. previous and next page) */
.navLink
{
	margin: 0px;
	padding: 5px;
	width: 33%;
	font-size: 8pt;
}
/* --------------------------------------- 
 End of Main Content area elements' styles
---------------------------------------- */

/* ---------------------
 Search elements' styles
---------------------- */
/* search form */
#search_form
{
	padding: 5px;
	text-align: center;
}
/* input textbox style */
#search
{
	width: 150px;
}
/* Container for search results */
#search_output
{
	height: 100%;
	padding: 5px;
	overflow: auto;
}
/* ----------------------------
 End of search elements' styles
----------------------------- */

/* ---------------------------
 Context menu elements' styles
---------------------------- */
li.idx
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* Context Menu in Index */
.ieCtxMenu
{
	background-color: #E6EDFC;
	border: 1px solid #4271D6;
	cursor: pointer;
	margin: 0;
	padding: 0;
	overflow: auto;
	position: absolute;
}
.ieCtxMenuTbl
{
	border: none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
.cmenu
{
	margin: 0; padding: 0.3em;
	list-style-type: none;
	background-color: white;
}
.cmenu li:hover {}
.cmenu hr
{
	border: 0;
	border-bottom: 1px solid grey;
	margin: 3px 0px 3px 0px; width: 10em;
}
/* A link to the topic assigned by concrete keyword*/
.cmenu a
{
	border: 0 !important;
}
.cmenu a:hover 
{
	text-decoration: underline !important;
}
.cmenu .topSep 
{
	font-size: 90%;
	border-top: 1px solid gray;
	margin-top: 0.3em;
	padding-top: 0.3em;
} 
/* Context Menu Entry in Index */ 
.ieCtxMenuEntry
{
	background-color: Transparent;
	color: #375DB0;
	padding: 5px;
	font-size: 8pt;
	text-decoration: underline;
}
/* Context Menu Highlighted Entry in Index */
.ieCtxMenuEntry_Highlighted
{
	background-color: #4F87FD;
	color: #FFFFFF;
	padding: 5px; 
	font-size: 8pt; 	
	text-decoration: underline;
}
/* Current Topic Container */
#contentArea
{
	/*DREX_FIT_TO_WINDOW_START*/
	height: 100%; 
	width: 100%;
	overflow: auto;	
	/*DREX_FIT_TO_WINDOW_END*/
	border: 0px;
}
/* -----------------------------------
 End of context menu elements's styles
------------------------------------ */

/* --------------------------------------------
 Tabber styles
-----------------------------------------------
 REQUIRED to hide the non-active tab content.
 But do not hide them in the print stylesheet!
--------------------------------------------- */
.tabbertabhide
{
	display: none;
}
/* ---------------------------------------------
 .tabber = before the tabber interface is set up
---------------------------------------------- */
.tabber
{
}
/* ------------------------------------------------
 .tabberlive = after the tabber interface is set up
------------------------------------------------- */
.tabberlive
{
 /*margin-top:1em;*/
	height: 100%;
	display: block;
	position: relative;
}
/* ------------------------------------
 ul.tabbernav = the tab navigation list
------------------------------------- */
ul.tabbernav
{
	margin: 0;
	padding: 5px 0px 4px;
	border-bottom: 1px solid #375DB0;
	background: #CAD9F8;
	font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li
{
	list-style: none;
	margin: 0;
	display: inline;
}
ul.tabbernav li a
{
	padding: 5px 0.5em 4px;
	margin-left: 3px;
	border: 1px solid #375DB0;
	border-bottom: none;
	background: white;
	text-decoration: none;
	color: #375DB0;
}
ul.tabbernav li a:link 
{
	color: #375DB0;
}
ul.tabbernav li a:visited
{
	color: #375DB0;
}
ul.tabbernav li a:hover
{
	color: #000;
}
/* -------------------------------------------------------------
 li.tabberactive = the active element of the tab navigation list
-------------------------------------------------------------- */
ul.tabbernav li.tabberactive a
{
	background-color: #4F87FD;
	border-bottom: 1px solid #4F87FD;
	color: #FFFFFF;
}
/* ---------------------------------------------------------------
 .tabbertab = the tab content
 Add style only after the tabber interface is set up (.tabberlive)
---------------------------------------------------------------- */
.tabberlive .tabbertab
{
	border: 0px solid #aaa;
	border-top: 0;
	padding: 0px;

 /* If you don't want the tab size changing whenever a tab is changed
 you can set a fixed height */
	height: 100%; 
	width: 100%;

 /* If you set a fix height set overflow to auto and you will get a
 scrollbar when necessary */

	overflow: scroll; 
	float: left;
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2
{
	display: none;
}
.tabberlive .tabbertab h3
{
	display: none;
}
/* ------------------
 End of tabber styles
------------------- */

/* --------
 Menu Table
--------- */
table.menutable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px;
	border-style: solid;
	border-color: #375DB0;
	background-color: #ffffff;
	margin-right: 0px;
	width: 100%;
	float: left;
}
/* An opened(visible) topic in the Menu Table Row */
tr.menu_topic_opened
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	border: 0px;
	border-style: solid;
	border-color: #ffffff;
}
/* A closed(hidden) topic in the Menu Table Row */
tr.menu_topic_closed
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	border: 0px;
	border-style: solid;
	border-color: #ffffff;
	display: none;
}
/* Not active topic in the Menu Table Cell */
td.menu_topic, #tabMenu > div
{
	border-bottom: 0px;
	border-top: 1px;
	border-left: 3px;
	border-right: 0px;
	border-style: solid;
	background-color: #E6EDFC;
	border-color: #375DB0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
}
/* Menu item of the static menu, visible only during initial load of the page or if JavaScript is disabled */
#tabMenu div
{
	padding: 0 0 0 10px;
	border-style: none;
}
/* Icon of the menu item */
div.pmenu img
{
	border: 0;
	width: 15px;
	height: 10px;
}
/* Active topic in the Menu Table Cell */
td.menu_topic_active
{
	border-bottom: 0px;
	border-top: 1px;
	border-left: 4px;
	border-right: 0px;
	border-style: solid;
	background-color: #4F87FD;
	border-color: #4271D6;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
}
table.pagetable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border: 1px;
	border-top: 5px;
	border-style: solid;
	border-color: #375DB0;
	background-color: #ffffff;
	margin-bottom: 3px;
	width: 100%;
}
tr.page
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}
td.page
{
	border-bottom: 0px;
	border-top: 0px;
	border-left: 0px;
	border-right: 1px;
	border-style: solid;
	border-color: #E6EDFC;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-left: 1px;
	background-color: #FFFFFF;
	vertical-align: top;
}
td.page_area
{
	border-top: 1px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
	border-color: #CAD9F8;
	background-color: #FFFFFF;
	padding: 0px;
	vertical-align: top;
}
td.navigation
{
	width: 50%;
	margin: 0px;
	padding: 5px;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	background-color: #CAD9F8;
	vertical-align: middle;
}
/* Current Topic Description */
div.description_on_page
{
	margin-left: 50px;
	margin-right: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
}
/* Current Topic Contents (Child Nodes) Container */
div.menu_on_page
{
	border-top: 1px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
	border-color: #4271D6;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-right: 0px;
	padding-left: 0px;
}
/* A link in menu */
a.menu, a.menu_index
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #375DB0; 
}
a.menu_index
{
	text-decoration: underline;
}
.menu_filler
{
	display: inline-block;
	width: 10px;
}
a.menu:visited
{
	color: #375DB0;
}
a.menu_active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF; 
}
a.menu_active:visited
{
	color: #FFFFFF;
}
/* A link in navigation bar */
a.navigation
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #375DB0; 
}
a.navigation:visited
{
	color: #375DB0;
}
/* Container for the Child Node Entry in div.menu_on_page */
div.pmenu
{
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 40px;
}
/* A title of the project */
h1.index_page_title
{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 100px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 20pt;
	text-align: center;
	display: block;
	font-weight: bold;
}
div.index_page_title
{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 100px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	text-decoration: none;
	color: #375DB0;
	text-align: center;
	font-weight: bold;
}
/* An index page for the project */
div.index_page
{
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 150px;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-decoration: none;
	color: #000000;
	text-align: center;
	font-weight: bold;
	border-top: 1px;
	border-bottom: 0px;
	border-right: 0px;
	border-left: 0px;
	border-style: solid;
	border-color: #375DB0;
}
/* Page content table properties */
table.pagecontent
{
	border-style: none;
	border-width: 0px;
	border-collapse: collapse;
	width: 100%;
	height: 100%;
	border-spacing: 0px;
}
td.pagecontent
{
	border-style: none;
	border-width: 0px;
	padding: 0px;
}
/* end of Page content table properties */
#drex_splitter
{
	background: #E6EDFC;
	padding: 0;
	cursor: default;
	float: left; 
	width: 2px;
	height: 100%;
}
.pagebreak
{
	page-break-after: always;
}
div.de_ctrl
{
	width: 100%;
}
div.de_ctrl > table
{
    border-style: none;
    table-layout: auto;
    width: 100%;
}
#mainTable
{
 width: 100%;
 table-layout: fixed;
}
#sectionLeft
{
 width: 1px;
}
#sectionNav
{
 width: 230px;
}
#sectionRight
{
 width: 1px;
}
ul.de_list
{
	margin: 0;
	padding-left: 15px;
}
ol.de_list
{
	margin-top: 0;
	margin-bottom: 0;
}
div.p a
{
 text-decoration: none;
}