:root {
 --light-bg-color: #cfcbd5; 
  }

@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;
  }
}

.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;          

}

.center{
  text-align: center;
}

.red,.Red {
  color:red;
}

#panelGameSummary{
  padding:5px; 
  position:inherit; 
  max-width:950px; 
  top:150px;
}

#panelPerfReport{
  width:750px;
  height:700px;

}
#PerfReportDiv {
  padding: 5px;
  position: relative;
  height: 550px;
  width: 600px;
  top: 0;
  display: block;
}

#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;
}
.InstLearningScriptContainer{
  top: 150px !important;
 }
#LearningScriptDiv{
  font-size:1.3em !important;
  line-height: 1.3em !important;
}

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


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

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

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

.LSLink{
  cursor: pointer;
}
.LSSelect {
  font-weight: bold;
  color: red;
  opacity:1;
  animation: animateLearningScript linear 1.25s;
  animation-iteration-count: 6;
}
.rightArrow:before{
    font-family: FontAwesome;
    content: "\f005";
    font-size:1.5em;
    color:#ff0000;
    line-height:1.2em;
}


#ActivePanelsDiv{
  top:65px;
}
#ExcelExportLinkDivMav{
  position: relative;
top: -20px;
left: 600px;
}

.pointer{
  cursor:pointer;
}

#TopMiddleMenu {
  position: absolute;
  top: 5px;
  left: 250px;
  opacity: 1;
  font-size: 8pt;
  z-Index: 9999;
}


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: #000;
  text-decoration: none;
  font-size: 14pt;
}
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:#45339b; 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;
  color:#fff;
  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; }
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */


body{
margin-top:60px;
}

.CopyRight img {
}

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

#HelpNumberOfTeams{
 font-size:10px;
 font-family:Verdana;
  position:absolute;
  top:0px;
  left:350px;
  width:280px;
  height:60px;
  visibility:hidden;
  overflow: auto;
  display:block;
  z-index:5000;
  padding-left:10px;
  padding-top:10px;
  padding-right:10px;
  background: #cfcbd5; 
  border: 2px #415228 solid;
  border-radius:5px;
  box-shadow: 3px 3px 3px #3b38a3;
  
}



#GameTopLinks{
background-color:#591fbb;
}


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

}


td{
 font-size:12px;
 font-family:Verdana;
 color:#000000;
 padding: 5px 2px;
}
th{
 font-size:12px;
 font-family:Verdana;
 color:#352c63;
 padding: 5px 2px;
 }


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

}


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

}
.BulletinText{
 font-size:12px;
 font-family:Verdana;
 color:#000000;
}
.ExcelInstructions{
display:none;
}


input{
  text-align:right;
  width: 60px;
  margin-right:0px;
  border-radius:5px;
  
}

.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;
 font-family:Verdana;
  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;
  font-family: Verdana; 
  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;
}


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

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

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


.LeftBar {
 position:absolute;
 top:36px;
 left:390px;
 font-size:10px;
 font-family:Verdana;
 z-index:1000;
 visibility:visible;
  height:40px;

}



#menubar {
   position: relative; 
   font: menu; 
   cursor: hand;  
   top:9px; 
   left:40px
}
#menubar .root {
                    padding-left: 5pt; 
                    padding-right: 5pt; 
                    padding-right: 2pt; 
                    padding-bottom: 2pt; 
                    width:90px;
                    height: 34px;
                    	cursor: pointer;

                    color: #e9e3db;
                    font-family: Verdana;
                    font-size:12px;
                    font-weight:bold;
                    text-align:center;
                    background-image:url(images/TopNavBG.gif);
                    border:1px solid #615674;

                    }
#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: #cfcbd5; 
                 border-left: 2px #415228 solid;
                 border-right: 2px gray solid; 
                 border-bottom: 2px gray solid; 
                 border-top: 2px #415228 solid; 
                 display: none; position: absolute;
	         border-bottom-left-radius:5px;
		 border-bottom-right-radius:5px;
                 box-shadow: 3px 3px 3px #3b38a3;

                          }
    #menubar TABLE {font: menu; 
                    margin: 0pt; 
                    padding: 0pt; 
                    background: #e5ddd4; 
                    	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 TABLE TD {padding-top: 2pt; 
    	cursor: pointer;
padding-bottom: 2pt; padding-left: 12pt; padding-right: 15pt; margin: 0pt
}
    /* Style for highlighted elements */
    #menubar .highlight { background: #dbd2c8; 
                        }
    /* Style for highlighting disabled elements */
    #menubar .disabledhighlight {background: #dbd2c8; 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-family:Verdana; 
    font-size: 10pt; 
    color: #433392; 
    -webkit-transition: background-color, color 0.2s linear;
    -moz-transition: background-color, color 0.2s linear;
    transition: background-color, color 0.2s linear;
    text-decoration: none; 
  }

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


#TimeLinks{
 position:absolute;
 visibility:hidden;
 z-index: 9999;
 font-family: Verdana;
 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
}
.QuarterSelector{
  top:125px;
}

button,
input.BUTTON, input.SMALLBUTTON {
border:1px solid #433f9b;
background-color: #4e47b1;
background: -webkit-linear-gradient(#8884ca, #4e47b1); /* For Safari */
background: -o-linear-gradient(#8884ca, #4e47b1); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#8884ca, #4e47b1); /* For Firefox 3.6 to 15 */
background: linear-gradient(#8884ca, #4e47b1); /* Standard syntax (must be last) */
color: #ffffff;
cursor: pointer;
}
button:hover,
input.BUTTON:hover, input.SMALLBUTTON:hover {
border-color: #8884ca;
background: -webkit-linear-gradient(#c2bfe7,#8884ca); /* For Safari */
background: -o-linear-gradient(#c2bfe7,#8884ca); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#c2bfe7,#8884ca); /* For Firefox 3.6 to 15 */
background: linear-gradient(#c2bfe7,#8884ca); /* Standard syntax (must be last) */
box-shadow: 3px 3px 3px #a8a5dd;
color:#413d93;
}


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

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

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


#TaskBar{
display:block;
color: #e9e3db;
 font-family: Verdana;
 font-size:12px;
 font-weight:bold;
visibility:visible;
z-index:100;
position:absolute;
top:3px;
left:920px;
margin:2px auto;
padding:5px;
height:150px; 
overflow:auto;
}


.TaskBarUtil, .TaskBarMRKT, .TaskBarOPER, .TaskBarFINA {
 color: #e9e3db;
 font-family: Verdana;
 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-family: Verdana;
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;
}
.movepanelMRKT{
 box-shadow: 1px 1px 2px #681814;
}
.movepanelGAME, movepanelUtil{
 box-shadow: 1px 1px 2px #286082;
}
.movepanelFINA{
 box-shadow: 1px 1px 2px #2f4511;
}



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



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

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

.movepanelOPER, .TaskBarOPER {
  background-color: #1e7096;
}

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

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

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

.panelMRKT
{
 border:2px solid #b75e3b;

}


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


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


#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-image:URL(images/GraphBG.gif);
  background-repeat: repeat-y;
}

.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-family:Verdana;
 font-size:13px; 
 border:1px solid black; 
 padding:10px;
 margin: 10px;
 height:500px;
 overflow:auto;
 box-shadow: 3px 3px 3px #888888;
margin-top:15px; 
}



.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{
  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-image:url(images/ChartIconBG.gif);
background-repeat:no-repeat;
background-position:1px 1px;
}

a.RatingDisplay:hover{
background-image:url(images/ChartIconBGDown.gif);
}

#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;
}

#CC
{
  visibility:visible;
 position:absolute;
display:block;
  overflow: visible;
width:510px;
height:170px;
top:80px;
left:10px;
}


#ConsultantChat{
color:#423529;
display:block;
position:absolute;
visibility:inherit;
left:85px;
width:420px;
height:110px;
font-size:7pt;
padding-top:5px;
overflow: auto;
background-color:white;

}

#ConsultantChat .LastXXX{
  display:block;
  color:red;
  background-color:white;
  font-size:9pt;
  padding:5px;
}

#ConsultantChat hr{
color:#bda5d6;
width:200px;
}

#ConsultantChat a{
text-decoration:underline;
text-transform:uppercase;
font-style: italic;
font-size:7pt;
color: #433392;
}
#ConsultantChat .LastXXX a{
text-decoration:underline;
text-transform:uppercase;
font-style: italic;
font-size:9pt;
color: #FF9900;
}



#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, #ChartPopup1, , #ChartPopup2
{
 -ms-filter:"alpha(opacity=100)"; /* IE8 */
  filter:alpha(opacity=100); /* IE6/IE7 */
 -moz-opacity:1; opacity:1;
}


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

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

.MMChartMedium{
 width:350px; 
}

.MMChartSmall{
 width:300px; 
}

.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:830px;
z-index:9999;
overflow:hidden;
}

#ChartPopup1{
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;
}
#ChartPopup2{
position:absolute;
left:410px;
 background-color:#eee; 
 visibility:inherit;
 float: right; 
 height:210px; 
 display:block;
 z-index:9999;
 color:#000;
 width:400px; 
 margin-top:10px;
 margin-right:10px;
}

.moveChartPopup, .moveVideoPopup{
visibility:inherit;
 font-size:12px;
 font-family:Verdana;
 text-align:left;
 height:25px;
 padding-left:10px;
 padding-top:3px;
color:white;
 width:300px;
 z-index:500;
 cursor:move;
 height:25px;
 background-image: url("images/MainBack.gif");
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;
  box-shadow: 3px 3px 3px #888888;

margin-top:0px;
}
#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-image:url(images/LeftMenuGradient.gif);
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:#4e3b2b;

}


.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;
width:600px;
float: left; 
margin:0px;
height:220px; 
padding:0px;
}
#DashContainer table{
  width:500px;
}

#DashTips{
display:block;
width:520px;
float: left; 
padding-bottom:0px;
margin-right:10px;
padding-right:10px;
padding-top:10px;
padding-left:10px;
background-color:#eee;
box-shadow: 3px 3px 3px #888888;
overflow:auto;
   transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
   opacity:1;
   min-height:200px;

}

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


.MMEJDiv {
  visibility: inherit;
  width: 600px;
  height: 180px;
  display: block;
  padding: 0px;
  margin: 5px;
  margin-left: -10px;
}

#DashGlance{
  padding:10px;
}


#DashContainerTools {
  visibility: inherit;
  display: block;
  width: 230px;
  xheight: 200px;
  padding: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  margin: 0px;
  float: left;
  margin-top: 25px;
  position: absolute;
  right: 10px;
}
#DashContainerTools i {
  width: 20px;
}
#DashContainerTools h1 {
  font-size: 23px;
  padding-top: 0px;
  margin-top: -10px;
  padding-bottom: 15px;
}

 #DashContainerTools a {
  display: table;
  font-size: 14pt;
  margin-bottom: 5px;
  cursor: pointer;
}

#DashContainerTools i{
  font-size:20px;
}
 
#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-image:url(images/DashHelpBG.gif);
background-repeat: no-repeat;
overflow:hidden;
}


.DashAreaContainer{
 visibility:inherit;
 float: left; 
 height:200px; 
 width:200px; 
 padding:0px;
 margin-top:65px;
 margin-right:0px;
 padding-right:0px;
 display:block;
 z-index:9999;
 color:#000; 
}


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


.DashChartAreaDiv{
 visibility:inherit;
 height:140px; 
 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:230px; 
 height:140px; 
 float:left;
 margin:5px;
 display:block;
}

.PanelSection1 {
  padding: 7px;
  height: 20px;
  background-color: #efbda74d;
}
.CompInfoTable th{
  text-align: center !important;
}

.PanelSection1 td{
  padding:7px;
  color: #af5729;
  font-weight:bold;
  font-size:8pt;
}


.PanelSection2{
padding:5px;
height:20px;
}
.PanelSection2 td{
padding:7px;
color: #2f607f;
font-weight:bold;
font-size:8pt;
}


.PanelSection3{
padding:7px;
height:20px;
background-color:#7ca83c;
}
.PanelSection3 td{
padding:7px;
color: #2f4711;
font-weight:bold;
font-size:8pt;
}

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

.rowalt3{
  background-color: #e3efd1;
 }

a.SoloGameIcon,a.SoloExamIcon, a.TeamGameIcon{
  display:block;
  width:221px;
  height:260px;   
  text-align:center;
  padding:0px;
  margin-bottom:10px;
  vertical-align: bottom;
  background-repeat:no-repeat;
   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.SoloExamcon: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;
}

#BuildNew, #GameInitDiv, .QuickTipSave, .QuickTip, 
.DisplayTechOptionList, .HelpIndex, .GameType,
#CorrectVersion, .GameTypeExplain, #TechMessage, #TechMessage1,
.InstructorNeedHelp, .InstructorNeedHelpOver,
.StudentNeedHelp, .StudentNeedHelpOver,
#MapExplain, #SubcontractWarning,
.ExplainGameClass {
  cursor:default;
  background: #cfcbd5; 
  border: 0;
  border-radius:0px;
  box-shadow: 1px 1px 2px #3b38a3;

  padding:10px;
  font-size:10pt;
  font-family:Verdana;
  color: #2c2016;
   margin: 5px;
   display:inline-block;
clear:both;
}
.MessageClass2{
  cursor:default;
  background-color:#e4efbb;
  font-size:10pt;
  font-family:Verdana;
  color: #2c2016;
}

#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;
 left:10px;
 margin-top: 5px;
}


.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;
  box-shadow: 3px 3px 3px #888888;

}




.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:500px;
}

a.InstructorSoloPracticeGameIcon, a.InstructorSoloExamGameIcon, a.InstructorTeamGameIcon{
  display:block;
  width:221px;
  height:140px;   
  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;
  background-color: #d0c5b6;
}
a.InstructorSoloPracticeGameIcon, a.InstructorSoloExamGameIcon, a.InstructorTeamGameIcon,
a.SoloGameIcon,a.SoloExamIcon, a.TeamGameIcon
{
  font-size:12pt;
  transition: all 1s ease-in-out;
  margin-right:10px;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  background-size: contain;
}
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.InstructorSoloPracticeGameIcon {
background-image:url(images/InstructorSolo.gif);
  font-size:12pt;
}
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;
}
#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;
  text-decoration:none;
  }
  
.AvoidPageBreak{
position:relative;
page-break-inside:avoid;
}
#CloseIcon{
margin-top:-5px;
margin-bottom:-35px;
}
#CompanyPerformanceStats, #CompanyPerformanceStats a{
font-size: 8pt;
color:#000;
}
#panelGameSummary a{
color:#608329;
font-size:10pt;
cursor: hand;  

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

}
#SummaryLinks {
    padding: 10px;
    line-height: 30px;
}
#PerfLinks{
  margin-top:10px;
}

#PerfLinks a, #SummaryLinks a{
padding:5px;
background-color:#4e3b2b;
border:1px solid;
color:white;
}
#PerfLinks a:hover, #SummaryLinks a:hover {
color:#608329;
}

.TopRight{
 vertical-align: top;
 text-align: right;
}


#CIDSalePot1Quarter{
  display:inline;
  
}

.TotalElement{
font-weight:bold;
color:#eb0f32;
padding-left:5px;
padding-right:5px;
padding-top:10px;
padding-bottom:15px;
}


#TeamListSelector, .TLS {
  height: 60px;
  font-size: 10pt;
  width: 200px;
  margin-top: 10px;
  margin-left: 50PX;
  overflow: auto;
  border: 1px solid #ccc;
  background-color: #f7e5dd;
  box-shadow: 3px 3px 3px #888888;
  margin-bottom: 20px;
 }


#TeamListSelector:hover, .TLS-HOVER{
height:150px;
}
#MoveSalesman{
  display:none;
  z-index:9999;
  position:absolute;
  padding-left:10px;
  padding-right:10px;
  
}
.SalesRepIconContainer{
  width:80px;
  white-space:normal;
  padding:0px;
  margin:0px;
}
#panelMainEJDiv2{
  width:380px;
}
#panelMainEJDiv3,
#panelMainEJDiv4{
  width:150px;
}


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




.NonSelectItem{
 font-size:12px;
 font-family:Verdana;
 text-decoration:none;
 text-shadow:0px 0px 0px;
}
#SalePotContainer{
position:relative;
clear:both;
}
.WeightTotal{
  text-align:right;
  font-style:italic;
  padding-right:5px;
  font-weight:bold;
  
}
span.dropt {
   }
 span.dropt::before{
   padding: 5px;
content: "\f059";
font-family: fontAwesome !important;
font-size: 1.5em !important;
 }  
span.dropt:hover {text-decoration: none; 
 }

span.dropt:hover {text-decoration: none; 
background: #e5ddd4; 
background-image:url(images/tipicon.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
color:black;
z-index: 6; }

span.dropt:hover span {left: 2%; background: #ffffff;} 

span.dropt span {
  position: absolute; 
  left: -9999px;
  margin: 4px 0 0 0px; 
padding: 10px; 
max-width:950px;
border-width:1px;
border-style:solid;
border-color:#582a58;
box-shadow: 3px 3px 3px #888888;
background-color: #e5ddd4; 
border-radius:5px;
 height:auto;
 }

span.dropt:hover span {margin: 20px 0 0 100px; background: #ffffff; z-index:6;} 
.LeftAlign{ text-align:left;}
.InstReport tr td{
   text-align:right;
   font-size:11pt;   
 }
 .InstReportAlt{
 background-color:#dad4e2;
 }

 .ProductAreaSectionHeading{
   text-align:left;
   color:#352c63;
   font-weight:bold;
   font-size:12pt;
   padding-top:15px;
 }
 .ProductSectionHeading{
   text-align:left;
   color:#352c63;
   font-weight:bold;
   font-size:12pt;
   padding-top:8px;
 }
 .InstReportMainSection {
   color:#352c63;
   font-weight:bold;
   font-size:16pt;
   margin-top:0px;
   margin-bottom:0px;
   padding-top:10px;
   padding-bottom:10px;
   
 
 }
 .InstReportSectionFinish{
   margin-top:15px;
 }
  .PageBreak {
  height:50px;
  display:block;
  page-break-after:always;
  }

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

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

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

}
.em {
  background-color:#e4efbb;
  font-size:10pt;
  font-family:Verdana;
  color: #2c2016;
  padding:5px;
  font-weight:bold;
  
}
#PrintFrame{
margin-left:-500px;
}
.CompInfoTable tr,.CompInfoTable tr td {
  text-align:right;
}

.SummaryReportH2{
margin-top:0px;
padding-top:0px;
}
 
.SummaryTable td{
  width:60px;
  text-align:right;
 
}
.SummaryTable td.First{
  width:140px;
  text-align:left;
}
#SPTDisplay{
position:absolute;
left:10px;
width:400px;
display:block;
}
#SPTDisplay td {
text-align:right;
}
#OtherCustomCostVectors{
  display:block;
  position:absolute;
  width:500px;
  height:300px;
  overflow:auto;
  padding:10px;
  top:150px;
  left:600px;
  z-index:8888;
  background-color: #f7e5dd;
  box-shadow: 3px 3px 3px #888888;

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


#SelectGameTeamIDs{
  display:block;
  z-index:999;
  position:relative;
  width:400px;
  padding:10px;
  background-color: #f7e5dd;
  box-shadow: 3px 3px 3px  #888888;
}
#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;
}

.StudentNeedHelp, .StudentNeedHelpOver
{
position:absolute;
display:inline-block;
top:80px;
left:650px;
width:180px;
overflow: auto;
-webkit-transition: background-color 1s linear;
-moz-transition: background-color 1s linear;
transition: background-color 1s linear;

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

}

.standardList {
  font-weight: unset !important;
  list-style-type: unset !important;
}
.InstructorNeedHelpOver a, .InstructorNeedHelp a{
  cursor: pointer;
}



.topInstLinks {
  position: absolute;
  display: block;
  top: 60px;
  left: 225px;
}

.InstructorNeedHelp a, .InstructorNeedHelpOver a,
.StudentNeedHelp a, .StudentNeedHelpOver a{
  cursor: pointer;
}

#BuildNew{
left:50px;
}
.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:220px;
width:450px;

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

}

#ExceptionReportContainer h3{
}
#ExceptionReportContainer em{
font-weight:bold;
font-size:11pt;
}


.PerfTable thead,
#fancytable thead, 
.fancytable thead
{
box-shadow: 0px 5px 3px rgb(59,56,163);
}

.fancytable,
.PerfTable{
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
box-shadow:5px 5px 5px rgb(59,56,163);
border-spacing: 0px;

}
.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
{
    background:#6083fc;
    color:#fff;
}

.PerfTable tr:nth-child(even),
#fancytable tr:nth-child(even),
.fancytable tr:nth-child(even)
{
  background:#d1dcff;
}
.PerfTable tr:nth-child(odd),
#fancytable tr:nth-child(odd),
.fancytable tr:nth-child(odd)
{
background:#e8edff;
}
.PerfTable th, #fancytable th a,
#fancytable th, #fancytable th a,
.fancytable th, .fancytable th a
{
                background:#a4b8fc;
                color:#039;padding:8px;
}


.PerfTable th a:hover,
#fancytable th a:hover,
.fancytable th a:hover
{
color:#fff;
}


.NameField{
   white-space: nowrap;
   text-decoration:none;
}

.NameField ul{ 
  display:none;
}

.NameField:hover{

}
.NameField:hover ul {
  display:block;
}
#ExportCompLink{
margin-top:-35px;
margin-left:350px;
height:30px;

}
  .PerfTable{
  padding:0px;
  width:550px;
  }
  
.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;
}
.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;

}
#CloseDemoSoloDiv{
margin-left:85px;
}
.footer:after{
  white-space: pre; /* or pre-wrap */
  content:'\A\A                                                         MavenSupport@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;
}


#TopBar{
top:0px;
left:0px;
padding:5px;
width:100%;
height:45px;
position:absolute;
background-color: #CFCBD5; /* Old browsers */
z-index:100;

}
#MRKTReportButton {
  position: absolute;
  float: right;
  right: 10px;
}

#LogoDiv {
  background-image: url("images/Maven.svg");
  background-repeat: no-repeat;
  background-position: 0px -5px;
  width: 200px;
  height: 50px;
  cursor: pointer;
}
#LogoDiv::after {
  content: "V3";
  color: #f99600;
  float: right;
  font-size: 2em;
  margin-top: 25px;
}
i.product1::before{
content: "\f1e3";
color:#d1130f;
font-family: fontAwesome !important;
font-size: 2em !important;
font-style:normal;
 }  

i.product2::before{
content: "\f1cd";
color:#318b67;
font-family: fontAwesome !important;
font-size: 2em !important;
font-style:normal;
 }  
 i.product1, i.product2{
  padding:5px;
 }



#ViewSelector {
  position: absolute;
  right: 20px;
  top: 60px;
  padding: 1em;
}
#ViewSelector ul {
  padding: 0;
  margin: 0;
  margin-top: 1em;
  list-style: none;
  line-height: 40px;
}

#ViewSelector a{
background-color: var(--light-bg-color);
border: solid 2px #2c5f62;
border-radius: 5px;
padding: 10px 5px;
cursor: pointer;
width:90px;
display:inline-block;
}

#ViewSelector a.active{
background-color: #eee;
color:#b9592f;
font-weight: 600;
}

.PromoteContainLinks a,
.perceptionTab,
.MDTab,
.WHOpTab,
.SARTab,
.CashTab,
.CompInfoTab,
.WHOTab {
  background-color: var(--light-bg-color);
  border: solid 2px #2c5f62;
  border-radius: 5px;
  padding: 10px 5px;
  cursor: pointer;
}

.highlight, .perceptionTabSelect, .MDTabSelect, .SARTabSelect, .WHOpTabSelect, .CashTabSelect, .CompInfoTabSelect, .WHOTabSelect {
  background-color: #433392 !important;
  color: white;
  font-weight: 600;
  box-shadow: red 2px 2px 2px;
}

.PromoteContainLinks,
#WHOpTabDiv,
#SARTabDiv,
#MDTabDiv{
  position:relative;
  height: 50px;
  margin-left: 20px;
  margin-top: 20px;
 }

#panelIncome th,
#panelBalSheet th,
#panelCashFlow th,
#panelWHOp th, 
#panelMRKT th, 
#panelSAReport th {
  font-size: 1.25em;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
}

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

#panelWHOpEJDiv1,#panelWHOpEJDiv2{
  margin-bottom:20px;
}
.TTHistory tr td:nth-child(odd){ 
    background: #eee;
    padding:5px;
}
.TTHistory tr td:nth-child(even){ 
    background: #fff;
    padding:5px;
}



#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;
}


#NewToolTipContainer , .ui-tooltip{
  z-index: 9999;
  border:1px solid #666;  
  -webkit-border-radius: 6px; -moz-border-radius: 6px;
  padding:1em;
  background-color: #eee;
  max-width:500px;
  cursor: move;


}
#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;
}


.rightAlign{
  float:right;
}


.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;
}

.saveLabelMenu,
.reviewLabelMenu,
.processLabelMenu{
  width:200px;
}
.saveLabelMenu::before {
  content: "Save Decisions";
  font-size: 14pt;
  margin-left: 35px;
  font-weight: bold;
  white-space: pre;
  margin-top: -23px;
  position: absolute;
}
.reviewLabelMenu::before {
  content: "Review Decisions";
  font-size: 14pt;
  margin-left: 35px;
  font-weight: bold;
  white-space: pre;
  margin-top: -23px;
  position: absolute;
}
.processLabelMenu::before {
  content: "Process Quarter";
  font-size: 14pt;
  margin-left: 35px;
  font-weight: bold;
  white-space: pre;
  margin-top: -23px;
  position: absolute;
}
.restartLabelMenu::before {
  content: "Restart";
  font-size: 14pt;
  margin-left: 35px;
  font-weight: bold;
  white-space: pre;
  margin-top: -23px;
  position: absolute;
}
.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;
}

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

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

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

a{
  cursor: pointer;
}
.ExcelexportLink{
  float:right;
}

.Width300{
  width:300px;
}
.Width400{
  width:400px;
}
.Width500{
  width:500px;
}

#PreviewDiv{
  overflow: auto;
  display:none;
  width:50vw;
  position:absolute !important;
  top:200px; right:50px;
  background-color: #eee;
  padding:1em;
  border:solid 3px black;
  resize: both;
  z-index: 999;
}
#InterfaceMessage {
  background-color: rgb(236, 180, 180);
  display: none;
  padding: 2em;
  font-size: 1.2em;
  position: fixed;
  top: 200px;
  left: 200px;
  z-index: 999;
  border-radius: 0.5em;
  border: solid 3px #111;
}
.NewWindow{
  margin-left: 200px;
}


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

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

#TopMenu a{
  vertical-align: top;
}
#TopMenu li i{
  font-size:15pt;
}
#TopIconDiv {
  margin-left: 30px;
  margin-top: 10px;
  margin-bottom: -10px;
}
#TopIconDiv a{
  display:table;
}

#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 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;
}

#InstNav, #InstResources {
  display: none;
  z-index: 999;
  background-color: #CFCBD5;
  position: absolute;
  width: max-content;
  right: -10px;
}

#InstNav li a, #InstResources  li a{
  font-size: 12pt;
}

#InstNav ul, #InstResources ul{
  padding:10px;
}
#InstNav li, #InstResources li
{
  list-style-type: none;
  padding-bottom: 5px;
}
#TopRightLinkContainer {
  position: relative;
  float: right;
}

#TopInstMenu {
  position: absolute;
  float: right;
  top: 5px;
  right: 10px;
  z-index: 999;
}
#TopInstMenu > a{
  padding:0.5em;
}
#XXXXXTopRightLinkContainer .OtherLinks{
  display:none;
}

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

.TopLinkNotifyHighlight {
  color: #ff0000;
  animation: animateHighlight linear 1.25s;
  animation-iteration-count: 8;
  position: relative;
  top: -6px;
}

.fa {
  font-size: 30px;
}

.dashLabel::before {
  content: "Dash";
  font-size: .9em;
  margin-left: 0px;
  font-weight: bold;
}
.saveLabel::before {
  content: "Save";
  font-size: .9em;
  margin-left: -3px;
  font-weight: bold;
}
.filterLabel::before {
  content: "Filter";
  font-size: .9em;
  margin-left: -3px;
  font-weight: bold;
}
.menuLabel::before {
  content: "Menu";
  font-size: .9em;
  margin-left: -4px;
  font-weight: bold;
}
.helpLabel::before {
  content: "Help";
  font-size: .9em;
  margin-left: -1px;
  font-weight: bold;
}
.noticeLabel::before {
  content: "Notices";
  font-size: .9em;
  margin-left: -9px;
  font-weight: bold;
}

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

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

.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:absolute; 
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;
}

.removeIcon{
  cursor: pointer;
  float:right;
  margin:10px;
}

#DashContainer a,
#DashContainerTools a{
  cursor: pointer;
}


#ResearchContainer{
  padding:20px;
}

.CompInfoTable th {
  font-size: 12pt !important;
}

.CompInfoTable th.SectionHead{
  font-size:18pt  !important;
  
}

#SaveMessage{
  padding:1em;
  background-color: #eee;
  
}

#TopRightMenu a,
#TopMiddleMenu a{
  cursor: pointer;
}
#TopRightMenu {
  border:0 !important;
  position: absolute;
  right: 10px;
  top: 5px;
  z-index: 999;
}
#TopRightMenu a{
  border:0 !important;
  padding:0.5em;
}

.fixDashToolsForMobile{
position: relative !important;
right:unset;
left:20px;
margin-bottom:15px;
}


#GameSummaryDiv {
  padding: 5px;
  position: inherit;
  height: calc(100vh - 350px);
  max-width: 900px;
  top: 0;
}

#ViewSelector {
  padding: 1em;
  width: 125px;
  margin-top: -5px;
}
.perceptionHeader {
  font-size: 1.7em;
  cursor: pointer;
  margin-left: 7em;
  text-decoration: underline;
  line-height: 30px;
}

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

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

#perceptionTabDiv {
  height: 100px;
  padding-top: 20px;
  margin-left: 10em;
  line-height: 50px;
}
#perceptionContainer{
  position:absolute;
  bottom:2em;
  right:2em;
}
.perceptionTab {
  background-color: var(--light-bg-color);
  border: solid 2px #2c5f62;
  border-radius: 5px;
  padding: 10px 5px;
  cursor: pointer;
}
.perceptionChart{
  margin-left: 5em;
  margin-top: 2em;
}
.TheIcons a{
  cursor: pointer;
}

.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;
}
#BottomBanner {
  width: 100vw;
  bottom: 0em;
  padding: 0.5em 1em;
  font-size: 1.2em;
  position: fixed;
  background-color: #cfcbd5;
  text-align: center;
}