html, body {
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	}
	
body {
	background: #c9f url(img/tile.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	}
img, div {
	padding: 0px;
	margin: 0px;
}
* html img, .inimg/**/ {
	filter:expression(
			this.isLoaded
			? "" :
			(
				this.src.substr(this.src.length-4)==".png"
				?
				(
					(!this.complete)
					? "" :
						this.runtimeStyle.filter=
						("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
						(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
						String(this.isLoaded=true).substr(0,0)+
						(this.src="img/blank.png").substr(0,0)
				)
				:
				this.runtimeStyle.filter=""
			)
	);
}
#back { position:absolute; top: 0; left:0; z-index: -100;}
table, tr, td {
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border: none;
	height: 100%;
	width: 100%;
	vertical-align: top;
	text-align: left;
	}
	
img {
	border: 0px solid white;
	}
div { text-align: left; }

.form { margin: 0; padding: 0; margin-top: 16px;}
#imail, #itext, #iname, #isoc, #inews, #login, #password { color: #9966CC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left:0px; margin-right:0px; width: 127px;}
#imail, #iname, #isoc, #inews, #login, #password { height:16px; background-color: white; float: left; border: 0px solid white; padding:1px; margin: 0px;}
#inews, #login, #password { width: 68px; }
#Itextarea, #Iinputs { width: 600px; }
#Itextarea .tipsinside { width: 282px;}
#itext { height: 100px; background-color: white; width: 294px; float: left; clear: both; border: 0px solid white; padding: 0; margin: 0; padding-left: 6px; overflow: hidden;}
/* MENU */
#menu { position: absolute; top: 288px; left: 0; width: 348px; z-index: 20; }
.menuItem, .menuItem div, .menuItem:link div, .infowbr
{ text-decoration: none; font-weight: normal; color: #9966CC; font-size: 12px; cursor: pointer;}
.menuwbr { float: right; clear: both; height: 24px;}
.menuwbl { float: left; clear: both; height: 24px; }
.menuwb { float: left; height: 24px; margin-right: 7px;}
.menubar { float:left; color:#9966CC;}
.menutxt { height:16px; background-color: white; float: left; padding-top: 2px; white-space: nowrap; text-align: right; cursor: pointer;}
.menutxtsel { height:16px; background-color: #AFD4FA; float: left; padding-top: 2px; white-space: nowrap; text-align: right; cursor: pointer; color: #666;}
.subtitle { width: 323px; height:16px; color:#96c; background-color: white; float: left; font-size: 11px; padding-top: 2px; font-weight: bold;}

#bluebarleft {
	position: absolute;
	bottom: 0;
	left:100px;
	width: 1400px;
	height: 87px;
	z-index: 7;
	overflow: hidden;
	}
#bluebarright {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 137px;
	height: 216px;
	z-index: 8;
	}
.spacer { clear:both; }
/* 
   scrolling 

*/
div#box {
    position: relative;
	top: 40px;
	height: 90%;
	width:379px;
	margin: 0 auto;
}
div.boxcontent {
	width:339px;
	height: 500px;
	padding:0px 20px 0px 20px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#fff;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='img/box_back.png');
}
div.boxcontent[class] {
	background: url(img/box_back.png) no-repeat;
}
div#holder	{
	color: white;
	position:absolute;
	top:0;
	left:0;
	width: 339px;
	z-index:1;
	}
div.content { 
	position:absolute;
	padding: 0 15px 0 18px;
	left:0px; top:0px; 
	z-index:3;
	}

div#up { position:absolute; left: 0px; top: 288px; z-index:13 }  
div#down { position:absolute; left: 0px; z-index:14 }

#tooltips { position: absolute; z-index: 400; width: 340px; }
#combo_menu { margin-left: 16px; }
#combo_menu img { margin:0; padding: 0; border: none; }
#combo_items { margin:0; padding: 0; border: none; margin-left: 32px; margin-top: 1px; position: absolute; z-index: 400; width: 340px; }
.tips div { text-decoration: none; font-weight: normal; color: #9966CC; }
.tipsbar { float: left; clear: both; }
.tipscorner { float:left; color:#9966CC; height: 9px; width: 9px;}
.tipsinside { height:9px; background-color: white; font-size: 1%; float: left; width: 150px;}
.tipscontent { height: 110px; background-color: white; width: 168px; float: left; clear: both; }
.tipscontent p { margin: 0 8px 0 12px; padding: 0; text-align: left;}
#combo_items .tipscontent { height: 124px; }
.info { display: none; }
.infowbr { float: right; clear: both; height: 24px; display: none; position: absolute; top: 0; left: 0; font-weight: bold;}
.tipslink, .simpleLink {
	font-size: 12px;
	text-decoration: none;
	color: #EEBBFF;
	cursor: help;
	text-transform: uppercase;
}
.simpleLink { font-variant: small-caps; }
.simpleLink, #contactLink, .barLink { cursor: pointer; }
.barLink { color: #639; font-size: 11px; text-decoration: none; text-transform: none; }
#contactLink { text-decoration: none; color: #663399; font-weight: normal; font-size: 11px; text-transform: none;}

/* door */
#top, #bot, #loupe { cursor: pointer; }
#top { position: absolute; top: -500px; left: 0; height: 1px; width: 100%; background-color: #9cf; z-index: 501; text-align: center; visibility: hidden; cursor: pointer;}
#bot { position: absolute; top: 0; left: 0; height: 1px; width: 100%; background-color: #9cf; z-index: 502; text-align: center; visibility: hidden; cursor: pointer;}
#tti { visibility: hidden; position: relative; margin: 0px auto; width: 393px; text-align: center; height: 208px; }
#heraTop { position: relative; margin: 0 auto; display: inline;}
#heraBot { position: relative; margin: 0 auto; display: inline;}
#texttopIn { position: relative; margin: 0 auto; top: 0; text-align: right; color: #663399; width: 380px; height: 100px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; visibility: hidden; }
#textbotIn { position: relative; margin: 0 auto; top: 14px; color: #663399; text-align: right; width: 380px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; visibility: hidden; }
#textbotIn a, #textbotIn a:link, #textbotIn a:hover { text-decoration: none; color: #663399; font-weight: bold; font-size: 11px; }

/* List in text */
ul { list-style-position: outside; }
.inText { list-style: none outside square; margin: 0; padding: 0;}
.inText li { margin: 0; padding: 0; margin-bottom: 10px; font-weight: bold;}
/* .inText li:first-line { font-weight: bold; } */
.subText { list-style: none outside circle; margin: 0; padding: 0; margin-left: 12px; }
.subText li { list-style-type: disc; font-weight: normal; margin: 0; padding: 0;}
.subTool { list-style: none outside circle; margin: 0; padding: 0; margin-left: 15px; color: #ebf; }
.subTool li { font-weight: normal; margin: 0; padding: 0;}
#txt1, #txt2, #txt3, #txt4, #txt5, #txt6 { display: none; }
h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 10px;}
h4 { font-size: 13px; font-weight: normal; text-transform: uppercase;}
.graph { cursor: pointer; border: 1px solid white;}
#comp { z-index: 50; }
#divgraph { position: absolute; top: 0; left: 0; display: none; z-index: 600; cursor: pointer; width: 650px; height: 400px; }
#divgraphimg { border: 0px solid white; }
.centered { text-align: center;}
.centered form { position: relative; margin: 0 auto; width: 300px; margin-top: 8px;}
.centered input { margin: 0; padding: 0; border: 0px solid white; color: #9966CC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
fieldset { border: 1px solid white; margin-top: 12px; padding: 0px 8px;}
.dot { color: white; }

/* Tools */
#tool1, #tool2 { position: absolute; top: 0; left: 0; display: none; z-index: 600; width: 720px; height: 400px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#frm input { width: 36px; height: 12px; font-size: 10px; text-align: right; margin: 0; padding: 2px; border: 1px solid #96c;}
#frm button { height: 20px; font-size: 10px; margin: 0; padding: 2px; border: 1px solid #96c; }
#frm table, #tool1 tr { border: 1px solid #96c; font-family: Arial, Helvetica, sans-serif; border-collapse: separate; background-color: white; font-size: 12px; width: auto; height: auto;}
#frm td { text-align: right; background-color: #c9f; width: auto;}
#frm .pc { width: 50px; background-color: #96c; color: white; font-weight: bold;}
#frm .tl { text-align: left;}
#frm .tt { text-align: left; font-weight: bold; background-color: #96c; color: white; font-size: 12px; padding-left: 4px; padding-top: 2px;}
#frm .ct { text-align: center; font-weight: bold; background-color: #96c; color: white; font-size: 12px;}

#frm .mt { text-align: left; font-weight: bold; background-color: #96c; color: white; font-size: 11px; padding-left: 4px; padding-top: 2px;}
#frm .mt { background: #96c url(img/graph_arrow2.gif) no-repeat bottom right; }

#frm .pt { text-align: center; font-weight: normal; background-color: #c9f; color: black; font-size: 12px; padding-left: 2px; padding-top: 2px; width: 54px; vertical-align: middle;}
#frm .rt { text-align: left; font-weight: normal; background-color: #c9f; color: black; font-size: 12px; padding-left: 2px; padding-top: 2px; width: 54px; vertical-align: middle;}
#tool2>#frm>table { border: 0px solid white; }
#mainindval0, #mainindval1, #mainerrval0, #mainerrval0 { font-size: 12px; }
#newsLetterBox { position: absolute; width: 348px;}
.smpl { color: white; font-size: 10px; margin-left: 0px; margin-bottom: 4px; text-transform: uppercase; }
#img_mascotte { position: absolute; top: 0; left: 0; z-index: 601; width: 27px; height: 38px; display: none;}
.comboLarge { width: 144px; background: transparent url('img/combo-large.png') no-repeat; color: black; }
#combo_menu { cursor: pointer; }
#combo_items { display: none; }

a.clnk, a.clnk:link, a.clnk:visited, a.clnk:hover {
	font-size: 12px;
	text-decoration: none;
	color: #96c;
	text-transform: uppercase;
}
a.clnk:hover { text-decoration: underline; }
*/