/* Styling for the whole page */
body {
  color:black;
  margin:0%;
  padding:0%;
  font-family:Verdana,Arial,sans-serif;
  font-size:80%;
}

/* Styling for the container */
#container {
  position:relative;
  left:0px;
  top:0px;
  z-index:0;
}

/* Styling for the navigation bar */
#navigation {
  margin:2px 0px 2px 0px;
  padding:2px;
  text-align:left;
  font-family:Arial,Helvitica,sans-serif;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  font-size-adjust:none;
  font-stretch:normal;
  background-color:#ef8e25;
}

#navigation ul {
  list-style-type:none;
  margin:2px;
  padding:0;
  overflow:hidden;
  line-height:1.0em;
  list-style-image:none;
  height:24px;
}

#navigation li {
  float:left;
  font-size:13px;
}

#navigation .active {
  background-color:#efaf69;
}

#navigation #login_name {
  color:white;
  font-weight:bold;
  padding:4px;
}

#navigation a:link,a:visited {
  display:block;
  width:110px;
  font-weight:bold;
  color:#000000;
  text-align:center;
  padding:4px;
  text-decoration:none;
  text-transform:uppercase;
}

#navigation a:hover,a:active {
  background-color:#7a991a;
}

/* Styling for the header */
#header {
  height:67px;
  padding:4px 0px 0px 4px;
}

/* Styling for the footer */
#footer {
  position:static;
  margin:10px 0px 0px 0px;
  border-top:thick groove #ef8e25;
  text-align:center;
}

/* Styling for the reports screen */
#reports_screen {
  left:0;
  top:0;
  width:100%;
  height:600px;
}

#reports_iframe {
  display:block;
  width:100%;
  height:100%;
  border:none;
  margin-top:20px;
}

/* Styling for the not authorised screen */
#notauthorised_screen {
  margin:10px 0px 0px 20px;
}

/* Styling for content screens */
.content_screen {
  margin:10px 0px 0px 20px;
}

/* =========================== */
/* ==== Map styling start ==== */
/* =========================== */

#map {
  float:left;
  position:relative;
  width:780px;
  height:596px;
  margin:0px;
  padding:0px;
  border:none;
  cursor:pointer;
}

/* Styling for the map view */
#mapView {
  margin:2px;
  z-index:0;
}

#customZoom {
  z-index:1001;
  position:absolute;
  top:81px;
  left:17px;
}

#customZoom img {
  position:absolute;
  margin:0px;
  padding:3px;
  cursor:pointer;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
  border-radius:4px;
}

/* Styling for the panels */
.x-panel-body {
  border:1px solid rgb(172,172,172);
}

.x-panel-header-default {
  background-image:none;
  background-color:#ef8e25;
  border:1px solid rgb(172,172,172);
  padding:5px 15px 4px 0px;
}

.x-panel-header-default-top {
  -webkit-box-shadow: #F2F5F8 0 0px 0 0 inset;
  box-shadow: #f3f7fb 0 0px 0 0 inset;
}

.x-panel-header-text {
  color:black;
}

.x-window-body-default {
  border:1px solid rgb(172,172,172);
  background:white;
  color:black;
}

.x-window-default {
  color:black;
  background-color:#ef8e25;
}

.x-window-header-default .x-tool-img {
  background-color:#ef8e25;
}

.x-window-header-default-top {
  background-color:#ef8e25;
}

.x-window-header-text-container-default {
  color:black;
}

/* =========================== */
/* ==== Map styling end ==== */
/* =========================== */

/* Styling for the main menu */
.menu_main {
  margin:10px 2px 2px 30px;
  font-family:Arial,Helvitica,sans-serif;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  font-size:1.0em;
  line-height:normal;
  font-size-adjust:none;
  font-stretch:normal;
  color:#000000;
  text-decoration:none;
}

.menu_main p {
  margin:10px 2px 2px 0px;
  padding:2px;
  color:white;
  background-color:#e39440;
  font-weight:bold;
  width:200px;
}

.menu_main ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:2px 0px 0px 10px;
}

.menu_main li {
  margin:4px;
  background-color:#fff2ce;
  width:120px;
  padding:2px;
}

.menu_main a {
  color:#000000;
  text-decoration:none;
}

.menu_main li:hover {
  background-color:#e3a868;
}

/* ================================ */
/* ==== Xataface styling start ==== */
/* ================================ */

#idXfBtn {
  padding:2px 6px 4px 6px;
  margin-right:10px;
  background-color: #28a745;
  background-image: linear-gradient(-180deg,#34d058,#28a745 90%);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #bbbbbb;
}

#idXfBtn a {
  font-family: Verdana,Arial,sans-serif;
  font-size: 90%;
  color: white !important;
  text-decoration: none;
}


/* Styling for Xataface layout */
.bread-crumbs {
  visibility: hidden;
  height: 0px;
}

#list-window .mobile-list-settings {
  visibility: hidden;
  height: 0px;
}

#region-content .responsive-content,
#region-content .responsive-content #list-window {
  width:auto;
}

body.large #list-window,
body.one-col .responsive-content {
  width:auto;
}

#status-bar .responsive-content {
  width:auto;
  padding: 0px 0px 0px 10px;
}

/* Styling for Xataface dashboard */
#main_table {
  width:auto;
  margin:10px;
}

#dashboard_header {
  color:black;
  font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
  padding: 4px 0px 4px 0px;
}

#dashboard_table td {
  height:41px;
  padding:2px 30px 2px 2px;
  vertical-align:middle;
}

#dashboard_table img,select {
  vertical-align:middle;
}

#dashboard_table a:link,a:visited {
  color:#000000;
  text-decoration:none;
  padding:5px;
}

#dashboard_table a:hover {
  background-color:#d9effd;
}

/* Styling for Xataface grids */
.documentContent {
  font-size:100%;
}

/* ============================== */
/* ==== Xataface styling end ==== */
/* ============================== */

/* ================================== */
/* ==== Database tables styling start */
/* ================================== */
.db_table {
  border-collapse:collapse;
  border-right:1px solid #aaaaaa;
  border-bottom:1px solid #aaaaaa;
  width:auto;
}

.db_table tr:nth-child(even) {
  background: #F5F5F5;
  vertical-align:top;
}

.db_table tr:nth-child(odd) {
  background: #E5E5E5;
  vertical-align:top;
}

.db_table th {
  background:#e1e1ff;
}

.db_table a {
  color:blue;
}

.db_table td,
.db_table th {
  font-size:0.85em;
  padding:1px 3px 1px 3px;
  border-left:1px solid #aaaaaa;
  border-top:1px solid #aaaaaa;
}
/* ================================ */
/* ==== Database tables styling end */
/* ================================ */

/* =============================== */
/* ==== General styling start ==== */
/* =============================== */

.clRedGlow {
    text-shadow:0px 0px 8px #cc0000;
    color:red;
}

/* Styling for buttons */
button.clBtn:hover, .clBtn:hover {
  background:#dddddd;
}

button.clBtn, .clBtn {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #222222;
  padding: 2px 5px 2px 5px;
  background: #eeeeee;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #bbbbbb;
  text-decoration: none;
  cursor: pointer;
}

.clShowPassword {
  cursor: pointer;
}

/* ============================= */
/* ==== General styling end ==== */
/* ============================= */