@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Regular.ttf'),
      url('../fonts/OpenSans/OpenSans-Regular.eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Semibold.ttf'),
      url('../fonts/OpenSans/OpenSans-Semibold.eot');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Bold.ttf'),
      url('../fonts/OpenSans/OpenSans-Bold.eot');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans/OpenSans-Semibold.ttf');
    font-weight: 600;
    font-style: normal;
}

body {
  font-size:16px;
  font-family: 'Open Sans','Lucida Sans Unicode','Trebuchet MS',Helvetica,sans-serif;
}
a {
  font-family: 'Open Sans','Lucida Sans Unicode','Trebuchet MS',Helvetica,sans-serif;
}
a:hover {color: #6B6B6B; text-decoration: underline; cursor: pointer;}

h3 {
  color: #2018A1;
  font-size: 2em;
  font-weight: normal;
  text-align: center;
  font-family: 'Open Sans','Lucida Sans Unicode','Trebuchet MS',Helvetica,sans-serif;
}
.alt-main-div {
  width:1000px;
  margin:0 auto;
  position: relative;
  box-shadow: 8px 0 15px -4px #999999, -8px 0 15px -4px #999999; 
}
.alt-login {
  background-color: #3d53aa;
  border-radius: 5px;
  padding: 0.5em 1em;
  box-shadow: 8px 0 15px -4px #999999, -8px 0 15px -4px #999999;
  position: absolute;
  right:25px;
  top:20px;
  color: white;
  text-decoration: none;
  cursor:pointer;
}
.alt-login:hover{
  background-color:#3c33cf;
  text-decoration: none;
  color:white;
}

.login-button:hover, .enroll-button:hover {
  background-color:#3c33cf;
  text-decoration: none;
  color:white;
}

.alt-login-header {
  color:#3d53aa;
  text-align: center;
  width:75%;
  border-bottom:1px solid #999999;
  font-size: 3em;
  margin: 0px auto;
  line-height:1.5em;
  font-weight:normal;
}
input[type=text], input[type=password], select{
  width: 250px;
  font-size:1em;
  color:#999999;
  background-color:white;
  padding:8px;
  display:block;
  margin:15px auto;
  border-radius:3px;
  font-weight:normal;
  border:1px solid #999999;
  font-family: "Hind", sans-serif;
}

input[type=submit] {
  background-color:#3d53aa;
  color:white;
  border-radius:5px;
  padding:0.5em 1em;
  text-decoration: none;
  display:block;
  width:250px;
  margin:15px auto;
  font-size:1.2em;
  font-weight:normal;
  cursor:pointer;
  font-family: "Hind", sans-serif;
  text-overflow: ellipsis;
  overflow: hidden;
}
.alt-error {
  width: 720px;
  margin: 15px auto;
  background: #e8b7b7;
  padding: 1em;
  color:#444;
  border-radius:3px;
}

.alt-error.info-link {
  background: transparent;
}

.alt-forgot-link{
  font-size:10pt;
  display:block;
  font-weight: normal;
  color: #3d53aa;
  text-align: center;
}
.account-btn-container{
  margin:30px auto; 
}
.alt-submit-btn {
  background-color:#3d53aa;
  color:white;
  border-radius:5px;
  padding:0.5em 1em;
  text-decoration: none;
  display:block;
  width:212px;
  text-align:center;
  margin:15px auto;
  font-size:1.2em;
  font-weight:normal;
  font-family: "Hind", sans-serif;
}
.alt-submit-btn:hover{
  color:white;
  text-decoration:none;
  background-color:#3c33cf;
}
.alt-signin {
  display:inline-block;
  width:48.5%;
  vertical-align: top;
  border-right:1px solid #999999;
  padding-right:10px;
}
.alt-register {
  display:inline-block;
  width:46%;
  vertical-align: top;
  padding-left:28px;
}
.alt-signin h3, .alt-register h3 {
  color:#888888;
  font-size:1em;
  font-weight:normal;
  text-align: center;
}
.alt-header-image {
  padding-top: 2em;
  height:300px;
  color:white;
  text-align:center;
  background-image: url(https://media.moresteam.com/university/pics/overhead-dark.jpg);
}
.alt-header-image > h1 {
  font-size:3em;
  font-weight:normal;
}
.alt-header-image > h2 {
  width:60%;
  font-size:1.1em;
  margin:0 auto;
  text-align: center;
  font-weight: normal;
}
.alt-header-anchor {
  color: white;
}

/* BEGIN Endress-Hauser custom header styling*/
.alt-header-image.eh-header {
  padding-top: 2em;
  height:300px;
  color:white;
  text-align:center;
  background-image: url(https://media.moresteam.com/university/pics/lean4B_portal.jpg);
}
.alt-header-image.eh-header > h1 {
  font-size:3em;
  font-weight:normal;
  color: #0871A1;
}
.alt-header-image.eh-header > h2 {
  width:60%;
  font-size:1.1em;
  margin:0 auto;
  text-align: center;
  font-weight: normal;
  color: #0871A1;
}
/* END Endress-Hauser custom header styling*/

.alt-description {
  padding:1em;
}
.alt-courses{
  background-color:#f7f7f7;
  margin:1em;
  padding:1em;
}
.alt-courses-table {
  margin: 30px auto;
  border: 5px solid #f7f7f7;
}
.alt-courses-table td {
  background-color:white;
  padding:1.2em;
  border-right:none;
  border-top: 1px solid #f7f7f7;
}
.alt-courses-table th {
  background-color:#f7f7f7;
  color:#333;
  font-weight:normal;
  padding:0em 1em .25em 1em;
}
.alt-enroll {
  background-color:#3d53aa;
  color:white;
  border-radius:5px;
  padding:0.5em 1em;
  text-decoration: none;
}
.alt-enroll:hover{
  background-color:#3c33cf;
  text-decoration: none;
  color:white;
}

.alt-info{
  background-color:#4ba6dd;
  color:white;
  border-radius:5px;
  padding:0.5em 1em;
  text-decoration: none;
}
.alt-info:hover{
  background-color:#6baee2;
  text-decoration: none;
  color:white;
}
.alt-footer {
  padding:1em;
}
.leftlinksmall { 
  font-size: 1em;
  font-weight:normal; 
  color:#3d53aa; 
}
.note2 { 
  font-size: 0.8em;
  font-weight:normal; 
  color: #000000; 
  text-decoration: none;  
}
.note { 
  font-size: 0.8em; 
  color: #000000; 
  text-decoration: none; 
  text-align: left;
}
.mainlink {
  font-size: 1em;
  font-weight: normal;
  color: #3d53aa;
  text-decoration: underline;
  font-family: 'Open Sans','Lucida Sans Unicode','Trebuchet MS',Helvetica,sans-serif;
}

span.course-link {
  background-color: #5c9833;
  cursor: pointer;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 8px 0 15px -4px #999999, -8px 0 15px -4px #999999;
  margin-right: 20px;
}

span.course-link:hover {
  background-color: #7dab53;
}

span.course-link a {
  text-decoration: none;
  color: #ffffff;
}

/* MODAL */

.dumbBoxWrap { /* The div that shows/hides. */ 
  display:none; /* starts out hidden */ 
  z-index:40001; /* High z-index to ensure it appears above all */ 
} 
#bannertype{
  height: 30px;
  width: 100%;
}
.close-modal {
  float: right;
  background: transparent url('https://media.moresteam.com/university/pics/grayclose.png') center no-repeat;
  width: 20px;
  height: 20px;
  padding-top: 10px;
  padding-right: 15px;
}
.dumbBoxOverlay { /* Shades out background when selector is active */ 
  position:fixed; 
  top: 0px;
  left:0px;
  width:100%; 
  height:100%; 
  background-color: #3c3c3c;
  opacity: .75; /* Sets opacity so it's partly transparent */ 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE transparency */ 
  filter:alpha(opacity=50); /* More IE transparency */ 
  z-index:40001;
} 
.vertical-offset { /* Fixed position to provide the vertical offset */ 
  position:fixed; 
  top:30%; 
  width:600px; 
  height:400px;
  left:30%;
  background-color:#fff;
  border-radius: 15px;
  z-index:40002; /* ensures box appears above overlay */ 
} 

/* General */
.divcenter {
  margin: 30px auto;
  width: 95%;
}
.right {
  float:right;
}
.bold {
  font-weight:bold;
}
.txt-right {
  text-align: right;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}
.pa1 {
  padding: 1em;
}
.vertalign-b{
  vertical-align: bottom;
}
.footnote  { 
  font-size: 14px; 
  font-weight:normal; 
  background:#666; 
  color: #FFFFFF; 
  text-decoration: none; 
; 
  vertical-align: bottom;
  text-align: center;
}
.footnote:hover { 
  background-color:#888;
  text-decoration: none;
  color:#ffffff;
}

.disabled-dropdown {
  cursor: not-allowed;
  pointer-events: none;
  background-color: #D1D1D1;
}

/* previous styles - may be still used */
.navlink { color:#000000; text-decoration: none; }
.groupLink:hover { text-decoration: underline }
.appLink { color: #990000; text-decoration: none;}
.todo { font-size: 12pt; font-weight:bold; color: red; text-decoration: none; font-style:italic;}
.maintext2  { font-size: 12pt; font-weight:bold; color: #000000; text-decoration: none; }
.maintext  { font-size: 13pt; font-weight:normal; color: #000000; text-decoration: none;  line-height:14pt; text-align:justify  }
.maintextsmall  { font-size: 11pt; font-weight:normal; color: #000000; text-decoration: none; text-align:justify }
.note3  { font-size: 9pt; font-weight:normal; color: #000000; text-decoration: none; }
.mainbold { font-size: 12pt; font-weight:bold; color: #000000; text-decoration: none; }
.mainred{ font-size: 12pt; font-weight:normal; color: #002550; text-decoration: none; }
.mainlink  { font-size: 12pt; font-weight:normal; color: #000000; text-decoration: none; }
.newslink  { font-size: 10pt; font-weight:bold; color: #000000; text-decoration: underline; }
.title { color:#000000; font-size: 14pt;  font-weight:bold;}
.subtitle { color:#000000; font-size: 12pt;  font-weight:bold; font-style: italic;}
.orange{ color:#FFFFFF;   font-size: 18pt;  font-weight:bold; font-style: italic; letter-spacing: .9px; }
.tableheader { font-size: 13pt; font-weight:bold; color: #000000; background:#ffffff;  text-decoration: none;  }
.maindisabled  { font-size: 12pt; font-weight:bold; background:#DDDDDD; color: #000000; text-decoration: none; }
.leftlink  { font-size: 13pt; font-weight:bold; color:#000000; text-decoration: none; }
.mainblue  { font-size: 13pt; font-weight:bold; color:#000000; text-decoration: none; }
.mainblue2  { font-size: 12pt; font-weight:bold; color:#000000; text-decoration: none; }
.maingold  { font-size: 9pt; font-weight:bold; color:#f4f4f4; background:#2a4d7a; text-decoration: none; }
.maintop  { font-size: 13pt; font-weight:bold; background:#000000 ;color:#FFFFFF; text-decoration: none; }
.header { color:#000000;  font-size: 16pt;  font-weight:bold;}
.headerblue { color:#FFFFFF; background:#000000; font-size: 12pt;  font-weight:bold;}
.white2 { color:#FFFFFF; background:#000000; font-size: 13pt;  font-weight:bold;}
.subheader { color:#000000; font-size: 14pt;  font-weight:bold;}
.sosmall  { font-size: 3pt; font-weight:bold; color: #FFFFFF; text-decoration: none; }
.sosmall2  { font-size: 3pt; font-weight:bold; background: #ffd705; text-decoration: none; }
.sosmallblue  { font-size: 2pt; font-weight:bold; color: #000000; background: #000000; text-decoration: none; }
.plaintext  { font-size: 13pt; font-weight:normal; color: #000000; text-decoration: none; }
 .hometext  { font-size: 12pt; font-weight:normal; color: #000000; text-decoration: none; }
.headspace { color:#6baee2; background:#6baee2; font-size: 16pt;  font-weight:bold;}