/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900);

/*************
* Page Makeup
*************/

body {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: #333;
  width:100%;
  height:100%;
  max-height: 100vh;
  margin: 0px;
  padding: 0px;
  overflow: auto;
  background-color: #eaf1ea;
}

h1 {
  float: left;
  margin: 0px;
  font-size: 18px;
  color: #000;
}

h2 {
  float: left;
  margin: 0px;
  font-size: 16px;
  font-weight: bold;
  color: #900;
}

h3 {
  float: left;
  margin: 0px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

a {
  color: #36C;
  text-decoration: none;
}

a:hover {
  color: #900;
}

input, select option {
  background-color: #fbf9f5;
}

select:focus option:checked,
select option:checked {
  background: #0e69b9 linear-gradient(0deg, #0e69b9 0%, #0e69b9 100%);
  color: #FFF;
}

/*************
* IDs
*************/

#page_top_container {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0px;
  margin: 0px;
  z-index: 100;
  box-shadow: 1px 1px 2px;
}

#history {
  float: left;
  width: 100%;
  padding: 0px 10px 0px 10px;
  margin: 0px;
  background: #CCC;
}

#page_top {
  float: left;
  width: 100%;
  padding: 0px 0px 5px 0px;
  margin: 0px;
  background: #FFF;
}

#page_container {
  position: absolute;
  top: 90px;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#page_content {
  float: left;
  padding: 10px 20px 20px 20px;
  width: 97%;
}

#program_title {
  float: left;
  margin-left: 10px;
}

#processing {
  display: none;
}

#system_menu {
  float: right;
  margin-right: 10px;
}

#search_table_dd {
  margin-left: 15px;
  margin-right: 0px;
}

#search_bar {
  margin-left: 0px;
  border-radius : 3px;
  padding-left : 5px;
  padding-right: 5px;
}

#browser_menu {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 5px;
  padding-top: 5px;
  font-size: 11px;
  color: #999;
  border-top: dashed 1px #999;
}

#shortcuts_menu {
  position: absolute;
  top: 0px;
  left: 0px;
  white-space: nowrap;
}

#shortcuts_menu_wrapper {
  position: relative;
  float: left;
  overflow: hidden;
  width: 100%;
  height: 16px;
}

#shortcut_scroll_left {
  margin-right: 5px;
}

#shortcut_scroll_right {
  margin-left: 5px;
}

#cboxClose {
  top: 4px;
  right: 20px;
}

#cboxLoadedContent {
  padding: 30px;
}