#pnlStartUp
{ height: 300px; }
#pnlSetUp
{ height: 300px; }
#pnlStep
{ height: 300px; }
/*#codeFieldset
{ height: 100%; }*/

.textAreas
{
  width: 100%;
  min-height: 200px;
  resize: vertical;
  background-color: rgba(20,20,20,0.3);
}
.txtAreaLbl
{
  font-weight: normal;
  font-size: 95%;
  color: #2DD522;
}
.txtHeaderLbl
{
  font-weight: normal;
  font-size: 95%;
  color: #B9C4B8;
}
.loadingScreen
{
  text-align: center;
  background: rgba(167, 174, 210, 0.4);
  width: 100%;
  height: 100%;
  z-index: 200;
  position: absolute;
  right: 0px;
  top: 0px;
}
.widthbuffer
{ width: 25px; }
.loginPopup
{
  display:none;
  z-index: 201;
  position: absolute;
  top: 0px;
  left: 31%;
  border: black solid 1px;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.codePanel
{
  border: black solid 1px;
  background: rgba(30, 30, 30, 0.9);
  width: 60%;
  z-index: 100;
  position: absolute;
  right: 2px;
  top: 0px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.SeletedTab
{
	border-top-style : ridge;
	border-right-style: ridge;
	border-left-style : ridge;
	border-color: rgb(128, 128, 128);
	border-width: 4px;
	text-align : center;
}

.UnSelectedTab
{
	border-top-style : ridge;
	border-bottom-style : ridge;
	border-right-style: ridge;
	border-left-style : ridge;
	border-color: rgb(128, 128, 128);
	border-width: 4px;
	text-align : center;
}
.TabContent
{
  border-left: rgb(128, 128, 128) ridge 4px;
  border-right: rgb(128, 128, 128) ridge 4px;
  border-bottom: rgb(128, 128, 128) ridge 4px;
  padding: 5px;
}
.ModelListItem
{
  padding: 5px;
  border: black solid 1px;
  background: rgba(167, 174, 210, 0.4);
}
.HeaderStyle
{
  text-align: center;
  border-bottom: black solid 1px;
  background-color: RoyalBlue;
}
.linkButtons
{
  border: 3px outset #AAAAAA;
  background: rgba(200,200,200,.8);
  text-decoration: none;
  font-weight: normal;
  color: black;
}
.linkButtonsIcon
{
  border: 3px outset #AAAAAA;
  background: rgba(200,200,200,.8);
  color: black;
  height: 34px;
  width: 34px;
}
.ModelMenuUI
{
  position: absolute !important;
  top: 50px !important;
  left: 5px !important;
}
.OptionButtonsDiv
{
  position: absolute;
  z-index: 10;
  top: 5px;
  right: 5px;
}
.ModelOutputDiv
{
  position: absolute;
  z-index: -1;
  top: 1px;
  left: 1px;
  width: 25px;
  height: 25px;
  border: black;
  border-style: solid;
  border-width: 1px;
  background-color: silver;
}
.ModelListing
{
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: black solid 1px;
  border-top: black solid 1px;
}

.seletedModelListBG
{ background: rgba(240, 239, 245, 0.4); }

.defaultModelListBG
{ background: rgba(36, 56, 158, 0.4); }

.LoadingScreenMsg
{
  border: rgba(200,200,200,0.9) solid 3px;
  font-size: 200%;
  font-weight: bold;
  background-color: rgba(100,100,100,0.7);
  position: relative;
  top: 100px;
}

.avatarImg
{
  position:relative;
  top:1px;
  left:1px;
}

.avatarBG
{
  background-color:white;
  width:26px;
  height:26px;
}

.modelSubPanel
{
  position: absolute;
  top: 50px;
  left: 300px;
}

.modelSubItem
{
  width: 25px;
  height: 25px;
  background-color: aliceblue;
}

.tooltip
{
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext
{
  visibility: hidden;
  width: 120px;
  background-color: royalblue;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after
{
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent royalblue transparent;
}

.tooltip:hover .tooltiptext
{ visibility: visible; }

body
{
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
  background-color: black;
}
th
{
  font-size: 125%;
  font-weight: normal;
  color: ghostwhite;
}