html, body {
  margin: 0px 0px 0px 0px;
  height:100%;
  font-size: 14px;
}

a, a:link, a:visited, a:hover, a:active {
  color: #2B85DB;
  text-decoration: none;
}

table {
  empty-cells:show;
}

#header {
  background-image:url("../images/Shell_bg.png");
  height: 79px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#topmenu {
  padding-left: 38px;
  padding-right: 38px;
}

#content {
  padding-left: 38px;
  padding-right: 38px;
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

#push {
  height: 40px;
}

#wrapper {
  min-height:100%;
}

#footer {
/*  padding-left: 38px;
  padding-right: 38px; */
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  height: 30px;
  margin: 30px auto 0;
}

#header #logo {
  padding-top: 20px;
  padding-right: 15px;
}

td.right {
  float: right;
}

#header #menu_controls {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 79px;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

#menu_controls tr, #menu_controls  td {
  vertical-align: bottom;
  padding: 0px;
}

#header > #menu_list > a.active {
  padding: 8px;
  padding-left: 16px;
  padding-right: 16px;
  margin: 0px;
  border: 0px;
  background:  -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#323232));
  background:  -moz-linear-gradient(top, #4b4b4b, #323232);
  float: left;
}

.menuitem >  a {
  padding: 8px;
  padding-left: 16px;
  padding-right: 16px;
  background: #000000;
  float: left;
}

#menu_list table {
  border-collapse: collapse;
}

td.menuitem {
  padding: 0px;
  vertical-align: middle;
}

div.first a {
  border-top-left-radius: 9;
}

#header a, #header a:link, #header a:visited, #header a:hover, #header a:active {
  color: #cccccc
}

#header a.active {
  color: #ffffff;
}

#menu_controls #dropdownr {
  font-family: "Overpass";
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  color: #dddddd;
  background: #000000;
  padding: 2px 5px 2px 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
}

#menu_controls #dropdownl {
  font-family: "Overpass";
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  color: #888888;
  background: #000000;
  padding: 2px 5px 2px 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  cursor: pointer;
}

#menu_list a, #menu_list span{
  color: #cccccc;
  font-family: "Overpass";
  font-size: 12px;
  font-weight: bold;
}

#tab_name {
  font-family: "Overpass";
  font-size: 12px;
  text-align: right;
  color: #888888;
  border-bottom: 0px;
}

table#main {
  border-spacing: 0px;
  margin-top: 15px;
  width: 960px;
}

table#main > tbody > tr {
  display: none;
}

#page_header {
  font-family: "Overpass";
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

#page_header div {
  float: left;
  vertical-align: middle;
}

#manage_cluster_commands td {
  padding-right: 15px;
}

#config_options {
  font-family: "Overpass";
  border-spacing: 15;
}

#config_options td:first-child {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  background-color: #ffffff
}

#config_options td {
  font-size: 14px;
  font-weight: normal;
  padding: 0px 15px 0px 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #fcfcfc;
  color: #3fa7e1;
}
#config_options a,
#config_options a:link,
#config_options a:visited,
#config_options a:hover,
#config_options a:active {
  background-color: #fcfcfc;
  color: #3fa7e1;
}

#config_options td.selected,
#config_options td.selected a,
#config_options td.selected a:link,
#config_options td.selected a:visited,
#config_options td.selected a:hover,
#config_options td.selected a:active {
  background-color: #3fa7e1;
  color: #ffffff;
}


#remove_add {
  font-family: "Liberation";
  font-size: 12px;
  color: #2b85db;
  vertical-align: bottom;
  padding-bottom: 5px;
  padding-left: 2px;
}

#remove_add div {
  float: left;
}


td#tab_name {
  border-right: 1px;
  border-left: 1px;
  border-top: 1px;
  border-color: #b4b4b4;
  border-style: inset;
  border-top-left-radius: 5;
  border-top-right-radius: 5;
  padding-left: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 0px;
}

.borderbottom {
  border-bottom: 1px;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-color: #b4b4b4;
  border-style: inset;
  vertical-align: top;
}

td#config {
  vertical-align: top;
}

td.node_list, td#node_info {
  border: 1px;
  border-top: 0px;
  border-color: #b4b4b4;
  border-style: inset;
  vertical-align: top;
}

td#remove_add {
  width: 30%;
}

td.node_name {
  cursor: default;
  width: 100%;
}

td.resource_name {
  cursor:default;
  padding-right:20px;
}

td.node_list {
  width:225px;
}

#uptime {
  width:123px;
}

td#node_info {
  padding: 25px;
  width:735px;
}

.node_list th {
  font-family: "Overpass";
  font-size: 12px;
  font-weight: bold;
  color: #707070;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: left;
  background: #f6f6f6;
}
.node_list td{
  font-family: "Liberation";
  font-size: 14px;
  color: #2b85db;
  padding-top: 3px;
  padding-bottom: 3px;
}

.node_list .resource_type {
  cursor: default;
  padding-right: 20px;
  color: #000000;
  width: 100%;
}

td.node_list_sprite {
  padding-right: 20px;
  padding-left: 5px;
}


.node_list_check {
  margin-right: 10px;
  clear: left;
}

#node_info {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
  background: -moz-linear-gradient(top, #ffffff, #f5f5f5);
}

#node_info_header {
  font-family: "Overpass";
  font-size: 18px;
  font-weight: bold;
  color: #1a1a1a;
}

.node_info_header_title {
  font-weight: normal;
  color: #888888;
  float: left;
}

#node_info_header_title_name {
  color: #333333;
  float: left;
}

#node_details {
  clear: left;
  padding-top: 40px;
  font-family: "Liberation";
}

#node_details td {
  white-space: nowrap;
}

#node_details > div {
  padding-right: 5px;
  float: left;
  clear: left;
}

#node_info .reg {
  font-family: "Liberation";
  font-size: 12px;
  padding-right: 5px;
}

#node_info .bold {
  font-family: "Liberation";
  font-size: 12px;
  font-weight: bold;
  padding-right: 20px;
}

#node_info .resource_name {
  color: #8c8c8c;
}

.center {
  text-align: center;
}

input[type=text], input[type=submit], input[type=password] {
  height: 25px;
  font-family: "Liberation";
  font-size: 12px;
  color: #333333;
  border: 1px solid #cdcdcd;
  background: url("../images/field_bg.png");
  padding-left: 10px;
  padding-right: 10px;
}

#config {
  background-color:#f8f8f8;
}

#config td {
  padding: 7px;
}

#config td {
  font-family: "Liberation";
  font-size: 13px;
  padding-right: 5px;
}

.units {
  font-size: 10px;
  padding-left: 5px;
  vertical-align: center;
}

#node_sub_info {
  padding-top: 20px;
  clear: left;
  vertical-align: middle;
  font-family: "Liberation";
}

#node_sub_info * {
/*  float: left; */
}

#node_options_buttons {
  padding-top: 20px;
  clear: left;
}

#node_options_buttons div {
  float: left;
}

#node_options_buttons .link {
  padding-left: 5px;
  padding-right: 15px;
}

#failoverdomains {
  clear: left;
  float: left;
}

#failoverdomains td {
  min-width: 150px;
  padding-left: 10px;
}

#failoverdomains th {
  text-align: left;
  padding-left: 10px;
}

#clusterdaemons {
  float: left;
}

#clusterdaemons td {
  min-width: 150px;
}

#locationdep td:first-child {
  min-width: 200px;
} 

#resources_running td {
  min-width: 300px;
}

.datatable_header {
  padding-left: 3px;
  font-family: "Overpass";
  font-size: 14px;
  color: #333333;
}

#resource_selector select {
  width: 200px;
  height: 25px;
  padding-right: 50px;
}

#resource_selector td {
  padding: 12px;
  padding-left: 0px;
}


#resource_selector .bold {
  padding-right: 10px;
}


.datatable {
  border-spacing: 0px;
}

.datatable td, .datatable th {
  font-family: "Liberation";
  font-size: 11px;
  padding: 5px;
}

.datatable td, .datatable th{
  text-align: left;
  padding-left: 10;
}

.datatable th {
  font-weight: bold;
  color: #666666;
  border-bottom: 1px solid #ededed;
  background: #fcfcfc;
}

.datatable td {
  background: #ffffff;
  border: 0px;
}

table.datatable td, table.datatable a {
  color: #2b85db;
}

table.datatable {
  border-width: 1px 1px 1px 1px;
  border-color: #b8b8b8;
  border-style: solid;
}

/* dark data table*/

.darkdatatable {
  border-spacing: 0px;
}

.darkdatatable td, .darkdatatable th {
  font-family: "Liberation";
  font-size: 11px;
  padding: 5px;
}

.darkdatatable td, .darkdatatable th{
  text-align: left;
  padding-left: 10;
}

.darkdatatable th {
  font-weight: bold;
  color: #ffffff;
  border-bottom: 1px solid #898989;
  background: #232323;
}

.darkdatatable td {
  background: #191919;
  border: 0px;
}

table.darkdatatable td, table.darkdatatable a {
  color: #ffffff;
}

table.darkdatatable {
  border-width: 1px 1px 1px 1px;
  border-color: #898989;
  border-style: solid;
}

.darkdatatable_header {
  padding-left: 3px;
  font-family: "Overpass";
  font-size: 14px;
  color: #c9c9c9;
}

.link {
  cursor:pointer;
  font-family: "Liberation";
  font-size: 12px;
  color: #2b85db;
  font-weight: normal;
}

#copyright {
  color: #666764;
  float: left;
}

#footer {
  font-family: "Overpass";
  font-weight: bold;
  font-size: 11px;
  color: #2b85db;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
  color: #2b85db;
}

#help {
  float: right;
  margin-right: 5px;
}

tr td a.remove {
  color: red;
}

.status {
  font-family: "Liberation";
  font-size: 12px;
  color: #53b900;
}

.status-standby {
  font-family: "Liberation";
  font-size: 12px;
  color: #ff6600;
}

.status-offline {
  font-family: "Liberation";
  font-size: 12px;
  color: red;
}

.status-unknown {
  font-family: "Liberation";
  font-size: 12px;
  color: gray;
}

.datatable_header span {
  margin-top: 4px;
}

.sprites {
  background-image: url("../images/action-icons.png");
  background-color     : transparent; 
  background-repeat    : no-repeat; 
  float: left;
  height: 16px;
  width: 16px;
}

.inverted {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}

.x { background-position: -32px -1px; }
.xdark { background-position: -32px -17px; }
.plus { background-position: -48px -1px; }
.check { background-position: -448px -1px; }
.warning { background-position: -432px -1px; }
.warningdark { background-position: -432px -17px; }
.error { background-position: -384px -1px; }
.errordark { background-position: -384px -17px; }
.checkdark { background-position: -448px -17px; }
.restart { background-position: -272px -17px; }
.standby { background-position: -352px -16px; }
.unstandby { background-position: -368px -16px; }
.cancel { background-position: -160px -17px; }
.configure { background-position: -64px -16px; }
.configurelight { background-position: -64px 0px; }
.arrow { background-position: -544px -16px; }
.move { background-position: -16px -17px; }
.history { background-position: -256px -17px; }
.previewmap { background-position: -400px -1px; }
.downarrow { background-position: -528px -1px; }
.rightarrow { background-position: -544px -1px; }
.infoicon {background-position: -256px -1px; }
.Xdark { background-position: -160px -16px; }
.questionmarkdark { background-position: -336px -16px; }

.menuheader { position: relative; }
.menuheader .label {
  font-family: "Overpass";
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  color: #888888;
}

.menuheader .menu {
  font-family: "Overpass";
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  background: black;

  display: none;
  width: auto;
  position: absolute;
//  top: 22px;
  border-radius: 0 0 5px 5px;
  z-index: 10;
  padding-bottom: 5px;
  box-shadow: 0 5px 14px #dadada;
  text-align: right;
}

.menuheader:hover .menu {
  display: block;
  position: absolute;
}

.menuheader:last-child .menu {
  float: right;
  right: 0px;
}

.menu a {
// color: #777;
  text-decoration: none;
  font-size: 13px;
  border-radius: 0;
  font-weight: normal;
  display: block;
  position: relative;
  line-height: 24px;
//  border-top: 1px rgba(0,0,0,0) solid;
  padding-left: 30px;
  padding-right: 6px;
//  padding-top: 3px;
  padding-bottom: 3px;
  font-family: "Overpass";
  float: left;
}

a.menu-item {
  float:right;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.menu-item:hover {
  width: 100%;
  background: -webkit-linear-gradient(top,  #4db5f1 0%, #127AB4 100%);
  color: white;
  border-top: 1px #47ace5 solid;
  cursor: pointer;
  font-family: "Overpass";
  font-size: 11px;
  font-weight: bold;
}

li.menuheader {
  list-style: none;
}

#add_constraint_location td {
  font-family: "Liberation";
}

.node_hover {
  background: #e4f5fd;
}

.node_selected {
  background-color: #e4f5fd;
}

.ui-progressbar .ui-progressbar-value {
  background-image: url(images/pbar-ani.gif);
}

#new_resource_agent td, #new_stonith_agent td, #create_new_cluster_form td {
  color: white;
}

.hover-pointer {
  cursor: pointer;
}

.long_desc_div {
  max-width: 450px !important;
}
#new_resource_agent .long_desc_div {
  max-width: 350px !important;
}
#new_stonith_agent .long_desc_div {
  max-width: 350px !important;
}

.hidden {
    display: none;
}

.element_name {
  height: 25px;
}
.element_name div div {
  margin-top: 3px;
  height: 100%;
}

.tree-view {
  width: 450px;
}

.mouse_on_row {
  background-color: #e4f5fd;
}

.issue_table {
  margin-top: 1.5em;
}

.msg-box .error{
  color: red;
}
.msg-box .warning{
  color: #ff6600;
}
.msg-box .info{
  color: green;
}

.status-error {
  color: red;
}

.status-warning {
  color: #ff6600;
}

table.args-table td.reg {
  width: 17em;
}

.constraint-ticket-add-attribute {
  vertical-align: top;
}

.cursor-move {
  cursor: move;
}

.sortable-table td {
  height: 1.5em;
  line-height: 1.2em;
  background: black;
}
.no-close .ui-dialog-titlebar-close {
  display: none;
}

[data-snippet] {
  display: none;
}

.action-link {
  color: #2B85DB;
  cursor: pointer;
}

#csetup input[type="text"][name="node[]"],
#csetup input[type="text"][name="clustername"]
{
  width: 45ch;
}
#csetup form td:first-child {
  text-align: right;
}
#csetup .cluster-settings fieldset{
  margin-top: 5pt;
  margin-bottom: 5pt;
}

#csetup .cluster-settings input[name="transport"]:hover + label {
  cursor: pointer;
  background: #4c4c4c;
}
#csetup .cluster-settings input[name="transport"]:checked + label
{
  color: #f79727;
}
#csetup td {
  white-space: nowrap;
}
#csetup-transport-netmaps .type-netmap{
  border-collapse: collapse;
}
#csetup-transport-netmaps .type-netmap > tbody > tr > td{
  border: 1px inset #d0d0d0;
  padding: 1em;
}
#csetup-transport-netmaps .type-netmap tr:first-child td:first-child {
  vertical-align: top;
}
#csetup-transport-netmaps .type-netmap ul {
  padding: 0;
  margin: 0;
}
#csetup-transport-netmaps .type-netmap li {
  cursor: pointer;
  list-style-type: none;
}
#csetup-transport-netmaps .type-netmap li .delete{
  margin-right: 5px;
}
#csetup-transport-netmaps .type-netmap .current {
  color: #f79727;
}
#csetup-transport-netmaps .type-netmap .current:after {
  content: " >";
}
#csetup-transport-netmaps .type-netmap li .link-label:hover {
  background: #4c4c4c;
}
#csetup  table.key-value td:first-child {
  text-align: right;
}
#csetup-totem input[type="text"],
#csetup-quorum input[type="text"],
#csetup-transport input[name="netmtu"],
#csetup-transport input[name="knet_pmtud_interval"],
#csetup-transport input[name="threshold"],
#csetup-transport input[name="link_priority"],
#csetup-transport input[name="mcastport"],
#csetup-transport input[name="ping_interval"],
#csetup-transport input[name="ping_precision"],
#csetup-transport input[name="ping_timeout"],
#csetup-transport input[name="pong_count"]
{
  width: 6ch;
  text-align: right;
}
#csetup-transport-options.udp .knet-only,
#csetup-transport-options.knet .without-knet
{
  display: none;
}

/*
  a light shadow in the new version on jquery-ui doesn't look nice with the
  dark theme, so we fix it here to look the same way as in the previous version 
 */
.ui-tooltip {
  box-shadow: 0 0 5px #aaa !important;
}
