/* Style sheet for AEon's RPGs 2006 site (12/19/2006, update 9/8/2007)

	Powerful global replace:	<span class=color>^(*^)</span>	->	<s>^1</s>

	Design usage:

	<s>		For highlighting normal text (important information)
	<b>		Key names, important subsections in paragraph e.g. "download" or "install"
	<tt>	Anything that needs to be types, console commands, file names, path names,
			numbers (file size), ini, cfg, ...

	<tt><b>	Cases where type or numbers need to be highlighted, e.g. name of autoexec.cfg
			or summed up entrie counts.

		font-family:Verdana,Arial,Helvetica;

	a better font family fit is this:

		font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;

	Using PX instead of PT... use these:
	span.normalPT	{ font-family:Verdana; font-size:10pt;	line-height:12pt; }
	span.normalPX	{ font-family:Verdana; font-size:13px;	line-height:16px; }
	span.smallPT	{ font-family:Verdana; font-size:8pt;	line-height:10pt; }
	span.smallPX	{ font-family:Verdana; font-size:11px;	line-height:14px; }
	span.tinyPT		{ font-family:Verdana; font-size:7pt;	line-height:9pt;  }
	span.tinyPX		{ font-family:Verdana; font-size:9px;	line-height:12px; }
	span.initialPT	{ font-family:Verdana; font-size:20pt;	line-height:22pt; }
	span.initialPX	{ font-family:Verdana; font-size:27px;	line-height:29px; }

	Special link colors for the MENU! Does not work in IE. IE uses above definitions!
		Usage: <a href="" AEMENU></a> 	to add color to link!
 */
/*1. 86724F   2. A17E54 */
/*
A:link					{ color: #A17E54; text-decoration: none; }
A:visited				{ color: #A17E54; text-decoration: none; }
A:active				{ color: #A17E54; text-decoration: none; }
A:hover					{ color: #000000; text-decoration: underline; }

A:link[AEMENU] 			{ color: #372D16; }
A:visited[AEMENU]		{ color: #372D16; }
A:active[AEMENU]		{ color: #372D16; }
A:hover[AEMENU] 		{ color: #A17E54; text-decoration: none; }
*/

A:link					{ color: #372D16; text-decoration: none; }
A:visited				{ color: #372D16; text-decoration: none; }
A:active				{ color: #372D16; text-decoration: none; }
A:hover					{ color: #A17E54; text-decoration: underline; }


/* A.external:visited { color: blue }		Also, pseudo-classes can be combined with normal classes!
											<A CLASS=external HREF="http://out.side/">external link</A>
	Use classes instead of the weird A:link[AEMENU] code!
*/

A:link[AEMENU] 			{ color: #372D16; }
A:visited[AEMENU]		{ color: #372D16; }
A:active[AEMENU]		{ color: #372D16; }
A:hover[AEMENU] 		{ color: #A17E54; text-decoration: none; }


/* Transparency for the nedstat icon for firefox
	Usage: <a href="" AENEDSTAT></a>	*/
A:link[AENEDSTAT] 		{ -moz-opacity: 0.25; }
A:visited[AENEDSTAT]	{ -moz-opacity: 0.25; }
A:active[AENEDSTAT]		{ -moz-opacity: 0.25; }
A:hover[AENEDSTAT] 		{ -moz-opacity: 1.0; }


/* Adding Tooltips to main menus
	Usage:	<A HREF="index.html#news" onmouseover="window.status='read all about it...'; return true" AEMENU>news
				<div><span class="info">read all about it...</span></div></A>	*/
div .info	{	font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
				font-size:11px;
				line-height:14px;
				color:#372D16;
				background-color:#F2EADC;	/*faking transparency, old #FFF8EC was brighter*/

				position:absolute;
				left:379px; top:132px;		/*under banner*/
				width:456px;

				border:1px solid #B0A287; 	/*old dashed #D0BEA0 */
				padding:5px 10px;
				-moz-border-radius:8px;
				opacity:0.9;				/*New parameter works!*/
                z-index:2;
							}
a .info			{ visibility:hidden; }
a:hover .info 	{ visibility:visible; }


/* IE hyperlinks in menues need explicit color override: td.menu, and AEMENU do NOT work! */
/*span.menu		{ color:#808080; }
td.menuIE		{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:13px; vertical-align:top; padding-top:1px; } */

/* TD tags set almost all the text styles! - Padding used by ie */
td.menu			{	font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
					font-size:13px; vertical-align:top; padding-top:1px; }
td.text			{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
					font-size:13px; line-height:16px; color:#736957; }
td.small		{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
					font-size:11px; line-height:14px; color:#736957; }

/* Default Headers, e.g. news, section headers on all pages*/
h1 { font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
	 font-size:13px; line-height:19px; color:#A17E54; font-weight:bold; margin-top:1pt; margin-bottom:1pt; }

/* Main intro page header*/
h2 { font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
	 font-size:13px; line-height:16px; color:#A17E54; font-weight:bold; margin-top:5pt; margin-bottom:5pt; }

/* Framing the table HEADERS in a compact way!
	Note:	Placing the info in a <h3> tag will messup IE and Opera!
	Usage:	<td><div class=h3>".$link."</div></td>		*/
div.h3		{   font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
				font-size:11px;  line-height:14px; color:#736957; font-weight:bold;
				background-color:#FFF8EC;
				position:relative;
				border:1px solid #D0BEA0;
				padding:5px 5px;
				-moz-border-radius:8px;	}

/* --- Menu Div --- */
div.hm		{   font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
				font-size:11px;	line-height:14px; color:#372D16;

				background-color:#F2EADC;		/* F2EADC Colored */
				border:1px solid #B0A287;
				padding:1px 10px;       		/* padding: top/bott and left/right*/
				/* 4 Numbers: 1=top, 2=right, 3=bottom, 4=left! -> use for submenu indents e.g. */
				-moz-border-radius:6px;	}

div.hm2		{   font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
				font-size:11px;	line-height:14px; color:#372D16;  /*Without frame*/	}

div.hms		{   font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
				font-size:9px;  line-height:13px; color:#372D16;

				background-color:#F2E6D0;
				border:1px solid #B0A287;		/* background-image:url(pics/dot10.gif); */
				padding:1px 6px; 	     		/* padding: top/bott and left/right*/
				-moz-border-radius:6px;	}

div.h3l		{   font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
				font-size:11px;  line-height:14px; color:#808080; font-weight:bold;
				background-color:#FFF5E5;
				position:relative;
				border:1px solid #CCC0AE;
				padding:5px 5px;
				-moz-border-radius:8px;	}

div.bghl	{	background-color:#F8E9D2;
				/* border:1px solid #CCC0AE; */
				padding:5px 5px;
				-moz-border-radius:8px;
			}

div.tl		{	/* 3D Shadow
				background-color:#A17E54;
				padding-bottom:1px;
				padding-right:1px; */
				border:1px dashed #A17E54;
			}


/* Framing the ICON backgounds around image links. With td.frame alas the "td" is too large!
	color:#FF8000; used to make the frame orange in the onClick <a> tag!
	Usage:	<td><div class=h4>".$link."</div></td>		*/
div.h4		{	color:#FF8000;
				background-color:#FBF1E1;
				position:relative;
				border:1px solid #B0A287;
				padding:5px 5px;
				-moz-border-radius:8px;	}

/* All block related indents use this */
blockquote 			{	margin-top:5pt; margin-bottom:5pt; margin-left=20pt; margin-right=20pt;   }

/* Used by page footer */
blockquote.small 	{	margin-top:5pt; margin-bottom:5pt; margin-left=20pt; margin-right=20pt;
						font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
						font-size:11px;  line-height:14px; color:#736957;	}
center.small    	{	margin-top:10px; margin-bottom:10px;
						font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
						font-size:11px;  line-height:14px; color:#736957;	}


/* First letter special text manipulation (used in page headers and section titles) */
/*span.initial	{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
                  font-size:22px; line-height:24px; } */

span.initial	{ font-family:Garamond,serif; font-size:22px; line-height:24px; } /*font-size:27px; line-height:29px;*/



/* Marking text - more subtle color would be #808080;*/
s				{ color:#000000; border-bottom:1px dashed #A17E54; text-decoration:none;  }

/* Used by on mapping article for index*/
ol	{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:11px;  line-height:14px; color:#372D16; }

/* Misc Other Settings */
li	{ margin-right=40pt; }

pre	{ font-family:Courier New,Courier; font-size:13px; line-height:15px;
      margin-top:8pt; margin-bottom:8pt; }              	/* text-indent:10pt; will not work on full block */

tt	{ font-family:Courier New,Courier; font-size:13px; }


/* --- Specials --- */
blockquote.q	{ margin-top:5pt; margin-bottom:5pt; margin-left:30pt; margin-right:30pt;
				  font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
				  font-size:11px; line-height:14px; color:#736957; }	/* Normal small type block */
blockquote.qu	{ margin-top:5pt; margin-bottom:5pt; margin-left:0pt; margin-right:30pt;
				  font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
				  font-size:11px; line-height:14px; color:#736957; }	/* NO indent use with <ul> */

a.toc			{ color:#372D16; } 							/* IE does not understand this one! FireFox does! */

ul 				{ list-style-image: url(pics/dot_6x.gif); }	/*dot13.gif*/
ul.q			{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:11px;
					line-height:14px; }
ul.history		{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:11px;
					line-height:14px; }

td.tiny			{ font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif; font-size:9px;
					line-height:12px; color:#404040; }	/* Picture sub-texts */

/* Indenting */
p.indent		{	margin-top:2px;		margin-bottom:2px;  /* DETAIL BOX indent skills*/
					margin-left:20px;	margin-right:20px;	}


/* Index section headers, uses td.text normal font size! */
span.indexqa { font-weight:bold; }

/* [code] [/code] translated to <pre class=code> </pre>  colored version! */
pre.code	{ color: green; }

/* [color=orange] etc... explicit color setting of text! */
span.orange	{ color: #ff8000;	text-decoration: none; }
span.green	{ color: green;		text-decoration: none; }
span.red	{ color: red;		text-decoration: none; }
span.blue	{ color: blue;		text-decoration: none; }
span.black	{ color: black;		text-decoration: none; }
span.brown	{ color: #A17E54;	text-decoration: none; }
span.white	{ color: white;		text-decoration: none; }

/* SPECIAL GOTHIC 3 COLOR TAGS! (same as old php variables)
   ---------------------------                              */
/* Original Icon Colors -  required for bright AEon's X!*/
span.c_nth		{ color: #0074A0; }			/* Northern Cities (blue) */
span.c_med		{ color: #007468; }			/* Middle Cities (green) */
span.c_sth		{ color: #803480; }			/* South Cities (purple) */
span.c_blk		{ color: #504440; }			/* Black City Gotha */
span.c_reb		{ color: #882020; }			/* Rebbel Outposts (red) */

/* "Directly used colors" */
span.c_qst		{ color: orange; }			/* Quest Giver (Subcolumn) */
span.c_hlt		{ color: #4F493F; }			/* Highlight Titles etc... */

/* Colors for Gods, used in manually created tables! */
span.c_inn		{ color: #E0E096; }			/* New yellow for god Innos  <- new 878820 */
span.c_ada		{ color: #96E096; }			/* New green  for god Adanos <- #007468 */
span.c_bel		{ color: #E09696; }			/* New red    for god Beliar (same as Rebels) <- #882020 */

span.tsum		{ color: #ff8000; text-decoration: none; }	/* Table summary highlights */

span.unbold		{ font-weight:normal; }



/*  SPECIAL IMAP CODE
 * -------------------
 */
#imenu a 			{		} 									/* Default full values, to make it work in IE */
#imenu a:hover 		{	opacity:0.5;
						-moz-opacity:0.5;
						-khtml-opacity:0.5;
						filter:alpha(opacity=50);	}


#imap				{	position:relative;
						width:1024px;	height:768px;
						margin-top:10px;
						margin-bottom:10px;
						z-index:0;
					}

#imap img.dot		{	position:absolute;
						width:9px;	height:9px;
						background:none;
						border:0px;
						z-index:1;			}

#imap img.srclks	{	position:absolute;						/*LINKS BOX scroll up/down buttons*/
						width:15px;	height:15px;
						background:none;
						border:0px;
						z-index:3;			}

#imap img.close		{	position:absolute;
						width:24px;	height:24px;
						background:none;
						border:0px;
						z-index:3;			}


#imap li			{	list-style:none;	}					/* Remove the list dots! */

#imap div			{	font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
						font-size:11px;	line-height:14px;
						color:#372D16;
						background-color:#FFF8EC;
						border:1px dashed #D0BEA0;
						padding:5px 10px;
						white-space:nowrap;

						opacity:0.8;
						-moz-opacity:0.8;
						-khtml-opacity:0.8;
						filter:alpha(opacity=80);
						-moz-border-radius:6px;
						position:absolute;
					}
#imap p				{	margin-top:2px;		margin-bottom:2px;  /* DETAIL BOX indent skills*/
						margin-left:10px;	margin-right:0px;
						font-size:11px;		line-height:14px;	/* Smaller font*/
						font-style:italic;					}

#imap s				{	margin-top:2px;		margin-bottom:2px;	/* DETAIL BOX indent quests*/
						margin-left:10px;	margin-right:0px;	/* Just indent, no right margin -> more space for the quest names */
						font-size:11px;		line-height:14px;	/* Smaller font*/
						text-decoration:none;
						color:#000000;
						border-bottom:1px dashed #A17E54; 	}

#imap s.h			{	font-size:13px;		line-height:16px;	/* DETAIL BOX highlight text WIHTOUT indent, In-text! use normal font size*/
						margin-left:0px;	margin-right:0px; }	/* inherit from s */

#imap div.help		{	left:20px;	top:-6px;	z-index:2;	padding:1px 3px;	}	/* RIGHT MOUSEOVER BOX */
#imap div.linkhelp	{							z-index:3;	padding:1px 3px;	}	/* NO WORKIE left:20px;	top:-9px;*/

#imap div.tag		{	left:20px;	top:-6px;	z-index:2;	padding:1px 3px;	}	/* RIGHT INFO BOX	Smaller tag fields! */
#imap div.tagU		{	left:20px;	top:-13px;	z-index:2;	padding:1px 3px;	} 	/* U,D offset 8 pixel!*/
#imap div.tagD		{	left:20px;	top:1px;	z-index:2;	padding:1px 3px;	}

#imap div.tag2		{							z-index:2;	padding:1px 3px;	}	/* LEFT INFO BOX	left:-20px;	top:-6px;  !messes up rtl! */

#imap div.state		{	font-size:13px;	line-height:16px;		/* State box, top left style */
                        font-weight:bold;		z-index:2;
                        opacity:0.9;
						-moz-opacity:0.9;
						-khtml-opacity:0.9;
						filter:alpha(opacity=90);			}

#imap div.detail	{	opacity:0.9;
						-moz-opacity:0.9;
						-khtml-opacity:0.9;
						filter:alpha(opacity=90);
						padding:2px 2px;		z-index:2;	}

#imap div.links		{	opacity:0.9;							/*Create the LINK BOX for DOTS only maps!*/
						-moz-opacity:0.9;
						-khtml-opacity:0.9;
						filter:alpha(opacity=90);
								z-index:2;	}					/*padding:2px 2px;*/

#imap a img			{		} 									/* Default full values, to make it work in IE */
#imap a:hover img	{	opacity:0.5;
						-moz-opacity:0.5;
						-khtml-opacity:0.5;
						filter:alpha(opacity=50);	}

#imap a .tag		{	color: #372D16; text-decoration: none;		}
#imap a:hover .tag	{	color: #A17E54; text-decoration: underline; }
#imap a .tagU		{	color: #372D16; text-decoration: none;		}
#imap a:hover .tagU	{	color: #A17E54; text-decoration: underline; }
#imap a .tagD		{	color: #372D16; text-decoration: none;		}
#imap a:hover .tagD	{	color: #A17E54; text-decoration: underline; }

#imap a .tag2		{	color: #372D16; text-decoration: none;		}
#imap a:hover .tag2	{	color: #A17E54; text-decoration: underline;	}

#imap a .help		{	visibility:hidden;	}
#imap a:hover .help	{	visibility:visible; }

#imap a .linkhelp		{	visibility:hidden;	}
#imap a:hover .linkhelp	{	visibility:visible; }


/* --------------------------------------------------------------------------- */

span.subhead		{	color:#A17E54;
						margin-left:5px;	margin-right:5px;
						font-style:italic;
						text-align:center;			}

/* --------------------------------------------------------------------------- */
/*	TWO WORLDS TAGS
	---------------		*/
#twimap				{	position:relative;
						/* width:1600px;	height:2184px;	*/		/*antaloor1600*/
						width:1024px;	height:1407px;
						margin-top:10px;
						margin-bottom:10px;
						z-index:0;
					}

#twimap img.dot		{	position:absolute;
						width:9px;	height:9px;
						background:none;
						border:0px;
						z-index:1;			}

#twimap img.srclks	{	position:absolute;						/*LINKS BOX scroll up/down buttons*/
						width:15px;	height:15px;
						background:none;
						border:0px;
						z-index:3;			}

#twimap img.close	{	position:absolute;
						width:24px;	height:24px;
						background:none;
						border:0px;
						z-index:3;			}


#twimap li			{	list-style:none;	}					/* Remove the list dots! */

#twimap div			{	font-family:Verdana,"Bitstream Vera Sans",Geneva,"Lucida Grande",sans-serif;
						font-size:11px;	line-height:14px;
						color:#372D16;
						background-color:#FFF8EC;
						border:1px dashed #D0BEA0;
						padding:5px 10px;
						white-space:nowrap;

						opacity:0.8;
						-moz-opacity:0.8;
						-khtml-opacity:0.8;
						filter:alpha(opacity=80);
						-moz-border-radius:6px;
						position:absolute;
					}
#twimap p			{	margin-top:2px;		margin-bottom:2px;  /* DETAIL BOX indent skills*/
						margin-left:10px;	margin-right:0px;
						font-size:11px;		line-height:14px;	/* Smaller font*/
						font-style:italic;					}

#twimap s			{	margin-top:2px;		margin-bottom:2px;	/* DETAIL BOX indent quests*/
						margin-left:10px;	margin-right:0px;	/* Just indent, no right margin -> more space for the quest names */
						font-size:11px;		line-height:14px;	/* Smaller font*/
						text-decoration:none;
						color:#000000;
						border-bottom:1px dashed #A17E54; 	}

#twimap s.h			{	font-size:13px;		line-height:16px;	/* DETAIL BOX highlight text WIHTOUT indent, In-text! use normal font size*/
						margin-left:0px;	margin-right:0px; }	/* inherit from s */

#twimap div.help	{	left:20px;	top:-6px;	z-index:2;	padding:1px 3px;	}	/* RIGHT MOUSEOVER BOX */
#twimap div.linkhelp{							z-index:3;	padding:1px 3px;	}	/* NO WORKIE left:20px;	top:-9px;*/

#twimap div.tag		{	left:20px;	top:-6px;	z-index:2;	padding:1px 3px;	}	/* RIGHT INFO BOX	Smaller tag fields! */
#twimap div.tagU	{	left:20px;	top:-13px;	z-index:2;	padding:1px 3px;	} 	/* U,D offset 8 pixel!*/
#twimap div.tagD	{	left:20px;	top:1px;	z-index:2;	padding:1px 3px;	}

#twimap div.tag2	{							z-index:2;	padding:1px 3px;	}	/* LEFT INFO BOX	left:-20px;	top:-6px;  !messes up rtl! */

#twimap div.state	{	font-size:13px;	line-height:16px;		/* State box, top left style */
                        font-weight:bold;		z-index:2;
                        opacity:0.9;
						-moz-opacity:0.9;
						-khtml-opacity:0.9;
						filter:alpha(opacity=90);			}

#twimap div.legend	{	z-index:2;							}	/* Inherits the div style basically */

#twimap div.detail	{	opacity:0.9;
						-moz-opacity:0.9;
						-khtml-opacity:0.9;
						filter:alpha(opacity=90);
						padding:2px 2px;		z-index:2;	}

#twimap div.links	{	opacity:0.9;							/*Create the LINK BOX for DOTS only maps!*/
						-moz-opacity:0.9;
						-khtml-opacity:0.9;
						filter:alpha(opacity=90);
												z-index:2;	}	/*padding:2px 2px;*/

#twimap a img		{		} 									/* Default full values, to make it work in IE */


#twimap img.icons	{	padding:5px 5px;						/* The icons shown in the detail view... NICE!*/
						margin:10px 5px;
						border:1px dashed #D0BEA0;
						-moz-border-radius:6px;		}

#twimap a:hover img	{	opacity:0.5;
						-moz-opacity:0.5;
						-khtml-opacity:0.5;
						filter:alpha(opacity=50);	}

#twimap a .tag				{	color: #372D16; text-decoration: none;		}
#twimap a:hover .tag		{	color: #A17E54; text-decoration: underline; }
#twimap a .tagU				{	color: #372D16; text-decoration: none;		}
#twimap a:hover .tagU		{	color: #A17E54; text-decoration: underline; }
#twimap a .tagD				{	color: #372D16; text-decoration: none;		}
#twimap a:hover .tagD		{	color: #A17E54; text-decoration: underline; }

#twimap a .tag2				{	color: #372D16; text-decoration: none;		}
#twimap a:hover .tag2		{	color: #A17E54; text-decoration: underline;	}

#twimap a .help				{	visibility:hidden;	}
#twimap a:hover .help		{	visibility:visible; }

#twimap a .linkhelp			{	visibility:hidden;	}
#twimap a:hover .linkhelp	{	visibility:visible; }

#twimap b.num				{	color:#A17E54; }


#twimap .help2				{	left:30px;	top:-6px;	z-index:7;	padding:5px 7px; }	/* RIGHT ICON BOX 15x 20*/
#twimap a .help2			{	visibility:hidden; }
#twimap a:hover .help2		{	visibility:visible; text-decoration:none; }


/*	TWO WORLDS TAGS
	--------------- DETAIL MAP TAGS	*/

#twtmap	        	{	margin-top:0px;						/* Detail Map Text info box */
						margin-bottom:0px;
						z-index:7;							}

#twtmap span.coord	{	font-size:13px; line-height:19px;   /* Cell coordinates, larger in brown!*/
						color:#A17E54; font-weight:bold;	}


#twsmap	        	{	width:512px;	height:512px;		/* Frame Background */
						z-index:4;							}

#twmmap	        	{	width:109px;	height:109px;		/* Mark region selected! Will also block reclicks there */
						/* z-index:4; */                    /* place it under the other dots! */
						/* opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9;	filter:alpha(opacity=90); */		}

#twdmap				{ 	position:relative;					/* Detail MipMap map, defines new 0,0 */
						width:512px;	height:512px;
						z-index:5;							}

#twdmap li			{	list-style:none;	}				/* Remove the list dots! */

#twdmap img.dot		{	position:absolute;					/* Image dots above !*/
						width:11px;	height:11px;
						background:none;
						border:0px;
						z-index:6;							}

#twdmap img.close	{	position:absolute;					/* Close button for Detail Map */
						width:30px;	height:30px;			/* width:24px;	height:24px;*/
						background:none;
						border:0px;
						z-index:7;							}

#twdmap img.iscroll	{	position:absolute;					/* MipMap scroll icons */
						width:29px;	height:29px;			/*	width:15px;	height:15px;  */
						background:none;
						border:0px;
						z-index:7;							}

#twdmap img.imapstyle{	position:absolute;					/* MipMap change map style icons */
						width:59px;	height:59px;
						background:none;
						border:0px;
						z-index:7;							}

#twdmap img.iwmapstyle{	position:absolute;					/* World Map change map style icons */
						width:59px;	height:59px;
						background:none;
						border:0px;
						z-index:6;							}


/* HUGELASER BANNER PLACEMENT */
/* fixed ... lets code hover relative to top bottom, it floats on page, and does not move with the scrollbar.
				-> is better because if does NOT messup the page width! */
/* absolute ... scrolls with page */
div.banner { position:fixed; top:170px; left:860px; width:160px; height:600px; background-color:#E5D5B8; }