/*
//----------------------------------------------------------------------------
//	Copyright (C) 2002, 2004, 2007 Humboldt-Universitaet zu Berlin
//
//	This library is free software; you can redistribute it and/or
//	modify it under the terms of the GNU Lesser General Public
//	License as published by the Free Software Foundation; either
//	version 2.1 of the License, or (at your option) any later version.
//
//	This library is distributed in the hope that it will be useful,
//	but WITHOUT ANY WARRANTY; without even the implied warranty of
//	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
//	Lesser General Public License for more details.
//
//	You should have received a copy of the GNU Lesser General Public
//	License along with this library; if not, write to the Free Software
//	Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
//
//----------------------------------------------------------------------------
*/
/**	\file XmlTrace.css

	\author Ronald Kluth
	<!-- [\author <author>]* -->

	\date created at 2007/04/04

	\brief Stylesheet for XML trace output from ODEMx

	\sa XmlTrace, HtmlGenerator, XmlTrace.js

	<!-- [detailed description] -->

	<!-- [\todo {todos for this file}]* -->

	\since 2.0
*/



/*************** initialization **********************/

html {
	overflow:scroll;
}

body {
	background-color:firebrick;
	color:white;
}

#caption {
	position: relative;
		left:20%;
	text-align:center;
	width:60%;
}

#info {
	background-color:khaki;
	color:black;
	display:none;
	font-size:x-large;
	padding:20px;
	position:fixed;
		top:40%;
		left:25%;
	text-align:center;
	width:50%;
	z-index:42;
}

/*************** navigation **************************/



#nav {
	background-color:firebrick;
	border:1px solid indianred;
	color:white;
	font-size:70%;
	position:fixed;
		top:1em;
		left:1em;
	width: 11em;
	text-align:center;
	z-index:99;
}

#filterNav {
	padding:0.3em;
}

#timeNav {
	background-color:firebrick;
	border:1px solid indianred;
	font-size:70%;
	padding:0.3em;
	position:fixed;
		top:1em;
		right:1em;
	text-align:center;
	width: auto;
}

.subNav {
	border:1px solid indianred;
	background-color:firebrick;
	display:none;
	width:11em;
}

#filterNav:hover {
	background-color:khaki;
	color:black;
}

#filterNav:hover .subNav {
	display:block;
	position:fixed;
		top:1em;
		left:12em;
}


/************* filter elements ******************/

/* the menu options #mtn, #mti, #mts, #sl, #st */
.filterToggle {
	color:white;
	padding:0.3em;
	z-index:100;
}

/* the reset button to unmark all filtered entries */
#filterReset {
	background-color:white;
	color:firebrick;
	cursor:pointer;
	padding:0.3em;
}

#filterReset:hover,
.filterToggle:hover {
	background-color:khaki;
	color:black;
}

/* the filter's #xxxDisplay divs */
.filterChoice
{
	background-color:firebrick;
	border:1px solid indianred;
	color:white;
	display:none;
	min-height:10em;
	max-height:45em;
	overflow:scroll;
	padding:1em 2em 1em 1em;
	text-align:left;
	z-index:50;

}

/* popup hidden sub menus (filter choice divs) */
#mtn:hover > div,
#mti:hover > div,
#mts:hover > div,
#sl:hover > div,
#st:hover > div
{
	display:block;
	position:fixed;
		top:1em;
		left:23em;
}

/* display the filter entries as links */
.mtnEntry,
.mtiEntry,
.mtsEntry,
.slEntry,
.stEntry
{
	border:1px solid firebrick;
	cursor: pointer;
	padding:0.3em;
	text-decoration: none;
}

/* change filter entry style when hovering */
.mtnEntry:hover,
.mtiEntry:hover,
.mtsEntry:hover,
.slEntry:hover,
.stEntry:hover
{
	border:1px solid khaki;
}

/* elements that toggle whole filter options: select all, none, invert */
.selSwitcher {
	background-color:white;
	color:firebrick;
	cursor: pointer;
	padding:0.3em;
	text-align:center;
}

.selSwitcher:hover {
	color:black;
}

/************** content display ******************/

.timeBox {
	background-color:khaki;
	color:black;
	margin-bottom:30px;
	padding:0 .5em .5em .5em;
}

.timeTable {
	border-width:0px;
	color:black;
	width:100%;
	cell-padding:1em;
}

.th_sender {
	width: 37%;
}

.th_event {
	width: 20%;
}

.th_tag {}

.sender {
	background-color:white;
	padding:.3em;
	text-align:center;
}

.event {
	background-color:#FFFFC0;
	padding:.3em;
	text-align:center;
}

.tag {
	background-color:#FFFF90;
	padding:.3em;
	text-align:center;
}

.tagName {
	float:left;
	font-style:italic;
	padding:0 3px 0 3px;
	text-align:left;
}

.tagValue {
	float:right;
	padding:0 3px 0 3px;
	text-align:left;
	min-width:50%;
}

.comment {
	color:firebrick;
}

/***************** support elements ********************/

.empty {
	padding:.3em;
}

.spacer {
	height:10px;
}

#log {
	background-color:black;
	border:1px solid LimeGreen;
	color:LimeGreen;
	display: none;
	font-size:70%;
	overflow:scroll;
	padding:0.5em;
	position:fixed;
		top:1em;
		right:1em;
		bottom:1em;
	text-align:left;
	width:30em;
	z-index:200;
}

#logToggle {
	cursor: pointer;
	padding:0.3em;
}

#logToggle:hover {
	background-color:khaki;
	color:black;
}

