body {
  font-size: 10pt;
}
#TopBar {
  width: 100%;
  height: 80px;
  background: black;
  color: #FFF;
  font-weight: bold;

  /* This border can't be seen, but for some reason it prevents a large
   * white space from appearing below #Top in Gecko. */
  border-top: 1px solid black;
}
#TopBarLeft {
  float: left;
}
#TopBarRight {
  float: right;
  margin-right: 50px;
  height: 80px;
  font-size: 8pt;
}
.logo {
  background-image: url("/image/selfpointlogo.png");
  margin-top: 30px;
  height: 21px;
  width: 90px;
}
#TopBar h1 {
  color: #FFF;
  font-size: 122%;
  margin: 25px 1ex 0.2ex 13px;
  padding: 0;
}
#TopBar p {
  font-weight: normal;
  font-size: 69%;
  color: #FFF;
  /*color: #7D93A5;*/
  margin: 0.2ex 1ex 0.2ex 13px;
}
#TopBar .warning {
  color: #FFF;
  font-weight: bold;
}

/* The styles for the menu at the top on the left. */
#Menu {
  background: #FFF none;
  color: #000;
  padding: 0 1ex;
  vertical-align: middle;
}
#Menu td {
  font-size: 69%;
}
#Menu img {
  padding-left: 1ex;
}

/* Style for the footer stuff */
#Footer {
  width: 100%;
  font-size: 10px;
}

.panel_header {
  font-size: 18px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
}
.panel_header .links {
  font-size: 12px;
  font-weight: normal;
}


.error_message {
  font-size: 12px;
  font-weight: bold;
  color: red;
}

.info_message {
  font-size: 12px;
  font-weight: bold;
  color: green;
}

.save_button, .discard_button {
}

.disabled {
  color: gray;
}

div.cpanel_group {
  border:1px solid black;
  margin-top:5px;
  padding:5px
}

div.page_header {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 20px
} 
div.page_header .links {
  font-size: 12px;
  font-weight: normal;
}
div.page_header p {
  margin-top: 5px;
  font-size: 12px;
  font-weight: normal;
}

.user_roles_delete_col {
  text-align: center;
  width: 50px;
}

table.info-table {
  font-size: 10pt;
}

table.entity_create {
  font-size: 10pt;
}
table.entity_create tr {
  vertical-align: top;
}

/* nav links on generated pages */
.sp_nav_table {
  width: 100%;
  border: solid 1px black;
}
.sp_nav {
  font-size: 10pt;
  vertical-align: middle;
}
.sp_nav div {
  height: 100%;
}
.sp_nav_link {
  text-decoration: none;
}
.sp_nav_search_active {
  width: 30%;
}
.sp_nav_search_inactive {
  width: 0%;
}
.sp_nav_search_results {
  font-family: sans-serif;
  display: inline-block;
  margin-left: 10px;
}
.sp_nav_left {
  text-align: right;
}
.sp_nav_left_narrow {
  width: 15%;
}
.sp_nav_left_wide {
  width: 45%;
}
.sp_nav_center {
  width: 10%;
  text-align: center;
}
.sp_nav_text {
  font-family: sans-serif;
  display: inline-block;
  margin: auto;
}
.sp_nav_right {
  width: 45%;
  text-align: left;
}
.sp_nav_header {
  top: 0;
  left: 0;
}
.sp_nav_footer {
  position: relative;
  height: 50px;
  margin-top: -50px;
  clear: both
}


.view_hdr_left {
  vertical-align: top;
  text-align: left;
  width: 10%;
  padding-left: 10px;
}
.view_hdr_center {
  vertical-align: middle;
  width: 80%;
  text-align: center;
}
.view_hdr_right {
  vertical-align: top;
  text-align: right;
  width: 10%;
  padding-right: 10px;
}
.view_hdr_link {
  text-decoration: none;
}

/* over-ride the jquery-mobile class, make a vertical space between
 * buttons and the search results
 */
.ui-listview { margin-top: 0px !important; }

/*
 * Control the space above the first of the search
 * results list.
 */
.selfpoint-search-results-list li:first-of-type {
  margin-top: 20px;
}

.search_button {
  background-color: orange;
}

/*
 * Simply grid on panel
 */
table.panel_grid td {
  width: 50%;
  vertical-align: top
}
table.panel_buttons td {
  width: 50%;
  vertical-align: top
}