.topbar
/* Style for the Top Bar of the Page (used in main template) */
{
	padding: 2px;
	margin: 0px;
	background-color: #B0B0EE;
	color: #white;
}

.navigation
/* Style for Navigation Tree Bar of the Page (used in main template) */
{
	padding: 5px 5px 5px 5px;
	background-color: #D0D0D0;
	color: #202020;
	font-size: 8pt;
	line-height: 150%;
}

.navigation H1
/* set a special style for any H1 in Elements of the class "navigation" */
{
	width: 100%;
	padding-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	border-bottom: solid 1px #AAAAAA;
	font-size: 12pt;
	line-height: 150%;
}

.hoveredlinks A:link, .hoveredlinks A:visited
/* means an A within an Element with the class "hoveredlinks" */
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	border: 1px solid #D0D0D0;
	text-decoration: none;
	background-color: none;
	color: #202020;
	display:block;
}

.hoveredlinks A:hover, .hoveredlinks A:active
/* means an A within an Element with the "hoveredlinks" */
{
	text-decoration: none;
	border: 1px solid #505050;
	background-color: #FFFFFF;
	color: #000000;
	display:block;
}

.hoveredlinks
/* A elements within an Element of this class will be hovered like the menu A elements */
{
	background-color: #D0D0D0;
	color: #202020;
}

.contents
{
	background-color: #555555;
	color: white;
	padding: 10px;
}

.contents A:link, .contents A:hover, .contents A:active, .contents A:visited, .contents TABLE
{
	color:#DDDDFF;
}

.page
/* Style for the Contents of the Page (used in main template) */
{
	cursor: auto;
	text-align: left;
	margin: 10px;
	padding: 10px;
	background-color: white;
	color: black;
	border-left: solid 1px #777777;
	border-top: solid 1px #777777;
	border-right: solid 2px black;
	border-bottom: solid 2px black;
}

.page H1, .title
/* set a special style for any H1 in Elements of the class "content" and for Element of the Class "title" */
{
	width: 100%;
	padding-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-bottom: solid 1px #3c8dc7;
	font-size: 16pt;
	line-height: 150%;
}

.page a:link, .page a:active, .page a:hover, .page a:visited
{
	color:1D3B70;
}

.page P, .page SPAN, .page TD
{
	color: black;
}

DIV.naviitemmain
/* Main Entry in Navigation Tree (first level) Style (used in Navigation Mod) */
{
	padding-left: 10px;
}

DIV.naviitem
/* Style for Sub Entry in Navigation Tree, SiteMap (used in Navigation Mod) */
{
	padding-left: 10px;
}

DIV.naviitems
/* Style for Sub Entries Container in Navigation Tree (used in Navigation Mod) */
{
	padding-left: 15px;
}

SPAN.naviitemactive
/* How shall an active Item in the Navigation Tree look like (meaning the current content is within this folder) */
{
	font-weight: bold;
}

DIV.sitemapitemmain
/* Main Menu Folder (first level) Style (used my Navigation Mod) */
{
	border: outset 1px white;
	background-color: #3c8dc7;
	color: #FFFFFF;
	padding: 3px;
	margin: 0px;
	text-align: center;
	font-weight: normal;
	font-size: 10pt;
	line-height: 150%;
}

DIV.sitemapitemmain A:link, DIV.sitemapitemmain A:hover, DIV.sitemapitemmain A:active, DIV.sitemapitemmain A:visited
{
	color: #FFFFFF;
}

DIV.sitemapitems
/* Sub Menu Items Container Style (used my Navigation Mod) */
{
	border: inset 1px white;
	background-color: white;
	color: #202020;
	padding: 3px;
	margin: 0px;
	text-align: left;
	font-weight: normal;
	font-size: 9pt;
}

DIV.sitemapitems A:link, DIV.sitemapitems A:hover, DIV.sitemapitems A:active, DIV.sitemapitems A:visited
{
	color: #202020;
}

TABLE.folderlisting
{
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #B0B0EE;
	color: #202020;
	border: outset 1px white;
}

TABLE.folderlisting TR
{
	background-color: #DDDDEE;
}

TABLE.folderlisting TD, TABLE.folderlisting TH
{
	border: none;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 8pt;
	line-height: 9pt;
}

TABLE.folderlisting INPUT
{
	background-color: #DDDDEE;
}

TABLE.folderlisting A:link, TABLE.folderlisting A:hover, TABLE.folderlisting A:active, TABLE.folderlisting A:visited
{
	color:#202020;
}

BUTTON.thumbnail
{
	margin: 10px;
	border: solid 2px #3c8dc7;
}

BODY {
	scrollbar-face-color: #C0C0C0;
	scrollbar-base-color: #C0C0C0;
	scrollbar-arrow-color: #202020;
	scrollbar-3dlight-color: #AAAAAA;
	scrollbar-track-color: #CCCCCC;
	scrollbar-darkshadow-color: #C0C0C0;
	scrollbar-highlight-color: #C0C0C0;

	FONT-FAMILY: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt; 
	line-height: 150%;
	COLOR: #202020; 
	BACKGROUND-COLOR: #BBBBAA;
	MARGIN: 0px; 
	PADDING: 0px;
	CURSOR: default;
}

P, TD
{
	FONT-FAMILY: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt; 
	line-height: 150%;
}

TH
{
	FONT-FAMILY: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9pt; 
	line-height: 150%;
	text-align: center;
	background-color: #EEEEEE;
}

H1 {
	FONT-WEIGHT: 800; 
	FONT-SIZE: 16pt; 
	line-height: 150%;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 3px;
}

H2 {
	FONT-WEIGHT: 800; 
	FONT-SIZE: 13pt; 
	line-height: 150%;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 3px;
}

H3 {
	FONT-WEIGHT: 800; 
	FONT-SIZE: 12pt; 
	line-height: 150%;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 3px;
}

H4 {
	FONT-WEIGHT: 800; 
	FONT-SIZE: 10pt; 
	line-height: 150%;
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 3px;
}

HR {
	HEIGHT: 1px;
	WIDTH: 100%;
	BORDER: solid 1px #AAAAAA;
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 5px;
	PADDING: 0px;
}

A, A:link {
	COLOR: #1D3B70; 
	TEXT-DECORATION: none;
}

A:visited {
	COLOR: #1D3B70; 
	TEXT-DECORATION: none;
}

A:hover {
	COLOR: #1D3B70; 
	TEXT-DECORATION: underline;
}

A:active {
	COLOR: #1D3B70; 
	TEXT-DECORATION: underline;
}

INPUT, BUTTON, SELECT, TEXTAREA {
	FONT-FAMILY: Tahoma, Verdana, Arial, sans-serif;
	FONT-SIZE: 8pt; 
	LINE-HEIGHT: 9pt;
	PADDING: 1px;
	FONT-WEIGHT: normal;
	COLOR: #202020; 
	BORDER-WIDTH: 1px;
	BACKGROUND-COLOR: #FFFFFF; 
}

IMG {
	BORDER: none;
}

UL { 
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: 5px;
}

LI {
	FONT-FAMILY: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	line-height: 150%;
	margin-bottom: 5px;
	VERTICAL-ALIGN: TOP;
	text-align: left;
}

FORM {
    border: none;
    margin: 1px;
}

ABBR, ACRONYM, .help {
    border: 1px dotted #AAAAAA;
    padding-top: 1px; 
    padding-bottom: 1px; 
    padding-left: 4px; 
    padding-right: 4px; 
    background-color: #FFFFEE;
    font-size: 8pt;
}

.help H1, .help H2, .help H3, .help H4, .help H5, .help H6
{
    margin: 1px;
}

CODE, PRE {
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #414141;
    background-color: #FFFFEE;
}

LABEL, BUTTON, SELECT, OPTION
{
	padding: 1px;
	cursor: hand;
}

BUTTON.smallbutton
{
	padding: 0px;
	margin: 0px 1px 1px 0px;
	background-color: #D0D0D0;
	color: black;
	border: none;
}

BUTTON.smallbuttondisabled
{
	padding: 0px;
	margin: 0px 1px 1px 0px;
	background-color: #D0D0D0;
	color: black;
	border: none;
	cursor: default;
	filter: gray() alpha(opacity=30, style=0);
}


BUTTON.smallbuttonhovered
{
	padding: 0px;
	margin: 0px 1px 1px 0px;
	background-color: #F0F0F0;
	color: black;
	border: none;
	filter: Blur(add=1, direction=135, strength=2);
}


BUTTON.smallbuttonlatched
{
	padding: 0px;
	margin: 0px 1px 1px 0px;
	background-color: #C0C0D0;
	color: white;
	border: none;
}

BUTTON.smallbuttonninched
{
	padding: 0px;
	margin: 0px 1px 1px 0px;
	background-color: #D0D0D0;
	color: white;
	border: none;
	filter: alpha(opacity=50, style=0);
}

TEXTAREA.textedit
{
	font-family: "Lucida Console", "OCR-A Extended", "Courier New", courier, monospace;
	font-size: 10pt;
	font-weight: normal;
	line-height: 100%;
	color: black;
	padding: 1pt;
}

SPAN.separator
{
	width:1px;
	height: 25px;
	border-left: solid 1px #BBBBBB;
	border-right: solid 1px #EEEEEE;
}