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

/*##### general styles #######################*/
body
{
	margin: 0px;
}

a:active
{
	text-decoration: none;
}

a:link
{
	text-decoration: none;
}

a:visited
{
	text-decoration: none;
}

a:hover
{
	color: gray;
	text-decoration: underline;
}

.hide
{
	display: none;
}

a.imgbutton
{
	text-decoration: none;
	cursor: pointer;
	font-size: 8pt;
	color: gray;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a.imgbutton:hover
{
	text-decoration: underline;
}

img.imgbutton
{
	border-width: 0px;
}

.combo
{
	font-size: 8pt;
	width: 150px;
	height: 20px;
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
/*############################################*/


/*##### dynamic frameset: toolbar ############*/
#div_toolbar
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	background-color: #D4D0C8;
	/*padding-top: 3px;
	padding-left: 5px;*/
	vertical-align: middle;
}

#div_toolbar a
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	background-color: #D4D0C8;
}

#div_toolbar img.enabled
{
	border-style: solid;
	border-width: 2px;
	border-top-color: #808080;
	border-left-color: #808080;
	border-bottom-color: #FFFFFF;
	border-right-color: #FFFFFF;
}

#div_toolbar img.disabled
{
	border-style: solid;
	border-width: 2px;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-color: #808080;
	border-right-color: #808080;
}

#div_toolbar img
{
	vertical-align: middle;
}
/*############################################*/

/*##### dynamic frameset: component frames ###*/
div.frameDiv
{
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: none;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

div.framebar
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	background-color: #D4D0C8;
}

td.framebar
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	background-color: #D4D0C8;
	text-align: left;
	vertical-align: middle;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	white-space: nowrap;
}

td.framebarIcon
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	background-color: #D4D0C8;
	text-align: right;
	vertical-align: middle;
	width: 16px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	white-space: nowrap;
}
/* "div_init" displays the initial message    */
#div_init
{
	margin-top: 50px;
	text-align: center;
}
/*############################################*/

/*##### component: toolbars###################*/
/* this is a set of toolbar classes, used by  */
/* the Ingentis template sets                 */

/* usually, the "toolbar" class is used in      */
/* the tree for displaying profile and level    */
/* combo box, search button and so on           */
#toolbar table
{
	width: 90%;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	color: black;
	cursor: default;
}

#toolbar td.toolBorder
{
	width: 10px;
}

#toolbar td.logo
{
	text-align: center;
}

#toolbar td.content
{
	vertical-align: middle;
	text-align: left;
}

#toolbar td.content2
{
	vertical-align: middle;
	text-align: right;
}

#toolbar td.content3
{
	vertical-align: middle;
	text-align: left;
	color: gray;
}

#toolbar td.content4
{
	vertical-align: middle;
	text-align: center;
	color: gray;
}

#toolbar img
{
	vertical-align: middle;
}

/* the "toolbar2" class is used in the chart  */
/* to display the print button                */
#toolbar2
{
	vertical-align: middle;
	padding-top: 5px;
	padding-left: 7px;
}

#toolbar2 img
{
	vertical-align: middle;
}

/* the "iconbar" class is used by the         */
/* "classic" template to display some buttons */
#iconbar
{
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	color: gray;
}

#iconbar img
{
	vertical-align: middle;
}
/*############################################*/

/*##### component: tree ######################*/
#tree
{
	font-size: 8pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	white-space: nowrap;
	margin-top: 5px;
	margin-left: 5px;
	cursor: default;
}

#tree img
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	height: 16px;
	vertical-align:bottom;
}

#tree img.icon
{
	margin-right: 3px;
}

#tree a.pointer
{
	cursor: pointer;
}

#tree .selected
{
	color: mediumvioletred;
	font-weight:bold;
}

#tree .selectedParents
{
}

#tree .selectedChildren
{
}

#tree .highlighted
{
}

/* used for the message displayed while tree is loading */
#wait
{
	font-size: 10pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 5px;
	cursor: default;
}
/*############################################*/

/*##### component: detail view ###############*/
#details
{
	padding: 5px;
}

#details table
{
	width: 100%;
	border-collapse: collapse;
}

#details td
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	border-width: 1px;
	border-style: dotted;
	border-color: gray;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
	height: 18px;
}

#details td.title
{
	font-weight: bold;
	font-size: 10pt;
	white-space: nowrap;
	border-right-style: none;
}

#details td.attribute
{
	padding-left: 6px;
	vertical-align: top;
}

#details td.value
{
	vertical-align: middle;
}

#details td.shortcut
{
	border-left-style: none;
	padding-top: 3px;
	text-align: right;
}

#details a.shortcut
{
}

#details a.shortcut:hover
{
	cursor: pointer;
}

#details a.emailLink
{
	text-decoration: none;
	color: blue;
}

#details a.emailLink:hover
{
	text-decoration: underline;
	color: blue;
}

#details img.icon
{
	border-style: none;
	border-width: 0px;
	vertical-align: middle;
	padding-right: 5px;
}

#details img.hotspot
{
	border-style: none;
	border-width: 0px;
	vertical-align: middle;
	padding-right: 2px;
}
/*############################################*/

/*##### component: chart #####################*/
#chart
{
	width: 99%;
	text-align: center;
	vertical-align: top;
	position: relative;
	top: 30px;
	z-index: 1;
	padding: 0px;
	margin: 0px;
}

/* used for hover effects when moving the mouse over a navigable object */
.ch
{
}

/* used for hover effects when moving the mouse over a non-navigable object */
.nc
{
}

/* used for hover effects when moving the mouse over a hotspot */
.hs
{
	cursor: pointer;
}

/* used for hover effects when moving the mouse over a navigation icon */
.ni
{
	cursor: pointer;
}

.position
{
	position: absolute;
	top: 35px;
	left: 5px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	z-index:2;
	cursor: default;
}

.init
{
	font-size: 10pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}
/*############################################*/

/*##### footnotes ############################*/
#footnotes
{
	margin-top: 30px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
}

#footnotes ul
{
	list-style-type: none;
	margin-top: 0px;
	margin-left: 8px;
}

#footnotes li
{
	margin-left: 0px;
}

#footnotes .number
{
	font-size: 6pt;
	position: relative;
	top: -4px;
}

#footnotes .separator
{
}

#footnotes .text
{
}
/*############################################*/

/*##### component: tooltip ###################*/
/* the tooltip class is used in the chart     */
/* frame for extended tooltips                */
div.tt
{
	z-index: 10;
	display: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	color: #000000;
	background-color: #FFFFC6;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}

table.tt
{
	empty-cells: show;
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
}

table.tt td
{
	border-style: dotted;
	border-width: 1px;
	border-color: black;
}

tr.tt
{
}

td.tt_header
{
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-right: 5px;
}

td.tt_attribute
{
	text-align: left;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
}

td.tt_value
{
	text-align: left;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
}
/*############################################*/

/*##### component: person list ###############*/
#emplist
{
	font-size: 10pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	white-space: nowrap;
	margin-top: 5px;
	margin-left: 5px;
	cursor: default;
}

#emplist table
{
	width: 99%;
}

#emplist th
{
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	font-weight: normal;
	color: #d3d3d3;
	background-color: #696969;
}

#emplist td
{
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
	vertical-align: middle;
	height: 18px;
}

#emplist tr.row1
{
	vertical-align: middle;
	background-color: #d3d3d3;
}

#emplist tr.row2
{
	background-color: #ffffff;
}

#emplist tr.selected
{
	background-color: #B11030;
	color: #ffffff;
}

#emplist a.emailLink
{
	text-decoration: none;
	color: blue;
}

#emplist a.emailLink:hover
{
	text-decoration: underline;
	color: blue;
}

#emplist img
{
	vertical-align: middle;
	border: 0px;
	padding-right: 5px;
}

#emplist .title
{
	font-size: 12pt;
	font-weight: bold;
}

#emplist .nodata
{
	padding-left: 10px;
	font-size: 8pt;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration: underline;
}

#emplist .printer
{
	margin-left: 10px;
	cursor: pointer;
	float: none;
	vertical-align: middle;
}

/* additional object view */
#emplist .ao_div
{
	display: none;
}

#emplist .ao_title
{
	font-size: 12pt;
	font-weight: bold;
}

#emplist table.ao_table
{
	width: 99%;
}

#emplist th.ao_header
{
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	font-weight: normal;
	color: #d3d3d3;
	background-color: #696969;
}

#emplist td.ao_cell
{
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
	vertical-align: middle;
	height: 18px;
}

#emplist tr.ao_row1
{
	vertical-align: middle;
	background-color: #d3d3d3;
}

#emplist tr.ao_row2
{
	background-color: #ffffff;
}

#emplist a.ao_tab
{
	color: gray;
	vertical-align: text-bottom;
}

#emplist img.ao_tab
{
	vertical-align: text-bottom;
	padding-bottom: 1px;
}

#emplist a.ao_tab_selected
{
	color: gray;
	text-decoration: underline;
}

#emplist img.ao_tab_selected
{
	vertical-align: text-bottom;
	padding-bottom: 1px;
}
/*############################################*/


/*##### component: floorplan ###########*/
/* used for hover effects when moving the mouse over a hotspot */
#floorplan
{
	
}

#floorplan img
{
	border-style: none;
}

.planPlan
{
	cursor: pointer;
}

.planPerson
{
	cursor: pointer;
}

.planMarker
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: red;
}
/*############################################*/


/*##### component: search formular ###########*/
#searchdlg
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
}

#searchdlg table
{
}

#searchdlg table.main
{
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

#searchdlg td
{
	font-size: 10pt;
}

#searchdlg td.options
{
	vertical-align: top;
	white-space: nowrap;
	padding-bottom: 10px;
}

#searchdlg td.buttons
{
	vertical-align: top;
	white-space: nowrap;
	padding-left: 10px;
}

#searchdlg_list td.attribute
{
	padding-right: 10px;
	white-space: nowrap;
}

#searchdlg input.enabled
{
	background-color: #ffffff;
}

#searchdlg input.disabled
{
	background-color: #c7c7c7;
}

#searchdlg select.type
{
	width: 150px;
	background-color: #ffffff;
	margin-right: 10px;
}

#searchdlg select.type_disabled
{
	width: 150px;
	background-color: #c7c7c7;
	margin-right: 10px;
}

#searchdlg select.field
{
	width: 170px;
	background-color: #ffffff;
	margin-right: 10px;
}

#searchdlg select.field_disabled
{
	width: 170px;
	background-color: #c7c7c7;
	margin-right: 10px;
}

#searchdlg input.value
{
	width: 170px;
	background-color: #ffffff;
}

#searchdlg input.value_disabled
{
	width: 170px;
	background-color: #c7c7c7;
}

#searchdlg select.value
{
	width: 170px;
	background-color: #ffffff;
}

#searchdlg select.value_disabled
{
	width: 170px;
	background-color: #c7c7c7;
}

#searchdlg button
{
	width: 99px;
}
/*############################################*/

/*##### component: result list ###############*/
#results
{
	font-size: 10pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	white-space: nowrap;
	margin-top: 5px;
	margin-left: 5px;
	cursor: default;
}

#results .hitcount
{
	font-weight: bold;
	margin-bottom: 20px;
	letter-spacing: 1pt;
}

#results table
{
	width: 99%;
}

#results th
{
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	font-weight: normal;
	color: #d3d3d3;
	background-color: #696969;
	white-space: nowrap;
}

#results td
{
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
	vertical-align: middle;
	height: 18px;
}

#results tr.row1
{
	background-color: #d3d3d3;
}

#results tr.row2
{
	background-color: #ffffff;
}

#results img
{
	border-width: 0px;
	border-style: none;
}

#busy
{
	font-size: 10pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin-top: 25px;
	width: 99%;
	text-align: center;
}

#busy table
{
	width: 200px;
}

#busy .animation
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: mediumvioletred;
	text-align: center;
}
/*############################################*/

/*##### window: legend #######################*/
#frame_legend
{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

#legend_buttons
{
	margin-left: 10px;
	margin-bottom: 10px;
}

#legend_buttons td
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	background-color: #D4D0C8;
	border-style: solid;
	border-width: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
}

#legend_buttons td.enabled
{
	border-top-color: #808080;
	border-left-color: #808080;
	border-bottom-color: #FFFFFF;
	border-right-color: #FFFFFF;
	cursor: default;
}

#legend_buttons td.disabled
{
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-color: #808080;
	border-right-color: #808080;
	cursor: pointer;
}

div.legend_assignment
{
	display: none;
	border-style: none;
	border-width: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#legend_rules
{
}

#legend_rules table
{
	width: 100%;
}

#legend_rules td
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 7pt;
}

#legend_rules td.icon
{
	vertical-align: middle;
	text-align: center;
	width: 20px;
}

#legend_rules img.icon
{
	border-style: none;
	border-width: 0px;
}

#legend_rules td.description
{
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
}

#legend_rules td.range
{
	vertical-align: top;
	text-align: right;
	white-space: nowrap;
}

#legend_rules td.effect
{
	vertical-align: top;
	text-align: left;
	width: 24px;
}

#legend_rules div.effect
{
	width: 20px;
	height: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}
/*############################################*/

/*##### window: debug */
#debugWnd
{
	font-family: "Courier", "Courier New", serif;
	font-size: 11pt;
}
/*############################################*/

/*##### window: about ########################*/
#aboutBox
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	width: 99%;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}

#aboutBox table
{
	width: 100%;
}

#aboutBox td
{
	padding-bottom: 10px;
}

#aboutBox img
{
	padding-right: 15px;
}
/*############################################*/