P.small { font-family: verdana,arial,sans-serif; font-size: small }
P.medium { font-family: verdana,arial,sans-serif; font-size: medium }
P.large { font-family: verdana,arial,sans-serif; font-size: large }
P.xlarge { font-family: verdana,arial,sans-serif; font-size: x-large }
P.xxlarge { font-family: verdana,arial,sans-serif; font-size: xx-large }
P.S8 { font-family: verdana,arial,sans-serif; font-size: 8px }
P.S10 { font-family: verdana,arial,sans-serif; font-size: 10px }
P.S12 { font-family: verdana,arial,sans-serif; font-size: 12px }
P.S14 { font-family: verdana,arial,sans-serif; font-size: 14px }
P.S16 { font-family: verdana,arial,sans-serif; font-size: 16px }
P.S20 { font-family: verdana,arial,sans-serif; font-size: 20px }
P.S24 { font-family: verdana,arial,sans-serif; font-size: 24px }
P.S28 { font-family: verdana,arial,sans-serif; font-size: 28px }
P.S32 { font-family: verdana,arial,sans-serif; font-size: 32px }
P.S36 { font-family: verdana,arial,sans-serif; font-size: 36px }
P.S40 { font-family: verdana,arial,sans-serif; font-size: 40px }
P.S44 { font-family: verdana,arial,sans-serif; font-size: 44px }
P.S48 { font-family: verdana,arial,sans-serif; font-size: 48px }
P.S60 { font-family: verdana,arial,sans-serif; font-size: 60px }
P.S72 { font-family: verdana,arial,sans-serif; font-size: 72px }
.S10 {font-size: 10px;}
.S12 {font-size: 12px;}
.S14 {font-size: 14px;}
.S16 {font-size: 16px;}
.S18 {font-size: 18px;}
.S20 {font-size: 20px;}
.S24 {font-size: 24px;}
.Text-Red {color: #FF0000}
.Bold {font-weight: bold}
.Italic {font-style: italic}
.Left {text-align: Left; }
.Right {text-align: Right; }
.Centre {text-align: Center; }
.MAG div:hover {width:1500px; height:1000px; }
body
	{
	/* background-image: url("TulipBackE2.gif"); */
	background-image: url("TT-Ukraine.gif");
	background-attachment: fixed;
	text-align: center;
	margin: 10px;
	min-width: 800px;
	}
.TTTab
	{
	width:800px;
	border-collapse: collapse;
	border:1px solid #000000;
	padding: 0;
	}
.TTTab td
	{
	border-collapse: collapse;
	border:1px solid #000000;
	}
.NoBorder td
	{
	border:0px;
	}
.TTTabWide
	{
	border-collapse: collapse; 	
	border:1px solid #000000;
	padding: 0;
	}
.TTTabWide td
	{
	border-collapse: collapse; 	
	border:1px solid #000000;
	}
.Background1
	{
	width:700px;
	BACKGROUND: #FFFFFF; 
	}
.Banner 
	{ 
	BACKGROUND: #BFE2FF; 
  color: #408080; 
	font-family: verdana,arial,sans-serif; 
	font-size: 12px; 
	text-align: Left; 
	text-decoration:none;
	border-collapse: collapse; 	
	padding: 0;
	width:100%;
	text-align:center;
	}
.Banner td
	{
	border-collapse: collapse; 
	border: 0;
	}
.Footer 
	{ 
	BACKGROUND: #BFE2FF; 
  color: #408080; 
  font-family: verdana,arial,sans-serif; 
	font-size: 12px; 
	text-align: center; 
	border: 0px;
	border-collapse: collapse; 	
	}
.Footer td
	{
	border: 0px;
	}
.Title 
	{ 
	BACKGROUND: #CFE9FF;; 
	font-family: verdana,arial,sans-serif; 
	font-size: 20px; 
	text-align: center; 
	font-weight: bold;  
	padding-top: 5px;
	padding-bottom: 5px;
	}
.Title2 
	{ 
	BACKGROUND: #CFE9FF;;
	font-family: verdana,arial,sans-serif; 
	font-size: 12px; 
	color: #000000;
	text-align: center; 
	font-weight: bold;  
	}
.TitlePlot 
	{ 
	BACKGROUND: #CFE9FF; 
	font-family: verdana,arial,sans-serif; 
	font-size: 12px; 
	text-align: center; 
	font-weight: bold;  
	padding-top: 5px;
	padding-bottom: 5px;
	}
.Body0
	{
	BACKGROUND: #DFF1FF;
	font-family: verdana,arial,sans-serif; 
	font-size: 12px; 
	text-align: center; 
	color: black;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.Body1 
	{ 
	BACKGROUND: #F9FBFF;
	font-family: verdana,arial,sans-serif; 
	font-size: 12px; 
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*text-align: center;*/
	}
.Body14 {font-size: 14px;}
.Body16 {font-size: 16px;}
.NewsHead
	{
	background-color: #FFFFFF; 
	border-style: outset; 
	border-width: 1px; padding: 2px;
	font-family: verdana,arial,sans-serif; 
	font-size: 12px; 
	font-weight: bold;  
	}
.Para
	{
	border-style: outset; 
	border-width: 1px; padding: 6px;
	font-family: verdana,arial,sans-serif; 
	text-align: center; 
	}
.ParaL
	{
	border-style: outset; 
	border-width: 1px; padding: 4px;
	font-family: verdana,arial,sans-serif; 
	font-size: 12px; 
	text-align: left; 
	margin-top: 0;
	}
.HR {
    height: 4px;
    width: 100%;
    background: navy;
    margin: 10px 10px 10px 10px;
    }
.Blue {	BACKGROUND: #CCFFFF;}
.Green { BACKGROUND: #99FF99; }
.Yellow { BACKGROUND: #FFFF99; }
.Magenta { BACKGROUND: #FFCCFF; }
.Red { BACKGROUND: #E8CCA4; }
.White { BACKGROUND: #DFDFDF; }
.VWhite { BACKGROUND: #FFFFFF;}
.XWhite { BACKGROUND: #FFFFFF; border:4px darkgreen solid;}
.BWhite { BACKGROUND: #EFEFEF; border-color: blue;}
.Body1NoPad 
	{ 
	BACKGROUND: #FFFFF0; 
	font-family: verdana,arial,sans-serif; 
	font-size: 14px; 
	}
.Body1-10 { font-size: 10px; }
.Body1-12 { font-size: 12px; }
.Body1-14 { font-size: 14px; }
.Body1-16 { font-size: 16px; }
.Body1-18 { font-size: 18px; }
.Body1-20 { font-size: 20px; }
.RankingsTable 
	{ 
	margin: 1em; 
	border-collapse: collapse; 	
	font-family: verdana,arial,sans-serif; 
	font-size: 10px; 
	border:2px solid #000000;
	}
.RankingsTable thead {background: #E5E5E5; border:2px solid #000000;}
.RankingsTable tbody {background: #FFFFFF;}
.RankingsTable td {border:1px solid #C0C0C0; padding:2px; white-space: pre;}
.RankingsTable thead td {border:1px solid #000000; font-weight:bold;}
.RankingsTableBody {}
.RankingsTableFirst {background: yellow;}
.RankingsTable tr:nth-child(even){background-color: #f2f2f2;}
.RankingsTable button {font-size: 10px;}
.RouteCardsTable 
	{ 
	margin: 1em; 
	border-collapse: collapse; 	
	font-family: verdana,arial,sans-serif; 
	font-size: 12px; 
	border:2px solid #000000;
	}
.RouteCardsTable thead {background: #E5E5E5; border:2px solid #000000;}
.RouteCardsTable tbody {background: #FFFFFF;}
.RouteCardsTable td {border:1px solid #C0C0C0; padding:6px;}
.RouteCardsTable thead td {border:1px solid #000000; font-weight:bold;}
.RouteCardsTable thead th {border:1px solid #000000; font-weight:bold;}
.RouteCardsTableBody {}
.RouteCardsTableTitle {text-align:center; font-family: verdana,arial,sans-serif; font-size: 14px !important; font-weight: bold; background: green; color:white}
.RouteCardsTableTitle2 {text-align:center; font-family: verdana,arial,sans-serif; font-size: 14px !important; font-weight: bold; background: palegreen; color:black}
.RouteCardsTable tr:nth-child(even){background-color: #f2f2f2;}
.tooltip 
  {
  position: relative;
  display: block;
  vertical-align: middle;
  }
.tooltipred 
  {
  background-color: red;
  }
.tooltip .tooltiptext 
  {
  visibility:hidden;
  position:absolute;
  background-color: black;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 8px;
  border: 6px black !important;
  border-radius: 6px;
  z-index:1;
  overflow: visible;
  white-space: pre;
  }
.tooltip .tooltiptext::after 
  {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -4px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
  }
.tooltip:hover .tooltiptext 
  {
  visibility: visible;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform:translateX(-50%);
  }
#BorderRight2 {border-right: 2px solid #000000;}
#BorderLeft2 {border-left: 2px solid #000000;}
.Rtable 
	{ 
	margin: 1em; 
	border-collapse: collapse; 	
	font-family: verdana,arial,sans-serif; 
	font-size: 12px; 
	border:2px solid #000000;
	}
.Rtable thead {background: #E5E5E5;}
.Rtable tbody {background: #FFFFFF;}
.Rtable td {border:1px solid #C0C0C0; padding:3px;}
.Rtable thead td {border:1px solid #000000;}
.Rtable2 
	{ 
	margin: 1em; 
	border-collapse: collapse; 	
	font-family: verdana,arial,sans-serif; 
	font-size: 12px; 
	border:2px solid #000000;
	}
.Rtable2 thead {background: #E5E5E5;}
.Rtable2 tbody {background: #FFFFFF;}
.Rtable2 td {border:1px solid #C0C0C0; padding:10px;}
.Rtable2 thead td {border:1px solid #000000;}
.Rtable3 
	{ 
	margin: 1em; 
	border-collapse: collapse; 	
	font-family: verdana,arial,sans-serif; 
	font-size: 12px; 
	border:2px solid #000000;
	}
.Rtable3 thead {background: #E5E5E5;}
.Rtable3 tbody {background: #FFFFFF;}
.Rtable3 td {text-align:center; vertical-align:middle; border:1px solid #C0C0C0; padding:3px;}
.Rtable3 thead td {border:1px solid #000000;}
.Table-8 
	{
	font-family: verdana,arial,sans-serif; 
  font-size: 8px; 
	}
.Table-10 
	{
	font-family: verdana,arial,sans-serif; 
  font-size: 10px; 
	border-collapse: collapse; 	
	}
.Table-10Bold
	{
	font-family: verdana,arial,sans-serif; 
  font-size: 10px; 
	font-weight: bold;
	border:1px solid #000000;
	border-collapse: collapse; 	
	}
.Table-12 
	{
	font-family: verdana,arial,sans-serif; 
  font-size: 12px; 
	}
.Table-14 
	{
	font-family: verdana,arial,sans-serif; 
  font-size: 14px; 
	}
.Table-16 
	{
	font-family: verdana,arial,sans-serif; 
  font-size: 16px; 
	}
.Table-8Header 
	{
	BACKGROUND: #0000FF;
	color: #FFFFFF;
	font-family: verdana,arial,sans-serif; 
  font-size: 8px; 
	}
.Table-8CyanColumn 
	{
	BACKGROUND: #CCFFFF;
	font-family: verdana,arial,sans-serif; 
  font-size: 8px; 
	}
.Table-8YellowColumn 
	{
	BACKGROUND: #FFFF00;
	font-family: verdana,arial,sans-serif; 
  font-size: 8px; 
	}
.Table-10Header 
	{
	BACKGROUND: #0000FF;
	color: #FFFFFF;
	font-family: verdana,arial,sans-serif; 
  font-size: 10px; 
	}
.Table-10CyanColumn 
	{
	BACKGROUND: #CCFFFF;
	font-family: verdana,arial,sans-serif; 
  font-size: 10px; 
	}
.Table-10YellowColumn 
	{
	BACKGROUND: #FFFF00;
	font-family: verdana,arial,sans-serif; 
  font-size: 10px; 
	}
.Table-12Header 
	{
	BACKGROUND: #0000FF;
	color: #FFFFFF;
	font-family: verdana,arial,sans-serif; 
  font-size: 12px; 
	}
.Table-12CyanColumn 
	{
	BACKGROUND: #CCFFFF;
	font-family: verdana,arial,sans-serif; 
  font-size: 12px; 
	}
.Table-12YellowColumn 
	{
	BACKGROUND: #FFFF00;
	font-family: verdana,arial,sans-serif; 
  font-size: 12px; 
	}
.Tiny 
	{
	font-family: verdana,arial,sans-serif; 
  font-size: 8px; 
	}
A-Button button
  {
  font-size:12px;
  font-family:Verdana,sans-serif;
  font-weight:bold;
  color:#000000;
  background-color:#CCCCCC;
  border-style:outset;
  border-radius:5px;
  border-color:#c0c0c0;
  border-width:2px;
  padding: 2px;
  width: auto;
  overflow: visible;
  }
A-Button button:disabled
  {
  color:#FF0000;
  }
A-Button button:disabled:hover
  {
  color:#FF0000;
  }
A-Button button:hover 
  {
  font-size:12px;
  font-family:Verdana,sans-serif;
  font-weight:bold;
  color:#006633;
  background-color:#DDDDDD;
  border-style:outset;
  border-color:#c0c0c0;
  border-width:2px;
  padding: 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  }
.AButton 
  {
  font-size:12px;
  font-family:Verdana,sans-serif;
  font-weight:bold;
  color:#000000;
  background-color:#CCCCCC;
  border-style:outset;
  border-radius:5px;
  border-color:#c0c0c0;
  border-width:2px;
  padding: 2px;
  width: auto;
  overflow: visible;
  }
.AButton:disabled
  {
  color:#FF0000;
  }
.AButton:disabled:hover
  {
  color:#FF0000;
  }
.AButton:hover 
  {
  font-size:12px;
  font-family:Verdana,sans-serif;
  font-weight:bold;
  color:#006633;
  background-color:#DDDDDD;
  border-style:outset;
  border-color:#c0c0c0;
  border-width:2px;
  padding: 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  }
.AButton1 
  {
  margin: 2px;
  font-size:12px;
  font-family:Verdana,sans-serif;
  color:#000000;
  background-color:#dddddd;
  border-style:outset;
  border-color:#c0c0c0;
  border-width:1px;
  padding: 2px;
  width: 28;
  overflow: visible;
  }
.AButton1:hover 
  {
  margin: 2px;
  font-size:12px;
  font-family:Verdana,sans-serif;
  color:#006633;
  background-color:#eeeeee;
  border-style:outset;
  border-color:#c0c0c0;
  border-width:1px;
  padding: 2px;
  width: 28px;
  overflow: visible;
  cursor: pointer;
  }
.AText 
  {
  font-size:12px;
  font-family:Verdana,sans-serif;
  border: 1px solid #000;
  background: #eee;
  }
.ATextRO 
  {
  color: red;
  font-size:12px;
  font-weight:bold;
  font-family:Verdana,sans-serif;
  border: 1px solid #000;
  background: #eee;
  }
.AText:hover 
  {
  font-size:12px;
  font-family:Verdana,sans-serif;
  border: 1px solid #00f;
  background: #9ff;
  }
.FormInput
  {
  font-size:12px;
  padding:2px; 
  border:1px solid black;
  font-family:monospace; 
  font-weight:bold;
  color: black; 
  background-color:rgb(240,240,240);
  }
.FormDisplay
  {
  font-size:12px;
  padding:2px; 
  border:1px solid black;
  font-family:monospace; 
  font-weight:bold;
  color: white; 
  background-color:rgb(128,128,128);
  }
.NavClass, .DashboardClass, .TimeCardClass, .RegsClass, .MapboardClass, .ResultsClass, .ViewingClass, .LogsClass
  {
  border: 1px solid #000;
  border-radius:10px;
  background-color: #ffffff;
  margin: auto;
  padding: 10px;
  display: none; /* Hidden by default */
  position: absolute; /* Stay in place */
  z-index: 1000; /* Sit on top */
  }
.TimeCardTable 
	{ 
	border-collapse: collapse; 	
	font-family: verdana; 
	font-size: 12px; 
	border:2px solid #000000; 
	}
.TimeCardTablePC {color:#A0A0A0;}
.TimeCardTable thead {background: #E5E5E5; border:2px solid #000000;}
.TimeCardTable tbody {background: #FFFFFF;}
.TimeCardTable td {border:1px solid #C0C0C0; padding:3px; white-space: pre;}
.TimeCardTable th {border:1px solid #C0C0C0; padding:3px; white-space: pre;}
.TimeCardTable thead td {border:1px solid #000000; font-weight:bold;}
.TimeCardTable thead th {border:1px solid #000000; font-weight:bold;}
.TimeCardTableTitle 
  {
  border-radius:8px; 
  padding:4px; 
  margin:auto; 
  font-family: verdana; 
  font-size:16px; 
  font-weight:bold; 
  background: green; 
  color:white
  }
.TimeCardTable tr:nth-child(even){background-color: #f2f2f2;}
.Message
  {
  font-size:12px;
  font-family:Verdana,sans-serif;
  }
.MessageHead
  {
  font-size:14px;
  font-weight:bold;
  font-family:Verdana,sans-serif;
  }
.MessageNumber
  {
  font-size:14px;
  font-weight:bold;
  color:red;
  font-family:Verdana,sans-serif;
  }