.LastNameListNew ul { padding:0;margin:0;list-style-type:none;background-color:#f0f0ff;border:2px solid black;border-radius:5px;width:295px }
.LastNameListNew li { position:relative;margin-left:5px;margin-right:5px;width:290px }
.LastNameListNew span { display:block;color:black;width:280px;height:20px;background:#f0f0ff;line-height:19px;font:12px arial;text-align:center }
.LastNameListNew ul span:hover { color:blue;text-decoration:underline }

.NameListWide ul { padding:0;margin:0;list-style-type:none;background-color:#f0f0ff;border:2px solid black;border-radius:5px;width:450px }
.NameListWide li { position:relative;margin-left:5px;margin-right:5px;width:445px }
.NameListWide span { display:block;color:black;width:435px;height:20px;background:#f0f0ff;line-height:19px;font:12px arial;text-align:center }
.NameListWide ul span:hover { color:blue;text-decoration:underline }

.ReggieMenu > ul { list-style:none;padding:0;margin:0 }
.ReggieMenu > ul > li { float:left;background-color:white;margin:0 }
.ReggieMenu > ul > li > span { text-decoration:none;display:block;background-color:white;padding:2px;margin:2px 5px;font:bold 14px arial;border:none;color:black }
.ReggieMenu ul li span:hover { color:blue;text-decoration:underline }
.ReggieMenu ul li div ul { position:absolute;top:0px;left:15px;z-index:10;border:2px solid black;border-radius:10px;background-color:#f0f0ff;list-style:none;padding:5px;margin:0px;width:250px }
.ReggieMenu ul li div ul li { clear:both }
.ReggieMenu ul li div ul li span { text-decoration:none;display:block;background-color:#f0f0ff;padding:2px;margin:0px;font:14px arial;color:black;border:none }

.DataTable { border-collapse:collapse;display:block;border:1px solid black;overflow-x:hidden;overflow-y:auto;max-height:300px }
.DataTable thead th { position:sticky;top:0 }
.DataTable th:nth-of-type(2n) { background-color:#C0FFC0 }
.DataTable th:nth-of-type(2n+1) { background-color:#E0FFE0 }
.DataTable tr:nth-child(2n+1) { background-color:#C0C0FF }
.DataTable tr:nth-child(2n+2) { background-color:#E0E0FF }
.DataTable td { padding-left:10px }
.DataTable caption { color:#4040FF;font:bold 18px arial }

.PrintTable { border-collapse:collapse;border:1px solid black }
/* to use PrintTable and get the header row (first row) to also alternate colors, add <colgroup><col><col>...</colgroup> for the total number of columns, right after <table> */
.PrintTable col:nth-child(2n) { background-color:#C0C0C0 }
.PrintTable col:nth-child(2n+1) { background-color:#FFFFFF }
.PrintTable tr:first-child { background-color:inherit }
.PrintTable tr:nth-child(2n+2) { background-color:#E0E0E0 }
.PrintTable tr:nth-child(2n+3) { background-color:#FFFFFF }
.PrintTable > tbody > tr > td { padding-left:10px }
.PrintTable > caption { color:#4040FF;font:bold 18px arial }

.AddAction { font:bold 14pt arial;color:green }
.AddAction::after  { content:" + " }
.DeleteAction { font:bold 14pt arial;color:red }
.DeleteAction::after  { content:" - " }

.CompletedNo { font:bold 14px arial;color:#FF0000 }
.CompletedNoSmall { font:normal 10px arial;color:#FF0000 }
.CompletedPartial { font:normal 10px arial;color:#C08000 }
.CompletedPartialBig { font:bold 14px arial;color:#C08000 }
.CompletedYes { font:normal 10px arial;color:#0000FF }

.AJAXStatus { position:fixed;left:1px;top:1px;width:5px;height:5px;z-index:50 }
.AlertPopup { font:16px arial;position:fixed;left:350px;top:200px;visibility:hidden;background-color:#F0F0C0;border:1px solid black;
 border-radius:10px;box-shadow:10px 10px 5px #C0C0C0;padding:10px;width:300px;height:1px;z-index:50 }
.AlertPopupAt { font:16px arial;position:absolute;left:10px;top:0px;visibility:hidden;background-color:#F0F0C0;border:1px solid black;
 border-radius:10px;box-shadow:10px 10px 5px #C0C0C0;padding:10px;width:300px;height:1px;z-index:50 }

.ContextMenu { position:absolute;z-index:50 } 
.ContextMenu ul { padding:0;margin:0;list-style-type:none;background-color:#f8f8ff;border:2px solid black;border-radius:5px;width:240px }
.ContextMenu li { position:relative;margin-left:5px;margin-right:5px;width:235px }
.ContextMenu span { display:block;color:black;width:225px;height:20px;background:#f8f8ff;line-height:19px;font:12px arial;text-align:center }
.ContextMenu ul span:hover { color:blue;text-decoration:underline }

.AttrHasEntry { font:bold 14px arial;color:red }
.AttrHasEntry::after { content:"E" }
.AttrAffilEntry { font:bold 14px arial;color:#0000FF }
.AttrAffilEntry::after { content:"A" }
.AttrLikes { font:bold 14px arial;color:green }
.AttrLikes::after { content:"+" }
.AttrDislikes { font:bold 14px arial;color:red }
.AttrDislikes:after { content:"–" } // &ndash; - an en dash