@charset "UTF-8";
/*Blue Background
.

*/
/* 
{
iphone 4	320x372 P 
					480x212 L
iphone 5/5S/5C 	320x460 ->x 2 = 640x960P	
								568 x 212 L	
iphone 6 375×559 -> x 2 = 750x1334 P (326 ppi)
					667 x 267 L
iphone 6S 414 628 -> x 3 1080x1920 P (401 ppi)
					736 x 306 L


ipad mini

ipad		768 x 928 P
			1024 x 672 L
			
ipad pro 15"  1800 x 2880
		13"		2600 x 2560
		12"	2440 x 2304


Mobile 320 x 480 minimum
	Portrait Mode (# videos)
		4 x 80 = 320
		3 x 106 = 318
		2 x 160 = 320
	Landscape (# videos)
		4 x 120 = 480
		3 x 160 = 480
		2 x 240 = 480
Mobile 640 x 960 minimum
	Portrait Mode (# videos)
		5 x 128 = 640
		4 x 163 = 639
		3 x 213 = 639
		2 x 300 = 320
	Landscape (# videos)
		6 x 153 = 920
		5 x 184 = 920
		4 x 230 = 920
		3 x 307 = 920
		2 x 460 = 920
Tablet 768 x 1024 minimum
	Portrait Mode (# videos)
		6 x 120 = 720
		5 x 144 = 720
		4 x 180 = 720
		3 x 240 = 720
		2 x 360 = 720
	Landscape (# videos)
		6 x 170 = 1020
		5 x 204 = 1020
		4 x 256 = 1024
		3 x 341 = 1023
		2 x 504 = 1020
Computer (Old) 1024x 768 
		6 x 170 = 1020
		5 x 204 = 1020
		4 x 256 = 1024
		3 x 341 = 1023
		2 x 504 = 1020
Computer (Minimim) 1280 x 800
		8 x 150 = 1200
		7 x 171 = 1197
		6 x 200 = 1200
		5 x 204 = 1200
		4 x 300 = 1200
		3 x 400 = 1200
		2 x 600 = 1200


Devices		Width		Density
				
		P	320*			1
     	P	480*		1
		P	600			1
		P	640*		2
		P	720			2
		P	768			1
		L	800*		1.5
		P	800			2
		L	960			2
		P	1080*		3
		L	1024		1
		L	1136		2
		L	1280*		2
		P	1536*		2
		L	1920		3
		L	2048*		2
* breakpoint				
				
Computer		
		1366			1
		1440			1
		1560			1
		1680			1
		1920			1
		2560			1
		2560			2
		2880			2

}
Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
:root {
  --html_body: #00CCFF;  --menu_div: #00CCFF;
	--ws_title: #FFFFFF;	--pg_title: #FFFFFF;     --pg_stitle: #FFFFFF;
	--p_title: #000000;   --p_stitle: #000000;     --p: #000000;  
	--ptbx: #000000; --ptbxbg: #00CCFF;
	--p_text: #000000;    --p_btext: #000000;
	--error: red;     --warning: orangered;        --msg: green;
	--fail: red;                               --pass: green;
	--keyword: #FF00FF;   --copyright: #000000;    --menu: #2A4B7C;      
	--link: #FFFF00;      --list: #000000;
	--textsize: #FFFFFF;   --parameters: #FFFFFF;  --session: #FFFFFF;

	--pnl_header: #0097bd;		--pnl_row: #0097bd;			--pnl_footer: #0097bd;
	--pnl_color: #e1dfdf;
	--l_panel: #00afdb;		--pnl_content: #00afdb;		--r_panel: #00afdb;	
		
	--table_bg: #6F9FD8;  --tborder: #6F9FD8;   
	--tcap_bg: #2A4B7C;   --tcap_fg: #F3E0BE;
	--thead_bg: #2A4B7C;   --thead_fg: #F3E0BE;
	--trow_bg: #9EE7F5;   --trow_fg: #000000; 
	--tchild_bg: #00CCEE; --tchild_fg: #000000; 
	--thover_bg: #000000; --thover_fg: #9EE7F5;
	--tfoot_bg: #2A4B7C;  --tfoot_fg: #F3E0BE;
}
html{ font-size:10px; width:100%;}
body {background-color: var(--html_body);}
/*Menu DIv*/
.mainMenuDiv{ background-color: var(--menu_div); clear:both; left:0px; right:0px; padding-right:0px; top:0px; width:100%; height:7.2rem; z-index:98; }

.WebsiteTitle {color: var(--ws_title); font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: normal; text-align: center; vertical-align: baseline; }
.PageTitle {color: var(--pg_title); font-family: Verdana, Geneva, sans-serif; font-size: 22px; font-style: italic; font-weight: bold; text-align: center; }
.PageSubTitle {color:var(--pg_stitle); font-family: Verdana, Geneva, sans-serif; font-size: 18px; font-style: italic; font-weight: normal; }
.ParagraphTitle {color: var(--p_title); font-family: Verdana, Geneva, sans-serif; font-size: 1.6rem; font-weight: normal; font-style: normal; }
.ParagraphSubtitle {color:var(--p_stitle); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: italic; font-weight: normal; }
p {color: var(--p); 	font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; }
.ParagraphText { color: var(--p_text); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; }
.ParagraphTextJustified { color: var(--p_text); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; text-align: justify; text-justify: inter-word;}
.ParagraphTextBold {color: var(--p_btext); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: bold; }
.ParagraphTextError { color: var(--error); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; }
.ParagraphTextErrorBox{ color: #FFFFFF; background-color: var(--error); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; border-radius: 0.4rem;}
.ParagraphTextWarning {color: var(--warning); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; }
.ParagraphTextMessage {color: var(--msg); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; }
.ParagraphTextBox{ color:#000000; background-color: #FFFFFF; font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; border-radius: 0.4rem;}
.DropDownList{ color: var(--ptbxbg); background-color: var(--ptbx); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; border-radius: 0.6rem;}
.DropDownListError{ color: #FFFFFF; background-color: var(--error); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; border-radius: 0.6rem;}
.ButtonBox{ color: var(--ptbxbg); background-color: var(--ptbx); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; border-radius: 0.8rem; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ButtonBox:hover{color: var(--ptbx); background-color: var(--ptbxbg);}
.ButtonBox:active{color: var(--ptbxbg); background-color: var(--msg);}
.ButtonBoxDisabled{ color: var(--ptbx); background-color: var(--ptbxbg); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; border-radius: 0.8rem; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ParagraphTextFail{ color: var(--fail); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; }
.ParagraphTextPass{color: var(--pass); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal; }
.Keyword { color:var(--keyword); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-weight: normal;}
.Copyright { color:var(--copyright); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-weight: normal; }

.PanelHeader{ clear: both; background: var(--pnl_header); color: var(--pnl_color); }
.PanelRow{ clear: both; width: 100%; background: var(--pnl_header); color: var(--pnl_color); }
.Panelx1{ float: left; width: 98%; margin-left: 1%; margin-right: 1%; background: var(--l_panel); color: var(--p_text); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal;}
.Panelx2{ float: left; width: 48%; margin-left: 1%; margin-right: 1%; background: var(--l_panel); color: var(--p_text); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal;}
.Panelx3{ float: left; width: 31%; margin-left: 1%; margin-right: 1%; background: var(--l_panel); color: var(--p_text); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal;}
.PanelLeft{ float: left; margin-left: 5px; margin-right: 5px; background: var(--l_panel); color: var(--p_text_emp61); font-family: Verdana, Geneva, sans-serif; font-size: 1.2rem; font-style: normal; font-weight: normal;}
.PanelRight{ float: right; margin-left: 5px; margin-right: 5px; background: var(--r_panel); color: var(--p_text_emp61); font-family: Verdana, Geneva, sans-serif; font-size: 1.2rem; font-style: normal; font-weight: normal;}
.PanelContent{ margin-left: 5px; margin-right: 5px; background: var(--pnl_content); color: var(--p_text); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: normal; font-weight: normal;}
.PanelFooter{ clear: both; background: var(--pnl_header) ; color: var(--pnl_color); }
/*list*/
li {color: var(--list);font-family: "Times New Roman", Times, serif;font-size: 1.4rem;list-style-image: url(../../multimedia/checks/check_white.gif);}
/*link formatting*/
a img{border:none;  /*takes out the border around images */}

a:link { color: var(--link); font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.4rem; line-height:normal; text-decoration: none; font-weight: normal; } 
a:visited {	color: var(--link);	text-decoration: none;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.4rem; font-weight: normal;	line-height: normal;} 
a:hover {color:var(--link);	text-decoration: underline;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.4rem; font-weight: normal;	line-height: normal;} 
a:active { color: var(--link); text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4rem; line-height:normal; font-weight: normal; } 

.SessionText {color: var(--session);font-weight: bold; font-family: Verdana, Geneva, sans-serif; font-size: 10px;text-align: left;font-style: italic; margin-left: 5px; float: left; }
.ParameterText {color: var(--parameters);font-weight: bold; font-family: Verdana, Geneva, sans-serif; font-size: 10px; text-align: left; font-style: italic; margin-left: 5px; float: left; }
.TextSizeText {color: var(--textsize);font-weight: bold; font-family: Verdana, Geneva, sans-serif; font-size: 10px; text-align: left; font-style: italic; float: left; }

/*alt table and list*/
table.table_alt {background-color: var(--table_bg); border: thin; border-color: var(--tborder); width: 100%;}
caption.table_alt {background-color: var(--tcap_bg); color: var(--tcap_fg); caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.table_alt thead th { background-color: var(--thead_bg); color: var(--thead_fg); text-align: left; vertical-align: top; }
table.table_alt tbody tr { background-color: var(--trow_bg); color: var(--trow_fg);} 
table.table_alt tbody tr:nth-child(even){ background-color: var(--tchild_bg); color: var(--tchild_fg);} 
table.table_alt tbody tr:hover{background-color: var(--thover_bg); color: var(--thover_fg); }
table.table_alt tfoot tr {background-color: var(--tfoot_bg); color: var(--tfoot_fg); text-align: right;}

table.list_alt {background-color: var(--table_bg); border: thin; border-color: var(--tborder); width: 100%;}
caption.list_alt {background-color: var(--tcap_bg); color: var(--tcap_fg); caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.list_alt thead th { background-color: var(--thead_bg); color: var(--thead_fg); text-align: left; vertical-align: top; }
table.list_alt tbody tr { background-color: var(--trow_bg); color: var(--trow_fg);} 
table.list_alt tbody tr:nth-child(even){ background-color: var(--tchild_bg); color: var(--tchild_fg);} 
table.list_alt tbody tr:hover{background-color: var(--thover_bg); color: var(--thover_fg);}
table.list_alt tfoot tr {background-color: var(--tfoot_bg); color: var(--tfoot_fg);  text-align: right;}

table.table_noalt {background-color: var(--table_bg); border: thin; border-color: var(--table_bg); width: 100%;}
caption.table_noalt {background-color: var(--tcap_bg); color: var(--tcap_fg); caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.table_noalt thead th { background-color: var(--thead_bg); color: var(--thead_fg); text-align: left; vertical-align: top; }
table.table_noalt tbody tr { background-color: var(--trow_bg); color: var(--trow_fg);} 
table.table_noalt tbody tr:hover{background-color: var(--thover_bg); color: var(--thover_fg);}
table.table_noalt tfoot tr {background-color: var(--tfoot_bg); color: var(--tfoot_fg);  text-align: right;}

table.list_noalt {background-color: var(--table_bg); border: thin; border-color:  var(--tborder); width: 100%;}
caption.list_noalt {background-color: var(--tcap_bg); color: var(--tcap_fg); caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.list_noalt thead th { background-color: var(--thead_bg); color: var(--thead_fg); text-align: left; vertical-align: top; }
table.list_noalt tbody tr { background-color: var(--trow_bg); color: var(--trow_fg);} 
table.list_noalt tbody tr:hover{background-color: var(--thover_bg); color: var(--thover_fg);}
table.list_noalt tfoot tr {background-color: var(--tfoot_bg); color: var(--tfoot_fg);  text-align: right;}


/*Blue*/
table.blue_alt {background-color: cornflowerblue; border: thin; border-color: white; width: 100%;}
caption.blue_alt {background-color: royalblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.blue_alt thead th { text-align: left; vertical-align: top; background-color: royalblue; color: bisque;}
table.blue_alt tbody tr { background-color: cornflowerblue; color: black;} 
table.blue_alt tbody tr:nth-child(even){ background-color: deepskyblue; color: black;} 
table.blue_alt tbody tr:hover{color: yellow; background-color: black;}
table.blue_alt tfoot tr {color: white; background-color: dodgerblue; text-align: right;}

table.bluelist_alt {background-color: cornflowerblue; border: thin; border-color: white; width: 100%;}
caption.bluelist_alt {background-color: royalblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.bluelist_alt thead th { text-align: left; vertical-align: top; background-color: royalblue; color: bisque;}
table.bluelist_alt tbody tr { background-color: cornflowerblue; color: black;} 
table.bluelist_alt tbody tr:nth-child(even){ background-color: deepskyblue; color: black;} 
table.bluelist_alt tbody tr:hover{color: yellow; background-color: black;}
table.bluelist_alt tfoot tr {color: white; background-color: dodgerblue; text-align: right;}

table.blue {background-color: deepskyblue; border: thin; border-color: white; width: 100%;}
caption.blue {background-color: royalblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.blue thead th { text-align: left; vertical-align: top; background-color: royalblue; color: bisque;}
table.blue tbody tr { background-color: deepskyblue; color: black;} 
table.blue tbody tr:hover{color: yellow; background-color: black;}
table.blue tfoot tr {color: white; background-color: dodgerblue; text-align: right;}

table.bluelist {background-color: deepskyblue; border: thin; border-color: white; width: 100%;}
caption.bluelist {background-color: royalblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.bluelist thead th { text-align: left; vertical-align: top; background-color: royalblue; color: bisque;}
table.bluelist tbody tr { background-color: deepskyblue; color: black;} 
table.bluelist tbody tr:hover{color: yellow; background-color: black;}
table.bluelist tfoot tr {color: white; background-color: dodgerblue; text-align: right;}

/*BlueGreen*/
table.bluegreen_alt {background-color:steelblue; border: thin; border-color: white; width: 100%;}
caption.bluegreen_alt {background-color: steelblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.bluegreen_alt thead th { text-align: left; vertical-align: top; background-color: steelblue; color: bisque;}
table.bluegreen_alt tbody tr { background-color: lightseagreen; color: black;} 
table.bluegreen_alt tbody tr:nth-child(even){ background-color: mediumturquoise; color: black;} 
table.bluegreen_alt tbody tr:hover{color: yellow; background-color: black;}
table.bluegreen_alt tfoot tr {color: white; background-color: steelblue; text-align: right;}

table.bluegreenlist_alt {background-color: steelblue; border: thin; border-color: white; width: 100%;}
caption.bluegreenlist_alt {background-color: steelblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.bluegreenlist_alt thead th { text-align: left; vertical-align: top; background-color: steelblue; color: bisque;}
table.bluegreenlist_alt tbody tr { background-color: lightseagreen; color: black;} 
table.bluegreenlist_alt tbody tr:nth-child(even){ background-color: mediumturquoise; color: black;} 
table.bluegreenlist_alt tbody tr:hover{color: yellow; background-color: black;}
table.bluegreenlist_alt tfoot tr {color: white; background-color: steelblue; text-align: right;}

table.bluegreen {background-color:steelblue; border: thin; border-color: white; width: 100%;}
caption.bluegreen {background-color: steelblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.bluegreen thead th { text-align: left; vertical-align: top; background-color: steelblue; color: bisque;}
table.bluegreen tbody tr { background-color: lightseagreen; color: black;} 
table.bluegreen tbody tr:hover{color: yellow; background-color: black;}
table.bluegreen tfoot tr {color: white; background-color: steelblue; text-align: right;}

table.bluegreenlist {background-color: steelblue; border: thin; border-color: white; width: 100%;}
caption.bluegreenlist {background-color: steelblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.bluegreenlist thead th { text-align: left; vertical-align: top; background-color: steelblue; color: bisque;}
table.bluegreenlist tbody tr { background-color: lightseagreen; color: black;} 
table.bluegreenlist tbody tr:hover{color: yellow; background-color: black;}
table.bluegreenlist tfoot tr {color: white; background-color: steelblue; text-align: right;}

/*Green*/
table.green_alt {background-color: mediumseagreen; border: thin; border-color: white; width: 100%;}
caption.green_alt {background-color: darkgreen; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.gregreen_alten thead th { text-align: left; vertical-align: top; background-color: darkgreen; color: bisque;}
table.green_alt tbody tr:nth-child(even){ background-color: lime; color: black;} 
table.green_alt tbody tr:hover{color: yellow; background-color: black;}
table.green_alt tfoot tr {color: white; background-color: darkcyan; text-align: right;}

table.greenlist_alt {background-color: mediumseagreen; border: thin; border-color: white; width: 100%;}
caption.greenlist_alt {background-color: darkgreen; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.greenlist_alt thead th { text-align: left; vertical-align: top; background-color: mediumseagreen; color: bisque;}
table.greenlist_alt tbody tr:nth-child(even){ background-color: lime; color: black;} 
table.greenlist_alt tbody tr:hover{color: yellow; background-color: black;}
table.greenlist_alt tfoot tr {color: white; background-color: darkcyan; text-align: right;}

table.green {background-color: mediumseagreen; border: thin; border-color: white; width: 100%;}
caption.green {background-color: darkgreen; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.green thead th { text-align: left; vertical-align: top; background-color: darkgreen; color: bisque;}
table.green tbody tr:hover{color: yellow; background-color: black;}
table.green tfoot tr {color: white; background-color: darkcyan; text-align: right;}

table.greenlist {background-color: mediumseagreen; border: thin; border-color: white; width: 100%;}
caption.greenlist {background-color: darkgreen; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.greenlist thead th { text-align: left; vertical-align: top; background-color: mediumseagreen; color: bisque;} 
table.greenlist tbody tr:hover{color: yellow; background-color: black;}
table.greenlist tfoot tr {color: white; background-color: darkcyan; text-align: right;}

/*YellowGreen*/
table.yellowgreen_alt {background-color: yellowgreen; border: thin; border-color: white; width: 100%;}
caption.yellowgreen_alt {background-color: green; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.yellowgreen_alt thead th { text-align: left; vertical-align: top; background-color: green; color: bisque;}
table.yellowgreen_alt tbody tr:nth-child(even){ background-color: forestgreen; color: black;} 
table.yellowgreen_alt tbody tr:hover{color: yellow; background-color: black;}
table.yellowgreen_alt tfoot tr {color: white; background-color: seagreen; text-align: right;}

table.yellowgreenlist_alt {background-color: yellowgreen; border: thin; border-color: white; width: 100%;}
caption.yellowgreenlist_alt {background-color: green; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.yellowgreenlist_alt thead th { text-align: left; vertical-align: top; background-color: green; color: bisque;}
table.yellowgreenlist_alt tbody tr:nth-child(even){ background-color: forestgreen; color: black;} 
table.yellowgreenlist_alt tbody tr:hover{color: yellow; background-color: black;}
table.yellowgreenlist_alt tfoot tr {color: white; background-color: seagreen; text-align: right;}

table.yellowgreen {background-color: yellowgreen; border: thin; border-color: white; width: 100%;}
caption.yellowgreen {background-color: green; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.yellowgreen thead th { text-align: left; vertical-align: top; background-color: green; color: bisque;}
table.yellowgreen tbody tr:hover{color: yellow; background-color: black;}
table.yellowgreen tfoot tr {color: white; background-color: seagreen; text-align: right;}

table.yellowgreenlist {background-color: yellowgreen; border: thin; border-color: white; width: 100%;}
caption.yellowgreenlist {background-color: green; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.yellowgreenlist thead th { text-align: left; vertical-align: top; background-color: green; color: bisque;}
table.yellowgreenlist tbody tr:hover{color: yellow; background-color: black;}
table.yellowgreenlist tfoot tr {color: white; background-color: seagreen; text-align: right;}

/*Yellow*/
table.yellow_alt {background-color: yellow; border: thin; border-color: white; width: 100%;}
caption.yellow_alt {background-color: goldenrod; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.yellow_alt thead th { text-align: left; vertical-align: top; background-color: goldenrod; color: black;}
table.yellow_alt tbody tr:nth-child(even){ background-color: gold; color: black;} 
table.yellow_alt tbody tr:hover{color: yellow; background-color: black;}
table.yellow_alt tfoot tr {color: black; background-color: goldenrod; text-align: right;}

table.yellowlist_alt {background-color: yellow; border: thin; border-color: white; width: 100%;}
caption.yellowlist_alt {background-color: goldenrod; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.yellowlist_alt thead th { text-align: left; vertical-align: top; background-color: goldenrod; color: black;}
table.yellowlist_alt tbody tr:nth-child(even){ background-color: gold; color: black;} 
table.yellowlist_alt tbody tr:hover{color: yellow; background-color: black;}
table.yellowlist_alt tfoot tr {color: black; background-color: goldenrod; text-align: right;}

table.yellow {background-color: yellow; border: thin; border-color: white; width: 100%;}
caption.yellow {background-color: goldenrod; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.yellow thead th { text-align: left; vertical-align: top; background-color: goldenrod; color: black;}
table.yellow tbody tr:hover{color: yellow; background-color: black;}
table.yellow tfoot tr {color: black; background-color: goldenrod; text-align: right;}

table.yellowlist {background-color: yellow; border: thin; border-color: white; width: 100%;}
caption.yellowlist {background-color: goldenrod; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.yellowlist thead th { text-align: left; vertical-align: top; background-color: goldenrod; color: black;}
table.yellowlist tbody tr:hover{color: yellow; background-color: black;}
table.yellowlist tfoot tr {color: black; background-color: goldenrod; text-align: right;}

/*YellowOrange*/
table.yelloworange_alt {background-color: sandybrown; border: thin; border-color: white; width: 100%;}
caption.yelloworange_alt {background-color: peru; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.yelloworange_alt thead th { text-align: left; vertical-align: top; background-color: peru; color: black;}
table.yelloworange_alt tbody tr:nth-child(even){ background-color: chocolate; color: black;} 
table.yelloworange_alt tbody tr:hover{color: sandybrown; background-color: black;}
table.yelloworange_alt tfoot tr {color: black; background-color: peru; text-align: right;}

table.yelloworangelist_alt {background-color: sandybrown; border: thin; border-color: white; width: 100%;}
caption.yelloworangelist_alt {background-color: peru; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.yelloworangelist_alt thead th { text-align: left; vertical-align: top; background-color: peru; color: black;}
table.yelloworangelist_alt tbody tr:nth-child(even){ background-color: chocolate; color: black;} 
table.yelloworangelist_alt tbody tr:hover{color: sandybrown; background-color: black;}
table.yelloworangelist_alt tfoot tr {color: black; background-color: peru; text-align: right;}

table.yelloworange {background-color: sandybrown; border: thin; border-color: white; width: 100%;}
caption.yelloworange {background-color: peru; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.yelloworange thead th { text-align: left; vertical-align: top; background-color: peru; color: black;}
table.yelloworange tbody tr:hover{color: sandybrown; background-color: black;}
table.yelloworange tfoot tr {color: black; background-color: peru; text-align: right;}

table.yelloworangelist {background-color: sandybrown; border: thin; border-color: white; width: 100%;}
caption.yelloworangelist {background-color: peru; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.yelloworangelist thead th { text-align: left; vertical-align: top; background-color: peru; color: black;}
table.yelloworangelist tbody tr:hover{color: sandybrown; background-color: black;}
table.yelloworangelist tfoot tr {color: black; background-color: peru; text-align: right;}

/*Orange*/
table.orange_alt {background-color: orange; border: thin; border-color: white; width: 100%;}
caption.orange_alt {background-color: coral; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.orange_alt thead th { text-align: left; vertical-align: top; background-color: coral; color: black;}
table.orange_alt tbody tr:nth-child(even){ background-color: darkorange; color: black;} 
table.orange_alt tbody tr:hover{color: orange; background-color: black;}
table.orange_alt tfoot tr {color: black; background-color: coral; text-align: right;}

table.orangelist_alt {background-color: orange; border: thin; border-color: white; width: 100%;}
caption.orangelist_alt {background-color: coral; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.orangelist_alt thead th { text-align: left; vertical-align: top; background-color: coral; color: black;}
table.orangelist_alt tbody tr:nth-child(even){ background-color: darkorange; color: black;} 
table.orangelist_alt tbody tr:hover{color: orange; background-color: black;}
table.orangelist_alt tfoot tr {color: black; background-color: coral; text-align: right;}

table.orange {background-color: orange; border: thin; border-color: white; width: 100%;}
caption.orange {background-color: coral; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.orange thead th { text-align: left; vertical-align: top; background-color: coral; color: black;}
table.orange tbody tr:hover{color: orange; background-color: black;}
table.orange tfoot tr {color: black; background-color: coral; text-align: right;}

table.orangelist {background-color: orange; border: thin; border-color: white; width: 100%;}
caption.orangelist {background-color: coral; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.orangelist thead th { text-align: left; vertical-align: top; background-color: coral; color: black;}
table.orangelist tbody tr:hover{color: orange; background-color: black;}
table.orangelist tfoot tr {color: black; background-color: coral; text-align: right;}

/*RedOrange*/
table.redorange_alt {background-color: orangered; border: thin; border-color: white; width: 100%;}
caption.redorange_alt {background-color: firebrick; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.redorange_alt thead th { text-align: left; vertical-align: top; background-color: firebrick; color: bisque;}
table.redorange_alt tbody tr:nth-child(even){ background-color: crimson; color: black;} 
table.redorange_alt tbody tr:hover{color: orangered; background-color: black;}
table.redorange_alt tfoot tr {color: white; background-color: firebrick; text-align: right;}

table.redorangelist_alt {background-color: orangered; border: thin; border-color: white; width: 100%;}
caption.redorangelist_alt {background-color: firebrick; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.redorangelist_alt thead th { text-align: left; vertical-align: top; background-color: firebrick; color: bisque;}
table.redorangelist_alt tbody tr:nth-child(even){ background-color: crimson; color: black;} 
table.redorangelist_alt tbody tr:hover{color: orangered; background-color: black;}
table.redorangelist_alt tfoot tr {color: white; background-color: firebrick; text-align: right;}

table.redorange {background-color: orangered; border: thin; border-color: white; width: 100%;}
caption.redorange {background-color: firebrick; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.redorange thead th { text-align: left; vertical-align: top; background-color: firebrick; color: bisque;}
table.redorange tbody tr:hover{color: orangered; background-color: black;}
table.redorange tfoot tr {color: white; background-color: firebrick; text-align: right;}

table.redorangelist {background-color: orangered; border: thin; border-color: white; width: 100%;}
caption.redorangelist {background-color: firebrick; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.redorangeist thead th { text-align: left; vertical-align: top; background-color: firebrick; color: bisque;}
table.redorangelist tbody tr:hover{color: orangered; background-color: black;}
table.redorangelist tfoot tr {color: white; background-color: firebrick; text-align: right;}

/*Red*/
table.red_alt {background-color: lightsalmon; border: thin; border-color: white; width: 100%;}
caption.red_alt {background-color: darkred; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.red_alt thead th { text-align: left; vertical-align: top; background-color: darkred; color: bisque;}
table.red_alt tbody tr:nth-child(even){ background-color: salmon; color: black;} 
table.red_alt tbody tr:hover{color: lightsalmon; background-color: black;}
table.red_alt tfoot tr {color: white; background-color: darkred; text-align: right;}

table.redlist_alt {background-color: lightsalmon; border: thin; border-color: white; width: 100%;}
caption.redlist_alt {background-color: darkred; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.redlist_alt thead th { text-align: left; vertical-align: top; background-color: darkred; color: bisque;}
table.redlist_alt tbody tr:nth-child(even){ background-color: salmon; color: black;} 
table.redlist_alt tbody tr:hover{color: lightsalmon; background-color: black;}
table.redlist_alt tfoot tr {color: white; background-color: darkred; text-align: right;}

table.red {background-color: lightsalmon; border: thin; border-color: white; width: 100%;}
caption.red {background-color: darkred; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.red thead th { text-align: left; vertical-align: top; background-color: darkred; color: bisque;}
table.red tbody tr:hover{color: lightsalmon; background-color: black;}
table.red tfoot tr {color: white; background-color: darkred; text-align: right;}

table.redlist {background-color: lightsalmon; border: thin; border-color: white; width: 100%;}
caption.redlist {background-color: darkred; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.redlist thead th { text-align: left; vertical-align: top; background-color: darkred; color: bisque;}
table.redlist tbody tr:hover{color: lightsalmon; background-color: black;}
table.redlist tfoot tr {color: white; background-color: darkred; text-align: right;}

/*RedViolet*/
table.redviolet_alt {background-color: mediumvioletred; border: thin; border-color: white; width: 100%;}
caption.redviolet_alt {background-color: sienna; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.redviolet_alt thead th { text-align: left; vertical-align: top; background-color: sienna; color: bisque;}
table.redviolet_alt tbody tr:nth-child(even){ background-color: palevioletred; color: black;} 
table.redviolet_alt tbody tr:hover{color: mediumvioletred; background-color: black;}
table.redviolet_alt tfoot tr {color: white; background-color: sienna; text-align: right;}

table.redvioletlist_alt {background-color: mediumvioletred; border: thin; border-color: white; width: 100%;}
caption.redvioletlist_alt {background-color: sienna; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.redvioletlist_alt thead th { text-align: left; vertical-align: top; background-color: sienna; color: bisque;}
table.redvioletlist_alt tbody tr:nth-child(even){ background-color: palevioletred; color: black;} 
table.redvioletlist_alt tbody tr:hover{color: palevioletred; background-color: black;}
table.redvioletlist_alt tfoot tr {color: white; background-color: sienna; text-align: right;}

table.redviolet {background-color: palevioletred; border: thin; border-color: white; width: 100%;}
caption.redviolet {background-color: sienna; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.redviolet thead th { text-align: left; vertical-align: top; background-color: sienna; color: bisque;}
table.redviolet tbody tr:hover{color: mediumvioletred; background-color: black;}
table.redviolet tfoot tr {color: white; background-color: sienna; text-align: right;}

table.redvioletlist {background-color: palevioletred; border: thin; border-color: white; width: 100%;}
caption.redvioletlist {background-color: sienna; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.redvioletlist thead th { text-align: left; vertical-align: top; background-color: sienna; color: bisque;}
table.redvioletlist tbody tr:hover{color: palevioletred; background-color: black;}
table.redvioletlist tfoot tr {color: white; background-color: sienna; text-align: right;}

/*Violet*/
table.violet_alt {background-color: violet; border: thin; border-color: white; width: 100%;}
caption.violet_alt {background-color: darkmagenta; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.violet_alt thead th { text-align: left; vertical-align: top; background-color: darkmagenta; color: bisque;}
table.violet_alt tbody tr:nth-child(even){ background-color: mediumorchid; color: black;} 
table.violet_alt tbody tr:hover{color: violet; background-color: black;}
table.violet_alt tfoot tr {color: white; background-color: darkmagenta; text-align: right;}

table.violetlist_alt {background-color: violet; border: thin; border-color: white; width: 100%;}
caption.violetlist_alt {background-color: darkmagenta; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.violetlist_alt thead th { text-align: left; vertical-align: top; background-color: darkmagenta; color: bisque;}
table.violetlist_alt tbody tr:nth-child(even){ background-color: mediumorchid; color: black;} 
table.violetlist_alt tbody tr:hover{color: violet; background-color: black;}
table.violetlist_alt tfoot tr {color: white; background-color: darkmagenta; text-align: right;}

table.violet {background-color: violet; border: thin; border-color: white; width: 100%;}
caption.violet {background-color: darkmagenta; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.violet thead th { text-align: left; vertical-align: top; background-color: darkmagenta; color: bisque;}
table.violet tbody tr:hover{color: violet; background-color: black;}
table.violet tfoot tr {color: white; background-color: darkmagenta; text-align: right;}

table.violetlist {background-color: violet; border: thin; border-color: white; width: 100%;}
caption.violetlist {background-color: darkmagenta; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.violetlist thead th { text-align: left; vertical-align: top; background-color: darkmagenta; color: bisque;}
table.violetlist tbody tr:hover{color: violet; background-color: black;}
table.violetlist tfoot tr {color: white; background-color: darkmagenta; text-align: right;}

/*BlueViolet*/
table.blueviolet_alt {background-color: blueviolet; border: thin; border-color: white; width: 100%;}
caption.blueviolet_alt {background-color: rebeccapurple; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.blueviolet_alt thead th { text-align: left; vertical-align: top; background-color: rebeccapurple; color: bisque;}
table.blueviolet_alt tbody tr:nth-child(even){ background-color: cornflowerblue; color: black;} 
table.blueviolet_alt tbody tr:hover{color: blueviolet; background-color: black;}
table.blueviolet_alt tfoot tr {color: white; background-color: rebeccapurple; text-align: right;}

table.bluevioletlist_alt {background-color: blueviolet; border: thin; border-color: white; width: 100%;}
caption.bluevioletlist_alt {background-color: rebeccapurple; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.bluevioletlist_alt thead th { text-align: left; vertical-align: top; background-color: rebeccapurple; color: bisque;}
table.bluevioletlist_alt tbody tr:nth-child(even){ background-color: cornflowerblue; color: black;} 
table.bluevioletlist_alt tbody tr:hover{color: blueviolet; background-color: black;}
table.bluevioletlist_alt tfoot tr {color: white; background-color: rebeccapurple; text-align: right;}

table.blueviolet {background-color: blueviolet; border: thin; border-color: white; width: 100%;}
caption.blueviolet {background-color: rebeccapurple; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.blueviolet thead th { text-align: left; vertical-align: top; background-color: rebeccapurple; color: bisque;}
table.blueviolet tbody tr:hover{color: blueviolet; background-color: black;}
table.blueviolet tfoot tr {color: white; background-color: rebeccapurple; text-align: right;}

table.bluevioletlist {background-color: blueviolet; border: thin; border-color: white; width: 100%;}
caption.bluevioletlist {background-color: rebeccapurple; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.bluevioletlist thead th { text-align: left; vertical-align: top; background-color: rebeccapurple; color: bisque;}
table.bluelvioletist tbody tr:hover{color: blueviolet; background-color: black;}
table.bluevioletlist tfoot tr {color: white; background-color: rebeccapurple; text-align: right;}

/*Gray*/
table.gray_alt {background-color: gray; border: thin; border-color: white; width: 100%;}
caption.gray_alt {background-color: dimgray; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.gray_alt thead th { text-align: left; vertical-align: top; background-color: dimgray; color: bisque;}
table.gray_alt tbody tr:nth-child(even){ background-color: darkgray; color: black;} 
table.gray_alt tbody tr:hover{color: gray; background-color: black;}
table.gray_alt tfoot tr {color: darkslategray; background-color: gray; text-align: right;}

table.graylist_alt {background-color: gray; border: thin; border-color: white; width: 100%;}
caption.graylist_alt {background-color: dimgray; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.graylist_alt thead th { text-align: left; vertical-align: top; background-color: dimgray; color: bisque;}
table.graylist_alt tbody tr:nth-child(even){ background-color: darkgray; color: black;} 
table.graylist_alt tbody tr:hover{color: gray; background-color: black;}
table.graylist_alt tfoot tr {color: darkslategray; background-color: gray; text-align: right;}

table.gray {background-color: gray; border: thin; border-color: white; width: 100%;}
caption.gray {background-color: dimgray; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.gray thead th { text-align: left; vertical-align: top; background-color: dimgray; color: bisque;}
table.gray tbody tr:hover{color: gray; background-color: black;}
table.gray tfoot tr {color: darkslategray; background-color: gray; text-align: right;}

table.graylist {background-color: gray; border: thin; border-color: white; width: 100%;}
caption.graylist {background-color: dimgray; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.graylist thead th { text-align: left; vertical-align: top; background-color: dimgray; color: bisque;}
table.graylist tbody tr:hover{color: gray; background-color: black;}
table.graylist tfoot tr {color: darkslategray; background-color: gray; text-align: right;}

/*White*/
table.white_alt {background-color: white; border: thin; border-color: white; width: 100%;}
caption.white_alt {background-color: black; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.white_alt thead th { text-align: left; vertical-align: top; background-color: black; color: bisque;}
table.white_alt tbody tr:nth-child(even){ background-color: lightgray; color: black;} 
table.white_alt tbody tr:hover{color: white; background-color: black;}
table.white_alt tfoot tr {color: white; background-color: black; text-align: right;}

table.whitelist_alt {background-color: white; border: thin; border-color: white; width: 100%;}
caption.whitelist_alt {background-color: black; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.whitelist_alt thead th { text-align: left; vertical-align: top; background-color: black; color: bisque;}
table.whitelist_alt tbody tr:nth-child(even){ background-color: lightgray; color: black;} 
table.whitelist_alt tbody tr:hover{color: white; background-color: black;}
table.whitelist_alt tfoot tr {color: white; background-color: black; text-align: right;}

table.white {background-color: white; border: thin; border-color: white; width: 100%;}
caption.white {background-color: black; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.white thead th { text-align: left; vertical-align: top; background-color: black; color: bisque;}
table.white tbody tr:hover{color: white; background-color: black;}
table.white tfoot tr {color: white; background-color: black; text-align: right;}

table.whitelist {background-color: white; border: thin; border-color: white; width: 100%;}
caption.whitelist {background-color: black; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.6rem;}
table.whitelist thead th { text-align: left; vertical-align: top; background-color: black; color: bisque;}
table.whitelist tbody tr:hover{color: white; background-color: black;}
table.whitelist tfoot tr {color: white; background-color: black; text-align: right;}

/*text-align: left,justfy,center,right*/
/*font-weight: normal,bold,bolder,lighter*/
.BlueAlice {color:aliceblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteAtique {color:antiquewhite;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueAqua {color:aqua;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenAquamarine {color:aquamarine;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteAzure {color:azure;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.WhiteBeige {color:beige;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteBisque {color:bisque;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.Black {color:black;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteAlmond {color:blanchedalmond;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.Blue {color:blue; font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.BlueViolet {color:blueviolet;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.Brown {color:brown;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.YellowBurlywood {color:burlywood;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueCadet {color:cadetblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenChartreuse {color:chartreuse;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.Chocolate {color:chocolate;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.Coral {color:coral;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueCornflower{color:cornflowerblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteCornsilk {color:cornsilk;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.RedCrimson {color:crimson;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.Cyan {color:cyan;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.klueDark {color:darkblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.CyanDark {color:darkcyan;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.YellowGoldenRodDark {color:darkgoldenrod;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.GrayDark {color:darkgray;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenDark {color:darkgreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.YellowKhakiDark {color:darkkhaki;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.MagentaDark {color:darkmagenta;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.GreenOliveDark {color:darkolivegreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.OrangeDark {color:darkorange;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PurpleOrchidDark {color:darkorchid;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.RedDark {color:darkred;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PinkSalmon {color:darksalmon;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.GreenSeaDark{color:darkseagreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueSlateDark {color:darkslateblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GraySlateDark {color:darkslategray;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueTurquoiseDark {color:darkturquoise;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.VioletDark {color:darkviolet;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.PinkDark {color:deeppink;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueSkyDark {color:deepskyblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GrayDim {color:dimgray;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueDodger {color:dodgerblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.RedFireBrickl {color:firebrick;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.WhiteFloral {color:floralwhite;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PinkFuchsia {color:fuchsia;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteGainsboro {color:gainsboro;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteGhost {color:ghostwhite;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.YellowGold {color:gold;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.YellowGoldenrod {color:goldenrod;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.Gray {color:gray;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.Green {color:green;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenYellow {color:greenyellow;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.Grey {color:grey;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.WhiteHoneyDew {color:honeydew;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PinkHot {color:hotpink;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.RedIndian {color:indianred;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PurpleIndigo {color:indigo;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.WhiteIvory {color:ivory;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.YellowKhaki {color:khaki;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteLavender {color:lavender;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteLavenderBlush {color:lavenderblush;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenLawn {color:lawngreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.WhiteLemonChiffon {color:lemonchiffon;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueLight {color:lightblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueCoralLight {color:lightcoral;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.CyanLight {color:lightcyan;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.YellowGoldenrodLight {color:lightgoldenrodyellow;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.GrayLight {color:lightgray;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenLight {color:lightgreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PinkLight {color:lightpink;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PinkSalmonLight {color:lightsalmon;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueSkyLight{color:lightskyblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.GreenSeaLight {color:lightseagreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GraySlateLight {color:lightslategray;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueSteelLight {color:lightsteelblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.YellowLight {color:lightyellow;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenLime {color:lime;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.GreenLimey {color:limegreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteLinen {color:linen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.Magenta {color:magenta;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.RedMaroon {color:maroon;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenAquamarineMedium {color:mediumaquamarine;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.BlueMedium {color:mediumblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PurpleOrchidMedium {color:mediumorchid;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PurpleMedium {color:mediumpurple;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenSeaMedium {color:mediumseagreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueSlateMedium {color:mediumslateblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.GreenSpringMedium {color:mediumspringgreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueTurquoiseMedium {color:mediumturquoise;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.RedVioletMedium {color:mediumvioletred;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueMidnight {color:midnightblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteMintCream {color:mintcream;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.WhiteMistyRose {color:mistyrose;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteMoccasin {color:moccasin;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteNavajo {color:navajowhite;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueNavy {color:navy;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteOldLace {color:oldlace;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.GreenOlive {color:olive;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenOliveDrab {color:olivedrab;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.Orange {color:orange;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.OrangeRed {color:orangered;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.RedOrange {color:orangered;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PinkOrchid {color:orchid;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.YellowGoldenrodPale {color:palegoldenrod;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenPale {color:palegreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueTurquoisePale {color:paleturquoise;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.VioletRedPale {color:palevioletred;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.RedVioletPale {color:palevioletred;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhitePapayWhip {color:papayawhip;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.YellowPeach {color:peachpuff;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.OrangePeru {color:peru;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.Pink {color:pink;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PinkPum {color:plum;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BluePowder {color:powderblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.Purple {color:purple;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PurpleRebecca {color:rebeccapurple;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.Red {color:red;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.RedRosyBrown {color:rosybrown;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.BlueRoyal {color:royalblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BrownSaddle {color:saddlebrown;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PinkSalmon {color:salmon;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BrownSandy {color:sandybrown;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenSea {color:seagreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.WhiteSeaShell {color:seashell;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.OrangeSienna {color:sienna;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteSilver {color:silver;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueSky{color:skyblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueSlate {color:slateblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.GraySlate {color:slategray;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteSnow {color:snow;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenSpring {color:springgreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueSteel {color:steelblue;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.YellowTan {color:tan;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.BlueTeal {color:teal;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.PinkThistle {color:thistle;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.RedTomato {color:tomato;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueTorquoise {color:turquoise;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.Violet {color:violet;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.YellowWheat {color:wheat;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.White {color:white;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteSmoke {color:whitesmoke;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.Yellow {color:yellow;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

.YellowGreen {color:yellowgreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenYellow {color:yellowgreen;font-size: 1.2rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}


@media only screen and (min-width: 320px) {

/* Mobile Layout: 640px and below. */
  html{ font-size:9px;}
	body { margin-left:10px; margin-top:0px; margin-right:20px; margin-bottom:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  }
	.containerDiv { width: 100%; padding-left: 5px; padding-right: 5px; margin-right: auto; text-align: center;  clear: none; float: none;  margin-left: auto;}
	.moduleDiv{  width:auto;  height:auto;   float:left;   margin:5px 5px 5px 5px ;   text-align:center;  border:thin; }
	.infoDiv{  width:100px; height:100px;  display: inline-block; margin:5px;   text-align:center;  border:thin; border-color:#000000; }	
	.info2Div{  width:100px; height:20px;  display: inline-block; margin:5px;   text-align:center;   border:thin; border-color:#000000; }
}
/* Tablet Layout: 641px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 641px) {
	html{ font-size:9px;}
	body { margin-left:10px; margin-top:0px; margin-right:10px; margin-bottom:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;  }
	.containerDiv { width: 100%; padding-left: 5px; padding-right: 5px; clear: none; float: none; margin-left: auto; }
	.moduleDiv{  width:auto;  height:auto;   float:left;   margin:5px 5px 5px 5px ;  text-align:center;  border:thin; }
	.infoDiv{  width:100px; height:100px;   display: inline-block;   margin:10px;   text-align:center;  border:thin; border-color:#000000; }	
	.info2Div{  width:100px; height:20px;   display: inline-block;   margin:10px;   text-align:center;    border:thin; border-color:#000000; }
}

@media only screen and (min-width: 840px) {
	html{ font-size:11px;}
	body { margin-left:10px; margin-top:0px; margin-right:10px; margin-bottom:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }
	.containerDiv { width: 100%; padding-left: 10px; padding-right: 10px; margin: auto; clear: none; float: none; margin-left: auto; } 
	.moduleDiv{  width:auto;   height:auto;   float:left;   margin:5px 5px 5px 5px ;  text-align:center;  border:thin; }
	.infoDiv{  width:100px; height:100px;   display: inline-block;   margin:10px;   text-align:center;  border:thin;   border-color:#000000; }
	.info2Div{  width:100px; height:20px;   display: inline-block;   margin:10px;   text-align:center;    border:thin;   border-color:#000000; }
}
@media only screen and (min-width: 1023px ) {
	html{ font-size:11px;}
	body { margin-left:10px; margin-top:0px; margin-right:10px; margin-bottom:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px;  }
	.containerDiv { width: 100%;padding-left: 10px; padding-right: 10px; margin: auto; clear: none; float: none; margin-left: auto;  max-width: 1200px; }
	.moduleDiv{  width:auto;  height:auto;  float:left;   margin:5px 5px 5px 5px ;  border:thin;   border-color:#000;  text-align: center; }
	.infoDiv { width:100px; height:100px;  display: inline-block;  margin:10px;   text-align:center;  border:thin;  border-color:#000; }
	.info2Div { width:100px; height:20px;  display: inline-block;  margin:10px;   text-align:center;   border:thin;  border-color:#000; }
}