table {border: 1px solid lightgray;border-spacing: 1px; padding: 1px; text-align: left; font-family:"Serif";}
ul.tree, ul.tree ul {
list-style-Type: none;
background: url("vline.png") repeat-y;
margin: 0;
padding: 0;
}


ul.tree ul {
margin-left: 10px;
}

ul.tree li {
margin: 0;
padding: 0 12px;
background: #ffffff00 url("node.png") no-repeat;
// font-family:"Serif";
}

ul.tree li.last {
background: #fff url(lastnode.png) no-repeat;
}

ul{list-style-type:none;padding:0;margin:0}
ul li{padding:8px 16px;border-bottom:1px solid #ddd}
ul li:last-child{border-bottom:none}

ul{
	padding-inline-start: 10px;
	padding-inline-end: inherit;
	line-height: 2.0;
	list-style-position : inside;
	border-style : none;
	cursor : pointer;
	font-family: Arial;
	//font-size: 0.830em;

}

.M {background-color: LightCyan; border: 2px solid LightCyan; border-radius: 5px; padding: 2px 10px 2px 3px; }
  .F {background-color: #ffe6e9; border: 2px solid #ffe6e9 ; border-radius: 5px; padding: 2px 10px 2px 3px; }
  .B {background-color: gray; color: white; border: 1px solid black ; border-radius: 5px; padding: 2px 10px 2px 10px;font-family:"Serif";font-size: 12px; }
  .T {background-color: black; color: white; border: 1px solid black ; border-radius: 5px; padding: 2px 10px 2px 10px;font-family:"Serif";font-size: 16px; text-align: center; }
  .TS {background-color: MediumBlue; color: white; border: 1px solid DarkBlue ; border-radius: 5px; padding: 2px 10px 2px 10px;font-family:"Serif";font-size: 16px; text-align: center; }
  .N {background-color: DarkGray; color: white; border: 1px solid DarkGray ; border-radius: 5px; padding: 2px 10px 2px 10px; text-align: left; }
  .G {background-color: LightGray; color: black; border: 1px solid LightGray ; border-radius: 5px; padding: 0px 10px 0px 10px; text-align: left; font-style: italic; }

.Me {font-weight: bold;border: 1px solid Gray; }

a { text-decoration:none; color: #000; }

/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid orange;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}