#layoutframe {
	/* position: relative; */
}

#viewport {
    position: relative;
    overflow: hidden;
	margin-right: 5px;
	/* margin: 0.2em;  */
	padding-bottom: 10px;
	float: left;
}

#leftbar {
    float: left; 
	margin-right: 5px;
	padding: 5px 5px 5px 5px;
	/* margin: 0.2em; */
	overflow: visible;
	clear: both;
}

#rightbar {
    float: left; 
	padding: 0px 5px 10px 5px;
	line-height: 90%;
	font-size: 10px;
}

#rightbar table {
	font-size: 10px;
	line-height: 90%;
}

#copyright {
	clear: both;
}

#datasetheader {
	clear: both;
}

#footer {
	clear: both;
	font-size: 11px;
}

#footer table {
	font-size: 11px;
}

#legend {
	margin-top: 0.2em;
	padding: 0.2em;
	font-size: 11px;
}

#info {
	margin-top: 1em;
	padding: 0.5em;
	/* background-color: #a5d2e5; */
}

#print {
	margin-top: 1em;
	padding: 0.5em;
	/* background-color: #a5d2e5; */
}

option.vallevel1 {
	font-weight: bold;
}

option.vallevel2 {
	font-weight: bold;
	/* text-indent: 10px; */
}

option.vallevel3 {
	/* text-indent: 20px; */
}


.notepopup {
	position: absolute; 
	z-index: 500; 
	width: 350px;
	text-align: left;
	padding: 0.3em;
	border: solid black 1px;
	background-color: white;
	text-decoration: none;
}

.choicecollection {
	padding: 0.2em;
	margin-bottom: 0.2em;
	border: solid rgb(230,230,230) 1px;
	clear: both;
}

.hoverhoicecollection {
	background-color: rgb(230,230,230);
	border: solid red 3px;
}

.hoverhoicecollection .choicebox {
	background-color: rgb(230,230,230);
}

.choicebox {
	font-size: 11px;
}

.choiceheader {
	font-weight: bold;
}

#intervalarea {
	margin-top: 0.2em;
	clear: both;
}

#intervaloptions {
	position: absolute; 
	z-index: 500; 
	width: 250px;
	padding: 0.3em;
	border: solid black 1px;
	background-color: white;
	text-decoration: none;
	float: left;
}

#printoptions {
	position: absolute; 
	z-index: 500; 
	width: 150px;
	font-size: 11px;
	padding: 0.3em;
	border: solid black 1px;
	background-color: white;
	text-decoration: none;
	display: none;
}

.clickable {
	cursor: pointer;
	text-decoration: underline;
	color: rgb(153,0,51);
}

.button {
	cursor: pointer;
	padding: 0.2em;
	border: thin outset silver;
	background-color: white;
	color: black;
	text-decoration: none;
}

.varlabel {
	font-weight: bold;
}

.varchoice {
	width: 200px;
	font-size: 11px;
}

.varchoice select {
	width: 225px;
	font-size: 11px;
}

th.entityname {
	text-align: left;
}

.entityname {
}

.entityvalue {
	text-align: right;
}

.disabledchoice {
	color:  silver;
}

.possiblechoice {
	color:  black;
	font-weight: normal;
	font-style: normal;
}

.copyright {
	font-size: smaller;
	vertical-align: bottom;
	width: 380px;
	/* background-color: white; */
	/* border: solid black 1px;  */
}

.header {
	color: rgb(153,0,51);
	font-size: 14px;
	font-weight: bold;
}

body {
	background-color: rgb(227,223,212);
	/*background-color: white;*/
	font-family: verdana;
	font-size: 11px;
	color: #494949;
}

.navi-container {
	/*border-top: 2px solid rgb(153,0,51);
	border-bottom: 2px solid rgb(153,0,51);*/
	border: 1px solid rgb(153,0,51);
	background-color: white;
}

#currentselectioncontainer {
	clear: both;
	padding-left: 5px;
	/*border: 1px solid rgb(153,0,51);
	background-color: white; */
}

.currentselection_level1 {
	font-weight: bold;
}

.currentselection_level2 {
	font-style: italic;
}

.currentselection_level3 {
	
}

.choiceselect {
	font-size: 10px;
	width: 250px;
}

.nooption {
	color: silver;
}

.option {
	color: black;
}

optgroup {
	color: black;
}

#layouttable {
	vertical-align: top;
}

.tablelayoutgroupcolumn {
	border: 1px solid rgb(153,0,51);
	width: 25%;
}

.tablelayoutoddgroup {
	background-color: silver;
}

.tablelayoutevengroup {
	background-color: white;
}

.tablelayoutseparator {
	font-weight: bold;
}

.tablelayoutgroupheader {
	font-weight: bold;
	text-align: center;
	font-size: larger;
	color: rgb(153,0,51);
}

.tablelayoutvaluerow {
	vertical-align: top;
	width: 100%;
}

.tablelayoutlastvaluerow td {
	border-bottom: solid black 1px;
}


.tablelayoutseparatorrow {
	vertical-align: top;
}

.tablelayoutclickable {
	cursor: pointer;
}

.tablelayoutsubvaluename {
	text-align: right;
}

.tablelayoutsubvaluevalue {
	text-align: right;
}

.tablelayoutexpandsign {
	font-family: monospace;
	border: solid black 1px;
}

.tablelayoutexpandnosign {
	font-family: monospace;
	margin: 1px;
}

.tablelayoutvaluename {
	width: 55%;
}

.printvarchoice {
	border: solid 1px rgb(230, 230, 230);
	margin-bottom: 0.3em;
	padding: 0.3em;
	width: 250px;
}

.printselection_level1 {
	font-size: larger;
	font-weight: bold;
	padding-left: 0em;
}

.printselection_level2 {
	font-weight: bold;
	font-style: italic;
	padding-left: 1em;
}

.printselection_level3 {
	padding-left: 2em;
}

#headerlogo {
/* 	background-image: url(./images/MAIL_MIDT_02_RGB.GIF);
	background-repeat: no-repeat;
 */	/*width: 500px;*/
/* 	height: 32px;
 */}

#bottomlogo {
	background-image: url(./images/MAIL_MIDT_02_RGB.GIF);
	background-repeat: no-repeat;
	width: 273px;
	height: 32px;
}

.numinput {
	text-align: right;
	width: 6em;
}

.userdefinedintervals {
	text-align: center;
	padding: 1em;
}