/* Import CSS */
@import url("button.min.css");
@import url("form.min.css");
@import url("tab.min.css");
@import url("rateit.min.css");


/* Screen */
@media screen {
  body>div#header { position: fixed; }
  body>div#headerBar { position: fixed; }
  body>div#menu { position: fixed; }
  body>div#footer { position: fixed; }
}


/* Global */
html, body {
  background: #FFFFFF url("/themes/common/images/background.jpg") repeat-x; /* Common */
  margin: 0px;
  width: 100%;
  height: 100%;
}
body {
  font: normal 12px verdana, helvetica, sans-serif;
}
table {
  border-collapse: collapse;
}
a {
  color: #0C3E74;               /* Common */
  text-decoration: none;
}
a:hover {
  color: #0089B3;               /* Common */
}
hr {
  background-color: #0089B3;    /* Common */
  border: 0px;
  height: 1px;
  margin: 5px 0px 5px 0px;
}
img {
  border: 0px;
}


/* Header */
div#header {
  background-color: #FFFFFF;
  width: 100%;
  height: 64px;                 /* logo height: 60px */
}
div#header table {
  width: 100%;
  height: 64px;
}
div#header table td {
  padding: 2px 10px 2px 10px;
  white-space: nowrap;
}
div#headerBar {
  background-color: #0C3E74;    /* Common */
  color: #FFFFFF;               /* Common */
  font-weight: bold;
  margin-top: 64px;
  width: 100%;
  height: 26px;
  _margin-top: 0px;             /* IE6 Hack */
}
div#headerBar table {
  width: 100%;
  height: 26px;
}
div#headerBar table td {
  padding: 0px 10px 0px 10px;
  white-space: nowrap;
}
div#headerBar table td.appTitle {
  width: 130px;
}
div#header table td.rightLogo, div#headerBar table td.appLanguage {
  text-align: right;
}


/* SSL */
div#ssl {
  margin: 10px 0px 10px 0px;
  text-align: center;
}


/* Footer */
div#footer {
  background-color: #666666;    /* Common */
  color: #FFFFFF;               /* Common */
  font-size: 10px;
  text-align: center;
  bottom: 0px;
  width: 100%;
  height: 15px;
  line-height: 1.5em;
  _margin-top: 70%;             /* IE6 Hack */
}
div#footer a {
  color: #FFFFFF;               /* Common */
}
div#footer a:hover {
  color: #FFFFFF;               /* Common */
}


/* Index (Pre-login) */
div#index {
  position: absolute;
  margin-top: 90px;
  padding: 20px 0px 20px 0px;
  width: 100%;
}
div#index table {
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
  margin: 0px auto 15px auto;
}
div#index table td#page {
  padding: 10px;
}
div#index table fieldset {
  border: 1px solid #FDAF2F;    /* Common */
  padding: 10px;
}
div#index table fieldset legend {
  color: #0C3E74;               /* Common */
  font-weight: bold;
}
div#index table#login,
div#index table#register {
  border: 0px;
  margin-top: 10px;
  width: 100%;
}
div#index table#login a {
  font: normal 11px verdana, helvetica, sans-serif;
}


/* Main (Post-login) */
div#main {
  position: absolute;
  margin: 90px 0px 0px 150px;
  padding: 10px 10px 35px 10px;
}
div#pageTitle {
  color: #00769D;               /* Common */
  font: bold 16px arial, helvetica, sans-serif;
  margin-bottom: 10px;
}


/* Menu */
div#menu {
  background-color: #EFEFEF;    /* Common */
  margin-top: 90px;
  width: 150px;
  height: 100%;
  _margin-top: 0px;             /* IE6 Hack */
}
div#menu ul {
  margin-top: 5px;
  padding: 10px;
}
div#menu ul li {
  list-style-type: none;
  padding-bottom: 10px;
}
div#menu a {
  color: #0C3E74;               /* Common */
}
div#menu a:hover {
  color: #0089B3;               /* Common */
}


/* Plugin: Slideshow */
div#slideshow {
  position: relative;
  overflow: hidden;
  width: 600px;
  height: 400px;
  z-index: 0;
}
div#slideshow img {
  display: block;
  width: 600px;
  height: 400px;
}


/* Plugin: Idle Timer */
div#idleTimeout {
  background-color: #CC5100;
  color: #FFFFFF;
  display: none;
  padding: 10px;
  text-align: center;
  z-index: 100000;
  position: fixed;
  width: 100%;
}
div#idleTimeout a {
  color: #FFFFFF;
  font-weight: bold;
}
div#idleTimeout span {
  font-weight: bold;
}


/* Plugin: Google Maps Geocoder */
div#mapInfoHeader {
  font-weight: bold;
}
div#mapInfo {
  font-size: 10px;
}


/* Plugin: jQuery Dialog Box */
.ui-widget-overlay {
  background: #aaaaaa !important; /* fix background overlay whiteline issue */
}