/* ==========================================================
                           COLORS
   ========================================================== */
/*/
@logstorageMain: darken(#950A45, 5%);
@logstorageMain:#598958;
@logstorageMain: darken(#0A4595, 35%);

@logstorageMainGradientEnd: desaturate(lighten(@logstorageMain, 60%), 50%);
@logstorageAlternateMenuEntryBg: desaturate(lighten(@logstorageMain, 60%), 60%);
@middleBlue: desaturate(lighten(@logstorageMain, 30%), 25%);
@logstorageMenuEntryBg: desaturate(lighten(@logstorageMain, 60%), 50%);
@logstorageMenuSecondLevelEntryBg: desaturate(lighten(@logstorageMenuEntryBg, 60%), 50%);
@footerBgColor: @logstorageMenuEntryBg;
@headerBgColor: @logstorageMenuEntryBg;
@headerSecondBgColor: lighten(@headerBgColor, 50%);
@tabOuterBg : lighten(spin(@logstorageMenuEntryBg, 40%), 5%);
/**/
/* ==========================================================
                           HELPERS
   ========================================================== */
.cursorHand {
  cursor: pointer;
  cursor: hand;
}
.defaultBorder {
  border: 1px solid black;
}
.defaultFont {
  font-size: 8pt;
  line-height: 12pt;
}
.blueBorder {
  border: 1px solid black;
  border-color: #005bac;
}
.animateAllCSS {
  transition: all 0.45s ease;
  -webkit-transition: all 0.45s ease;
  -moz-transition: all 0.45s ease;
}
.animateColorCSS {
  transition: box-shadow 0.45s ease, color 0.45s ease, background-color 0.45s ease, border-color 0.45s ease;
  -webkit-transition: box-shadow 0.45s ease, color 0.45s ease, background-color 0.45s ease, border-color 0.45s ease;
  -moz-transition: box-shadow 0.45s ease, color 0.45s ease, background-color 0.45s ease, border-color 0.45s ease;
}
.selectionGlow {
  -moz-box-shadow: 0 0 5px #005bac;
  -webkit-box-shadow: 0 0 5px #005bac;
  box-shadow: 0 0 5px #005bac;
}
.hoverGlow {
  -moz-box-shadow: 0 0 5px #005bac;
  -webkit-box-shadow: 0 0 5px #005bac;
  box-shadow: 0 0 5px #005bac;
}
/* ==========================================================
                           GLOBAL
   ========================================================== */
body {
  color: #000000;
}
/* Force header color */
td[bgcolor="#D4DDE5"] {
  background-color: #d4dde5;
}
/* Force header color */
td[bgcolor="#F3FAFA"] {
  background-color: #f3fafa;
}
/* Force border color */
table[bgcolor="#0A4595"] {
  background-color: #005bac;
}
/* ==========================================================
                           LOGIN
   ========================================================== */
/* Login page login box */
.logstorageLogo {
  border: 1px solid black;
  border-right: none;
  -moz-border-radius: 20px 0px 0px 20px;
  -webkit-border-radius: 20px 0px 0px 20px;
  border-radius: 20px 0px 0px 20px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 7px 3px 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 7px 3px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 7px 3px 6px rgba(0, 0, 0, 0.5);
  padding: 6px;
  padding-left: 15px;
  background-repeat: no-repeat;
  z-index: 3;
}
.contents {
  background-color: #ffffff;
}
/* The error message on login-screen */
.loginElement div.informationBoxError {
  margin-top: 10px;
  -moz-box-shadow: 7px 3px 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 7px 3px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 7px 3px 6px rgba(0, 0, 0, 0.5);
}
/* ==========================================================
                           LEFT MENU
   ========================================================== */
/* Left menu entries */
.menuTree td {
  height: 25px;
  padding-left: 5px;
}
/* Left menu entries - level 1 */
.menuTree td[bgcolor="#D4DDE5"] {
  background-color: #dfe8f0;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#eaf2fa, #d4dde5);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#d4dde5), to(#eaf2fa));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#eaf2fa, #d4dde5);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#eaf2fa, #d4dde5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #eaf2fa , endColorstr= #d4dde5 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #eaf2fa , endColorstr= #d4dde5 );
}
/* Left menu entries - level 2 */
.menuTree td[bgcolor="#EAF2FA"] {
  background-color: #ebf3fb;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#ecf4fc, #eaf2fa);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#eaf2fa), to(#ecf4fc));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#ecf4fc, #eaf2fa);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#ecf4fc, #eaf2fa);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #ecf4fc , endColorstr= #eaf2fa );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #ecf4fc , endColorstr= #eaf2fa );
}
/* Left menu entries - Top + logout */
.menuTree-first, .menuTree-last {
  background-color: #f2eee8;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#f8f7f0, #ece5e0);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#ece5e0), to(#f8f7f0));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#f8f7f0, #ece5e0);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#f8f7f0, #ece5e0);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #f8f7f0 , endColorstr= #ece5e0 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #f8f7f0 , endColorstr= #ece5e0 );
}
/* The first menu entry has a rounded corner */
.menuTree-first {
  -moz-border-radius: 10px 0px 0px 0px;
  -webkit-border-radius: 10px 0px 0px 0px;
  border-radius: 10px 0px 0px 0px;
}
/* The last menu entry has a rounded corner */
.menuTree-last {
  -moz-border-radius: 0px 0px 0px 10px;
  -webkit-border-radius: 0px 0px 0px 10px;
  border-radius: 0px 0px 0px 10px;
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
}
@-moz-document url-prefix() {
  .menuTree-last {
    -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5);
  }
}
/* Remove padding around the icon */
.menuTree td td {
  padding-left: 0px;
}
/* Give some space around the title picture */
.menuTreeTitleImg {
  margin-left: -5px;
}
/* ==========================================================
                           TOP MENU
   ========================================================== */
/* Top menu menu bar background */
.topMenu .topBar {
  background-color: #dfe8f0;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#eaf2fa, #d4dde5);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#d4dde5), to(#eaf2fa));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#eaf2fa, #d4dde5);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#eaf2fa, #d4dde5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #eaf2fa , endColorstr= #d4dde5 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #eaf2fa , endColorstr= #d4dde5 );
}
/* Top menu toolbar background */
.topMenu .bottomBar {
  background-color: #f2eee8;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#f8f7f0, #ece5e0);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#ece5e0), to(#f8f7f0));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#f8f7f0, #ece5e0);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#f8f7f0, #ece5e0);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #f8f7f0 , endColorstr= #ece5e0 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #f8f7f0 , endColorstr= #ece5e0 );
}

/* Toolbar hover effect */
.boxshadow .topMenu .bottombar a {
  width: 20px;
  align: center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(0, 91, 172, 0);
  text-align: center;
  align: center;
}
/* Toolbar hover effect */
.boxshadow .topMenu .bottombar a:hover {
  -moz-box-shadow: 0 0 12px #005bac;
  -webkit-box-shadow: 0 0 12px #005bac;
  box-shadow: 0 0 12px #005bac;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(0, 91, 172, 0.5);
}
/* Toolbar hover effect - center icon */
.boxshadow .topmenu .bottombar a img {
  margin-left: auto;
  margin-right: auto;
}
/* Top menu, not selected common menu and toolbar */
/* Changes here need to be reflected also in .topMenuOver or weird alignments error will appear */
.topMenu td table td {
  margin-left: -3px;
}
/* Additional styling for the not selected menu */
/* Changes here need to be reflected also in .topMenuOver or weird alignments error will appear */
.topMenu .dropDown {
  border: 1px solid black;
  border-color: gray;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(240, 240, 240, 0.5);
  -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  cursor: hand;
  background-image: url('../image/arrow-down.png');
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 25px;
  /* padding of 16px comming from .menu*/

}
.topMenu .dropDown:hover {
  border: 1px solid black;
  color: #CC3300 !important;
}
/* Take care of the separator for not nice browsers (the | ) */
.hiddenMenuSeparator {
  visibility: hidden;
  width: 1px;
  height: 5px;
  padding: 0px;
}
/* Make a more important rule for the padding to make sure will go around all of them */
.topMenu td table .hiddenMenuSeparator {
  padding: 0px !important;
}
/* Change the style of toolbar elements if they are not active (not enabled) */
.topMenu td table td .disabled {
  border: 1px solid lightgray;
}
/* Top menu cellspacing */
.topMenu table {
  border-spacing: 2px;
}
/* The top menu overlay when selected cellspacing*/
.topMenuOver {
  border-spacing: 2px;
}
/* Top menu overlay when selected */
/* Changes here need to be reflected also in .topMenu and .dropDown or weird alignments error will appear */
.topMenuOver .menu {
  border: 1px solid gray;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-left: -3px;
  background-color: transparent;
  padding-right: 25px;
  /* padding of 16px comming from .menu*/

  white-space: nowrap;
  line-break: strict;
  word-break: keep-all;
  width: 10px;
  cursor: pointer;
  cursor: hand;
}
/* Top menu drop down menus container*/
/* Changes here need to be reflected also in .topMenu and .dropDown or weird alignments error will appear */
.topMenuOver .submenu table {
  background-color: rgba(0, 91, 172, 0.7);
  -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}
/* Top menu drop down menus content*/
/* Changes here need to be reflected also in .topMenu and .dropDown or weird alignments error will appear */
.topMenuOver .submenu table td {
  background-color: rgba(248, 247, 240, 0.7);
}
/* Top menu selected overlay mouse hover */
.topMenuOver .menu:hover {
  border: 1px solid black;
}
/* Top menu text button */
A.opmenu:link {
  color: #000000;
}
A.opmenu:visited {
  color: #000000;
}
A.opmenu:hover {
  color: #000000;
  text-decoration: none;
}
/* ==========================================================
                         PAGE CONTENT
   ========================================================== */
/* The red button container at the bottom of pages */
.tableFooter {
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #005bac;
  background-color: #d4dde5 !important;
}
/* ??? */
.listTable {
  background-color: #005bac;
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* Tab title */
.title {
  font-weight: bold;
  color: #ffffff;
  font-size: 8pt;
  line-height: 12pt;
}
.tabtitle1 {
  color: #ffffff;
}
.tabtitle-blank {
  color: #ffffff;
}
/* Padding for the tabs containers */
.tabspace, .tabspace-closed {
  padding: 10px 10px;
  background-color: #f8f7f0;
  border-color: #005bac;
}
/* The From / to container on search page as well as on logds page and tree details boxes in search page */
.search-box {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #f5f5f5;
  border-color: #8f8f8f;
  background-color: #f0f0f0;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#f5f5f5, #ebebeb);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#f5f5f5, #ebebeb);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#f5f5f5, #ebebeb);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #f5f5f5 , endColorstr= #ebebeb );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #f5f5f5 , endColorstr= #ebebeb );
}
/* ==========================================================
                        TAB CONTAINER
   ========================================================== */
/* Tab main container */
.tabFrame {
  border: 1px solid #005bac;
  border-top: 5px solid #005bac;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-bottom: 10px;
  background-color: #ffffff;
  -moz-box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.4);
}
/* Tab disable */
.tabspace table[cellspacing="0"] .tabtitle-blank, .tabspace-closed table[cellspacing="0"] .tabtitle-blank {
  background-color: #999999;
  border-color: #999999;
}
/* Compress the pictures containers for the tabs and hide background */
.tabspace table[cellspacing="0"] td[valign="top"], .tabspace-closed table[cellspacing="0"] td[valign="top"] {
  width: 1px;
  background-color: transparent;
}
/* Hide the picture, but keep the space */
.tabspace table[cellspacing="0"][cellpadding="0"] td[valign="top"] img, .tabspace-closed table[cellspacing="0"][cellpadding="0"] td[valign="top"] img {
  visibility: hidden;
  width: 1px;
}
/* Move the tab bar one pixel to the left (to compensate for the first picutre container) */
.tabspace table[cellspacing="0"], .tabspace-closed table[cellspacing="0"] {
  margin-left: -1px;
}
/* Remove the other tables to the correct margin */
.tabspace table[cellspacing="0"] table, .tabspace-closed table[cellspacing="0"] table {
  margin-left: 0px;
}
/* Set the tab shape */
.tabspace table[cellspacing="0"] td.sfon-pad4[bgcolor="#D4DDE5"],
.tabspace table[cellspacing="0"] .tabtitle1,
.tabspace table[cellspacing="0"] .tabtitle-blank,
table[border="0"] .tabElement,
.tabspace-closed table[cellspacing="0"] td.sfon-pad4[bgcolor="#D4DDE5"],
.tabspace-closed table[cellspacing="0"] .tabtitle1,
.tabspace-closed table[cellspacing="0"] .tabtitle-blank {
  display: table-cell;
  border: 1px solid black;
  border-color: #005bac;
  border-bottom: none;
  -moz-border-radius: 12px 12px 0px 0px;
  -webkit-border-radius: 12px 12px 0px 0px;
  border-radius: 12px 12px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 17px;
  padding: 5px;
  margin-right: 10px;
}
/* Hide spacer under logformat tab elements */
td.tabElement[height="2"] {
  display: none;
}
/* Log format preview tab separator */
.tabFrame td table[border="0"] td[height="2"][bgcolor="#FFFFFF"] {
  background: #eaf2fa !important;
  border-left: 1px solid #005bac;
  border-right: 1px solid #005bac;
}
/* Non selected tab background */
.tabspace table[cellspacing="0"] td.sfon-pad4[bgcolor="#D4DDE5"], .tabspace-closed table[cellspacing="0"] td.sfon-pad4[bgcolor="#D4DDE5"], td.tabElement[bgcolor="#E6CBB8"] {
  background-color: #dfe8f0;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#d4dde5, #eaf2fa);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#eaf2fa), to(#d4dde5));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#d4dde5, #eaf2fa);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#d4dde5, #eaf2fa);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #d4dde5 , endColorstr= #eaf2fa );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #d4dde5 , endColorstr= #eaf2fa );
  -moz-box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.2);
}
/* Selected tab background */
.tabspace table[cellspacing="0"] .tabtitle1, .tabspace-closed table[cellspacing="0"] .tabtitle1, td.tabElement[bgcolor="#0A4595"] {
  background-color: #2474bb;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#488dca, #005bac);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#005bac), to(#488dca));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#488dca, #005bac);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#488dca, #005bac);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #488dca , endColorstr= #005bac );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #488dca , endColorstr= #005bac );
  -moz-box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.4);
}
/* ==========================================================
                        SEARCH TREE
   ========================================================== */
/* Hide the picture, but keep the space */
.tabspace table[cellspacing="0"][cellpadding="0"] td[valign="top"][width="22"] img, .tabspace-closed table[cellspacing="0"][cellpadding="0"] td[valign="top"][width="22"] img {
  visibility: visible;
  width: 22px;
}
/* ==========================================================
                          STATS
   ========================================================== */
.tabFrame td.title_w[rowspan][bgcolor="#598958"] {
  background-color: #75a074;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#90b790, #598958);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#598958), to(#90b790));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#90b790, #598958);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#90b790, #598958);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #90b790 , endColorstr= #598958 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #90b790 , endColorstr= #598958 );
}
.tabFrame td.title_w[nowrap] {
  -moz-border-radius: 10px 0px 0px 0px;
  -webkit-border-radius: 10px 0px 0px 0px;
  border-radius: 10px 0px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #75a074;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#90b790, #598958);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#598958), to(#90b790));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#90b790, #598958);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#90b790, #598958);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #90b790 , endColorstr= #598958 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #90b790 , endColorstr= #598958 );
}
.tabFrame td.title_b[nowrap] {
  -moz-border-radius: 0px 0px 10px 0px;
  -webkit-border-radius: 0px 0px 10px 0px;
  border-radius: 0px 0px 10px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.tabFrame td.title_b[nowrap][bgcolor="#A3CBA2"] {
  background-color: #b3d4b2;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#c3ddc3, #a3cba2);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#a3cba2), to(#c3ddc3));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#c3ddc3, #a3cba2);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#c3ddc3, #a3cba2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #c3ddc3 , endColorstr= #a3cba2 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #c3ddc3 , endColorstr= #a3cba2 );
}
.tabFrame td.title_b[nowrap][bgcolor="#A0C544"] {
  background-color: #b4d16b;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#c8dd92, #a0c544);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#a0c544), to(#c8dd92));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#c8dd92, #a0c544);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#c8dd92, #a0c544);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #c8dd92 , endColorstr= #a0c544 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #c8dd92 , endColorstr= #a0c544 );
}
.tabFrame td.title_b[nowrap][bgcolor="#E7ECB7"] {
  background-color: #eaeebf;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#f0f3d3, #e3e9ab);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e9ab), to(#f0f3d3));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#f0f3d3, #e3e9ab);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#f0f3d3, #e3e9ab);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #f0f3d3 , endColorstr= #e3e9ab );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #f0f3d3 , endColorstr= #e3e9ab );
}
/* ==========================================================
                          COLUMNSET
   ========================================================== */
.columnTreeContainer .optionStyle {
  padding: 2px 0 2px 20px;
  background-repeat: no-repeat;
  background-position: 1px 2px;
  vertical-align: middle;
}
.columnTreeContainer .select-width {
  width: 330px;
}
.columnTreeContainer .inline img {
  display: inline;
}
.columnTreeContainer .header {
  background-color: #d4dde5;
  border: 1px solid black;
}
.columnTreeContainer .default, .overlayCurrentSelect .default {
  color: #000000;
  background-color: #f3fafa;
}
.columnTreeContainer .tag, .overlayCurrentSelect .tag {
  color: #008040;
  background-color: #f3fafa;
  background-image: url(../image/file_tag.gif);
}
.columnTreeContainer .msgparam, .overlayCurrentSelect .msgparam {
  color: #990073;
  background-color: #f3fafa;
  background-image: url(../image/file_param.gif);
}
.overlayCurrentSelect div {
  background-repeat: no-repeat;
  padding-left: 20px;
}
.overlayCurrentSelect {
  background-repeat: no-repeat;
  padding: 5px;
  background-color: #f3fafa;
  border: 1px solid #aaaaaa;
  font-size: 8pt;
  color: #000000;
  height: 160px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.columnTreeContainer {
  background-color: #d4dde5;
  width: 100%;
  box-shadow: 0px 0px 10px #005bac;
  -moz-box-shadow: 0px 0px 10px #005bac;
  -webkit-box-shadow: 0px 0px 10px #005bac;
  opacity: 1.0;
}
.columnTreeContainer.dimmed {
  box-shadow: none;
  opacity: 0.5;
}
.columnTreeTopTable {
  width: 100%;
}
.columnTreeContainerMsgParam {
  background-color: #f3fafa;
  border: 1px solid #aaaaaa;
  font-size: 8pt;
  color: #000000;
  height: 166px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  -webkit-appearance: none;
}
/* ==========================================================
                       Table generator
   ========================================================== */
/* Outer container */
.tableGenerator, .tableGenerator-outertable {
  font-size: 8pt;
  line-height: 12pt;
  border-collapse: collapse;
  width: 100%;
}
/* heading <tr> */
/* heading td */
.tableGenerator-header-cell {
  border: 1px solid black;
  border-color: #005bac;
  background-color: #d4dde5;
  padding: 5px;
}
/* content <tr> */
/* content <td> */
.tableGenerator-content-cell {
  border: 1px solid black;
  border-color: #005bac;
  padding: 5px;
}
/* content <td> on even row */
.evenRow .tableGenerator-content-cell {
  background-color: #f2f2f2;
}
/* content <td> on odd row */
.oddRow .tableGenerator-content-cell {
  background-color: #ffffff;
}
/* content <td> highlighted */
.tableGenerator-content-cell.marked {
  background-color: #fcfac5;
}
/* checkbox <td> in header */
.tableGenerator-header-checkbox-cell {
  background-color: #d4dde5;
  border: 1px solid black;
  border-color: #005bac;
  width: 10px;
}
/* checkbox <td> on even row */
.evenRow .tableGenerator-checkbox-cell {
  background-color: #d7b9a4;
  border: 1px solid black;
  border-color: #005bac;
  width: 10px;
}
/* checkbox <td> on odd row */
.oddRow .tableGenerator-checkbox-cell {
  background-color: #e6cbb8;
  border: 1px solid black;
  border-color: #005bac;
  width: 10px;
}
/* table title */
.tableGenerator-title {
  border: 1px solid black;
  border-color: #005bac;
  padding: 5px;
}
/* table content */
.tableGenerator-content {
  border: 1px solid black;
  border-color: #005bac;
  font-size: 8pt;
  line-height: 12pt;
}
/* Pagination element */
.tableGenerator-pagination {
  border: 1px solid black;
  border-color: #005bac;
  font-size: 8pt;
  line-height: 12pt;
  background-color: #f3fafa;
  padding: 5px;
}
/* Pagination element container */
.tableGenerator-pagination table {
  font-size: 8pt;
  line-height: 12pt;
}
/* Pagination element currentPage style */
.tableGenerator-pagination .currentPage {
  color: #ff0000;
}
/* ==========================================================
                           INPUTS
   ========================================================== */
/* Style common to all input */
.inputStyle {
  border: 1px solid #aaaaaa;
  font-size: 8pt;
  background-color: #ffffff;
  color: #000000;
  padding: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1);
}
/* Text, password, ... */
input[type="text"], input[type="password"], input[type="file"] {
  vertical-align: middle;
  border: 1px solid #aaaaaa;
  font-size: 8pt;
  background-color: #ffffff;
  color: #000000;
  padding: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1);
}
/* Text, password, ... disabled state*/
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="file"]:disabled,
input.disabled {
  background-color: #999999;
}
/* Text areas */
textarea {
  border: 1px solid #aaaaaa;
  font-size: 8pt;
  background-color: #ffffff;
  color: #000000;
  padding: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1);
}
/* Select drop down */
select {
  vertical-align: middle;
  border: 1px solid #aaaaaa;
  font-size: 8pt;
  background-color: #ffffff;
  color: #000000;
  padding: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1);
  background-image: url('../image/arrow-down.png');
  background-position: center right;
  background-repeat: no-repeat;
  padding: 1px 23px 1px 1px;
}
/* Hide the arrow for lists (select with type multiple) */
select[multiple="multiple"], select[multiple] {
  background-image: none;
  padding: 1px;
}
/* Select disabled state*/
select:disabled {
  background-color: #999999;
}
/* Radio boxes */
/* This style only works in opera and chrome but other browser just ignore */
input[type="radio"]:disabled:checked {
  border: 1px solid #aaaaaa;
  font-size: 8pt;
  background-color: #ffffff;
  color: #000000;
  padding: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1);
  background: #999999 url(../image/radio-selected.png) no-repeat center center;
}
/* This style only works in opera and chrome but other browser just ignore */
input[type="radio"]:disabled {
  border: 1px solid #aaaaaa;
  font-size: 8pt;
  background-color: #ffffff;
  color: #000000;
  padding: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1);
  background: #999999;
}
/* This style only works in opera and chrome but other browser just ignore */
input[type="radio"]:checked {
  background: #333333 url(../image/radio-selected.png) no-repeat center center;
  border: #inputBgChecked 1px solid;
}
/* This style only works in opera and chrome but other browser just ignore */
input[type="radio"] {
  border: 1px solid #aaaaaa;
  font-size: 8pt;
  background-color: #ffffff;
  color: #000000;
  padding: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  height: 12px;
  width: 12px;
}
/* 
  The background trick to replace the arrow works only in opera and chrome
  revert to the system default in FF
 */
@-moz-document url-prefix() {
  select {
    background: #FFFFFF;
    padding: 1px 1px 1px 1px;
  }
}
/* This style only works in opera and chrome but other browser just ignore */
input[type="checkbox"]:disabled:checked {
  background: #bbbbbb url(../image/check.png) no-repeat center center;
  border: #AAAAAA 1px solid;
}
/* This style only works in opera and chrome but other browser just ignore */
input[type="checkbox"]:disabled {
  background: #BBBBBB;
  border: #AAAAAA 1px solid;
}
/* This style only works in opera and chrome but other browser just ignore */
input[type="checkbox"]:checked {
  background: #333333 url(../image/check.png) no-repeat center center;
  border: #333333 1px solid;
}
/* This style only works in opera and chrome but other browser just ignore */
input[type="checkbox"] {
  border: 1px solid #aaaaaa;
  font-size: 8pt;
  background-color: #ffffff;
  color: #000000;
  padding: 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 12px;
  width: 12px;
  vertical-align: bottom;
}
.submenu a:link {
  color: #005bac;
}
.submenu a:visited {
  color: #005bac;
}
.submenu a:hover {
  color: #ffffff;
  background-color: #0066cc;
}
a:link {
  color: #005bac;
}
a:visited {
  color: #005bac;
}
a:hover {
  color: #cc3300;
}
a:link.csv-export-link {
  color: white;
}
/* Logstorage red buttons */
a.link-btn, a.csv-export-link {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #880000;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#990000, #770000);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#770000), to(#990000));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#990000, #770000);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#990000, #770000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #990000 , endColorstr= #770000 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #990000 , endColorstr= #770000 );
}
a.link-btn:hover, a.csv-export-link:hover {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #bb1a00;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#cc3300, #aa0000);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#aa0000), to(#cc3300));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#cc3300, #aa0000);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#cc3300, #aa0000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #cc3300 , endColorstr= #aa0000 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #cc3300 , endColorstr= #aa0000 );
}
.link-btn-disabled {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.blankbtn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
/* Scrollbars */
/* This style only works in opera and chrome but other browser just ignore */
/*::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	border: 1px solid @logstorageMain;
}*/
/* This style only works in opera and chrome but other browser just ignore */
/*::-webkit-scrollbar-track-piece:vertical {
	background-color: #F8F7F0;
	-webkit-border-radius: 6px;
	border-left: 1px solid @logstorageMain;
	border-right: 1px solid @logstorageMain;
}*/
/* This style only works in opera and chrome but other browser just ignore */
/*::-webkit-scrollbar-track-piece:horizontal {
	background-color: #F8F7F0;
	-webkit-border-radius: 6px;
	border-top: 1px solid @logstorageMain;
	border-bottom: 1px solid @logstorageMain;
}*/
/* This style only works in opera and chrome but other browser just ignore */
/*::-webkit-scrollbar-thumb:vertical {
	height: 50px;
	background-color: @logstorageMainGradientEnd;
	border: 1px solid #FFFFFF;
	border-left: 1px solid @logstorageMain;
	border-right: 1px solid @logstorageMain;
	-webkit-border-radius: 6px;
}*/
/* This style only works in opera and chrome but other browser just ignore */
/*::-webkit-scrollbar-thumb:horizontal {
	width: 50px;
	background-color: @logstorageMainGradientEnd;
	border: 1px solid #FFFFFF;
	border-top: 1px solid @logstorageMain;
	border-bottom: 1px solid @logstorageMain;
	-webkit-border-radius: 6px;
}*/
/* ==========================================================
                        SETTINGS GUI
   ========================================================== */
/* Change screen - result container */
.parameternewvalue {
  -moz-border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* Change screen - result container */
.parameteroldvalue {
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* status screen */
.rowodd td, .roweven td {
  -moz-border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* status screen */
.rowodd td:first-child, .roweven td:first-child {
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
/* SettingsGUI and log4j continer style */
.settingsGroup {
  border: 1px solid black;
  border-color: #005bac;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #dfe8f0;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#eaf2fa, #d4dde5);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#d4dde5), to(#eaf2fa));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#eaf2fa, #d4dde5);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#eaf2fa, #d4dde5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #eaf2fa , endColorstr= #d4dde5 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #eaf2fa , endColorstr= #d4dde5 );
}
.settingsGroup .settingsGroup {
  border: 1px solid black;
  border-color: #005bac;
  background-color: #c5d4e3;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#d5e4f4, #b4c4d2);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#b4c4d2), to(#d5e4f4));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#d5e4f4, #b4c4d2);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#d5e4f4, #b4c4d2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #d5e4f4 , endColorstr= #b4c4d2 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #d5e4f4 , endColorstr= #b4c4d2 );
}
.settingsGroup .settingsGroup .settingsGroup {
  border: 1px solid black;
  border-color: #005bac;
  background-color: #dfe8f0;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#eaf2fa, #d4dde5);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#d4dde5), to(#eaf2fa));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#eaf2fa, #d4dde5);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#eaf2fa, #d4dde5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #eaf2fa , endColorstr= #d4dde5 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #eaf2fa , endColorstr= #d4dde5 );
}
.settingsGroup .settingsGroup .settingsGroup .settingsGroup {
  border: 1px solid black;
  border-color: #005bac;
  background-color: #c5d4e3;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#d5e4f4, #b4c4d2);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#b4c4d2), to(#d5e4f4));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#d5e4f4, #b4c4d2);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#d5e4f4, #b4c4d2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #d5e4f4 , endColorstr= #b4c4d2 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #d5e4f4 , endColorstr= #b4c4d2 );
}
.settingsGroup .settingsGroup .settingsGroup .settingsGroup .settingsGroup {
  border: 1px solid black;
  border-color: #005bac;
  background-color: #dfe8f0;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#eaf2fa, #d4dde5);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#d4dde5), to(#eaf2fa));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#eaf2fa, #d4dde5);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#eaf2fa, #d4dde5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #eaf2fa , endColorstr= #d4dde5 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #eaf2fa , endColorstr= #d4dde5 );
}
.parameternewvalue {
  background-color: #dfe8f0;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#eaf2fa, #d4dde5);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#d4dde5), to(#eaf2fa));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#eaf2fa, #d4dde5);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#eaf2fa, #d4dde5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #eaf2fa , endColorstr= #d4dde5 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #eaf2fa , endColorstr= #d4dde5 );
  border: 1px solid black;
  border-color: #005bac;
}
.parameteroldvalue {
  background-color: #ccd7e0;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(#d4dde5, #c4d0db);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#c4d0db), to(#d4dde5));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(#d4dde5, #c4d0db);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(#d4dde5, #c4d0db);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #d4dde5 , endColorstr= #c4d0db );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr= #d4dde5 , endColorstr= #c4d0db );
  border: 1px solid black;
  border-color: #005bac;
}
/* ==========================================================
                        OTHER UI ELEMENTS
   ========================================================== */
/* Logstorage dialog boxes */
.informationBoxError {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 2px;
}
.informationBoxWarning {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 2px;
}
.informationBoxInformation {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin: 2px;
}
/* Dialog box shadow */
div.informationBoxError, div.informationBoxWarning, div.informationBoxInformation {
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
/* Make log4j settings cleaner */
.settingsGroup table.settings {
  border-spacing: 2px;
}
/* Make import export screen with 100% (ugly in chrome otherwise) */
table[width="100%"] td[width="100%"] table[cellpadding="0"][cellspacing="0"][border="0"][bgcolor="#0A4595"] {
  width: 100%;
}
/* Cancel fix for tabs when displaying other things */
.tabspace div table[cellspacing="0"], .tabspace-closed div table[cellspacing="0"] {
  margin-left: 0px;
}
/* Cancel tabs styling td when displaying other things */
.tabspace div table[cellspacing="0"] td[valign="top"], .tabspace-closed div table[cellspacing="0"] td[valign="top"] {
  width: inherit;
}
/* Make page content title background a gradient */
.title {
  background-color: #6a9cc9;
  /* Firefox 3.6+ */

  background-image: -moz-linear-gradient(left, #005bac, #d4dde5);
  /* Safari 4+, Chrome 1+ */

  background-image: -webkit-gradient(linear, right top, left top, from(#d4dde5), to(#005bac));
  /* Safari 5.1+, Chrome 10+ */

  background-image: -webkit-linear-gradient(right top, left top, #005bac, #d4dde5);
  /* Opera 11.10+ */

  background-image: -o-linear-gradient(left, #005bac, #d4dde5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #005bac , endColorstr= #d4dde5 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr= #005bac , endColorstr= #d4dde5 );
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
/* Page content shadow */
.contents > table > tbody > tr > td > table {
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}
/* Remark input field */
input[type="text"][name="remark"][size="100"] {
  width: 100%;
}
/* Fade buttons state change on browser with support */
*:link,
*:visited,
*:hover,
*:active,
*:focus {
  transition: box-shadow 0.45s ease, color 0.45s ease, background-color 0.45s ease, border-color 0.45s ease;
  -webkit-transition: box-shadow 0.45s ease, color 0.45s ease, background-color 0.45s ease, border-color 0.45s ease;
  -moz-transition: box-shadow 0.45s ease, color 0.45s ease, background-color 0.45s ease, border-color 0.45s ease;
}
/* Add over and fade effects for inputs on browsers with support */
input {
  transition: box-shadow 0.45s ease, color 0.45s ease, background-color 0.45s ease, border-color 0.45s ease;
  -webkit-transition: box-shadow 0.45s ease, color 0.45s ease, background-color 0.45s ease, border-color 0.45s ease;
  -moz-transition: box-shadow 0.45s ease, color 0.45s ease, background-color 0.45s ease, border-color 0.45s ease;
  outline: none;
}
input:focus {
  -moz-box-shadow: 0 0 5px #005bac;
  -webkit-box-shadow: 0 0 5px #005bac;
  box-shadow: 0 0 5px #005bac;
}
input:hover {
  -moz-box-shadow: 0 0 5px #005bac;
  -webkit-box-shadow: 0 0 5px #005bac;
  box-shadow: 0 0 5px #005bac;
}
/* Remove the border through table hack */
table[bgcolor="#0A4595"][border="0"][cellpadding="4"].iamnotborder {
  background-color: transparent;
  border-spacing: 0px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
/* Set the shadow where it should be even through the border through table hack */
table[bgcolor="#0A4595"][border="0"][cellpadding="4"].iamnotborder .tablefooter {
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}
/* Change color of the 3px separator under the toolbar */
table.topMenu > tbody > tr > td[height="3"][bgcolor="#0A4595"] {
  background-color: #005bac;
  font-size: 0px;
}
/* Change color of the 3px separator between the menu and the toolbar */
table.topMenu > tbody > tr > td[height="1"][bgcolor="#0A4595"] {
  background-color: #005bac;
  font-size: 1px;
}
/* Logstorage top page bottom right picture */
.logstBg {
  background: #ffffff;
}
.logstBg .contents {
  background: transparent;
}
/* LDAP synch ajax loading */
.ajaxLoadingMessage {
  margin: auto;
  border: 3px solid #005bac;
  border-top: none;
  width: 200px;
  text-align: center;
  padding: 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
  background-color: white;
}
.rgba .ajaxLoadingMessage {
  background-color: rgba(255, 255, 255, 0.5);
}
.ajaxLoadingBackground {
  position: absolute;
  margin: none;
  padding: none;
  height: 100%;
  width: 100%;
}
.rgba .ajaxLoadingBackground {
  background-color: rgba(0, 0, 0, 0.25);
}
/* Other */
.forceDefaultBorder {
  border: 1px solid #005bac !important;
}
td[bgcolor="#0A4595"] {
  background-color: #005bac;
}
td[bgcolor="#20717E"] {
  background-color: #005bac;
}
font[color="#003999"] {
  color: #005bac;
}
.rowodd {
  background-color: #d5e4f4;
}
.roweven {
  background-color: #eaf2fa;
}
.defaultDivBorder {
  border: 1px solid black;
  border-color: #005bac;
}
.ygtvlabel {
  color: #005bac;
}
/* Left menu background */
body.menuTreeBody {
  border-right: 1px #005bac solid;
} 
.menuTree > tbody > tr > td {
  border-left: 1px #005bac solid;
  border-bottom: 1px #005bac dotted;
}
.menuTree > tbody > tr > td.menuTree-first {
  border-top: 1px #005bac solid;
}
.chrome .menuTree > tbody > tr > td.menuTree-first {
  border-top: none;
}

.menuTree > tbody > tr > td.menuTree-last {
  border-bottom: 1px #005bac solid;
}
/* Separator (without height it might end up being invisible in FF and chrome) */
.dash-b {
  height: 1px;
}

.selectCharset {
  width: 100%;
}