/* Header Styles */
/* not currently used
#top-level-nav #top-level-nav-list{
  border-color:#ccc;
  border-style:solid;
  border-width:0;
  left:0;
  padding:0;
  margin:0;
  position:relative;
  top:2px;
  width:100%;
  background:linear-gradient(to bottom, #777,#000);
  background-color:#333;
  color:#eee;
  display:inline-block;
  }
#top-level-nav-list li {
  border-left:1px solid #ccc;
  float:left;
  margin: 0px;
  background:linear-gradient(to bottom, #777,#000);
  background-color:#333;
  list-style-type:none;
  font-size:0.85em;
  }
#top-level-nav-list li:first-child {
  border-left: 0;
  float:left;
  background:linear-gradient(to bottom, #777,#000);
  background-color:#333;
  }
#top-level-nav-list li a {
  color:#eee;
  display:block;
  padding:4px 3px 3px;
  text-decoration:none;
  }
#top-level-nav-list li a:hover {
  background-color:#f6f6f6;
  border:0;
  color:#000;
  }
 */
#portal-header {
  position:relative;
  display:inline-block;
  left:0px;
  width:100%;
  padding:5px 0px 3px 0px;
  border-bottom:solid;
  border-bottom-color:#eee;
  border-bottom-width:1px;
  margin-bottom:8px;
    text-align: center;
  }
#portal-logo img {
  display:inline-block;
  vertical-align:middle;
  box-shadow: 2px 2px 2px #ccc;
  }
#page-title {
    display:inline-block;
    margin:5px 1px 1px 5px;
    width:75%;
    text-align:center;
  }
.title-text {
    font-size:2em;
    font-weight:bold;
}
#hosted-by{
    text-align: right;

}

/* Body Styles */
body {
  background-color: unset; /* could choose a color */
}
iframe {
  width:100%;
  height:90%;
  margin-top:18px;
  position: absolute;
  border-top: solid;
  border-bottom: solid;
  border-left: none;
  border-right: none;
}
.example {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
.popdiv {
  display: inherit;
  position: fixed;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  border-color: black;
  background-color: white;
}
.close-icon {
  float: right;
  border-radius: 10px;
}
.hidden {
  display: none;
}
.visible {
  display: inherit;
}
.steps table {
  width: 90%;
}
.steps td {
  width: 14%;
}
#Quick_Rules{
  font-weight: bold;
}
#Quick_Rules_Table{
  border-style: groove;
  border-color: black;
  border-collapse: collapse;
  width: 95%;
}
#Quick_Rules_Table td{
  border-color:black;
  border-style: groove;
}