/* ----------------------------------------------------------------------------------------------------- */
/*

BLAU: 100c 70m 20y 45s bzw. #002D5A
HELLGRAU: 10c 0m 0y 10s bzw. #DBE7ED
SILBERGRAU: 0c 0m 0y 25s bzw. #CFD1D1

*/

/* ----------------------------------------------------------------------------------------------------- */
/* GLOBAL */

body, input, td, div, textarea 
{ 
	font-family: Verdana, Tahoma, Helvetica, Arial, "Trebuchet MS", RotisSansSerif, sans-serif; 
	font-size: 11px;
	color: black;
}

h1
{
	margin-top: 0px;
	font-size: 20px;
	color: #002D5A;
	text-align: left;
}

h2 
{
	font-size: 13px;
	color: #002D5A;
	text-align: left;
}

h3 
{
	font-size: 12px;
	color: #002D5A;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#JL_container_leftbar td, #JL_container_rightbar td
{
	text-align: left;
}

a img
{
	border: 0px;
}

/* ----------------------------------------------------------------------------------------------------- */
/* GLOSSARY */

table.glossarytable
{
	width: 100%;
}

table.glossarytable td
{
	font-size: 12px;
	vertical-align: top;
}

table.glossarytable td.title
{
	font-weight: bold;
}

.glossary_word
{
	border-bottom: #000000 1px dotted;
	cursor: pointer;
	font-style: normal;
}

.glossary_popup
{
	background-color: #fffeef;
	border: #000000 1px solid;
	visibility: hidden;
	display: block;
	z-order: 90;
	position: absolute;
	font-size: 11px;
	text-align: left;
	padding: 3px;
	width: 200px;
}

div.glossary_bubble
{
	visibility: hidden;
	display: none;
	background-color: #C8D8E7;
	padding: 0px;
	color: #444444;
	position: absolute; 
	z-index: 99; 
	width: 190px;
	border: #b6b6b6 1px solid;
	font-size: 10px;
	padding: 4px;
}

/* ----------------------------------------------------------------------------------------------------- */
/* TABLE POPUP */

div.modal_shadow
{
	background-color: #C8D8E7;
	filter: alpha(opacity=50);	
	opacity: 0.5;	
}

div.fullwindow
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

div#diagram_popup, div#table_popup
{
	position: absolute; 	/* firefox bug: disables editbox cursor display */
	top: 1px;
	left: 1px;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-right: black 2px solid;
	border-bottom: black 2px solid;
	display: none;
	font-size: 10px;
	background-color: #F6F6F6;
}

div.joDialogHeader
{
	background-color: #C8D8E7;
	text-align: right;
	padding: 2px;
	border-bottom: #000000 1px solid;
	color: black;
	font-size: 10px;
	height: 15px;
}

div#diagram_popup_title
{
	padding-left: 5px;
}

div.joDialogHeader a
{
	color: black;
	padding-right: 5px;
	text-decoration: none;
	font-size: 10px;
}

div.joDialogHeader a:hover
{
	color: gray;
}

div#diagram_popup table 
{
	width: 400px;
}

*body div#diagram_popup table 
{
	width: 396px;
}

div#diagram_popup table td
{
	font-size: 10px;
	text-align: center;
	vertical-align: bottom;
}

div#diagram_popup table tr.data td
{
	height: 170px;
	border-top: white 5px solid;
	border-bottom: white 5px solid;
	vertical-align: bottom;
	background-color: white;
	
}

div#diagram_popup table tr.legend td
{
	border-top: black 1px solid;
	padding-top: 2px;
}

div#diagram_popup table div.data
{
	width: 50%;
	background-color: #005192;
	margin: 0px auto 0px auto;
}

div#diagram_popup table div.shift
{
	width: 20px;
	background-color: white;
	margin: 0px auto 0px auto;
	padding: 0px;
}

div#diagram_popup table div.shift span
{
	line-height: 0px;
	height: 0px;
}

div#diagram_popup table div.line
{
	height: 1px;
	width: 100%;
	background-color: black;
	margin: 0px auto 0px auto;
}

div#table_container
{
	overflow: scroll;
	font-size: 11px;
	background-color: #EFEFEF;
	text-align: center;
}

div#table_container td
{
	font-size: 11px;
}

/* ----------------------------------------------------------------------------------------------------- */
/* HELP */

span.help_on a, span.help_on a:hover, span.help_on a.active
{
	color: black;
}

span.help_on
{
	background-color: #f9f300;
}

/* ----------------------------------------------------------------------------------------------------- */
/* BODY */

body
{
	background-image:	 url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	background-color: #F7F8F9;
}

/* ----------------------------------------------------------------------------------------------------- */
/* TOPBAR */

#JL_printspace
{
	width: 994px;
	background-color: white;
}

.JL_topmenu
{
	background-color: #002D5A;
	height: 24px;
	color: #cbd6de;
	padding-left: 19px;
	padding-right: 19px;
}

.JL_horz_menu p
{
	margin: 0px;
}

.JL_horz_menu span
{
	padding-left: 3px;
	padding-right: 3px;
}

.JL_horz_menu span.active
{
	color: white;
	font-weight: bold;
}

.JL_horz_menu a
{
	color: #cbd6de;
	text-decoration: none;
}

.JL_horz_menu a.active
{
	color: white;
	font-weight: bold;
}

.JL_horz_menu a:hover
{
	color: white;
}

img.JL_topbar
{
	border-left: 0px;
	border-right: 0px;
	border-top: white 1px solid;
	border-bottom: white 1px solid;
}

td.JL_topmenu_2
{
	height: 42px;
	background-image:	 url(../images/topbar2_bg.jpg);
	background-repeat:repeat-x;
	padding-left: 231px;
	padding-right: 22px;
	vertical-align: bottom;
}

table.JL_tabs
{
}

table.JL_tabs td.JL_gap
{
	padding: 0px;
	width: 5px;
}

td.JL_tab
{
	background-image:	 url(../images/tab_bg.gif);
	background-repeat:repeat-x;
	vertical-align: top;
	border-top: white 1px solid;
	padding: 1px 10px 0px 10px;
	white-space: nowrap;
	line-height: 11px;
}

table.JL_tabs td.active
{
	background-image:	 url();
	background-color: white;
	padding: 1px 11px 0px 11px;

}

table.JL_tabs a
{
	text-decoration: none;
	font-weight: bold;
	color: black;
}

td.JL_tab a:hover, table.JL_tabs td.active a
{
	color: #002D5A;
}

table.JL_tabs form
{
	display: inline;
}

#JL_searchbar
{
	width: 190px;
}

table.JL_tabs td.JL_search
{
	padding-top: 3px;
	vertical-align: top;
}

table.JL_tabs td.JL_search img
{
	margin-bottom: 4px;
	vertical-align: middle;
}

table.JL_tabs form input
{
	border: #B2B8BC 1px solid;
	margin: 0px 5px 0px 5px;
	width: 110px;
}

/* ----------------------------------------------------------------------------------------------------- */
/* FOOTER */

.JL_footer
{
	background-image:	 url(../images/bottombar_bg.jpg);
	background-repeat:repeat-x;
	background-color: #002D5A;
	height: 43px;
	color: #cbd6de;
	padding-left: 19px;
	padding-right: 19px;
}

/* ----------------------------------------------------------------------------------------------------- */
/* MIDDLE BARS */

td.JL_container_middle_bars
{
	padding-left: 22px;
	padding-right: 22px;
}

td.JL_container_middle_bars table
{
}

/* ----------------------------------------------------------------------------------------------------- */
/* LEFT BAR */

td#JL_container_leftbar
{
	vertical-align: top;
}

div.JL_leftmenu_container
{
	margin-bottom: 15px;
}

table.JL_leftmenu
{
	width: 190px;
}

table.JL_leftmenu td
{
	vertical-align: top;
	border-top: white 1px solid;
	border-bottom: white 1px solid;
}

td.JL_leftmenu_symbol_elem
{
	background-color: #686868;
}

td.JL_leftmenu_symbol_page
{
	background-color: #B0B8B8;
}

td.JL_leftmenu_title
{
	padding: 3px 4px 3px 4px;
	background-color: #E0E0E0;
}

td.JL_leftmenu_title_active
{
	padding: 3px 4px 3px 4px;
	background-color: white;
}

table.JL_leftmenu td.active
{
}

table.JL_leftmenu a
{
	text-decoration: none;
	color: black;
}

/* ----------------------------------------------------------------------------------------------------- */
/* CONTENT BLOCKS */

table.JL_block
{
	background-image:	 url(../images/block_bg.jpg);
	width: 100%;
	margin-bottom: 15px;
}

td.JL_block_header
{
	background-image:	 url(../images/block_header_bg.jpg);
	color: white;
	font-weight: bold;
	height: 24px;
	padding-left: 10px;
	border-bottom: white 1px solid;
}

tr.JL_block_content td
{
	height: 21px;
	vertical-align: top;
}

tr.JL_block_content_lined td
{
	height: 23px;
	border-bottom: white 1px solid;
}

tr.JL_block_content td.JL_title
{
	font-weight: bold;
	padding: 0px 4px 0px 10px;
}

table.JL_block a
{
	text-decoration: none;
	color: #002D5A;
}

table.JL_block a:hover
{
	color: black;
}

/* ----------------------------------------------------------------------------------------------------- */
/* MAIN CONTENT BAR */

td#JL_container_contentbar
{
	vertical-align: top;
	border-left: white 20px solid;
	border-right: white 20px solid;
	font-size: 12px;
	padding-bottom: 20px;
}

td#JL_container_rightbar
{
	vertical-align: top;
}

/* ----------------------------------------------------------------------------------------------------- */
/* SPECIALS */

div.JL_specials td, div.JL_specials th
{
	font-size: 12px;
}

div.JL_specials a
{
	color: #00345C;
	text-decoration: none;
}

div.JL_specials a:hover
{
	color: black;
	text-decoration: none;
}

div.JL_specials a.button
{
	font-weight: bold;
}

div.JL_specials a.button img
{
	margin-left: 4px;
}

div.JL_specials table.specials
{
	width: 100%;
}

div.JL_specials table.specials th
{
	background-color: #002D5A;
	color: white;
	padding: 2px 9px 2px 2px;
	font-weight: bold;
}

div.JL_specials table.specials td
{
	background-color: #E1EBF1;
	padding: 2px 9px 2px 2px;
	vertical-align: top;
	font-size: 11px;
	border-bottom: black 1px solid;
}

div.JL_specials table.specials td.title
{
	background-color: white;
}

div.JL_specials table.specials td.num
{
	text-align: right;
}

div.JL_specials table.specials a img
{
	margin-right: 4px;
	vertical-align: middle;
}

div.JL_specials td.input
{
	text-align: left;
}

/* ----------------------------------------------------------------------------------------------------- */
/* PARAGRAPHS */

.JL_para
{
	display: none;
}

table.JL_para_content
{
	width: 530px;
	margin:0px;
}
 
td.JL_para_content
{
	padding: 0px;
} 
 
table.JL_para_content div.JL_para
{
	display: none;
	margin: 0px;
	padding: 0px;
	background-color: red;
}

table.JL_para_nav
{
	margin: 20px 0px 20px 0px;
	width: 100%;
}

table.JL_para_nav a
{
	color: #9B9C9E;
	text-decoration: none;
}

table.JL_para_nav a:hover
{
	color: black;
}

table.JL_para_nav a.inactive, table.JL_para_nav a.inactive:hover
{
	color: #e8e8e8;
}

tr.JL_para_nav_menu a img
{
	margin-left: 3px; margin-right: 3px;
}

table.JL_para_nav tr.JL_para_nav_menu td
{
	color: #9B9C9E;
	padding: 4px 2px 4px 2px;
}

td.JL_para_nav_topline
{
	height: 8px;
	background-image:	 url(../images/para_topline.jpg);
	background-repeat:repeat-x;
}

td.JL_para_nav_bottomline
{
	height: 8px;
	background-image:	 url(../images/para_bottomline.jpg);
	background-repeat:repeat-x;
}


.JL_para_content a:link, 
.JL_para_content a:hover, 
.JL_para_content a:active 
{ 
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        color: #002D5A; 
        text-decoration: underline; 
} 
.JL_para_content a:visited 
{ 
        color: #6E6E6E; 
        text-decoration: underline; 
} 
