body {background-color: black; font-size: 12px; color: #ffffff; font-weight: normal; text-decoration: none; font-family: Times New Roman; vertical-align: middle; margin-top: 0px;}

a               {font-size: 12px; color: #ff0000; font-weight: normal;	text-decoration: underline; font-family: Times New Roman; vertical-align: middle;}
a.header        {font-size: 13px; color: #ff0000; font-weight: bold;	  text-decoration: underline; font-family: Times New Roman; vertical-align: middle;}
a.important     {font-size: 20px; color: #0167FF; font-weight: normal;	text-decoration: underline; font-family: Times New Roman; vertical-align: middle;}
a.nav1          {font-size: 19px; line-height: 21px; color: #0167FF; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.nav1_v          {font-size: 19px; line-height: 21px; color: #FF0000; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.nav1index     {font-size: 20px; line-height: 21px; color: #ffffff; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.nav2          {font-size: 16px; line-height: 17px; color: #0167FF; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.nav2_v		{font-size: 16px; line-height: 17px; color: #FF0000; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.nav2fade	{font-size: 16px; line-height: 17px; color: #003380; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.nav2fade_v	{font-size: 16px; line-height: 17px; color: #800000; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.city          {font-size: 11px; line-height: 12px; color: #0167FF; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.hazard        {font-size: 11px; line-height: 12px; color: #ffcc00; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.trial         {font-size: 11px; line-height: 12px; color: #ff8d8d; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.vcity         {font-size: 11px; line-height: 12px; color: #ff0000; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.pvp         {font-size: 11px; line-height: 12px; color: #ff00ff; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.may			{font-size: 11px; line-height: 12px; color: #9933FF; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.charts        {font-size: 13px; line-height: 12px; color: #ffff00; font-weight: normal;	text-decoration: none; font-family: Times New Roman; vertical-align: middle;}
a.city2         {color: #0167FF;}
a.hazard2       {color: #ffcc00;}
a.trial2        {color: #ff8d8d;}
a.vcity2        {color: #ff0000;}
a.pvp2        {color: #ff00ff;}
a.size20                {font-size: 20px; color: #ffffff; font-weight: normal;	text-decoration: none; font-family: Times New Roman;	vertical-align: middle;}
a.badgetitle          {font-size: 12px; color: #00ff00; font-weight: bold;	text-decoration: none; font-family: Times New Roman;}
a.badge_type          {font-size: 20px; color: #ffffff; text-decoration: none; font-family: Times New Roman;}
	a.info {
		position:relative; /*this is the key*/
		z-index:24; background-color:#808080;
		color:#ffff;
		text-decoration:none }
	a.info:hover {
		z-index:25; background-color:#ff0 }
	a.info span {
		display: none }
	a.info:hover span{ /*the span will display just on :hover state*/
		display:block;
		position:absolute;
		top:12px; left:5px;
		border:1px solid #000000;
		background-color:#ffffff; color:#000000;
		text-align: center}

p.bottom_statement    {font-size: 11px; line-height: 14px; color: #ffffff; font-weight: normal; text-decoration: none; font-family: Times New Roman; vertical-align: middle;}

table			{border-collapse: collapse;}
caption			{font-size: 20px; color: #ffffff; font-weight: normal;	text-decoration: none; font-family: Times New Roman;	vertical-align: middle;}
td					{border: 1px solid #808080; padding: 1px; background-color: #000000; font-size: 12px; color: #ffffff; font-weight: normal; text-decoration: none; font-family: Times New Roman; vertical-align: top;}
td.none				{border: 0px solid #000000; padding: 0px; vertical-align: bottom;}
td.none_v				{border: 0px solid #000000; padding: 0px; vertical-align: bottom;}
td.nonecenter			{border: 0px solid #000000; padding: 0px; vertical-align: bottom; text-align: center;}
td.nonetop			{border: 0px solid #000000; padding: 0px; vertical-align: top;}
td.nonemiddle          {border: 0px solid #000000; padding: 0px; vertical-align: middle;}
td.header				{background-color: #606060; font-size: 13px; font-weight: bold; vertical-align: middle;}
td.header_sorted		{background-color: #606060; font-size: 13px; color: #ff8d8d; font-weight: bold; vertical-align: middle;}
td.sorted				{background-color: #003000;}
td.alt					{background-color: #460000;}
td.city					{color: #0167FF;}
td.yellow				{color: #ffff00;}
td.hazard				{color: #ffcc00;}
td.trial					{color: #ff8d8d;}
td.vcity				{color: #ff0000;}
td.pvp					{color: #ff00ff;}
td.trialroom			{color: #ff80ff;}
td.aqua				{color: #c0ffff;}
td.mapdone			{color: #00ff00;}
td.mapnotdone		{color: #ff0000;}
td.nav1				{border-top: 0px solid #000000; border-right: 0px solid #000000; border-bottom: 2px solid #0167FF; border-left: 0px solid #000000; color: #ff0000; text-align: center; vertical-align: middle;}
td.nav1_v				{border-top: 0px solid #000000; border-right: 0px solid #000000; border-bottom: 2px solid #FF0000; border-left: 0px solid #000000; color: #ff0000; text-align: center; vertical-align: middle;}
td.nav2				{border-top: 0px solid #000000; border-right: 2px solid #0167FF; border-bottom: 0px solid #000000; border-left: 0px solid #000000; color: #ff0000;}
td.nav2_v				{border-top: 0px solid #000000; border-right: 2px solid #FF0000; border-bottom: 0px solid #000000; border-left: 0px solid #000000; color: #ff0000;}
td.mirror_l			{border: 1px solid; border-color: #000000 #ffffff #000000 #000000; padding: 3px; text-align: center;}
td.mirror_m			{border: 1px solid; border-color: #000000 #ffffff #000000 #ffffff; padding: 3px; text-align: center;}
td.mirror_r			{border: 1px solid; border-color: #000000 #000000 #000000 #ffffff; padding: 3px; text-align: center;}
td.center				{text-align: center;}

div.b_title				{color: #00ff00; font-weight: bold;}				
div.b_quicktip			{color: #ffff00; font-weight: bold;}
div.b_text				{font-size: 11px; line-height: 12px; font-family: Arial Narrow;}
div.b_tip				{font-size: 11px; line-height: 12px; color: #ff0000; font-family: Arial Narrow;}

.size20                {font-size: 20px; color: #ffffff; font-weight: normal;	text-decoration: none; font-family: Times New Roman;	vertical-align: middle;}
.size16                {font-size: 16px; color: #ffffff; font-weight: normal;	text-decoration: none; font-family: Times New Roman;	vertical-align: middle;}
.size14                {font-size: 14px; color: #ffffff; font-weight: normal;	text-decoration: none; font-family: Times New Roman;	vertical-align: middle;}
.size12                {font-size: 12px; color: #ffffff; font-weight: normal;	text-decoration: none; font-family: Times New Roman;	vertical-align: middle;}
.news_new              {font-size: 12px; color: #ffff00; font-weight: normal;	text-decoration: none; font-family: Times New Roman;	vertical-align: middle;}
.news_old              {font-size: 12px; color: #808080; font-weight: normal;	text-decoration: none; font-family: Times New Roman;	vertical-align: middle;}
.counterred            {font-size: 12px; color: #ff8d8d; font-weight: normal;	text-decoration: none; font-family: Times New Roman;	vertical-align: middle;}
.counteryel            {font-size: 12px; color: #ffff00; font-weight: normal;	text-decoration: none; font-family: Times New Roman;	vertical-align: middle;}
.b_tip					{font-size: 11px; line-height: 12px; color: #ff0000; font-family: Arial Narrow;}

LI                     {color: #ffff00; list-style-type: A;}
LI#ans                 {color: #ffffff; list-style-type: 1;}

div.badgs          {text-align: center; width: 75%}

div#zones LI SPAN            {display: none;}
div#zones LI:hover SPAN      {display: block; position: relative; top: 5px; left: 5; width: 125px; padding: 0px; margin: 3px; z-index: 100; color: #AAA; background: black; font: 12px, Times New Roman; text-align: left;}