/* Removes BootStrap link color which causes an ADA contrast issue */
a:focus, a:hover {
  color: unset;
}

/* Removes BootStrap legend positioning issues */
legend {
  float: unset;
}


body {
  margin: 0px;
  padding: 0px;
  position: relative;
  min-height: 100vh;
  padding-bottom: 80px;
}


.page-container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0;
  font-family: boundlessbody, sans-serif;

}

p {
  font-family: boundlessbody, sans-serif;
}

.page-core {
  padding: 20px;

}

.page-content .layout {
  padding: 20px;
  clear: both;
}

.uwnetid-header {
  padding-left: 9px;
}

.version-header {
  font-weight: bold;
  font-size: 10px;
  color: #bca8e2;
  text-decoration: none;
}

.version-header:visited {
  font-weight: bold;
  font-size: 10px;
  color: #bca8e2;
  text-decoration: none;
}

.version-header:hover {
  font-weight: bold;
  font-size: 10px;
  color: #d7c7f6;
  text-decoration: none;
}

.version-header:active {
  font-weight: bold;
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
}

.version-footer {
  font-weight: bold;
  font-size: 10px;
  color: #999999;
  text-decoration: none;
  padding-right: 10px
}

.version-footer:visited {
  font-weight: bold;
  font-size: 10px;
  color: #999999;
  text-decoration: none;
  padding-right: 10px
}

.version-footer:hover {
  font-weight: bold;
  font-size: 10px;
  color: #BBBBBB;
  text-decoration: none;
  padding-right: 10px
}

.version-footer:active {
  font-weight: bold;
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
  padding-right: 10px
}

.header-container {
  position: relative;
  background-color: #4b2e84;
  background-image: url("../common-images/template/header.png");
  height: 106px;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px 5px 15px #777777;
  -moz-box-shadow: 0px 5px 15px #777777;
  box-shadow: 0px 5px 15px #777777;
}

.header-container-slim {
  position: relative;
  background-color: #4b2e84;
  background-image: url("../common-images/template/header-slim.png");
  height: 65px;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px 5px 15px #777777;
  -moz-box-shadow: 0px 5px 15px #777777;
  box-shadow: 0px 5px 15px #777777;
}

.header-container-micro {
  position: relative;
  background-color: #4b2e84;
  background-image: url("../common-images/template/header-micro.png");
  background-position: bottom left;
  height: 30px;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px 5px 15px #777777;
  -moz-box-shadow: 0px 5px 15px #777777;
  box-shadow: 0px 5px 15px #777777;

}

.displayid {
  float: right;
  color: #ffffff;
  padding-right: 9px;
  top: 6px;
  font-weight: bold;
  font-size: 20px;
}

.headerlinks {
  float: right;
  color: #ffffff;
  padding-right: 9px;
  top: 3px;

}

.headerlinks a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  font-family: arial, sans-serif;
  font-size: 1em;
}

.headerlinks ul li {
  display: inline;
}

.headertitle {
  position: absolute;
  font-family: boundlessheader, sans-serif;
  top: 67px;
  left: 170px;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  font-size: 1.75em;
  z-index: 25;

}


.headertitle-slim {
  position: absolute;
  font-family: boundlessheader, sans-serif;
  top: 23px;
  left: 113px;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  font-size: 1.8em;
  z-index: 25;
}

.menu-application-settings {
  display: none;
}

.menu-application-manager {
  display: none;
}

@media screen and (max-width: 900px) {
  .headertitle-slim {
    top: 35px;
    left: 113px;
    font-size: 1.3em;
  }


}


.headertitle-slim a:hover {
  color: #ffffff;
}

.menu {
  list-style-type: none;
}

.menu a {
  color: #ffffff;
  text-decoration: none;

}

.menu-block {
  padding: 3px 10px;
  line-height: 14px;
  font-size: 8pt;
  font-weight: bold
}

.menu-link {
  font-size: 10pt;
  font-weight: bold;
  padding-left: 4px;
  color: #4a1c88;
  font-family: calibri, sans-serif;
}

.menu-link:hover {
  color: #a672ec;
}

.blockstart {
  margin: auto;
  width: 25%;
  min-width: 250px;
  min-height: 220px;
  margin-left: 2%;
  line-height: 1.2em;
}

.block {
  width: 13%;
  min-width: 120px;
  min-height: 220px;
  margin: auto;
  margin-left: 2%;
  line-height: 1.2em;
}

.bottom {
  color: #ffffff;
  text-decoration: none;
  font-family: boundlessbody, sans-serif;
  padding: 5px 12px;
  background-color: #000000;
  clear: both;
}

footer.maximus {
  background-color: #444444;
  background-image: url("../common-images/template/footer.png");
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px -5px 15px #777777;
  -moz-box-shadow: 0px -5px 15px #777777;
  box-shadow: 0px -5px 15px #777777;
  /*Magic to lock footer to bottom*/
  white-space: nowrap;
  overflow: auto;
  padding: 8px 0px 0px 0px;
}

footer.minimus {
  background-color: #000000;
  -webkit-box-shadow: 0px -5px 15px #777777;
  -moz-box-shadow: 0px -5px 15px #777777;
  box-shadow: 0px -5px 15px #777777;
  /*Magic to lock footer to bottom*/
  white-space: nowrap;
  overflow: auto;

  position: fixed;
  bottom: 0;
  width: 100%;
  height: 30px; /* Height of the footer */
}

.address {
  font-size: 12pt;
  line-height: 12pt;
}

.contact {
  font-size: 12pt;
  line-height: 12pt;
}

.element {
  font-size: 9pt;
}


.block-title {
  font-size: 12pt;
}

.footercontent {
  padding: 5px;
  color: #ffffff;
  float: left;
  font-family: boundlessbody, sans-serif;
}

.footercontent h2 {
  text-transform: uppercase;
  font-size: .9em;
  font-weight: bold;
}

.footercontent a {
  color: #ffffff;
  text-decoration: none;
  font-family: boundlessbody, sans-serif;
}

.footercontent a:hover {
  color: #aaaaaa;
  text-decoration: underline;
}

.footlink {
  font-size: 9pt;
  line-height: 10pt;
}

.bottom-band {
  position: relative;
  height: 23px;
  top: -6px;
}

.copy {
  font-weight: bold;
  font-size: 7pt;
  height: 15px;
  line-height: 15px;
  top: 3px;
  color: #ccc;
}

.copy-symbol {
  padding-right: 2px;
}

.tray {
  display: inline-block;
  padding: 0px 7px;
  border-radius: 3px;
}

.tray-content {
  position: relative;
  top: -2px;
}

.menu-message {
  color: #4B2E83;
  font-weight: bold;
  font-size: 10px;
  text-align: center;

}

.matt-gold {
  background: #5e543a; /* Old browsers */
  background: -moz-linear-gradient(top, #b7a57a 0%, #5e543a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b7a57a 0%, #5e543a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b7a57a 0%, #5e543a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7a57a', endColorstr='#5e543a', GradientType=0); /* IE6-9 */
}

.matt-purple {
  background: #a187d1; /* Old browsers */
  background: -moz-linear-gradient(top, #a187d1 1%, #2f185a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #a187d1 1%, #2f185a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a187d1 1%, #2f185a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a187d1', endColorstr='#2f185a', GradientType=0); /* IE6-9 */
}

.matt-silver {
  background: #ececec; /* Old browsers */
  background: -moz-linear-gradient(top, #ececec 0%, #575757 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ececec 0%, #575757 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ececec 0%, #575757 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#575757', GradientType=0); /* IE6-9 */
}

.matt-black {
  background: #a6a6a6; /* Old browsers */
  background: -moz-linear-gradient(top, #a6a6a6 0%, #111111 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #a6a6a6 0%, #111111 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #a6a6a6 0%, #111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a6a6', endColorstr='#111111', GradientType=0); /* IE6-9 */
}


.matt-blue {
  background: #b9d7ef; /* Old browsers */
  background: -moz-linear-gradient(top, #b9d7ef 0%, #416e91 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b9d7ef 0%, #416e91 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b9d7ef 0%, #416e91 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9d7ef', endColorstr='#416e91', GradientType=0); /* IE6-9 */
}

.gloss-gold {
  background: rgb(107, 101, 69); /* Old browsers */
  background: -moz-linear-gradient(top, #bfb599 0%, #8b7e55 51%, #988a60 49%, #6b6545 0%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #bfb599 0%, #8b7e55 51%, #988a60 49%, #6b6545 0%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bfb599 0%, #8b7e55 51%, #988a60 49%, #6b6545 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfb599', endColorstr='#6b6545', GradientType=0); /* IE6-9 */
}

.gloss-purple {
  background: rgb(69, 44, 132); /* Old browsers */
  background: -moz-linear-gradient(top, #9181d7 0%, #563dbb 51%, #4e34ad 49%, #452c84 0%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #9181d7 0%, #563dbb 51%, #4e34ad 49%, #452c84 0%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #9181d7 0%, #563dbb 51%, #4e34ad 49%, #452c84 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9181d7', endColorstr='#452c84', GradientType=0); /* IE6-9 */
}

.gloss-silver {
  background: #6d6d6d; /* Old browsers */
  background: -moz-linear-gradient(top, #d8d5d5 0%, #757575 51%, #828282 49%, #6d6d6d 0%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d8d5d5 0%, #757575 51%, #828282 49%, #6d6d6d 0%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d8d5d5 0%, #757575 51%, #828282 49%, #6d6d6d 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d5d5', endColorstr='#6d6d6d', GradientType=0); /* IE6-9 */
}

.gloss-black {
  background: #222222; /* Old browsers */
  background: -moz-linear-gradient(top, #8d8a8a 0%, #2a2a2a 51%, #373737 49%, #222222 0%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #8d8a8a 0%, #2a2a2a 51%, #373737 49%, #222222 0%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #8d8a8a 0%, #2a2a2a 51%, #373737 49%, #222222 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d8a8a', endColorstr='#222222', GradientType=0); /* IE6-9 */
}

.button-core {
  text-decoration: none;
  position: relative;
}

.button-icon-normal {
  position: absolute;
  top: -5px;
  left: 16px;
}

.button-icon-slender {
  position: absolute;
  top: 4px;
  left: 9px;
}

.button-container-normal {
  font: bold 14px Arial, sans-serif;
  white-space: nowrap;
  color: #444;
  position: absolute;
  top: 4px;
  left: 69px;
}

.button-container-slender {
  font: bold 12px Arial, sans-serif;
  white-space: nowrap;
  color: #444;
  position: absolute;
  top: 5px;
  left: 40px;
}

.button-text-normal-left {
  text-align: left;
}

.button-text-slender-left {
  text-align: left;
}

.button-text-normal-center-150 {
  text-align: center;
  width: 62px;
}

.button-text-normal-center-200 {
  text-align: center;
  width: 110px;
}

.button-text-normal-center-250 {
  text-align: center;
  width: 158px;
}

.button-text-normal-center-300 {
  text-align: center;
  width: 210px;
}

.button-text-normal-center-350 {
  text-align: center;
  width: 260px;
}

.button-text-slender-center-085 {
  text-align: center;
  width: 33px;
}

.button-text-slender-center-100 {
  text-align: center;
  width: 47px;
}

.button-text-slender-center-150 {
  text-align: center;
  width: 95px;
}

.button-text-slender-center-200 {
  text-align: center;
  width: 144px;
}

.button-text-slender-center-250 {
  text-align: center;
  width: 195px;
}

.button-text-slender-center-300 {
  text-align: center;
  width: 245px;
}

.button-text-slender-center-350 {
  text-align: center;
  width: 295px;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {


  .button-icon-normal {
    position: absolute;
    top: -21px;
    left: 16px;
  }

  .button-container-normal {
    font: bold 14px Arial, sans-serif;
    white-space: nowrap;
    color: #444;
    position: absolute;
    top: -12px;
    left: 69px;
  }

  .button-icon-slender {
    position: absolute;
    top: -13px;
    left: 9px;
  }

  .button-container-slender {
    font: bold 12px Arial, sans-serif;
    white-space: nowrap;
    color: #444;
    position: absolute;
    top: -10px;
    left: 40px;
  }

}

@supports (-ms-accelerator:true) {

  .button-icon-normal {
    position: absolute;
    top: -5px;
    left: 16px;
  }

  .button-icon-slender {
    position: absolute;
    top: 4px;
    left: 9px;
  }

  .button-container-normal {
    font: bold 14px Aria, sans-serif;
    white-space: nowrap;
    color: #444;
    position: absolute;
    top: 4px;
    left: 69px;
  }

  .button-container-slender {
    font: bold 12px Arial, sans-serif;
    white-space: nowrap;
    color: #444;
    position: absolute;
    top: 5px;
    left: 40px;
  }

}


@media only screen and (max-width: 1000px) {
  #tools-tray {
    display: none;
  }

  #admin-tray {
    display: none;
  }

  #weather-tray {
    display: none;
  }
}


@media only screen and (max-width: 700px) {
  #slim-wordmark {
    display: none;
  }


}