:root {
 --bg-color: #000; 
 --light-bg-color: #e9f9ab; 
  }


@keyframes animateHighlight{
  0% {
    opacity:1;
    color:#ffffff;
  }
  100% {
    opacity:1;
    color:#ff0000;
  }
}

@keyframes animateLearningScript{
  0% {
    opacity:1;
    background-color:#ffffff;
    color:#ffffff;
    text-shadow: 0px 0px 2px #ff0000;
  }
  100% {
    opacity:1;
    color:#ff0000;
    background-color:#e9e61d80;
    text-shadow: 0px 0px 0px #ffffff;
  }
}
.fa{
  font-size:30px;
}
.hoverHighlight:hover{
  background-color: red;
}
.center{
  text-align: center !important
}

#MoveSalesman{
  display:none;
  z-index:9999;
  position:absolute;
  padding-left:10px;
  padding-right:10px;
  
}
.SalesRepIconContainer{
  width:80px;
  white-space:normal;
  padding:0px;
  margin:0px;
}

#BulletinSelector {
  padding: 1em;
  position: relative;
  font-size: 1.2em;
  font-weight: bold;
}

.TopLinkNotifyHighlight{
  color:#ff0000;
  animation: animateHighlight linear 1.25s;
  animation-iteration-count: 8;
  position: relative;
  top: -6px;
}
.removeIcon{
  cursor: pointer;
  float:right;
  margin:10px;
}

.LSSelect {
  font-weight: bold;
  color: red;
  opacity:1;
  animation: animateLearningScript linear 1.25s;
  animation-iteration-count: 6;
}

.LSLink{
  cursor: pointer;

}
#tabMapContainer{
  margin-right: 20px;
}

#SAPerfReportWorking{
display: none;
margin-top: 1em;
font-size: 10pt;
font-weight: normal;
}

.perceptionHeader {
  font-size: 1.7em;
  cursor: pointer;
  margin-left: 4.5em;
  text-decoration: underline;
  line-height: 30px;
}

.showListNumbers li{
  list-style-type: decimal !important;
  margin-left:5px;
}

#perceptionSelect{
  font-size: 1.5em;
  margin-left: 10em;
}

#perceptionChart1{
}

#RatingPopupChart{
  diasplay:none;
}
.perfSpanSpacer {
  bottom: 50px;
  display: block;
  position: absolute;
}
.viewSelector a, 
.reportSelector a, 
.chartSelector a {
  padding: 10px;
  border-radius: 5px;
  background-color: #3d5414;
  color: white;
  border: 1px solid #34878c;
  padding-top:15px;
}
i.fa-flag{
  color:red;
  font-size: 1.5em;

}
i.fa-flag::after {
  content: "Cost Change";
  font-size: .7em;
  margin-left: 5px;
}

.selectorContainer {
  display: block;
  position: absolute;
  top: 63px;
}

.detailsSelectStatus,
.chartSelectStatus{
  cursor:pointer;
}


.chartSelector {
  position: relative;
  margin-left: 10px;
  margin-top: 10px;
  z-index: 100;
  display: inline;
  cursor: pointer;
}

.viewSelector,
.reportSelector {
  cursor: pointer;
  z-index: 100;
  display: inline;
  margin-left:5px
  ;
}

.left{
  text-align: left !important;
}

.panelMainTable {
  padding: 0;
  margin: 10px;
  margin-top: 45px;
}
.internalTable td{
  padding:5px;
}

.panelChartDiv{
  display:block;
}

.hidden{
  display:none;
}
.narrowRadio{
  width:25px;
}

#CreateAccountDiv dd {
  margin-left: 12px;
}

#searchDiv{
  display: none;
  margin-top:2em;
}
#ValidationDiv{
  position:absolute; 
  z-Index:2000;
  width:400px;
  top:400px;
  left:300px; 
  display:none;
  background-color:#f0f0f0;
  border:2px solid black; 
  padding:25px;
}
#EmailErrDiv, 
#FnameErr, 
#LnameErr{
  display: none;
  visibility: visible;

}
#AccountLinks {
  position: absolute;
  right:2em;
  top: 10px;
  background-color:;
}
.StudGameTable {
  margin-top: 30px;
  margin-left: 20px;
}

.StudGameTable a {
  margin-right: 4em;
}


#AccountLink i{
  font-size: 2.5em;
}

#RosterListTable a {
  text-decoration: underline;
  line-height:17px;
}

.activeLinkLabel{
    font-size: 16px;
    background: #f6f6f6;
   font-weight: bold;
}
.displayBlock{
  display:block;
}
#TheForm2{
  margin:1em;
}
.myTab{
  display:none;
  padding-top: 1em;
}
.tabLink {
  font-size: .9em;
  color: #3d5414 !important;
}
.tabPrev, .tabNext{
  position:absolute;
  top:250px;
}
.tabPrev{
  left:1em;
}
.tabNext{
  right:1em;
}
#tabs div{
    text-align: center;
}
#ChartGaloreSelectTeam{
  margin-bottom: 25px;
}

#InstReportDiv .QuarterSelector,
#InstReportDiv .TeamSelector{
  top:25px !important;
}

.rightArrow:before{
    font-family: FontAwesome;
    content: "\f061";
    font-size:1.5em;
    color:#ff0000;
    line-height:1.2em;
}

.tabPrev:before{
    font-family: FontAwesome;
    content: "\f137";
    font-size:2em;
    line-height:1.2em;
}
.tabNext:before{
    font-family: FontAwesome;
    content: "\f138";
    font-size:2em;
    line-height:1.2em;
}
#TopMiddleContainer :first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#TopMiddleContainer :last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#PerfWeightsDiv input,
#DemandWeightsDiv input{
  width:100px;
}
.wideSADiv{
  min-width:900px;
}
#SendEmailDiv input,
#SendEmailDiv textarea,
#BulletinDiv input,
#BulletinDiv textarea{
  width:500px;
}
#PerfWeightsDiv table,
#DemandWeightsDiv table,
#SendEmailDiv table,
#BulletinDiv table{
  margin:1em 0;
}
.RemoveTeam{
  min-width:300px !important;
  cursor:pointer;
  padding:1em;
}

#PerfReportLoader,
#ExceptReportDiv,
#RosterDiv{
min-width:800px;
max-height: 500px;
overflow: auto;
}

#StudentActDiv{
min-width:800px;
max-height: 800px;
overflow: auto;
}
#ExceptionReportContainer h2{
  margin-left:0px;
}

#RosterPopup{
  margin:1em;
}

#StudentActResultsDiv {
  max-height: 400px;
  overflow: auto;
  display: block;
  background-color: #f1f1f1;
}

.LinkList li a{
  cursor: pointer;
}

.SAODiv{
  display: none;
  position: relative;
  padding: 1.5em;
  margin-top:0.5em;
}

#PerfLinks a,
#SummaryLinks a{
padding:0.5em;
  border-radius:5px;
  background-color: #3d5414;
  color:#ffffff !important;
  cursor: pointer;
}

#PerfLinks a:hover,
#SummaryLinks a:hover{
  color:#000 !important;
  background-color: var(--light-bg-color);
}


.SAStandardMessage{ 
width:400px;
background-color: :#eee;
}

#ThingsToDoContainer{
padding: 10px;
padding-top: 0px;
background: white;
bottom:0.5em;
max-width:950px;
left:2em;
}

#ThingsToDoContainer ol {
  padding-left: 5px;
  -webkit-columns: 350px 2; /* Chrome, Safari, Opera */
    -moz-columns: 350px 2; /* Firefox */
    columns: 375px 2;
}
 
#ThingsToDoContainer ol li {
  padding: 5px;
  color:#000;
  font-size:1em;
  list-style-position: inside;
  text-indent: 0px;


overflow: hidden; /* Fix for firefox and IE 10-11  */
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
page-break-inside: avoid; /* Firefox */
break-inside: avoid; /* IE 10+ */
break-inside: avoid-column;

}
.strike{text-decoration: line-through;}

#ThingsToDoContainer li:hover{
  cursor: pointer;
 }

#ThingsToDoContainer input{
  width:15px;
}

#ThingsToDoContainer ol ol li{
  list-style-type: lower-latin;
}

#ThingsToDoContainer ol ol ul li{
list-style-type: circle;
}


.scrollTableContainer td{
  text-align:right;
}
.scrollTableContainer td.First{
  width:140px;
  text-align:left;
  font-size:10pt;
}



.filterTeamSelector{
  padding-right:2em;
}

.perfSelectorContainer{
  position: absolute;
  right:1em;

}
#panelPerfReport{
  top:150px;
  }
#PerfLinks {
  padding: 1em;
  padding-left: 2em;
}

#DashFirstRow {
  position: absolute;
  right: 2em;
  z-index: 999;
  text-align: center;
  margin-top: 1em;
}
#PlaySoloDiv{
  display:none;
  margin-left: 2em;
  margin-top: 1em;
}
#DashFirstRow a{
  padding-left: 1.5em;
}
.dashLabel::before {
  content: "Dash";
  font-size: .9em;
  margin-left: 4px;
  font-weight: bold;
}
.menuLabel::before {
  content: "Menu";
  font-size: .9em;
  margin-left: -1px;
  font-weight: bold;
}
.helpLabel::before {
  content: "Help";
  font-size: .9em;
  margin-left: 2px;
  font-weight: bold;
}
.noticeLabel::before {
  content: "Notices";
  font-size: .9em;
  margin-left: 0px;
  font-weight: bold;
}
#TopMenu a{
  vertical-align: top;
}
#TopMenu li i{
  font-size:15pt;
}
#TopIconDiv {
  margin-left: 30px;
  margin-top: 10px;
  margin-bottom: -10px;
}
#ProcessQrtIcon {
  position: absolute;
  left: -170px;
  top: 5px;
}
.processLabel{
  width:140px;
}
.processLabel::before {
  content: "Process\aQuarter";
  font-size: 14pt;
  margin-left: 15px;
  font-weight: bold;
  white-space: pre;
  margin-top: -30px;
  position: absolute;
}
#GameTopLinks a{
  cursor: pointer;
}
.gold{
  color:gold !important;
}
.processLabelMenu{
  width:110px;
}
.processLabelMenu::before {
  content: "Process\aQuarter";
  font-size: 14pt;
  margin-left: 35px;
  font-weight: bold;
  white-space: pre;
  margin-top: -30px;
  position: absolute;
}
.restartLabelMenu::before {
  content: "Restart";
  font-size: 14pt;
  margin-left: 35px;
  font-weight: bold;
  white-space: pre;
  margin-top: -23px;
  position: absolute;
}
.notifyLabelMenu::before {
  content: "Get\aSuggestions";
  font-size: 14pt;
  margin-left: 36px;
  font-weight: bold;
  white-space: pre;
  margin-top: -32px;
  position: absolute;
  line-height: 16px;
}
.refreshNoticesLabel::before {
  content: "Refresh\aNotices";
  font-size: 14pt;
  margin-left: 36px;
  font-weight: bold;
  white-space: pre;
  margin-top: -32px;
  position: absolute;
  line-height: 16px;
}
.TopDashRefresh{
  width:100px;
  display:inline-block;
}
.TopDashRefreshContainer{
  display:inline-block;top: -5px;
  position: relative;
}

.logoffLabel::before {
  content: "Logoff";
  font-size: .9em;
  margin-left: -5px;
  font-weight: bold;
}
.accountLabel::before {
  content: "Account";
  font-size: .9em;
  margin-left: -10px;
  font-weight: bold;
}
.tutorialLabel::before {
  content: "Tutorials";
  font-size: .9em;
  margin-left: -5px;
  font-weight: bold;
}
.restartLabel::before {
  content: "Restart";
  font-size: .9em;
  margin-left: -5px;
  font-weight: bold;
}

.glanceLabel,
.glanceDetails{
  padding:4px;
}
.glanceLabel{
  cursor: pointer;
  padding-left:1em;
  text-align:left;
}
.glanceDetails{
  text-align:right;
  cursor: pointer;
}
tr td.glanceDetails:not(:last-child) {
  border-right: 2px black solid;
  padding-right: 1em;
}


.currentQuarterHeading,
.pastQuarterHeading
{
  font-size:1.1em;
}
.GameNameLabel{
  color: #000;
  font-size: 1.3em;
  display:inline-block;
  margin-right:1em;
}

#TopLinkQuarter {
  font-size: 2em;
  margin-right: 10px;
  color: #000;
  top: 70px;
  position: absolute;
  right: 10px;
}

.DecisionRow input[type="checkbox"] {

  margin-bottom: 0.5em;
  margin-top: 0.5em;
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
}


#CIDSalePot1Quarter{
  width:2em;
  margin-left:0.5em;
  margin-right:0.5em;
}
.TTHistory tr td:nth-child(odd){ 
    background: #eee;
    padding:5px;
}
.TTHistory tr td:nth-child(even){ 
    background: #fff;
    padding:5px;
}


#perceptionContainer{
  position:absolute;
  bottom:2em;
  right:2em;
}


.TTChart{
  display:table;
  table-layout: fixed;   
  
  width:90%;
  max-width:300px;
  height:50px;
  margin:0 auto;
  margin-bottom:25px;
  background-image:linear-gradient(bottom, rgba(0, 0, 0, 0.1) 2%, transparent 2%);
  background-size: 100% 50px;
  background-position: left top;
}

  
.TTChart li{
    position:relative;
    display:table-cell;
    vertical-align:bottom;
    height:50px;
  }
  
.TTChart span{
    margin:0 .2em;
    display: block;
    background-color:#af572970;
    animation: draw 0.25s ease-in-out;
  }
    
.TTChart span:before{
      position:absolute;
      left:0;right:0;top:100%;
      padding:5px 1em 0;
      display:block;
      text-align:center;
      content:attr(title);
      word-wrap: break-word;
 }
    
 .TTChart span:after{
  position:absolute;
  left:0;right:0;top:0%;
  padding:5px 1em 0;
  display:block;
  text-align:center;
  content:attr(theVal);
  word-wrap: break-word;
}
.RelatedInfoMSG {
  font-weight: bold;
  font-size: 1em;
  color: #b2201b;
  padding: 1em;
}

@keyframes draw{
  0%{height:0;} 
}

#NewToolTip span{
  text-decoration: underline;
  cursor:pointer;
}
.relatedVarsTable th{
}
#NewToolTip span:hover::after {
  position: absolute;
  margin-left: 0.5em;
  display: inline;
  text-align: left;
  content: attr(data-history);
  word-wrap: break-word;
  background-color: #ccc;
  padding: 0 1em;
  /* padding-right: 1em; */
  border: solid 1px #000;
  white-space: pre;
}


#LearningScriptContainer {
  padding: 10px;
  border: 10px solid #3d5414;
  position: fixed;
  left: calc(50% - 150px);
  top: 350px;
  width:450px;
  z-index: 9999;
  background-color: #fff;
  display: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  cursor: move;
}

#LearningScriptDiv{
  font-size:1.2em !important;
  line-height: 1.2em !important;
}


#LearningScriptNav {
  text-align: center;
  margin-top: 1em;
}

.LearningScriptNavLink,
#LearningScriptNav a{
  font-size: 1.25em;
  font-weight: bold;
}

.animatedAppend{
  animation: animateElement linear .3s;
  animation-iteration-count: 1;
  width:100%;
  font-size:1.2em !important;
  line-height: 1.2em !important;
 }


.animatedAppend li{
  margin-left:10px;
  font-weight:bold;
  list-style-type: none;
}

@keyframes animateElement{
  0% {
    opacity:0;
    transform:  translate(0px,10px);
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px);
  }
}


.learningSelect{
  animation: animateElement linear .3s;
  animation-iteration-count: 1;
  background-color:red;
  border:3px solid;
}


.size2{
  font-size: 2em;
}

.size12{
  font-size: 1.2em;
}

.size15{
  font-size: 1.5em;
}

.size17{
  font-size: 1.7em;
}

#TopMiddleContainer {
  display: block;
  position: absolute;
  left: 25em;
  top: 8px;
  padding: 1em;
  z-index: 9999;
  width: 550px;
  position: fixed;
}

#TopMiddleContainer > div {
  color: #fff;
  font-size: 1.5em;
  margin: 0;
  border: 1px solid #000;
  background-color: var(--light-bg-color);
  display: inline-table;
  padding: .5em;
  margin-left: -5px;
  min-width: 9em;
  cursor: pointer;
  text-align: center;
  margin-top: -9px;
}

#TopMiddleContainer  ul
{
  list-style-type: none;
  padding:0.25em;
  text-align: left; 
}
#TopMiddleContainer  li{
  padding-top:0.75em;
}

#TopMiddleContainer a{
  font-size:1.4em;
  color:#000;
  cursor: pointer;
}

#MarketResearchLabel,
#MarketResearchDiv{
  margin-left:15px;

}

#MarketResearchDiv{
  margin-bottom:10px;
  
}

#TopRightLinkContainer {
  position: relative;
  float: right;
}

#TopMenu,
#ResourceCenter
{
  opacity:1;
  font-size:1em;
  z-Index:9999;
  display:none;
padding-right:3em;
padding-top:50px;
}

#ResourceCenter ul li,
#TopMenu ul li{
  list-style-type: none;
  padding:5px;
  padding-right: 0;
  font-size: 1em;
  color:#fff;
}
#ResourceCenter ul ,
#TopMenu ul{
  list-style-type: none;
  font-size:1em;
  padding-top: 0.5em;
  padding-left: 10px;
}
#ResourceCenter ul ul li,
#TopMenu ul ul li{
  margin-top:5px;
}


#MainTopLinks, #GameTopLinks {
  background-color: var(--light-bg-color);
  display: block;
  position: fixed;
  z-index: 9999 !important;
  right: 10px;
  border-radius: 3px;
  padding: 3px;
  white-space: nowrap;
  margin-top: 3px;
  margin-right:1em;
}

#MainTopLinks{
  top:0px !important;
}
#GameTopLinks{
  top:0px !important;
}

#MainTopLinks a,
#GameTopLinks a{
  font-size:1.4em;
  color:#333;
  cursor: pointer;
  padding:5px;
}

#MainTopLinks .GameNameLabel{
position: relative;
    top: 8px;
    font-size: 1.5em;
}
#MainTopLinks .GameNameLabel{
position: relative;
    top: 20px;
    font-size: 1.5em;
}


}

#GameTopLinks img,
#GameTopLinks a img{
border:0;
vertical-align: bottom;
}

#GameTopLinks .LinkHighlight{
text-shadow: 1px 1px 2px #fcfabe;
color:#fff727;
font-weight:bold;
font-size:12pt;
}
#GameTopLinks .LinkHighlight a{
color:#fff727;
}

#ResourceCenter a,
#TopMenu a{
  cursor: pointer;
}

nav { display:block; margin:0 auto 20px; border:1px solid #222; position:relative; }
nav ul { padding:0; margin:0; z-index:9999;}
nav li { position:relative; float:left; list-style-type:none;}
nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav li a {
display:block; padding:10px 10px; border-left:1px solid #999; border-right:1px solid #222; color:#eee; text-decoration:none; }
nav li a:focus { outline:none; text-decoration:underline; }
nav li:first-child a { border-left:none; }
nav li.last a { border-right:none; }
nav a span { display:block; float:right; margin-left:5px; }
nav ul ul { display:none; position:absolute; left:0; background:#7e1b1b; width:250px; overflow:visible; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
nav ul ul li { float:none; width:250px; overflow:visible; }
nav ul ul a { font-size:8pt;
padding:5px 10px; border-left:none; border-right:none; font-size:10pt; width:230px; overflow:visible;}
nav ul ul a:hover { background-color:#555; overflow:visible; }

/* CSS3 */
.borderradius nav { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.cssgradients nav { background-image:-moz-linear-gradient(0% 22px 90deg, #2b6e9f, #86b8dc);
                    background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#86b8dc), to(#2b6e9f)); }
.boxshadow.rgba nav { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75); box-shadow:2px 2px 2px rgba(0,0,0,.75); }
.cssgradients nav li:hover { background-image:-moz-linear-gradient(0% 100px 90deg, #86b8dc, #2b6e9f); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#2b6e9f), to(#555)); }
.borderradius nav ul ul { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.boxshadow.rgba nav ul ul { background-color:rgba(0,0,0,0.8); -moz-box-shadow:2px 2px 2px rgba(0,0,0,.8); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8); box-shadow:2px 2px 2px rgba(0,0,0,.8); }
.rgba nav ul ul li { border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); }
.rgba nav ul ul a:hover { background-color:rgba(85,85,85,.9); }
.borderradius.rgba nav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }
/* fallbacks */
.no-cssgradients nav, .no-js nav { padding-bottom:4px; border:none; background:url(fallback/navBG.gif) repeat-x 0 0; }

.no-borderradius nav ul, .no-js nav ul { background:url(fallback/navRight.gif) no-repeat 100% 0; }
.no-borderradius nav ul ul, .no-js nav ul ul { background:none; }
.no-borderradius nav li, .no-js nav li { height:44px; }
.no-cssgradients nav li:hover, .no-js nav li:hover { background:url(fallback/navOverBG.gif) repeat-x 0 0; }
.no-borderradius nav li li, .no-js nav li li { height:auto; width:98%; left:-2px; }
.no-borderradius nav li:first-child, .no-js nav li:first-child { background:url(fallback/navLeft.gif) no-repeat 0 0; }
.no-borderradius nav li:first-child:hover, .no-js nav li:first-child:hover { background:url(fallback/navOverLeft.gif) no-repeat 0 0; }
.no-borderradius nav li li:first-child, .no-js nav li li:first-child { background:none; }
.no-rgba nav ul ul, .no-js nav ul ul { left:1px; padding-left:2px; background:url(fallback/subnavBG.png) no-repeat 100% 100%; }
.no-rgba nav ul ul a, .no-js nav ul ul a { left:3px; }
.no-rgba nav ul ul a:hover { background:url(fallback/subOverBG.png) repeat 0 0; }
.no-csstransforms ul a span { height:7px; width:12px; margin-top:8px; text-indent:-5000px; overflow:hidden; background:url(fallback/indicator.png) no-repeat 0 0; }
.no-borderradius ul ul li.last { margin-bottom:10px; }
.no-cssgradients.boxshadow nav { box-shadow:none; }
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
li, li a {background:none;}



body{
  font-family:Verdana;
  margin-top:65px;
  margin-left:10px;
}

.noSelectBody{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;          

}

.CopyRight img {
}

.CopyRight td {
 font-size:7pt;
}


#HelpNumberOfTeams {
  font-size: 12px;
  font-family: Verdana;
  position: absolute;
  top: 130px;
  left: 350px;
  width: 300px;
  height: 75px;
  visibility: hidden;
  overflow: auto;
  display: block;
  z-index: 5000;
  padding: 10px;
  background-color: #fff;
  border-radius: 10px 10px 10px 10px;
  border: 3px outset rgb(227, 151, 121);
  box-shadow: 3px 3px 3px rgb(104, 24, 20);
  color: red;
  font-weight: bold;
}



#ActivePanelsDiv{
  top:45px;
}

.footer:after{
  white-space: pre; /* or pre-wrap */
  content:'\A\A                                                       Support@OakTreeSim.com\A\A    All Rights Reserved Oak Tree Simulations, LLC 2021';
  color:#808080;
  font-family:  Ubuntu,  Arial, sans-serif; 
  font-size:10pt;
  margin-left:150px;
  margin-top:20px;
}

#perceptionTabDiv {
  height: 50px;
  padding-top: 20px;
  margin-left: 10em;
}

#TopBar {
  top: 0px;
  left: 0px;
  padding: 6px;
  width: 99%;
  height: 45px;
  position: absolute;
  z-index: 9999;
  position: fixed;
  background-color: var(--bg-color);
}
#CompInfoTabDiv,
#MDTabDiv,
#CashTabDiv,
#WHOTabDiv{
  position:absolute;
  right: 25px;
  top: 70px;
}
.perceptionTab,
.MDTab,
.CashTab,
.CompInfoTab,
.WHOTab {
  background-color: var(--light-bg-color);
  border: solid 2px #2c5f62;
  border-radius: 5px;
  padding: 10px 5px;
  cursor: pointer;
}


.highlight,
.perceptionTabSelect,
.MDTabSelect,
.CashTabSelect,
.CompInfoTabSelect,
.WHOTabSelect{
  background-color: #3d5414;
  color: white;
}
#LogoDiv {
  background-image: url("images/Micromatic.svg");
  background-repeat: no-repeat;
  background-position: 0px -5px;
  width: 280px;
  height: 50px;
  cursor: pointer;
}

#TopBar img{
margin-top:-5px;
}
#tabs {
  margin-top: 30px;
  margin-bottom: 30px;
}

form {
  margin-top: 0px;   
  margin-bottom: -5px;   
    }
table {
  margin-top: 10px;   
  margin-bottom: 0px;   
  page-break-inside:avoid;
  border-spacing: 0;
  border-collapse: collapse;
}


td{
 font-size:10pt;
 color:#000000;
}
th{
font-size:10pt;
 color: rgb(104, 24, 20);
 text-align:right;
}


.SpecialHeading{
 XXcolor:#6d9431;
  color:#681814;
font-style: italic;

}


.BulletinTitle{
 font-size:16px;
 color:#FF9900;

}
.BulletinText{
 font-size:10pt;
 color:#000000;
 padding:1em;
 width:450px;
 min-height:200px;

}

.ExcelInstructions{
display:none;
}


input{
  text-align:right;
  width: 70px;
  margin-right:0px;
  border-radius:5px;
  padding:2px;

}

.Key{
  text-align:left;
  width: 35px;
  margin-right:5px;
}

.alt {
  background-color: #FFFFFF;
  
}
.alt td{
  padding:3px;
}

span.cell {
  text-align:right;
  width:100%;
}

.panelGAME
{
 position:absolute;
 border:2px solid #AAAAAA;
 color:#FFFFFF;
 background-color:#555555;
}

.SearchAreaResults
{
 width:100%;
 font-size:10px;
  line-height: 11pt;
}



.ReportLink{
  background-color: #E7F3DB;
  margin-left:10px;
  padding-left:25px;
  font-size:10pt;
}


.MainLink{
  font-size:12pt;
}

.MainLink:hover{
  font-size:12pt;
  color: #FF9900;
  text-decoration: underline;
}

.DecisionLink{
  background-color: #BAE1EE;
  margin-left:10px;
  padding-left:25px;
}
.DecisionLinkFont{
color:red;
font-weight:bold;
font-family:Verdana;
font-size: 11pt;
}

.UtilLink{
  margin-left:10px;
  padding-left:25px;
  font-size:12pt;
}


.CostLink{
  text-decoration:none;
  background-color: #F7EDEB;
  margin-left:10px;
  padding-left:25px;
}


.rowalt {
  background-color: #EEEEEE;
}
.TheSel
{
 position:relative;
 border:2px solid darkred;
 visibility:visible;
}

.SelectItem{
 font-size:12px;
 text-decoration:underline;
 font-weight:bold;
 color:blue;
 text-shadow:0 0 10px #c61a1a;
 zoom:1;
}

.NonSelectItem{
 font-size:12px;
 text-decoration:none;
}

.AreaHeading{
 font-size:18px;
 margin-top:10px;
 margin-bottom:10px;

 text-decoration:none;
 border:2px solid #D6CEDE;
 color:#FF9900;
}
.PageHeader{
   position:absolute;
   color: #B59BDD;
   font-size: 15pt;
   top: 14px;
   left: 555px;
}
.PageHeader p{
margin:5px;
}

.HelpHeader{
   position:relative;
text-align:center;
   color:#FF9900;
   font-size: 12pt;
}


.LeftBar {
 position:absolute;
 top:2px;
 left:200px;
 font-size:10px;
 z-index:9999;
 visibility:visible;
  height:40px;
}



#menubar {
   position: relative; 
   font: menu; 
   cursor: hand;  
   top:4px; 
   left:35px
}
#menubar .root {

                    padding-left: 5pt; 
                    padding-right: 5pt; 
                    padding-right: 2pt; 
                    padding-bottom: 0pt; 
                    width:90px;
                    height: 34px;
                    	cursor: pointer;

                    color: #e9e3db;
                    font-size:12px;
                    font-weight:bold;
                    text-align:center;
                    border-left: 1px #000 solid;
                    border-right: 1px #000 solid; 
                    border-bottom: 1px #000 solid; 
                    border-top: 1px #000 solid; 
                    background-image:url(images/TopNavBG.gif);
                    border-bottom:0px;
                    }

#StudentTeamDiv td:first-child{
  min-width: 475px;
}
#menubar tr td:first-child{
border-top-left-radius:8pt;
}
#menubar tr td:last-child{
border-top-right-radius:8pt;
}
    /* Style for nested menus */
    #menubar .SecondTable {font: menu; 
                          margin-left: -2pt; 
                          	cursor: pointer;

                          margin-top: -4pt; 
                          padding: 0pt; 
                          
                          background: #ff2728; 
                          border-left: 2px #111 solid;
                          border-right: 2px gray solid; 
                          border-bottom: 2px gray solid; 
                          border-top: 2px #111 solid; display: none; position: absolute;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
box-shadow:3px 3px 3px #681814;
                          
                          }
    #menubar TABLE {font: menu; 
                    margin: 0pt; 
                    padding: 0pt; 
                          background: #ff2728; 
                    	cursor: pointer;

                    border-left: 2px #EEEEEE solid; 
                    border-right: 2px gray solid; 
                    border-bottom: 2px gray solid; 
                    border-top: 2px #EEEEEE solid; 
                    display: none; 
                    position: absolute}
    #menubar a {
    	color:white;
    }
    #menubar TABLE TD {padding-top: 2pt; 
    	cursor: pointer;
    	color:white;
padding-bottom: 2pt; padding-left: 12pt; padding-right: 15pt; margin: 0pt
}
    /* Style for highlighted elements */
    #menubar .highlight { background: red; 
                        }
    /* Style for highlighting disabled elements */
    #menubar .disabledhighlight {background: red; color: gray}
    /* Style for disabled and break elements */
    #menubar #break, #menubar .disabled {color: gray}
    /* Remove padding and margins for break elements (horizontal bars) */
    #menubar #break {padding: 0pt; margin: 0pt}
    /* Style for the arrow representing more choices */
    #menubar .more {font: 10pt ; 
                    position: relative; 
                    height: 9pt; 
                    left: 5pt; 
                    top: -2pt; 
                    margin: 0pt; 
                    cursor: pointer;
                    padding: 0pt;
                    float: right; 
                    width: .8em
                   }
    #menubar .left {margin-left: -11pt}



a { font-size: 10pt; 
  color:#681814;
  text-decoration: none; 
-webkit-transition: background-color, color 0.2s linear;
-moz-transition: background-color, color 0.2s linear;
transition: background-color, color 0.2s linear;
}

a:hover {color: #FF9900; text-decoration: underline}


#TimeLinks{
 position:absolute;
 visibility:hidden;
 z-index: 9999;
 color: #FFFFFF;
 font-size: 10pt;
 text-decoration: none;
 padding: 0pt; 
 background:#8E66CC;
 top:0px;
 left:627px;
 height:10px;
 width: 126px;
 text-align:right;
 opacity:.5;
 -ms-filter:"alpha(opacity=30)"; /* IE8 */
  filter:alpha(opacity=30); /* IE6/IE7 */
 }

submit{
background-color: #000066; color: #FFFFFF; font-weight: bold
}


button,
.SAODiv button,
input.BUTTON, input.SMALLBUTTON {
border: 1px solid #37696c;
background-color: #3d5414;
color: #ffffff;
box-shadow: 2px 2px 2px #2c5f62;
cursor: pointer;
}

button:hover,
.SAODiv button:hover,
input.BUTTON:hover, input.SMALLBUTTON:hover{
  color: #000;
  background-color: var(--light-bg-color);
}



.QuarterLabel{
   color:#FF9900;
   font-size: 12pt;
   text-decoration: none;
   height:35px;
   margin-top:10px;
}

.Spacer{
  margin-top:-20px;
}

.TechExplain{
  visibility:hidden;
 font-size:10px;
 z-index:1000;
 color:#000000;
 text-decoration:none;
}
div {
  margin-top: 0px;   
  margin-bottom: 0px;   
 font-size:12px;
 overflow: visible;
 line-height: 11pt;
display:block;
page-break-inside:avoid;
}


#TaskBar{
display:block;
color: #e9e3db;
 font-size:12px;
 font-weight:bold;
visibility:visible;
z-index:100;
position:absolute;
top:0px;
right:750px;
margin:0px auto;
padding:5px;
height:150px; 
overflow:auto;
}


.TaskBarUtil, .TaskBarMRKT, .TaskBarOPER, .TaskBarFINA {
 color: #e9e3db;
 font-size:10px;
 font-weight:bold;
 text-align:left;
 vertical-align:middle;
 margin:0px;
 padding:5px;
 font-weight:bold;
 float:left;
 border-top-style:solid;
 border-top-color:#333;
 border-top-width:1px;

 border-bottom-style:solid;
 border-bottom-color:#333;
 border-bottom-width:1px;

 border-left-style:solid;
 border-left-color:#333;
 border-left-width:1px;
 border-right-style:solid;
 border-right-color:#333;
 border-right-width:1px;
}

.TaskBarUtil:hover, .TaskBarMRKT:hover, .TaskBarOPER:hover, .TaskBarFINA:hover {
text-decoration:none;
font-size:10px;
font-weight:bold;

}

.TheIcons{
 visibility:inherit;
 font-size:12px;
 height:40px;
 margin-top:-40px;
 z-index:999;
 cursor:move;
 text-align:right;
 width:100%;
 
}

.movepanelUtil, .movepanelMRKT, .movepanelOPER, .movepanelFINA {
  visibility: inherit;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 10;
  cursor: move;
  display: block;
  height: 40px;
  width: 100%;
  color: white;
}

.panelHeaderIcon {
  padding-right: 5px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  position: absolute;
}
.panelHeaderIcon i{
  font-size: 35px;
}
.panelHeader {
  padding-left: 50px;
  font-size: 14pt;
  text-align: left;
  line-height: 20px;
  margin-top: -2px;
}

.movepanelGAME{
  position:absolute;
  text-align:center;
  cursor:move;
  display:block;
  background-color:#AAAAAA;
  border-bottom:3px black;
  color:#FFFFFF;
  z-index:1000;
}



.movepanelUtil, .TaskBarUtil
{ 
  background-color: #B2231B;
}

.movepanelMRKT, .TaskBarMRKT
{
  background-color: #B9592F;
}

.movepanelOPER, .TaskBarOPER
{
  background-color:#338BA1;
}

.movepanelFINA, .TaskBarFINA
{
  background-color: #64843B;
}

.panelMain, .panelSearchArea
{
 border:2px solid #4e3b2b;
 color:#4f3c2a;
}

.panelMain a, .panelSearchArea a
{
 color:#4f3c2a;
}

#panelMRKT{
  min-width: 670px;
}
#panelCompInfo{
  min-width: 525px;
}

#panelPerfReport{
  min-width: 900px;
}

.panelMRKT {
  border: 2px solid #8A3919;
}

.panelOPER
{
 border:2px solid #2c6080;
}


.panelFINA
{
 border:2px solid #2f4711;
}


.RMTabShort, .RMTab, .RMTabVis{
  display:block;
  background-color:#ffffff;
  left:5px;
  visibility:hidden;
  opacity: 1.0; 
  filter: alpha(opacity=100); 
  z-index:0;
height:200px;

}



.RMTabShort{  top:100px;}

.RMTab{  top:260px;}
.RMTabVis{  top:60px;}

.TheSelect{
  display:block;
  background-color:#eeeeee;
  padding:2px;
  border:1px solid black; 
}


#tabNavigation {
	border-bottom: 1px solid #000;
	color: inherit;
	list-style: none outside none;
	margin: 1px 0 0 0;
	padding: 0;
}

html #tabNavigation/* */ {
	padding: 4px 0 4px 0
}

html>body #tabNavigation {
	margin: 0;
	padding: 4px 0 4px 0
}

#tabNavigation li {
	color: inherit;
	display: inline;
	line-height: 1em;
	margin: 0 0 0 2px;
	padding: 0
}

html>body #tabNavigation li {
	margin: 0 0 0 -6px;
	padding: 3px 0 3px 8px
}

html>body ul[id]#tabNavigation li {
	margin: 0 0 0 2px;
	padding: 3px 0 3px 0
}

#tabNavigation a, #tabNavigation a:link, #tabNavigation a:visited {
	border-bottom: 1px solid #000;
	color: #666;
	font-size:12pt;
	cursor: pointer;
	height: 1em;
	margin: -1px 0 -1px 0;
	padding: 3px 8px 3px 8px;
	text-decoration: none
}

html #tabNavigation a/* */, html #tabNavigation a:link/* */, html #tabNavigation a:visited/* */ {
	border-bottom: none;
	height: auto;
	margin: 0 0 0 4px;
	padding: 3px 8px 3px 4px
}

#tabNavigation a:hover {
	text-decoration: underline
}

#tabNavigation a:active {
	color: #f90;
	text-decoration: underline
}

#tabNavigation li.selectedTab {
	color: #FF9900;
	font-weight:bold;
	padding: 0
}

html>body #tabNavigation li.selectedTab {
	margin: 0 0 0 -6px;
	color: #FF9900;
	font-weight:bold;
	padding: 4px 0 4px 8px
}

html>body ul[id]#tabNavigation li.selectedTab {
	margin: 0 0 0 2px;
	padding: 4px 0 4px 0
}

#tabNavigation .selectedTab a, #tabNavigation .selectedTab a:link, #tabNavigation .selectedTab a:visited, #tabNavigation .selectedTab a:hover {
	border-bottom: none;
	color: #FF9900;
	cursor: text;
	padding: 4px 8px 4px 8px;
	text-decoration: none
}

html #tabNavigation .selectedTab a/* */, html #tabNavigation .selectedTab a:link/* */, html #tabNavigation .selectedTab a:visited/* */, html #tabNavigation .selectedTab a:hover/* */ {
	padding: 4px 8px 4px 4px
}

.fixTabsIE {
	visibility: hidden
}


.RowOn{
 background-color:#e0e0e0;
 color:#4e3b2b;
}

.RowOff{
 background-color:#edf6e4;
 color:#4e3b2b;
}
   
.Level1Row{
  border:2px solid #FFFFFF;
}
.Level1RowAlt{
  background-color: #efefef;
  border:2px solid #FFFFFF;
}
.Level1ColumnLarge{
  width:80px;
  border-top:1px dashed #000000;
  border-right:1px solid #000000;
}
.Level1ColumnMedium{
  width:60px;
  border-top:1px dashed #000000;
  border-right:1px solid #000000;
}
.Level1ColumnSmall{
  width:40px;
  border-top:1px dashed #000000;
  border-right:1px solid #000000;
}

.bar{
  z-index:10;
  background-repeat: repeat-y;
  background-color:#bbb;
}

.barMRKTLarge{
  z-index:100;
  font-size:10px;
  overflow:visible;
  background-color: #B6675C;
  opacity:.5;
 -ms-filter:"alpha(opacity=50)"; /* IE8 */
  filter:alpha(opacity=50); /* IE6/IE7 */
}
.barMRKTMedium{
  z-index:100;
  font-size:8px;
  overflow:visible;
  background-color: #B6675C;
  opacity:.5;
 -ms-filter:"alpha(opacity=50)"; /* IE8 */
  filter:alpha(opacity=50); /* IE6/IE7 */
}
.barMRKTSmall{
  z-index:100;
  font-size:6px;
  overflow:visible;
  background-color: #B6675C;
  opacity:.5;
 -ms-filter:"alpha(opacity=50)"; /* IE8 */
  filter:alpha(opacity=50); /* IE6/IE7 */
}


.barOPERLarge{
  z-index:100;
  font-size:10px;
  overflow:visible;
  background-color: darkblue;
  opacity:.5;
 -ms-filter:"alpha(opacity=50)"; /* IE8 */
  filter:alpha(opacity=50); /* IE6/IE7 */
}
.barOPERMedium{
  z-index:100;
  font-size:8px;
  overflow:visible;
  background-color: darkblue;
  opacity:.5;
 -ms-filter:"alpha(opacity=50)"; /* IE8 */
  filter:alpha(opacity=50); /* IE6/IE7 */
}
.barOPERSmall{
  z-index:100;
  font-size:6px;
  overflow:visible;
  background-color: darkblue;
  opacity:.5;
 -ms-filter:"alpha(opacity=50)"; /* IE8 */
  filter:alpha(opacity=50); /* IE6/IE7 */
}



.barFINALarge{
  z-index:100;
  font-size:10px;
  overflow:visible;
  background-color: #6EA638;
  opacity:.5;
 -ms-filter:"alpha(opacity=50)"; /* IE8 */
  filter:alpha(opacity=50); /* IE6/IE7 */
}
.barFINAMedium{
  z-index:100;
  font-size:8px;
  overflow:visible;
  background-color: #6EA638;
  opacity:.5;
 -ms-filter:"alpha(opacity=50)"; /* IE8 */
  filter:alpha(opacity=50); /* IE6/IE7 */
}
.barFINASmall{
  z-index:100;
  font-size:6px;
  overflow:visible;
  background-color: #6EA638;
  opacity:.5;
 -ms-filter:"alpha(opacity=50)"; /* IE8 */
  filter:alpha(opacity=50); /* IE6/IE7 */
}


.barHRLarge{
  z-index:100;
  font-size:10px;
  overflow:visible;
  background-color: #FF9900;
  opacity:.5;
 -ms-filter:"alpha(opacity=50)"; /* IE8 */
  filter:alpha(opacity=50); /* IE6/IE7 */
}
.barHRMedium{
  z-index:100;
  font-size:8px;
  overflow:visible;
  background-color: #FF9900;
  opacity:.5;
 -ms-filter:"alpha(opacity=50)"; /* IE8 */
  filter:alpha(opacity=50); /* IE6/IE7 */
}
.barHRSmall{
  z-index:100;
  font-size:6px;
  overflow:visible;
  background-color: #FF9900;
  opacity:.5;
 -ms-filter:"alpha(opacity=50)"; /* IE8 */
  filter:alpha(opacity=50); /* IE6/IE7 */
}
.HelpFrame{
position: absolute; 
height:500px;
width:600px;
top:110px; 
left:0px;
visibility:hidden;
 z-index:9999;
overflow: hidden;
}
.HelpExplain{
 z-index:500;
 visibility:inherit;
 cursor:default;
 background-color:#FBFBFB;
 color:#000000;
 font-size:13px; 
 border:1px solid black; 
 padding:10px;
 margin: 10px;
}



.SMALLPANELBUTTON{
  text-align:center;
  width: 25px;
  background-color: #555555; 
  color: #ffffff; 
  margin-top:0px;
  margin-bottom:0px;
  font-weight:600;
  font-family:webdings;
  height:25px;
  font-size:10pt;
 -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#cccccc,endColorStr=#666666)";
}

.QUICKTIPBUTTON{
  text-align:center;
  cursor:hand;
  width: 20px;
  height: 20px;
  color: blue; 
  margin-left:3px;
  margin-right:-5px;
  border:2px;
  margin-bottom:0px;
  font-weight:500;
  font-family:webdings;
  font-size:10pt;
  background-color:#eee;
 -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#eeeeee,endColorStr=#aaaaaa)";

}
#HeaderLinks{
 position:absolute;
 visibility:visible;
 top:0px;
 left:680px;
 text-align:right;
 z-index: 9999;
 
}

.BannerButton{
  text-align:center;
  font-size:8pt;
  left:-100px;
  margin-left:0px;
  width: 80px;
  background-color: #D6CEDE; 
  color: #FFFFFF; 
 -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D6CEDE,endColorStr=#8E66CC)";
}

.InstructorDisable{
display:none;
  background-color:#e0e0e0;
  color:#b0b0b0;
}

.InstructorDisable input{
  background-color:#e0e0e0;
  color:#b0b0b0;
}

.InstructorDisable td{
  background-color:#e0e0e0;
  color:#b0b0b0;
}

.Disable{
background-color:red;
position:absolute; top:-100px;left:-1000px;
color:#b0b0b0;
font-size:0px; width:0px;height:0px; margin-top:0px;margin-bottom:0px; padding:0px;
}

.Disable tr{
  background-color:#e0e0e0;
  color:#b0b0b0;
  visibility:hidden; font-size:0px; width:0px;height:0px; margin-top:0px;margin-bottom:0px; padding:0px;
}

.Disable td{
  background-color:#e0e0e0;
  color:#b0b0b0;
  visibility:hidden; font-size:0px; width:0px;height:0px; margin-top:0px;margin-bottom:0px; padding:0px;
}

.Disable th{
  background-color:#e0e0e0;
  color:#b0b0b0;
  visibility:hidden; font-size:0px; width:0px;height:0px; margin-top:0px;margin-bottom:0px; padding:0px;
}
 
.Disable input{

  background-color:#e0e0e0;
  color:#b0b0b0;
  visibility:hidden; font-size:0px; width:0px;height:0px; margin-top:0px;margin-bottom:0px; padding:0px;
}

.Disable .QUICKTIPBUTTON {
  visibility:hidden; font-size:0px; width:0px;height:0px; 
   font-size:0px; width:0px;height:0px; margin-top:0px;margin-bottom:0px; padding:0px;
}

HideSave{
visibility:hidden; font-size:0px; width:0px;height:0px;
}

.TheSelectDisable {
  visibility:hidden; font-size:0px; width:0px;height:0px; 
}
.TheSelDisable {
  visibility:hidden; font-size:0px; width:0px;height:0px; 
}
.SelectItemDisable {
  visibility:hidden; font-size:0px; width:0px;height:0px; 
}
.NonSelectItemDisable {
  visibility:hidden; font-size:0px; width:0px;height:0px; 
}

.CostQUICKTIPBUTTON{
  text-align:center;
  cursor:hand;
  width: 25px;
  height: 20px;
  color: blue; 
  margin-left:3px;
  margin-right:0px;
  border:2px;
  margin-bottom:0px;
  font-weight:500;
  font-family:webdings;
  font-size:10pt;
  background-color:#eee;
 -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#eeeeee,endColorStr=#aaaaaa)";
 
}


.GameType td{
font-size:13pt;
font-weight:bold;
color:blue;
}



.GT{
}

.GT h2 {
margin:10px;
padding:0px;
}

.AlertText{
-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color=#FBFA8B, Strength=3)"; 
width:100%
}

.PanelInnerHeader{
text-align:left;
margin-left:10px;
}


a.RatingDisplay{
padding-left:15px;
display:block;
text-align:right;
background-repeat:no-repeat;
background-position:1px 1px;
}

a.RatingDisplay:hover{
}

#RatingDisplayChart{
 visibility:inherit;
 display:block;
background-color:#eee;
height:400px; width:500px; 
}

#RatingPopup{
visibility:hidden;
display:block;
  position:absolute;
  top:0px;
  left:0px;
width:650px;
 background-color:#D9ECC6;
  padding:5px;
 border:2px solid #6EA638;
 z-index:999;

}

.ComCheckImage{
display:none;
}

.PlayerComments{
visibility:inherit;
display:block;
margin-top:20px;
}

.RatingDivHeader{
visibility:inherit;
display:block;
font-size:16px;
margin-bottom:20px;
}

#MapMarker{
display:block;
position:absolute;
visibility:visible;
top:100px;
left:0px;
visibility:hidden;
}

#NameLinks{
display:none;
color:#eee;
font-size:9pt;

}


.MMChartXLarge, .MMChartLarge,.MMChartMedium, .MMChartMedium, .MMChartBalSheet, .MMChartTiny, .ChartContainer,
.DashAreaContainer, .DashChartAreaDiv, .MMEJDiv, #panelMainEJDiv1, #panelMainEJDiv2, #panelMainEJDiv3,
#ChartPopupContainer, #ChartPopup
{
 -ms-filter:"alpha(opacity=100)"; /* IE8 */
  filter:alpha(opacity=100); /* IE6/IE7 */
 -moz-opacity:1; opacity:1;
}


.MMChartXLarge, .MMChartLarge, .MMChartMedium, .MMChartSmall, .MMChartBalSheet, .MMChartTiny{
 background-color:#eee; 
 visibility:inherit;
 float: left; 
 height:150px; 
 display:block;
 z-index:9999;
 color:#000;
 border-radius:5px;

}

.MMChartXLarge{
 width:400px; 
}
.MMChartLarge{
 width:400px; 
}

.MMChartMedium{
 width:350px; 
}

.MMChartSmall{
 width:250px; 
}

.MMChartBalSheet{
 width:310px; 
}

.MMChartTiny{
 width:175px;  
}


.ChartWarning{
 display:none;
 float: left; 
 height:150px; 
margin-left:0px; 
margin-top:5px; 
}

.ChartContainer{
margin:5px; 
height:160px; 
}



#ChartPopupContainer{
top:150px;
left:0px;
position:absolute;
display:block;
visibility:hidden;
height:280px; 
width:430px;
z-index:9999;
}

#ChartPopup{
position:absolute;
 background-color:#eee; 
 visibility:inherit;
 float: left; 
 height:210px; 
 display:block;
 z-index:9999;
 color:#000;
 width:400px; 
 margin-top:10px;
 margin-left:10px;
}

.moveChartPopup, .moveVideoPopup{
visibility:inherit;
 font-size:10pt;
 text-align:left;
 height:25px;
 padding-left:10px;
 padding-top:3px;
color:white;
 width:300px;
 z-index:500;
 cursor:move;
 height:25px;
background-repeat: repeat-x;

}

#DashNavMenuContainer{
visibility:inherit;
display:block;
width:187px;
height:405px;
margin-right:10px;
background-color:#eee; 
float: left; 
overflow-y: auto;
overflow-x: hidden;
margin-top:0px;
box-shadow: 3px 3px 3px #888888;
border-radius:5px;


}
#DashNavMenuContainer h4{
margin:10px;
font-size:10pt;
}

#DashNavMenu a{
color:#4e3b2b;
}

#DashNavMenu{
list-style: none;
padding:0px;
margin:0px;

}

.DashNavMenuDetail{
list-style: none;
margin:0px;
padding:0px;

}

#DashNavMenu a:hover{
  color:black;
}
.DashNavMenuMarker{
width:187px;
display:block;
background-repeat: no-repeat;
padding:0px;
margin:0px;

}

.DashNavMenuSection{
display:block;
padding:0px;
margin:0px;
margin-left:15px;
padding-top:3px;
height:23px;
cursor:pointer;
font-weight:bold;
font-size: 10pt;
color:#fff;

}


.DashNavMenuDetail{
display:none;
padding:0px;
margin:0px;
background-color:#e5ddd4;

}


.DashNavMenuDecisionLink, .DashNavMenuCostLink, .DashNavMenuReportLink,.DashNavMenuMiscLink, .DashNavMenuHelpLink, .DashNavMenuTipLink{
 background-repeat: no-repeat;
 font-size:8pt;
 display:block;
 padding-top:5px;
 height:20px;

 
}

.DashNavMenuDecisionLink:hover , .DashNavMenuCostLink:hover , .DashNavMenuReportLink:hover , 
.DashNavMenuMiscLink:hover, .DashNavMenuHelpLink:hover, .DashNavMenuTipLink:hover{
  text-decoration:none;
  font-size:8pt;
  background-color: #dbd2c8;

}



#DashContainer{
visibility:inherit;
display:block;
float: left; 
margin:0px;
height:200px; 
padding:0px;

}

#DashContainer, .UtilColors{
color:#4e3b2b;
}


.MMEJDiv{
 visibility:inherit;
 width:580px; 
 height:150px; 
 display:block;
 padding:0px;
 margin:5px;
}

#DashGlance{
padding:10px;
padding-top:80px;

}


#DashContainerTools{
visibility:inherit;
display:block;
width:200px;
height:200px; 
padding:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:10px;
margin:0px;
margin-top: -40em;
font-size:8pt;
float: right; 
background-repeat: no-repeat;
overflow:hidden;
font-weight:bold;
box-shadow: 3px 3px 3px #888888;
border-radius:5px;


}
 #DashContainerTools a{
font-weight:normal;
font-size:7pt;
 }

#DashContainerHelp{
visibility:inherit;
display:block;
width:200px;
height:150px; 
padding:0px;
padding-top:0px;
padding-bottom:0px;
padding-left:10px;
margin:0px;
margin-top:5px;
font-size:8pt;
float: left; 
background-repeat: no-repeat;
overflow:hidden;
}


#DashContainerTools a, #DashContainerHelp a{
  font-size:8pt;
}
#DashContainerTools ul, #DashContainerHelp ul{
margin-top:40px;
list-style: none;
margin-left:0px;
margin-bottom:0px;
padding:0px;
}



.DashAreaContainer{
 background-repeat: no-repeat;
 visibility:inherit;
 float: left; 
 height:200px; 
 width:265px; 
 padding:0px;
 margin:0px;
 margin-top:5px;
 margin-right:0px;
 padding-right:0px;
 display:block;
 z-index:9999;
 color:#000; 
border-radius:5px;
}


.MMEJAreaDiv{
 background-color:#eee; 
 visibility:inherit;
 width:145px; 
 height:140px; 
 margin:5px;
 margin-left:30px;
 display:block;
}


.DashChartAreaDiv{
 visibility:inherit;
 width:250px; 
 height:250px; 
 margin:5px;
 margin-left:5px;
 display:block;
}

.DashAreaContainer h3, #DashContainer h3, #DashContainerTools h3{
margin:0px;
padding:0px;
font-size:10pt;
}
.DashAreaContainer h4, #DashContainer h4, #DashContainerTools h4{
margin:0px;
padding:0px;
font-size:8pt;
}

.DashLeftLinkContainer{
float:left; display:block; margin-left:3px; margin-top:5px;
}


.PromotePopup{
top:150px;
left:0px;
position:absolute;
margin:5px; 
padding:10px;
padding-left:20px;
display:block;
visibility:hidden;
height:500px; 
width:400px;
z-index:9999;
background-image:url(images/PromotePopupBG.gif);
background-repeat: no-repeat;
}

.THSmallHeading{
  margin:0px;
  padding:0px;
  text-align:center;
  font-size:10pt;
}
.PromoteAreaDiv{
 visibility:inherit;
 width:270px; 
 height:140px; 
 float:left;
 margin:10px;
 display:block;
}


a.SoloGameIcon,a.SoloExamIcon, a.TeamGameIcon{
  display:block;
  width:221px;
  height:270px;   
  font-size:12pt;
  text-align:center;
  padding:0px;
  margin-bottom:10px;
  vertical-align: bottom;
  background-repeat:no-repeat;
  color: #4c3b29;
  box-shadow: 3px 3px 3px #888888;
    border-radius:5px;


}
a.SoloGameIcon:hover,a.SoloExamIcon:hover{
  box-shadow: 5px 5px 5px #e66811;
}
a.TeamGameIcon:hover{
  box-shadow: 5px 5px 5px #144f7e;
}
.IconSpacer{
display:block;
height:180px;
}
a.SoloGameIcon:link, a.SoloExamIcon:link, a.TeamGameIcon:link{
  color: #4c3b29;
}

a.SoloGameIcon {
  font-size:12pt;
background-image:url(images/Solo.gif);
}
a.SoloGameIcon:hover {
background-image:url(images/SoloSelected.gif);
  font-size:12pt;
  color: #2a1b00;
text-decoration:none;
}
a.SoloExamIcon {
  font-size:12pt;
background-image:url(images/SoloExam.gif);
}
a.SoloExamIcon:hover {
background-image:url(images/SoloExamSelected.gif);
  font-size:12pt;
  color: #2a1b00;
text-decoration:none;
}



a.TeamGameIcon {
background-image:url(images/Team.gif);
font-size:12pt;
}
a.TeamGameIcon:hover {
background-image:url(images/TeamSelected.gif);
text-decoration:none;
  color: #2a1b00;
  font-size:12pt;
}

#MiniAdmin, #BuildNew, #GameInitDiv, .QuickTipSave, .QuickTip, .DisplayTechOptionList, .HelpIndex, .GameType, #CorrectVersion, .GameTypeExplain, #TechMessage, #TechMessage1, .InstructorNeedHelp, .InstructorNeedHelpOver, .StudentNeedHelp, .StudentNeedHelpOver, #MapExplain, #LeaseWarning, #SubcontractWarning, .ExplainGameClass {
  cursor: default;
  background-color: var(--light-bg-color);
  border-radius: 5px;
  border: 2px outset #3d5414;
  box-shadow: 2px 2px 2px #2c5f62;
  padding: 10px;
  font-size: 10pt;
  color: #2c2016;
  margin: 5px;
  display: inline-block;
  clear: both;
}
#MiniAdmin{
  margin:2em 1em;
  padding:2em;
}

#MiniAdmin:before {
  padding-right: 5px;
  content: "\f0f0";
  font-family: fontAwesome !important;
  font-size: 3.5em !important;
}

#MiniAdmin:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   height: 0;
}

.MessageClass2{
  cursor:default;
  background-color:#fcd0ce;
  font-size:10pt;
  color: #2c2016;
}

#LeaseWarning, #SubcontractWarning{
display:none;
top:100px;
left:100px;
width:300px;
z-index:9999;
position:absolute;
}
#LeaseWarning h3, #SubcontractWarning h3{
margin-top:0px;
padding-top:0px;
}
#MapExplain
{
 z-index:99999;
 position:absolute;
 width:250px;
 visibility:hidden;
 cursor:default;
}

#BuildNew{
 cursor:hand;
 text-transform:uppercase;
 position:relative;
 top:10px;
 margin-left:30px;
}
#BuildNew:hover{
background-color: #fff;
}


#GameInitDiv
{
 position:absolute; 
 visibility:hidden;
 margin-top: 15px;
}


.QuickTip
{
 z-index:500;
 position:relative;
 visibility:visible;
 cursor:default;
 width:50%;
 clear:both;

}


.DisplayTechOptionList{
 position:absolute;
 top:100px;
 left:200px;
 width:400px;
height:400px;
overflow:auto;
 text-align:left;
 visibility:hidden;
 position:absolute;
 top:50px;
 left:300px;
 z-index:1000;
 text-decoration:none;
}

.HelpIndex{
 z-index:500;
 visibility:inherit;
 width:250px;
}




.GameType
{
 cursor:default;
 margin: 55px;
 height:70px;
}

#CorrectVersion{
width:750px;
cursor:hand;
margin-left:30px;
margin-bottom:30px;
}

.GameTypeExplain
{
 cursor:default;
 margin: 25px;
 height:70px;
}

#TechMessage{
visibility:hidden;
position:absolute;
width:500px;
color:red;
top:200px;
left:250px;
}

#TechMessage1{
visibility:hidden;
position:absolute;
width:500px;
color:red;
top:1475px;
left:250px;
}

.ExplainGameClass{
position:absolute;
top:125px;
left:75px;
width:650px;
z-index:1000;
visibility:hidden;
}
#PromoteContainer0, #PromoteContainer1, #PromoteContainer2, #PromoteContainer3{
  width:600px;
}


#PromoteContainer0 i, #PromoteContainer1 i, #PromoteContainer2 i, #PromoteContainer3 i{
  margin-right:10px;
}

a.InstructorSoloPracticeGameIcon, a.InstructorSoloExamGameIcon, a.InstructorTeamGameIcon,
a.SoloGameIcon,a.SoloExamIcon, a.TeamGameIcon
{
  font-size:12pt;
  
  transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}
a.InstructorSoloPracticeGameIcon:hover, a.InstructorSoloExamGameIcon:hover, a.InstructorTeamGameIcon:hover, 
a.SoloGameIcon:hover, a.SoloExamIcon:hover, a.TeamGameIcon:hover{
  text-decoration:none;
  font-size:12pt;
  color: #2a1b00;
  box-shadow: 10px 10px 10px #e66811;
}



a.InstructorSoloGameIcon, a.InstructorTeamGameIcon{
  display:block;
  width:210px;
  height:120px;   
  font-size:12pt;
  text-align:center;
  padding:0px;
  margin-bottom:10px;
  
  vertical-align: bottom;
  background-repeat:no-repeat;
  color: #4c3b29;
  box-shadow: 3px 3px 3px #888888;

}

a.InstructorSoloGameIcon {
background-image:url(images/InstructorSolo.gif);
  font-size:12pt;
}
a.InstructorSoloGameIcon:hover {
background-image:url(images/InstructorSoloSelected.gif);
text-decoration:none;
  font-size:12pt;
  color: #2a1b00;
  box-shadow: 10px 10px 10px #e66811;

}
a.InstructorSoloPracticeGameIcon, a.InstructorSoloExamGameIcon, a.InstructorTeamGameIcon{
  display:block;
  width:210px;
  height:140px;   
  font-size:12pt;
  text-align:center;
  padding:0px;
  margin-bottom:10px;
  vertical-align: bottom;
  background-repeat:no-repeat;
  color: #4c3b29;
  box-shadow: 5px 5px 5px #888888;
  border-radius:5px;
  background-color: #d0c5b6;
  

}
a.InstructorTeamGameIcon:hover , a.InstructorSoloExamGameIcon:hover, a.InstructorSoloPracticeGameIcon:hover {
 text-decoration:none;
  font-size:12pt;
  color: #2a1b00;
  box-shadow: 10px 10px 10px #e66811;
}

a.InstructorSoloPracticeGameIcon {
background-image:url(images/InstructorSolo.gif);
}
a.InstructorSoloPracticeGameIcon:hover {
background-image:url(images/InstructorSoloSelected.gif);
}
a.InstructorSoloExamGameIcon {
background-image:url(images/InstructorSoloExam.gif);
}
a.InstructorSoloExamGameIcon:hover {
background-image:url(images/InstructorSoloExamSelected.gif);
}

a.InstructorTeamGameIcon {
background-image:url(images/InstructorTeam.gif);
}
a.InstructorTeamGameIcon:hover {
background-image:url(images/InstructorTeamSelected.gif);
}
.InstructorIconSpacer{
display:block;
height:65px;
}

.GameSelectIconDiv {
  display: inline-block;
  padding: 3px;
}


#SaveExplain1, #SaveExplain2{
margin:0px;
}
.PiePieceLabel{
z-index:9999;
position: absolute; background-color: #fff; border: 1px solid #999; padding: 2px;
opacity: 0.8; filter: Alpha(opacity:80);
}
.MenuAnchorStyle, ..MenuAnchorStyle:hover{
  color:#000;
  }
  
.AvoidPageBreak{
position:relative;
page-break-inside:avoid;
}
#CloseIcon{
margin-top:-5px;
margin-bottom:-35px;
}
#CompanyPerformanceStats, #CompanyPerformanceStats a{
font-size: 8pt;
color:#000;
}

#panelPerfReport{
  width:825px; 
  height:750px;
}

#panelGameSummary{
  width:900px; 
  height:750px;
}
#GameSummaryDiv {
  padding: 5px;
  position: inherit;
  height: 600px;
  width: 900px;
  top: 0px;
}

#panelGameSummary a{
color:#681814;
font-size:10pt;
cursor: pointer;

}
#panelGameSummary a:hover{
  color: #2a1b00;
  text-decoration:none;

}
#SummaryLinks{
padding:1em;
padding-left:2em;
}

#SummaryLinks br{
margin:20px;
}
  
#SummaryLinks a:hover {
color:#eed6d6;
text-decoration:none;
}
#PerfReportExcelLink{
font-size:7pt;
}
.TopRight{
 vertical-align: top;
 text-align: right;
}
#GameLoading{
position:absolute;
z-Index:9999;
top:50px;
left:200px;
font-size:16pt;
color:#681814;
background-color:#eee;
border:2px solid;
padding:20px;
}

.BoldStyle{
   font-weight:bold;
   color:#555;
}


.MogulHeading{
color:red;
font-size:12pt;
padding:10px;
background-color:#feb2ba;
font-weight:bold;
}
span.dropt::before{
  padding-right: 5px;
  content: "\f059";
  font-family: fontAwesome !important;
  font-size: 1.5em !important;
}  
span.dropt:hover {text-decoration: none; 
 }

span.dropt span {
  position: absolute; left: -9999px; width:500px;
  margin: 20px 0 0 0px; 
  padding: 8px;
  color:black;
  border-radius:3px;
  box-shadow:1px 1px 2px rgb(104,22,24);
  border-style:ridge;
  border-color:rgb(104,22,24); 
  border-width:2px; 
  z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt:hover span {margin: 20px 0 0 100px; background: #ffffff; z-index:6;} 
.SummaryTable{
page-break-inside:avoid;
}

.SummaryTable td{
  width:60px;
  text-align:right;
  font-size:10pt;
}
.SummaryTable th a{
  font-size:9pt;
}
.SummaryTable td.First{
  width:140px;
  text-align:left;
  font-size:10pt;
}


 .ProductSectionHeading,
 .ProductAreaSectionHeading {
  text-align: left;
  font-weight: bold !important;
  font-size: 15pt !important;
  padding: 1em !important;
  color: #ffea00 !important;
  font-style: italic !important;
}
 
.InstReportMainSection {
  color: rgb(61, 84, 20);
  font-weight: bold;
  font-size: 14pt;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
}
 .InstReportSectionFinish{
   margin-top:10px;
 }

#QuickChartVarList{
height:25px;
position:absolute;
display:block;
top:20px;
right:10px;
font-size:10pt;
width:250px;
margin-top:-15px;
margin-left:250px;
overflow: auto;
z-index:9999;
border: 1px solid #ccc;
background-color: #f7e5dd;
box-shadow: 10px 10px 5px #888888;
margin-bottom:20px;
padding:5px;
}

#StudentQuickChartVarList:hover,
#QuickChartVarList:hover{
background-color: #fff;
height:300px;

}
#StudentQuickChartVarList h4,
#QuickChartVarList h4 {
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;

}
.em {
  background-color:#e4efbb;
  font-size:10pt;
  color: #2c2016;
  padding:5px;
  font-weight:bold;
  
}
#PrintFrame{
margin-left:-500px;
}

#CostSelDiv{
  display:none;
}

#OtherCustomCostVectors{
  display:block;
  position:absolute;
  width:500px;
  height:300px;
  overflow:auto;
  padding:10px;
  top:110px;
  left:600px;
  z-index:8888;
  background-color: #f7e5dd;
  box-shadow: 10px 10px 5px #888888;

}
#OtherCustomCostVectors dt {
font-weight:bold;
font-size:10pt;
}
#OtherCustomCostVectors dd {
margin-left:15px;
}

#SelectGameTeamIDs{
  display:block;
  z-index:999;
  position:relative;
  width:1000px;
  padding:10px;
  background-color: #f7e5dd;
  box-shadow: 10px 10px 5px #888888;
  margin-bottom:25px;
}
#SelectGameTeamIDs input{
width:20px;
margin:0px;
padding:0px;
}
#SelectGameTeamIDs li{
list-style-type:none;
}
#CopyChanges{
  padding:10px;
  color:#f70000;
  font-size:12pt;
  font-weight:bold;
}
#CopyChanges input{
  margin-top:30px;
}


#BuildNew, .InstructorNeedHelp, .InstructorNeedHelpOver, .StudentNeedHelp, .StudentNeedHelpOver {
  position: absolute;
  display: inline-block;
  top: 70px;
  left: 600px;
  width: 200px;
  overflow: auto;
  -webkit-transition: background-color 1s linear;
  -moz-transition: background-color 1s linear;
  transition: background-color 1s linear;
}

.StudentNeedHelp, .StudentNeedHelpOver {
  top: 97px;
  left: 450px;
  width: 180px;
}

#BuildNew{
left:300px;
}
.InstructorNeedHelp ul,
.StudentNeedHelp ul{
display:none;
}

.InstructorNeedHelp p, .InstructorNeedHelpOver p,
.StudentNeedHelp p, .StudentNeedHelpOver p{
text-transform:uppercase;
margin:0px;
padding:0px;
}
.InstructorNeedHelpOver,
.StudentNeedHelpOver{
background-color: #fff;
height:325px;
width:450px;

}
.InstructorNeedHelp h4, .InstructorNeedHelpOver h4,
.StudentNeedHelp h4, .StudentNeedHelpOver h4 {
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;

}

#ExceptionReportContainer h3 {
  font-size: 1.5em;
  padding: 0;
  margin: 0px;
}
#ExceptionReportContainer em{
font-weight:bold;
font-size:11pt;
}
select{
padding:3px;
}

.PerfTable thead,
.fancytable thead,
#fancytable thead{
box-shadow: 1px 1px 2px rgb(104,24,20);
}
.fancytable .heading th{
}

.fancytable .heading th:first-child{
  font-size:1.1em;
  text-align: left;
}
.fancytable .heading th:not(:first-child){
  text-align: right;
}


.PerfTable{
border-radius:2px;
box-shadow:1px 1px 2px #681814;
border-spacing: 0px;
}
.PerfTable td,
.fancytable td,
#fancytable td{
  border-bottom:1px solid #fff;
  color:#000;
  border-top:1px solid transparent;padding:8px;
  white-space: nowrap;
}
.PerfTable th,
.PerfTable td{
padding:5px;
border:0px;
text-align: right;
}

.PerfTable tr:hover td, .PerfTable tr:hover td a,
.fancytable tr:hover td, .fancytable tr:hover td a,
#fancytable tr:hover td, #fancytable tr:hover td a,
.PerfTable tr:hover th, .PerfTable tr:hover th a,
.fancytable tr:hover th, .fancytable tr:hover th a,
#fancytable tr:hover th, #fancytable tr:hover th a
{
  background: #425a1a;
  color: #fff;
}

.PerfTable tr:nth-child(2n), .fancytable tr:nth-child(2n), #fancytable tr:nth-child(2n) {
  background: #78a03060;
}

.PerfTable tr:nth-child(2n+1), .fancytable tr:nth-child(2n+1), #fancytable tr:nth-child(2n+1) {
  background: #78a03020;
}
.PerfTable th, .PerfTable th a, .fancytable th, .fancytable th a, #fancytable th, #fancytable th a {
  background: rgb(117, 146, 67);
  color: #fbf3f4;
}
.PerfTable th a:hover,
.fancytable th a:hover,
#fancytable th a:hover{
color:#fff;
}

#ExportCompLink{
margin-top:-35px;
margin-left:350px;
height:30px;

}

  .PerfTable{
  padding:0px;
  width:655px;
  }
.ChartTDSizeSmall{
  width:500px; 
  height:350px;
}

.ChartDivSizeSmall{
width:350px; height: 300px; position:absolute;
}

.ChartTDSizeMedium{
  width:600px; 
  height:400px;
}

.ChartDivSizeMedium{
width:500px; height: 400px; position:absolute;
}

#ChartGaloreContainer{
display:block; width:1100px; height: 500px; visibility:visible; 
}
.ChartGaloreLargeDiv{
display:block; 
width:600px; 
height: 500px; 
visibility:visible; 
background-color:#eee;
margin-right:100px;
margin-top:4em;
}

.ChartGaloreMediumDiv{
display:block; 
width:400px; 
height:400px; 
visibility:visible; 
background-color:#eee; 
float: left; 
margin-right:150px;
}
.ChartGaloreSmallDiv{
display:block; width:250px; height: 400px; visibility:visible; background-color:#eee; float: left; margin-right:20px;

}

a.WhyLoosingOn { 
  color:#681814;
}

a.WhyLoosingOff {
  color: #FF9900;
}

.PerfHeadings th{
text-align:center;
}

.ExcelExportConfirm{
top:150px;
}

caption{
color: rgb(104, 24, 20);
}

.TheSection a{
  font-size:1.1em;
}




.selected{
  font-weight:bold;
}

.relatedVarsTable tr td{
  text-align:right;
  white-space: nowrap;
  padding-left:3px;
  padding-right:3px;
}
.relatedVarsTable tr td:first-child {
    text-align:left;
}

.pointer{
 cursor: pointer; 
}

.hasTT {
  cursor: pointer;
}
.hasTT::before {
  font-family: FontAwesome;
  content: "\f05a";
  font-size: 1.5em;
}

a.hasTT.active{
  border:0;
  background-color:#fff;
}
a.hasTT.active:before{
  font-family: FontAwesome;
  content: "\f129 ";
  color:red;
  font-size:1.5em;
}


.TTMessage{
  max-width:600px !important;
}

#NewToolTipContainer , .ui-tooltip{
  z-index: 9900;
  border:1px solid #666;  
  -webkit-border-radius: 6px; -moz-border-radius: 6px;
  padding:1em;
  background-color: #eee;
  max-width:500px;
  cursor: move;
}
.ui-tooltip-content {
    font-size:12pt;
    line-height: 25px;
}


#NewToolTip tr td, .ui-tooltip-content tr td{
  text-align:right;
}
#NewToolTip tr td:first-child,  .ui-tooltip-content tr td:first-child {
    text-align:left;
}
.alignLeft{
  text-align: left;
}
.subSectionHeading{
  text-align: center;
  margin-top:1em;
  font-size: 1.2em;
}
.clearBoth{
  clear:both;
}

@keyframes pulse {
  0% {
    background-color: #fff;
  }
  100% {
    background-color: #FF41364D;
  }
}

.panelLinkContainer{
    height:4em;
}
.panelLinkContainer td {
  text-align: center;
}
.panelLinkContainer a {
  font-size: 1.3em;
  font-weight: bold;

}

.PanelSection1 {
  padding: 5px;
  height: 20px;
  background-color: #b97456 !important;
}

.PanelSection1 td{
  text-align: center !important;
}


.PanelSection2{
padding:5px;
height:20px;
background-color:#38a7c2  !important;
}

.PanelSection1 td,
.PanelSection2 td, 
.PanelSection3 td {
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  font-size: 1em;
}

.PanelSection3{
padding:5px;
height:20px;
background-color:#7ca83c  !important;
}



.rowalt {
  background-color: #EEEEEE;
}
.rowalt1{
  background-color: #f7e5dd;
 }
.rowalt2{
  background-color: #d0e9ec;
 }

.rowalt3{
  background-color: #d0e7ad;
 }


.panelMRKT tr:nth-child(even) {
  background-color: #f7e5dd;
}

.panelOPER tr:nth-child(even){
  background-color: #d0e9ec;
}

.panelFINA tr:nth-child(even):not(.PanelSection3){
  background-color: #d0e7ad;
}


.panelMRKT tr:nth-child(odd):not(:first-child),
.panelOPER tr:nth-child(odd):not(:first-child),
.panelFINA tr:nth-child(odd):not(:first-child)
{
  background: #FFF
}

.panelMRKT td:not(:first-child),
.panelOPER td:not(:first-child),
.panelFINA td:not(:first-child)
{
  text-align:right;
}


#NotifyChangeMessage {
  padding: 20px;
  border: 1px solid #666;
  margin-right: 300px;
  visibility: visible;
  margin-top: 33px;
  z-index: 9999;
  background-color: #ededcf;
  display: none;
  font-size: 1em;
  font-weight: bold;
  white-space: pre;
}

.notifySeverity1, 
.notifySeverity2,
.notifySeverity3,
.notifySeverity4
{
  margin:1em;
  padding:1em;
  line-height:2em;
  cursor:pointer;

}

.notifySeverity1 a, 
.notifySeverity2 a,
.notifySeverity3 a,
.notifySeverity4 a
{
font-size: 1.2em;
font-weight: bold;
text-decoration: underline;
}

.notifySeverity2{
 color: #773838;
 font-weight: bold;
}

.notifySeverity3{
color: #9F6000;
background-color: #FEEFB3;
}

.notifySeverity4{
color: #D8000C;
background-color: #FFBABA;
}

.notifySeverity1:before, .notifySeverity2:before,
.notifySeverity3:before, .notifySeverity4:before {
    font-family: FontAwesome;
    font-size: 2.5em;
    padding-right: 6px;
    padding-left: 6px;
}
.notifySeverity3:before {
    content: "\f12a";
}

.notifySeverity4:before {
    content: "\f071";
}


#NotifyMessage {
padding:10px;  
position:fixed; 
left:50%;  
top:150px;  
z-index:9999;
background-color:#fff;
display:none;  
max-width: 30em;
border:1px solid #666;  
-webkit-border-radius: 6px; -moz-border-radius: 6px;
cursor: move;
}
#ImportantMessage {
padding:10px;  
position:fixed; 
left:40%;  
top:150px;  
z-index:9999;
background-color:#fff;
display:none;  
max-width: 30em;
border:2px solid #ff0000;  
color:#ff0000;
-webkit-border-radius: 6px; -moz-border-radius: 6px;
cursor: move;
}

#NotifyListContainer {
  padding: 10px;
  border: 1px solid #666;
  position: fixed;
  right: 5em;
  top: 60px;
  z-index: 9999;
  background-color: #fff;
  display: none;
  max-width: 50em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  max-height: 50em;
  overflow: auto;
  cursor: move;
}


.dashIcon {
  padding: 15px;
  cursor: pointer;
  margin: 25px;
  margin-left:45px;
  border: 2px solid black;
  border-radius: 15px;
  display: inline-block;
  width: 4em;
  text-align: center;
  font-size:1.3em;
}
.dashIcon br{
  margin-top:10px;
  display:block;
}

.dashIcon i{
  font-size: 3em;
  font-weight: bold;

}


.soloDashIcon {
  padding: 15px;
  cursor: pointer;
  margin: 15px;
  border: 2px solid black;
  border-radius: 15px;
  display: inline-block;
  width: 4em;
  text-align: center;
  font-size:1.3em;
  min-height:5em;
}
.soloDashIcon br{

}

.soloDashIcon i{
  font-size: 3em;
  font-weight: bold;

}


#DashWorkIcons, #SoloDashWorkIcons {
  background-color: #edc9bb;
}


.rightAlign{
  float:right;
}


/*------ View Selector ---------*/
/*------ View Selector ---------*/
/*------ View Selector ---------*/
/*------ View Selector ---------*/
/*------ View Selector ---------*/


/* -- old viewselector

.viewSelectorAnimate{
  animation: pulse 5s ease-out 3 ;
}
  -- */

.switch {
  position: relative;
  display: inline-block;
  width: 125px;
  height: 25px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #2ab934;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(97px);
  -ms-transform: translateX(97px);
  transform: translateX(97px);
}

/*------ ADDED CSS ---------*/
.on
{
  display: none;
}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 10px;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 24px;
}

.slider.round:before {
  border-radius: 50%;}

  #MarketResearchDiv td {
  padding: 5px;
}

.history{
}
td .history{
  background-color:rgba(16, 16, 16, 0.1);
}
tr.history th{
  text-align: center;
  background-color: #fff;
}
.historyViewSwitch{
  display:block;
  padding:1em;

}
.tabLinkContainer {
  margin-top: 2em;
  display: block;
  margin-bottom: 3em;
}

.tabLinkContainer a {
  padding: 0.75em;
  font-size: 1.3em;
  border: 1px solid #000;
  background-color: #A70000B3;
  border-radius: 5px;
  color: #fff;
  margin-right: 10px;
}
#CompanyAtGlance{
  margin:1em;
} 

.filterTeamSelector select,
.pastQuarterHeading select {
  border-radius: 5px;
  padding: 3px;
  font-size: 1em;
  border: 0;
  font-weight: bold;
}

























/* Emprise JavaScript Charts Stylesheet - Version 2.1 */
/* Copyright (C) 2006-2009 Emprise Corporation. All Rights Reserved. */
.ejschart, .ejschart * { font-family: Verdana; font-size: 10px; cursor: default; padding: 0px; margin: 0px; border: 0px; outline: none; MozUserSelect: none; KhtmlUserSelect: none; }
.ejschart { position: relative; width: 100%; height: 100%; }
.ejsc-chart, .ejsc-axes-canvas, .ejsc-series-canvas, .ejsc-series-canvas-div, .ejsc-hint-canvas, .ejsc-canvas-cover, .ejsc-labels { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;  }
.ejsc-canvas-cover { cursor: crosshair; background-color: #ffffff; 
  opacity: 0; alpha: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); 
}
.ejsc-legend { position: absolute; 
             bottom: 0px; 
             right: -160px; 
             height: 134px; 
             width: 150px; 
             background-color: #fff; border: 1px solid #aaa; 
             opacity: 1.0; 
             filter: alpha(opacity=100); 
             z-index: 9999;
             }
.ejsc-legend * { alpha: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.ejsc-legend-minimized { height: 14px; }
.ejsc-legend-minimized .ejsc-legend-minimize { display: none; }
.ejsc-legend-minimized .ejsc-legend-maximize { display: block; }
.ejsc-legend-minimized .ejsc-legend-series-container { display: none; }
.ejsc-legend-minimized .ejsc-legend-owner { display: none; }
.ejsc-legend-caption { padding-left: 3px; background-color: #EEE; background-image: url("images/images.gif"); background-position: 0px -18px; background-repeat: repeat-x; border-bottom: 1px solid #aaa; height: 16px; line-height: 16px; font-weight: bold; text-align: left; overflow: hidden; }
.ejsc-legend-minimize { height: 16px; width: 16px; float: right; }
.ejsc-legend-minimize-mouseout { height: 16px; width: 16px; overflow: hidden; background: url('images/images.gif') -4px -86px no-repeat; }
.ejsc-legend-minimize-mouseover { height: 16px; width: 16px; overflow: hidden; background: url('images/images.gif') -4px -102px no-repeat; }
.ejsc-legend-maximize { display: none; height: 16px; width: 16px; float: right; }
.ejsc-legend-maximize-mouseout { height: 16px; width: 16px; overflow: hidden; background: url('images/images.gif') -4px -54px no-repeat; }
.ejsc-legend-maximize-mouseover { height: 16px; width: 16px; overflow: hidden; background: url('images/images.gif') -4px -70px no-repeat; }
.ejsc-legend-grabber { width: 10px; height: 16px; float: left; overflow: hidden; background: url('images/images.gif') -8px -119px no-repeat; }
.ejsc-legend-owner { background: url('images/images.gif') 0px -34px repeat-x #f4f4f4; height: 14px; line-height: 14px; text-align: left; border-top: 1px solid #aaa; overflow: hidden; padding: 0px 3px; }
.ejsc-legend-owner-icon { background: url('images/images.gif') -6px -328px no-repeat; height: 14px; width: 14px; float: left; }
.ejsc-legend-series-container { height: 100px; padding: 0px; overflow: auto; padding: 1px; position: relative;  }
.ejsc-legend-series-div { overflow: hidden; }
.ejsc-legend-series-out { display: block; height: 17px; line-height: 17px; text-decoration: none; margin: 0px; background-image: none; text-decoration: none; background-color: #fff; padding: 2px 3px; position: relative; }
.ejsc-legend-series-over { display: block; height: 17px; line-height: 17px; text-decoration: none; margin: 0px; background-image: url("images/images.gif"); background-position: 0px -34px; background-repeat: repeat-x; text-decoration: none; background-color: #eee; padding: 1px 2px; border: 1px solid #aaa; position: relative; }
.ejsc-legend-series-icon { position: absolute; left: 0px; top: 0px; border: 0px; height: 18px; width: 18px; margin-right: 4px; }
/* JHM: 2008-08-16 - Updated to correct issue with non secure warning in https session */
.ejsc-legend-series-icon img { background-image: url("images/images.gif"); background-repeat: no-repeat; height: 16px; width: 16px; border: 0px; position: relative; top: 2px; left: 2px; }
.ejsc-legend-series-over .ejsc-legend-series-icon img { margin: -1px; }
.ejsc-legend-series-caption { margin-left: 18px; margin-right: 18px; position: absolute; width: 100%; line-height: 16px; text-decoration: none; background-image: none; border-bottom: 0px; font-weight: normal; text-align: left; overflow: hidden; height: 17px; white-space: nowrap; }
.ejsc-legend-series-visibility { position: absolute; right: 0px; top: 2px; height: 16px; width: 16px; margin-left: 4px; overflow: hidden; }
.ejsc-legend-series-visibility div { cursor: pointer; height: 16px; width: 16px; overflow: hidden; }
.ejsc-legend-series-on { background: url('images/images.gif') -4px -486px no-repeat; }
.ejsc-legend-series-off { background: url('images/images.gif') -4px -470px no-repeat; }
.ejsc-legend-series-over .ejsc-legend-series-visibility div { margin: -1px 1px; }
.ejsc-canvas-container { position: absolute; }
.ejsc-series-canvas-container { position: absolute; overflow: hidden; }
.ejsc-titlebar { position: absolute; width: 100%; height: 20px;  margin-top:-20px;  white-space: nowrap;}
.ejsc-titlebar-text { font-size: 14px; font-weight: bold; vertical-align: top; }
.ejsc-zoombox { position: absolute; background-color: #3a6ea5; 
       alpha: .20; -moz-opacity: .20; -khtml-opacity: .20; opacity: .20; filter: alpha(opacity=20); 
       overflow: hidden; }
.ejsc-h-crosshair { position: absolute; height: 100%; width: 1px; left: 50%; margin-left: -1px; overflow: hidden; display: none; }
.ejsc-v-crosshair { position: absolute; width: 100%; height: 1px; top: 50%; margin-top: -1px; overflow: hidden; display: none; }
.ejsc-message { position: absolute; padding: 6px 6px; text-align: center; }
.ejsc-message-info { background-color: #FFFFE1; color: #000; font-weight: bold; border: 1px solid #000; alpha: .80; 
    -moz-opacity: .80; -khtml-opacity: .80; opacity: .80; filter: alpha(opacity=80); 
 }
.ejsc-message-error { background-color: #DA2424; color: #000; font-weight: bold; border: 1px solid #000; alpha: .80; 
   -moz-opacity: .80; -khtml-opacity: .80; opacity: .80; filter: alpha(opacity=80); 
 }
.ejsc-message-nodata { background-color: #fff; color: #000; font-weight: bold; border: 1px solid #000; alpha: .80; 
    -moz-opacity: .80; -khtml-opacity: .80; opacity: .80; filter: alpha(opacity=80); 
 }
.ejsc-message-progress { background-color: #77B3D6; color: #3B5768; font-weight: bold; border: 1px solid #5A869F; alpha: .80; 
-moz-opacity: .80; -khtml-opacity: .80; opacity: .80; filter: alpha(opacity=80); 
 }

.ejsc-titlebar, .ejsc-titlebar-text,
.ejsc-h-axis-labels, .ejsc-v-axis-labels, .ejsc-v-label, .ejsc-h-label
{
 -ms-filter:"alpha(opacity=100)"; /* IE8 */
  filter:alpha(opacity=100); /* IE6/IE7 */
 -moz-opacity:1; opacity:1;
}

.ejsc-key-grabber { position: absolute; top: 0px; left: 0px; height: 1px; width: 1px; overflow: hidden; display: block; background-color: transparent; border: none; }
.ejsc-h-axis-labels, .ejsc-v-axis-labels, .ejsc-v-label, .ejsc-h-label { position: absolute; }
.ejsc-h-axis-labels, .ejsc-v-axis-labels { height: 100%; width: 100%;
}
.ejsc-v-label { 
    text-align: right; 
    font-size:8pt; 
 }
.ejsc-h-label { text-align: center; 
    font-size:8pt; 
}
.ejsc-cursor-position { position: relative; width: 100%; height: 100%; }
.ejsc-cursor-position-marker { overflow: hidden; position: absolute; }
.ejsc-cursor-position-label { padding: 1px; position: absolute; white-space: nowrap; }
.ejsc-cursor-position-h .ejsc-cursor-position-marker { height: 100%; width: 1px; }
.ejsc-cursor-position-v .ejsc-cursor-position-marker { width: 100%; height: 1px; }
.ejsc-cursor-position-marker-left { left: 0px; }
.ejsc-cursor-position-marker-top { top: 0px; }
.ejsc-cursor-position-marker-right { right: 0px; }
.ejsc-cursor-position-marker-bottom { bottom: 0px; }
.ejsc-cursor-position-label-left { text-align: left; left: 0px; }
.ejsc-cursor-position-label-top { top: 0px; }
.ejsc-cursor-position-label-right { text-align: right; right: 0px; }
.ejsc-cursor-position-label-bottom { bottom: 0px; }
.ejsc-v-axis-caption { position: absolute; font-size: 12px; font-weight: bold; white-space: nowrap; width: 20px; XXXwriting-mode: tb-rl; }
.ejsc-h-axis-caption { position: absolute; font-size: 12px; height: 20px; line-height: 20px; font-weight: bold; text-align: center; white-space: nowrap; }
.ejsc-hint { white-space: nowrap; font-family: Helvetica, sans-serif; 
alpha: .70; -moz-opacity: .70; -khtml-opacity: .70; opacity: .70; filter: alpha(opacity=70);
font-size: 10px; display: none; position: absolute; top: 0px; left: 0px;  border: 1px solid #999999; background-color: #ffffff; color:#000; padding: 3px; text-align: left;  }

/* JHM: 2008-08-15 - Added for upcoming support of links in hints */
.ejsc-hint a { cursor: pointer; }
.ejsc-hint label { font-weight: bold; font-size: 11px; display: inline; }
.ejsc-hint-pointer { display: none; position: absolute; top: 0px; left: 0px; height: 12px; width: 12px; overflow: hidden; }
.ejsc-hint-pointer div { height: 12px; width: 12px; overflow: hidden; }
.ejsc-hint-tl { background: url('images/images.gif') 0px -208px no-repeat; }
.ejsc-hint-tr { background: url('images/images.gif') -12px -208px no-repeat; }
.ejsc-hint-bl { background: url('images/images.gif') 0px -220px no-repeat; }
.ejsc-hint-br { background: url('images/images.gif') -12px -220px no-repeat; }
.ejsc-hidden { display: none; }
.ejsc-invisible { visibility: hidden; }
.ejsc-visible { visibility: visible; }
.ejsc-legend-tree { height: auto; }
.ejsc-legend-tree-items { margin-left: 32px; margin-right: 4px; }
.ejsc-legend-tree-items .ejsc-legend-tree-items { margin-left: 8px; margin-right: 4px; }
.ejsc-legend-tree-item { height: 16px; line-height: 16px; overflow: hidden; white-space: nowrap; text-decoration: none; display: block; cursor: pointer; }
.ejsc-legend-tree-item:hover { font-weight: bold; }
.ejschart, .ejschart * { text-align: left; }
/* JHM: 2008-08-16 - Added to correct issue with non secure warning in https session */
.ejsc-legend-series-icon img.undefined { background-position: 0px 0px; }
.ejsc-legend-series-icon img.line { background-position: -4px -438px; }
.ejsc-legend-series-icon img.area { background-position: -4px -390px; }
.ejsc-legend-series-icon img.scatter { background-position: -4px -406px; }
.ejsc-legend-series-icon img.pie { background-position: -4px -422px; }
.ejsc-legend-series-icon img.bar-vertical { background-position: -4px -454px; }
.ejsc-legend-series-icon img.bar-horizontal { background-position: -4px -374px; }
.ejsc-legend-series-icon img.floating-bar-vertical { background-position: -4px -518px; }
.ejsc-legend-series-icon img.floating-bar-horizontal { background-position: -4px -502px; }
.ejsc-legend-series-icon img.stacked-bar-vertical { background-position: -4px -264px; }
.ejsc-legend-series-icon img.stacked-bar-horizontal { background-position: -4px -534px; }
.ejsc-legend-series-icon img.function { background-position: -4px -312px; }
.ejsc-legend-series-icon img.trend { background-position: -4px -296px; }
.ejsc-legend-series-icon img.candlestick { background-position: -4px -248px; }
.ejsc-legend-series-icon img.ohlc { background-position: -4px -232px; }
.ejsc-legend-series-icon img.analog-gauge { background-position: -4px -280px; }
@media print {
  .ejsc-canvas-cover { display: none !important; }
  .ejsc-legend, .ejsc-legend * { filter: none !important; opacity: 1 !important; }
  .ejsc-v-axis-caption { filter: flipH !important; }
}



table.math td.underline{
  border-bottom: 1px solid black;
padding:6px;
}
table.math td{
  text-align: center !important;
padding:5px;
}
.top1{
  margin-top:1em;
}
#TheValidation{
  width:300px;
}

.MobileOnly{
  display:none;
}


#BalSheetChartDiv{
  margin-top:45px;
}

#IncomeChartDiv,
#COGSChartDiv,
#CashFlowChartDiv,
#FINADecChartDiv,
#WHOpChartDiv{
  margin-top:30px;

}

.fa-small{
  font-size:15px;
}


#QuickChartContainer {
  position: absolute;
  display: none;
  font-size: 10px;
  font-family: Verdana;
  overflow: visible;
  z-index: 9999;
  background-color: #fff;
  border-radius: 4px;
  left: 200px;
  top: 200px;
  border: 2px solid #000;
  padding: 2em;
  min-width: 300px;
  min-height: 100px;
  cursor: move;
}
#StudentQuickChartVarList {
  height: 75px;
  position: relative;
  display: block;
  font-size: 12pt;
  width: 300px;
  margin-top: 1em;
  margin-left: 1em;
  overflow: auto;
  border: 1px solid #ccc;
  background-color: #f7e5dd;
  box-shadow: 10px 10px 5px #888888;
  margin-bottom: 2em;
  padding: 5px;
 }
 #StudentQuickChartVarList a{
  cursor: pointer;
 }
.standardList {
  font-weight: unset !important;
  list-style-type: unset !important;
}
.InstructorNeedHelpOver a, .InstructorNeedHelp a{
  cursor: pointer;
}

#samplePriceChart {
  width: 700px;
  height: 500px;
  top: 1000px;
  left: 820px;
  position: absolute;
  overflow: auto;
}
.EarlyHelpList{
  list-style: none;
  padding: 5px;
  padding-top: 0;
  margin-top: 0;
    columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  max-width:750px;
}
.EarlyHelpList a{
  cursor: pointer;
}
.EarlyHelpList li{
  padding-bottom: 10px;
}
.PrivacyLink{
  position: absolute;
  bottom: 1em;
  right: 1em;
}

#StatusLight {
  position: fixed;
  right: 50%;
  top: 10px;
  font-size: 1.5em;
  font-weight: bold;
  background-color:red;
  color:white;
  border-radius: 5px;
  padding:1em;
  z-index:9999;
  display: none;
}
#BottomBanner {
  width: 100vw;
  bottom: 0em;
  padding: 0.5em 1em;
  font-size: 1.2em;
  position: fixed;
  background-color: #000;
  color:#e9f9ab;
  text-align: center;
  left:0px;
}

span.QuickTip b{
  font-weight: bold;
  text-decoration: underline;
  font-size: 1.05em;
}