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: #0167FF; font-weight: normal;	text-decoration: underline; font-family: Times New Roman; vertical-align: middle;}
a.header        {font-size: 13px; color: #0167FF; 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.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: #000250;}
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: 10px; line-height: 12px; font-family: Arial Narrow;}
div.b_tip				{font-size: 10px; line-height: 12px; color: #0000ff; 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_coh {font-size: 12px; color: #0167ff; font-weight: normal;	text-decoration: none; font-family: Times New Roman;	vertical-align: middle;}
.news_cov {font-size: 12px; color: #ff0000; 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: 10px; line-height: 12px; color: #0000ff; 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;}