/* CSS Document */

	html, body {
		height: 100%;
	}
	body {
	    color:#000000;
		margin: 0px;
		text-align:center;
		background-color: #cecfcf;
		background-repeat: repeat-x;
		background-image: url(/images/main/background.gif);
		font-family: verdana,futura,helvetica,sans-serif;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	td, th { 
		padding: 0; 
	}
	div {
		color: #000000;
		font-size: 11px; /* default flow text fontsize, 2006-04-04, tom: change from 10px */
	}

	#box {
		width:850px;
		min-height: 100%;
		_height: 100%; /* Interpreted only by IE, IE only hack */
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		border-left: 1px solid #999999;
		border-right: 1px solid #999999;
		background-image: url(/images/main/bg_innerbox.gif);
		/* border: 1px solid red; */
	}
	#contentleft {
		width: 169px;
		padding: 0px;
		float: left;
		background-color: #C0E6A1;
		/* border: 1px solid blue; */
	}
	#contentcenter {
		width: 502px;
		padding: 5px;
		float: left;
		background: #fff;
	    /* border: 1px solid green; */
	}
	#contentright {
		width: 169px;
		padding: 0px;
		float: left;
		background-color: #C6DBDC;
		background-image: url(/images/main/search_background.gif);
		background-repeat: no-repeat;
        /* border: 1px solid black; */
	}
	#contentheader {
		height: 110px;
		width: 850px;
		background: #ffffff;
		background-image: url(/images/header/bg_header.gif);
		background-repeat: repeat-x;
	    /* border: 1px solid yellow;*/
	}
	#consoleBackground 	{
	    background-image: url(/images/testlive/background.gif);
		background-repeat: no-repeat;
		position: absolute;
		left: 600px; 
		top: 3px;
		width: 255px; 
		height: 47px;
		z-index: 1001;
		filter: alpha(opacity=70);-moz-opacity:.70;opacity:.70;
		/* border: 1px solid yellow; */
	}
	#consoleContainer {
		position: absolute;
		left: 600px; 
		top: 3px;
		width: 430px; 
		height: 47px;
		z-index: 1002;
		/* border: 1px solid purple; */
	}
	#consoleTooltip 	{ /* cache manager infos */
	    position: absolute;
	    visibility: hidden;
		left: 720px; 
		top: 51px;
		/* width: 110px; */ /* auto */
		padding: 5px;
		z-index: 1001;
		background-color: #666;
		color: #fff;
		border: 1px solid #000;
		filter: alpha(opacity=85);-moz-opacity:.85;opacity:.85;
		/* border: 1px solid yellow; */
	}
	#searchContainer {
		padding: 0px 5px 10px 5px;
		border-bottom: 1px solid white;
		background-color: #C1D1F0;
		background-image: url(/images/main/search_background.gif);
		background-repeat: no-repeat;
	}
	#navigLeftContainer {
		padding: 0px 5px 10px 5px;
	}
	#spotlightContainer {
		background-color: #C4D7E4;
		padding: 0px 5px 10px 5px;
		border-bottom: 1px solid white;
	}
	#highlightsContainer {
		padding: 0px 5px 10px 5px;
	}
	
	/* header definitions */
	.debugDiv { /* used as runat=server */
	    display: none;
	    /* border: 1px solid red;  */
	    width: 100px;
	    position: absolute;
	    left: 0px; top: 0px;
	    color: #eff;  
	    z-index: 1; 
	    
	}
	#navigHeaderContainer {
		position: relative;
		left: -255px;
		top: 90px;
		float: left;
	}
	.navigImage {
		float: left;
		border: none;
		margin-right: 7px; 
	}
	.navigImageSmall {
		float: left;
		border: none;
		margin-right: 7px; 
	}
	
	.teaserImage { /* teaser image in header (right) */
	    /*  2006-04-12, tom: problem on IE, pixel gap below image, 
                solved by eliminating whitespaces before and after img tag 
        */
	}
	
	/* center content definitions */
	.productSysContainer {
		width: 70px; 
		height: 55px;
		float: left;
		/*padding: 60px 5px 5px 5px;*/
		padding: 0px 5px 5px 5px;
		margin-right: 4px;
		margin-bottom: 5px; 
		vertical-align:top;
		/*border:1px solid red;*/
	}
	.productBoxContainer {
		width: 80px;
		height: 123px;
		float: left;
		margin: 0px 4px 5px 0px; 
		padding: 0px;
	}
	.defaultInnerContainer { /* default container with top and bottom padding (to avoid collapsing margins) */
	    padding: 5px 0px 5px 0px;    
	}
	#topContainer {
		margin-bottom: 15px;
	}
	#languageContainer p {
		font-size: 10px; /* 2006-04-05, tom: change from 9px */
		padding: 0px;
		margin: 10px 0px 0px 0px;
	}
	#contentcenter p {
		font-size: 11px; /* 2006-04-04, tom: change from 10px */
		margin: 0px 0px 10px 0px;
	}
	#contentcenter td {
		font-size: 11px; /* 2006-04-04, tom: change from 10px */
		padding: 0px 15px 3px 0px;
	}
	#contentcenter ul {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 5px;
		font-size: 11px; /* 2006-04-04, tom: change from 10px */
		/* list-style: list-style-image;
		border: 1px solid black;
		list-style-image:url(../images/main/arrow_off.gif)
		*/
	}
	#contentcenter li 	{
		margin-left: -25px; /* to get the same space left for IE and FF */
	}
	/* left and right content definitions */
	#navigLeftContainer     {
        padding: 6px 0px 10px 5px;
		border-bottom: 1px solid white;
		background-color: #C2EB99;
		/* border: 1px solid green; */
	}
	
	.menulist {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.naviIcon {
		float: right;
		border: none;
	}
	.navigTable {
	    margin: 0px 0px 5px 0px;
	}
	.navigDivSubnavig {
	    margin: -2px 0px 0px 0px;    
	}
	.navigDivSubnavigElement {
	    padding: 0px 0px 4px 15px; 
	    margin: 0px;
	    /* border: 1px solid blue; */
	}
	.navigLiMainnavigElement { 
	    padding: 0px 0px 4px 0px; 
	    margin: 0px;
	    /* border: 1px solid blue; */
	}
	.navigTdArrow {
	    vertical-align: top; 
	    padding-top: 2px;
	    /* border: 1px solid blue; */
	}
	.navigListTable {
		width: 159px;	
	}
	.navigSpotlightTable {
		margin: 5px 0px 7px 0px;
		padding: 0px;
		width: 159px;
		border: 1px solid #fff;
		background-color: #fff;
		font-size: 10px; /* 2006-04-05, tom: change from 9px */
	}
	.navigImageHeadline {
		margin: 5px 0px 0px 0px;
	}
	
	select {
	    font-family: arial,helvetica,sans-serif;
		width: 125px;
		font-size: 10px; 
		margin: 5px 0px 5px 0px;
	}
	input {
	    font-family: arial,helvetica,sans-serif;
		font-size: 10px;
		margin: 5px 0px 5px 0px;
	}
	.inputSearch {
		width: 153px;
	}
	.selectSearch {
		width: 158px;
	}
	.inputLink {
	    color:#C6DBDC;
	    font-size:10px;
	}
	
	.halfLeftContainer {
		width: 241px;
		margin-right: 5px;
		float: left;
		margin-bottom: 15px;
	}
	.halfRightContainer {
		width: 253px;
		float: right;
		margin-bottom: 15px;
	}
	.picHalfLeftContainer {
		width: 250px;
		min-height: 187px; /* for FF, Safari, etc. */
		float: left;
		margin: 0px 2px 15px 0px;
	}
	.picHalfRightContainer {
		width: 250px;
		min-height: 187px; /* for FF, Safari, etc. */
		float: right;
		margin: 0px 0px 15px 0px;
	}
	
	/* global definitions */
	sub, sup {
	  line-height: 0px;
	  font-size: 80%;
	}
	h1 {
		font-size:12px;
		padding-top:10px;
	}
	h2 {
		font-size: 11px; /* 2006-04-04, tom: change from 10px */
		padding: 5px 0px 0px 0px;
		margin: 0px;
	}
	h2.red {
		color: #CC0033;
		font-size: 13px; /* 2006-04-04, tom: change from 12px */
		font-weight: bold;
		line-height: 13px; /* 2006-04-04, tom: change from 12px */
		margin: 0px 0px 3px 0px;
	}
	h2.green {
		color: #66CC00;
		font-size: 12px; /* 2006-04-04, tom: change from 11px */
		font-weight: bold;
		line-height: 13px; /* 2006-04-04, tom: change from 12px */
		margin: 8px 0px 3px 0px;
	}
	h2.greenInline {
		color: #66CC00;
		font-size: 12px; /* 2006-04-04, tom: change from 11px */
		font-weight: bold;
		line-height: 13px; /* 2006-04-04, tom: change from 12px */
		margin: 8px 0px 3px 0px;
		display: inline;
	}
	h2.gray {
		color: #666666;
		font-size: 13px; /* 2006-04-04, tom: change from 12px */
		font-weight: bold;
		line-height: 14px; /* 2006-04-04, tom: change from 13px */
		margin: 3px 0px 3px 0px;
	}
	h2.black {
		color: #000000;
		font-size: 13px; /* 2006-04-04, tom: change from 10px */
		font-weight: bold;
		line-height: 14px; /* 2006-04-04, tom: change from 13px */
		margin: 3px 0px 3px 0px;
	}
	h2.big {
		font-size: 15px; /* 2006-04-04, tom: change from 14px */
		font-weight: bold;
		line-height: 18px; /* 2006-04-04, tom: change from 17px */
		margin-bottom: 8px;
	}
	/* avoid form using vertical space in IE */
	form {
		padding: 0px;
		margin: 0px;
	}	
	p {
		font-size: 9px;
	}
	.clear { clear: both; }
	/* general font and link styles */
	a {					font-size: 11px; color: #3366cc; text-decoration: none;	} /* 2006-04-04, tom: change from 10px */
	a:visited { 		color: #3366cc; }
	a:active { 			color: #3366cc; }
	a:hover { 			color: #000000; }
	
	/* 2006-04-04, tom: change from 9px */
	a.small {			font-size: 10px; color: #3366cc; text-decoration: none;}
	
	/* 2006-04-04, tom: change from 9px/10px */
	a.navig {			font-size: 10px; line-height: 11px; color: #3366cc; text-decoration: none; }
	a.navig:visited { 	color: #3366cc; }
	a.navig:active { 	color: #3366cc; }
	a.navig:hover { 	color: #000000; }
	
	.small {
		font-size: 10px; /* 2006-04-04, tom: change from 9px */
	}
	.flowInactive { /* inactive */
		color: #dddddd; /* 2006-04-04, tom: change from 9px */
	}
	
	/* 2008-08-18, cha: Portal Chooser NEW */
	.ulPortalChooser {
	    list-style:none;
	    margin:0 0 5px 0;
	    padding:0 0 0 20px;
	    line-height:1.3em;
	}
    .divPortalCountries {
        border-bottom:1px solid white;
        padding:0 5px 8px 5px;
    }
    
    .show {
        color:#000;
    }
    
    .show a, .show a:hover {
        
    }
    
    .hide {
            
    }
    
    .hide a, .hide a:hover {
        text-decoration:none;
        color:#ddd;
    }