/* 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:#bbccff;
}

#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 #login_name {
  color:#1953ff;
  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:#a8b8e6;
}

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

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

/* Styling for the main screen */
#main_screen {
  margin:10px 0px 0px 20px;
}

/* Styling for the login screen */
#login_screen {
  margin:10px 0px 0px 20px;
}

/* Styling for the logout screen */
#logout_screen {
  margin:10px 0px 0px 20px;
}

/* Styling for the reports screen */
#reports_screen {
  position:relative;
  padding-bottom:56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  margin-top:20px;
  height:0;
  overflow:hidden;
}

#reports_iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:none;
}

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

/* Styling for the password screen */
#password_screen {
  margin:10px 0px 0px 20px;
}

/* 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:#96a3cc;
  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:#d1ddff;
  width:120px;
  padding:2px;
}

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

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

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

/* Styling for Xataface layout */
#top-menu-bar {
  display:none;
}

#xf-logo {
  display:none;
}

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

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