#header h1 { line-height: 58px; margin: 0; display: inline-block; height: 58px; overflow: hidden; }
#title-bar { height: 58px; padding: 0 30px; }
#companyLogo { float: right; margin-left: 30px; height: 58px; overflow: hidden; }
#wlanInfo { float: right; padding-top: 20px; }
#cpuLoad { float: right; padding-top: 10px; margin-left: 10px; }
#linkInfo { float: right; font-size: 16px; color: blue; margin-left: 10px; position: relative; }
#linkInfo:before { content: "\E74D"; color: #003b6a; line-height: 58px; vertical-align: middle; }
#deviceLinks { float: right; padding-top: 10px; }
.moduleLink { display: inline-block; vertical-align: middle; height: 32px; line-height: 32px; padding: 5px; text-align: center; font-weight: bold; }
.moduleLink:not(:first-child) { border-left: 1px solid; }
.moduleLink a { text-decoration: none; }
.moduleType { font-size: 10px; }
#storageLoad { display: inline-block; width: 20px; height: 34px; background-image: url(../storageindicator.png); margin-right: 5px; margin-bottom: 5px; position: relative; }
#storageLoad.rec_nocard { background-position: 0; }
#storageLoad.rec_off { background-position: -20px 0; }
#storageLoad.rec_ok { background-position: -40px 0; }
#storageLoad.rec_critical { background-position: -60px 0; }
#storageLoad.rec_error { background-position: -80px 0; }
.cpu { height: 40px; width: 10px; display: inline-block; border: 1px solid #888; margin-right: 5px; border-radius: 3px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; position: relative; }
.cpu_coder { background-color: rgb(0, 127, 246); }
.cpu_vca { background-color: rgb(3, 187, 25); }
.cpu_other { background-color: rgb(213, 219, 55); }
.tt_cpu { top: -5px; left: -200px; z-index: 1; }
.tt_storage { top: 0; left: -185px; z-index: 1; width: 160px; }
.tt_linkInfo { top: 5px; left: -225px; z-index: 1; font-size: 13px; }
.tt_legend { width: 10px; height: 10px; float: left; margin: 3px 5px 0 0; }
.tt_label { width: 100px; display: inline-block; }
.tt_value { min-width: 60px; float: right; text-align: right; }
.tt_linkInfo > div { min-width: 200px; }

/*header tooltips*/
.ui-tooltip:before {
    content: none !important;
}
/*menu*/
#blue-bar,
#menu,
#menu UL {
  height: 40px;
  overflow: hidden;
  background-color: #628cb2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#628cb2, endColorstr=#003b6a);
  /* the easy way out con: no rounded corners pro: no css3pie need for IE 8 */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #628cb2), color-stop(100% #003b6a));
  background-image: -webkit-linear-gradient(top, #628cb2 0%, #003b6a 100%);
  background-image: -moz-linear-gradient(top, #628cb2 0%, #003b6a 100%);
  background-image: -ms-linear-gradient(top, #628cb2 0%, #003b6a 100%);
  background-image: -o-linear-gradient(top, #628cb2 0%, #003b6a 100%);
  background-image: linear-gradient(top, #628cb2 0%, #003b6a 100%);
  behavior: url('css/css_pie/PIE.htc');
}
#menu UL {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 40px;
}
#menu UL LI {
  width: 222px;
  margin: 0;
  padding: 0;
  float: left;
}
#menu UL LI,
#menu UL LI A {
  display: block;
}
#menu UL LI A {
  border-left: 1px solid #a2bad2;
  border-right: 1px solid #003b6a;
  text-decoration: none;
  color: #fff;
  padding: 0 5px 0 15px;
}
#menu li.n1 { width:auto; min-width: 144px; }
#menu li.n2 { width:auto; min-width: 136px; }
#menu li.n3 { width:auto; min-width: 222px; }
#menu UL LI A:hover {
  background-color: #003b6a;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#003b6a, endColorstr=#00142a);
  /* the easy way out con: no rounded corners pro: no css3pie need for IE 8 */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b6a), color-stop(100% #00142a));
  background-image: -webkit-linear-gradient(top, #003b6a 0%, #00142a 100%);
  background-image: -moz-linear-gradient(top, #003b6a 0%, #00142a 100%);
  background-image: -ms-linear-gradient(top, #003b6a 0%, #00142a 100%);
  background-image: -o-linear-gradient(top, #003b6a 0%, #00142a 100%);
  background-image: linear-gradient(top, #003b6a 0%, #00142a 100%);
  behavior: url('css/css_pie/PIE.htc');
  color: #c3c3c4;
}
DIV#menu UL LI A:active,
DIV#menu UL LI A.active {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e1e1e2, endColorstr=#ffffff);
  /* the easy way out con: no rounded corners pro: no css3pie need for IE 8 */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e2), color-stop(100% #ffffff));
  background-image: -webkit-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
  background-image: -moz-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
  background-image: -ms-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
  background-image: linear-gradient(top, #e1e1e2 0%, #ffffff 100%);
  behavior: url('css/css_pie/PIE.htc');
  color: #003b6a;
  border-color: #ffffff;
  cursor: default;
}
#menu UL LI A:before {
  margin-right: 16px;
  line-height: 36px;
}
#menu UL LI.right {
  float: right;
}
#menu UL LI A#cockpit {
  font-size: 16px !important;
}
#menu UL LI A#cockpit:before {
  line-height: 32px;
}