body {
 font-size:10pt;
 font-family:Verdana;
 background-repeat: repeat-x;
 background-color: #ffffff;
 margin-top:  50px;
 margin-left: 10px;
}
a img {
border:0px;
}
h1, h2, h3, h4, .SectionHead, caption, #industrySection h2{
 padding:10px;
 padding-left:0px;
 margin:0px;
 font-family:  Ubuntu,  Arial, sans-serif; 
} 

h1{
  font-size:25px;
  line-height: 25px;
}

h2{
 font-size:18px;
}
h3{
 font-size:14px;
 margin-top:5px;
}
caption{
margin: 0px;
padding: 5px;
font-size: 14pt;
text-shadow: 1px 1px 2px #999;
}

.red{
  color:red;
}

h4{
 font-size:12px;
}
#fancytable{ font-family:  Ubuntu,  Arial, sans-serif; 
             font-size:10px;text-align:left;border-collapse:collapse;margin:10px;
                white-space: nowrap;
}
#fancytable thead{
border-radius:5px;
}
#fancytable td,
.fancytable td
{border-bottom:1px solid #fff;
color:#000;
border-top:1px solid transparent;padding:8px;
   white-space: nowrap;
}

#fancytable tr:hover td, #fancytable tr:hover td a,
.fancytable tr:hover td, .fancytable tr:hover td a
{
   white-space: nowrap;
}

#fancytable th, #fancytable th a,
.fancytable th, .fancytable th a{
   font-size:10pt;
   font-weight:normal;
   text-decoration:none;
   text-align:left;
   padding-left:5px;
   font-family: Ubuntu,  Arial, sans-serif;
   padding:8px;
   white-space: nowrap;
   line-height:20px;
}
#fancytable th a,
.fancytable th a{
text-decoration:underline;
}

#fancytable thead tr:nth-child(1),
#fancytable thead tr a:nth-child(1),
.fancytable thead tr:nth-child(1),
.fancytable thead tr a:nth-child(1)
{
   text-align:center;
   padding:0px;
   margin:5px;
   font-size:10pt;
}
em{
   font-family: Ubuntu,  Arial, sans-serif;
}

.Plain{
  color:black;
  text-decoration:none;
}
.Plain:hover{
  text-decoration:none;
  color:black;
}
.CopyRight{
display:block;
position:absolute;
visibility:visible;
left:150px;
font-size:6pt;
color:#330099;
padding-top:50px;
margin-top:100px;
opacity:.7;
 }
.panelHeader{
   font-family: Ubuntu,  Arial, sans-serif;
   color: #eee;
   font-size: 12pt;
   margin-left:5px;
   margin-right:30px;
   padding-right:150px;
}

.SectionHead{
   font-family: Ubuntu;
   color: #000000;
   font-size: 14pt;
   margin-top:35px;
   margin-left:0px;
}
.PageHeaderLinks{
   font-family: Ubuntu;
   color: #FFFFFF;
   font-size: 9pt;
   text-decoration: none;
   text-align:right;
   border-top: 0px; 
   border-left: 1px lightgrey solid; 
   border-right: 1px lightgrey solid; 
   background:#8E66CC;
   height:14px;
   margin-top:-2px;
   opacity:.5;
   -ms-filter:"alpha(opacity=50)"; /* IE8 */
   filter:alpha(opacity=50); /* IE6/IE7 */
}


#PageID {
  color:#AAAAAA;
  text-align:right;
  margin-top:300px;
  
}

#ComDiv{
   position:absolute;
   top:100px;
   left:100px;
   z-index: 9999;
   font-family: Verdana;
   color: #000000;
   font-size: 12pt;
   text-decoration: none;
   text-align:right;
   border: 1px lightgrey solid; 
   padding: 2pt; 
   background:#DDDDDD;
   width:400px;
   height:70px;  
   visibility:hidden;
}


.ACCOUNT{
  text-align:left;
  width: 200px;
  
}
.ACCOUNTWIDE{
  text-align:left;
  width: 400px;
}

.COST{
  text-align:right;
  width: 100;
}


.InputErrorDiv{
 visibility:hidden;
 color:red;
}

.InputErrorDivShow{
 visibility:visible;
 color:red;
}
#HelpBody {
 font-size:12px;
 font-family:Verdana;
 background-image: url("images/bg.gif");
 background-repeat: repeat-x;
 margin-left: 10px;
 margin-top:0px;
}
.InstPopupClose{
margin-bottom:-30px;
 }
.Popup{
  position:absolute;
  top:0px;
  left:0px;
  visibility:hidden;
  display:block;
  background-color:#ECECEC;
  padding:10px;
  border:2px solid #4e3b2b;
  border-radius:3px;
  box-shadow: 1px 1px 2px #333;
  z-Index:999;
 }
 #LinkPopup li{
  list-style: none;
  white-space: nowrap;
  margin: 5px 0px;
 }

.Popup th{
   color:#61822d;
 }
 
.InstSection, .InstSectionOver{
display:block;
-webkit-transition: height .3s linear;
-moz-transition: height .3s linear;
transition: height .3s linear;
width:250px;
overflow: hidden;

}
.InstSection h3,
.InstSectionOver h3{
  font-size:9pt;
  margin:0px;
  padding:0px;
 }

.InstSection li,
.InstSectionOver li{
	list-style: none outside none;
}

.InstSection{
height:20px;
}

.InstSectionOver{	
height:120px;
}
.MoreOptions{
padding-top:20px;
padding-left:10px;
font-style:italic;
line-height:30px;
font-size:8pt;
}
.StudentNeedHelp em , .StudentNeedHelpOver em{
text-transform:uppercase;
font-weight:bold;
font-size:9pt;
}
a.WhyLoosingOn,a.WhyLoosingOff  { 
 font-family:  Ubuntu,  Arial, sans-serif; 
 font-size: 10pt; 
 font-weight:bold;
 -webkit-transition: all 1s linear;
 -moz-transition: all 1s linear;
 transition: all 1s linear;
 text-decoration: none; 
 padding:5px;
}

.panelMain, .panelMRKT, .panelOPER, .panelFINA, .panelSearchArea{
 visibility:hidden;
 position:absolute;
 display:block;
 font-size:10px;
 font-family:Verdana;
 overflow: visible;
 z-index:100;
 background-color: #fff;
 border-radius:4px;
 left:20px;

}
#NeedHelpDiv, #ForgotPasswordDiv{
  display:none;
  position:absolute;
  padding:20px;
  background-color:silver;
  top:70px;
  left:300px;
  border:3px solid #333;
  border-radius:5px;
}
#CreateAccountDiv{
  display:none;
  position:absolute;
  padding:20px;
  background-color:silver;
  top: 70px;
  left: 300px;
  border:3px solid #333;
  border-radius:5px;
}
#industrySection{
padding:15px;
padding-top:30px;
width:800px;
}
#TipPopup{
 font-size:10px;
 font-family:Verdana;
  position:absolute;
  top:55px;
  left:250px;
  width:495px;
  height:auto;
  background-color:silver;
  border:3px solid #555;
  box-shadow: 5px 5px 5px #333;
  border-radius:5px;  
  overflow: hidden;
  display:none;
 z-index:5000;
  padding:20px;
}
#ExplainPopup{
 font-size:10px;
 font-family:Verdana;
  position:absolute;
  top:0px;
  left:0px;
  width:350px;
  height:275px;
  background-repeat:no-repeat;
  visibility:visible;
  overflow: hidden;
  display:none;
 z-index:5000;
  padding:10px;
}
#ExplainPopup a.ClosePopup{
margin-right:18px;
font-size:14pt;
color:#808080;
}
  #scroll_box {
visibility:inherit;
width:335px;
height:170px;
overflow: auto;
font-size:8pt;
  }

#LoginTable {
  padding: 15px;
  padding-top: 25px;
  background-color: #E0E0E0;
  border-radius: 5px;
  margin: 10px;
  width: 325px;
}

#LoginTable td{
  padding:5px;
  font-size:12pt;
 font-family:  Ubuntu,  Arial, sans-serif; 
}
#LoginTable a{
 font-family:  Ubuntu,  Arial, sans-serif; 
}
.HelpCloseLink{
position:absolute;
top:10px;
right:30px;
display:block;
visibility:visible;
}
.HelpCloseLink a{
font-size:14pt;
color:#808080;
}

#ActivePanelsDiv{
position:absolute;
display:block;
top:60px !important;
right:5px;
visibility:visible;
z-index:9000;
width:180px;
padding:5px;
background-color:#eee;
}
#ActivePanelsMenu.ui-menu{
width: 170px;
font-size:8pt;
}
#ActivePanelsButton{
width: 150px;
border-radius:8px;
right:10px;
top:0px;
}
#ActivePanelsButton{
margin-right:10px;
}
.ActiveMRKT, .ActiveFINA, .ActiveOPER, .ActiveUTIL{
display:block;
padding:5px;
font-size:8pt;
}
.ActiveUTIL{
background-color:silver;
}
.ActiveMRKT{
background-color:#f3a27b;
}
.ActiveOPER{
background-color:#4aa8c0;
}
.ActiveFINA{
background-color:#78a139;
}

.arrow-up {
position:relative;
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;

	border-bottom: 3px solid black;
}

.arrow-down {
position:relative;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;

	border-top: 8px solid #f00;
}


#VideoPopupContainer{
top:150px;
left:0px;
position:absolute;
display:hidden;
height:500px; 
width:1000px;
z-index:999;
 color:#2c2016;
 top:125px;
 left:25px;

}

#VideoPopup{
position:absolute;
 visibility:inherit;
 float: left; 
 display:block;
 z-index:9999;
 color:#000;
 margin-top:10px;
 color:#2c2016;
 margin-left:10px;
}
#VideoPopup h3{
margin:10px;
margin-top:0px;
padding:0px;
width:600px;
}

.VideoMessageContainer{
 display:block;
 width:250px;
}

.VideoMessage{
 background-color:#e5ddd4;
 padding:5px;
 font-size:9pt;
 padding-bottom:10px;
display:block; 
}

.VideoSelection{
margin-top:15px;
 font-size:8pt;

 background-color:#fff;
 display:block;
 color:#2c2016;
 padding:5px;
 border:0px;
}
.VideoSelection strong{
 color:#2c2016;
}
.VideoSelection a{
 font-size:8pt;
}

.footerholder {
  z-index: -1;
  background: none repeat scroll 0 0 transparent;
  bottom: 2em;
  text-align: center;
  width: 100%;
  pointer-events: none;
  position: absolute;
}

.footer {
    background: none repeat scroll 0 0 transparent;
    background-image:url(images/OTSLogo.gif);
    height: 80px;
    margin: auto;
    width: 400px;
    opacity:.6;
}
.ReturnToLinkDiv{
bottom:50px;
left:20px;

}
.ReportUtil{
  color:#000 !important;
  background-color:#fff !important;
  border: 0 !important;
}
#PerfReportDiv,#GameSummaryDiv{
  overflow:auto;
  resize:both;
background-color:#f6f6f6;
position:fixed;
top:225px;
bottom:100px;
left:20px;
}

#PerfReportDiv{
  width:750px;
  padding:5px; 
  position:inherit; 
  height:630px; 
  width:750px;
  top:100px;

}
@media print{
  #PerfReportDiv,#GameSummaryDiv{
  overflow:visible;
  top:unset;
  bottom:unset;
  left:unset;

  }

}

.PerfTable td {
  white-space:nowrap;
}

#ExcelExportLinkDiv{
position:relative;
top:-20px;
left:600px;
}
#TheHelp{
 position: absolute; 
 width:300px; 
 top:100px; 
 left:150px; 
 display:none;
 z-index:9999;
 overflow:hidden;
visibility:visible;
}
#TheHelp h3{
  margin-top:-30px;
}


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

#ConsultantChatToggle{
 cursor:move;
display:block;
position:absolute;
visibility:inherit;
width:70px;
height:110px;
z-index:9999;

}

#ConsultantChat{
color:#423529;
display:block;
position:absolute;
visibility:inherit;
left:85px;
width:420px;
height:405px;
font-size:7pt;
padding-top:10px;
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: #58742d;
}
#ConsultantChat .LastXXX a{
text-decoration:underline;
text-transform:uppercase;
font-style: italic;
font-size:9pt;
color: #FF9900;
}


#QuarterMenu{
  width:100px;
  }
#QuarterMenuLabel {
                   font-weight:bold;
                   color: #FF9900;
                   }
button,
.SAODiv button,
input.Button,
input.BUTTON, input.SMALLBUTTON {
border-radius:5px;
padding: 10px;
margin:10px;
margin-right:0px;
width:auto;
box-shadow: 2px 2px 2px #888888;
text-align:center;
font-family:  Ubuntu,  Arial, sans-serif; 
font-size:12pt;
transition: background,box-shadow 1s ease-in-out;
-moz-transition: background,box-shadow 1s ease-in-out;
-webkit-transition: background,box-shadow 1s ease-in-out;

}
.SendMessageIFrame{
display:none;
}
 .b-close{
	font-size:12pt;
	font-weight:bold;
	padding:5px;
	display:block;
	background-color:#983800;
	border-radius:5px;
	color:#fff;
margin-top: -9px;
margin-right: -32px;
cursor:pointer;
	position:absolute;
	right:10px;
	top:5px;
}
.comIFrame{
border:0px;
}
.waitGif{
border:0px;
margin-top:10px;
}
.TempVerified1{
background-color:#aaa;
}
code { white-space: pre; }


.faicons{
}
.panelTopRightIcon{
  font-size: 1.75em;
  color:#eee;
  padding-right: 10px;
}

.TheIcons{
 visibility:inherit;
 font-size:12px;
 font-family:Verdana;
 height:40px;
 margin-top:-28px;
 z-index:999;
 cursor:move;
 text-align:right;
 width:100%;
 
}
.TeamSelector, .QuarterSelector {
position: absolute;
top: 70px;
right: 10px;
visibility: visible;
font-weight: bold;
color: #F00;
z-index: 999;
box-shadow: 0 0;
background: none;
border: 0;
}
.TeamSelector {
right: 125px;
}

#PrintIcon {
  position: absolute;
  top: 110px;
  right: 25px;
}

.fa-15x{
  font-size: 1.5em;
}
.fa-75x{
  font-size: 0.75em;
}
.MinChartLink{
  height:35px;
  position:relative;
  margin-bottom:-5px;
  margin-top:-5px;
  margin-left:5px;
}
.DashAreaContainer i{
  padding-left:5px;
}

.DashNavMenuHelpLink::before,
.DashNavMenuMapLink::before,
.DashNavMenuMiscLink::before,
.DashNavMenuDecisionLink::before,
.DashNavMenuCostLink::before,
.DashNavMenuTipLink::before,
.DashNavMenuReportLink::before {
    font-family: FontAwesome;
    font-size: 1.3em;
    padding-right: 6px;
    padding-left: 6px;
}    
.DashNavMenuReportLink::before {
    content: "\f201";
}    
.DashNavMenuTipLink::before {
    content: "\f059";
}
.DashNavMenuCostLink::before {
    content: "\f0d6";
}
.DashNavMenuDecisionLink::before {
    content: "\f0e8";
}
.DashNavMenuMiscLink::before {
    content: "\f0ad";
}
.DashNavMenuHelpLink::before {
    content: "\f008";
}
.DashNavMenuMapLink::before {
    content: "\f278";
}

.shiftDown1{
  margin-top:1em;
}
.shiftDown15{
  margin-top:1.5em;
}
.shiftDown2{
  margin-top:2em;
}

.shiftLeft1{
  margin-left:1em;
}
.shiftLeft15{
  margin-left:1.5em;
}
.shiftLeft2{
  margin-left:2em;
}
.right{
  float:right;
}
.pad1, .padding1{
  padding: 1em;
}
.MaxWidth400{
  max-width: 400px;
}
.MaxWidth500{
  max-width: 500px;
}
.MaxWidth600{
  max-width: 600px;
}
.MaxWidth700{
  max-width: 700px;
}
.MaxWidth800{
  max-width: 800px;
}

.LinkList{
   width: 300px;
  margin: 10px 30px;
}
.LinkList h2{
font: 400 35px/1.5 Helvetica, Verdana, sans-serif;
margin: 0;
margin-left: -30px;
padding: 0;
white-space: nowrap;
margin-top: 20px;}

.LinkList > h3 {
font: 400 25px/1.5 Helvetica, Verdana, sans-serif;
margin: 0;
margin-left: -30px;
padding: 0;
white-space: nowrap;
margin-top: 20px;
}

.InstructorNeedHelpOver em,
.StudentNeedHelpOver em {
font: 400 20px/1.5 Helvetica, Verdana, sans-serif;
margin: 0;
margin-left: 0px;
padding: 0;
white-space: nowrap;
margin-top: 20px;
}

.LinkList h3:first-child {
  margin-top:0px;
}

.LinkList > ul, 
.InstructorNeedHelpOver ul,
.StudentNeedHelpOver ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.LinkList > ul > li ,
.InstructorNeedHelpOver li,
.StudentNeedHelpOver li {
  font: 200 20px/1.5 Helvetica, Verdana, sans-serif;
  border-bottom: 1px solid #ccc;
}

 .InstructorNeedHelpOver li:last-child, 
 .StudentNeedHelpOver li:last-child, 
 .LinkList li:last-child {
  border: none;
}

.InstructorNeedHelpOver li a,
.StudentNeedHelpOver li a,
.LinkList > ul > li > a {
  text-decoration: none;
  color: #000;
  margin-top:4px;

  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
  display: block;
  width: 300px;
}

.StudentNeedHelpOver li a:hover,
.InstructorNeedHelpOver li a:hover,
.LinkList > ul >  li > a:hover
 {
  font-size: 16px;
  background: #f6f6f6;
  white-space: nowrap;
  width: 300px;
  overflow:hidden;  
}

.InstructorNeedHelpOver li a,
.InstructorNeedHelpOver li a:hover,
.StudentNeedHelpOver li a,
.StudentNeedHelpOver li a:hover{
  width: 350px;

}

.SpecialHeading{
    text-transform: capitalize;
}
 a.SoloGameIcon, a.SoloExamIcon, a.TeamGameIcon{
  width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height:260px !important;
  text-transform: capitalize;
  height:270px !important;
}
.IconSpacer{
  height:165px !important;
}
a.InstructorSoloPracticeGameIcon, a.InstructorSoloExamGameIcon, a.InstructorTeamGameIcon{
  width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height:160px !important;
  text-transform: capitalize;
  padding: 0px 5px !important;

}
.newExportLink{
  position: absolute;
  float: right;
  right: 1em;
  top: 5em;
}

.ERSeverity1,.ERSeverity2{margin:5px;padding:5px;line-height:2.5em}
.ERSeverity1{color:#9F6000;background-color:#FEEFB3}
.ERSeverity2{color:#D8000C;background-color:#FFBABA}
.ERSeverity1::before,.ERSeverity2::before{font-family:FontAwesome;font-size:1.2em;padding-right:6px;padding-left:6px}
.ERSeverity1::before{content:"\f0a2"}.ERSeverity2::before{content:"\f071"}