/* GENERIC GLOBAL */

* {
  background-color: inherit;
  color: #555;
  font-family: verdana;
  font-size: 10pt;
}

.dn {
  display: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.ib {
  display: inline-block;
}

.nb {
  display: inline;
  margin: 0;
}

.nb button {
  margin: 0;
}

.nm {
  margin: 0 !important;
}

.nmt {
  margin-top: 0 !important;
}

.r {
  text-align: right;
}



/* GENERIC COLORS */

.fc1 {
  background-color: inherit;
  color: #0f389f;
}

.fc2 {
  background-color: inherit;
  color: #009580;
}

.fc3 {
  background-color: inherit;
  color: #ed6200;
}

.fc4 {
  background-color: inherit;
  color: #ed9f00;
}

.fcg {
  background-color: inherit;
  color: #0b0;
}

.fcr {
  background-color: inherit;
  color: #b00;
}



/* GENERIC SIZES */

.h48 {
  height: 48px;
}

.h150 {
  height: 150px;
}

.p4 {
  padding: 4px;
}

.w50 {
  width: 50px;
}

.w75 {
  width: 75px;
}

.w100 {
  width: 100px;
}

.w130 {
  width: 130px;
}

.w175 {
  width: 175px;
}

.w235 {
  width: 235px;
}

.w250 {
  width: 250px;
}

.w300 {
  width: 300px;
}

.w350 {
  width: 350px;
}

.w400 {
  width: 400px;
}

.w100p {
  width: 100%;
}



/* ONLINE & OFFLINE */

.offline,
.online {
  color: white;
  display: inline-block;
  font-family: arial;
  font-size: 9px;
  font-weight: bold;
  margin: 0;
  padding: 1px;
  text-align: center;
  width: 42px;
}

.offline {
  background-color: #b00;
}

.online {
  background-color: #0b0;
}



/* GENERIC TAGS */

a {
  background-color: inherit;
  color: #0f389f;
  cursor: pointer;
}

a.disabled {
  background-color: inherit;
  color: #ccc !important;
}

a.list {
  background-color: inherit;
  color: #557;
  text-decoration: none;
}

a.lm {
  background: transparent url(/img/landmark.png) no-repeat left center;
  padding-left: 20px;
  text-decoration: none;
}

a.read {
  color: inherit;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  background-color: inherit;
  color: #ed9f00;
}

b {
  background-color: inherit;
  color: #ed6200;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  overflow-y: scroll;
}

body * {
  text-align: left;
}

code {
  background-color: #f8f8f8;
  color: #555;
  font-family: Courier;
  position: relative;
  top: -1px;
}

button {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: white;
  border: #576b9f solid 1px;
  border-radius: 5px;
  color: inherit;
  cursor: pointer;
  height: 19px;
  margin: 15px 0 0;
  padding: 2px 3px;
  position: relative;
  text-align: center !important;
  text-transform: uppercase;
}

button span {
  background-color: transparent;
  color: #576b9f;
  font-family: arial;
  font-size: 9px;
  font-weight: bold;
  text-shadow: 1px 1px 1px #ccd;
}

button.active,
button.hover {
  border: #ed9f00 solid 1px;
}

button.active span,
button.hover span {
  background-color: transparent;
  color: #ed9f00;
}

button[disabled] {
  background-color: #f8f8f8;
  border-color: #cccccc;
  cursor: default;
}

button[disabled] span {
  background-color: transparent;
  color: #cccccc;
  text-shadow: none;
}

div#noscript {
  background: #FFFDD0 url(/img/warning_big.png) no-repeat 10px center;
  border-bottom: #888770 solid 1px;
  padding: 10px 10px 10px 40px;
}

div#noscript * {
  color: #888770;
}

div#noscript p {
  font-size: 0.8em;
  margin: 0;
}

div.clear {
  clear: both;
}

div.h3 {
  margin: 25px 0 10px;
}

div.slmap {
  display: inline-block;
  float: right;
  height: 192px;
  position: relative;
  width: 192px;
}

div.slmap div.slmapbul {
  background: transparent url(/icons/bullet_yellow.png) center center no-repeat;
  height: 10px;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}

div.slmap div.slmapobj {
  left: 251px;
  position: absolute;
  top: -7px;
}

div.slmap img {
  border: #ccc solid 1px;
  height: 192px;
  width: 192px;
}

div.warn {
  background: transparent url(/img/warning.png) no-repeat center center;
  display: inline-block;
  height: 14px;
  width: 14px;
}

form {
  margin: 30px 0 0;
}

form div {
  margin: 0 0 10px;
}

form div.error,
form div.success {
  height: 16px;
  margin: 30px 0 0;
  padding: 0 0 0 24px;
}

form div.error {
  background: transparent url(/icons/emoticon_unhappy.png) no-repeat left center;
  color: red;
}

form div.success {
  background: transparent url(/icons/emoticon_happy.png) no-repeat left center;
  color: #0b0;
}

form label {
  background-color: inherit;
  color: #888;
  display: block;
  font-size: 0.7em;
  text-transform: uppercase;
}

form span.default,
form span.error,
form span.success {
  font-size: 0.7em;
  margin: 0 5px;
}

form.lcp label {
  cursor: pointer;
}

form#login_form,
form#login_form * {
  margin: 0;
}

h1 {
  background: transparent url(/img/header.png) no-repeat left top;
  color: inherit;
  display: inline-block;
  height: 36px;
  margin: 20px 0;
  overflow: hidden;
  padding: 0;
  text-indent: -10000px;
  width: 400px;
}

h3.mtbig {
  margin-top: 45px;
}

input[disabled] {
  background-color: #eeeeee;
  cursor: default;
}

input[type=password],
input[type=text],
input[type=search],
textarea {
  border: #ccc solid 1px;
  font-size: 9px;
  font-size: 0.8em;
  margin: 0;
  padding: 2px 3px;
}

input.autotext {
  background-color: inherit;
  color: #ccc;
}

select {
  border: #ccc solid 1px;
  font-size: 9px;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

li.warn a,
span.warn {
  background: transparent url(/img/warning.png) no-repeat right center;
  display: inline-block;
  padding-right: 20px;
}

p {
  margin: 10px 0;
}

small,
.small {
  font-size: 0.8em;
}

small * {
  font-size: 1em;
}

small.attention {
  color: red;
}

span.error {
  background-color: yellow;
  color: red;
}

span.owner {
  background-color: inherit;
  color: #009580;
  font-size: 0.8em;
  font-style: italic;
}

span.state {
  background-color: inherit;
  color: #ed6200;
  font-size: 0.8em;
  font-style: italic;
}

span.success {
  background-color: transparent;
  color: #0b0;
}

table {
  border-collapse: collapse;
}

table.b,
table.b td {
  border: #aaa solid 1px;
  border-style: solid none;
}

table.b td {
  padding: 1px 20px 1px 0;
}

table.b td.r {
  padding: 1px 0 1px 20px;
}

table.p {
  margin: 10px 0;
}

table.pd b {
  background-color: inherit;
  color: #777;
}

table.pd td {
  padding: 0 16px 4px 0;
}

table.pd td:first-child {
  padding-right: 4px;
}

table td {
  padding: 0;
}

ul {
  list-style-position: outside;
  list-style-type: circle;
  margin: 0 0 0 1em;
  padding: 0;
}



/* FORM CHECH BOXES */

.enabled0,
.enabled1 {
  height: 16px;
  width: 16px;
}

.enabled0 {
  background: transparent url(/img/checkbox.png) no-repeat 0 -32px;
}

.enabled1 {
  background: transparent url(/img/checkbox.png) no-repeat 0 -48px;
}



/* GENERIC OBJECTS */

#ec {
  display: none;
}

#livesearch {
  background: white url(/img/quicksearch.png) no-repeat 1px center;
  padding-left: 20px;
  width: 100%;
}

#preload {
  display: none;
}



/* BASIC WEB PAGE */

div.buttons {
  padding: 10px 0;
}

div.buttons > button {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-color: #bbb;
  margin: 0 5px 0 0;
  padding: 2px 1px 2px 1px;
  width: 80px;
}

div.buttons > button span {
  background-color: transparent;
  color: #999;
  text-shadow: none;
}

div.buttons > button.hover,
div.buttons > button.active {
  border: #ed9f00 solid 1px;
}

div.buttons > button.hover span,
div.buttons> button.active span {
  background-color: transparent;
  color: #ed9f00;
}

div#container {
  background: #fff url(/img/background_content.gif) no-repeat 0px bottom;
  color: inherit;
  margin: 0 auto;
  min-height: 400px;
  padding: 0 20px 20px;
  position: relative;
}

div#container acronym {
  border: gray none 1px;
  border-bottom-style: dotted;
  cursor: help;
}

div#container.interface div#content {
  width: 100%;
}

div#container.interface div#navigation {
  display: none;
}

div#content {
  background-color: transparent;
  color: inherit;
  float: right;
  position: relative;
  width: 760px;
}

div#content div#welcome_banner {
  clear: both;
  color: #edc677;
  font-size: 1.4em;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 2px;
  padding-top: 75px;
  text-align: center;
  text-shadow: 1px 1px 1px #edd19a;
}

div#content div#welcome_products,
div#content div#welcome_services {
  height: 202px;
  padding: 8px 14px;
  width: 322px;
}

div#content div#welcome_products *,
div#content div#welcome_services * {
  background-color: transparent;
}

div#content div#welcome_products h3,
div#content div#welcome_services h3 {
  display: none;
}

div#content div#welcome_products {
  background: white url(/img/home_products.jpg) no-repeat center center;
  float: right;
}

div#content div#welcome_services {
  background: white url(/img/home_services.jpg) no-repeat center center;
  float: left;
}

div#content h2 {
  color: #0f389f;
  font-family: arial;
  font-size: 1.5em;
  margin: 13px 0 0;
  padding: 0;
  text-shadow: 2px 2px 2px #ddf;
}

div#content h2#welcome {
  padding: 10px 0 20px;
  text-align: center;
}

div#content h3 {
  margin: 25px 0 10px;
}

div#content li a {
  text-decoration: none;
}

div#footer * {
  background-color: inherit;
  color: #888;
  margin: 0;
  padding: 0;
  text-align: center;
}

div#footer a {
  background-color: inherit;
  color: #666;
  font-size: 1em;
  text-decoration: none;
}

div#footer a:hover {
  text-decoration: underline;
}

div#footer > div {
  display: inline-block;
  margin: 5px 20px;
  position: absolute;
}

div#footer p {
  clear: both;
  font-size: 0.8em;
  margin-bottom: 4px;
}

div#frame {
  margin: 25px 0 10px;
}

div#frame_content {
  float: right;
  max-height: 425px;
  overflow: auto;
  padding-bottom: 3px;
  position: relative;
  width: 450px;
}

div#frame_content h3 {
  margin-top: 45px;
}

div#frame_content h3:first-child {
  margin-top: 0;
}

div#frame_left {
  float: left;
  width: 236px;
}

div#frame_menu {
  background-color: #f8f8ff;
  border: #ccc solid 1px;
  color: inherit;
  height: 400px;
  overflow: auto;
  padding: 2px;
  width: 230px;
}

div#frame_menu li {
  background-color: transparent;
  color: inherit;
  overflow: hidden;
  white-space: nowrap;
}

div#frame_menu li a {
  display: block;
  text-decoration: none;
}

div#frame_menu li.hover a {
  background-color: inherit;
  color: #ed9f00;
}

div#frame_menu li.selected a,
div#frame_menu li.selected small {
  background-color: #ed9f00;
  color: white;
}

div#frame_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

div#frame_search {
  margin-bottom: 2px;
  width: 236px;
}

div#frame_search #livesearch {
  width: 211px;
}

div#frame_submenu > ul {
  margin: 5px 0 0;
}

div#frame_submenu > ul > li {
  display: inline-block;
  margin-right: 7px;
}

div#frame_submenu > ul > li * {
  font-size: 0.8em;
  font-weight: bold;
}

div#header {
  padding: 0 10px;
  position: relative;
}

div#header div.login a,
div#header div.login span {
  font-size: 9px;
  margin-left: 1px;
  text-decoration: none;
}

div#header div.login a {
  text-shadow: 1px 1px 1px #ccf;
}

div#header div#bar {
  background: #0f389f url(/img/background_bar.png) repeat-y right center;
  height: 18px;
  padding: 2px;
  width: 976px;
}

div#header div#bar span {
  background: transparent url(/img/bar.png) no-repeat left top;
  display: block;
  height: 18px;
  width: 278px;
}

div#header div#h1 {
  display: inline-block;
  float: left;
}

div#header div#login {
  display: inline-block;
  float: right;
  padding-top: 21px;
}

div#header div#login b {
  background-color: inherit;
  color: #0f389f !important;
}

div#header div#login.error input {
  background-color: inherit;
  border-color: red;
  color: red;
}

div#header h2 {
  display: none;
}

div#navigation {
  background-color: transparent;
  color: inherit;
  float: left;
  width: 190px;
}

div#navigation div#login_menu h3 {
  background-color: inherit;
  color: #ed6200;
  text-shadow: 1px 1px 1px #fcc;
}

div#navigation h2 {
  display: none;
}

div#navigation h3 {
  background-color: inherit;
  color: #0f389f;
  margin: 13px 0 0;
  text-shadow: 1px 1px 1px #ccf;
}

div#navigation li {
  display: inline-block;
  height: 22px;
  width: 160px;
}

div#navigation li a {
  background-color: inherit;
  color: #557;
  display: inline-block;
  height: 18px;
  padding: 2px 0 2px 2px;
  text-decoration: none;
  text-transform: capitalize;
  width: 100%;
}

div#navigation li a:hover {
  background-color: inherit;
  color: #ed9f00;
}

div#navigation li a.selected {
  background-color: inherit;
  color: #ed9f00;
  font-weight: bold;
}

div#navigation ul {
  list-style-type: none;
  margin: 7px 0 0;
  padding: 0;
  width: 100%;
}

div#popup {
  display: none;
  z-index: 50;
}

div#popup > div {
  display: table;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
}

div#popup > div > div {
  display: table-cell;
  #position: absolute;
  text-align: center;
  #top: 50%;
  vertical-align: middle;
}

div#popup > div > div > div {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-box-shadow: 5px 5px 4px #223;
  background-color: white;
  border: 2px solid #0f389f;
  box-shadow: 5px 5px 4px #223;
  #left: -50%;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  text-align: left;
  #top: -50%;
  width: 700px;
}

div#popupbg {
  display: none;
  z-index: 51;
}

div#popuphead > div.bar {
  background: #0f389f url(/img/background_bar.png) repeat-y right center;
  clear: both;
  height: 4px;
  padding: 0px;
  width: 100%;
}

div#popuphead > div.close {
  float: right;
}

div#popuphead > div.close > button {
  margin: 0;
}

div#popuphead > div.managers {
  left: 525px;
  position: absolute;
}

div#popuphead > div.managers a {
  background-color: inherit;
  color: #aaa;
  font-size: 0.8em;
  text-decoration: none;
}

div#popuphead > div.managers a:hover,
div#popuphead > div.managers a:hover * {
  background-color: inherit;
  color: #ed9f00 !important;
}

div#popuphead > div.managers a > b {
  background-color: inherit;
  color: inherit;
  font-size: 1em;
}

div#popuphead > div.managers a > b.gt0 {
  background-color: inherit;
  color: #009580;
}

div#popuphead > div.title {
  cursor: pointer;
  float: left;
  padding: 0 0 10px 0;
}

div#popuphead > div.title > h2 {
  background-color: inherit;
  color: #0f389f;
  margin: 0;
}

div#popupbg > div {
  background-color: #444;
  color: white;
  display: table;
  filter: "Alpha(opacity=90)";
  height: 100%;
  left: 0;
  opacity: 0.90;
  overflow: hidden;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
}

div#popupSlurl {
  margin-bottom: 10px;
}

div#popupSlurl a,
div#popupUid,
div#popupVer {
  font-size: 0.7em;
}

div#tooltip {
  background-color: #fdffca;
  border: #7e7f65 solid 1px;
  color: black;
  display: none;
  filter: "Alpha(opacity=80)";
  font-size: 0.8em;
  left: 0;
  opacity: 0.80;
  position: fixed;
  top: 0;
  z-index: 70;
}

div#tooltip.display {
  display: inline-block;
}

div#widget {
  margin: auto;
  width: 1000px;
}



/* PRODUCT LIST */

ul.products {
  list-style-type: none;
  margin: 30px 0;
}

ul.products li {
  height: 170px;
}

ul.products li.big {
  height: 220px;
}

ul.products li.bigger {
  height: 240px;
}

ul.products li a {
  background-color: inherit;
  color: #009580;
}

ul.products li a:hover {
  background-color: inherit;
  color: #ed9f00;
}

ul.products li div.d {
  font-size: 0.8em;
  margin-bottom: 20px;
}

ul.products li div.d p {
  font-size: inherit;
}

ul.products li div.h {
  font-weight: bold;
  margin-bottom: 20px;
}

ul.products li div.m {
  margin-bottom: 5px;
}

ul.products li div.m a {
  color: inherit;
  font-size: 0.8em;
  font-weight: bold;
}

ul.products li div.h span.v {
  font-size: 0.8em;
  font-weight: normal;
}

ul.products li img {
  border-style: none;
  margin-right: 20px;
}



/* NEWS LIST */

ul#news {
  list-style-type: none;
  margin: 50px 0 0;
}

ul#news > li {
  margin-top: 25px;
}

ul#news a {
  background-color: inherit;
  color: #009580;
  font-size: 0.8em;
}

ul#news a:hover {
  background-color: inherit;
  color: #ed9f00;
}

ul#news div.d {
  font-weight: bold;
  margin-bottom: 5px;
}

ul#news div.m {
  background-color: inherit;
  border-top: #aaa dotted 1px;
  color: #aaa;
  display: inline-block;
  font-size: 0.8em;
  margin-top: 5px;
}



/* BLOCK (VISIBLE / INVISIBLE) */

div.block0,
div.block1 {
  position: relative;
}

div.block0 img,
div.block1 img {
  display: inline;
  position: absolute;
  top: -11pt;
}

div.block0,
table.block0 {
  display: none;
}

div.block1,
table.block1 {
  display: block;
}

span.block0,
span.block1 {
  cursor: pointer;
  padding-left: 14px;
}

span.block0 {
  background: transparent url(/img/block0.png) no-repeat left center;
}

span.block1 {
  background: transparent url(/img/block1.png) no-repeat left center;
}



/* GRAPHIC BUTTONS */

button.grph {
  border-radius: 0;
  border-style: none;
  height: 14px;
  filter: "Alpha(opacity=40)";
  opacity: 0.40;
  overflow: hidden;
  padding: 0;
  width: 14px;
}

button.grph.add {
  background: transparent url(/icons/add.png) no-repeat center center;
}

button.grph.cash {
  background: transparent url(/icons/coins_add.png) no-repeat center center;
}

button.grph.close {
  background: transparent url(/icons/cross.png) no-repeat center center;
}

button.grph.del {
  background: transparent url(/icons/delete.png) no-repeat center center;
}

button.grph.edit {
  background: transparent url(/icons/pencil.png) no-repeat center center;
}

button.grph.hover {
  filter: "Alpha(opacity=100)";
  opacity: 1;
}

button.grph span {
  position: relative;
  top: -10000px;
}

button.wait {
  cursor: default;
  background: transparent url(/img/wait.gif) no-repeat center center !important;
  border-style: none;
}

button.wait span {
  background-color: transparent;
  color: transparent;
  text-shadow: none;
}



/* PLAY BUTTONS */

form.play {
  padding: 10px 0;
}

button.play {
  border-radius: 0;
  border-style: none;
  height: 14px;
  filter: "Alpha(opacity=40)";
       margin: 0 0 3px;
  opacity: 0.40;
  padding: 0;
  vertical-align: middle;
  width: 14px;
}

button.play.start {
  background: transparent url(/icons/play_green.png) no-repeat center center;
}

button.play.stop {
  background: transparent url(/icons/stop_blue.png) no-repeat center center;
}

button.play.current,
button.play.hover {
  filter: "Alpha(opacity=100)";
  opacity: 1;
}



/* SOCIAL IMAGES */

div.social {
  background-position: right top;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  margin: 0 !important;
  vertical-align: top;
  width: 16px;
}

div.social.smmpdf {
  background-image: url(/img/social/mm_pdf.png);
}

div.social.smmrss {
  background-image: url(/img/social/mm_rss.png);
}

div.social.smmtwitter {
  background-image: url(/img/social/mm_twitter.png);
}

div.social.smmyoutube {
  background-image: url(/img/social/mm_youtube.png);
  width: 35px !important;
}



/* STATE IMAGES */

div.state_disabled,
div.state_down,
div.state_enabled,
div.state_error,
div.state_oos,
div.state_up,
div.state_unknown,
div.state_warn {
  background: transparent url(/img/state/unknown.gif) no-repeat center center;
  display: inline-block;
  height: 14px;
  margin: 1px 0 0;
  overflow: hidden;
  text-indent: -10000px;
  width: 14px;
}


div.state_disabled {
  background-image: url(/img/state/disabled.gif);
}

div.state_down {
  background-image: url(/img/state/down.gif);
}

div.state_enabled {
  background-image: url(/img/state/enabled.gif);
}

div.state_error {
  background-image: url(/img/state/error.gif);
}

div.state_oos {
  background-image: url(/img/state/oos.gif);
}

div.state_up {
  background-image: url(/img/state/up.gif);
}

div.state_warn {
  background-image: url(/img/state/warn.gif);
}

div.status0,
div.status1 {
  display: inline-block;
  height: 7px;
  margin: 1px 4px 0 0;
  overflow: hidden;
  text-indent: -10000px;
  width: 42px;
}

div.status0 {
  background: transparent url(/img/status0.gif) no-repeat center center;
}

div.status1 {
  background: transparent url(/img/status1.gif) no-repeat center center;
}



/* SERVER & RACK */

div.rack {
  background-color: #e0e0e0;
  border: black solid 5px;
  color: black;
  display: inline-block;
  height: 559px;
  margin: 10px 10px 0 0;
  position: relative;
  width: 140px;
}

div.rack > div {
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  width: 140px;
}

div.rack > div.server_unknown span,
div.rack > div.server_up span,
div.rack > div.server_down span {
  font-family: Helvetica;
  font-size: 0.7em;
  overflow: hidden;
  padding: 0 2px;
  text-shadow: 1px 1px 1px #444;
}

div.rack > div.server_down span {
  background-color: transparent;
  background-image: url(/img/dc/_offline.png);
  color: white;
}

div.rack > div.server_up span {
  background-color: transparent;
  background-image: url(/img/dc/_online.png);
  color: white;
}

div.rack > div.server_unknown span {
  background-color: transparent;
  background-image: url(/img/dc/_unknown.png);
  color: white;
}

div.rack div.c7000 {
  background-image: url(/img/dc/C7000_1.png);
  height: 130px;
}

div.rack div.dl140 {
  background-image: url(/img/dc/DL140_1.png);
  height: 13px;
}

div.rack div.dl385 {
  background-image: url(/img/dc/DL385_1.png);
  height: 26px;
}

div.rack div.msa2000 {
  background-image: url(/img/dc/MSA2000_1.png);
  height: 26px;
}

div.rack span.label {
  background-color: black;
  color: white;
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  height: 13px;
  text-align: center;
}



/* GRAPHS */

p.graph {
  position: relative;
}

p.graph span.loading {
  background: white url(/img/state/loading64.gif) no-repeat center center;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 60;
}

div.timeline {
  padding-bottom: 5px;
  padding-right: 7px;
}

div.timeline > button {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background: #fff url(/img/time.png) no-repeat left center;
  border-color: #ddd;
  margin: 0;
  padding: 2px 1px 2px 17px;
  width: 64px;
}

div.timeline > button.stat {
  background: #fff url(/img/stat.png) no-repeat left center;
}

div.timeline > button span {
  background-color: transparent;
  color: #bbb;
  text-shadow: none;
}

div.timeline > button.hover,
div.timeline > button.active {
  border: #ed9f00 solid 1px;
}

div.timeline > button.hover span,
div.timeline > button.active span {
  background-color: transparent;
  color: #ed9f00;
}



/* ADMIN */

#dyn_SalesStatistics img {
  left: 320px;
}



/* SPECIFIC LISTS */

table.compare {
  display: inline;
  margin: 0;
}

table.compare td,
table.compare th {
  padding: 1px 0 1px 20px;
  text-align: center;
}

table.compare td:first-child,
table.compare th:first-child {
  padding-left: 0;
  text-align: inherit;
}

table.compare td {
  border: #aaa none 1px;
  border-style: solid none;
}

table.compare th {
  font-weight: bold;
}

table.list {
  display: inline;
  margin: 0;
}

table.list .frm {
  padding-bottom: 0;
}

table.list .frm input,
table.list .frm select {
  height: 21px;
}

table.list .ico {
  background-position: left top;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  margin: 0;
  overflow: hidden;
  padding-right: 4px;
  text-indent: -10000px;
  width: 16px;
}

table.list a {
  text-decoration: none;
}

table.list button {
  margin: 0;
}

table.list td {
  padding: 0 16px 4px 0;
}

table.list tr.empty,
table.list tr.tmpl {
  display: none;
}

ul#livelist li.botlic a {
  background-image: url(/icons/bullet_green.png);
  background-position: right center;
  background-repeat: no-repeat;
}

ul#livelist li.botlic.disabled a,
ul#livelist li.botlic.deleted a {
  background-image: url(/icons/bullet_black.png);
}

ul#livelist li.botlic.registered.bot_down a {
  background-image: url(/icons/bullet_red.png);
}

#friend_table .ico {
  background-image: url(/img/user0.png);
}

#friend_table .txt a {
  background-color: transparent;
  color: #888;
}

#friend_table .row1 .ico {
  background-image: url(/img/user1.png);
}

#friend_table .row1 .txt a {
  background-color: transparent;
  color: #0b0;
}

#friend_table .txt a:hover {
  background-color: transparent;
  color: #ed9f00;
}

#rentalmgr_table .ico {
  background-image: url(/icons/user.png);
}

#staffmgr_table .ico {
  background-image: url(/icons/user.png);
}

#visalert_table.blacklist .ico {
  background-image: url(/icons/user_cross.png);
}

#visalert_table.recipients .ico {
  background-image: url(/icons/user_star.png);
}

#vistrack_table.blacklist .ico {
  background-image: url(/icons/user_cross.png);
}

#frame_content h3.ico {
  background-position: left top;
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 20px;
}

#frame_content h3.ico.blacklist {
  background-image: url(/icons/user_cross.png);
}

#frame_content h3.ico.configuration {
  background-image: url(/icons/wrench.png);
}

#frame_content h3.ico.employees {
  background-image: url(/icons/user.png);
}

#frame_content h3.ico.recipients {
  background-image: url(/icons/user_star.png);
}

#frame_content h3.ico.statistics {
  background-image: url(/icons/chart_curve.png);
}



/* INTERFACES */

div.interface div.reload {
  filter: "Alpha(opacity=25)";
  opacity: 0.25;
}

div.interface div.dataTables_wrapper {
  position: relative;
}

div.interface div.dataTables_length,
div.interface div.dataTables_info {
  float: left;
  margin: 10px 0;
}

div.interface div.dataTables_processing {
  background-color: white;
  display: block;
  filter: "Alpha(opacity=90)";
  opacity: 0.90;
  padding: 13px;
  position: absolute;
  top: 64px;
  width: 100%;
  z-index: 1;
}

div.interface div.dataTables_filter,
div.interface div.dataTables_paginate {
  float: right;
  margin: 10px 0;
}

div.interface div.dataTables_filter label {
  margin-left: 20px;
}

div.interface form table tr {
  height: 25px;
}

div.interface,
div.interface table.dataTable {
  clear: both;
}

div.interface label button {
  margin: 0;
}

div.interface label.bottom button {
  margin: 12px 0 0 16px;
}

div.interface label input {
  margin-left: 3px;
}

div.interface .paginate_button {
  margin: 0 5px;
}

div.interface .paginate_button.next {
  margin-right: 0;
}

div.interface .paginate_button.current {
  color: #ed6200;
  font-weight: bold;
}

div.interface .flag {
  background-color: grey;
  color: white;
  display: inline-block;
  font-family: verdana;
  font-size: 8pt;
  font-weight: bold;
  height: 14px;
  width: 14px;
  text-align: center;
  cursor: default;
}

div.interface .flag_a {
  background-color: #d93f3b;
}

div.interface .flag_g {
  background-color: #3988c0;
}

div.interface .flag_m {
  background-color: #414243;
}

div.interface .flag_c {
  background-color: #ffcc00;
}

div.interface .flag_r {
  background-color: #66cc33;
}

div.interface .flag_f {
  background-color: #33cc33;
}

div.interface .flag_h {
  background-color: #cccc00;
}

div.interface .flag_o {
  background-color: #666666;
}

div.interface .flag.disabled {
  filter: "Alpha(opacity=25)";
  opacity: 0.25;
}

div.interface .flag.disabled:hover {
  filter: "Alpha(opacity=100)";
  opacity: 1;
}

div.interface .rentalstate {
  font-size: inherit;
}

div.interface .rentalstate_available {
  color: #ff0033;
}

div.interface .rentalstate_abandoned
 {
  color: #ff8800;
}

div.interface .rentalstate_occupied {
  color: #66cc33;
}

div.interface .clickfilter {
  display: inline-block;
}

div.interface .clickfilter span.flag {
  margin-left: 5px;
}

div.interface .clickfilter span.flag.first {
  margin-left: 15px;
}

div.interface.RentalmgrParcels .flag,
div.interface.RentalmgrParcels .rentalstate {
  cursor: pointer;
}

div.interface.RentalmgrParcels .note,
div.interface.RentalmgrTransactions .note {
  cursor: pointer;
}

table.interface {
  width: 100%;
}

table.interface td,
table.interface th {
  border: white solid 1px;
  font-family: Arial;
  font-size: 0.8em;
  padding: 4px 2px;
}

table.interface td *,
table.interface th * {
  font: inherit;
}

table.interface td button {
  margin: 0;
}

table.interface td sup {
  font-size: smaller;
  line-height: 0;
}

table.interface td .rentaltime {
  color: #ffffff;
}

table.interface td .rentaltime_alert {
  background-color: #ff0033;
}

table.interface td .rentaltime_warning {
  background-color: #cccc00;
}

table.interface th {
  background-color: #e6EEEE;
  background-repeat: no-repeat;
  background-position: center right;
}

table.interface th.sorting {
  background-image: url(/img/sort-bg.gif);
  cursor: pointer;
}

table.interface th.sorting_asc,
table.interface th.sorting_desc {
  background-color: #8dbdd8;
  color: #ffffff;
  cursor: pointer;
}

table.interface th.sorting_asc {
  background-image: url(/img/sort-asc.gif);
}

table.interface th.sorting_desc {
  background-image: url(/img/sort-desc.gif);
}

table.interface tr.tablesorter-filter-row input {
  border: black solid 1px;
  width: 100%;
}

table.interface tr.tablesorter-filter-row td {
  padding: 0;
}

table.interface tr.odd td {
  background-color:#F0F0F6;
}

table.interface tr.red td {
  background-color: #ffdbdb;
}

table.interface tr.green td {
  background-color: #dbffdb;
}



/* OFFLINE CHAT */

#chat_history {
  border: #CCCCCC solid 1px;
  height: 300px;
  margin-top: 20px;
  overflow-y: scroll;
  padding: 2px;
  width: 600px;
}

#chat_history p {
  border-color: #555555;
  border-width: 1px;
  color: #555555;
  font-size: 11px;
  margin: 2px;
  position: relative;
}

#chat_history p.date {
  border-style: solid none;
  margin: 10px 2px;
  padding: 4px 2px;
}

#chat_history p.error {
  color: #FF0000;
}

#chat_history p.history {
  color: #AAAAAA;
}

#chat_history p.history,
#chat_history p.message {
  margin-right: 70px;  
}

#chat_history p.sender {
  background-color: #99BBDD;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  padding: 2px;
}

#chat_history p.sender.me {
  background-color: #DDDDDD;
}

#chat_history p.system {
  color: #99BBDD;
  font-style: italic;
}

#chat_history p * {
  color: inherit;
  font-size: inherit;
}

#chat_history p > span {
  color: #BBBBBB;
  left: 500px;
  position: absolute;
  width: 70px;
}

#chat_message {
  width: 485px;
}