/* ************************************************************************** */
/* CSS stylesheet split up in the following:                                  */
/* * ELEMENTS        : ordinary html-elements                                 */
/* * GENEREL CLASSES : often used, generic classes                            */
/* * GREY CLASSES    : grey variations of both ordinary and generic elements  */
/*                     and classes                                            */
/* * SPECIAL CLASSES : specialised, limited-use classes for specific purposes */
/* * ID-OBJECTS      : styling for specific objects                           */
/*                                                                            */
/* ************************************************************************** */

/* ************************************************************************** */
/* ELEMENTS ***************************************************************** */
/* ************************************************************************** */

body, table, th, td, li, div, p, a 
{	/* main body, block and link appearances*/
	margin:0px;
	padding:0px;
	background:#ffffff; 
	color:#808080;
	font:10px Verdana, Helvetica, sans-serif;

	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#b8b8b8;
	scrollbar-3dlight-color:#b8b8b8;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-darkshadow-color:#b8b8b8;
	/* remember scrollbar-style class 'framed' below! */
}
table
{	/* format table- and cellappearance */
	border:0px solid #808080;

	border-collapse:collapse;
	empty-cells:show;
}
th 
{	/* table header style */
	font-weight:bold;
}
form, img 
{	/* remove space around forms and images */
	margin:0px;
	padding:0px;
	border:0px;
}
a:link, a:visited, a:hover, a:active
{	/* default link color */
	color:#808080;
	text-decoration:underline; 
}
a:hover
{	/* default hover-link color */
	color:#000000;
}

/* ************************************************************************** */
/* GENEREL CLASSES ********************************************************** */
/* ************************************************************************** */

/* Text formatting: --------------------------------------------------------- */
.center
{	/* center */
	text-align:center;
}
.right
{	/* right */
	text-align:right;
}
.large
{	/* large (default: 10) */
	font-size:11px;
}
.small
{	/* small (default: 10) */
	font-size:9px;
}
.red
{	/* red */
	color:fb8888;
}
.light
{	/* light-grey */
	color:cfcfcf;
}
.lightBg
{	/* light-grey */
	background-color:cfcfcf;
}
.bold
{	/* bold */
	font-weight:bold;
}
.italic
{	/* italic */
	font-style:italic;
}
.underline
{	/* underline */
	text-decoration:underline;
}
.normal, a:link.normal, a:visited.normal, a:hover.normal, a:active.normal
{	/* default font style */
	font-size:10px;
	font-weight:none;
	font-style:none;
	text-decoration:none;
}
/* Elements: ---------------------------------------------------------------- */
.submitButton
{	/* generic submitbutton - only needs 'inline' w and h */
	margin:4px;
	padding:0px;
	border:1px solid #808080;
	background:#c0c0c0;
	color:#ffffff;
	font:10px Verdana, Helvetica, sans-serif;
	font-weight:bold;
	vertical-align:middle;
}
/* Bordering: --------------------------------------------------------------- */
.border
{	/* default border */
	border:1px solid #808080;
}
.border_l
{	/* left border */
	border-left:1px solid #808080;
}
.border_r
{	/* right border */
	border-right:1px solid #808080;
}
.border_t
{	/* top border */
	border-top:1px solid #808080;
}
.border_b
{	/* bottom border */
	border-bottom:1px solid #808080;
}
.noborder
{	/* remove border */
	border:0px;
}
/* Document body: ----------------------------------------------------------- */
.framed
{	/* inline frame style */
	margin:0px;
	padding:0px;
	border:0px;

	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#b8b8b8;
	scrollbar-3dlight-color:#b8b8b8;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-darkshadow-color:#b8b8b8;
	/* remember scrollbar-style element 'body', etc, above! */
}

/* ************************************************************************** */
/* GREY CLASSES ************************************************************* */
/* ************************************************************************** */

/* Grey: -------------------------------------------------------------------- */
.grey 
{	/* styling as grey body/block */
	background:#808080;
	color:#efefef;

	scrollbar-base-color:#808080;
	scrollbar-face-color:#808080;
	scrollbar-track-color:#808080;
	scrollbar-arrow-color:#b8b8b8;
	scrollbar-3dlight-color:#b8b8b8;
	scrollbar-highlight-color:#808080;
	scrollbar-shadow-color:#808080;
	scrollbar-darkshadow-color:#b8b8b8;
	/* remember scrollbar-style class 'framed_grey' below! */
}
/* Link formatting: --------------------------------------------------------- */
a.grey:link, a.grey:visited, a.grey:active
{	/* grey link color */
	color:#efefef;
}
a.grey:hover
{	/* grey hover-link color */
	color:#000000;
}
/* Document body: ----------------------------------------------------------- */
.framed_grey
{	/* inline grey frame style */
	margin:0px;
	padding:0px;
	border:0px;
	background:#808080;

	scrollbar-base-color:#808080;
	scrollbar-face-color:#808080;
	scrollbar-track-color:#808080;
	scrollbar-arrow-color:#b8b8b8;
	scrollbar-3dlight-color:#b8b8b8;
	scrollbar-highlight-color:#808080;
	scrollbar-shadow-color:#808080;
	scrollbar-darkshadow-color:#b8b8b8;
	/* remember scrollbar-style element 'grey' above! */
}

/* ************************************************************************** */
/* SPECIAL CLASSES ********************************************************** */
/* ************************************************************************** */

.keyHelp
{	/* formatting of help-icon image on the key-page */
	width:13px;
	height:13px;
	margin:4px;
	padding:0px;
	border:0px;
	vertical-align:middle;
	cursor:help;
}
.keyHelpBlank
{	/* formatting of blank imageplaceholder on the key-page */
	width:13px;
	height:13px;
	margin:4px;
	padding:0px;
	border:0px;
	vertical-align:middle;
}
.keySilhouet
{	/* formatting of silhouet-image in help-pop-up on the key-page*/
	float:left;
	padding:6px;
	border:0px;
	vertical-align:text-top;
}
.keyHelpBody
{	/* actual div with help tekst+images (located inside 'keyHelpDiv'-obj)    */
	visibility:hidden;
	position:absolute;
	top:1px;
	left:1px;
	z-index:2000;
	margin:0px;
	padding:6px;
	background:#c0c0c0;
	color:#ffffff;
}
.keyItem
{	/* formatting of form-element on the key-page */
	vertical-align:middle;
}
.keyCategory
{	/* formatting of category-headings on the key-page */
	font-weight:bold;
}
.keyTextInput
{	/* formatting of text-input form-element on the key-page */
	width:35px;
	height:20px;
}
.keyButton
{	/* submitbutton on key-page */
	width:80px;
	height:20px;
	margin:0px;
	padding:0px;
	border:1px solid #808080;
	background:#c0c0c0;
	color:#ffffff;
	font:10px Verdana, Helvetica, sans-serif;
	font-weight:bold;
	vertical-align:middle;
}
.noScreen
{	/* keep elements from being displayed on the current media-type */
	display:none;
}

.noPrint
{	/* debug parameter */
	/*display:none;*/
}

/* ************************************************************************** */
/* ID-OBJECTS *************************************************************** */
/* ************************************************************************** */

#keyHelpDiv
{	/* div-container for all keyHelpBody-divs with help text+images */
	visibility:hidden;
	position:absolute;
	top:10px;
	left:261px;
	z-index:1000;
	width:262px;
	height:370px;
	margin:0px;
	margin-top:-10px;
	padding:0px;
	border:0px;
	background:#c0c0c0; 
	color:#ffffff;
	font:10px Verdana, Helvetica, sans-serif;
	font-weight:bold;
	vertical-align:middle;
	/*filter: alpha(opacity=90); /**/
	/*-moz-opacity:90%; /**/
}