html, body {
	
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	}

a {
	text-decoration: none;
	color: #00598D;
}

a.smallArrow
{
	font-size: 88%;
	background-image: url(/Bitmaps/Arrow/SmallRight.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}

img {
	border: 0;
	}


p {

	font-size: small;
	padding: 0;
	margin: 0;
}

p#infos {

	margin-bottom: 12px;	
}


form {

	padding: 0;
	margin: 0;
}

h1 {
	
	font-size: large;
	}

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

#header {

	
	height: 94px;
	width: 100%;
	padding: 0;
	margin: 0;
	background: url('/Bitmaps/Interface/header-background.png') repeat-x;
	
}


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

#navbar {
	
	margin: 0;
	padding: 0;
	height: 26px;
	width: 100%;
	background: url('/Bitmaps/Interface/navbar-background.png') repeat-x;
}

#navbar ul {
	
	margin: 0;
	padding: 0;
	list-style: none;	
}

#navbar ul li {
	
	margin: 0;
	padding: 0;
	display: inline;
	font-size: xx-small;
}

#navbar #langtab a {
	
	font-size: small;
	margin: 5px 21px 0 0;
	padding: 0 4px 0 4px;
	display: block;
	float: left;
	height: 20px;
	border-left: 1px solid #00598D;
	border-top: 1px solid #00598D;
	border-right: 1px solid #00598D;
}

#navbar #langtab a:hover {
	
	background-color: #E6F0F2;
}

#navbar #langtab .lang-active {
	
	background-color: #E6F0F2;
}

#navbar #infonav {

	margin: 6px 12px 0 0;	
}

body>#navbar #infonav {

	margin: 4px 12px 0 0;	
}


#navbar #infonav li {
	
		margin: 0;
		padding: 0 6px 0 6px;
		
}

#navbar #infonav li.withborder {

	border-right: 1px solid #00598D;
}

#navbar #search {
	
	padding: 0;
	margin: 0 0 0 24px;
	border: 1px solid #00598D;
}

#navbar #searchButton {
	
	padding: 0;
	margin: 0 48px 0 0;
}


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

#menu {
	
	float: left;
	padding: 0;
	margin: 0;
	width: 20%;
	
}


#menu ul {

	padding: 0;
	margin: 0;
	list-style: none;
}

#menu ul li {
	
	padding: 0;
	margin: 0;
	border-top: 1px solid #78CBEA;
}

#menu ul li a {
	
	font-size: small;
	color: #fff;
	min-height: 24px;
	display: block;
	
}

/* IE only */
* html #menu ul li a {

	height: 24px;
}


#menu ul li a:hover {
	
	background-color: #62B8DE;

}

#menu ul li .level1 {
	
	padding-left: 16px;
	background: url('../Bitmaps/Interface/navi-arrow2.gif') no-repeat #00598D;
}


#menu ul li .level2 {
	
	padding-left: 22px;
	background: #00598D;
}

#menu ul li .level3 {
	
	padding-left: 32px;
	background: #00598D;
}

#menu ul li .level1withChildren{
	
	padding-left: 16px;
	background: url('../Bitmaps/Interface/navi-arrow2.gif') no-repeat #00598D;
}

#menu ul li .level1openedwithChildren {
	
	padding-left: 16px;
	background: url('../Bitmaps/Interface/navi-arrow1.gif') no-repeat #00598D;
	font-weight: bold;
}


#menu ul li .level1activewithChildren {
	
	padding-left: 16px;
	background: url('../Bitmaps/Interface/navi-arrow1.gif') no-repeat #18387B;
	font-weight: bold;
}

#menu ul li .level2opened {
	
	padding-left: 126px;
	background: #00598D;
}

#menu ul li .level1opened{
	
	padding-left: 16px;
	font-weight: bold;
	background: url('../Bitmaps/Interface/navi-arrow1.gif') no-repeat #00598D;
}

#menu ul li .level2opened {
	
	padding-left: 22px;
	font-weight: bold;
	background: #00598D;
}

#menu ul li .level1active {
	
	padding-left: 16px;
	font-weight: bold;
	background: url('../Bitmaps/Interface/navi-arrow2.gif') no-repeat #18387B;
}

#menu ul li .level2active {
	
	padding-left: 22px;
	font-weight: bold;
	background: #18387B;
}

#menu ul li .level3active {
	
	padding-left: 32px;
	font-weight: bold;
	background: #18387B;
}

/* background-color: #62B8DE; */

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


#container {
	
	float: left;
	width: 100%;
	margin: 0;
	background: #E7EFEF url('/Bitmaps/Interface/container-background.png') repeat-y;
}

#tree {

	height: 100%;
	background: #E7EFEF;
	margin-top: 12px;
}


.toggleLink {

	display: block;
	padding-left: 16px;
	margin: 8px 0 4px 32px;
	background: #E7EFEF url('/Bitmaps/Interface/detail.gif') no-repeat;
}

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


#page {
	
	float: right;
	width: 80%;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: justify;
	
}

#pageForPdf {
	
	float: right;
	position: relative;
	margin: 0;
	padding: 0 10px 0 10px;
	text-align: justify;
}


.content {
	
	padding: 14px;
	margin:0;
}

.leftcontent {
	
	float: left;
	width: 60%;

}

.rightcontent {
	
	float: right;
	width: 40%;

}

.rightcontent img {
	
	margin-left: auto;
	margin-right: auto;
}

.content img {
	border: 0;
	display: block;
}

#navigationRight img {
	border: 0;
	display: inline;
	margin: 0;
	padding: 0;
}

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

#footer {
	
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 16px;
	background: #E7EFEF url('/Bitmaps/Interface/container-background.png') repeat-y;
	border-bottom: 8px solid #5AC3EF;
}


#footer a {
	
	font-size: x-small;
	color: #004D84;
	float: right;
	padding: 0 16px 0 0;
	margin-right: 8px;
	background: url('/Bitmaps/Interface/arrow2.png') right no-repeat;
}

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

.right {

	padding: 0;
	margin: 0;
	float: right;
}

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

/* plugin page */
H3 {
	margin:0;
	padding: 4px;
}

DIV.plugin {
	border: 1px solid black;
	margin: 12px 12px 12px 12px;
	padding: 0;
}

DIV.enabled {
	float: right;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}


DIV.yes {
	
	background: url('Bitmaps/Plugin/ico_plugin_yes.gif') no-repeat;
	height: 48px;
	width: 48px;
	}

DIV.no {
	
	background: url('Bitmaps/Plugin/ico_plugin_no.gif') no-repeat;
	height: 48px;
	width: 48px;
	}

DIV.download {
	margin:0;
	padding: 4px;
}

DIV.text {
	clear: left;
	margin:0;
	padding: 4px;
}

A.page {

	margin:0;
	padding-left: 4px;
}

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

#viewFrame {

	width: 100%;
	height: 800px;
	display: none;
	border: none;
	padding: 0;
	margin: 12px 0 12px 0;
}

#viewFrame2 {

	width: 100%;
	height: 600px;
	border: none;
	padding: 0;
	margin: 12px 0 12px 0;	
}

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

#chapterMenu {
	
	float: left;
	margin: 0;
	padding: 0;
	color: #fff;
	width: 20%;

}

#chapterMenu span {

	display: none;
}

#chapterMenu img {

	padding: 0;
	margin: 0;
	border: none;
	float: left;
	
}

#chapterMenu .root {
	
	height: 20px;
	padding-left: 16px;
	background: url('../Bitmaps/Interface/navi-arrow2.gif') no-repeat #00598D;
}

#chapterMenu .root a {
	
	font-size: small;
}


#chapterMenu a {

	font-size: x-small;
	margin: 1px;
	padding: 0;
	padding-left: 4px;
	color: #fff;
}

#chapterMenu a:hover {
	
	
}


dl {	

	clear: both;
	margin: 0;
	padding: 0;
	background: #00598C;
	border-top: 1px solid #7BCBEF;
	border-right: 1px solid #7BCBEF;
	
}

dd {

	clear: right;
	margin: 0;
	font-size: x-small;
	padding: 0;
	min-height: 50px;
	border-bottom: 1px solid #7BCBEF;
}

/* IE only */
* html dd {
	height: 50px;
}


dd.active {
	
	background: #62B8DE;
}

dt {

	font-size: xx-small;
	font-weight: bold;
	clear: both;
	float: left;
	width: 40px;
	margin: 0;
	padding: 0;
	min-height: 50px;
	border-left: 1px solid #7BCBEF;
	border-right: 1px solid #7BCBEF;
	border-bottom: 1px solid #7BCBEF;

}

/* IE only */
* html dt {
	height: 50px;
}

dt.level1 {

	
	border-left: 10px solid #032557;
}

dt.level2 {

	border-left: 10px solid #2266CD;
	
	
}

dt.level3 {

	border-left: 10px solid #9DC1F8;
}

dt.level4 {

	border-left: 10px solid #FFFFFF;
}

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

.hidden {
	
	display: none;
	}

.bold {
	
	font-weight: bold;
	}



.clear {
	
	clear: both;
}
/*
****************************************
*/

.upload {

	margin: 20px;
	padding-left: 8px;
	border: 1px solid #00598D;
	background: #DCE6E6;
}

.uploadsHeader 
{
	font-weight: bold;
	margin-bottom: 7px;
}

.uploadsIcon
{
	float: left;
	padding-right: 3px;
	padding-bottom: 14px;
}

.uploadsContent
{
	margin-bottom: 6px;
}

.uploadsBottom
{
	margin-top: 7px;
}

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

#navigationBar {

	margin: 0 0 16px 0;
	padding: 0;
}

#navigationRight {
	
	float: right;
}

#pathLink {
	
}

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


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

#searchHeader {

	margin: 0 0 16px 0;
	padding: 0;
}

#searchResults {
	
	margin: 0 0 16px 0;
	padding: 0;
}

.subentry
{
	padding-bottom: 14px;
}

.subentryIcon
{
	float: left;
	padding-left: 4px;
}


.subentryTitle
{
	margin-left: 24px;
	padding-top: 3px;
}

.subentryPath
{
	margin-left: 24px;
}

.subentryComment
{

	margin-top: 4px;
	margin-left: 24px;
}

.subentryDisplayContent {

	padding: 6px;
	margin: 4px 16px 4px 16px;
	border: 1px dotted #00598D;
	background: #DCE6E6;	

}
.subEntryTerms {
	
	padding: 0;
	margin-top: 6px;

}
/*
****************************************
*/

.stationList {

	margin: 12px 0 12px 0;
	padding: 0 0 0 24px;
	position: relative;
	list-style: none;
	float: left;
	
}


.stationDatabase {

	
	margin: 20px;
	padding: 8px;
	border: 1px solid #00598D;
	background: #DCE6E6;

}

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

#contactForm {
	
	float: left;
	width: 525px;
	background: url('/Bitmaps/Interface/form-background.png') repeat-y;
	padding: 20px;
	margin-left: 24px;
}
div.formrow {

	clear: both;
}

div.formrow label{

	float: left;
	width: 100px;
	margin: 4px 0 4px 0;
	padding: 0;
	color: #00598D;
}

div.formrow input, div.formrow textarea, div.formrow select{

	float: left;
	margin: 0;
	padding: 0;
	border : 1px solid #53BFE5;
}

div.formrow .field {
	
	width: 300px;
}

div.formrow input.button {
	
	background-color: #fff;
}

div.formrow p {
	
	float: left;
	font-size: x-small;
	color: #fff;
	margin: 0 4px 0 4px;
	padding: 0;
}

div.formrow p.forminfos {
	
		width: 328px;
}

div.formrow label.strong {
	
	font-weight: bold;
}

fieldset {

	
	border: 0;
	padding: 4px;
	margin: 8px 0 8px 0;
}

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

.error {

	margin: 20px 0 20px 0;
	padding: 8px;
	border: 1px solid #00598D;
	background: #DCE6E6;
	color: red;
}