/* the format of the page top elements was copied from newmxtstyles and may be found at the end of this file */

/*+++++++++++++++++++++++++++STYLES+++++++++++++++++++++++++++++++++*/

body 
	{ 
		scrollbar-arrow-color: white;
 		scrollbar-base-color: white;
  		scrollbar-dark-shadow-color: ffffff;
   		scrollbar-track-color: white;
    	scrollbar-face-color: A0BBFF;
	 	scrollbar-shadow-color: A0BBFF;
	  	scrollbar-highlight-color: A0BBFF;
	   	scrollbar-3d-light-color: A0BBFF; 
	}  

.captionstyle 
	{
		font-size:12px;
		font-style: italic;
	}

.style4 
	{
		font-size:10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.NavBar 
	{
		/*position: absolute;*/
		width:700px;
		top: 104px;
		left: 50px;
		z-index: 4;
		vertical-align: middle;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.topbar 
	{
		top:0px;
		left:100px;
		width: 700px;
		height: 104px;
	}
	
#page		/* contains all the contents of page to center them!!! */
	 { 
		position: relative;
		top: 0;
		right: 0;
		width: 707px;		/* changed from 710 (comparing to backup) */
		height: 900px; 
		margin: 0 auto; /* not supported by internet explorer!!!! */
		/*border: solid 1px #000;*/ 
		padding: 3px;
		text-align: left; 
	}


.hfade  	/*fade right: if take out NavBar goes crazy*/
	{
		position:absolute;
		top:0px;
		left:750px;
		height: 699px;
	}

			
a.style2 
	{
		color: #FFFFFF;
		text-decoration: none;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

a.style2:hover 
	{
		color:#FFFFFF;
		text-decoration: underline;
	}

.addressstyle
	{
		font-size: 10px;
	}
	

.bottombarstyle 
	{
		color: #CCCCCC;
		text-align: left;
		font-size: 10px;
		position: absolute;
		top: 3px;
	}

.floatright
	{
		float:right;
		margin-left: 15px;
	}

.ContentStyle 
	{
		font-size: 12px;
	}



.floatleft {
	float:left;
	margin-right: 10px;
	margin-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	visibility: visible;
	background-color: #ffffff;
	margin: 0;
	}

h1 {
	font-size:16px;
	text-align: left;
	font-weight: bold;
}

h2 {
	padding-top: 0px;
	margin-top: 0px;
	font-size: 100%;
}

h3 {
	font-size: 95%;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

ul {
	list-style-position: outside;
	margin-left: 5px;
	list-style-type: disc;
}


.sidestyle {
	font-size: 10px;
	
}

.mainlinks {	
	padding: 10px 0px 5px;
}

.mlink, .mlink:visited{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

a.mlink:hover{
	text-decoration: underline overline;
	background-color: black;
}


/*+++++++++++++++++++++++++++DIVS+++++++++++++++++++++++++++++++++*/

.mxtname {
	position: absolute;
	left: 547px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 190px;
	z-index: 5;
	top: 109px;
	font-style: normal;
	height: 12px;
	color: #FFFFFF;
	}

.mainnav {
	position: absolute;
	width:700px;
	top: 104px;
	left:150px;
	background-color: #A0BBFF;
	height: 23px;
	z-index: 4;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	line-height: 23px;
	margin: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#hfade {
	position: absolute;
	top:0px;
	left:700px;
	height: 620px;
}

body {
	text-align: center;
	min-width: 650px;
}

#dropmenudiv{
position:absolute;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: black;  
}

#MenuLang
{
	font-size: 11px;
}


u {
		text-decoration: none;
}

/* copied from newmxtstyles */

html > img {						/* autoscroll (mouse scroll) image override (works only for Firefox) */
		width: 0 !important;		/* sets the width of the default image to zero (else: would simply superimpose the second) */
		height: 28px !important;	/* height of cutom image */
		padding-left: 28px !important;	/* leaving room for the custom image: width of the custom image */
		background: url(images/autoscrollimg.png);
	}

#skip a,
#skip a:hover,
#skip a:visited {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

#skip a:active,
#skip a:focus {
	position:static;
	width:auto;
	height:auto;
	background-color: #a0bbff;
	color: #ffffff;
	}

#header {
		width: 700px;
		height: 104px;
		margin: 0;
		padding: 0;
		overflow: hidden;			/* since IE adds a bottom margin to the image */
	}

#header a {
		border-bottom: 0;
	}

#header a img {
		width: 700px;
		height: 104px;
	}

#dropmenudiv {					/* used solely in dropMenu.js; is the box that contains the menu items */
		position: absolute;
		padding: 0;
		width:4em;
		border: 1px solid black;
		line-height: 1.7;
		vertical-align: middle;
		text-align: left;
		font-size: 0.9em;
		font-weight: normal;
		z-index: 100;
	}

#dropmenudiv a {
		display: block;
		border-bottom: 0;
		vertical-align: middle;
		color: #ffffff;
		font-size: 0.95em;
	}

#dropmenudiv a:hover {			/* on hover anywhere on the link (flag, space or text), only the text's background changes! */
		border-bottom: 0;
		vertical-align: middle;
		background-color: rgb(18,176,0);				/* lively, refreshing green */
		color: #ffffff;
	}

#dropmenudiv img {										/* applies to the flags */
		display: block;									/* prevents the image from being underlined on hover (problem in Firefox); http://archivist.incutio.com/viewlist/css-discuss/81687---but will prevent from centering (if such a thing were sought) */
		float: left;
		margin: 3px 4px 1px 2px;						/* centers */
	}

#navbox,
#ersatzmenu {							/* the navbar's and ersatz menu's structure is taken from http://css.maxdesign.com.au/listamatic/horizontal23.htm */
	width: 700px;
	border-top: 1px solid #a0bbff;		/* purposefully thinner than bottom-border */
	overflow: auto;						/* is the solution: height will stretch to that of the longest contained element, even if it be the floated picturebox)! see http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ and the comments */
	border-bottom: 1px solid #a0bbff;	/* apparently, is needed "to trigger the bottom of the container expanding down below the float[]"; note that the color is the color of the page background! */
	margin: 0;				/* would subtract 1px to compensate for border if it were possible! */
	outline: 0;							/* apparently, "right-clicking a div with overflow:auto; results in a border appearing around the element"; this apparently fixes it */
	tabindex: -1;						/* usually prevents (maybe not in newer versions of Firefox) the div from being accessible by tabbing and showing a border when focused */
	padding: 0;
	background-color: #a0bbff;
	text-align: center;
}

#navbox ul,
#ersatzmenu ul {
		margin: 0;
		padding: 0;
	}

#navbox ul li,
#ersatzmenu ul li {
		display: inline;
		color: #ffffff;
	}

#navbox ul li a,
#navbox ul li .new,
#navbox ul li .soon,
#ersatzmenu ul li a {						/* see below, too */
		float: left;
		min-width: 0.3em;
		padding: 0.2em 10px 0.2em 10px;		/* seems to vertically center it; left and right: narrowed in a script called from header */
		border-bottom: 0;
		background-color: #a0bbff;
		color: #ffffff;
/*	border: 1px solid lime;*/
	}

#navbox ul li a.toohigh:link {
		padding-top: 25%;
		padding-bottom: 25%; color:red;
	}

#navbox ul li a:hover,
#ersatzmenu ul li a:hover {
		background-color: #95ACFF;/*#7F8DFF/*#B5CAFF*/
	}
	
#navbox ul li#here a {
		background-color: #B5CAFF/*#5E5EFF*/;
		font-weight: bold;
		border-left: 1px #5e5eff solid;
		border-right: 1px #5e5eff solid;
	}

#navbox ul li#here a:hover {
		background-color: #ABC3FF/*#5E5EFF*/;
		
	}

#navbox ul li#menu a,
#navbox ul li#menu a:hover {
		display: none;						/* for JS-disabled browsers */
		float: right;
		position: relative;					/* needed because the image is absolutely positioned and the reference of an a. p. element is its "containing block, which is the first ancestor element that does not have 'position: static'"; one should perhaps be aware, however, that, in Netscape 4.x, "if a relative or absolutely positioned element is nested inside another relative or absolutely positioned element, any further application of CSS is broken - no properties will be applied" (http://www.eskimo.com/~bloo/indexdot/css/properties/classify/position.htm)*/
		top: 0;
		right: 0;
		padding-left: 27px;					/* = 16 (width of image) + 5 (space between image and text) + 6 (= padding-left or -right of other a's, as set with JS; space left of image) */
		overflow: hidden;
		outline: 0;							/* apparently, "right-clicking a div with overflow:auto; results in a border appearing around the element"; this apparently fixes it */
		tabindex: -1;						/* usually prevents (maybe not in newer versions of Firefox) the div from being accessible by tabbing and showing a border when focussed */
	}

#navbox ul li#menu a:hover {
		background-color: #B5CAFF;
	}


#navbox ul li .new,
#navbox ul li .soon {
		font-size: 0.75em;
		vertical-align: middle;
		text-align: right;
		font-weight: bold;
		color: #ff0000;
	}

#navbox ul li .soon {
		color: #bf0000;	
	}

#navbox ul li div.new,
#navbox ul li div.soon {						/* when 'new' or 'soon' takes two lines */
		display: inline;
		height: 100%;
		padding-right: 1px;
	/*	position:relative;
		left: 2px;margin-right: -2px;*/
		margin-top:0;
		padding-top: 0.05em;					/* compensating for shortened line-height */
		line-height: 0.8;
/*	border: 1px solid lime;*/
	}

#navbox ul li span.new,
#navbox ul li span.soon {						/* when 'new' or 'soon' takes one line */
		padding: 0 1px 0 0;
		background-color: transparent;
	}
	
#navbox img {							/* Earth image */
		position: absolute;
		top: 0.25em;
		left: 8px;							/* same as padding for others */
		width: 16px;
		height: 16px;
	}

#ersatzmenu {
		max-width: 698px;					/* since "the width property specifies the width of the content area of an element" and "the content area is inside the padding, border, and margin of the element" (http://developer.mozilla.org/en/docs/CSS:width); using max- hides the value from IE, which incorrectly takes width to mean total width */
		margin: 0;
		padding-top: 1px;
		padding-bottom: 1px;
		padding-left: 1px;
		padding-right: 1px;
		overflow: hidden;					/* prevents a horizontal scrollbar from appearing when text is greatly enlarged */
		border-bottom: 0;
		background-color: #B5CAFF;
	}

#ersatzmenu ul li a {
		width: 114px;
		max-width: 110px;						/* again hiding from IE, which seems to take width to mean total width */
		margin: 1px;
		padding-left: 1px;						/* not modifying -top and -bottom */
		padding-right: 1px;
/*		border: 1px solid #a0bbff;*/
		border-color: #91afff #c1d2ff #c1d2ff #91afff;
		font-size: 0.95em;						/* same as #dropmenudiv a */
		color: rgb(18,176,0);					/* same lively, refreshing green as #dropmenudiv a */
		background-color: #dfe8ff;
	}

#ersatzmenu ul li a:hover {
		background-color: #a0bbff;
		color: #ffffff;
		border-color: #c1d2ff #91afff #91afff #c1d2ff;	/* reverse of above */
	}

#ersatzmenu ul li a:active {
		background-color: #95ACFF;
		color: #ffffff;
		border-color: #c1d2ff #91afff #91afff #c1d2ff;	/* reverse of above */
	}

#ersatzmenu ul li a.na {								/* na: not available; used in products */
		visibility: hidden;
	}

#ersatzmenu img {
		position: relative;
		top: 2px;
		margin-right: 5px;
	}


a img {
		border: 0;
	}

a:link,
a:visited {
		color: blue;
		text-decoration: none;
		border-bottom: 1px solid #dfe8ff;
	}

a:hover,
a:active {
		text-decoration: none;
		border-bottom: 1px solid #a0bbff;
	}

#BottomBar {					/* space (4em + 1px) above: comes from #content's */
		clear: both;			/* in case some floats try to reach BB */
		width: 700px;
		margin-top: 0;
		margin-bottom: 3px;
		font-size: 10px;
		background-color: #a0bbff;
		color: #5e5eff; /* same color as box in mlinkcurrent */
/*	border: 1px red solid;*/
	}

#BottomBar div#BBleft {
		width: 60%;
		margin: 0px;
		padding: 6px 0 6px 10px;	/* setting the padding in BB somehow makes it too large in Firefox, even if width be set and sum of inside divs < width */
/*	border: 1px black solid;*/
	}

#BottomBar div#BBright {
		width: 30%;
		float: right;
		text-align: right;
		margin: 0px;
		padding: 6px 10px 6px 0;
/*	border: 1px black solid;*/
	}