<style>
.main-wrapper,
.footer-element {
   font-size: 16px;
   line-height: initial;
   overflow: visible;
}
.footer-element {
   margin-top: 100px; 
}
.main-wrapper * {
   box-sizing: content-box;
}
.submit-icon {
   padding: 0 !important;
}
.main-wrapper .textfield {
   border: 1px solid #999;
   font-size: 16px;
   height: 24px !important;
   margin-right: 5px;
   width: 172px;
}
.site-name-link:hover {
   color: #050505;
   text-decoration: none;
}
.top-links .dropdown a {
   white-space: nowrap;
}

/* We hide the mobile search and the central nav menu icon since we do not have our javascript running on this page */
.mobile-search-container {
   display: none;
}
.central-nav-icon {
   display: none;
}

/* Displaying site name on mobile */
.ub-site-name-mobile {
	display: none;
	background-color: #fff;
	padding: 1em 0;
}
.ub-site-name-mobile-link {
	font-size: 1.3rem;
	color: #050505;
	text-decoration: none;
}
.ub-site-name-mobile-link:focus, 
.ub-site-name-mobile-link:hover { 
	color: #050505;
}
@media only screen and (max-width: 1024px) {
	.ub-site-name-mobile {
		display: block;
	}
}
/* My stuff */
th, td {
	padding: 5px;
	font-weight: 300;
}
.centered-cell {
	text-align: center;
}

.disabutton {
  border-color: #ffffff #9e9e9e #9e9e9e #ffffff;
  background-color: #3b3b3b;
  color: #ffffff;
}
.disabutton:hover {
  background-color: #e2e2e2;
  color: #050505;
}

/* Split the screen in half */
.split {
  #height: 100%;
  height: auto;
  width: 50%;
  position: fixed;
  #position: auto;
  z-index: 1;
  #top: 300;
  overflow-x: hidden;
  #padding-top: 20px;
}

/* Control the left side */
.left {
  #left: 0;
}

/* Control the right side */
.right {
  right: 0;
}
</style>
