/*
                   Inroads User Interface Top Screen Style Sheet

                        Written 2007-2016 by Randall Severy
                         Copyright 2007-2016 Inroads, LLC
*/

.main_body {
  margin: 10px;
  font-family: Arial,Helvetica,sans-serif;
  overflow-x: hidden;
  overflow-y: hidden;
  border: 0px;
}

.title_table { width: 150px; }

.title_tab {
  color: #808284;
  background-image: url(images/title_tab_middle.gif);
  background-repeat: repeat-x;
  width: 150px;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 12px;
  padding-left: 10px;
}

.tab {
  color: #808284;
  background-image: url(images/tab_middle.gif);
  background-repeat: repeat-x;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  padding-bottom: 5px;
  width: 100%;
}

.tab_over {
  background-image: url(images/tab_middle_active.gif);
  font-weight: bold;
}

.tab_out td {
  color: #808284;
  font-weight: normal;
  cursor: default;
}

.tab_over td {
  color: #0065A4;
  font-weight: bold;
  cursor: pointer;
}

.current_tab td {
  color: #808284;
  font-weight: bold;
  cursor: pointer;
}

.tab_row_middle {
  background-image: url(images/tab_row_middle.gif);
  background-repeat: repeat-x;
  height: 10px;
  font-size: 0px;
  z-index: 10;
}

.tabmenu {
  visibility: visible;
  width: 130px;
  background: #cccccc;
}

.tabmenu td {
  visibility: hidden;
}

.tabmenu td.tab {
  visibility: visible;
  background-image: none;
  color: #000000;
  text-align: left;
  padding: 3px 3px 3px 10px
}

.tab_over .tabmenu {
  font-weight: normal;
}

.tabmenu .tab_over {
  background: #e3e2e2;
  font-weight:normal;
}

.tabmenu .tab_over td {
  font-weight: normal;
}

.tab_over .tabmenu .tab_out td {
  font-weight: normal;
}

td.tab div {
  position: relative;
  z-index: 100;
}

td.tab div .tabmenu {
  position: absolute;
  top: 999999px;
}

.tab_over td.tab div .tabmenu {
  top: 19px;
  left: -6px;
}

.body_top_middle {
  background-image: url(images/body_top_middle.gif);
  background-repeat: repeat-x;
  height: 7px;
  font-size: 0px;
}

.body_side_left {
  background-image: url(images/body_side_left.gif);
  background-repeat: repeat-y;
}

.content_iframe {
  width: 100%;
}

.body_side_right {
  background-image: url(images/body_side_right.gif);
  background-repeat: repeat-y;
}

.body_bottom_middle {
  background-image: url(images/body_bottom_middle.gif);
  background-repeat: repeat-x;
  height: 50px;
}

.body_bottom_middle_table {
  width: 100%;
  padding-top: 10px;
}

.site_logo {
}

.copyright {
  color: #7B7C7E;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  padding-bottom: 10px;
}

.status_cell {
  color: #0064A3;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-style: italic;
  font-size: 24px;
}

#preload_dialog .drag-contentarea {
  background: linear-gradient(cyan,transparent),
  linear-gradient(-45deg,magenta,transparent),
  linear-gradient(45deg,yellow,transparent);
  background-blend-mode: multiply;
}

#progress_title {
  text-align: center;
  margin-top: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 28px;
  color: #ffffff;
}

.progress_highlight {
  font-weight: bold;
}

#progress_system_name {
  text-align: center;
  margin: 10px 0px 20px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: italic;
  color: #ffffff;
}

#progress_container {
  margin: 0px auto;
  width: 200px;
  height: 200px;
  position: relative;
}

#loaded_tab_label {
  text-align: center;
  margin-top: 40px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
}