@charset "UTF-8";

/*Menu nav*/
nav { background-color: var(--menu_div); height: 3rem; }
nav ul { list-style: none; padding: 0px; margin: 0px; }
nav ul li { display: block; position: relative; float: left; border:1px solid var(--menu_div); background: var(--link); color: var(--menu_div);  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.0rem;}
nav li ul { display: none; }
nav ul li a { display: block; background: var(--menu_div); padding: 2px 4px 2px 2px; text-decoration: none; white-space: nowrap; color: var(--link) }
nav ul li a:hover { background: var(--link); color: var(--menu_div); }
nav li:hover ul { display: block;  position: absolute; }
nav li:hover li { float: none; }
nav li:hover a { background: var(--menu_div); color: var(--link); }
nav li:hover li a:hover { background: var(--link); color: var(--menu_div); }
#drop-nav li ul li { border-top: 0px;}
.nav_title { display: block; position: relative; float: left; border:1px solid var(--menu_div); padding: 2px 2px 2px 2px; background: var(--menu_subbg); color: var(--menu_subtitle); font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif'; font-size: 1.0rem;}



.divider{ background-color: var(--menu_div); height: 2px; background-image: url("../multimedia/png/pedicalc/yellow.png")}
/*Page*/
.mainMenuDiv{ background-color: var(--menu_div); clear:both; left:0px; right:0px; padding-right:0px; top:0px; width:100%; height:4rem; z-index:98;}
.mainDiv{ background-color: var(--html_body); clear:both; left:0px; right:0px; padding-right:0px; top:0px; width:100%;  z-index:1; text-align: center;}

.div1{ background-color: var(--html_body); clear:both; left:0px; right:0px; padding-right:0px; top:0px; width:100%;  z-index:1; text-align: left;}

.MenuWebsiteTitle {color: var(--menu_title); font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size: 2.0rem; font-style: normal; font-weight: normal; text-align: center; vertical-align: baseline; }
.MenuUser{color: var(--menu_title); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: italic; font-weight: bold; text-align: right; vertical-align: baseline; }
.WebsiteTitle {color: var(--ws_title); font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size: 2.0rem; 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: 1.8rem; font-style: italic; font-weight: bold; text-align: center; }
.PageSubTitle {color:var(--pg_stitle); font-family: Verdana, Geneva, sans-serif; font-size: 1.4rem; font-style: italic; font-weight: bold; }
.ParagraphTitle {color: var(--p_title); font-family: Verdana, Geneva, sans-serif; font-size: 1.2rem; font-style: normal; font-weight: bold;}
.ParagraphSubtitle {color:var(--p_stitle); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: italic; font-weight: bold; }

p {color: var(--p); 	font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; }
.ParagraphText { color: var(--p_text); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; }
.ParagraphTextSmall { color: var(--p_text); font-family: Verdana, Geneva, sans-serif; font-size: 0.8rem; font-style: normal; font-weight: normal; }
.ParagraphTextAlt { color: var(--p_altext); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; }
.ParagraphTextJustified { color: var(--p_text); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; 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.0rem; font-style: normal; font-weight: bold; }
.ParagraphTextError { color: var(--error); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; }
/*for Error Box always have forground white and background red*/

.ParagraphTextWarning {color: var(--warning); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; }
.ParagraphTextMessage {color: var(--msg); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; }
.ParagraphTextFail{ color: var(--fail); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; }
.ParagraphTextPass{color: var(--pass); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; }

.ParagraphTextBox{ color:var(--ptbx); background-color: var(--ptbxbg); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; border-radius: 0.4rem;}
.ParagraphTextBoxWarning{ color: var(--ptbx_warning); background-color: var(--ptbx_warning_bg); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; border-radius: 0.4rem;}
.ParagraphTextBoxError{color: var(--ptbx_error); background-color: var(--ptbx_error_bg); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight:  normal; border-radius: 0.4rem;}

.TableTitle { font-family: Arial, Helvetica, sans-serif; font-size: 1.0rem; font-weight: normal; background-color: var(--thead_bg); color: var(--thead_fg); }
.TableHead_alt{font-family: Arial, Helvetica, sans-serif; font-size: 1.0rem; font-weight: bold; background-color: var(--thead_bg); color: var(--thead_fg); text-align: left; vertical-align: top;}
.TableRow { font-family: Arial, Helvetica, sans-serif; font-size: 1.0rem; font-weight: normal; background-color: var(--trow_bg); color: var(--trow_fg); }

.DropDownList{ color: var(--ptbxbg); background-color: var(--ptbx); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; border-radius: 0.8rem;}
.DropDownListDisabled{ color: var(--ptbxda); background-color: var(--ptbxbg); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; border-radius: 0.8rem;}
/*for Error Box always have forground white and background red*/
.DropDownListError{ color: var(--ddbx_error); background-color: var(--ddbx_error_bg); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; border-radius: 0.8rem;}
.DropDownListWarning{ color: var(--ddbxw); background-color: var(--ddbxbgw); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; border-radius: 0.8rem;}
.DropDownListWarningDisabled{ color: var(--ddbxdaw); background-color: var(--ddbxbgw); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; border-radius: 0.8rem;}
.DropDownListSmall{ color: var(--ptbxbg); background-color: var(--ptbx); font-family: Verdana, Geneva, sans-serif; font-size: 0.8rem; font-style: normal; font-weight: normal; border-radius: 0.4rem;}


.ButtonText {color: var(--ptbxbg); background-color: var(--ptbx); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: normal; }
.ButtonText:hover{color: var(--ptbx); background-color: var(--ptbxbg);}
.ButtonText:active{color: var(--ptbxbg); background-color: var(--ptbx);}

.ButtonTextBold {color: var(--ptbxbg); background-color: var(--ptbx); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: bolder; }
.ButtonTextBold:hover{color: var(--ptbx); background-color: var(--ptbxbg); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: bolder; }
.ButtonTextBold:active{color: var(--ptbxbg); background-color: var(--ptbx); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-style: normal; font-weight: bolder; }

.ButtonBox{ color: var(--ptbxbg); background-color: var(--ptbx); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; 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(--ptbx);}

.ButtonBoxDisabled{ color: var(--ptbxda); background-color: var(--ptbxbg); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; 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);}

.ButtonBoxShow{ color: var(--ptbx); background-color: var(--ptbxbg); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; 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);}
.ButtonBoxShow:hover{color: var(--ptbxbg); background-color: var(--ptbx);}
.ButtonBoxShow:active{color: var(--ptbx); background-color: var(--ptbxbg);}

.ButtonBoxError{ color: #FFFFFF; background-color: #FF0000; font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; 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);}
.ButtonBoxError:hover{color:  #FF0000; background-color: #FFFFFF;}
.ButtonBoxError:active{color: #FFFFFF; background-color:  #FF0000;}

.ButtonBoxSmall{ color: var(--ptbxbg); background-color: var(--ptbx); font-family: Verdana, Geneva, sans-serif; font-size: 0.8rem; font-style: normal; font-weight: normal; text-align: left; 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);}
.ButtonBoxSmall:hover{color: var(--ptbx); background-color: var(--ptbxbg);}
.ButtonBoxSmall:active{color: var(--ptbxbg); background-color: var(--ptbx);}

.ButtonBoxErrorSmall{ color: #FFFFFF; background-color: #FF0000; font-family: Verdana, Geneva, sans-serif; font-size: 0.8rem; font-style: normal; font-weight: normal; border-radius: 0.8rem; text-align: left; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ButtonBoxErrorSmall:hover{color:  #FF0000; background-color: #FFFFFF;}
.ButtonBoxErrorSmall:active{color: #FFFFFF; background-color:  #FF0000;}

.ButtonBoxMedium{ color: var(--ptbxbg); background-color: var(--ptbx); font-family: Verdana, Geneva, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: normal; border-radius:1.2rem; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ButtonBoxMedium:hover{color: var(--ptbx); background-color: var(--ptbxbg);}
.ButtonBoxMedium:active{color: var(--ptbxbg); background-color: var(--ptbx);}

.ButtonBoxMediumError{ color: #FFFFFF; background-color: #FF0000; font-family: Verdana, Geneva, sans-serif; font-size: 1.5rem; font-style: normal; font-weight: normal; border-radius: 1.2rem; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ButtonBoxMediumError:hover{color:  #FF0000; background-color: #FFFFFF;}
.ButtonBoxMediumError:active{color: #FFFFFF; background-color:  #FF0000;}

.ButtonBoxBig{ color: var(--ptbxbg); background-color: var(--ptbx); font-family: Verdana, Geneva, sans-serif; font-size: 2.0rem; font-style: normal; font-weight: normal; border-radius:1.2rem; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ButtonBoxBig:hover{color: var(--ptbx); background-color: var(--ptbxbg);}
.ButtonBoxBig:active{color: var(--ptbxbg); background-color: var(--ptbx);}

.ButtonBoxBigError{ color: #FFFFFF; background-color: #FF0000; font-family: Verdana, Geneva, sans-serif; font-size: 2.0rem; font-style: normal; font-weight: normal; border-radius: 1.2rem; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.ButtonBoxBigError:hover{color:  #FF0000; background-color: #FFFFFF;}
.ButtonBoxBigError:active{color: #FFFFFF; background-color:  #FF0000;}


.CheckBox{ width: 15px; height: 15px; vertical-align: middle;}
.RadioButton{ width: 15px; height: 15px; vertical-align: middle;}

.Keyword { color:var(--keyword); font-family: Verdana, Geneva, sans-serif; font-size: 1.0rem; font-weight: normal;}
.Copyright { color:var(--copyright); font-family: Verdana, Geneva, sans-serif; font-size: 0.8rem; 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; }

.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.0rem; 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.0rem; 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.0rem; 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: 0.9rem; 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: 0.9rem; 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.0rem; 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.0rem;list-style-image: url(../multimedia/gif/checks/check_white.gif);}
.list_menu {color: var(--ptbxbg); background: var(--menu_div); font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-size: 1.0rem; border-bottom: var(--warning) thin solid; }

/*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.0rem; 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.0rem; font-weight: normal;	line-height: normal;} 
a:hover {color:var(--link);	text-decoration: underline;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.0rem; font-weight: normal;	line-height: normal;} 
a:active { color: var(--link); text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0rem; line-height:normal; font-weight: normal; } 
a.menu:link { color: var(--menulink); font-style:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.0rem; line-height:normal; text-decoration: none; font-weight: normal; } 
a.menu:visited {	color: var(--menulink);	text-decoration: none;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.0rem; font-weight: normal;	line-height: normal;} 
a.menu:hover {color:var(--menulink);	text-decoration: underline;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1.0rem; font-weight: normal;	line-height: normal;} 
a.menu:active { color: var(--menulink); text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0rem; line-height:normal; font-weight: normal; } 
/*ToolTips*/
.tooltip { visibility: hidden; position: relative;  display: inline-block; border-bottom: 1px dotted black; }
.tooltip .tooltiptext{  width: 150px;  background-color: #555; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute;  z-index: 1; top: -35px;  right: 105%; margin-left: -5px;  opacity: 0;  transition: opacity 0.3s;  }    
.tooltip .tooltiptext::after { content: "";  position: absolute; top: 100%;  left: 50%;  margin-left: -5px;  border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }

/*Calendar Classes*/
.Sun{float: left; color: var(--p_altext);  border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; }
.Mon{float: left; color: var(--p_text); border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; }
.Tue{float: left; color: var(--p_text); border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; }
.Wed{float: left; color: var(--p_text); border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; }
.Thu{float: left; color: var(--p_text); border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; }
.Fri{float: left; color: var(--p_text); border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; }
.Sat{float: left; color: var(--p_altext); border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; }


/*CalendarEmail Classes*/

.SunEmail{float: left; color: var(--p_altext);  border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; background-image:url("../multimedia/png/boxes/box3.png"); }
.MonEmail{float: left; color: var(--p_text); border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; background-image:url("../multimedia/png/boxes/box3.png"); }
.TueEmail{float: left; color: var(--p_text); border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; background-image:url("../multimedia/png/boxes/box3.png"); }
.WedEmail{float: left; color: var(--p_text); border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; background-image:url("../multimedia/png/boxes/box3.png"); }
.ThuEmail{float: left; color: var(--p_text); border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; background-image:url("../multimedia/png/boxes/box3.png"); }
.FriEmail{float: left; color: var(--p_text); border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; background-image:url("../multimedia/png/boxes/box3.png"); }
.SatEmail{float: left; color: var(--p_text); border: black thin solid; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; width: 26px; height: 16px; text-align: center; background-image:url("../multimedia/png/boxes/box3.png"); }


/*alt table and list*/

table.table_alt {background-color: var(--table_bg); border: thin; border-color: var(--tborder); width: 100%; font-size: 1.0rem;}
caption.table_alt {background-color: var(--tcap_bg); color: var(--tcap_fg); caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
table.table_alt thead th { font-family: Arial, Helvetica, sans-serif; font-size: 1.0rem; font-weight: bold; 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.table_alt td:first-child{font-weight: bold;}
table.table_alt tfoot tr {background-color: var(--tfoot_bg); color: var(--tfoot_fg); text-align: right;}

table.table_alt_nb {background-color: var(--table_bg); border: thin; border-color: var(--tborder); width: 100%; font-size: 1.0rem;}
caption.table_alt_nb {background-color: var(--tcap_bg); color: var(--tcap_fg); caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
table.table_alt_nb thead th { background-color: var(--thead_bg); color: var(--thead_fg); text-align: left; vertical-align: top; }
table.table_alt_nb tbody tr { background-color: var(--trow_bg); color: var(--trow_fg);} 
table.table_alt_nb tbody tr:nth-child(even){ background-color: var(--tchild_bg); color: var(--tchild_fg);} 
table.table_alt_nb tbody tr:hover{background-color: var(--thover_bg); color: var(--thover_fg); }
table.table_alt_nb 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%; font-size: 1.0rem;}
caption.list_alt {background-color: var(--tcap_bg); color: var(--tcap_fg); caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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_nb {background-color: var(--table_bg); border: thin; border-color: var(--table_bg); width: 100%; font-size: 1.0rem;}
caption.table_noalt_nb {background-color: var(--tcap_bg); color: var(--tcap_fg); caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
table.table_noalt_nb thead th { background-color: var(--thead_bg); color: var(--thead_fg); text-align: left; vertical-align: top; }
table.table_noalt_nb tbody tr { background-color: var(--trow_bg); color: var(--trow_fg);} 
table.table_noalt_nb tbody tr:hover{background-color: var(--thover_bg); color: var(--thover_fg);}
table.table_noalt_nb 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%; font-size: 1.0rem;}
caption.table_noalt {background-color: var(--tcap_bg); color: var(--tcap_fg); caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
table.table_noalt thead th { font-family: Arial, Helvetica, sans-serif; font-size: 1.0rem; font-weight: bold; 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 td:first-child{font-weight: bold;}
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%; font-size: 1.0rem;}
caption.list_noalt {background-color: var(--tcap_bg); color: var(--tcap_fg); caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.blue_alt {background-color: royalblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.bluelist_alt {background-color: royalblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.blue {background-color: royalblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.bluelist {background-color: royalblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.bluegreen_alt {background-color: steelblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.bluegreenlist_alt {background-color: steelblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.bluegreen {background-color: steelblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.bluegreenlist {background-color: steelblue; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.green_alt {background-color: darkgreen; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.greenlist_alt {background-color: darkgreen; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.green {background-color: darkgreen; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.greenlist {background-color: darkgreen; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.yellowgreen_alt {background-color: green; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.yellowgreenlist_alt {background-color: green; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.yellowgreen {background-color: green; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.yellowgreenlist {background-color: green; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.yellow_alt {background-color: goldenrod; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.yellowlist_alt {background-color: goldenrod; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.yellow {background-color: goldenrod; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.yellowlist {background-color: goldenrod; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.yelloworange_alt {background-color: peru; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.yelloworangelist_alt {background-color: peru; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.yelloworange {background-color: peru; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.yelloworangelist {background-color: peru; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.orange_alt {background-color: coral; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.orangelist_alt {background-color: coral; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.orange {background-color: coral; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.orangelist {background-color: coral; color: black; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.redorange_alt {background-color: firebrick; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.redorangelist_alt {background-color: firebrick; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.redorange {background-color: firebrick; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.redorangelist {background-color: firebrick; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.red_alt {background-color: darkred; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.redlist_alt {background-color: darkred; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.red {background-color: darkred; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.redlist {background-color: darkred; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.redviolet_alt {background-color: sienna; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.redvioletlist_alt {background-color: sienna; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.redviolet {background-color: sienna; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.redvioletlist {background-color: sienna; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.violet_alt {background-color: darkmagenta; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.violetlist_alt {background-color: darkmagenta; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.violet {background-color: darkmagenta; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.violetlist {background-color: darkmagenta; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.blueviolet_alt {background-color: rebeccapurple; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.bluevioletlist_alt {background-color: rebeccapurple; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.blueviolet {background-color: rebeccapurple; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.bluevioletlist {background-color: rebeccapurple; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.gray_alt {background-color: dimgray; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.graylist_alt {background-color: dimgray; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.gray {background-color: dimgray; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.graylist {background-color: dimgray; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.white_alt {background-color: black; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.whitelist_alt {background-color: black; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.white {background-color: black; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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%; font-size: 1.0rem;}
caption.whitelist {background-color: black; color: bisque; caption-side: top; display: table-caption; text-align: center; font-size: 1.2rem;}
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: 0.9rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteAtique {color:antiquewhite;font-size: 0.9rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.BlueAqua {color:aqua;font-size: 0.9rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.GreenAquamarine {color:aquamarine;font-size: 0.9rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}
.WhiteAzure {color:azure;font-size: 0.9rem;text-align: left;font-weight: normal;font-family: Verdana, Geneva, sans-serif;}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

/* Mobile Layout: 640px and below. 9px*/
  html{ font-size:12px;}
	body {background-color: var(--html_body); height: 100%; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }
	.moduleDiv{ width:40%; height:auto; display: inline-block; float:left; margin:5px 5px 5px 5px; text-align:center; border:thin #000000; }
	.infoDiv{  width:32%; height:100px; display: inline-block; margin:0px; border:thin #000000; text-align: left; }	
	.info2Div{  width:100px; height:20px; display: inline-block; margin:5px; text-align:center; border:thin #000000; }
}
/* Tablet Layout: 641px to 768px. Inherits styles from: Mobile Layout. 9px,10px */
@media only screen and (min-width: 641px) {
	html{ font-size:12px;}
	body {background-color: var(--html_body); height: 100%; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  }
	.moduleDiv{ width:30%;  height:auto; display: inline-block; float:left; margin:5px 5px 5px 5px; text-align:center; border:thin #000000; }
	.infoDiv{  width:32%; height:100px; display: inline-block; margin:0px; border:thin #000000; text-align: left; }	
	.info2Div{  width:100px; height:20px; display: inline-block; margin:10px; text-align:center; border:thin #000000; }
}
/*  11px  12px */
@media only screen and (min-width: 840px) {
	html{ font-size:14px;}
	body {background-color: var(--html_body); height: 100%; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;  }
	.moduleDiv{ width:23%; height:auto; display: inline-block; float:left; margin:5px 5px 5px 5px; text-align:center; border:thin #000000; }
	.infoDiv{  width:32%; height:100px; display: inline-block; margin:0px; border:thin #000000; text-align: left;}
	.info2Div{  width:100px; height:20px; display: inline-block; margin:10px; text-align:center; border:thin #000000; }
}
/*  11px  13px */
@media only screen and (min-width: 1023px ) {
	html{ font-size:14px;}
	body {background-color: var(--html_body); height: 100%; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;  }
	.moduleDiv{ width:23%;  height:auto; display: inline-block; float:left; margin:5px 5px 5px 5px; text-align: center; border:thin #000; }
	.infoDiv { width:32%; height:100px; display: inline-block; margin:0px; border:thin #000000; text-align: left;}
	.info2Div { width:100px; height:20px; display: inline-block; margin:10px; text-align:center; border:thin #000000; }
}