@charset "UTF-8";
@import "/dn/css/dn_calendar.css";
@import "/dn/css/dn_menu.css";
@import "/dn/css/dn_toolbar_buttons.css";
body {
	Font-family : verdana, arial, tahoma, helvetica, sans-serif, serif;
	Background-color : #FFFEFE;
 	overflow:hidden;
}

ul ul, ol ul {
	list-style-type: circle;
}
ul ul ul, ol ul ul, ol ol ul, ul ol ul {
	list-style-type: square;
}
.notvalid, input.notvalid, textarea.notvalid, select.notvalid, input.notvalid + img.data {
	border: solid red;
}

.preformatted {
    font-family: monospace;
    white-space: pre;
}

div#dn_content {
	background-image: url('/dn/images/HTdatanavigator.gif');
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	height:100%;
	height:100vh;
	top:0;
	right:0;
	bottom:0;
	left:0;
	overflow:hidden;
}
div.dn_container {
	position: absolute;
	height:98%;
	height:98hv;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border: 1px solid lightgray;
	padding: 4px 0;
	overflow: auto;
}
div#dn_content div.dn_container {
	top:10mm;
}

div.dn_childcontainer {
	width: 100%;
	border: 1px solid lightgray;
}

div#dn_content table {
	Background-color : #FFDDDD;
	White-space : normal;
	margin: auto;
	border-spacing: 1px;
}

table.dn_login {
	width: 250px;
	margin: auto;
}

table.dn_login caption, caption.dn_formtitle {
	Font-size : 120%;
	Background-color : #FFAAAA;
	Line-height : 200%;
}
caption.section {
	Font-weight : bold;
	Font-size : 80%;
	Background-color : #FFAAAA;
	Line-height : 150%;
}
.label {
	Font-size : 110%;
	Background-color : #FFAAAA;
    	Vertical-align : text-top;
    	White-space : nowrap;
}
tr.label {
	Line-height : 150%;
}
td.label {
	Background-color : transparent;
}
.data {
	Font-size : 105%;
	Background-color : #FFFFB3;
	Vertical-align : top;
}
th.label, td.label, td.data {
	padding: 4px;
}
tr.nocursor {
	Font-size : 105%;
	Color : #757575;
}
td.tabPassive, td.tabActive {
	cursor: pointer;
	Font-size : 120%;
	Background-color : #FFAAAA;
	Text-align : center;
/*	Width : 120;*/
	White-space : nowrap;
}
td.tabActive {
	cursor: pointer;
	Font-size : 120%;
	Background-color : #FF6666;
	Text-decoration : underline;
	Text-align : center;
/*	Width : 120;*/
	White-space : nowrap;
}
input.data, select.data, textarea.data {
	Background-color: #FFFFCC;
	Font-size: 110%;
	padding: 2px;
	margin: 0px;
}
button.dn_buttonbar, button.dn_toolbar, div.dn_buttonbar > button, div.dn_toolbar > button {
	Background-color : #FF6666;
}
tr.dn_buttonbar, tr.dn_toolbar {
	Background-color : #FFDDCC;
}

div.radiobutton label, div.multicheck label {
	white-space: nowrap;
}

/* dn_tree */
div.dntree {
	overflow: auto;
}
div.dntree li.item3selected > span {
	background-color: lightslategray;
}
div.dntree li.item3active > span {
	background-color: lightgray;
}
div.dntree ul {
	margin:0;
}

/* help */
.helptext div {
	overflow: auto;
	margin-left: 16px;
	Font-size : 90%;
}
.helptext h1 {
}
.helptext h2 {
	Font-size : 90%;
}

div.popupWindow {
	Background-color: #FFFEFE;
	border: 1px double darkgrey;
	padding: 2px;
	position: absolute;
	z-index: 999;
}

div.popupWindowCaption {
	Background-color : #FFAAAA;
	Font-size : 120%;
	White-space : nowrap;
	text-align: center;
	margin-bottom: 2px;
}

div.popupWindowCaption span {
	position:absolute;
	top: 2px;
	right: 6px;
}
div.dn_messagedialog {
	position:relative;
	top:25%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	z-index:11;
	width:300px;
	height:125px;
	border: 5px solid chocolate;
	border-radius: 11px;
	padding: 5px;
}
div.glass {
	position:fixed;
	top: 0px;
	left: 0px;
	margin: 5px;
	padding:0;
	z-index:10;
	height: 99%;
	width: 99%;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 10px;
	background: rgba(0,0,0,0.25);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}