body, td
{
    color:#000000;
	font-family:Trebuchet MS;
	font-variant:normal;
	font-size: 16px;
    
}
th {
    color: white;
    font-family: Trebuchet MS;
    font-variant: normal;
    font-size: 16px;
}

a:focus
{
	font-family:Verdana, sans-serif;
	font-variant:normal;
	font-size: 14px;
}

a
{
	font-family:Verdana, sans-serif;
	font-variant:normal;
	font-size: 14px;
}

body
{
	background-color:#FFFFFF;
}

.MainHeader
{
	color: #333333;
	font-family:Trebuchet MS;
	font-variant:normal;
	font-weight:bold;
	font-size: 24px;
    
}

.SubHeader
{
	color:#000000;
	font-family:Trebuchet MS;
	font-variant:normal;
	font-size: 16px;
}

.SubHeaderWB
{
	color:#000000;
	font-family:Trebuchet MS;
	font-variant:normal;
	font-size: 18px;
	
}

.SubHeaderOther
{
	color:#333333;
	font-family:Sans-Serif;
	font-variant:normal;
	font-size: 18px;
	
}

.Header
{
	color:#FFFFFF;
	font-family:Sans-Serif;
	font-variant:normal;
	font-weight:bold;
	font-size: 20px;
}


.Fields
{
	color:#FFFFFF;
	font-family:Sans-Serif;
	font-variant:normal;
	font-size: 20px;
}

.bg-img-cell {
    background: url('Images/Main/MO_Home_Page_cropped2.jpg') no-repeat center center;
    background-size: cover;
    position: relative;
}

.bg-img-cell::before {
    content: "";
    display: block;
    padding-top: 47.38%; /* 16:9 aspect ratio (height/width * 100) */
}

.Msg {
    color: #333333;
    font-family: Sans-Serif;
    font-variant: normal;
    font-size: 19px;
}

.btn
{
	color:#FFFFFF;
    background-color:#336699;
	font-family:Sans-Serif;
	font-variant:normal;
	font-size: 20px;
	height:35px;
	white-space:normal;
}

.btn2
{
	color:#FFFFFF;
    background-color:gray;
	font-family:Sans-Serif;
	font-variant:normal;
	font-size: 16px;
	height:35px;
	white-space:normal;
}
.gridBtn {
    color: #FFFFFF;
    background-color: #336699;
    font-family: Sans-Serif;
    font-variant: normal;
    font-size: 13px;
    height: 18px;
    white-space: normal;
}
.FooterText
{
	color:#FFFFFF;
	font-family:Sans-Serif;
	font-variant:normal;
	font-size: 20px;
}

.MVS
{
	color:#333333;
	font-family:Sans-Serif;
	font-variant:normal;
	font-size: 13px;
}

.Mainnav a {
    /*6px 8px 6px 16px;*/
  padding: 2px 2px 2px 2px;
  text-decoration: none;
  font-size: 16px;
  color:white;
  border: none;
  background: none;
  width: 100%;
  text-align:left;
  cursor: pointer;
  outline: none;
  vertical-align:middle;

}

.Mainnav a:hover {
       
  font-size: 16px;
  color:#333333;
  
   }

.MainnavSelected a {
  padding: 2px 2px 2px 2px;
  text-decoration: none;
  font-size: 16px;
  color:#333333;
  border: none;
  background: none;
  width: 100%;
  text-align:left;
  cursor: pointer;
  outline: none;
  font-weight:bold;
   vertical-align:middle;
}


.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 16px;
  color: #f1f1f1;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

.sidenav a:hover {
        color: #818181;
    }

.sidenav2 a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 16px;
  color:white;
  border: none;
  background: none;
  width: 100%;
  text-align:left;
  cursor: pointer;
  outline: none;
 
}

.sidenav2 a:hover {
       
  font-size: 16px;
  color:red;
    }

.sidenav3 a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 14px;
  color:white;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

.sidenav3 a:hover {
 font-size: 16px;
  color: red;
    }

.SubHeaderLogin
{
	color:darkgrey;
	font-family:Sans-Serif;
	font-variant:normal;
	font-size: 18px;
	
}

a.lognav {
 
  font-family:Trebuchet MS;
	font-variant:normal;
  text-decoration: none;
  font-size: 18px;
  color:dodgerblue;
  /*text-shadow: 1px 1px 2px #000000;*/
}
a.lognav1 {
 
  font-family:Trebuchet MS;
	font-variant:normal;
  text-decoration: none;
  font-size: 50px;
  color:dodgerblue;
  
}
a.lognav:hover {
    font-family:Trebuchet MS;
	font-variant:normal;    
  font-size: 18px;
  text-decoration:underline;
  
}

a.lognav2 {
 
  font-family:Trebuchet MS;
	font-variant:normal;
  text-decoration: none;
  font-size: 16px;
  color:dodgerblue;
  
}

a.lognav2:hover {
    font-family:Trebuchet MS;
	font-variant:normal;    
  font-size: 16px;
  text-decoration:underline;
  
}

.logo {
width:100%;
transition: 0.4s;
}

.Regfields
{
	color:#000000;
	font-family:Sans-Serif;
	font-variant:normal;
	font-size: 14px;
}

.txtbox{
  padding: 8px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing:border-box;
  
}

.FixedHeader {
           position: absolute;
        }

.fixedMenu {
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
}

.TableWrap{
    word-break: break-all;
}

#gradient {
background: -moz-linear-gradient(top, #336699 0%, #2B5782 39%, #23486B 100%);
background: -webkit-linear-gradient(top, #336699 0%, #2B5782 39%, #23486B 100%);
background: linear-gradient(to bottom, #336699 0%, #2B5782 39%, #23486B 100%);
}

.TableList{
    /*width: 80%;*/
    border: solid 1px black;
    /*min-width: 80%;*/
}

.Tableheader
{
    background-color:#336699;
    font-family: Trebuchet MS;
    color: White !important;
    /*border: none 0px transparent;*/
    height: 25px;
    text-align: center;
   }

.Tableheader a{
    text-decoration: none;
}
.Tablerows
{
    background-color: #f1f1f1;
    font-family: Trebuchet MS;
    font-size: 14px;
    color: #000;
    min-height: 25px;
    text-align: center;
    border: none 1px transparent;
    padding-left:5px;
    
}

.Tablerows:hover {
    background-color: #bbbbbb;
    font-family: Trebuchet MS;
    color: #bbbbbb;
    text-align: center;
}


#dropdown {
  float: left;
  overflow: hidden;
}

#dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}



#dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

#dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

#dropdown-content a:hover {
  background-color: #ddd;
}

#dropdown:hover #dropdown-content {
  display: block;
}

#navbar {
  overflow: hidden;
  /*padding: 250px 10px;*/ /* Large padding which will shrink on scroll (using JS) */
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  width: 100%;
  top: 0; /* At the top */
  z-index: 99; 
}





/*@media screen and (max-height:945px) {
.scroll 
{
max-height: 700px;
overflow: auto;
}
}*/

/*@media screen and (max-height:580px) {
#navbar {
    padding: 20px 10px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
  }
}*/


#navbar2 {
  overflow: hidden;
  /*padding: 0px;*/ /* Large padding which will shrink on scroll (using JS) */
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  width: 100%;
  top: 102px; /* At the top */
  z-index: 99; 
}

/* Style the logo */
#navbar #logo {
  //font-size: 35px;
  //font-weight: bold;
  transition: 0.0s;
}

#navbar-right {
  float: right;
}
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.modalPopup {
    position: fixed;
    top: 10%;
    left: 10px;
    text-align: center;
    background-color: White;
    border: solid 3px black;
    overflow: auto;
    height: 500px;
    width: auto;
    max-width: 700px;
}
.ui-datepicker {
    position: relative;
    z-index: 10000 !important;
}
.cpHeader {
    color: white;
    background-color: silver;
    cursor: pointer;
    Width: 70%;
    padding: 3px;
    border-spacing: 3px;
}
.cpBody {
    
}

.txtboxLogin {
    margin: 8px 0px 0px 6px;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    box-sizing: border-box;
}

.dvShowHidePassword {
    margin: 8px 0px 0px -43px;
    padding: 8px 10px;
    cursor: pointer;
}
.logoLeftWide {
    max-height: 90%;
    width: auto !important;
    position: absolute !important;
    left: 0;
    margin-left: 0.5%;
    margin-top: 0.5%;
}
.logoLeftNarrow {
    height: 86%;
    width: auto !important;
    position: absolute !important;
    left: 0;
    margin-left: 2.2%;
    margin-top: 0.05%;
}
.logoRightWide {
    height: 40%;
    position: absolute !important;
    right: 0;
    margin-right: 2%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
}
.logoRightNarrow {
    height: 77.3%;
    position: absolute !important;
    right: 0;
    margin-right: 2%;
    margin-top: 0.5%;
}