/* © Copyright 2015-2017 ITERANDIS UG (haftungsbeschränkt) */  

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  max-width: 1180px;
  padding: 10px;
  background: #E6E6E6;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#UniverseMaskingDiv{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1200px;
  height: 0px;
  z-index: 60;
  background: #E6E6E6;
  opacity: 0.5;
}

#ComponentExpandedView{
  position: absolute;
  left: 50px;
  top: 0px;
  z-index: 70;
  width: 1050px;
  min-height: 300px;
  background: #fff;
  border: 5px solid black;
  border-radius: 6px;
  padding: 10px;
}

#LoadPlaceholderDiv{
  height: 1180px;
}

body.wait, body.wait *{
    cursor: wait !important;   
}

.cursornodrop{
  cursor: no-drop;
}
.cursordefault{
  cursor: default;
}

.active{
  pointer-events: auto;
}
.inactive{
  pointer-events: none;
}
.itemvisible{
  visibility: visible !important;
}
.itemhidden{
  visibility: hidden !important;
}
.floatleft{
  float: left;
}
.floatright{
  float: right;
}
.neutralcolor{
  color:#568399;
}
.marketcolor{
  color:rgb(145,35,37);
}
.marketbackground{
  background:rgb(145,35,37);
}
.marketcolorborder{
  border-color:rgb(145,35,37) !important;
}
.implementationcolor{
  color:rgb(19,112,38);
}
.implementationbackground{
  background:rgb(19,112,38);
}
.implementationcolorborder{
  border-color:rgb(19,112,38) !important;
}
.technologycolor{
  color:rgb(86,40,162);
}
.technologybackground{
  background:rgb(86,40,162);
}
.technologycolorborder{
  border-color:rgb(86,40,162) !important;
}
.alertcolor{
  color: rgb(255,0,0);
}
.blackborder{
  border-color: #000000 !important;
}
.blueborder{
  border-color: #0000ff !important;
}
.darkgreenborder{
  border-color: #228b22 !important;
}
.lightgreenborder{
  border-color: #8CD28C !important;
}
.orangeborder{
  border-color: #ff8c00 !important;
}
.redborder{
  border-color: #ff0000 !important;
}
.inputmessagestyle{
  font-style: italic;
}
.blacktext{
  color: #000000;
}
.whitetext{
  color: #ffffff;
}
.bluetext{
  color: #0000ff;
}
.darkgreentext{
  color:  #228b22;
}
.lightgreentext{
  color: #8CD28C;
}
.orangetext{
  color: #ff8c00;
}
.redtext{
  color: #ff0000;
}
.orangebackground{
  background: #ff8c00;
}
.blackbackground{
  background: #000000;
}
.whitebackground{
  background: #ffffff;
}
.lightgreybackground{
  background: #F0F0F0;
}
.darkgreybackground{
  background: #C8C8C8;
}
.lightgreyborder{
  border-color: #F0F0F0;
}
.darkgreyborder{
  border-color: #C8C8C8;
}
.thickbottomborder{
  border-bottom: 3px solid black;
}
.nobottomborder{
  border-bottom: none;
}
#SubmitButton{
  height: 30px;
  width: 100px;
  padding: 5px 15px;
  font-size: 16px;
  background-color: #F0F0F0;
  font-weight: bold; 
}
.pageFontNormal{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
}
.NoBulletList{
  list-style: none;
}


/* Navigaion Menu Start: all z-index = 10*/


#NavigationDiv{
  float: left;
  width: 20%;
  text-align: left;
  font-size: 28px;
  font-weight: bold;
  z-index: 10;
}
#CenterMenuDiv{
  float: left;
  width: 60%;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  z-index: 10;
}
#UserLogoutDiv{
  float: left;
  width: 20%;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  z-index: 10;
}

#InnovationUniverseNavigationDiv{
  float: left;
  width: 30%;
  text-align: left;
  font-size: 28px;
  font-weight: bold;
  z-index: 10;
}
#InnovationUniverseCenterMenuDiv{
  float: left;
  width: 40%;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  z-index: 10;
}
#InnovationUniverseUserLogoutDiv{
  float: left;
  width: 30%;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  z-index: 10;
}






#LocalNavigationDiv{
  float: top;
  width: 100%;
  padding: 0px 0px 30px 0px;
  z-index: 10;
}
.localnavigationdiv{
  float: top;
  width: 100%;
  padding: 0px 0px 30px 0px;
  z-index: 10;
}
.actiondisplay{
  position: absolute;
  padding: 20px;
  margin: 0px;
  top: 58px;
  background: #406b80;
  color: #fff;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  z-index: 10;
}
#InstructionsDiv{
  visibility: hidden;
}
/*.msgInstructionDiv{
  width: 340px;
  left: 122px;
  text-align: center;
}*/
.displayInstructionDiv{  
/*  width: 790px;
  left:195px;*/
  width: 964px;
  left:108px;
  text-align: left;
}
#InstructionsSelectionDiv{
  float:left;
  width: 164px;
  z-index: 15;
}
.InstructionsDisplayDiv{
  float: right;
  width: 700px;
  padding: 0px 50px;
}
.InstructionButton{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding: 8px 16px;
  outline: none;
  background-color: #eee;
  border-radius: 10px;
  border: 3px solid #646464;
}
.InstructionButton:active{
  background-color: #aaa;
}



#SaveDiv{
/*  position: absolute;
  padding: 20px;
  margin: 0px;
  top: 58px;
  background: #406b80;
  color: #fff;*/
  visibility: hidden;
/*  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  z-index: 10;*/
}
#SavingInProgressDiv{
  visibility: hidden;
}
.msgSaveDiv{
  width: 340px;
  left: 218px;
  text-align: center;
}
.progressSaveDiv{
  width: 300px;
  left:243px;
  text-align: center;
}
.msgSaveFreeInputDiv{
  width: 340px;
  left: 258px;
  text-align: center;
}
.progressSaveFreeInputDiv{
  width: 300px;
  left:283px;
  text-align: center;
}
.msgSaveReflectionDiv{
  width: 400px;
  left: 388px;
  text-align: center;
}
.progressSaveReflectionDiv{
  width: 300px;
  left: 430px;
  text-align: center;
}
.msgFinalizeReadAndConfirmDiv{
  width: 400px;
  left: 388px;
  text-align: center;
}
.progressFinalizeReadAndConfirmDiv{
  width: 300px;
  left: 430px;
  text-align: center;
}
.progressEditDiv{
  width: 300px;
  left: 430px;
  text-align: center;
}
#SubmitDiv{
/*  position: absolute;
  padding: 20px;
  margin: 0px;
  top: 58px;
  background: #406b80;
  color: #fff;*/
  visibility: hidden;
/*  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  z-index: 10;*/
}
.msgSubmitDiv{
  width: 340px;
  left: 299px;
  text-align: center;
}
.progressSubmitDiv{
  width: 300px;
  left: 323px;
  text-align: center;
}
#ScoreDiv{
/*  position: absolute;
  padding: 20px;
  margin: 0px;
  top: 58px;
  background: #406b80;
  color: #fff;*/
  visibility: hidden;
/*  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  z-index: 10;*/
}
#ScorePanelDiv{
  width: 100%;
  margin-top:20px;
  z-index: 10;
}
.msgScoreDiv{
  width: 340px;
  left: 383px;
  text-align: center;
}
.displayScoreDiv{
  width: 790px;
  left:195px;
  text-align: left;
}
.msgScoreFreeInputDiv{
  width: 340px;
  left: 383px;
  text-align: center;
}
.displayScoreFreeInputDiv{
  width: 790px;
  left:195px;
  text-align: left;
}
.displayOverviewScoreDiv{
  width: 964px;
  left:108px;
  text-align: left;
}
#FinalizeDiv{
/*  padding: 20px;
  margin: 0px;
  top: 58px;
  background: #406b80;
  color: #fff;
  text-align: center;*/
  visibility: hidden;
/*  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  z-index: 10;*/
}
#FinalizationInProgressDiv{
/*  width: 300px;
  position: absolute;
  left:640px;
  padding: 20px;
  margin: 0px;
  top: 58px;
  background: #406b80;
  color: #fff;
  text-align: center;*/
  visibility: hidden;
/*  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  z-index: 10;*/
}
.msgFinalizeDiv{
  width: 400px; 
  left: 570px;
  text-align: center;
}
.progressFinalizeDiv{
  width: 300px; 
  left: 640px;
  text-align: center;
}
.msgFinalizeFreeInputDiv{
  width: 400px; 
  left: 340px;
  text-align: center;
}
.progressFinalizeFreeInputDiv{
  width: 300px; 
  left: 420px;
  text-align: center;
}

#SolutionDiv{
/*  padding: 20px;
  margin: 0px;
  top: 58px;
  background: #406b80;
  color: #fff;
  text-align: center;*/
  visibility: hidden;
/*  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  z-index: 10;*/
}
#FeedbackGradingDiv{
  visibility: hidden;
}
#CancelDiv{
  visibility: hidden;
}
.msgSolutionDiv{
  width: 400px; 
  left: 570px;
  text-align: center;
}
.displaySolutionDiv{
  width: 1140px; 
  border-width: 2px 0px 2px 0px;
  left: 18px; 
  text-align: left;
}
#SolutionSelectionDiv{
  text-align: center;
  width: 1140px;
  z-index: 15;
}
.SolutionPDFLink{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding: 8px 16px;
  outline: none;
  background-color: #eee;
  border-radius: 10px;
  border: 3px solid #646464;
}
.SolutionPDFLink:active{
  background-color: #aaa;
}
.SolutionPDFLink:link{
  text-decoration: none;
}
.SolutionPDFLink:visited{
  text-decoration: none;
}
.msgFeedbackGradingDiv{
  width: 400px; 
  left: 540px;
  text-align: center;
}
.displayFeedbackGradingDiv{
  width: 1140px; 
  border-width: 2px 0px 2px 0px;
  left: 18px; 
  text-align: left;
}















/*.NavMenuLeftAlign{
  float:left;
  z-index: 10;
}*/

.NavMenuCenterAlign{
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
}

/*.NavMenuRightAlign{
  float:right;
  z-index: 10;
}*/



.FreezeHover li{
  background: #406b80 !important;
  color: #fff !important;
}

/*NavMenuLeft start*/
/*NavMenuLeft List Items start*/

.NavMenuLeft {  
  float:left;
  display: inline;
  margin: 0;
  padding: 0px;
  list-style: none;
  z-index: 10;
}

.NavMenuLeft li {
  border-style: none none solid none;
  border-width: 2px;
  border-color: #fff;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 5px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  color: #000;
  z-index: 10;
}

.NavMenuLeft li ul li { 
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: left;
  max-height: 13px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  
  display: block; 
  color: #000;
  z-index: 10;
}

.NavMenuLeft li ul li ul li{ 
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: left;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  
  display: block; 
  color: #000;
  z-index: 10;
}
/*NavMenuLeft List Items end*/

/*NavMenuLeft Submenus start*/
.NavMenuLeft li ul {
  padding: 0;
  position: absolute;
  top: 40px;
  left: 0;
  width: 240px;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  display: block;
  z-index: 10;
}
.NavMenuLeft li ul li ul{
  padding: 0;
  position: relative;
  top: -25px;
  left: 236px;
  width: 300px;
  z-index: 10;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
.NavMenuLeft li ul li ul li ul{
  padding: 0;
  position: relative;
  top: -25px;
  left: 296px;
  width: 160px;
  z-index: 10;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
/*NavMenuLeft Submenus end*/

/*NavMenuLeft Hover start*/
.NavMenuLeft li:hover {
  background: #406b80;
  color: #fff;
}
.NavMenuLeft li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.NavMenuLeft li:hover ul li ul{
  display: block;
  opacity: 1;
  visibility: hidden;
}
.NavMenuLeft li ul li:hover {   
  background: #406b80;
  color: #fff;
}
.NavMenuLeft li ul li:hover ul{
  display: block;
  opacity: 1;
  visibility: visible;
}
.NavMenuLeft li ul li:hover ul li ul{
  display: block;
  opacity: 1;
  visibility: hidden;
}
.NavMenuLeft li ul li ul li:hover {   
  background: #406b80;
  color: #fff;
}
.NavMenuLeft li ul li ul li:hover ul{
  display: block;
  opacity: 1;
  visibility: visible;
}
/*NavMenuLeft Hover end*/

/*NavMenuLeft Dynamic Override start*/

.NavMenuLeft li ul li ul li ul li.ModuleNotReleased{
  background: #406b80;
  color: #fff;
}
.NavMenuLeft li ul li ul li ul li.ModuleNotVisited{
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);
}
.NavMenuLeft li ul li ul li ul li.ModuleNotVisited:hover{
  background: #406b80;
  color: #fff;
}
.NavMenuLeft li ul li ul li ul li.ModuleInProgress{
  background: -webkit-linear-gradient(#ffdb99, #b27300);
  background: -o-linear-gradient(#ffdb99, #b27300);
  background: -moz-linear-gradient(#ffdb99, #b27300);
  background: linear-gradient(#ffdb99, #b27300);
}
.NavMenuLeft li ul li ul li ul li.ModuleInProgress:hover{
  background: #b27300;
  color: #fff;
}
.NavMenuLeft li ul li ul li ul li.ModuleFinished{
  background: -webkit-linear-gradient(#bcdcbc, #176117);
  background: -o-linear-gradient(#bcdcbc, #176117);
  background: -moz-linear-gradient(#bcdcbc, #176117);
  background: linear-gradient(#bcdcbc, #176117);
}
.NavMenuLeft li ul li ul li ul li.ModuleFinished:hover{
  background: #176117;
  color: #fff;
}
.NavMenuLeft li ul li ul li ul li.ModuleClosedNeverVisited{
  background: -webkit-linear-gradient(#d98e8c, #993533);
  background: -o-linear-gradient(#d98e8c, #993533);
  background: -moz-linear-gradient(#d98e8c, #993533);
  background: linear-gradient(#d98e8c, #993533);
}
.NavMenuLeft li ul li ul li ul li.ModuleClosedNeverVisited:hover{
  background: #993533;
  color: #fff;
}
.NavMenuLeft li ul li ul li ul li.ModuleClosedNotCompleted{
  background: -webkit-linear-gradient(#e6b3b3, #993533);
  background: -o-linear-gradient(#e6b3b3, #993533);
  background: -moz-linear-gradient(#e6b3b3, #993533);
  background: linear-gradient(#e6b3b3, #993533);
}
.NavMenuLeft li ul li ul li ul li.ModuleClosedNotCompleted:hover{
  background: #993533;
  color: #fff;
}


/*NavMenuLeft Dynamic Override end*/

/*NavMenuLeft Link Override start*/
.NavMenuLeft a:link{
  text-decoration: none;
  color: #000;
}
.NavMenuLeft a:visited{
  text-decoration: none;
  color: #000;
}
/*NavMenuLeft Link Override end*/
/*NavMenuLeft end*/

/*NavMenuRight start*/
/*NavMenuRight List Items start*/

.NavMenuRight {
  float:right;
  display: inline;
  margin: 0;
  padding: 0px;
  list-style: none;
  z-index: 10;
}

.NavMenuRight li {
  border-style: none none solid none;
  border-width: 2px;
  border-color: #fff;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  position: relative;
  padding: 10px 5px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  
  color: #000;
  z-index: 10;
}
/*NavMenuRight List Items end*/

/*NavMenuRight Submenus start*/

.NavMenuRight li ul {
  padding: 0;
  position: absolute;
  top: 40px;
  right: 0px;
  width: 140px;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}

.NavMenuRight li ul li { 
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: right;
  max-height: 13px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  
  display: block; 
  color: #000;
  z-index: 10;
}
/*NavMenuRight Submenus end*/

/*NavMenuRight Hover start*/

.NavMenuRight li:hover {
  background: #406b80;
  color: #fff;
}
.NavMenuRight li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.NavMenuRight li ul li:hover {   
  background: #406b80;
  color: #fff;
}
/*NavMenuRight Hover end*/

/*NavMenuRight Link Override start*/
.NavMenuRight a:link{
  text-decoration: none;
  color: #000;
}
.NavMenuRight a:visited{
  text-decoration: none;
  color: #000;
}
/*NavMenuRight Link Override end*/
/*NavMenuRight end*/

/*local navigation start*/
.LocalNavMenu{
  display: inline;
  margin: 0;
  list-style: none;
  z-index: 10;
}
.LocalNavMenu li{
  font: bold 14px/18px sans-serif;
  padding: 5px 10px 10px;
  max-height: 13px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  
  color: #000;
  z-index: 10;
}
.LocalNavMenu li:hover {
  background: #406b80;
  color: #fff;
}
.LocalNavMenu a:link{
  text-decoration: none;
  color: #000;
}
.LocalNavMenu a:visited{
  text-decoration: none;
  color: #000;
}
/*local navigation end*/


/*.NavMenuEnabled li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
#WeekSubMenu{
  padding: 0;
  position: relative;
  top: -25px;
  left: 236px;
  width: 500px;
  z-index: 10;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
#WeekSubMenu li { 
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: left;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  display: block; 
  color: #000;
  z-index: 10;
}
#WeekSubMenu li:hover { 
  background: #406b80;
  color: #fff;
  z-index: 10;
}
#WeekMenu:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

*/
/*.NavMenu li ul li ul li:hover { 
  background: #406b80;
  color: #fff;
  z-index: 10;
}*/


/*#LecturesSubMenu li ul li{
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: left;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  display: block; 
  color: #000;
  z-index: 10;
}*/
/*#LecturesSubMenu li ul li:hover { 

  background: #406b80;
  color: #fff;
  z-index: 10;
}*/


/*#LecturesMenu:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
#LecturesMenu:hover ul li ul{
  display: block;
  opacity: 1;
  visibility: hidden;
  z-index: 10;
}
#LecturesMenu ul li:hover ul{
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}*/


#XRaySubMenu{
  padding: 0;
  position: relative;
  top: -25px;
  left: 236px;
  width: 500px;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
#XRaySubMenu li { 
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: left;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  display: block; 
  color: #000;
  z-index: 10;
}
#XRaySubMenu li:hover { 
  background: #406b80;
  color: #fff;
  z-index: 10;
}
#XRayMenu:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
#PrintingSubMenu{
  padding: 0;
  position: relative;
  top: -25px;
  left: 236px;
  width: 500px;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
#PrintingSubMenu li { 
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: left;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);
  display: block; 
  color: #000;
  z-index: 10;
}
#PrintingSubMenu li:hover {
  background: #406b80;
  color: #fff;
  z-index: 10;
}
#PrintingMenu:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

/*Lecture NavMenu start*/
.LectureNavMenu {
  display: inline;
  margin: 0;
  padding: 0px;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
}

.LectureNavMenu li{
  border-style: none none solid none;
  border-width: 2px;
  border-color: #fff;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 5px;
  width: 140px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  color: #000;
  z-index: 10;
}
.LectureNavMenu li ul {
  padding: 0;
  position: absolute;
  top: 40px;
  left: 0;
  text-align: center;
  box-shadow: none;
  display: none;
  opacity: 0;
  z-index: 10;
}
.LectureNavMenu li ul li ul{
  padding: 0;
  position: absolute;
  top: -2px;
  left: 147px;
  text-align: center;
  box-shadow: none;
  display: none;
  opacity: 0;
  z-index: 10;
}
.LectureNavMenu li ul li { 
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: center;
  width: 136px;
  max-height: 13px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  display: block; 
  color: #000;
  z-index: 10;
}
.LectureNavMenu li ul li ul li{ 
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: center;
  width: 360px;
  max-height: 13px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  display: block; 
  color: #000;
  z-index: 10;
}


/*LectureNavMenu Hover start*/
.LectureNavMenu li:hover {
  background: #406b80;
  color: #fff;
}
.LectureNavMenu li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.LectureNavMenu li:hover ul li ul{
  display: block;
  opacity: 1;
  visibility: hidden;
}
.LectureNavMenu li ul li:hover ul{
  display: block;
  opacity: 1;
  visibility: visible;
}
.LectureNavMenu li ul li:hover {   
  background: #406b80;
  color: #fff;
}
.LectureNavMenu li ul li:hover ul li{   
  background: #406b80;
  color: #fff;
}
/*LectureNavMenu Hover end*/


/*NavMenuRight Link Override start*/
.LectureNavMenu a:link{
  text-decoration: none;
  color: #000;
  z-index: 10;
}
.LectureNavMenu a:visited{
  text-decoration: none;
  color: #000;
  z-index: 10;
}
/*NavMenuRight Link Override end*/
/*LectureNavMenu end*/

/*AutogradeNavMenu start*/
.AutogradeNavMenu {
  display: inline;
  margin: 0;
  padding: 0px;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
}

.AutogradeNavMenu li{
  border-style: none none solid none;
  border-width: 2px;
  border-color: #fff;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 5px;
  width: 80px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  color: #000;
  z-index: 10;
}
.AutogradeNavMenu li:hover {
  background: #406b80;
  color: #fff;
}
.AutogradeNavMenu a:link{
  text-decoration: none;
  color: #000;
  z-index: 10;
}
.AutogradeNavMenu a:visited{
  text-decoration: none;
  color: #000;
  z-index: 10;
}
/*AutogradeNavMenu end*/

/*ManualgradeNavMenu start*/
.ManualgradeNavMenu {
  display: inline;
  margin: 0;
  padding: 0px;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
}

.ManualgradeNavMenu li{
  border-style: none none solid none;
  border-width: 2px;
  border-color: #fff;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 5px;
/*  width: 80px;
*/  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  color: #000;
  z-index: 10;
}
.w30px{
  width: 30px;
}
.w70px{
  width: 70px;
}
.w80px{
  width: 80px;
}
.w160px{
  width: 160px;
}
.w340px{
  width: 340px;
}
.ManualgradeNavMenu li:hover {
  background: #406b80;
  color: #fff;
}
.ManualgradeNavMenu a:link{
  text-decoration: none;
  color: #000;
  z-index: 10;
}
.ManualgradeNavMenu a:visited{
  text-decoration: none;
  color: #000;
  z-index: 10;
}
/*ManualgradeNavMenu end*/


/* Navigaion Menu End: all z-index = 10*/

/*Embedded Video NavMenu start: all z-index = 5*/
.EmbeddedVideoNavMenu {
  display: inline;
  margin: 0;
  padding: 0px;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  z-index: 5;
}

.EmbeddedVideoNavMenu li{
  border-style: none none solid none;
  border-width: 2px;
  border-color: #fff;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 5px;
  width: 140px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  color: #000;
  z-index: 5;
}
.EmbeddedVideoNavMenu li ul {
  padding: 0;
  position: absolute;
  top: 40px;
  left: 0;
  text-align: center;
  box-shadow: none;
  display: none;
  opacity: 0;
  z-index: 5;
}

.EmbeddedVideoNavMenu li ul li { 
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: center;
  width: 136px;
  max-height: 13px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  display: block; 
  color: #000;
  z-index: 5;
}


/*EmbeddedVideoNavMenu Hover start*/
.EmbeddedVideoNavMenu li:hover {
  background: #406b80;
  color: #fff;
}
.EmbeddedVideoNavMenu li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.EmbeddedVideoNavMenu li ul li:hover {   
  background: #406b80;
  color: #fff;
}
/*EmbeddedVideoNavMenu Hover end*/
.EmbeddedVideoNavMenu a:link{
  text-decoration: none;
  color: #000;
}
.EmbeddedVideoNavMenu a:visited{
  text-decoration: none;
  color: #000;
}
/*Embedded Video NavMenu end: all z-index =  5*/

/*Solution Video NavMenu start: all z-index = 15*/
.SolutionVideoNavMenu {
  display: inline;
  margin: 0;
  padding: 0px;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  z-index: 15;
}

.SolutionVideoNavMenu li{
  border-style: none none solid none;
  border-width: 2px;
  border-color: #fff;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 5px;
  width: 140px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  color: #000;
  z-index: 15;
}
.SolutionVideoNavMenu li ul {
  padding: 0;
  position: absolute;
  top: 40px;
  left: 0;
  text-align: center;
  box-shadow: none;
  display: none;
  opacity: 0;
  z-index: 15;
}

.SolutionVideoNavMenu li ul li { 
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: center;
  width: 136px;
  max-height: 13px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  display: block; 
  color: #000;
  z-index: 15;
}
/*SolutionVideoNavMenu Hover start*/
.SolutionVideoNavMenu li:hover {
  background: #406b80;
  color: #fff;
}
.SolutionVideoNavMenu li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.SolutionVideoNavMenu li ul li:hover {   
  background: #406b80;
  color: #fff;
}
/*SolutionVideoNavMenu Hover end*/

.SolutionVideoNavMenu a:link{
  text-decoration: none;
  color: #000;
}
.SolutionVideoNavMenu a:visited{
  text-decoration: none;
  color: #000;
}
/*Solution Video NavMenu end: all z-index =  15*/

#TitleDiv{
  float: top;
  width: 100%;
  text-align: center;
  text-shadow: 2px 2px #fff;
  font-size: 28px;
  font-weight: bold;
  padding: 80px 0px 10px 0px;
}
#FooterDiv{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  width: 1180px; 
}
#MainDiv{
  position: relative;
  width: 1180px;
  background: #fff;
  margin: 0px;
  padding: 0px 0px 20px 0px;
}
#MainProjectDiv{
  position: relative;
  width: 1180px;
  background: none;
  margin: 0px;
  padding: 0px 0px 20px 0px;
}
#MainVideoDiv{
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  background: #000;
  padding: 20px 0px 20px 0px;
}
#MainMessageDiv{
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  padding: 20px 0px 20px 0px;
  text-align: center;
  text-shadow: 2px 2px #fff;
  font-size: 28px;
  font-weight: bold;
}
#ContentsHTMLDiv{
  padding: 10px 0px 0px 0px;
  width: 1140px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}
#ContentsHTMLwithInputDiv{
  padding: 10px 0px 0px 0px;
  width: 1140px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}
#ContentsVideoDiv{
  padding: 0px;
  width: 960px;
  background: #000;
  margin-left: auto;
  margin-right: auto;
/*  overflow: auto;
*/}

#ContentsVideoDiv ::after{
  clear: both;
}
#ContentsEAVideoDiv{
  width: 590px;
  background: #fff;
  border: 3px solid black;
/*  float: left;
*/  margin-left: auto;
  margin-right: auto;
  overflow: auto;
}
#ContentsEAVideoDiv ::after{
  clear: both;
}

#VideoTopSpacerDiv{
  width: 1140px;
  height: 20px;
  background: #fff;
  overflow:auto;
}

#EmbeddedVideoControlDiv{
  padding: 10px 10px 0px 10px;
  margin-left: auto;
  margin-right: auto;
/*  overflow: auto;
*/}

.embeddedvideocontrolleft{
  padding: 0px;
  float: left;
  z-index: 5;
}
.embeddedvideocontrolright{
  padding-right: 4px;
  float: right;
  z-index: 5;

}
#EmbeddedVideoPlaybackRateDiv{
/*  display:block;
  margin-right: auto;
  margin-left: auto;*/
  float: left;
/*  width: 50px;
*/  padding: 10px 10px 10px 10px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  
/*  color: #000;  color: #000;
*//*  overflow: auto;
*/}
#embeddedvideoplaybackrate{
  padding: 5px;
  border-style: solid;
  border-width: 3px;
  border-color: #000;
  background-color: #fff;
}

#ContentsEADiv{
  padding: 0px;
  width: 1140px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}

#ContentsSolutionEAVideoDiv{
  padding: 20px 0px 10px 0px;
  width: 570px;
  background: #000;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
/*  overflow: auto;
*/}
#ContentsSolutionEAVideoDiv ::after{
  clear: both;
}

#ContentsSolutionHTMLDiv{
  padding: 20px 0px 20px 0px;
  width: 1140px;
  background: none;
  margin-left: auto;
  margin-right: auto;
}
.SolutionExplanation{
  border: 2px solid white;
  padding: 10px;
}

#ContentsSolutionEADiv{
  padding: 20px 0px 20px 0px;
  width: 1140px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}


/*Free Input Start*/
.FullWidthDiv{
  width: 1120px;
  float: left;
  padding: 10px;
}
.FullWidthDiv p{
  white-space: pre-wrap;
}
.ThirdWidthDiv{
  width: 360px;
  float: left;
  padding: 10px 10px 10px 10px;
}
.ThirdWidthDiv p{
  white-space: pre-wrap;
}
.HalfWidthFreeInputEntryAndFeedbackDiv{
  width: 560px;
  float: left;
  padding: 0px 10px 0px 0px;
  background: #F0F0F0;
}
.HalfWidthFreeInputAnswerDisplayDiv{
  width: 560px;
  float: right;
  padding: 0px 0px 0px 10px;
  background: #F0F0F0;
}
.HalfWidthFreeInputAnswerDisplayDiv p{
  white-space: pre-wrap;
}
.FullWidthFreeInputAnswerDisplayDiv{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  background: #F0F0F0;
}
.FullWidthFreeInputAnswerDisplayDiv p{
  white-space: pre-wrap;
}
#FreeInputClearingDiv{  
  clear: both;
}






/*Free Input End*/


#EditSVGDiv{
  padding: 20px 0px 0px 0px;
  width: 1140px;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
}
#MITComponentDisplayDiv{
  position: absolute;
  top: 0px;
  left: 0px;
  background: #E6E6E6;
  height: 100px;
  width: 350px;
}
#ComponentDisplaySummaryWithReferences{
  white-space: pre-wrap;
}
#MITNavigationDiv{
  position: absolute;
  top: 0px;
  left: 360px;
  background: none;
  width: 790px;
}
        #NameBoxSVG{
        position: absolute;
        left: 0px;
        top: 0px;
        }
        #NavigationSVG{
        position: absolute;
        left: 0px;
        top: 30px;
        }
        #ExcludedComponentsSVG{
        position: absolute;
        left: 0px;
        top: 630px;
        }
        #CopyrightDiv{
        position: absolute;
        left: 600px;
        top: 0px;
        height: 30px;
        }
        #ResolvedComponentsSVG{
        position: absolute;
        left: 600px;
        top: 30px;
        }
        #LineGraphSVG{
          position: absolute;
          left: 0px;
          top: 0px;
        }

#EditSelectDiv{
  position: absolute;
  pointer-events: none;
  width: 640px;
  top: 192px;
  left: 290px;
  z-index: 50;
}
.editselect{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 600px;
  padding: 20px;
  margin: 0px;
  background: #406b80;
  color: #ffffff;
  text-align: left;
  z-index: 50;
}
.editselect table{
  width: 600px;
  text-align: center;
  border-collapse: collapse;
  border: 0;
}


.universeselectionwindow{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 600px;
  padding: 20px;
  margin: 0px;
  background: #406b80;
  color: #ffffff;
  text-align: left;
  z-index: 50;
}
.metricstable{
  width: 600px;
  padding-top: 20px;
  background: #ffffff;
  color: #000000;
  border-collapse: collapse;
  border-color: #b3b3b3;
  border: 2px solid;
}
.metricstable tr{
  height: 40px;
  border-color: #b3b3b3;
  border-bottom: 2px solid;
}
.metricstable td{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
}

.metricslegendtable{
  width: 346px;
  padding-top: 20px;
  background: #ffffff;
  color: #000000;
  border-collapse: collapse;
  border-color: #b3b3b3;
  border: 2px solid grey;
}

.metricslegendtable td{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  border-color: #b3b3b3;
  border: 2px solid grey;
}

.metricslegendsvgtext{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-anchor: end;
}
.metricsplotsvgtextverticalaxis{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-anchor: end;
}
.metricsplotsvgtexthorizontalaxis{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-anchor: middle;
}

.selectbutton{
  width: 160px;
}
#EditCatSelectTable{
  border-collapse: collapse;
  border: 2px solid white;
}
#EditCatSelectTable tr{
  border-bottom: 2px solid white;
  height: 30px;
  vertical-align: center;
}
#NameInputBox{
  width: 580px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  padding-left: 15px;
}
.warning{
  background: #990000;
/*  background: #990000;
*/  color: #ffffff;
  font-weight: normal;
}
.loading{
  background: #ff8c00;
  color: #ffffff;
  font-weight: normal;
}
.loaded{
  background: #228b22;
  color: #ffffff;
  font-weight: normal;
}

/*Table Layout Start*/

.tableCenter{
  margin-left: auto;
  margin-right: auto;
}
.tableBorderBlack{
  border-collapse: collapse;
  border: 2px solid black;
}
.tableBorderBlack tr{
  border-bottom: 1px solid black;
}
.tableGrey tr:nth-child(even){
  background: #F0F0F0;
}
.tableGrey tr:nth-child(odd){
  background: #C8C8C8;
}
.tableGreyReverse tr:nth-child(even){
  background: #C8C8C8;
}
.tableGreyReverse tr:nth-child(odd){
  background: #F0F0F0;
}
.backgroundWhite{
  background: #FFFFFF;
}
.backgroundNone{
  background: none;
}
.tableCellLeft td {
  padding: 5px;
  text-align: left;
} 
.tableCellCenter td {
  padding: 5px;
  text-align: center;
}
.tableBold td {
  font-weight: bold;
}
.tablePadding20 td{
  padding: 20px;
}
.tablePadding10 td{
  padding: 10px;
}
.tablePadding5 td{
  padding: 5px;
}
.tablePadding2 td{
  padding: 2px;
}
.w2{
  width:2%;
}
.w4{
  width:4%;
}
.w5{
  width:5%;
}
.w7{
 width:7%; 
}
.w8{
 width:8%; 
}
.w10{
  width:10%;
}
.w8_3{
  width:8.333%;
}
.w15{
  width:15%;
}
.w16{
  width:16%;
}
.w17{
  width:17%;
}
.w18{
  width:18%;
}
.w20{
  width:20%;
}
.w25{
  width:25%;
}
.w28{
  width:28%;
}
.w30{
  width:30%;
}
.w35{
  width:35%;
}
.w40{
  width:40%;
}
.w45{
  width:45%;
}
.w50{
  width:50%;
}
.w55{
  width:55%;
}
.w60{
  width:60%;
}
.w65{
  width:65%;
}
.w70{
  width:70%;
}
.w75{
  width:75%;
}
.w80{
  width:80%;
}
.w85{
  width:85%;
}
.w90{
  width:90%;
}
.w95{
  width:95%;
}
.w100{
  width:100%;
}
.alignleft{
  text-align: left;
}
.alignright{
  text-align: right;
}
.aligncenter{
  text-align: center;
}

.tableInputHTML{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  border: 2px solid black;
}
.tableInputHTML tr{
/*  min-height: 50px;
*/  border-bottom: 1px solid black;
}
.tableInputHTML td{
  padding: 10px 5px 10px 5px;
}


.htmlinput100{
  font-size: 16px;
  font-weight: bold;
  width: 100px;
  border: 3px solid;
  text-align: center;
  background-color: #fff;
}
.htmlinput150{
  font-size: 16px;
  font-weight: bold;
  width: 150px;
  border: 3px solid;
  text-align: center;
  background-color: #fff;
}
.htmlinput200{
  font-size: 16px;
  font-weight: bold;
  width: 200px;
  border: 3px solid;
  text-align: center;
  background-color: #fff;
}
.htmloutput{
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  width: 100px;
  height:30px;
  border: none;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  background-color: #fff;
}
.htmloutputsolution{
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  width: 100px;
  height:30px;
  border: none;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  background-color: #fff;
}
  /*From edx layout*/       
/*        th,td {
          margin: 0px;
          border-bottom: 1px solid black;
          height: 30px;
          width: 200px;
          text-align: center;
          vertical-align: center;
        }
/*Overview Table Start*/


/*.tableBorderNone{
  border-collapse: collapse;
  parametersborder: none;
}*/

.overviewScoreTable {
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
.overviewScoreTable td {
  border: 2px solid #ffffff;
}

.overviewTable{
  margin-left: auto;
  margin-right: auto;
  width:100%;
  border-collapse: separate;
  border-spacing: 10px;
/*  table-layout: fixed;
*/}

.overviewTable tr:nth-child(even){
  background: #C8C8C8;
}
.overviewTable tr:nth-child(odd){
  background: #F0F0F0;
}
.overviewTable th{
  background-color: #ffffff;
  border: 3px solid black;
  padding: 5px;
}
.overviewTable th b{
  font: bold 20px/24px sans-serif;
}

.overviewArrowCell{
  width: 5%;
  padding: 5px;
  font-size: 40px;
  text-align: left;
  background-color: #ffffff;
} 
.overviewWeekCell{
  width: 10%;
  text-align: center;
}

.overviewTripleCell{
  width: 55%;
  text-align: left;
  padding:5px;
}
.overviewSingleCell{
  width: 15%;
  text-align: left;
  padding:5px;
}
.overviewAssignmentCell{
  width: 15%;
  text-align: center;
  padding:5px;
}

.overviewUL {
  display: inline;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  padding: 0px;
  list-style: none;
}

.overviewModuleNotReleased {
  width: 170px;
  border-style: solid solid solid solid;
  border-width: 3px;
  color: #555555;
  text-shadow: 0.5px 0.5px #000000;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-left: -4px;
  position: relative;
  text-align: center;
  padding: 5px 0px;
  pointer-events: none;
  background-color: #ffffff;
}
.overviewModuleNotReleased i{
  color: #000000;
  text-shadow: none;
}
.overviewModuleNotReleased b{
  font: bold 20px/24px sans-serif;
}
.overviewModuleNotOnlineLecture{
  width: 170px;
  border-style: solid solid solid solid;
  border-width: 3px;
  color: #555555;
  text-shadow: 0.5px 0.5px #000000;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-left: -4px;
  position: relative;
  text-align: center;
  padding: 5px 0px;
  pointer-events: auto;
  background-color: #b2e5ff;
}
.overviewModuleNotOnlineLecture i{
  color: #000000;
  text-shadow: none;
}
.overviewModuleNotOnlineLecture b{
  font: bold 20px/24px sans-serif;
}
.overviewModuleNotVisited{
  width: 170px;
  border-style: solid solid solid solid;
  border-width: 3px;
  color: #555555;
  text-shadow: 0.5px 0.5px #000000;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-left: -4px;
  position: relative;
  text-align: center;
  padding: 5px 0px;
  pointer-events: auto;
  background-color: #ffffff;
}
.overviewModuleNotVisited i{
  color: #000000;
  text-shadow: none;
}
.overviewModuleNotVisited b{
  font: bold 20px/24px sans-serif;
}
.overviewModuleInProgress{
  width: 170px;
  border-style: solid solid solid solid;
  border-width: 3px;
  color: #555555;
  text-shadow: 0.5px 0.5px #000000;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-left: -4px;
  position: relative;
  text-align: center;
  padding: 5px 0px;
  pointer-events: auto;
/*  background-color: #ffd27f;
*/
  background-color: #ffdb99;

/*  background-color: #ff8c00;
*/}
.overviewModuleInProgress i{
  color: #000000;
  text-shadow: none;
}
.overviewModuleInProgress b{
  font: bold 20px/24px sans-serif;
}
.overviewModuleFinished{
  width: 170px;
  border-style: solid solid solid solid;
  border-width: 3px;
  color: #555555;
  text-shadow: 0.5px 0.5px #000000;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-left: -4px;
  position: relative;
  text-align: center;
  padding: 5px 0px;
  pointer-events: auto;
/*  background-color: #d2e7d2;*/
  background-color: #bcdcbc;

/*  background-color: #a6d0a6;
*//*  background-color: #8CD28C;
*/}
.overviewModuleFinished i{
  color: #000000;
  text-shadow: none;
}
.overviewModuleFinished b{
  font: bold 20px/24px sans-serif;
}
.overviewModuleClosedNeverVisited{
  width: 170px;
  border-style: solid solid solid solid;
  border-width: 3px;
  color: #555555;
  text-shadow: 0.5px 0.5px #000000;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-left: -4px;
  position: relative;
  text-align: center;
  padding: 5px 0px;
  pointer-events: auto;
  background-color: #d98e8c;
}
.overviewModuleClosedNeverVisited i{
  color: #000000;
  text-shadow: none;
}
.overviewModuleClosedNeverVisited b{
  font: bold 20px/24px sans-serif;
}
.overviewModuleClosedNotCompleted{
  width: 170px;
  border-style: solid solid solid solid;
  border-width: 3px;
  color: #555555;
  text-shadow: 0.5px 0.5px #000000;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-left: -4px;
  position: relative;
  text-align: center;
  padding: 5px 0px;
  pointer-events: auto;
  background-color: #e6b3b3;
}
.overviewModuleClosedNotCompleted i{
  color: #000000;
  text-shadow: none;
}
.overviewModuleClosedNotCompleted b{
  font: bold 20px/24px sans-serif;
}

.overviewHover li:hover {
  background: #406b80;
  color: #fff;
}
.overviewHover li:hover i{
  background: #406b80;
  color: #fff;
}
.overviewHover li:hover b{
  background: #406b80;
  color: #fff;
}

/*Overview Table End*/

/*Video Start*/

/*#VideoPlayerDiv{
  width: 20%;
  float: left;
  background-color: #000;
}*/
/*#VideoControlDiv{
  width: 15%;
  float: right;
  background-color: green;
}*/
#VideoStatusDiv{
  display:block;
  margin-right: auto;
  margin-left: auto;
  width: 878px;
  height: 50px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  
  color: #000;  color: #000;
  overflow: auto;
}
#VideoClearingDiv{
  clear: both;
}

#player{
/*  position: relative;
  width: 500px;*/
/*  margin: 20px 110px 20px 110px;
*/  
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 960px;
  padding-bottom: 20px;
}
#EAplayer{
/*  position: relative;
  width: 500px;*/
/*  margin: 20px 110px 20px 110px;
*/  
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 570px;
  padding: 0px 10px 10px 10px;
}
#solutionEAplayer{
/*  position: relative;
  width: 500px;*/
/*  margin: 20px 110px 20px 110px;
*/  
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 570px;
  padding-bottom: 10px;
}
.videostatustext{
  position: relative;
  top:0px;
}

.solutionPDF{
/*  position: relative;
  width: 500px;*/
/*  margin: 20px 110px 20px 110px;
*/  
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 570px;
  height: 300px;
  padding-bottom: 10px;
}
/*#WatchedDiv{
  width: 100px;
  height: 100px;
  background-color: red;
}*/
/*#CompletionbarDiv{
  width:600;
  padding: 30px;
  height: 100px;
  background-color: orange;
}*/
#completionbar{
/*  padding-top: 50px 40px 30px 20px;
*/  
  position: relative;
  top:10px;
  width: 498px;
  height: 26px;
  border-style: solid;
  border-width: 3px;
  border-color: #000;
  background-color: #fff;
}

#playbackrate{
  padding: 5px;
  border-style: solid;
  border-width: 3px;
  border-color: #000;
  background-color: #fff;
}

#CC{
  background-color: #000;
}
#TestDiv{
    background-color: #fff;
}

/*Video End*/


/*Table Layout End*/




        textarea
        {
        width:100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        }





        .unselectable {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        }

        .selectable {
        -webkit-touch-callout: text;
        -webkit-user-select: text;
        -khtml-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
        }



      .redembeddedbutton {
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 0px;
        font-size: 16px;
        font-weight: bold;
        color: red;
        padding: 4px 10px;
        outline: none;
        background: -moz-linear-gradient(
          top,
          #eee 0%,
          #eee);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#eee),
          to(#eee));
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #646464;
      }


      .embeddedbutton {
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 0px;
        font-size: 16px;
        font-weight: bold;
        color: #333;
        padding: 4px 10px;
        outline: none;
        background: -moz-linear-gradient(
          top,
          #eee 0%,
          #eee);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#eee),
          to(#eee));
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #646464;
      }
      .embeddedbutton:active {
        background: -moz-linear-gradient(
          top,
          #aaa 0%,
          #aaa);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#aaa),
          to(#aaa));
      }
      .embeddedbutton:disabled {
        opacity: 0.4;
        background: -moz-linear-gradient(
          top,
          #eee 0%,
          #eee);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#eee),
          to(#eee));
      }
      .smallembeddedbutton {
        font-family: Arial, Helvetica, sans-serif;
        margin-top: 0px;
        font-size: 14px;
        font-weight: bold;
        color: #333;
        padding: 3px 6px;
        outline: none;
        background: -moz-linear-gradient(
          top,
          #eee 0%,
          #eee);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#eee),
          to(#eee));
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #646464;
      }
      .smallembeddedbutton:active {
        background: -moz-linear-gradient(
          top,
          #aaa 0%,
          #aaa);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#aaa),
          to(#aaa));
      }
      .smallembeddedbutton:disabled {
        opacity: 0.4;
        background: -moz-linear-gradient(
          top,
          #eee 0%,
          #eee);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#eee),
          to(#eee));
      }


      .largebutton {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #00334d;
        padding: 8px 16px;
        outline: none;
        background: -moz-linear-gradient(
          top,
          #b2e5ff 0%,
          #406b80);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#b2e5ff),
          to(#406b80));
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 3px solid #003366;


      }

      .largebutton:active {
        background: -moz-linear-gradient(
          top,
          #406b80 0%,
          #406b80);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#406b80),
          to(#406b80));
      }
      .largebutton:disabled {
        opacity: 0.4;
        background: -moz-linear-gradient(
          top,
          #b2e5ff 0%,
          #406b80);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#b2e5ff),
          to(#406b80));
      }

      .smallbutton {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #00334d;
        padding: 1px 1px;
        outline: none;
        background: -moz-linear-gradient(
          top,
          #b2e5ff 0%,
          #406b80);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#b2e5ff),
          to(#406b80));
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        border: 2px solid #003366;


      }

      .smallbutton:active {
        background: -moz-linear-gradient(
          top,
          #406b80 0%,
          #406b80);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#406b80),
          to(#406b80));
        
      }
      .smallbutton:active {
        opacity: 0.4;
        background: -moz-linear-gradient(
          top,
          #b2e5ff 0%,
          #406b80);
        background: -webkit-gradient(
          linear, left top, left bottom,
          from(#b2e5ff),
          to(#406b80));
      }


/*SVG Styling Start*/

.SVGtxt{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
}

.SVGcentered{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.ScoreBarTxt{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;  
}
.MsgScoreBarTxt{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: italic;  
  font-weight: bold;  
}

#ProjectTeamMatesDiv{
  padding: 0px 0px 0px 20px;
  width: 1140px;
  background: none;
  margin-left: auto;
  margin-right: auto;
}
.ProjectLink{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding: 8px 16px;
  outline: none;
  background-color: #eee;
  border-radius: 10px;
  border: 3px solid #646464;
  text-align: center;
  pointer-events: auto;
}
.ProjectLinkDisabled{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding: 8px 16px;
  outline: none;
  background-color: #888;
  border-radius: 10px;
  border: 3px solid #646464;
  text-align: center;
  pointer-events: none;
  text-decoration: none;
}
.ProjectLink:active{
  background-color: #aaa;
}
.ProjectLink:link{
  text-decoration: none;
}
.ProjectLink:visited{
  text-decoration: none;
}


/* Additions for Rolls Royce Exercise */
.ImageReader{
  margin-left: auto;
  margin-right: auto;
  height: 500px;
  width: 790px;
  overflow: scroll;
}
.ImageSolution{
  margin-left: auto;
  margin-right: auto;
  width: 705px;
  overflow: visible;
}
.HalfWidthHTMLDivLeft{
  width: 560px;
  float: left;
  padding: 0px 10px 0px 0px;
}
.HalfWidthHTMLDivRight{
  width: 560px;
  float: right;
  padding: 0px 0px 0px 10px;
}
.ClearingDiv{  
  clear: both;
}
.htmlinputcheckbox{
    display:none;
}
.htmlinputcheckbox + label{
    display:inline-block;
    width:40px;
    height:40px;
    vertical-align:middle;
    background:#F0F0F0;
    border: 8px solid;
    cursor:pointer;
}
.htmlinputcheckbox:checked + label{
    display:inline-block;
    width:40px;
    height:40px;
    vertical-align:middle;
    background:#F0F0F0;
    border: 8px solid;
}
.htmlinputcheckbox:checked + label::after{
    content: '\2714';
    font-size: 40px;
    color: #000000;
}
.checkmark{
  font-size: 40px;
  color: #000000;
}
.ft24{
  font-size: 24px;
}
.ft22{
  font-size: 22px;
}
.ft20{
  font-size: 20px;
}
.ft18{
  font-size: 18px;
}
.ft16{
  font-size: 16px;
}
.ft15{
  font-size: 15px;
}
.ft14{
  font-size: 14px;
}
.ft13{
  font-size: 13px;
}
.ft12{
  font-size: 12px;
}
/*Uncertainty Simulation Start*/

#SimulationDisplayDiv{
  float: left;
  background: #ffffff;
  width: 350px;
  height: 620px;
}
#SimulationButtonDiv{
  float: left;
  background: none;
  width: 210px;
  height: 620px;
}
#SimulationDiv{
  float: left;
  background: none;
  width: 620px;
  height: 620px;
}

#FinishThisSimulationButton{
  position: relative;
  top: 50%;
  width: 170px;
}
#canvas{
  background: #ffffff;
}
.simulationdisplaySVG{
  margin-top: 10px;
  pointer-events: none;
}
.simulationdisplaySVGrect{
  stroke: #000000;
  fill: none;
}
.simulationsdisplaytitle{
  margin-top: 10px;
}

/*Component Edit Start*/

#MITComponentEditDiv{
  position: absolute;
  top: 0px;
  left: 360px;
  background: #ffffff;
  width: 820px;
}





/*RefNavMenu start*/
/*.ComponentEditNavMenu {
  display: inline;
  margin: 0;
  padding: 0px;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
}

.ComponentEditNavMenu li{
  border-style: none none solid none;
  border-width: 2px;
  border-color: #fff;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 5px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  color: #000;
}
.ComponentEditNavMenu li:hover {
  background: #406b80;
  color: #fff;
}
.ComponentEditNavMenu a:link{
  text-decoration: none;
  color: #000;
}
.ComponentEditNavMenu a:visited{
  text-decoration: none;
  color: #000;
}*/
/*RefgradeNavMenu end*/

/*ActiveUniverse NavMenu start*/
.ActiveUniverseNavMenu {
  display: inline;
  margin: 0;
  padding: 0px;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
}

.ActiveUniverseNavMenu li{
  border-style: none none solid none;
  border-width: 2px;
  border-color: #fff;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 5px;
  width: 140px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  color: #000;
  z-index: 10;
}
.ActiveUniverseNavMenu li ul {
  padding: 0;
  position: absolute;
  top: 40px;
  left: 0;
  text-align: center;
  box-shadow: none;
  display: none;
  opacity: 0;
  z-index: 10;
}
.ActiveUniverseNavMenu li ul li ul{
  padding: 0;
  position: absolute;
  top: -2px;
  left: 147px;
  text-align: center;
  box-shadow: none;
  display: none;
  opacity: 0;
  z-index: 10;
}
.ActiveUniverseNavMenu li ul li { 
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: center;
  width: 136px;
  max-height: 13px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  display: block; 
  color: #000;
  z-index: 10;
}
.ActiveUniverseNavMenu li ul li ul li{ 
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  padding: 5px 5px 10px;
  text-align: center;
  width: 360px;
  max-height: 13px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  display: block; 
  color: #000;
  z-index: 10;
}


/*ActiveUniverseNavMenu Hover start*/
.ActiveUniverseNavMenu li:hover {
  background: #406b80;
  color: #fff;
}
.ActiveUniverseNavMenu li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.ActiveUniverseNavMenu li:hover ul li ul{
  display: block;
  opacity: 1;
  visibility: hidden;
}
.ActiveUniverseNavMenu li ul li:hover ul{
  display: block;
  opacity: 1;
  visibility: visible;
}
.ActiveUniverseNavMenu li ul li:hover {   
  background: #406b80;
  color: #fff;
}
.ActiveUniverseNavMenu li ul li:hover ul li{   
  background: #406b80;
  color: #fff;
}
/*ActiveUniverseNavMenu Hover end*/


/*NavMenuRight Link Override start*/
.ActiveUniverseNavMenu a:link{
  text-decoration: none;
  color: #000;
  z-index: 10;
}
.ActiveUniverseNavMenu a:visited{
  text-decoration: none;
  color: #000;
  z-index: 10;
}
/*NavMenuRight Link Override end*/
/*ActiveUniverseNavMenu end*/


/*NonActiveUniverse NavMenu start*/
.NonActiveUniverseNavMenu {
  display: inline;
  margin: 0;
  padding: 0px;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
}

.NonActiveUniverseNavMenu li{
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
/*  border-color: #fff;*/
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 5px;
  width: 136px;
/*  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  */
  background: #fff;
  color: #406b80;
/*  color: #000;*/
  z-index: 10;
}
.NonActiveUniverseNavMenu li ul {
  padding: 0;
  position: absolute;
  top: 40px;
  left: -2px;
  text-align: center;
  box-shadow: none;
  display: none;
  opacity: 0;
  z-index: 10;
}
.NonActiveUniverseNavMenu li ul li ul{
  padding: 0;
  position: absolute;
  top: -2px;
  left: 147px;
  text-align: center;
  box-shadow: none;
  display: none;
  opacity: 0;
  z-index: 10;
}
.NonActiveUniverseNavMenu li ul li { 
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
/*  border-color: #fff;*/
  padding: 5px 5px 10px;
  text-align: center;
  width: 136px;
  max-height: 13px;
/*  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);*/
  background: #fff;
  display: block; 
  color: #406b80;
/*  color: #000;*/
  z-index: 10;
}
.NonActiveUniverseNavMenu li ul li ul li{ 
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
/*  border-color: #fff;*/
  padding: 5px 5px 10px;
  text-align: center;
  width: 360px;
  max-height: 13px;
/*  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80); */
  background: #fff;
  display: block; 
  color: #406b80;
/*  color: #000;*/
  z-index: 10;
}


/*NonActiveUniverseNavMenu Hover start*/
.NonActiveUniverseNavMenu li:hover {
  background: #b2e5ff;
  color: #000;
}
.NonActiveUniverseNavMenu li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.NonActiveUniverseNavMenu li:hover ul li ul{
  display: block;
  opacity: 1;
  visibility: hidden;
}
.NonActiveUniverseNavMenu li ul li:hover ul{
  display: block;
  opacity: 1;
  visibility: visible;
}
.NonActiveUniverseNavMenu li ul li:hover {   
  background: #b2e5ff;
  color: #000;
}
.NonActiveUniverseNavMenu li ul li:hover ul li{   
  background: #b2e5ff;
  color: #000;
}
/*NonActiveUniverseNavMenu Hover end*/


/*NavMenuRight Link Override start*/
.NonActiveUniverseNavMenu a:link{
  text-decoration: none;
  color: #000;
  z-index: 10;
}
.NonActiveUniverseNavMenu a:visited{
  text-decoration: none;
  color: #000;
  z-index: 10;
}
/*NavMenuRight Link Override end*/
/*UniverseNavMenu end*/

/*NonActiveUniverse NavMenu start*/
.ActiveHistoryMonth {
  display: inline;
  margin: 0;
  padding: 0px;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
}

.ActiveHistoryMonth li{
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 10px 5px;
  width: 136px;
  background: #fff;
  color: #406b80;
  z-index: 10;
}
.ActiveHistoryMonth li ul {
  padding: 0;
  position: absolute;
  top: 40px;
  left: -2px;
  text-align: center;
  box-shadow: none;
  display: none;
  opacity: 0;
  z-index: 10;
}

.ActiveHistoryMonth li ul li { 
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
  padding: 5px 5px 10px;
  text-align: center;
  width: 136px;
  max-height: 13px;
  background: #fff;
  display: block; 
  color: #406b80;
  z-index: 10;
}


/*NonActiveUniverseNavMenu Hover start*/
.ActiveHistoryMonth li:hover {
  background: #b2e5ff;
  color: #000;
}
.ActiveHistoryMonth li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.ActiveHistoryMonth li:hover ul li ul{
  display: block;
  opacity: 1;
  visibility: hidden;
}
/*.ActiveHistoryMonth li ul li:hover ul{
  display: block;
  opacity: 1;
  visibility: visible;
}*/
.ActiveHistoryMonth li ul li:hover {   
  background: #b2e5ff;
  color: #000;
}
/*.ActiveHistoryMonth li ul li:hover ul li{   
  background: #b2e5ff;
  color: #000;
}*/
/*NonActiveUniverseNavMenu Hover end*/


/*NavMenuRight Link Override start*/
.ActiveHistoryMonth a:link{
  text-decoration: none;
  color: #000;
  z-index: 10;
}
.ActiveHistoryMonth a:visited{
  text-decoration: none;
  color: #000;
  z-index: 10;
}
/*NavMenuRight Link Override end*/
/*UniverseNavMenu end*/

/*HistoryMonthNavMenu start*/

#NonActiveModeSelectionInfoDiv{
  height:0px;
}

#NonActiveModeSelectionDiv{
  min-width: 1180px;
}

.NonActiveModeSelectionLineTitleDiv{
  float: left;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color:#568399;
  height: 50px;
  line-height: 42px;
  vertical-align: middle;
}

.NonActiveModeSelectionLineItemsDiv{
  float: right;
  text-align: justify;
  font-weight: bold; 
  margin: 0px;
  padding: 0px;
  list-style: none;
  position: relative;
  height: 50px;
}

.NonActiveModeSelectionLineItemsDiv span {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 0px;
}
.NonActiveModeSelectionLineItemsNavMenu {
  display: inline;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.NonActiveModeSelectionLineItemsNavMenuBlank{
  border-style: hidden;
  border-width: 2px;
  border-color: #406b80;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block; 
  padding: 10px 5px;
  background: none;
  color: #406b80;
}

.NonActiveModeSelectionLineItemsNavMenuInactive{
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block; 
  padding: 10px 5px;
  background: none;
  color: #406b80;
}
.NonActiveModeSelectionLineItemsNavMenuTemp {
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block; 
  padding: 10px 5px;
  background: #fff;
  color: #406b80;
}
.NonActiveModeSelectionLineItemsNavMenuTemp ul {
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 40px;
  left: 0px;
  width: 100%;
  text-align: center;
  box-shadow: none;
  display: none;
  opacity: 0;
  z-index: 5;
}
.NonActiveModeSelectionLineItemsNavMenuActive {
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block; 
  padding: 10px 5px;
  background: #fff;
  color: #406b80;
}
.NonActiveModeSelectionLineItemsNavMenuActive ul {
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 40px;
  left: 0px;
  width: 100%;
  text-align: center;
  box-shadow: none;
  display: none;
  opacity: 0;
  z-index: 5;
}
.NonActiveModeSelectionUpdate{ 
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
  padding: 5px 5px 10px;
  text-align: center;
  max-height: 13px;
  background: #fff;
  color: #406b80;
  font-weight: normal;
  display: block; 
}

.HistoryMonthMarketUpdate{ 
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
  padding: 5px 5px 10px;
  text-align: center;
  max-height: 13px;
  background: #fff;
  color: #406b80;
  font-weight: normal;
  display: block; 
}
.HistoryMonthImplementationUpdate{ 
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
  padding: 5px 5px 10px;
  text-align: center;
  max-height: 13px;
  background: #fff;
  color: #406b80;
  font-weight: normal;
  display: block; 
}
.HistoryMonthTechnologyUpdate{ 
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
  padding: 5px 5px 10px;
  text-align: center;
  max-height: 13px;
  background: #fff;
  color: #406b80;
  font-weight: normal;
  display: block; 
}


/*LectureNavMenu Hover start*/
.NonActiveModeSelectionLineItemsNavMenuActive:hover {
  background: #b2e5ff;
  color: #000;
}
.NonActiveModeSelectionLineItemsNavMenuActive:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.NonActiveModeSelectionUpdate:hover {   
  background:  #b2e5ff;
  color: #000;
}
.HistoryMonthMarketUpdate:hover {   
  background: rgb(382,144,144);
  color: #000;
}
.HistoryMonthImplementationUpdate:hover {   
  background: rgb(110,309,148);
  color: #000;
}
.HistoryMonthTechnologyUpdate:hover {   
  background: rgb(261,154,401);
  color: #000;
}

/*LectureNavMenu Hover end*/


/*NavMenuRight Link Override start*/
.NonActiveModeSelectionLineItemsNavMenuActive a:link{
  text-decoration: none;
  color: #000;
}
.NonActiveModeSelectionLineItemsNavMenuActive a:visited{
  text-decoration: none;
  color: #000;
}
/*NavMenuRight Link Override end*/
/*LectureNavMenu end*/


/* NEW */

.marketinputrange {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 590px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.marketinputrange:focus {
  outline: none;
}
.marketinputrange::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #b3b3b3;
  border-radius: 1.3px;
  border: 0.5px solid #010101;
}
.marketinputrange::-webkit-slider-thumb {
/*  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: rgb(145,35,37);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
.marketinputrange:focus::-webkit-slider-runnable-track {
  background: #b3b3b3;
}
.marketinputrange::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #b3b3b3;
  border-radius: 1.3px;
  border: 0.5px solid #010101;
}
.marketinputrange::-moz-range-thumb {
/*  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: rgb(145,35,37);
  cursor: pointer;
}
.marketinputrange::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.marketinputrange::-ms-fill-lower {
  background: #b3b3b3;
  border: 0.5px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.marketinputrange::-ms-fill-upper {
  background: #b3b3b3;
  border: 0.5px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.marketinputrange::-ms-thumb {
/*  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: rgb(145,35,37);
  cursor: pointer;
}
.marketinputrange:focus::-ms-fill-lower {
  background: #b3b3b3;
}
.marketinputrange:focus::-ms-fill-upper {
  background: #b3b3b3;
}

.implementationinputrange {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 590px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.implementationinputrange:focus {
  outline: none;
}
.implementationinputrange::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #b3b3b3;
  border-radius: 1.3px;
  border: 0.5px solid #010101;
}
.implementationinputrange::-webkit-slider-thumb {
/*  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: rgb(19,112,38);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
.implementationinputrange:focus::-webkit-slider-runnable-track {
  background: #b3b3b3;
}
.implementationinputrange::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #b3b3b3;
  border-radius: 1.3px;
  border: 0.5px solid #010101;
}
.implementationinputrange::-moz-range-thumb {
/*  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: rgb(19,112,38);
  cursor: pointer;
}
.implementationinputrange::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.implementationinputrange::-ms-fill-lower {
  background: #b3b3b3;
  border: 0.5px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.implementationinputrange::-ms-fill-upper {
  background: #b3b3b3;
  border: 0.5px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.implementationinputrange::-ms-thumb {
/*  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: rgb(19,112,38);
  cursor: pointer;
}
.implementationinputrange:focus::-ms-fill-lower {
  background: #b3b3b3;
}
.implementationinputrange:focus::-ms-fill-upper {
  background: #b3b3b3;
}

.technologyinputrange {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 590px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.technologyinputrange:focus {
  outline: none;
}
.technologyinputrange::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #b3b3b3;
  border-radius: 1.3px;
  border: 0.5px solid #010101;
}
.technologyinputrange::-webkit-slider-thumb {
/*  box-shadow: 1px 1px 1px #ffffff, 0px 0px 1px #0d0d0d;
  border: 2px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: rgb(86,40,162);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
.technologyinputrange:focus::-webkit-slider-runnable-track {
  background: #b3b3b3;
}
.technologyinputrange::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #b3b3b3;
  border-radius: 1.3px;
  border: 0.5px solid #010101;
}
.technologyinputrange::-moz-range-thumb {
/*  box-shadow: 1px 1px 1px #ffffff, 0px 0px 1px #0d0d0d;
  border: 2px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: rgb(86,40,162);
  cursor: pointer;
}
.technologyinputrange::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.technologyinputrange::-ms-fill-lower {
  background: #b3b3b3;
  border: 0.5px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.technologyinputrange::-ms-fill-upper {
  background: #b3b3b3;
  border: 0.5px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
.technologyinputrange::-ms-thumb {
/*  box-shadow: 1px 1px 1px #ffffff, 0px 0px 1px #0d0d0d;
  border: 2px solid #000000;*/
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: rgb(86,40,162);
  cursor: pointer;
}
.technologyinputrange:focus::-ms-fill-lower {
  background: #b3b3b3;
}
.technologyinputrange:focus::-ms-fill-upper {
  background: #b3b3b3;
}





.labelforhtmlinputrange {
  position: relative;
  text-shadow: 2px 2px #fff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

#componentuncertaintybar{
  position: relative;
  top:0px;
  width: 350px;
  height: 16px;
  border-style: solid;
  border-width: 2px;
  border-color: #000;
  background-color: #fff;
}


#RSdiv{
  width: 680px;
  min-height: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #b3b3b3;
  padding: 5px;
  white-space: pre-wrap;
}
#RSdiv:empty:not(:focus):before{
  content:attr(data-ph);
  color: #b3b3b8;
}


#NTdiv{
  width: 640px;
  min-height: 50px;
  padding: 0px 10px;
  margin: 0px 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #b3b3b3;
  background-color: #fff;
  color: #000;
}
#NTdiv:empty:not(:focus):before{
  content:attr(data-ph);
  color: #b3b3b8;
}


#AddRefText{
  color: #568399;
  text-shadow: 2px 2px #fff;
  font-size: 16px;
  font-weight: bold;
}

.reflink:link{
  text-decoration: none;
}

input[type="radio"] {
    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
    -moz-appearance: checkbox;    /* Firefox */
    -ms-appearance: checkbox;     /* not currently supported */
}

input[type=checkbox] {
  transform: scale(1.5);
}


.refinsertbuttonformat{
  width: 88px;
  border-style: none none solid none;
  border-width: 2px;
  border-color: #fff;
  text-align: center;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  padding: 10px 5px;
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  
  color: #000;
}
/*.refinsertbuttonformat:hover {
  background: #406b80;
  color: #fff;
}*/

.refinsertbuttonformat:disabled {
  background: -webkit-linear-gradient(#b2e5ff, #406b80);
  background: -o-linear-gradient(#b2e5ff, #406b80);
  background: -moz-linear-gradient(#b2e5ff, #406b80);
  background: linear-gradient(#b2e5ff, #406b80);  
  color: #000;
}

.navbuttonfreeze{
  background: #406b80 !important;
  color: #fff !important;
}

.refinsert{
  width: 670px;
  padding: 10px;
  margin: 0px 5px;
  background: #406b80;
  color: #ffffff;
  text-align: left;
}
.refinput{
  width: 640px;
  padding: 0px 10px;
  margin: 0px 5px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  }
.pageinput{
  width: 60px;
  padding: 0px 10px;
  margin: 0px 5px;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/*.refinsertlink:link{
  text-decoration: underline;
  color:rgb(255,255,255);
}
.refinsertlink:visited{
  text-decoration: underline;
  color:rgb(255,255,255);
}
.refinsertlink:active{
  text-decoration: none;
  color:rgb(0,0,0);
}*/


#NewReferenceDiv{
  text-align: center;
}
#NewReference{
  display: inline-block;
  color: #000;
  background-color: #fff;
  padding: 5px;
}
#NewReferenceInstructions{
  display: inline-block;
  color: #fff;
  font-style: italic;
  padding: 5px;
}


.marketreflink:link{
  text-decoration: none;
  color:rgb(145,35,37);
  font-weight: bold;
}
.marketreflink:visited{
  text-decoration: none;
  color:rgb(145,35,37);
  font-weight: bold;
}
.marketreflink:active{
  text-decoration: none;
  color:rgb(0,0,0);
  font-weight: bold;
}
.implementationreflink:link{
  text-decoration: none;
  color:rgb(19,112,38);
  font-weight: bold;
}
.implementationreflink:visited{
  text-decoration: none;
  color:rgb(19,112,38);
  font-weight: bold;
}
.implementationreflink:active{
  text-decoration: none;
  color:rgb(0,0,0);
  font-weight: bold;
}
.technologyreflink:link{
  text-decoration: none;
  color:rgb(86,40,162);
  font-weight: bold;
}
.technologyreflink:visited{
  text-decoration: none;
  color:rgb(86,40,162);
  font-weight: bold;
}
.technologyreflink:active{
  text-decoration: none;
  color:rgb(0,0,0);
  font-weight: bold;
}


#FinalizeProjectEditDiv{
  visibility: hidden;
}
#CancelProjectEditDiv{
  visibility: hidden;
}
.msgCancelOrFinalizeProjectEditDiv{
  width: 330px; 
  left: 570px;
  text-align: center;
}
.RedProjectLink{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: red;
  padding: 8px 16px;
  outline: none;
  background-color: #eee;
  border-radius: 10px;
  border: 3px solid #646464;
  text-align: center;
  pointer-events: auto;
}
.RedProjectLinkDisabled{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: red;
  padding: 8px 16px;
  outline: none;
  background-color: #888;
  border-radius: 10px;
  border: 3px solid #646464;
  text-align: center;
  pointer-events: none;
}
.RedProjectLink:active{
  background-color: #aaa;
}
.RedProjectLink:link{
  text-decoration: none;
}
.RedProjectLink:visited{
  text-decoration: none;
}

#ReferenceDisplay{
  position: absolute;
  left: 0px;
  margin: 0px;
  width: 330px;
  padding: 5px;
  margin: 0px;
  background: #ffffff;
  color: #000000;
  border: 3px solid;
  border-radius: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  z-index: 50;
} 
#ComponentEditReferenceDisplay{
  position: absolute;
  margin: 0px;
  width: 330px;
  padding: 5px;
  margin: 0px;
  background: #ffffff;
  color: #000000;
  border: 3px solid;
  border-radius: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  z-index: 50;
} 
#ExpandedViewReferenceDisplay{
  position: absolute;
  margin: 0px;
  width: 330px;
  padding: 5px;
  margin: 0px;
  background: #ffffff;
  color: #000000;
  border: 3px solid;
  border-radius: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align: left;
  z-index: 80;
} 


.formatbutton{
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  border-color: #000;
  text-align: center;
  font: normal 14px/18px sans-serif;
  display: inline-block;
  position: relative;
  padding: 5px;
  width: 35px;
  background: #d3d3d3;
  color: #000;
}
.formatbuttonpressed{
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  border-color: #000;
  text-align: center;
  font: normal 14px/18px sans-serif;
  display: inline-block;
  position: relative;
  padding: 5px;
  width: 35px;
  background: #a8a8a8;
  color: #000;
}

#RSsubscript{
  -webkit-padding-after: 1px;
}
#RSsuperscript{
  -webkit-padding-before: 1px;
}
#NTsubscript{
  -webkit-padding-after: 1px;
}
#NTsuperscript{
  -webkit-padding-before: 1px;
}
/*.EditableDivformatbuttons li:hover {
  background: #bdbdbd;
}
.EditableDivformatbuttons li:active {
  background: #a8a8a8;
}
.EditableDivformatbuttons a:link{
  text-decoration: none;
}
.EditableDivformatbuttons a:visited{
  text-decoration: none;
}*/
/*.formatbuttonsfreeze {
  background: #a8a8a8 !important;
}*/
/*ResearchSummaryFormattingButtons start*/

#ComponentEditTable{
  margin-left: auto;
  margin-right: auto;
  padding: 3px 0px;
  border-collapse: collapse;
  width: 814px;
}
#ComponentEditTable td{
  vertical-align: middle;
  padding: 5px;
}

.ComponentEditHistoryDiv{
  background: #E6E6E6;
  padding: 5px;
}
.ComponentEditHistoryInnerDiv{
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px;
  white-space: pre-wrap;
}
.ComponentDisplaySectionHeader{
  margin-bottom: 5px;
}
.verticalalignbottom{
  display: inline-block;
  vertical-align: bottom;
}


.RSchangeM tr{
  border-collapse: collapse;
  border-style: solid;
  border-width: 3px;
  border-color: rgb(145,35,37);
}
.RSchangeI tr{
  border-collapse: collapse;
  border-style: solid;
  border-width: 3px;
  border-color: rgb(19,112,38);
}
.RSchangeT tr{
  border-collapse: collapse;
  border-style: solid;
  border-width: 3px;
  border-color: rgb(86,40,162);
}
.RSnochange tr{
  border-collapse: collapse;
  border-style: solid;
  border-width: 3px;
  border-color: #fff;
}

.detailsborder{
  border-style: solid;
  border-width: 2px;
  margin-bottom: 5px;
  padding: 0px;
}

.componenthistorybar{
  padding: 0px;
  margin: 0px;
}
.componenthistorytable{
  padding: 0px;
  margin: 0px;
}

.componenthistorybarleft_edit{
  display: inline-block;
  width: 293px;
  padding: 0px;
  margin: 0px;
}
.componenthistorybarleft_extendedview{
  display: inline-block;
  width: 458px;
  padding: 0px;
  margin: 0px;
}
.componenthistorybarcenter_edit{
  display: inline-block;
  width: 110px;
  padding: 0px;
  margin: 0px;
}
.componenthistorybarcenter_extendedview{
  display: inline-block;
  width: 130px;
  padding: 0px;
  margin: 0px;
}
.componenthistorybarright_edit{
  float: right; 
  padding: 0px;
  margin: 0px;
}
.componenthistorybarright_extendedview{
  float: right;
  padding: 0px;
  margin: 0px;
}

.componenthistorybarleft_editday{
  width: 34px;
  text-align: right;
}
.componenthistorybarleft_extendedviewday{
  width: 44px;
  text-align: right;
}

.componenthistorybarright_editpercent{
  width: 42px;
  text-align: right;
}
.componenthistorybarright_extendedviewpercent{
  width: 52px;
  text-align: right;
}
.componenthistoryuncertaintybar_edit{
  position: relative;
  top:0px;
  width: 100px;
  height: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  background-color: #fff;
}

.componenthistoryuncertaintybar_extendedview{
  position: relative;
  top:0px;
  width: 200px;
  height: 16px;
  border-style: solid;
  border-width: 2px;
  border-color: #000;
  background-color: #fff;
}

#ModifyRef{
  background-color: #fff;
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
  border-radius: 4px;
  text-align: center;
  color: #406b80;
  font: bold 14px/18px sans-serif;
  display: inline-block;
  margin-top: 2px;
  position: relative;
  padding: 8px 4px;
}

#FileNameDiv{
  width: 600px;
  padding: 0px 20px;
  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
  white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  white-space: pre-wrap;       /* css-3 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  word-break: break-all;
  white-space: normal;
}

#FileRefArea{
  width: 670px;
  height: 200px;
  border-radius: 20px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font: bold 20px/24px sans-serif;
  background: #d3d3d3;
  color: #000;
}
#FileRefArea:active{
  background: #a8a8a8;
}
.FileRefAreaHoverAndUploaded{
  background: #a8a8a8 !important;
}
.FileRefAreaModify{
/*  width: 100px !important;
  height: 30px !important;*/
  background-color: #fff;
  font: normal 14px/18px sans-serif;
/*  margin-left: auto;
  margin-right: auto;*/
}

.simulationprogress{

  margin-left: auto;
  margin-right: auto;
  width: 600px;
  padding: 0px;
  height: 50px;
  background: #406b80;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
.simulationprogressfeedback{
  height: 40px;
  display: inline-block;
  vertical-align: middle;
}

.simulationprogresscomplete{
  height: 40px;
  padding: 5px;
  margin: 0px;
}

.simulationtemplate{
  float: left;
  padding: 10px 27.5px;
  text-align: center;
}
.nosimulationchild{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
}

#uncertaintysimulationbar{
  position: relative;
  top:0px;
  height: 16px;
  border-style: solid;
  border-width: 2px;
  border-color: #000;
  background-color: #fff;
}

#labelsimulationbar{
  position: relative;
  top:0px;
  height: 16px;
  border-style: solid;
  border-width: 2px;
  border-color: #000;
  background-color: #fff;
}





.editmodeselectarrow{
  float: right;
  font-size: 14px;
}
.currenteditmode{
  width: 200px;
  font-size: 18px;
  text-align: center;
  margin-left: 250px;
  margin-right: 250px;
}
.alternativeeditmode{ 
  width: 196px;
  font-size: 18px;
  text-align: center;
  margin-left: 250px;
  margin-right: 250px;
  border-style: solid;
  border-width: 2px;
  border-color: #406b80;
}
.alternativeeditmode:hover{
  background: #406b80;
  color: #fff;
}

#ExpandedComponentViewButton{
  float: right;
}