html, body { height:99%; } var { font-style:normal; } .LoginText, .LoginContainer { font-family:Arial, Helvetica, sans-serif; font-size:1em; } .LoginText, .LoginContainer h4 { margin:3px 0 3px 10px; } .LoginContainer button { font-size:1em; } .LoginContainer { background-color:#E9EAE8; } .boxLeft {float:left;} .boxRight {float:right;} .boxNone { float:none;} img.center {  display:block;  margin-left:auto;  margin-right:auto; } #appContainer { float:left; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:1em;  } #LogData { color:#FFF; height:300px; background-color:#000000; font-family:Arial; font-size:14px; } #LogForm { color:#000000; background-color:#E9EAE8; } #appTop { float:none; width:100%; height:80px; color:#FFF; margin-bottom:5px; background-color:#003366; } #appLeft { float:left; width:19%; padding:2px; } #appLeft .ui-accordion { width:95%; } #appLeft .ui-accordion .ui-accordion-header a { display:block; font-size:0.75em; } #appLeft .ui-accordion .ui-accordion-content {font-size:0.6em; padding:0px 0em; border-top:0; margin-top:0px; position:relative; top:0px; margin-bottom:2px; } #appMain { float:right; width:80%; height:80%; padding:2px; background-color:#dfeffc; font-size:0.75em; } #appMain .ui-tabs { position:relative; padding:.2em; zoom:1; } #appMain .ui-tabs .ui-tabs-nav { margin:0; padding:.15em .15em 0; } #appMain .ui-tabs .ui-tabs-nav li { list-style:none; float:left; position:relative; top:1px; margin:0 .2em 1px 0; border-bottom:0 !important; padding:0; white-space:nowrap; } #appMain .ui-tabs .ui-tabs-nav li a { float:left; padding:.5em 1em; text-decoration:none; } #appMain .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom:0; padding-bottom:1px; } #appMain .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor:text; } #appMain .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor:pointer; } #appMain .ui-tabs .ui-tabs-panel { display:block; border-width:0; padding:.2em 1em; background:none; } #appMain .ui-tabs .ui-tabs-hide { display:none !important; }  #appBottom { float:left; width:100%; width:10%; } #boxTopStatus { float:right; width:100%; } #MainMenu .ui-state-default { font-size:14px; font-family:Arial, Helvetica, sans-serif; } #accMenu { font-size:12px; font-family:Arial, Helvetica, sans-serif; } #accModules { font-size:14px; font-family:Arial, Helvetica, sans-serif; }  .inf_head { margin:5px 0px 0px 0px; } .inf_body { margin:0px 1px 0px 1px; }  #LogoLogin { width:146px; height:61px; } .LoginPagelogin_image{ height:300px; width:412px; } html { margin:  0px; border:  0px; padding: 0px; } body { margin:  0px; border:  0px; padding: 0px;  background-color:#666666; }  button, input[type="button"], input[type="reset"], input[type="submit"]{ cursor:pointer; } .dashboard { position: relative; width:  1004px; top:  0px; bottom:  0px; margin:  0px auto;  border:  0px; padding: 0px; background-color:  white; font-family:   Arial; font-size: 12px; font-weight:   normal; user-select:   none;  -webkit-user-select: none; -khtml-user-select:  none; -moz-user-select:  none; -o-user-select:   none; -ms-user-select:  none;   } .dashboard.ocp-device { width:  640px; height:  450px; } .dashboard.ocp-device .hide-if-ocp-device { display: none; } .dashboard .dashboard-head { position: relative; width:  982px; height:  24px; margin:  0px 0px 1px 0px; border:  1px solid #333333; padding: 5px 10px 5px 10px; color:  #cccccc;  background-image:  linear-gradient(top,#555555,#373737); background-image:  -o-linear-gradient(top,#555555,#373737); background-image:  -webkit-linear-gradient(top,#555555,#373737); background-image:  -moz-linear-gradient(top,#555555,#373737);   background-image:  -ms-linear-gradient(top,#555555,#373737);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#373737'); } .dashboard.ocp-device .dashboard-head { width:  618px; height:  48px; } .dashboard .dashboard-head > .logo { display: block;  position: absolute; left:  12px; top:  8px; width:  45px; height:  19px; margin:  0px; border: 0px; padding: 0px; background-image:  url("icons/LGO.png"); } .dashboard.ocp-device .dashboard-head > .logo { width:  45px; height:  19px;   background-image:  url("icons/LGO.png"); } .dashboard.ocp-device .dashboard-head > .logo { left:  12px; } .dashboard .dashboard-head > .home-navigation { position: absolute; left:  60px; } .dashboard.ocp-device .dashboard-head > .home-navigation { left:  60px; }  .dashboard .dashboard-head > .error-warning-navigation { position: absolute; left:  160px; } .dashboard.ocp-device .dashboard-head > .error-warning-navigation { left:  150px; } .dashboard .dashboard-head > .current-user-navigation { position: absolute; right:  10px; } .dashboard.ocp-device .dashboard-head > .current-user-navigation > li:last-child, .dashboard.ocp-device .dashboard-head > .current-user-navigation > li.last-item { display: none; } .dashboard .dashboard-head > .current-user-navigation .label .user-name-label { color:  #ffffff; } .dashboard .dashboard-body { position: relative;  width:  1004px; margin:  0px; border:  0px; padding: 0px; } .dashboard .dashboard-body, .dashboard .dashboard-body > .sidebar, .dashboard .dashboard-body > .content, .dashboard .dashboard-body > .content > .display, .dashboard .dashboard-body > .content > .display .display-main-area, .dashboard .dashboard-body > .content > .display .display-control-area { min-height: 729px; } .dashboard.ocp-device .dashboard-body {  width:  640px; } .dashboard.ocp-device .dashboard-body, .dashboard.ocp-device .dashboard-body > .sidebar, .dashboard.ocp-device .dashboard-body > .content, .dashboard.ocp-device .dashboard-body > .content > .display, .dashboard.ocp-device .dashboard-body > .content > .display .display-main-area, .dashboard.ocp-device .dashboard-body > .content > .display .display-control-area { min-height: 417px; } .dashboard .dashboard-body:after {  clear:  both;  content: " ";  font-size: 0;  display: block;  font-size: 0;  height: 0;  visibility:   hidden; } .dashboard .dashboard-body > .sidebar { float:  left; width:  180px;  margin:  0px; border:  0px; padding: 0px; color:  #404040; background-color:  #F8F8F8; } .dashboard.full-content-width .dashboard-body > .sidebar { display: none; } .dashboard.ocp-device .dashboard-body > .sidebar { width:  180px; } .dashboard .dashboard-body > .content { position: relative; float:  right; width:  822px; margin:  0px; border:  0px; padding: 0px;  } .dashboard.ocp-device .dashboard-body > .content { width:  456px; } .dashboard.full-content-width .dashboard-body > .content, .dashboard.ocp-device.full-content-width .dashboard-body > .content { float:  none; width:  auto; } .dashboard .dashboard-body > .content > .display { position: relative; } .dashboard .dashboard-body > .content > .display > .container-table { width:  100%; height:  100%; } .dashboard .dashboard-body > .content .error-list-layer { position: absolute; display: none; z-index: 1000; }  .dashboard .dashboard-body > .content .user-log { display: block; float:  right; width:  360px; min-height: inherit; margin:  0px;  border:  0px; padding: 0px; color:  #404040; background-color:  #F8F8F8; } .dashboard.ocp-device .dashboard-body > .content .user-log { display: none; } .dashboard .dashboard-body > .content .user-log table.user-log-table { width:  340px; margin: 10px; border:  0px; padding: 0px; border-collapse:  collapse; } .dashboard.hide-display-control-area .dashboard-body > .content > .display .display-control-area { display: none; } .nav-horizontal-group { } .nav-horizontal-group ul.navigation { height:  100%; margin:  0px; border:  0px; padding: 0px; list-style-type:  none; } .nav-horizontal-group ul.navigation li { float:  left;  margin:  0px; border:  0px; padding: 0px 5px 0px 5px; } .nav-horizontal-group ul.vbar-separated-items li { position: relative; padding-left:   8px; padding-right:   10px; } .nav-horizontal-group ul.vbar-separated-items li > .label { display: inline-block; margin:  4px 0px 4px 0px; } .nav-horizontal-group ul.vbar-separated-items li:after {  display: block; position: absolute; content: " "; font-size: 1px; top:  0px; bottom:  0px; right:  0px; width:  1px; margin:  4px 0px 4px 0px; border-right:   1px solid #222222; } .dashboard.ocp-device .nav-horizontal-group ul.vbar-separated-items li:after { height: 40px; } .nav-horizontal-group ul.vbar-separated-items li:last-child, .nav-horizontal-group ul.vbar-separated-items li.last-item, .nav-horizontal-group ul.vbar-separated-items li.hide-vbar { padding-right:   0px; } .nav-horizontal-group ul.vbar-separated-items li:last-child:after, .nav-horizontal-group ul.vbar-separated-items li.last-item:after, .nav-horizontal-group ul.vbar-separated-items li.hide-vbar:after { display: none; } .quick-view { width:  100%; margin: 0px; border: 0px; padding: 0px; } .host-info-panel { margin: 0px; border: 1px solid #E8E8E8; padding: 0px, 0px,0px,0px; } .host-info-panel:after {  clear:  both;  content: " ";  display: block;  font-size: 0;  height: 0;  visibility:   hidden; } .host-info-panel p.label, .host-info-panel p.value { margin:  2px 0px 5px 0px; } .dashboard.ocp-device .host-info-panel p.label, .dashboard.ocp-device .host-info-panel p.value { margin:  2px 0px 2px 0px; } .host-info-panel p.label { float:  left; width:  70px; clear:  left; } .host-info-panel p.value { float:  left; } .host-info-panel p.value.okay:before, .host-info-panel p.value.warning:before, .host-info-panel p.value.error:before { display: block; float:  left; content: " "; width:  16px; height:  16px; margin-right:   6px; background-repeat:  no-repeat; background-position: 0px 0px; } .host-info-panel p.value.okay:before { background-image:  url("icons/ICO_OK_active.png"); } .host-info-panel p.value.warning:before { background-image:  url("icons/ICO_warning_active.png"); } .host-info-panel p.value.error:before { background-image:  url("icons/ICO_error_active.png"); }   .quick-view .host-info-panel, .quick-view .module-stack .module .module-content { padding-left:   12px; } .quick-view .module-stack { display: block; margin:  0px; border:  0px; padding: 1px 0px 0px 0px;  } .module { display: block; position: relative; margin:  0px; border-width:   1px 1px 1px 1px; border-color:  #000000; border-style:   solid; padding: 0px; cursor:  pointer; background-image:  linear-gradient(top,#ffffff,#f5f5f5); background-image:  -o-linear-gradient(top,#ffffff,#f5f5f5); background-image:  -webkit-linear-gradient(top,#ffffff,#f5f5f5); background-image:  -moz-linear-gradient(top,#ffffff,#f5f5f5);   background-image:  -ms-linear-gradient(top,#ffffff,#f5f5f5);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5'); } .module:hover { background-image:  linear-gradient(top,#ffffff,#dddddd); background-image:  -o-linear-gradient(top,#ffffff,#dddddd); background-image:  -webkit-linear-gradient(top,#ffffff,#dddddd); background-image:  -moz-linear-gradient(top,#ffffff,#dddddd);   background-image:  -ms-linear-gradient(top,#ffffff,#dddddd);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); } .module:active {  background-image:  linear-gradient(top,#dde6f2,#e5e5e5); background-image:  -o-linear-gradient(top,#dde6f2,#e5e5e5); background-image:  -webkit-linear-gradient(top,#dde6f2,#e5e5e5); background-image:  -moz-linear-gradient(top,#dde6f2,#e5e5e5);   background-image:  -ms-linear-gradient(top,#dde6f2,#e5e5e5);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde6f2', endColorstr='#e5e5e5'); } .module.selected { cursor:  auto; } .module.error { background-image:  linear-gradient(top,#ff8993,#fb4646); background-image:  -o-linear-gradient(top,#ff8993,#fb4646); background-image:  -webkit-linear-gradient(top,#ff8993,#fb4646); background-image:  -moz-linear-gradient(top,#ff8993,#fb4646);   background-image:  -ms-linear-gradient(top,#ff8993,#fb4646);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8993', endColorstr='#fb4646'); } .module.error:hover { background-image:  linear-gradient(top,#fe6571,#e72222); background-image:  -o-linear-gradient(top,#fe6571,#e72222); background-image:  -webkit-linear-gradient(top,#fe6571,#e72222); background-image:  -moz-linear-gradient(top,#fe6571,#e72222);   background-image:  -ms-linear-gradient(top,#fe6571,#e72222);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe6571', endColorstr='#e72222'); } .module.error:active { background-image:  linear-gradient(top,#e72222,#fb3748); background-image:  -o-linear-gradient(top,#e72222,#fb3748); background-image:  -webkit-linear-gradient(top,#e72222,#fb3748); background-image:  -moz-linear-gradient(top,#e72222,#fb3748);   background-image:  -ms-linear-gradient(top,#e72222,#fb3748);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e72222', endColorstr='#fb3748'); }  .module > .module-content { display: block; position: relative; padding: 6px 20px 4px 10px;  } .dashboard.ocp-device .module > .module-content { padding: 1px 20px 1px 10px; }  .dashboard.ocp-device .module > .module-content > .module-title { margin-left:   14px; } .dashboard.ocp-device .module > .module-content > .module-info-table { width:  auto; margin-left:   14px; } .dashboard.ocp-device .module > .module-content > .module-drive-table { width:  auto; margin-left:   2px;  } .dashboard.ocp-device .module > .module-content > .module-info-table .drive-usage-rate-bar, .dashboard.ocp-device .module > .module-content > .module-info-table .slots-usage-rate-bar { margin-left:   2px; margin-right:   auto; } .dashboard.ocp-device .module > .module-content:before { display: block;  position: absolute; left:  4px; top:  12px; width:  16px; height:  16px; content: " "; background-image:  url("icons/ICO_OK_active.png"); } .dashboard.ocp-device .module.selected > .module-content:before { top:  2px; } .dashboard.ocp-device .module.warning > .module-content:before { background-image:  url("icons/ICO_warning_active.png"); } .dashboard.ocp-device .module.error > .module-content:before { background-image:  url("icons/ICO_error_active.png"); } .dashboard.ocp-device .module .module-title:before { display: none; }  .module > .module-content:after {  } .module.error > .module-content:after { border-left:   1px solid #e33c3c; } .module.selected > .module-content:after { visibility: visible; } .module .module-title { font-weight:   bold; } .dashboard.ocp-device .module .module-title { display: none; } .dashboard .module.selected .module-title { display: block; } .module .module-title:before { display: block; float:  left; content: " "; width:  16px; height:  16px; margin-right:   6px; background-image:  url("icons/ICO_OK_active.png"); background-repeat:  no-repeat; background-position: 0px 0px; } .module .module-title > .label { float:  left; } .module .module-title:after {  clear:  both;  content: " ";  display: block;  font-size: 0;  height: 0;  visibility:   hidden; } .module.warning .module-title:before { background-image:  url("icons/ICO_warning_active_module.png"); } .module.error .module-title:before { background-image:  url("icons/ICO_error_active_module.png"); } .module-info-table { display: table;  border-collapse:  collapse; margin-top: 5px; } .dashboard.ocp-device .module-info-table { margin-top: 2px; } .module-info-table .table-cell { border-bottom:   2px solid transparent; vertical-align:   top; } .module-info-table .table-cell .label { white-space:   nowrap; } .drive-usage-rate-bar { width:  60px; height:  12px; border:  1px solid #c3c3c3; padding: 0px; background-color:  #ffffff; } .drive-usage-rate-bar .drive-usage-rate-item, .drive-usage-rate-bar .drive-usage-rate-item.normal { float:  left; width:  16px; height:  8px; margin:  1px; border:  1px solid #333333; padding: 0px; background-image:  linear-gradient(top,#555555,#373737); background-image:  -o-linear-gradient(top,#555555,#373737); background-image:  -webkit-linear-gradient(top,#555555,#373737); background-image:  -moz-linear-gradient(top,#555555,#373737);   background-image:  -ms-linear-gradient(top,#555555,#373737);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#373737');  font-size: 40px; overflow: hidden; } .drive-usage-rate-bar .drive-usage-rate-item.warning { border:  1px solid #373737; background-image:  linear-gradient(top,#ffca00,#fff502); background-image:  -o-linear-gradient(top,#ffca00,#fff502); background-image:  -webkit-linear-gradient(top,#ffca00,#fff502); background-image:  -moz-linear-gradient(top,#ffca00,#fff502);   background-image:  -ms-linear-gradient(top,#ffca00,#fff502);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffca00', endColorstr='#fff502'); } .drive-usage-rate-bar .drive-usage-rate-item.error { border:  1px solid #373737; background-image:  linear-gradient(top,#c10000,#ff0303); background-image:  -o-linear-gradient(top,#c10000,#ff0303); background-image:  -webkit-linear-gradient(top,#c10000,#ff0303); background-image:  -moz-linear-gradient(top,#c10000,#ff0303);   background-image:  -ms-linear-gradient(top,#c10000,#ff0303);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c10000', endColorstr='#ff0303');  } .drive-usage-rate-bar .drive-usage-rate-item.double-drive { width:  36px; } .slots-usage-rate-bar { width:  60px; height:  12px; border:  1px solid #c3c3c3; background-color:  #ffffff; } .slots-usage-rate-bar .slots-usage-rate-bar-canvas { width:  56px; height:  10px; margin:  1px; } .slots-usage-rate-bar .slots-usage-rate-value, .slots-usage-rate-bar .slots-usage-rate-value.normal { height:  8px; border:  1px solid #333333; background-image:  linear-gradient(top,#555555,#373737); background-image:  -o-linear-gradient(top,#555555,#373737); background-image:  -webkit-linear-gradient(top,#555555,#373737); background-image:  -moz-linear-gradient(top,#555555,#373737);   background-image:  -ms-linear-gradient(top,#555555,#373737);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#373737');  font-size: 1px; } .slots-usage-rate-bar .slots-usage-rate-value.warning { border:  1px solid #373737; background-image:  linear-gradient(top,#ffca00,#fff502); background-image:  -o-linear-gradient(top,#ffca00,#fff502); background-image:  -webkit-linear-gradient(top,#ffca00,#fff502); background-image:  -moz-linear-gradient(top,#ffca00,#fff502);   background-image:  -ms-linear-gradient(top,#ffca00,#fff502);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffca00', endColorstr='#fff502'); } .slots-usage-rate-bar .slots-usage-rate-value.error { border:  1px solid #373737; background-image:  linear-gradient(top,#c10000,#ff0303); background-image:  -o-linear-gradient(top,#c10000,#ff0303); background-image:  -webkit-linear-gradient(top,#c10000,#ff0303); background-image:  -moz-linear-gradient(top,#c10000,#ff0303);   background-image:  -ms-linear-gradient(top,#c10000,#ff0303);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c10000', endColorstr='#ff0303'); }  .module-info-table .drive-usage-rate-bar, .module-info-table .slots-usage-rate-bar { float:  right; margin-right:   8px; } .module-drive-table { display: none;  border-collapse:  collapse; margin-top: 5px;   } .dashboard.ocp-device .module-drive-table { margin-top: 1px; } .module.selected .module-drive-table { display: table; } .module-drive-table .table-cell { width:  48px; border-bottom:   5px solid transparent; } .dashboard.ocp-device .module-drive-table .table-cell { border-top: 0px; border-bottom:   0px; } .module-drive-table .drive-1-icon, .module-drive-table .drive-2-icon, .module-drive-table .drive-3-icon, .module-drive-table .drive-4-icon, .module-drive-table .drive-5-icon, .module-drive-table .drive-6-icon { width:  41px; height:  17px; border:  0px; padding: 0px; background-repeat:  no-repeat; } .module-drive-table .drive-1-icon.double-drive, .module-drive-table .drive-2-icon.double-drive, .module-drive-table .drive-3-icon.double-drive, .module-drive-table .drive-4-icon.double-drive, .module-drive-table .drive-5-icon.double-drive, .module-drive-table .drive-6-icon.double-drive { height:  30px; } .module-drive-table .drive-1-icon, .module-drive-table .drive-1-icon.normal { background-image:  url("icons/ICO_drive_1_normal.png"); } .module-drive-table .drive-1-icon.warning { background-image:  url("icons/ICO_drive_1_warning.png"); } .module-drive-table .drive-1-icon.error { background-image:  url("icons/ICO_drive_1_error.png"); } .module-drive-table .drive-1-icon.na { background-image:  url("icons/ICO_drive_na.png"); } .module-drive-table .drive-1-icon.double-drive, .module-drive-table .drive-1-icon.double-drive.normal { background-image:  url("icons/ICO_double_drive_1_normal.png"); } .module-drive-table .drive-1-icon.double-drive.warning { background-image:  url("icons/ICO_double_drive_1_warning.png"); } .module-drive-table .drive-1-icon.double-drive.error { background-image:  url("icons/ICO_double_drive_1_error.png"); } .module-drive-table .drive-1-icon.double-drive.na { background-image:  url("icons/ICO_double_drive_na.png"); } .module-drive-table .drive-2-icon, .module-drive-table .drive-2-icon.normal { background-image:  url("icons/ICO_drive_2_normal.png"); } .module-drive-table .drive-2-icon.warning { background-image:  url("icons/ICO_drive_2_warning.png"); } .module-drive-table .drive-2-icon.error { background-image:  url("icons/ICO_drive_2_error.png"); } .module-drive-table .drive-2-icon.na { background-image:  url("icons/ICO_drive_na.png"); } .module-drive-table .drive-2-icon.double-drive, .module-drive-table .drive-2-icon.double-drive.normal { background-image:  url("icons/ICO_double_drive_2_normal.png"); } .module-drive-table .drive-2-icon.double-drive.warning { background-image:  url("icons/ICO_double_drive_2_warning.png"); } .module-drive-table .drive-2-icon.double-drive.error { background-image:  url("icons/ICO_double_drive_2_error.png"); } .module-drive-table .drive-2-icon.double-drive.na { background-image:  url("icons/ICO_double_drive_na.png"); } .module-drive-table .drive-3-icon, .module-drive-table .drive-3-icon.normal { background-image:  url("icons/ICO_drive_3_normal.png"); } .module-drive-table .drive-3-icon.warning { background-image:  url("icons/ICO_drive_3_warning.png"); } .module-drive-table .drive-3-icon.error { background-image:  url("icons/ICO_drive_3_error.png"); } .module-drive-table .drive-3-icon.na { background-image:  url("icons/ICO_drive_na.png"); } .module-drive-table .drive-3-icon.double-drive, .module-drive-table .drive-3-icon.double-drive.normal { background-image:  url("icons/ICO_double_drive_3_normal.png"); } .module-drive-table .drive-3-icon.double-drive.warning { background-image:  url("icons/ICO_double_drive_3_warning.png"); } .module-drive-table .drive-3-icon.double-drive.error { background-image:  url("icons/ICO_double_drive_3_error.png"); } .module-drive-table .drive-3-icon.double-drive.na { background-image:  url("icons/ICO_double_drive_na.png"); } .module-drive-table .drive-4-icon, .module-drive-table .drive-4-icon.normal { background-image:  url("icons/ICO_drive_4_normal.png"); } .module-drive-table .drive-4-icon.warning { background-image:  url("icons/ICO_drive_4_warning.png"); } .module-drive-table .drive-4-icon.error { background-image:  url("icons/ICO_drive_4_error.png"); } .module-drive-table .drive-4-icon.na { background-image:  url("icons/ICO_drive_na.png"); } .module-drive-table .drive-4-icon.double-drive, .module-drive-table .drive-4-icon.double-drive.normal { background-image:  url("icons/ICO_double_drive_4_normal.png"); } .module-drive-table .drive-4-icon.double-drive.warning { background-image:  url("icons/ICO_double_drive_4_warning.png"); } .module-drive-table .drive-4-icon.double-drive.error { background-image:  url("icons/ICO_double_drive_4_error.png"); } .module-drive-table .drive-4-icon.double-drive.na { background-image:  url("icons/ICO_double_drive_na.png"); } .module-drive-table .drive-5-icon, .module-drive-table .drive-5-icon.normal { background-image:  url("icons/ICO_drive_5_normal.png"); } .module-drive-table .drive-5-icon.warning { background-image:  url("icons/ICO_drive_5_warning.png"); } .module-drive-table .drive-5-icon.error { background-image:  url("icons/ICO_drive_5_error.png"); } .module-drive-table .drive-5-icon.na { background-image:  url("icons/ICO_drive_na.png"); } .module-drive-table .drive-5-icon.double-drive, .module-drive-table .drive-5-icon.double-drive.normal { background-image:  url("icons/ICO_double_drive_5_normal.png"); } .module-drive-table .drive-5-icon.double-drive.warning { background-image:  url("icons/ICO_double_drive_5_warning.png"); } .module-drive-table .drive-5-icon.double-drive.error { background-image:  url("icons/ICO_double_drive_5_error.png"); } .module-drive-table .drive-5-icon.double-drive.na { background-image:  url("icons/ICO_double_drive_na.png"); } .module-drive-table .drive-6-icon, .module-drive-table .drive-6-icon.normal { background-image:  url("icons/ICO_drive_6_normal.png"); } .module-drive-table .drive-6-icon.warning { background-image:  url("icons/ICO_drive_6_warning.png"); } .module-drive-table .drive-6-icon.error { background-image:  url("icons/ICO_drive_6_error.png"); } .module-drive-table .drive-6-icon.na { background-image:  url("icons/ICO_drive_na.png"); } .module-drive-table .drive-6-icon.double-drive, .module-drive-table .drive-6-icon.double-drive.normal { background-image:  url("icons/ICO_double_drive_6_normal.png"); } .module-drive-table .drive-6-icon.double-drive.warning { background-image:  url("icons/ICO_double_drive_6_warning.png"); } .module-drive-table .drive-6-icon.double-drive.error { background-image:  url("icons/ICO_double_drive_6_error.png"); } .module-drive-table .drive-6-icon.double-drive.na { background-image:  url("icons/ICO_double_drive_na.png"); }  .module-drive-table .drive-1-icon.na.warning,.module-drive-table .drive-2-icon.na.warning , .module-drive-table .drive-3-icon.na.warning ,.module-drive-table .drive-4-icon.na.warning , .module-drive-table .drive-5-icon.na.warning ,.module-drive-table .drive-6-icon.na.warning { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; background-image:  url("icons/ICO_drive_1_warning.png"); } .module-drive-table .drive-1-icon.na.error,.module-drive-table .drive-2-icon.na.error , .module-drive-table .drive-3-icon.na.error ,.module-drive-table .drive-4-icon.na.error , .module-drive-table .drive-5-icon.na.error ,.module-drive-table .drive-6-icon.na.error { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; background-image:  url("icons/ICO_drive_1_error.png"); } .module-drive-table .drive-1-icon.double-drive.na.warning,.module-drive-table .drive-2-icon.double-drive.na.warning , .module-drive-table .drive-3-icon.double-drive.na.warning ,.module-drive-table .drive-4-icon.double-drive.na.warning , .module-drive-table .drive-5-icon.double-drive.na.warning ,.module-drive-table .drive-6-icon.double-drive.na.warning { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; background-image:  url("icons/ICO_double_drive_1_warning.png"); } .module-drive-table .drive-1-icon.double-drive.na.error,.module-drive-table .drive-2-icon.double-drive.na.error , .module-drive-table .drive-3-icon.double-drive.na.error ,.module-drive-table .drive-4-icon.double-drive.na.error , .module-drive-table .drive-5-icon.double-drive.na.error ,.module-drive-table .drive-6-icon.double-drive.na.error { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; background-image:  url("icons/ICO_double_drive_1_error.png"); }   .module-info-table, .module-drive-table { width:  100%; } .button-type-1 { display: inline-block; height:  22px; border:  1px solid #303030; padding: 0px; border-radius:   4px; color:  #ffffff; background-image:  linear-gradient(top,#7b7b7b,#555555); background-image:  -o-linear-gradient(top,#7b7b7b,#555555); background-image:  -webkit-linear-gradient(top,#7b7b7b,#555555); background-image:  -moz-linear-gradient(top,#7b7b7b,#555555);   background-image:  -ms-linear-gradient(top,#7b7b7b,#555555); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b7b7b', endColorstr='#555555');  cursor:  pointer; -moz-box-sizing:  content-box; box-sizing: content-box;  text-indent:   0;  white-space:   inherit;  text-align: start;  font:  inherit; } .button-type-1.ocp-device { height:44px; width:44px; } .button-type-1::-moz-focus-inner { border: 0;  padding: 0; } .button-type-1 .inner-button { display: block; height:  18px; border:  1px solid #828282;  border-radius:   4px; padding: 1px 10px 1px 10px; background-repeat:  no-repeat;  background-position: 4px 2px; } .button-type-1:hover {  border:  1px solid #303030; background-image:  linear-gradient(top,#606060,#4f4f4f); background-image:  -o-linear-gradient(top,#606060,#4f4f4f); background-image:  -webkit-linear-gradient(top,#606060,#4f4f4f); background-image:  -moz-linear-gradient(top,#606060,#4f4f4f); background-image:  -ms-linear-gradient(top,#606060,#4f4f4f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#4f4f4f'); } .button-type-1:hover .inner-button { border:  1px solid #707070; } .button-type-1:active {  box-shadow: 0px 1px 1px #5b5b5b, inset 0px 2px 4px #333333; } .button-type-1:active .inner-button { border:  1px solid transparent; } .button-type-1:focus { border:  1px solid #303030;  background-image:  linear-gradient(top,#828282,#555555); background-image:  -o-linear-gradient(top,#828282,#555555); background-image:  -webkit-linear-gradient(top,#828282,#555555); background-image:  -moz-linear-gradient(top,#828282,#555555); background-image:  -ms-linear-gradient(top,#828282,#555555); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#828282', endColorstr='#555555'); } .button-type-1:focus .inner-button { border:  1px solid #6f8eb7; }  .button-type-1 .inner-button.icon-home { background-image:  url("icons/ICO_home.png"); } .button-type-1.ocp-device .inner-button.icon-home { background-image:  url(""); } .button-type-1 .inner-button.icon-help { background-image:  url("icons/ICO_help.png"); } .button-type-1 .inner-button.icon-warning { background-image:  url("icons/ICO_warning_active.png"); padding: 2px 4px 1px 22px; } .button-type-1.disabled .inner-button.icon-warning { background-image:  url("icons/ICO_warning_inactive.png"); } .button-type-1 .inner-button.icon-error { background-image:  url("icons/ICO_error_active.png"); padding: 2px 4px 1px 22px; } .button-type-1.disabled .inner-button.icon-error { background-image:  url("icons/ICO_error_inactive.png"); } .button-type-1.disabled, .button-type-1.disabled:hover, .button-type-1.disabled:focus, .button-type-1.disabled:active { border:  1px solid #404040; background-image:  none;  background-color:  transparent; color:  #999999;  box-shadow: none; cursor:  default; } .button-type-1.disabled .inner-button, .button-type-1.disabled:hover .inner-button, .button-type-1.disabled:focus .inner-button, .button-type-1.disabled:active .inner-button { border:  1px solid #5a5a5a; } .module-options-layer { float:  left; width:  auto; margin:  0px 20px 0px 20px; } .module-options-layer hr { height:  1px; border:  0px; color:  #e5e5e5; background-color:  #e5e5e5; } .module-options-layer-head { } .module-options-layer-body { } .module-options-layer-head:after, .module-options-layer-body:after {  clear:  both;  content: " ";  display: block;  font-size: 0;  height: 0;  visibility:   hidden; } .module-options-layer-head .button-type-2, .module-options-layer-body .button-type-2 { margin:  10px; } .dashboard.ocp-device .module-options-layer-head .button-type-2, .dashboard.ocp-device .module-options-layer-body .button-type-2 { margin:  8px; } .button-type-2, .inpbutton-type-1, .optbutton-type-1{  display: inline-block; height:  22px; border:  1px solid #c3c3c3; padding:0px; border-radius:   4px; background-image:  linear-gradient(top,#ffffff,#eeeeee); background-image:  -o-linear-gradient(top,#ffffff,#eeeeee); background-image:  -webkit-linear-gradient(top,#ffffff,#eeeeee); background-image:  -moz-linear-gradient(top,#ffffff,#eeeeee);   background-image:  -ms-linear-gradient(top,#ffffff,#eeeeee);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');  cursor:  pointer; color:  #404040; -moz-box-sizing:  content-box; box-sizing: content-box;  text-indent:   0;  white-space:   inherit;  text-align: start;  font:  inherit;  } .button-type-2::-moz-focus-inner, .inpbutton-type-1::-moz-focus-inner, .optbutton-type-1::-moz-focus-inner, .popup-dialog > .ui-dialog-buttonpane .ui-button::-moz-focus-inner { border: 0;  padding: 0; } .button-type-2 .inner-button, .inpbutton-type-1 .inner-button, .optbutton-type-1 .inner-button { width:  auto; display: block; height:  14px; border:  1px solid transparent;  border-radius:   3px; padding: 3px 10px; font-size: 12px;  line-height:   14px; font-weight:   bold; } .button-type-2.disabled, .button-type-2.disabled:hover, .button-type-2.disabled:focus, .button-type-2.disabled:active, .inpbutton-type-1.disabled, .inpbutton-type-1.disabled:hover, .inpbutton-type-1.disabled:focus, .inpbutton-type-1.disabled:active, .optbutton-type-1.disabled, .optbutton-type-1.disabled:hover, .optbutton-type-1.disabled:focus, .optbutton-type-1.disabled:active, .inpbutton-type-1.printonly, .inpbutton-type-1.printonly:hover, .inpbutton-type-1.printonly:focus, .inpbutton-type-1.printonly:active {  border:  1px solid #e5e5e5; background-image:  none;  background-color:  transparent; color:  #999999;  box-shadow: none; cursor:  default; } .button-type-2.disabled .inner-button, .button-type-2.disabled:hover .inner-button, .button-type-2.disabled:focus .inner-button, .button-type-2.disabled:active .inner-button, .inpbutton-type-1.disabled .inner-button, .inpbutton-type-1.disabled:hover .inner-button, .inpbutton-type-1.disabled:focus .inner-button, .inpbutton-type-1.disabled:active .inner-button, .optbutton-type-1.disabled .inner-button, .optbutton-type-1.disabled:hover .inner-button, .optbutton-type-1.disabled:focus .inner-button, .optbutton-type-1.disabled:active .inner-button, .inpbutton-type-1.printonly .inner-button, .inpbutton-type-1.printonly:hover .inner-button, .inpbutton-type-1.printonly:focus .inner-button, .inpbutton-type-1.printonly:active .inner-button { border:  1px solid transparent; }  .inpbutton-type-1.request, .inpbutton-type-1.request:hover, .inpbutton-type-1.request:focus, .inpbutton-type-1.request:active {  border:  1px solid #000000; color: #FFFFFF; background-image:  linear-gradient(top,#0080FF,#0000FF); background-image:  -o-linear-gradient(top,#0080FF,#0000FF); background-image:  -webkit-linear-gradient(top,#0080FF,#0000FF); background-image:  -moz-linear-gradient(top,#0080FF,#0000FF);   background-image:  -ms-linear-gradient(top,#0080FF,#0000FF); filter:progid:DXImageTransform.Microsoft.gradient(top,startColorstr='#0080FF', endColorstr='#0000FF');  } .inpbutton-type-1.request.disabled, .inpbutton-type-1.request.disabled:hover, .inpbutton-type-1.request.disabled:focus, .inpbutton-type-1.request.disabled:active {  color: #FFFFFF; background-image:  linear-gradient(top,#0080FF,#9FCFFF); background-image:  -o-linear-gradient(top,#0080FF,#9FCFFF); background-image:  -webkit-linear-gradient(top,#0080FF,#9FCFFF); background-image:  -moz-linear-gradient(top,#0080FF,#9FCFFF);   background-image:  -ms-linear-gradient(top,#0080FF,#9FCFFF);  filter:progid:DXImageTransform.Microsoft.gradient(top,startColorstr='#0080FF', endColorstr='#9FCFFF'); border:  1px solid #e5e5e5; cursor:  not-allowed; } .button-type-2:hover, .inpbutton-type-1:hover, .optbutton-type-1:hover{  border:  1px solid #a9a9a9; background-image:  linear-gradient(top,#ededed,#dfdfdf); background-image:  -o-linear-gradient(top,#ededed,#dfdfdf); background-image:  -webkit-linear-gradient(top,#ededed,#dfdfdf); background-image:  -moz-linear-gradient(top,#ededed,#dfdfdf);   background-image:  -ms-linear-gradient(top,#ededed,#dfdfdf);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); } .button-type-2:focus, .inpbutton-type-1:focus, .optbutton-type-1:focus {  border:  1px solid #a9a9a9; background-image:  linear-gradient(top,#ededed,#dfdfdf); background-image:  -o-linear-gradient(top,#ededed,#dfdfdf); background-image:  -webkit-linear-gradient(top,#ededed,#dfdfdf); background-image:  -moz-linear-gradient(top,#ededed,#dfdfdf);   background-image:  -ms-linear-gradient(top,#ededed,#dfdfdf);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); }  .button-type-2:active, .inpbutton-type-1:active, .optbutton-type-1:active {  border:  1px solid #b3b3b3; background-image:  linear-gradient(top,#c8c8c8,#ffffff); background-image:  -o-linear-gradient(top,#c8c8c8,#ffffff); background-image:  -webkit-linear-gradient(top,#c8c8c8,#ffffff); background-image:  -moz-linear-gradient(top,#c8c8c8,#ffffff);   background-image:  -ms-linear-gradient(top,#c8c8c8,#ffffff);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#ffffff'); box-shadow: inset 0px 2px 6px #808080; } .button-type-2:active .inner-button, .inpbutton-type-1:active .inner-button, .optbutton-type-1:active .inner-button { border:  1px solid transparent; } .button-type-2 .inner-button .label { display: block; height:  14px; border:  0px; white-space:   nowrap; } .module-options-layer .button-type-2 { width:  186px; height:  68px; } .module-options-layer.noflow .button-type-2 { display: block; } .dashboard.ocp-device .module-options-layer.noflow .button-type-2 { display: inline-block; } .module-options-layer .button-type-2 .inner-button { height:  64px; padding: 1px 10px;  background-position: 10px 20px; background-repeat:  no-repeat;  } .module-options-layer .button-type-2 .inner-button .label { margin-top: 36px; text-align:   right; font-size: 16px; font-weight:   bold; }  .module-options-layer .button-type-2 { border:  1px solid #eaeaea; background-image:  linear-gradient(top,#D3D3D3,#f5f5f5); background-image:  -o-linear-gradient(top,#D3D3D3,#f5f5f5); background-image:  -webkit-linear-gradient(top,#D3D3D3,#f5f5f5); background-image:  -moz-linear-gradient(top,#D3D3D3,#f5f5f5);   background-image:  -ms-linear-gradient(top,#D3D3D3,#f5f5f5);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5'); } .module-options-layer .button-type-2 .inner-button { border:  1px solid #ffffff; } .module-options-layer .button-type-2.disabled, .module-options-layer .button-type-2.disabled:hover, .module-options-layer .button-type-2.disabled:focus, .module-options-layer .button-type-2.disabled:active {  border:  1px solid #A3A3A3; background-image:  none;  color:  #999999;  box-shadow: none; cursor:  not-allowed; } .module-options-layer .button-type-2.disabled .inner-button, .module-options-layer .button-type-2.disabled:hover .inner-button, .module-options-layer .button-type-2.disabled:focus .inner-button, .module-options-layer .button-type-2.disabled:active .inner-button { } .module-options-layer .button-type-2:hover {  border:  1px solid #A3A3A3;  background-image:  linear-gradient(top,#ffffff,#dddddd); background-image:  -o-linear-gradient(top,#ffffff,#dddddd); background-image:  -webkit-linear-gradient(top,#ffffff,#dddddd); background-image:  -moz-linear-gradient(top,#ffffff,#dddddd);   background-image:  -ms-linear-gradient(top,#ffffff,#dddddd);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); } .module-options-layer .button-type-2:hover .inner-button { border:  1px solid #ffffff; } .module-options-layer .button-type-2:active { border:  1px solid #A3A3A3;  background-image:  linear-gradient(top,#ffffff,#e5e5e5); background-image:  -o-linear-gradient(top,#ffffff,#e5e5e5); background-image:  -webkit-linear-gradient(top,#ffffff,#e5e5e5); background-image:  -moz-linear-gradient(top,#ffffff,#e5e5e5);   background-image:  -ms-linear-gradient(top,#ffffff,#e5e5e5);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5');  box-shadow: inset 0px 2px 6px #636780; } .module-options-layer .button-type-2:active .inner-button { border:  1px solid transparent; } .module-options-layer .button-type-2:focus { border:  1px solid #006dcc;  background-image:  linear-gradient(top,#ffffff,#a0c4f3); background-image:  -o-linear-gradient(top,#ffffff,#a0c4f3); background-image:  -webkit-linear-gradient(top,#ffffff,#a0c4f3); background-image:  -moz-linear-gradient(top,#ffffff,#a0c4f3);   background-image:  -ms-linear-gradient(top,#ffffff,#a0c4f3);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a0c4f3'); } .module-options-layer .button-type-2:focus .inner-button { border:  1px solid #6fadff; }  .module-options-layer .button-type-2 .inner-button.icon-open-mailslot { background-image:  url("icons/ICO_open_mailslot.png"); } .module-options-layer .button-type-2 .inner-button.icon-open-magazine { background-image:  url("icons/ICO_open_magazine.png"); } .module-options-layer .button-type-2 .inner-button.icon-configuration { background-image:  url("icons/ICO_configuration.png"); } .module-options-layer .button-type-2 .inner-button.icon-maintenance { background-image:  url("icons/ICO_maintenance.png"); } .module-options-layer .button-type-2 .inner-button.icon-operations { background-image:  url("icons/ICO_operations.png"); } .module-options-layer .button-type-2 .inner-button.icon-status { background-image:  url("icons/ICO_status.png"); } .module-options-layer .button-type-2 .inner-button.icon-service-area { background-image:  url("icons/ICO_service_area.png"); } table.user-log-table thead { font-weight:   bold; }  table.user-log-table td { padding: 5px; border-bottom:   1px solid #e5e5e5;  word-break: break-all; }  .float-left { float:  left; } .float-right { float:  right; } .float-left-clearer, .float-right-clearer, .float-both-clearer { display: block; height: 1px; margin:  0px; border:  0px; padding: 0px; } .float-left-clearer { clear:  left; } .float-right-clearer { clear:  right; } .float-both-clearer { clear:  both; }  .table { display: table; } .table-row { display: table-row; } .table-cell { display: table-cell; } .container-table { display: table;  margin:  0px; border:  0px; padding: 0px; } .container-table.fixed { table-layout:fixed; } .container-table.fixedWithBreak, .container-table.fixedWithBreakAll { table-layout:fixed; } .container-table.fixedWithBreak > .container-row > .container-cell { word-wrap:break-word; } .container-table.fixedWithBreakAll > .container-row > .container-cell { -ms-word-break:break-all; word-break:break-all; word-break:break-word; }  .container-table.clEvenCellsPadLeft5px .container-cell:nth-child(even){ padding-left:5px; } .container-table.clEvenCellsPadLeft10px .container-cell:nth-child(even){ padding-left:10px; } .container-table.clEvenCellsPadLeft15px .container-cell:nth-child(even){ padding-left:15px; }  .color2ndRow > .container-row:nth-child(even) { background:#F7F7F7; } .color2ndRow > tr:nth-child(even) { background:#F7F7F7; }  .container-table > .container-row { display: table-row;  margin:  0px; border:  0px; padding: 0px; } .container-table > .container-row > .container-cell { display: table-cell;  margin:  0px; border:  0px; padding: 0px; vertical-align:   top; } .dashboard .container-table.hide-if-ocp-device, .dashboard .container-table > .container-row.hide-if-ocp-device, .dashboard .container-table > .container-row > .container-cell.hide-if-ocp-device { display: none; } .error-list-layer-head .close-button { position: absolute; top:  20px; right:  20px; font-family:   mono-spaced, sans-serif; cursor:  pointer; font-size: 14px; font-weight:   bold; }  .dashboard-body .content .error-list-layer { display: none; left:  2px; top:  2px; right:  2px; bottom:  2px; border-radius:   8px; border:  2px solid black; background-color:  white;  } .error-list-layer-head .close-button:before { content: "[x]"; } .error-list-layer-body ul.error-list-infos, .error-list-layer-body ul.error-list-warnings, .error-list-layer-body ul.error-list-errors { margin: 20px 20px 20px 60px; border: 0px; padding: 0px;  list-style-type:  none; } .error-list-layer-body ul.error-list-infos li, .error-list-layer-body ul.error-list-warnings li, .error-list-layer-body ul.error-list-errors li { background-repeat:  no-repeat; padding: 8px 2px 2px 42px; height:  32px; font-size: 14px; font-weight:   bold; cursor:  pointer; } .error-list-layer-body ul.error-list-infos li { background-image:  url("icons/ICO_popup_dialog_normal.png"); } .error-list-layer-body ul.error-list-warnings li { background-image:  url("icons/ICO_popup_dialog_warning.png"); } .error-list-layer-body ul.error-list-errors li { background-image:  url("icons/ICO_popup_dialog_error.png"); }  .module-config-menu-layer { display: block; float:  right; width:  214px; min-height: inherit; margin:  0px; border:  0px; padding: 0px; background-color:  #F8F8F8; } .module-config-menu-layer .menu { list-style-type:  none; } .module-config-menu-layer .menu > .item > .menu, .module-config-menu-layer .menu > .item.empty > .menu { display: none; } .module-config-menu-layer .menu > .item.open > .menu { display: block; } .module-config-menu-layer .menu.level-1 { display: block; margin:  0px; border:  0px; padding: 0px; } .module-config-menu-layer .menu.level-1 > .item, .module-config-menu-layer .menu.level-1 > .head { display: block; margin:  5px; border:  0px; padding: 0px; } .module-config-menu-layer .menu.level-1 > .item > .button, .module-config-menu-layer .menu.level-1 > .head > .button { display: block; position: relative; min-height:  30px; border:  1px solid #dfdfdf; border-radius:   4px; background-color:  #dfdfdf; cursor:  pointer;   } .module-config-menu-layer .menu.level-1 > .head > .button { border-color:   transparent; background-color:  #b1c2d7; cursor:  default; font-weight:   bold; } .module-config-menu-layer .menu.level-1 > .item.selected > .button { background-color:  #c8c8c8; } .module-config-menu-layer .menu.level-1 > .item > .button:after { display: block; position: absolute; right:  6px; top:  8px; width:  8px; height:  10px; content: " ";  background-image:  url("icons/ICO_double_arrow_down.png"); } .module-config-menu-layer .menu.level-1 > .item.empty > .button:after { display: none; } .module-config-menu-layer .menu.level-1 > .item.open > .button:after { background-image:  url("icons/ICO_double_arrow_up.png"); } .module-config-menu-layer .menu.level-1 > .item > .button > .label, .module-config-menu-layer .menu.level-1 > .head > .button > .label { display: block; margin:  6px 6px 6px 6px; }  .module-config-menu-layer .menu.level-2 { display: block; margin:  10px 0px 0px 0px; border:  0px; padding: 0px;  } .module-config-menu-layer .menu.level-2 > .item { display: block; margin:  5px 0px 5px 0px; border:  0px; padding: 0px;  } .module-config-menu-layer .menu.level-2 > .item > .button { display: block; position: relative; min-height:  20px; border:  1px solid transparent; border-radius:   4px; cursor:  pointer;   } .module-config-menu-layer .menu.level-2 > .item.selected > .button { background-color:  #cccccc;   } .module-config-menu-layer .menu.level-2 > .item > .button > .label { display: block; margin:  2px auto 2px 20px; }  .content-display-panel {  width:  578px; margin:  15px 0px 15px 15px; border:  0px; padding: 0px; } .dashboard.ocp-device .content-display-panel { width:  auto; margin:  5px 10px 0px 10px; } .content-display-panel > .header { margin-bottom:   20px; } .content-display-panel > .header > .label { font-weight:   bold; font-size: 14px;  } .form > .static-field-section, .form > .expandable-field-section { margin-bottom:   10px; border:  0px; padding: 0px; } .form .static-field-section { } .form .expandable-field-section { background-color:  #E8E8E8; } .form .expandable-field-section > .field-section-head, .form .expandable-field-section > .field-section-body { position: relative; padding-left:   10px; } .form .expandable-field-section > .field-section-head { padding-top:   6px; padding-bottom:   2px; font-weight:   bold; } .form .expandable-field-section > .field-section-body { display: none; } .form .expandable-field-section.open > .field-section-body { display: block; background-color:  white; } .form .expandable-field-section > .field-section-head > * { float:  left; } .form .expandable-field-section > .field-section-head:after {  clear:  both;  content: " ";  display: block;  font-size: 0;  height: 0;  visibility:   hidden; } .form .expandable-field-section > .field-section-head .open-close-button { display: block; content: " "; width:  9px; height:  6px; margin:  6px 10px 4px 0px; background-image:  url("icons/ICO_arrow_down.png");  cursor:  pointer; } .form .expandable-field-section > .field-section-head .open-close-button:hover { background-image:  url("icons/ICO_arrow_down_hover.png"); } .form .expandable-field-section > .field-section-head .open-close-button:active { background-image:  url("icons/ICO_arrow_down_pressed.png"); } .form .expandable-field-section.open > .field-section-head .open-close-button { background-image:  url("icons/ICO_arrow_up.png"); } .form .expandable-field-section.open > .field-section-head .open-close-button:hover { background-image:  url("icons/ICO_arrow_up_hover.png"); } .form .expandable-field-section.open > .field-section-head .open-close-button:active { background-image:  url("icons/ICO_arrow_up_pressed.png"); } .form .expandable-field-section.closed > .field-section-body { display: none; }  .form .expandable-field-section > .field-section-body { border-top: 1px solid #cccccc; padding-top:   10px; } .form .field-panel > .field-panel-header { } .form .field-panel > .container-table { border-collapse:  collapse; } .form .field-panel > .container-table > .container-row > .container-cell { border-top:   8px solid transparent; border-bottom:   8px solid transparent; } .form .field-panel > .container-table > .container-row > .container-cell > .label { display: inline-block; margin-top: 4px; } .form .action-bar { float:  right; } .form .action-bar > * { margin-left:   8px; } .form .checkbox-type-1 { margin-top: 3px; } .textfield-type-1, .selectfield-type-1, .checkbox-type-1 { display: inline-block; }  .checkbox-type-1 { margin:  0px; border:  0px; padding: 0px; } .checkbox-type-1:after {  clear:  both;  content: " ";  display: block;  font-size: 0;  height: 0;  visibility:   hidden; } .checkbox-type-1 > * { display: block; float:  left; border:  0px solid red; } .checkbox-type-1 .inner-field { margin:  1px 4px 0px 0px; padding: 0px; } .checkbox-type-1 .inner-field > input[type=checkbox] { margin:  0px; border:  0px; padding: 0px; } .checkbox-type-1 > .label { margin:  0px 0px 0px 4px; } .inpbutton-type-1 { width:  auto; height:  20px; } .inpbutton-type-1 .inner-button { text-align: center;  height:  16px;  padding: 1px 8px 1px 8px; background-position: 10px 20px; background-repeat:  no-repeat; } .inpbutton-type-1 .inner-button.icon-x { background-image:  url("icons/BDT_icon_X.png"); background-position: 50% 50%; } .optbutton-type-1 {  width:  auto; height:  24px;  border-radius:   4px;  border:1px solid #a9a9a9; cursor:  pointer; background-image:  none; background-color:  transparent; } .optbutton-type-1 .inner-button { text-align: center;   height:  18px; margin:  0px; border:  1px solid transparent; border-radius:   4px; padding: 3px 20px 1px 20px; } .optbar-type-1 { border-bottom:   1px solid #cccccc; background-image:  linear-gradient(top,#fefefe,#e5e5e5); background-image:  -o-linear-gradient(top,#fefefe,#e5e5e5); background-image:  -webkit-linear-gradient(top,#fefefe,#e5e5e5); background-image:  -moz-linear-gradient(top,#fefefe,#e5e5e5);   background-image:  -ms-linear-gradient(top,#fefefe,#e5e5e5);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e5e5e5');   } .optbar-type-1 ul.options { margin:  0px; border:  0px; padding: 0px;  list-style-type:  none; } .optbar-type-1 ul.options:after {  clear:  both;  content: " ";  display: block;  font-size: 0;  height: 0;  visibility:   hidden;  } .optbar-type-1 ul.options > li { position: relative; float:  left; height: 24px; margin:  0px; border:  0px; padding: 5px 10px; } .optbar-type-1 ul.options > li:after { display: block; content: " "; font-size: 1; position: absolute; right:  0px; top:  6px; bottom:  5px; width:  1px; background-image:  linear-gradient(top,#d0d0d0,#b7b7b7); background-image:  -o-linear-gradient(top,#d0d0d0,#b7b7b7); background-image:  -webkit-linear-gradient(top,#d0d0d0,#b7b7b7); background-image:  -moz-linear-gradient(top,#d0d0d0,#b7b7b7);   background-image:  -ms-linear-gradient(top,#d0d0d0,#b7b7b7);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#b7b7b7'); } .optbar-type-1 ul.options > li:last-child:after, .optbar-type-1 ul.options > li.last-item:after { display: none; } .optbar-type-1 ul.options > li > .checkbox-type-1 { margin-top: 6px; }  table.scrollable-data-table, table.scrollable-data-table table.scrollable-data-table-head, table.scrollable-data-table table.scrollable-data-table-body { width:  100%;  margin:  0px; border:  0px;   border-spacing:   0; } table.scrollable-data-table > thead > tr > td, table.scrollable-data-table > tbody > tr > td { border:  0px; padding: 0px; } table.scrollable-data-table, table.scrollable-data-table.style-1 { border-style:   solid; border-color:   #e5e5e5; border-width:   1px; } table.scrollable-data-table table.scrollable-data-table-head > thead > tr > td, table.scrollable-data-table table.scrollable-data-table-body > thead > tr > td, table.scrollable-data-table.style-1 table.scrollable-data-table-head > thead > tr > td, table.scrollable-data-table.style-1 table.scrollable-data-table-body > tbody > tr > td { border-bottom:   1px solid #e5e5e5; } table.scrollable-data-table table.scrollable-data-table-head, table.scrollable-data-table.style-1 table.scrollable-data-table-head { background-image:  linear-gradient(top,#fefefe,#e5e5e5); background-image:  -o-linear-gradient(top,#fefefe,#e5e5e5); background-image:  -webkit-linear-gradient(top,#fefefe,#e5e5e5); background-image:  -moz-linear-gradient(top,#fefefe,#e5e5e5);   background-image:  -ms-linear-gradient(top,#fefefe,#e5e5e5);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e5e5e5');  } table.scrollable-data-table table.scrollable-data-table-body > tbody > tr > td, table.scrollable-data-table.style-1 table.scrollable-data-table-body > tbody > tr > td { vertical-align:   middle; padding: 2px; } .checkbox-type-1.open-close-switch { border:  0px; } .checkbox-type-1.open-close-switch > .open-close-button { width:  14px; height:  14px; border:  0px; background-image:  url("icons/ICO_arrow_down.png"); background-repeat:  no-repeat; background-position: 50% 50%; } table.scrollable-data-table-body .main-record.open .checkbox-type-1.open-close-switch > .open-close-button { background-image:  url("icons/ICO_arrow_up.png"); } table.scrollable-data-table-body .main-record .checkbox-type-1.open-close-switch { cursor:  pointer; } table.scrollable-data-table-head td, table.scrollable-data-table-body td { padding: 2px; } table.scrollable-data-table-head td.sort-ascending, table.scrollable-data-table-head td.sort-descending { cursor:  pointer; } table.scrollable-data-table-head td.sort-ascending > *:first-child, table.scrollable-data-table-head td.sort-descending > *:first-child { margin-left:   0px; } table.scrollable-data-table-head td.sort-ascending:before, table.scrollable-data-table-head td.sort-descending:before { display: inline-block; content: " "; width:  10px; height:  10px; margin-left:   5px; margin-right:   5px; border:  0px solid red; background-repeat:  no-repeat; background-position: 50% 50%; } table.scrollable-data-table-head td.sort-ascending:before { background-image:  url("icons/ICO_arrow_up.png"); } table.scrollable-data-table-head td.sort-descending:before { background-image:  url("icons/ICO_arrow_down.png"); }  table.scrollable-data-table .scrollable-data-table-body-viewport { overflow-y: scroll; } table.scrollable-data-table-head > thead > tr > td > *:first-child, table.scrollable-data-table-body > tbody > tr > td > *:first-child { margin-left:   6px; } table.scrollable-data-table-body tr.sub-record td.col-1 > *:first-child { margin-left:   50px; } table.scrollable-data-table-body tr.marked { background-color:  #deeafb; } table.scrollable-data-table-body tr.selected { background-color:  #A3A3A3; color:  #ffffff;  }  table.scrollable-data-table-body tr.record-details > td { padding: 0px; background-color:  #deeafb;  } table.scrollable-data-table-body tr.record-details .record-details-panel { width:  100%; margin:  0px; } table.scrollable-data-table-body .record-details-panel .details-block { border-left:   1px solid #cccccc; } table.scrollable-data-table-body .record-details-panel .details-block:first-child { border-left:   0px; } table.scrollable-data-table-body .record-details-panel .details-block .container-cell { padding: 2px 2px 2px 6px; }  .container-row .container-cell.sortableRow.sort-ascending:before, .container-row .container-cell.sortableRow.sort-descending:before { display: inline-block; content: " "; width:  10px; height:  10px; margin-left:   5px; margin-right:   5px; border:  0px solid red; background-repeat:  no-repeat; background-position: 50% 50%; } .container-row .container-cell.sortableRow.sort-ascending:before { background-image:  url("icons/ICO_arrow_up.png"); } .container-row .container-cell.sortableRow.sort-descending:before { background-image:  url("icons/ICO_arrow_down.png"); }  .container-row .container-cell.sortableRow.sort-ascending-after:after, .container-row .container-cell.sortableRow.sort-descending-after:after { display: inline-block; content: " "; width:  10px; height:  10px; margin-left:   5px; border:  0px solid red; background-repeat:  no-repeat; background-position: 50% 50%; } .container-row .container-cell.sortableRow.sort-ascending-after:after { background-image:  url("icons/ICO_arrow_up.png"); } .container-row .container-cell.sortableRow.sort-descending-after:after { background-image:  url("icons/ICO_arrow_down.png"); }   .w005 { width:5px; } .w010 { width:10px; } .w015 { width:15px; } .w020 { width:20px; } .w025 { width:25px; } .w030 { width:30px; } .w035 { width:35px; } .w040 { width:40px; } .w045 { width:45px; } .w050 { width:50px; } .w055 { width:55px; } .w060 { width:60px; } .w065 { width:65px; } .w070 { width:70px; } .w075 { width:75px; } .w080 { width:80px; } .w085 { width:85px; } .w090 { width:90px; } .w095 { width:95px; } .w100 { width:100px; } .w105 { width:105px; } .w110 { width:110px; } .w115 { width:115px; } .w120 { width:120px; } .w125 { width:125px; } .w130 { width:130px; } .w135 { width:135px; } .w140 { width:140px; } .w145 { width:145px; } .w150 { width:150px; } .w155 { width:155px; } .w160 { width:160px; } .w165 { width:165px; } .w170 { width:170px; } .w175 { width:175px; } .w180 { width:180px; } .w185 { width:185px; } .w190 { width:190px; } .w195 { width:195px; } .w200 { width:200px; } .w205 { width:205px; } .w210 { width:210px; } .w215 { width:215px; } .w220 { width:220px; } .w225 { width:225px; } .w230 { width:230px; } .w235 { width:235px; } .w240 { width:240px; } .w245 { width:245px; } .w250 { width:250px; } .w255 { width:255px; } .w260 { width:260px; } .w265 { width:265px; } .w270 { width:270px; } .w275 { width:275px; } .w280 { width:280px; } .w285 { width:285px; } .w290 { width:290px; } .w295 { width:295px; } .w300 { width:300px; } .w305{ width:305px; } .w310 { width:310px; } .w315 { width:315px; } .w320 { width:320px; } .w325 { width:325px; } .w330 { width:330px; } .w335 { width:335px; } .w340 { width:340px; } .w350 { width:350px; } .w400 { width:400px; } .minW005 { min-width:5px; } .minW010 { min-width:10px; } .minW015 { min-width:15px; } .minW020 { min-width:20px; } .minW025 { min-width:25px; } .minW030 { min-width:30px; } .minW035 { min-width:35px; } .minW040 { min-width:40px; } .minW045 { min-width:45px; } .minW050 { min-width:50px; } .minW055 { min-width:55px; } .minW060 { min-width:60px; } .minW065 { min-width:65px; } .minW070 { min-width:70px; } .minW075 { min-width:75px; } .minW080 { min-width:80px; } .minW085 { min-width:85px; } .minW090 { min-width:90px; } .minW095 { min-width:95px; } .minW100 { min-width:100px; } .minW105 { min-width:105px; } .minW110 { min-width:110px; } .minW115 { min-width:115px; } .minW120 { min-width:120px; } .minW125 { min-width:125px; } .minW130 { min-width:130px; } .minW135 { min-width:135px; } .minW140 { min-width:140px; } .minW145 { min-width:145px; } .minW150 { min-width:150px; } .minW155 { min-width:155px; } .minW160 { min-width:160px; } .minW165 { min-width:165px; } .minW170 { min-width:170px; } .minW175 { min-width:175px; } .minW180 { min-width:180px; } .minW185 { min-width:185px; } .minW190 { min-width:190px; } .minW195 { min-width:195px; } .minW200 { min-width:200px; } .minW205 { min-width:205px; } .minW210 { min-width:210px; } .minW215 { min-width:215px; } .minW220 { min-width:220px; } .minW225 { min-width:225px; } .minW230 { min-width:230px; } .minW235 { min-width:235px; } .minW240 { min-width:240px; } .minW245 { min-width:245px; } .minW250 { min-width:250px; } .minW255 { min-width:255px; } .minW260 { min-width:260px; } .minW265 { min-width:265px; } .minW270 { min-width:270px; } .minW275 { min-width:275px; } .minW280 { min-width:280px; } .minW285 { min-width:285px; } .minW290 { min-width:290px; } .minW295 { min-width:295px; } .minW300 { min-width:300px; } .minW305{ min-width:305px; } .minW310 { min-width:310px; } .minW315 { min-width:315px; } .minW320 { min-width:320px; } .minW325 { min-width:325px; } .minW330 { min-width:330px; } .minW335 { min-width:335px; } .minW340 { min-width:340px; } .minW350 { min-width:350px; } .minW400 { min-width:400px; }  .w10percent { width:10%; } .w20Percent { width:20%; } .w25Percent { width:25%; } .w30Percent { width:30%; } .w40Percent { width:40%; } .w50Percent { width:50%; } .w60Percent { width:60%; } .w70Percent { width:70%; } .w80Percent { width:80%; } .w90Percent { width:90%; } .w100Percent { width:100%; } .mt00 { margin-top: 0px; } .mt01 { margin-top: 1px; } .mt02 { margin-top: 2px; } .mt03 { margin-top: 3px; } .mt04 { margin-top: 4px; } .mt05 { margin-top: 5px; } .mt06 { margin-top: 6px; } .mt07 { margin-top: 7px; } .mt08 { margin-top: 8px; } .mt09 { margin-top: 9px; } .mt10 { margin-top:10px; } .mt11 { margin-top:11px; } .mt12 { margin-top:12px; } .mt13 { margin-top:13px; } .mt14 { margin-top:14px; } .mt15 { margin-top:15px; } .mt16 { margin-top:16px; } .mt17 { margin-top:17px; } .mt18 { margin-top:18px; } .mt19 { margin-top:19px; } .mt20 { margin-top:20px; } .mt21 { margin-top:21px; } .mt22 { margin-top:22px; } .mt23 { margin-top:23px; } .mt24 { margin-top:24px; } .mt25 { margin-top:25px; } .mt26 { margin-top:26px; } .mt27 { margin-top:27px; } .mt28 { margin-top:28px; } .mt29 { margin-top:29px; } .mt30 { margin-top:30px; } .mt31 { margin-top:31px; } .mt32 { margin-top:32px; } .mt33 { margin-top:33px; } .mt34 { margin-top:34px; } .mt35 { margin-top:35px; } .mt36 { margin-top:36px; } .mt37 { margin-top:37px; } .mt38 { margin-top:38px; } .mt39 { margin-top:39px; } .mt40 { margin-top:40px; } .mr00 { margin-right: 0px; } .mr01 { margin-right: 1px; } .mr02 { margin-right: 2px; } .mr03 { margin-right: 3px; } .mr04 { margin-right: 4px; } .mr05 { margin-right: 5px; } .mr06 { margin-right: 6px; } .mr07 { margin-right: 7px; } .mr08 { margin-right: 8px; } .mr09 { margin-right: 9px; } .mr10 { margin-right:10px; } .mr11 { margin-right:11px; } .mr12 { margin-right:12px; } .mr13 { margin-right:13px; } .mr14 { margin-right:14px; } .mr15 { margin-right:15px; } .mr16 { margin-right:16px; } .mr17 { margin-right:17px; } .mr18 { margin-right:18px; } .mr19 { margin-right:19px; } .mr20 { margin-right:20px; } .mr21 { margin-right:21px; } .mr22 { margin-right:22px; } .mr23 { margin-right:23px; } .mr24 { margin-right:24px; } .mr25 { margin-right:25px; } .mr26 { margin-right:26px; } .mr27 { margin-right:27px; } .mr28 { margin-right:28px; } .mr29 { margin-right:29px; } .mr30 { margin-right:30px; } .mr31 { margin-right:31px; } .mr32 { margin-right:32px; } .mr33 { margin-right:33px; } .mr34 { margin-right:34px; } .mr35 { margin-right:35px; } .mr36 { margin-right:36px; } .mr37 { margin-right:37px; } .mr38 { margin-right:38px; } .mr39 { margin-right:39px; } .mr40 { margin-right:40px; } .mb00 { margin-bottom: 0px; } .mb01 { margin-bottom: 1px; } .mb02 { margin-bottom: 2px; } .mb03 { margin-bottom: 3px; } .mb04 { margin-bottom: 4px; } .mb05 { margin-bottom: 5px; } .mb06 { margin-bottom: 6px; } .mb07 { margin-bottom: 7px; } .mb08 { margin-bottom: 8px; } .mb09 { margin-bottom: 9px; } .mb10 { margin-bottom:10px; } .mb11 { margin-bottom:11px; } .mb12 { margin-bottom:12px; } .mb13 { margin-bottom:13px; } .mb14 { margin-bottom:14px; } .mb15 { margin-bottom:15px; } .mb16 { margin-bottom:16px; } .mb17 { margin-bottom:17px; } .mb18 { margin-bottom:18px; } .mb19 { margin-bottom:19px; } .mb20 { margin-bottom:20px; } .mb21 { margin-bottom:21px; } .mb22 { margin-bottom:22px; } .mb23 { margin-bottom:23px; } .mb24 { margin-bottom:24px; } .mb25 { margin-bottom:25px; } .mb26 { margin-bottom:26px; } .mb27 { margin-bottom:27px; } .mb28 { margin-bottom:28px; } .mb29 { margin-bottom:29px; } .mb30 { margin-bottom:30px; } .mb31 { margin-bottom:31px; } .mb32 { margin-bottom:32px; } .mb33 { margin-bottom:33px; } .mb34 { margin-bottom:34px; } .mb35 { margin-bottom:35px; } .mb36 { margin-bottom:36px; } .mb37 { margin-bottom:37px; } .mb38 { margin-bottom:38px; } .mb39 { margin-bottom:39px; } .mb40 { margin-bottom:40px; } .ml00 { margin-left: 0px; } .ml01 { margin-left: 1px; } .ml02 { margin-left: 2px; } .ml03 { margin-left: 3px; } .ml04 { margin-left: 4px; } .ml05 { margin-left: 5px; } .ml06 { margin-left: 6px; } .ml07 { margin-left: 7px; } .ml08 { margin-left: 8px; } .ml09 { margin-left: 9px; } .ml10 { margin-left:10px; } .ml11 { margin-left:11px; } .ml12 { margin-left:12px; } .ml13 { margin-left:13px; } .ml14 { margin-left:14px; } .ml15 { margin-left:15px; } .ml16 { margin-left:16px; } .ml17 { margin-left:17px; } .ml18 { margin-left:18px; } .ml19 { margin-left:19px; } .ml20 { margin-left:20px; } .ml21 { margin-left:21px; } .ml22 { margin-left:22px; } .ml23 { margin-left:23px; } .ml24 { margin-left:24px; } .ml25 { margin-left:25px; } .ml26 { margin-left:26px; } .ml27 { margin-left:27px; } .ml28 { margin-left:28px; } .ml29 { margin-left:29px; } .ml30 { margin-left:30px; } .ml31 { margin-left:31px; } .ml32 { margin-left:32px; } .ml33 { margin-left:33px; } .ml34 { margin-left:34px; } .ml35 { margin-left:35px; } .ml36 { margin-left:36px; } .ml37 { margin-left:37px; } .ml38 { margin-left:38px; } .ml39 { margin-left:39px; } .ml40 { margin-left:40px; }  .pl00 { padding-left: 0px; } .pl01 { padding-left: 1px; } .pl02 { padding-left: 2px; } .pl03 { padding-left: 3px; } .pl04 { padding-left: 4px; } .pl05 { padding-left: 5px; } .pl06 { padding-left: 6px; } .pl07 { padding-left: 7px; } .pl08 { padding-left: 8px; } .pl09 { padding-left: 9px; } .pl10 { padding-left:10px; } .pl11 { padding-left:11px; } .pl12 { padding-left:12px; } .pl13 { padding-left:13px; } .pl14 { padding-left:14px; } .pl15 { padding-left:15px; } .pl16 { padding-left:16px; } .pl17 { padding-left:17px; } .pl18 { padding-left:18px; } .pl19 { padding-left:19px; } .pl20 { padding-left:20px; } .pl21 { padding-left:21px; } .pl22 { padding-left:22px; } .pl23 { padding-left:23px; } .pl24 { padding-left:24px; } .pl25 { padding-left:25px; } .pl26 { padding-left:26px; } .pl27 { padding-left:27px; } .pl28 { padding-left:28px; } .pl29 { padding-left:29px; } .pl30 { padding-left:30px; } .pl31 { padding-left:31px; } .pl32 { padding-left:32px; } .pl33 { padding-left:33px; } .pl34 { padding-left:34px; } .pl35 { padding-left:35px; } .pl36 { padding-left:36px; } .pl37 { padding-left:37px; } .pl38 { padding-left:38px; } .pl39 { padding-left:39px; } .pl40 { padding-left:40px; } .pr00 { padding-right: 0px; } .pr01 { padding-right: 1px; } .pr02 { padding-right: 2px; } .pr03 { padding-right: 3px; } .pr04 { padding-right: 4px; } .pr05 { padding-right: 5px; } .pr06 { padding-right: 6px; } .pr07 { padding-right: 7px; } .pr08 { padding-right: 8px; } .pr09 { padding-right: 9px; } .pr10 { padding-right:10px; } .pr11 { padding-right:11px; } .pr12 { padding-right:12px; } .pr13 { padding-right:13px; } .pr14 { padding-right:14px; } .pr15 { padding-right:15px; } .pr16 { padding-right:16px; } .pr17 { padding-right:17px; } .pr18 { padding-right:18px; } .pr19 { padding-right:19px; } .pr20 { padding-right:20px; } .pr21 { padding-right:21px; } .pr22 { padding-right:22px; } .pr23 { padding-right:23px; } .pr24 { padding-right:24px; } .pr25 { padding-right:25px; } .pr26 { padding-right:26px; } .pr27 { padding-right:27px; } .pr28 { padding-right:28px; } .pr29 { padding-right:29px; } .pr30 { padding-right:30px; } .pr31 { padding-right:31px; } .pr32 { padding-right:32px; } .pr33 { padding-right:33px; } .pr34 { padding-right:34px; } .pr35 { padding-right:35px; } .pr36 { padding-right:36px; } .pr37 { padding-right:37px; } .pr38 { padding-right:38px; } .pr39 { padding-right:39px; } .pr40 { padding-right:40px; } .pt00{ padding-top: 0px; } .pt01 { padding-top: 1px; } .pt02 { padding-top: 2px; } .pt03 { padding-top: 3px; } .pt04 { padding-top: 4px; } .pt05 { padding-top: 5px; } .pt06 { padding-top: 6px; } .pt07 { padding-top: 7px; } .pt08 { padding-top: 8px; } .pt09 { padding-top: 9px; } .pt10 { padding-top:10px; } .pt11 { padding-top:11px; } .pt12 { padding-top:12px; } .pt13 { padding-top:13px; } .pt14 { padding-top:14px; } .pt15 { padding-top:15px; } .pt16 { padding-top:16px; } .pt17 { padding-top:17px; } .pt18 { padding-top:18px; } .pt19 { padding-top:19px; } .pt20 { padding-top:20px; } .pt21 { padding-top:21px; } .pt22 { padding-top:22px; } .pt23 { padding-top:23px; } .pt24 { padding-top:24px; } .pt25 { padding-top:25px; } .pt26 { padding-top:26px; } .pt27 { padding-top:27px; } .pt28 { padding-top:28px; } .pt29 { padding-top:29px; } .pt30 { padding-top:30px; } .pt31 { padding-top:31px; } .pt32 { padding-top:32px; } .pt33 { padding-top:33px; } .pt34 { padding-top:34px; } .pt35 { padding-top:35px; } .pt36 { padding-top:36px; } .pt37 { padding-top:37px; } .pt38 { padding-top:38px; } .pt39 { padding-top:39px; } .pt40 { padding-top:40px; } .pb00 { padding-bottom: 0px; } .pb01 { padding-bottom: 1px; } .pb02 { padding-bottom: 2px; } .pb03 { padding-bottom: 3px; } .pb04 { padding-bottom: 4px; } .pb05 { padding-bottom: 5px; } .pb06 { padding-bottom: 6px; } .pb07 { padding-bottom: 7px; } .pb08 { padding-bottom: 8px; } .pb09 { padding-bottom: 9px; } .pb10 { padding-bottom:10px; } .pb11 { padding-bottom:11px; } .pb12 { padding-bottom:12px; } .pb13 { padding-bottom:13px; } .pb14 { padding-bottom:14px; } .pb15 { padding-bottom:15px; } .pb16 { padding-bottom:16px; } .pb17 { padding-bottom:17px; } .pb18 { padding-bottom:18px; } .pb19 { padding-bottom:19px; } .pb20 { padding-bottom:20px; } .pb21 { padding-bottom:21px; } .pb22 { padding-bottom:22px; } .pb23 { padding-bottom:23px; } .pb24 { padding-bottom:24px; } .pb25 { padding-bottom:25px; } .pb26 { padding-bottom:26px; } .pb27 { padding-bottom:27px; } .pb28 { padding-bottom:28px; } .pb29 { padding-bottom:29px; } .pb30 { padding-bottom:30px; } .pb31 { padding-bottom:31px; } .pb32 { padding-bottom:32px; } .pb33 { padding-bottom:33px; } .pb34 { padding-bottom:34px; } .pb35 { padding-bottom:35px; } .pb36 { padding-bottom:36px; } .pb37 { padding-bottom:37px; } .pb38 { padding-bottom:38px; } .pb39 { padding-bottom:39px; } .pb40 { padding-bottom:40px; }  .inputs200px input:not([type="radio"]):not([type="checkbox"]), .inputs200px select {  width:200px;  -moz-box-sizing:border-box; box-sizing:border-box; } .inputs250px input:not([type="radio"]):not([type="checkbox"]), .inputs250px select {  width:250px;  -moz-box-sizing:border-box; box-sizing:border-box; } .inputs300px input:not([type="radio"]):not([type="checkbox"]), .inputs300px select {  width:300px; -moz-box-sizing:border-box; box-sizing: border-box; } .noWrap{ white-space:nowrap; }  .noCapitalize{ text-transform:none; } .txtCapitalize{ text-transform:capitalize; } .clTxtUnderline{ text-decoration:underline; } .noSelect {  -webkit-touch-callout:none;   -webkit-user-select:none; -khtml-user-select:none;  -moz-user-select:none;  -ms-user-select:none; user-select:none; }  .container-table > .container-row > .container-cell.formCell { border-top:8px solid transparent; } .container-table.formLayout > .container-row:not(:first-child) .container-cell { border-top:8px solid transparent; } .formCellImportant { border-top:8px solid transparent !important; }   .popup-dialog { display: none; border-radius:   8px; box-shadow:   0px 2px 2px 1px #888888; background: #ffffff; } .popup-dialog .ui-widget-content { background: inherit; } .popup-dialog > .ui-dialog-titlebar { } .popup-dialog > .ui-dialog-titlebar > .ui-dialog-title { visibility: hidden; } .popup-dialog > .ui-widget-header { border-width:   0px 0px 1px 0px; border-radius:   0;  background-image:  none; background-color:  transparent; } .popup-dialog > .ui-widget-header .ui-dialog-titlebar-close .ui-icon { background-image:  url("ui-lightness/images/ui-icons_222222_256x240.png"); } .popup-dialog > .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background:   none; border:  1px solid #222222; } .popup-dialog > .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover .ui-icon, .popup-dialog > .ui-widget-header .ui-dialog-titlebar-close.ui-state-focus .ui-icon { background-image:  url("ui-lightness/images/ui-icons_222222_256x240.png"); } .popup-dialog > .ui-dialog-content { padding: 25px 30px 0px 82px; } .popup-dialog > .ui-dialog-content:before { content: " "; font-size: 0; position: absolute;  left:  30px; top:  25px; bottom:  0px; width:  32px; height:  32px; background-repeat:  no-repeat; } .popup-dialog > .ui-dialog-content:after { content: " "; font-size: 0; position: absolute;  left:  30px; right:  30px; bottom:  0px; height:  1px; background-color:  #e5e5e5; } .popup-dialog.popup-dialog-type-normal > .ui-dialog-content:before { background-image:  url("icons/ICO_popup_dialog_normal.png"); } .popup-dialog.popup-dialog-type-normal > .ui-widget-header { border-color:   #404040;   } .popup-dialog.popup-dialog-type-warning > .ui-dialog-content:before { background-image:  url("icons/ICO_popup_dialog_warning.png"); } .popup-dialog.popup-dialog-type-warning > .ui-widget-header { border-color:   #ffc600; } .popup-dialog.popup-dialog-type-error > .ui-dialog-content:before { background-image:  url("icons/ICO_popup_dialog_error.png"); } .popup-dialog.popup-dialog-type-error > .ui-widget-header { border-color:   #fb0000; } .popup-dialog > .ui-dialog-content { font-family:   Arial; font-size: 12pt; color: #424242; } .popup-dialog > .ui-dialog-content > h1, .popup-dialog > .ui-dialog-content .popupDlgHeadRow h1 { margin: 0px 0px 0px 0px; font-family:   Arial; font-size: 14pt; color:  #404040; } .popup-dialog > .ui-dialog-content > p { margin: 0px 0px 0px 0px; } .popup-dialog > .ui-dialog-buttonpane { padding: 0px 30px 0px 30px; border-top: 1px solid transparent; } .popup-dialog > .ui-dialog-buttonpane > .ui-dialog-buttonset { margin-top: 2px; margin-bottom:   5px; } .popup-dialog > .ui-dialog-buttonpane .ui-button:last-child, .popup-dialog > .ui-dialog-buttonpane .ui-button.last-item { margin-right:   0px; }  .ui-dialog .container-cell.clRightSpaceDlg { vertical-align:middle; }  .popup-dialog-page.ui-dialog .ui-dialog-buttonpane , .popup-dialog.ui-dialog .ui-dialog-buttonpane{   text-align:center; } .popup-dialog-page.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset , .popup-dialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{   float:none; } .popup-dialog .ui-dialog-buttonset .ui-button { float:left; } .popup-dialog .ui-dialog-buttonset .ui-button:last-child { float:right; }  .popup-dialog-page.ui-dialog{ overflow:visible; }   .ui-tooltip{  font-size:0.7rem;  background:#fff; }  .ui-tooltip.ui-widget-shadow{  -webkit-box-shadow:0px 0px 10px 2px #CCCCCC;  -moz-box-shadow:0px 0px 10px 2px #CCCCCC;  box-shadow:0px 0px 10px 2px #CCCCCC; }  .ui-tooltip.ui-widget.ui-widget-content{  border:1px solid #CCCCCC; }   .ui-tooltip-content::after {  content:'';  position:absolute;  display:block;  width:0; }   .leftArrowCenter .ui-tooltip-content::after {  border-style:solid;  top:calc(50% - 8px);  left:-8px;  border-color:transparent #000;  border-width:8px 8px 8px 0; }  .rightArrowCenter .ui-tooltip-content::after {  border-style:solid;  top:calc(50% - 8px);  right:-8px;  border-color:transparent #000;  border-width:8px 0 8px 8px; }  .leftArrowCenter.default .ui-tooltip-content::after, .rightArrowCenter.default .ui-tooltip-content::after {  border-color:transparent #CCCCCC; } .leftArrowCenter.disabled .ui-tooltip-content::after, .rightArrowCenter.disabled .ui-tooltip-content::after {  border-color:transparent #CCCCCC; } .leftArrowCenter.warning .ui-tooltip-content::after, .rightArrowCenter.warning .ui-tooltip-content::after {  border-color:transparent #CCCCCC; } .leftArrowCenter.error .ui-tooltip-content::after, .rightArrowCenter.error .ui-tooltip-content::after {  border-color:transparent #CCCCCC; } .leftArrowCenter.critical .ui-tooltip-content::after, .rightArrowCenter.critical .ui-tooltip-content::after {  border-color:transparent #CCCCCC; } .leftArrowCenter.good .ui-tooltip-content::after, .rightArrowCenter.good .ui-tooltip-content::after {  border-color:transparent #CCCCCC; } .leftArrowCenter.free .ui-tooltip-content::after, .rightArrowCenter.free .ui-tooltip-content::after {  border-color:transparent #CCCCCC; }   .topArrowCenter .ui-tooltip-content::after {  border-style:solid;  border-color:#000 transparent;  top:-8px;  left:calc( ( 100% / 2 ) - 8px );  border-width:0 8px 8px; }  .bottomArrowCenter .ui-tooltip-content::after {  border-style:solid;  border-color:#000 transparent;  bottom:-8px;  left:calc( ( 100% / 2 ) - 8px );   border-width:8px 8px 0;   }  .topArrowCenter.default .ui-tooltip-content::after, .bottomArrowCenter.default .ui-tooltip-content::after{  border-color:#CCCCCC transparent; } .topArrowCenter.disabled .ui-tooltip-content::after, .bottomArrowCenter.disabled .ui-tooltip-content::after{  border-color:#CCCCCC transparent; } .topArrowCenter.warning .ui-tooltip-content::after, .bottomArrowCenter.warning .ui-tooltip-content::after{  border-color:#CCCCCC transparent; } .topArrowCenter.error .ui-tooltip-content::after, .bottomArrowCenter.error .ui-tooltip-content::after{  border-color:#CCCCCC transparent; } .topArrowCenter.critical .ui-tooltip-content::after, .bottomArrowCenter.critical .ui-tooltip-content::after{  border-color:#CCCCCC transparent; } .topArrowCenter.good .ui-tooltip-content::after, .bottomArrowCenter.good .ui-tooltip-content::after{  border-color:#CCCCCC transparent; } .topArrowCenter.free .ui-tooltip-content::after, .bottomArrowCenter.free .ui-tooltip-content::after{  border-color:#CCCCCC transparent; }   .dashboard .wizard { display: none; position: absolute; top:  30px; right:  30px; bottom:  30px; left:  30px; margin:auto; z-index: 10;  border:  4px solid #999; border-radius:   4px; box-shadow: 0px 3px 10px 0px #000; background: #fff; font-family:   Arial; font-weight:   normal; font-style: normal;  } .dashboard.ocp-device .wizard { top:  0; right:  0; bottom:  0; left:  0; border:  0; border-radius:   0; box-shadow: none; } .dashboard .wizard > .wizard-body { display: block; position: relative; width:  100%; height:  100%; } .dashboard .wizard .wizard-sidebar { position: absolute; top:  0; bottom: 0; width:  280px; border: 0; padding: 30px 15px 10px 15px; color:  #fff; background-color:  #000;  background-position: 0 0; background-repeat:  no-repeat;   background-image: -moz-linear-gradient(center top , #000000, #555555); background-image:  linear-gradient(top,#000000,#555555); background-image:  -o-linear-gradient(top,#000000,#555555); background-image:  -webkit-linear-gradient(top,#000000,#555555); background-image:  -ms-linear-gradient(top,#000000,#555555);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#555555');  } .dashboard.ocp-device .wizard .wizard-sidebar { width:  230px; padding: 15px 10px 5px 10px; background-position: -15px -15px; } .dashboard .wizard .wizard-sidebar > .logo { position: relative; top:  -6px; left:  -6px;  height:  50px; background: url("icons/LGO_2.png") no-repeat; } .dashboard.ocp-device .wizard .wizard-sidebar > .logo { top:  0; left:  0; width:  45px; height:  19px; background: url("icons/LGO.png") no-repeat; } .dashboard .wizard .wizard-sidebar > h1 { font-size: 15px; } .dashboard.ocp-device .wizard .wizard-sidebar > h1 { font-size: 12px; } .dashboard .wizard .wizard-sidebar > h2 { font-size: 12px; } .dashboard.ocp-device .wizard .wizard-sidebar > h2 { font-size: 10px; } .dashboard .wizard .wizard-sidebar > .steppanel { margin-top: 30px; } .dashboard.ocp-device .wizard .wizard-sidebar > .steppanel { margin-top: 10px; } .dashboard .wizard .wizard-sidebar ul.steptree { list-style-type:  none; margin:  0px 0px 0px 0px; border:  0px; padding: 0px; font-size: 14px; line-height:   26px; } .dashboard.ocp-device .wizard .wizard-sidebar ul.steptree { font-size: 12px; line-height:   20px; } .dashboard .wizard .wizard-sidebar ul.steptree > li.item { margin-left:   12px;  } .dashboard.ocp-device .wizard .wizard-sidebar ul.steptree > li.item { margin-left:   6px; } .dashboard .wizard .wizard-sidebar ul.steptree.level-1 > li.item { margin-left:   0px; }  .dashboard .wizard .wizard-sidebar ul.steptree > li.item > .label { display: block; margin: 0px; border: 0px;  padding: 0px 0px 0px 10px; background-repeat:  no-repeat; background-position: 0px 9px; } .dashboard.ocp-device .wizard .wizard-sidebar ul.steptree > li.item > .label { background-position: 0px 6px;  padding: 0px 0px 0px 8px; } .dashboard .wizard .wizard-sidebar ul.steptree > li.item.selected > .label { color:  #7ebdff; background-image:  url("icons/ICO_arrow_wizard.png"); } .dashboard .wizard .wizard-content { position: absolute; top:  0; right:  0; bottom:  0; left:  310px; border: 0px solid blue; padding: 30px 28px 10px 28px; color:  #404040; background: #fff;  font-size: 12px; line-height:   18px; } .dashboard.ocp-device .wizard .wizard-content { left:  250px;  padding: 15px 14px 5px 14px; font-size: 12px; line-height:   16px; } .dashboard .wizard .wizard-content > h1 { font-size: 18px; font-weight:   bold; } .dashboard.ocp-device .wizard .wizard-content > h1 { font-size: 14px;  line-height:   14px; } .dashboard .wizard .wizard-content > h2 { font-size: 14px; font-weight:   bold; } .dashboard.ocp-device .wizard .wizard-content > h2 { font-size: 12px;  } .dashboard .wizard .wizard-content > h1, .dashboard .wizard .wizard-content > h2 { margin-top: 0px; margin-bottom:   14px; } .dashboard.ocp-device .wizard .wizard-content > h1, .dashboard.ocp-device .wizard .wizard-content > h2 { margin-top: 0px; margin-bottom:   8px; } .dashboard .wizard .wizard-content > .button-pane { position: absolute; top:  auto; right:  0; bottom: 0;  left:  0; padding: 0px 28px 10px 28px;  text-align: right; } .dashboard.ocp-device .wizard .wizard-content > .button-pane { padding: 0px 14px 5px 14px; } .dashboard .wizard .wizard-content > .button-pane:before { content: " "; font-size: 0; display: block; height:  1px; background: #e5e5e5; margin-bottom:   10px; } .dashboard.ocp-device .wizard .wizard-content > .button-pane:before { margin-bottom:   5px; } .dashboard .wizard .wizard-content > .button-pane > .button-type-2 , .dashboard .wizard .wizard-content > .button-pane > .button-type-wiz{ margin-right:   10px; } .dashboard.ocp-device .wizard .wizard-content > .button-pane > .button-type-2, .dashboard.ocp-device .wizard .wizard-content > .button-pane > .button-type-wiz { margin-right:   5px; } .dashboard .wizard .wizard-content > .button-pane > .button-type-2:last-child, .dashboard .wizard .wizard-content > .button-pane > .button-type-2.last-item , .dashboard .wizard .wizard-content > .button-pane > .button-type-wiz:last-child, .dashboard .wizard .wizard-content > .button-pane > .button-type-wiz.last-item { margin-right:   0px; }  .form .form-field { display: inline-block; color:  black; background-color:  transparent; } .form .form-field > .fmInput { display: inline-block; float:  none; margin:  0px; border-top: 1px solid #aaaaaa; border-right:   1px solid #eeeeee; border-bottom:   1px solid #eeeeee; border-left:   1px solid #aaaaaa; border-radius:   4px; padding: 2px 2px 2px 2px; box-shadow: inset 1px 1px 1px 0px #aaaaaa;  background-image:  none;  width:  auto; } .form .form-field > .fmInput.fmInFocus { border:  1px solid #6fadff; } .form .form-field.printonly > .fmInput { border: 1px solid transparent;  box-shadow: none; } .form .form-field.disabled > .fmInput { border-color:   #eeeeee; color:  #cccccc; } .form .form-field > .fmInput > span { display: block; padding: 0px; background-image:  none; } .form .form-field > .fmInput > span > input[type="text"] { margin:  0px; border:  0px;  padding: 0px; color:  inherit; } .form .form-field > .fmInput > span > input[type="text"][disabled] { background-color:  transparent; } .form .form-field.printonly > .fmInput > span > input[type="text"] { background-color:  transparent; } .form .form-field.printonly > .fmInput > span > input[type="text"][disabled] { background-color:  transparent; color:  inherit; } .form .form-field > .fmCheckbox { } .form .form-field > .fmCheckbox.fmInFocus { } .form .form-field.disabled > .fmCheckbox { cursor:  default; } .form .form-field.printonly > .fmCheckbox {  cursor:  default; }  .form .form-field.printonly > .fmCheckbox, .form .form-field.printonly > .fmCheckbox:hover { background-position:left top; } .form .form-field > .fmSelect {  margin:  0px; border-top: 1px solid #aaaaaa; border-right:   1px solid #eeeeee; border-bottom:   1px solid #eeeeee; border-left:   1px solid #aaaaaa; border-radius:   4px; padding: 2px 2px 2px 2px; box-shadow: inset 1px 1px 1px 0px #aaaaaa;  width:  100%; background-color:  transparent; } .form .form-field > .fmSelect:after { content:  " "; font-size:  0; position:  absolute; top:   -1px; right:   -1px; bottom:   -1px; width:   20px; border-top:  1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-top-left-radius:  0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0px; background-color:   #ffffff; background-image:   url("icons/ICO_arrow_down.png"); background-repeat:   no-repeat; background-position:  50% 50%; cursor:   pointer;  } .form .form-field > .fmSelect.fmInFocus { border:  1px solid #6fadff; } .form .form-field.disabled > .fmSelect, .form .form-field.disabled > .fmSelect:after { border-color:   #eeeeee; color:  #cccccc;  cursor:  default; } .form .form-field.disabled > .fmSelect:after { border-color:   #dddddd;  } .form .form-field.printonly > .fmSelect, .form .form-field.printonly > .fmSelect:after { border: 1px solid transparent;  box-shadow: none;  cursor:  default; } .form .form-field.printonly > .fmSelect:after { display: none; } .form .form-field > .fmSelect > strong { background-image:  none; cursor:  inherit; } .form .form-field > .fmSelect > strong > span { background-image:  none; border: 0px; } .form .form-field > .fmSelect > strong > span > cite { padding: 0px; } .form .form-field > .fmSelect > ul { top:  20px; width:  auto; } .form .form-field > .fmSelect > ul > li { white-space:   nowrap; }  .form .form-field.textfield { height: 22px; margin-right:   10px; } .form .form-field.checkbox { } .form .form-field.checkbox:after {  content: " ";  font-size: 0;   display: block;  height: 0;  clear:  both;   visibility:   hidden;  } .form .form-field.checkbox > * { display: block; float:  left; } .form .form-field.checkbox > .label { margin:  4px 4px 4px 6px; } .form .form-field.checkbox > *[data-niceit-role="surrogate"] { display: none; } .form .form-field.selectfield { height: 22px; margin-right:   10px; } .form .form-field.selectfield > .fmSelect > ul { min-width: 100%; }  .ocp-content-body { } .ocp-content-body > hr { height:  1px; border:  0px; margin:  10px 0px; color:  #e5e5e5; background-color:  #e5e5e5; } .ocp-menu { padding: 0px; } .ocp-menu:after {  clear:  both;  content: " ";  font-size: 0;  display: block;  font-size: 0;  height: 0;  visibility:   hidden; } .ocp-menu-column { float:  left; } .ocp-menu > .ocp-menu-column:last-child, .ocp-menu > .ocp-menu-column.last-item { float:  right; } .ocp-menu-column .button-type-2 { display: block; width:  208px;  margin-bottom:   14px; } .ocp-menu-column .button-type-2:last-child, .ocp-menu-column .button-type-2.last-item { margin-bottom:   0px; } .ocp-content-body .button-type-2, .ocp-content-foot .button-type-2 { height:  42px; } .ocp-menu .button-type-2 .inner-button { height:  38px; padding: 1px 8px 1px 0px;  } .ocp-menu .button-type-2 .inner-button .label { margin-top: 12px; text-align:   right; font-size: 15px; line-height:   15px; font-weight:   bold; } .ocp-content-foot { position:  absolute; bottom:   10px; left:   10px; right:   10px; margin-top:  10px; border-top:  1px solid #e5e5e5; padding-top: 10px; } .ocp-content-foot:after { content:  " "; font-size:  0; height:   0; clear:   both; visibility:  hidden; } .ocp-content-foot > .ocp-breadcrumb { float:   left; } .ocp-content-foot > .ocp-buttonbar { float:   right; } .ocp-content-foot .button-type-2 { height:   42px; color:   #404040; } .ocp-content-foot .button-type-2 > .inner-button { height:   38px; padding:  1px 0px; } .ocp-content-foot .button-type-2 > .inner-button > .label { margin:   12px 14px; font-size:  15px; line-height: 15px; font-weight: bold; } .ocp-content-foot > .ocp-breadcrumb > .button-type-2, .ocp-content-foot > .ocp-breadcrumb > .button-type-2:hover { position:  relative; left:   0px; display:  block; float:   left;  border:   1px solid #c3c3c3;  border-radius: 4px 0px 0px 4px; background-image:   linear-gradient(top,#ffffff,#eeeeee); background-image:   -o-linear-gradient(top,#ffffff,#eeeeee); background-image:   -webkit-linear-gradient(top,#ffffff,#eeeeee); background-image:   -moz-linear-gradient(top,#ffffff,#eeeeee);   background-image:   -ms-linear-gradient(top,#ffffff,#eeeeee);  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');  } .ocp-content-foot > .ocp-breadcrumb > .button-type-2 .inner-button, .ocp-content-foot > .ocp-breadcrumb > .button-type-2:hover .inner-button { border:   1px solid transparent;  }  .ocp-content-foot > .ocp-breadcrumb > .button-type-2:first-child { left:   0px; } .ocp-content-foot > .ocp-breadcrumb > .button-type-2:last-child, .ocp-content-foot > .ocp-breadcrumb > .button-type-2:active { background-image:   linear-gradient(top,#c8c8c8,#ffffff); background-image:   -o-linear-gradient(top,#c8c8c8,#ffffff); background-image:   -webkit-linear-gradient(top,#c8c8c8,#ffffff); background-image:   -moz-linear-gradient(top,#c8c8c8,#ffffff);   background-image:   -ms-linear-gradient(top,#c8c8c8,#ffffff);  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#ffffff'); box-shadow:  inset 0px 1px 1px #808080; } .ocp-content-foot > .ocp-breadcrumb > .button-type-2 > .inner-button {  border-top-right-radius: 0; border-bottom-right-radius:0; } .ocp-content-foot > .ocp-breadcrumb > .button-type-2 > .inner-button > .label { margin-left: 34px;  margin-right: 0px; } .ocp-content-foot > .ocp-breadcrumb > .button-type-2:first-child > .inner-button > .label { margin-left: 14px; } .ocp-content-foot > .ocp-breadcrumb > .button-type-2:after, .ocp-content-foot > .ocp-breadcrumb > .button-type-2:active:after { content:  " "; font-size:  0; display:  block; position:  absolute; border:   0px; top:   -1px; right:   -29px; width:   31px; height:   44px; background-image:   url("icons/ICO_ocp_breadcrumb_arrow_normal.png"); background-repeat:   no-repeat; z-index:  1; } .ocp-content-foot > .ocp-breadcrumb > .button-type-2:last-child:after, .ocp-content-foot > .ocp-breadcrumb > .button-type-2:active:after { background-image:   url("icons/ICO_ocp_breadcrumb_arrow_selected.png"); }  .dashboard.ocp-device .form .field-panel > .container-table > .container-row > .container-cell > .label { display:  block; } .dashboard.ocp-device .form .form-field > .fmInput > span > input[type="text"] { height:   34px; font-size:  16px; line-height: 16px; text-indent: 10px; } .dashboard.ocp-device .form .form-field.printonly > .fmInput { border-left: 0px; padding-left: 0px; } .dashboard.ocp-device .form .form-field.printonly > .fmInput > span > input[type="text"] { text-indent: 0px; } .dashboard.ocp-device .form .form-field > .fmCheckbox { margin:   0px; } .dashboard.ocp-device .form .form-field > .fmCheckbox > .inpbutton-type-1 { width:   40px; height:   40px; } .dashboard.ocp-device .form .form-field > .fmCheckbox > .inpbutton-type-1 .inner-button { width:   38px; height:   38px; padding:  0px;   background-position:  50% 50%; background-repeat:   no-repeat; background-image:   url("icons/ICO_ocp_cb_unchecked.png"); } .dashboard.ocp-device .form .form-field > .fmCheckbox > .inpbutton-type-1.disabled .inner-button { background-image:   url("icons/ICO_ocp_cb_unchecked_disabled.png"); } .dashboard.ocp-device .form .form-field > .fmCheckbox.checked > .inpbutton-type-1 .inner-button { background-image:   url("icons/ICO_ocp_cb_checked.png"); } .dashboard.ocp-device .form .form-field > .fmCheckbox.checked > .inpbutton-type-1.disabled .inner-button { background-image:   url("icons/ICO_ocp_cb_checked_disabled.png"); } .dashboard.ocp-device .form .form-field > .fmSelect { height:   34px; } .dashboard.ocp-device .form .form-field.printonly > .fmSelect { border-left: 0px; padding-left: 0px; } .dashboard.ocp-device .form .form-field > .fmSelect > strong { height:   100%;   } .dashboard.ocp-device .form .form-field > .fmSelect > strong > span { height:   100%; } .dashboard.ocp-device .form .form-field > .fmSelect > strong > span > cite { height:   100%; padding:  9px 0px; font-size:  16px; line-height: 16px; text-indent: 10px; } .dashboard.ocp-device .form .form-field.printonly > .fmSelect > strong > span > cite { text-indent: 0px;  } .dashboard.ocp-device .form .form-field > .fmSelect > ul { top:   38px; } .dashboard.ocp-device .form .form-field.textfield { height:  40px; margin-right: 40px; } .dashboard.ocp-device .form .form-field.checkbox { white-space: nowrap; } .dashboard.ocp-device .form .form-field.checkbox > .label { margin:  10px; } .dashboard.ocp-device .form .form-field.selectfield { height:  40px; margin-right: 40px; }  .dashboard.ocp-device .form .static-field-section { } .dashboard.ocp-device .form .expandable-field-section { background-color:   #E8E8E8; } .dashboard.ocp-device .form .expandable-field-section > .field-section-head { padding-left: 10px; padding-top: 8px; font-weight: normal; height:  25px; }  .dashboard.ocp-device .form .expandable-field-section { font-size:16px; } .dashboard.ocp-device .container-table > .container-row > .container-cell { vertical-align:middle; } .module-drive-table .table-row .table-cell, .module-info-table .table-row .drive-usage-rate-bar, .module-info-table .table-row .slots-usage-rate-bar { cursor:pointer; } .none-scrolling-table { border-color:#E5E5E5; border-style:solid; border-width:1px; margin:10px 0px 0px 0px; padding:0; width:100% } .none-scrolling-table > thead { background-image:  linear-gradient(top,#fefefe,#e5e5e5); background-image:  -o-linear-gradient(top,#fefefe,#e5e5e5); background-image:  -webkit-linear-gradient(top,#fefefe,#e5e5e5); background-image:  -moz-linear-gradient(top,#fefefe,#e5e5e5);   background-image:  -ms-linear-gradient(top,#fefefe,#e5e5e5);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e5e5e5');  color:#404040; font-size:12px; font-weight:bold; line-height:18px; padding:2px; text-align:left; } .none-scrolling-table > thead > tr > th, .none-scrolling-table > thead > tr > td { padding:2px; border-bottom:1px solid #E5E5E5; } .none-scrolling-table > tbody { color:#404040; font-size:12px; line-height:18px; } .none-scrolling-table > tbody > tr > td { border-bottom:1px solid #E5E5E5; padding:2px; }   .progressBar{ height:20px;  -moz-border-radius-topright:0px !important; -webkit-border-top-right-radius: 0px !important;  -khtml-border-top-right-radius: 0px !important; border-top-right-radius: 0px !important;   -moz-border-radius-bottomright: 0px !important;  -webkit-border-bottom-right-radius: 0px !important;  -khtml-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important;  -moz-border-radius-bottomleft: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -khtml-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important;  -moz-border-radius-topleft: 0px !important; -webkit-border-top-left-radius: 0px !important;  -khtml-border-top-left-radius: 0px !important; border-top-left-radius: 0px !important; position:relative; } .progressBar .ui-corner-all, .progressBar .ui-corner-top, .progressBar .ui-corner-left, .progressBar .ui-corner-tl { -moz-border-radius-topleft:0px !important; -webkit-border-top-left-radius:0px !important; -khtml-border-top-left-radius:0px !important; border-top-left-radius:0px !important; } .progressBar .ui-corner-all, .progressBar .ui-corner-top, .progressBar .ui-corner-right, .progressBar .ui-corner-tr { -moz-border-radius-topright:0px !important; -webkit-border-top-right-radius:0px !important; -khtml-border-top-right-radius:0px !important; border-top-right-radius:0px !important; } .progressBar .ui-corner-all, .progressBar .ui-corner-bottom, .progressBar .ui-corner-left, .progressBar .ui-corner-bl { -moz-border-radius-bottomleft:0px !important; -webkit-border-bottom-left-radius:0px !important; -khtml-border-bottom-left-radius:0px !important; border-bottom-left-radius:0px !important; } .progressBar .ui-corner-all, .progressBar .ui-corner-bottom, .progressBar .ui-corner-right, .progressBar .ui-corner-br { -moz-border-radius-bottomright:0px !important; -webkit-border-bottom-right-radius:0px !important; -khtml-border-bottom-right-radius:0px !important; border-bottom-right-radius:0px !important; } .progressBar .ui-progressbar-value{ background-color:#B4F5B4 !important; } .progressBar .ui-widget-header{ background:none; background-color:#B4F5B4 !important; } .progressBar .progressLabel{ position:absolute; width:100%;  text-align:center; line-height:20px;  } .cursorHand { cursor:pointer; } .cursorHelp { cursor:help; }   .actionDropDownMenu { background-color:#efefef;  display:inline-block;  border:1px solid #a9a9a9; } .actionDropDownMenu ul {   list-style-type:none;   margin:0;   padding:0; z-index:100; } .actionDropDownMenu ul li {   display:inline-block;   position:relative; } .actionDropDownMenu ul li:hover { background-color:#c4dcf8; }  .actionDropDownMenu li ul {  background-color:#efefef;   position:absolute;   left:-1px;   top:21px;   min-width:200px;  white-space:nowrap; -webkit-box-shadow:10px 10px 20px -11px rgba(157,157,157,1); -moz-box-shadow:10px 10px 20px -11px rgba(157,157,157,1); box-shadow:10px 10px 20px -11px rgba(157,157,157,1); } .actionDropDownMenu li li {   position:relative;   margin:0;   display:block; } .actionDropDownMenu li li ul {   position:absolute;   top:0;   left:100%;   margin:0; }  .actionDropDownMenu a {   line-height:21px;   padding:0 12px 0 0;   margin:0 12px; font-weight:bold; } .actionDropDownMenu a {  color:#000;   text-decoration:none;   display:block; cursor:pointer; } .actionDropDownMenu a:hover, .actionDropDownMenu a:focus, .actionDropDownMenu a:active {   color:#000; }  .actionDropDownMenu li li a {   border-bottom:solid 1px #dddddd;   margin:0 10px;   padding:0; } .actionDropDownMenu li li:last-child a {   border-bottom:none; }  .actionDropDownMenu ul.submenu {   display:none; } .actionDropDownMenu ul.submenu.open {   display:block; }  .actionDropDownMenu li.dropdown > a {   background-image:url('icons/ICO_arrow_down.png');   background-position:right 8px;   background-repeat:no-repeat; } .actionDropDownMenu li li.dropdown > a {   background-image:url('icons/ICO_arrow_right.png');   background-position:right 6px;   background-repeat:no-repeat; }  .actionDropDownMenu li[action-disabled='TRUE'], .actionDropDownMenu li[action-disabled='TRUE']:hover, .actionDropDownMenu li[disabled], .actionDropDownMenu li[disabled]:hover { background-color:#e3e3e3; } .actionDropDownMenu li[action-disabled='TRUE'] a, .actionDropDownMenu li[disabled] a{ color:#b9b9b9; cursor:not-allowed; } .ActionSelectV2{ display:inline-block; } .actionDropDownMenu .actionDivider{ margin:5px 0 5px 0; } .clFormData.container-table > .container-row > .container-cell{ padding:2px 0; vertical-align:middle; }  .qr-code-svg-150{ width:150px; height:150px; } .h2LoginProductName{ margin:10px 0px 10px 4px; } .dashboard {   user-select:  auto; -webkit-user-select: auto;   -khtml-user-select: auto;   -moz-user-select:  auto;   -o-user-select:   auto;   -ms-user-select:   auto;  } .dashboard .wizard { z-index: 2001; } .dashboard .wizBack { display: none; position: fixed; z-index: 2000; width: 100%; height: 100%;  background-color:  #707070;  background:url("ui-lightness/images/ui-bg_diagonals-thick_50_aaaaaa_40x40.png") repeat scroll 50% 50% #666666; opacity: 0.45; filter: alpha(opacity=45); top:0; left:0; } .b { font-weight:   bold; }  .header > .label { font-weight:   bold; font-size: 14px; } #overlay {  -webkit-border-radius:10px;   -moz-border-radius:10px;   width:982px;   height:100%;   text-align:center;   line-height:50px;   background-color:transparent;   color:white;   position:absolute;   left:50%;   top:0px;   margin-left:-491px;   margin-top:-50px; } #overly table { border:0px !important; }  .module-drive-table .DriveNumOverlay { width:7px; height:8px; position:absolute;  background-color:#918e8d;  margin-left:2px; margin-top:5px; } .module-drive-table .DriveNumLogicalDIV { color:white; font-weight:bold; font-size:14px; } .dialog-background { background-image:-moz-linear-gradient(center top , #FFFFFF, #CCCCCC); background-image:  linear-gradient(top,#FFFFFF,#CCCCCC); background-image:  -o-linear-gradient(top,#FFFFFF,#CCCCCC); background-image:  -webkit-linear-gradient(top,#FFFFFF,#CCCCCC); background-image:  -ms-linear-gradient(top,#FFFFFF,#CCCCCC);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC'); } .dialog-table td>span { margin-left:20px; }   #homeLogoMainPage{ text-align:center; } .drive-usage-rate-bar .drive-usage-rate-item, .drive-usage-rate-bar .drive-usage-rate-item.normal { visibility: hidden; } .module-drive-table .table-cell { visibility :hidden; } .module.notready { background-image:  linear-gradient(top,#ffffff,#ffb9b9); background-image:  -o-linear-gradient(top,#ffffff,#ffb9b9); background-image:  -webkit-linear-gradient(top,#ffffff,#ffb9b9); background-image:  -moz-linear-gradient(top,#ffffff,#ffb9b9);   background-image:  -ms-linear-gradient(top,#ffffff,#ffb9b9);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffb9b9'); } .module.notready:hover { background-image:  linear-gradient(top,#ffdfdf,#ff8a8a); background-image:  -o-linear-gradient(top,#ffdfdf,#ff8a8a); background-image:  -webkit-linear-gradient(top,#ffdfdf,#ff8a8a); background-image:  -moz-linear-gradient(top,#ffdfdf,#ff8a8a);   background-image:  -ms-linear-gradient(top,#ffdfdf,#ff8a8a);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdf', endColorstr='#ff8a8a'); } .module.notpresent .module-title:before {   background-image:url("icons/ICO_error_inactive.png"); } .module.notpresent .module-title > .label {   color:#797979; } .module.notpresent .module-info-table .table-cell .label {   color:#A2A2A2; } .module.notpresent .module-drive-table .table-row .table-cell .drive-state-label { color:#A2A2A2; } .module.notready:active { background-image:  linear-gradient(top,#ffffff,#ffb9b9); background-image:  -o-linear-gradient(top,#ffffff,#ffb9b9); background-image:  -webkit-linear-gradient(top,#ffffff,#ffb9b9); background-image:  -moz-linear-gradient(top,#ffffff,#ffb9b9);   background-image:  -ms-linear-gradient(top,#ffffff,#ffb9b9);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffb9b9'); } .module.notpresent { background-image:  linear-gradient(top,#efefef,#cfcfcf); background-image:  -o-linear-gradient(top,#efefef,#cfcfcf); background-image:  -webkit-linear-gradient(top,#efefef,#cfcfcf); background-image:  -moz-linear-gradient(top,#efefef,#cfcfcf);   background-image:  -ms-linear-gradient(top,#efefef,#cfcfcf);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#cfcfcf'); } .module.notpresent:hover { background-image:  linear-gradient(top,#d3d3d3,#a8a8a8); background-image:  -o-linear-gradient(top,#d3d3d3,#a8a8a8); background-image:  -webkit-linear-gradient(top,#d3d3d3,#a8a8a8); background-image:  -moz-linear-gradient(top,#d3d3d3,#a8a8a8);   background-image:  -ms-linear-gradient(top,#d3d3d3,#a8a8a8);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#a8a8a8'); } .module.notpresent:active { background-image:  linear-gradient(top,#efefef,#cfcfcf); background-image:  -o-linear-gradient(top,#efefef,#cfcfcf); background-image:  -webkit-linear-gradient(top,#efefef,#cfcfcf); background-image:  -moz-linear-gradient(top,#efefef,#cfcfcf);   background-image:  -ms-linear-gradient(top,#efefef,#cfcfcf);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#cfcfcf'); } .button-type-1 .inner-button.icon-ok { background-image:  url("icons/ICO_OK_active.png"); padding: 2px 4px 1px 22px; } .button-type-1.disabled .inner-button.icon-ok { background-image:  url("icons/ICO_OK_inactive.png"); } .nav-horizontal-group ul.vbar-health-items li { position: relative; padding-left:   2px; padding-right:   8px; } .nav-horizontal-group ul.vbar-health-items li > .label { display: inline-block; margin:  2px 0px 2px 0px; } .OKicon {  background-image:  url("icons/ICO_bullet_green.png");  width:16px;  height:16px; } .WARNINGicon {  background-image:  url("icons/ICO_bullet_yellow.png");  width:16px;  height:16px; } .INACTIVEicon {  background-image:  url("icons/ICO_bullet_grey.png");  width:16px;  height:16px; } .INACTIVE{ color:grey !important; }   .optbutton-type-1.request, .optbutton-type-1.request:hover, .optbutton-type-1.request:focus, .optbutton-type-1.request:active { border:  1px solid #000000; color: #FFFFFF;  background-image:  linear-gradient(top,#0080FF,#0000FF); background-image:  -o-linear-gradient(top,#0080FF,#0000FF); background-image:  -webkit-linear-gradient(top,#0080FF,#0000FF); background-image:  -moz-linear-gradient(top,#0080FF,#0000FF);   background-image:  -ms-linear-gradient(top,#0080FF,#0000FF); filter:progid:DXImageTransform.Microsoft.gradient(top,startColorstr='#0080FF', endColorstr='#0000FF'); } .optbutton-type-1.request.disabled, .optbutton-type-1.request.disabled:hover, .optbutton-type-1.request.disabled:focus, .optbutton-type-1.request.disabled:active {   border:  1px solid #000000; color: #FFFFFF; background-image:  linear-gradient(top,#0080FF,#9FCFFF); background-image:  -o-linear-gradient(top,#0080FF,#9FCFFF); background-image:  -webkit-linear-gradient(top,#0080FF,#9FCFFF); background-image:  -moz-linear-gradient(top,#0080FF,#9FCFFF);   background-image:  -ms-linear-gradient(top,#0080FF,#9FCFFF);   filter:progid:DXImageTransform.Microsoft.gradient(top,startColorstr='#0080FF', endColorstr='#9FCFFF');  border:  1px solid #e5e5e5; cursor:  not-allowed; } .optbutton-type-1.selected { border:   1px solid #aecdf6;   background-image: linear-gradient(top,#ededed,#dfdfdf);   background-image:  -o-linear-gradient(top,#ededed,#dfdfdf);   background-image:  -webkit-linear-gradient(top,#ededed,#dfdfdf);   background-image:  -moz-linear-gradient(top,#ededed,#dfdfdf);  background-image:  -ms-linear-gradient(top,#ededed,#dfdfdf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');  } .WARNINGbuttonDrive{ width:16px; height:16px; background-image:url("icons/ICO_warning_active_module.png"); background-repeat:no-repeat; } .ERRORbuttonDrive{ width:16px; height:16px; background-image:url("icons/ICO_error_active_module.png"); background-repeat:no-repeat; } .OKbuttonDrive{ width:16px; height:16px; background-image:url("icons/ICO_OK_active.png"); background-repeat:no-repeat; } .OKbuttonDriveBullet{ width:16px; height:16px; background-image:url("icons/ICO_OK_bullet.png"); background-repeat:no-repeat; } .inlineIconWARNING{ width:16px; height:16px; background-image:url("icons/ICO_warning_active_module.png"); background-repeat:no-repeat; display:inline-block; vertical-align:middle; } .inlineIconERROR{ width:16px; height:16px; background-image:url("icons/ICO_error_active_module.png"); background-repeat:no-repeat; display:inline-block; vertical-align:middle; } .inlineIconOK{ width:16px; height:16px; background-image:url("icons/ICO_OK_active.png"); background-repeat:no-repeat; display:inline-block; vertical-align:middle; } .inlineIconUnknown{ width:16px; height:16px; background-image:url("icons/ICO_unknown.png"); background-repeat:no-repeat; display:inline-block; vertical-align:middle; }  .inlineIconSpinner{ width:16px; height:16px; background-image:url("icons/spinner/spinner_16_16.gif"); background-repeat:no-repeat; display:inline-block; vertical-align:middle; } .inlineRightArrowIcon2{ background-image: url("icons/ICO_arrow_right_2.png"); background-repeat:no-repeat; width:18px; height:12px; display:inline-block; vertical-align:middle; }  .dashboard .dashboard-head > .activity-status-navigation { padding-top:2px;   position: absolute;   left:375px; }  .activity-status-unknown, .activity-status-offline, .activity-status-initializing, .activity-status-inventory, .activity-status-move-media, .activity-status-configuring, .activity-status-ready, .activity-status-testing, .activity-status-upgrading {   }  .token-status-unknown, .token-status-no-token, .token-status-uninitialized, .token-status-not-logged-in, .token-status-logged-in, .token-status-backup-required { color:#404040;   width:100%;   float:left; } .robotic-status-unknown {  } .robotic-status-ready { text-align:left;   padding-left:20px;   background:url(icons/ICO_OK_active.png) no-repeat; } .unit-power-status-unknown, .unit-power-status-ok, .drive-power-status-unknown, .drive-power-status-ok, {   } .network-status-value, .library-status-value { font-weight:bold; } .host-info-panel p.label, .host-info-panel p.value {   margin: 2px 0px 5px 0px; } .host-info-panel p.label {   float:  left;   width:  65px;   clear:  left; } .infoIcon{ width:20px; height:20px; background:url(icons/ICO_popup_dialog_normal_blank.png) no-repeat;  background-position: center; } .maintenanceIcon{ width:20px; height:20px; background:url(icons/ICO_maintenance_blank.png) no-repeat;  background-position: center; } #userlogSub .infoIcon, #userlogSub .maintenanceIcon{ background-position: top center; }   #btnStackOk, #btnStackOk:hover,#btnStackOk:focus, #btnStackOk:active {   background-image:  linear-gradient(top,#7b7b7b,#555555) !important;  background-image:  -o-linear-gradient(top,#7b7b7b,#555555) !important;  background-image:  -webkit-linear-gradient(top,#7b7b7b,#555555) !important;  background-image:  -moz-linear-gradient(top,#7b7b7b,#555555) !important;   background-image:  -ms-linear-gradient(top,#7b7b7b,#555555) !important;  filter:   progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b7b7b', endColorstr='#555555') !important; border:0px solid transparent !important;  box-shadow:none !important; }  #btnStackOk .inner-button, #btnStackOk:active .inner-button:hover, #btnStackOk:focus .inner-button , #btnStackOk:hover .inner-button{  border: 0px solid transparent !important; } .operation-rescan-note { height:60px; padding-top:40px;  font-weight:bold; } .config-drive-cpf { height:60px; padding-top:40px;  font-weight:bold; }  .form .expandable-field-section > .field-section-head .open-close-space { display: block; content: " "; width: 9px; height: 6px; margin: 6px 10px 4px 0px; } .expandable-field-section.unitmag-head { background-color:  #f1f1f1; margin-bottom:   3px; } .expandable-field-section.unitmag-row { margin-bottom:   3px; } .expandable-field-section.unitmag-row button { height: 40px; }   .MagSection.unitmag-head { background-color:  #f1f1f1; margin-bottom:   3px; } .MagSection.unitmag-row { margin-bottom:   3px; padding-top:   3px; padding-bottom:   3px; border:1px solid #E6ECF2; } .MagSection.unitmag-row button { height: 40px; } .MagSection.unitmag-row .container-row { height:42px; } .MagSection.unitmag-row .inline-block{ display:inline-block; }  .tooltip { display:none; position:absolute; border:1px solid #F7F7F7; border-radius:5px;  background-color:#F4F4F4;   font-family:Arial; font-size:12px; padding:10px; }  .module-state-chart-stack {  position: relative; width:  578px; } .cartridge-tooltip-layer { display:  none; position:  fixed; z-index:  1000; background-color:   #f4f4f4; border-radius: 4px; padding:  11px 9px; font-size:  13px; line-height: 13px; box-shadow: 0px 2px 2px 1px #888888; } .cartridge-tooltip-layer .table-row > .table-cell { padding-bottom: 7px; } .cartridge-tooltip-layer .table-row:last-child > .table-cell { padding-bottom: 0px; } .cartridge-tooltip-layer .table-row > .table-cell { padding-right: 4px; } .cartridge-tooltip-layer .table-row > .table-cell:last-child { padding-right: 0px; } .module-state-chart {  background-color:   #F8F8F8; padding:  5px 10px; } .module-state-chart:after {  clear:   both;  content:  " ";  font-size:  0;  display:  block;  height:  0;  visibility: hidden;  } .module-state-chart > * { height:   77px; } .module-state-chart > .slot-bank-group { width:   228px; } .module-state-chart > .slot-bank-group:after {  clear:   both;  content:  " ";  font-size:  0;  display:  block;  height:  0;  visibility: hidden; } .module-state-chart > .slot-bank-group.left { float:   left; } .module-state-chart > .slot-bank-group.right { float:   right; } .module-state-chart > .slot-bank-group > .slot-bank {  position:  relative; height:   100%; width:   51px; background-repeat:   no-repeat; } .module-state-chart > .slot-bank-group > .slot-bank:after {  clear:   both;  content:  " ";  font-size:  0;  display:  block;  height:  0;  visibility: hidden;  } .module-state-chart > .slot-bank-group.left > .slot-bank { float:   left; margin-right: 6px; } .module-state-chart > .slot-bank-group.right > .slot-bank { float:   left; margin-left: 6px; } .module-state-chart > .slot-bank-group > .slot-bank.type-1, .module-state-chart > .slot-bank-group > .slot-bank.type-8 { height:   77px; } .module-state-chart > .slot-bank-group > .slot-bank.type-2, .module-state-chart > .slot-bank-group > .slot-bank.type-7 { height:   72px; } .module-state-chart > .slot-bank-group > .slot-bank.type-3, .module-state-chart > .slot-bank-group > .slot-bank.type-6 { height:   67px; } .module-state-chart > .slot-bank-group > .slot-bank.type-4, .module-state-chart > .slot-bank-group > .slot-bank.type-5 { height:   62px; } .module-state-chart > .slot-bank-group.left > .slot-bank.type-1 { background-image:   url("icons/slot-bank-left-type-1.png"); } .module-state-chart > .slot-bank-group.left > .slot-bank.type-2 { background-image:   url("icons/slot-bank-left-type-2.png"); } .module-state-chart > .slot-bank-group.left > .slot-bank.type-3 { background-image:   url("icons/slot-bank-left-type-3.png"); } .module-state-chart > .slot-bank-group.left > .slot-bank.type-4 { background-image:   url("icons/slot-bank-left-type-4.png"); } .module-state-chart > .slot-bank-group.right > .slot-bank.type-5 { background-image:   url("icons/slot-bank-right-type-4.png"); } .module-state-chart > .slot-bank-group.right > .slot-bank.type-6 { background-image:   url("icons/slot-bank-right-type-3.png"); } .module-state-chart > .slot-bank-group.right > .slot-bank.type-7 { background-image:   url("icons/slot-bank-right-type-2.png"); } .module-state-chart > .slot-bank-group.right > .slot-bank.type-8 { background-image:   url("icons/slot-bank-right-type-1.png"); } .module-state-chart > .slot-bank-group.right > .slot-bank.type-8.mail-slot { background-image:   url("icons/slot-bank-right-type-1-mail-slot.png"); } .module-state-chart > .slot-bank-group > .slot-bank > .slot { position:  relative; width:   44px; margin:   1px 1px 0px 1px; border:   1px; border-color: #898989; border-style: solid; background-color:   #ffffff; } .module-state-chart > .slot-bank-group > .slot-bank > .slot.empty { border-color: transparent; background-color:   transparent;  } .module-state-chart > .slot-bank-group > .slot-bank > .slot.empty > * { display:  none !important; } .module-state-chart > .slot-bank-group.left > .slot-bank > .slot { float:   left; } .module-state-chart > .slot-bank-group.right > .slot-bank > .slot { float:   right; } .module-state-chart > .slot-bank-group > .slot-bank.type-1 > .slot, .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .slot { height:   12px;  } .module-state-chart > .slot-bank-group > .slot-bank.type-2 > .slot, .module-state-chart > .slot-bank-group > .slot-bank.type-7 > .slot { height:   11px;  } .module-state-chart > .slot-bank-group > .slot-bank.type-3 > .slot, .module-state-chart > .slot-bank-group > .slot-bank.type-6 > .slot { height:   10px;  } .module-state-chart > .slot-bank-group > .slot-bank.type-4 > .slot, .module-state-chart > .slot-bank-group > .slot-bank.type-5 > .slot { height:   9px;  } .module-state-chart > .slot-bank-group > .slot-bank > .slot > .cartridge {  display:  block;  position:  absolute;  left:   -1px;  top:   -1px; right:   -1px;  bottom:   -1px;   overflow:  hidden;  border:   1px solid transparent; } .module-state-chart > .slot-bank-group > .slot-bank > .slot > .cartridge.error { border-color: #ff0000; background-color:   #eea7b0; } .module-state-chart > .slot-bank-group > .slot-bank > .slot > .cartridge:before {  content:  " ";  font-size:  0;  display:  block;  position:  absolute;  left:   1px;  bottom:   1px; width:   12px; height:   9px; overflow:  hidden; background-image:   none; background-repeat:   no-repeat; background-position:  left bottom;  } .module-state-chart > .slot-bank-group > .slot-bank.type-1 > .slot > .cartridge:before, .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .slot > .cartridge:before  { height:   10px; } .module-state-chart > .slot-bank-group > .slot-bank.type-2 > .slot > .cartridge:before, .module-state-chart > .slot-bank-group > .slot-bank.type-7 > .slot > .cartridge:before  {  height:   9px; } .module-state-chart > .slot-bank-group > .slot-bank.type-3 > .slot > .cartridge:before, .module-state-chart > .slot-bank-group > .slot-bank.type-6 > .slot > .cartridge:before  { height:   8px; } .module-state-chart > .slot-bank-group > .slot-bank.type-4 > .slot > .cartridge:before, .module-state-chart > .slot-bank-group > .slot-bank.type-5 > .slot > .cartridge:before  { height:   7px; } .module-state-chart > .slot-bank-group > .slot-bank.type-1 > .slot > .cartridge.warning:before, .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .slot > .cartridge.warning:before {  background-image:   url("icons/ICO_cartridge_state_type1_warning.png"); } .module-state-chart > .slot-bank-group > .slot-bank.type-2 > .slot > .cartridge.warning:before, .module-state-chart > .slot-bank-group > .slot-bank.type-7 > .slot > .cartridge.warning:before {  background-image:   url("icons/ICO_cartridge_state_type2_warning.png"); } .module-state-chart > .slot-bank-group > .slot-bank.type-3 > .slot > .cartridge.warning:before, .module-state-chart > .slot-bank-group > .slot-bank.type-6 > .slot > .cartridge.warning:before {  background-image:   url("icons/ICO_cartridge_state_type3_warning.png"); } .module-state-chart > .slot-bank-group > .slot-bank.type-4 > .slot > .cartridge.warning:before, .module-state-chart > .slot-bank-group > .slot-bank.type-5 > .slot > .cartridge.warning:before {  background-image:   url("icons/ICO_cartridge_state_type4_warning.png"); } .module-state-chart > .slot-bank-group > .slot-bank.type-1 > .slot > .cartridge.error:before, .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .slot > .cartridge.error:before {  background-image:   url("icons/ICO_cartridge_state_type1_error.png"); } .module-state-chart > .slot-bank-group > .slot-bank.type-2 > .slot > .cartridge.error:before, .module-state-chart > .slot-bank-group > .slot-bank.type-7 > .slot > .cartridge.error:before {  background-image:   url("icons/ICO_cartridge_state_type2_error.png"); } .module-state-chart > .slot-bank-group > .slot-bank.type-3 > .slot > .cartridge.error:before, .module-state-chart > .slot-bank-group > .slot-bank.type-6 > .slot > .cartridge.error:before {  background-image:   url("icons/ICO_cartridge_state_type3_error.png"); } .module-state-chart > .slot-bank-group > .slot-bank.type-4 > .slot > .cartridge.error:before, .module-state-chart > .slot-bank-group > .slot-bank.type-5 > .slot > .cartridge.error:before {  background-image:   url("icons/ICO_cartridge_state_type4_error.png"); } .module-state-chart > .slot-bank-group > .slot-bank > .slot > .cartridge:after {  content:  " ";  font-size: 0;  display:  block;  position:  absolute;  right:  2px;  bottom:  1px; width:  27px; height:  8px; background-image:   url("icons/ICO_cartridge_code_black.png");  } .module-state-chart > .slot-bank-group > .slot-bank > .slot > .cartridge.error:after { background-image:   url("icons/ICO_cartridge_code_red.png"); } .module-state-chart > .slot-bank-group > .slot-bank.type-1 > .slot > .cartridge:after, .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .slot > .cartridge:after { height:  8px; } .module-state-chart > .slot-bank-group > .slot-bank.type-2 > .slot > .cartridge:after, .module-state-chart > .slot-bank-group > .slot-bank.type-7 > .slot > .cartridge:after { height:  7px; } .module-state-chart > .slot-bank-group > .slot-bank.type-3 > .slot > .cartridge:after, .module-state-chart > .slot-bank-group > .slot-bank.type-6 > .slot > .cartridge:after { height:  6px; } .module-state-chart > .slot-bank-group > .slot-bank.type-4 > .slot > .cartridge:after, .module-state-chart > .slot-bank-group > .slot-bank.type-5 > .slot > .cartridge:after { height:  5px; } .module-state-chart > .slot-bank-group > .slot-bank > .slot > .cartridge:hover { border-color: #2b7ec6; background-image:   linear-gradient(top,#f8fbfe,#8abafa); background-image:   -o-linear-gradient(top,#f8fbfe,#8abafa); background-image:   -webkit-linear-gradient(top,#f8fbfe,#8abafa); background-image:   -moz-linear-gradient(top,#f8fbfe,#8abafa);   background-image:   -ms-linear-gradient(top,#f8fbfe,#8abafa);  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fbfe', endColorstr='#8abafa'); } .module-state-chart > .slot-bank-group > .slot-bank > .slot > .cartridge.warning:hover {  } .module-state-chart > .slot-bank-group > .slot-bank > .slot > .cartridge.error:hover { border-color: #FF0000; background-image:   linear-gradient(top,#ff8993,#fb4646); background-image:   -o-linear-gradient(top,#ff8993,#fb4646); background-image:   -webkit-linear-gradient(top,#ff8993,#fb4646); background-image:   -moz-linear-gradient(top,#ff8993,#fb4646);   background-image:   -ms-linear-gradient(top,#ff8993,#fb4646);  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8993', endColorstr='#fb4646'); } .module-state-chart > .module-info { position: relative; float:  left; width:  76px; margin-left: 13px; } .module-state-chart > .module-info > .module-drives > .drive { position: relative;  height:  20px; margin-bottom: 2px; background-image:   url("icons/ICO_drive_big_normal.png"); background-repeat:   no-repeat; } .module-state-chart > .module-info > .module-drives > .driveFH { position: relative;  height:  40px; margin-bottom: 2px; background-image:   url("icons/ICO_double_drive_big_normal.png"); background-repeat:   no-repeat; z-index:10; } .module-state-chart > .module-info > .module-drives > .drive.warning { background-image:   url("icons/ICO_drive_big_warning.png"); } .module-state-chart > .module-info > .module-drives > .drive.error { background-image:   url("icons/ICO_drive_big_error.png"); }  .module-state-chart > .module-info > .module-drives > .drive.warning.driveFH { background-image:   url("icons/ICO_double_drive_big_warning.png"); } .module-state-chart > .module-info > .module-drives > .drive.error.driveFH{ background-image:   url("icons/ICO_double_drive_big_error.png"); }  .module-state-chart > .module-info > .module-drives > .drive.absent { background-image:   none !important; } .module-state-chart > .module-info > .module-drives > .drive.absent > .cartridge, .module-state-chart > .module-info > .module-drives > .drive.empty > .cartridge { display:  none !important; } .module-state-chart > .module-info > .module-name { position: absolute; left:  0; right:  0; bottom:  0; text-align: center; } .module-state-chart > .module-info > .module-name > .label { font-weight: bold; color:  #404040; } .module-state-chart > .module-info > .module-drives > .drive > .cartridge {  display:  block;  position:  absolute;  left:  17px;  top:  5px;  width:  48px;  height:  8px;  border:  1px solid transparent;  background-color:   #ffffff; } .module-state-chart > .module-info > .module-drives > .drive > .cartridge:hover { border-color: #2b7ec6; background-image:   linear-gradient(top,#f8fbfe,#8abafa); background-image:   -o-linear-gradient(top,#f8fbfe,#8abafa); background-image:   -webkit-linear-gradient(top,#f8fbfe,#8abafa); background-image:   -moz-linear-gradient(top,#f8fbfe,#8abafa);   background-image:   -ms-linear-gradient(top,#f8fbfe,#8abafa);  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fbfe', endColorstr='#8abafa'); } .module-state-chart > .module-info > .module-drives > .drive > .cartridge.warning { background-color:   #fcffac; } .module-state-chart > .module-info > .module-drives > .drive > .cartridge.warning:hover {  } .module-state-chart > .module-info > .module-drives > .drive > .cartridge.warning:before { background-image:   url("icons/ICO_cartridge_state_type1_warning.png"); } .module-state-chart > .module-info > .module-drives > .drive > .cartridge.error { background-color:   #eea7b0; } .module-state-chart > .module-info > .module-drives > .drive > .cartridge.error:hover { border-color: #FF0000; background-image:   linear-gradient(top,#ff8993,#fb4646); background-image:   -o-linear-gradient(top,#ff8993,#fb4646); background-image:   -webkit-linear-gradient(top,#ff8993,#fb4646); background-image:   -moz-linear-gradient(top,#ff8993,#fb4646);   background-image:   -ms-linear-gradient(top,#ff8993,#fb4646);  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8993', endColorstr='#fb4646'); } .module-state-chart > .module-info > .module-drives > .drive > .cartridge:after { content:  " "; font-size:  0; display:  block; position:  absolute; right:   2px; bottom:   0px; width:   27px; height:   7px; background-image:   url("icons/ICO_cartridge_code_black.png");  } .module-state-chart > .module-info > .module-drives > .drive > .cartridge.error:after { background-image:   url("icons/ICO_cartridge_code_red.png"); }  .module-state-chart-stack .partition-display-overlay { display:  none; } .module-state-chart-stack.partition-display .partition-display-overlay { display:  block; position:  absolute; z-index:  1; left:   0px;  top:   0px; right:   0px; bottom:   0px; background-color:   transparent;  opacity:  0.85; filter:  alpha(opacity=85); text-align:  center; color:   #707070; } .module-state-chart > .slot-bank-group.left > .slot-bank > .partition-display-overlay { left:   0px;  right:   3px; } .module-state-chart > .slot-bank-group.right > .slot-bank > .partition-display-overlay { left:   3px;  right:   0px; } .module-state-chart > .slot-bank-group > .slot-bank > .partition-display-overlay > .partition-overlay-top, .module-state-chart > .slot-bank-group > .slot-bank > .partition-display-overlay > .partition-overlay-bottom { margin:   1px; border:   1px solid #787878; background-color:   #ffffff; }  .module-state-chart > .slot-bank-group > .slot-bank > .partition-display-overlay > .partition-overlay-top.cl_air_gap, .module-state-chart > .slot-bank-group > .slot-bank > .partition-display-overlay > .partition-overlay-bottom.cl_air_gap, .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .slot .partition-overlay.cl_air_gap, .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .slot.empty .partition-overlay.cl_air_gap {   margin:1px;   border:1px solid #787878;   background-color:#ADD8E6; } .module-state-chart > .slot-bank-group > .slot-bank > .partition-display-overlay > .partition-overlay-bottom { margin-top:  0px; }  .module-state-chart > .slot-bank-group > .slot-bank.type-1 > .partition-display-overlay > .partition-overlay-top, .module-state-chart > .slot-bank-group > .slot-bank.type-1 > .partition-display-overlay > .partition-overlay-bottom, .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .partition-display-overlay > .partition-overlay-top, .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .partition-display-overlay > .partition-overlay-bottom { height:   73px; } .module-state-chart > .slot-bank-group > .slot-bank.type-2 > .partition-display-overlay > .partition-overlay-top, .module-state-chart > .slot-bank-group > .slot-bank.type-2 > .partition-display-overlay > .partition-overlay-bottom, .module-state-chart > .slot-bank-group > .slot-bank.type-7 > .partition-display-overlay > .partition-overlay-top, .module-state-chart > .slot-bank-group > .slot-bank.type-7 > .partition-display-overlay > .partition-overlay-bottom { height:   68px; } .module-state-chart > .slot-bank-group > .slot-bank.type-3 > .partition-display-overlay > .partition-overlay-top, .module-state-chart > .slot-bank-group > .slot-bank.type-3 > .partition-display-overlay > .partition-overlay-bottom, .module-state-chart > .slot-bank-group > .slot-bank.type-6 > .partition-display-overlay > .partition-overlay-top, .module-state-chart > .slot-bank-group > .slot-bank.type-6 > .partition-display-overlay > .partition-overlay-bottom { height:   63px; } .module-state-chart > .slot-bank-group > .slot-bank.type-4 > .partition-display-overlay > .partition-overlay-top, .module-state-chart > .slot-bank-group > .slot-bank.type-4 > .partition-display-overlay > .partition-overlay-bottom, .module-state-chart > .slot-bank-group > .slot-bank.type-5 > .partition-display-overlay > .partition-overlay-top, .module-state-chart > .slot-bank-group > .slot-bank.type-5 > .partition-display-overlay > .partition-overlay-bottom { height:   58px; } .module-state-chart > .slot-bank-group > .slot-bank > .partition-display-overlay > .partition-overlay-top.highlight, .module-state-chart > .slot-bank-group > .slot-bank > .partition-display-overlay > .partition-overlay-bottom.highlight { border-color:  #649dea; color:   #303030; background-color:   transparent; } .module-state-chart > .slot-bank-group > .slot-bank.type-1 > .partition-display-overlay > .partition-overlay-top.highlight, .module-state-chart > .slot-bank-group > .slot-bank.type-1 > .partition-display-overlay > .partition-overlay-bottom.highlight, .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .partition-display-overlay > .partition-overlay-top.highlight, .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .partition-display-overlay > .partition-overlay-bottom.highlight { background-image:   linear-gradient(top,#ffffff,#CCCCCC); background-image:   -o-linear-gradient(top,#ffffff,#CCCCCC); background-image:   -webkit-linear-gradient(top,#ffffff,#CCCCCC); background-image:   -moz-linear-gradient(top,#ffffff,#CCCCCC);   background-image:   -ms-linear-gradient(top,#ffffff,#CCCCCC);  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#CCCCCC');  } .module-state-chart > .slot-bank-group > .slot-bank.type-2 > .partition-display-overlay > .partition-overlay-top.highlight, .module-state-chart > .slot-bank-group > .slot-bank.type-2 > .partition-display-overlay > .partition-overlay-bottom.highlight, .module-state-chart > .slot-bank-group > .slot-bank.type-7 > .partition-display-overlay > .partition-overlay-top.highlight, .module-state-chart > .slot-bank-group > .slot-bank.type-7 > .partition-display-overlay > .partition-overlay-bottom.highlight { background-image:   linear-gradient(top,#ffffff,#CCCCCC); background-image:   -o-linear-gradient(top,#ffffff,#CCCCCC); background-image:   -webkit-linear-gradient(top,#ffffff,#CCCCCC); background-image:   -moz-linear-gradient(top,#ffffff,#CCCCCC);   background-image:   -ms-linear-gradient(top,#ffffff,#CCCCCC);  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#CCCCCC');  } .module-state-chart > .slot-bank-group > .slot-bank.type-3 > .partition-display-overlay > .partition-overlay-top.highlight, .module-state-chart > .slot-bank-group > .slot-bank.type-3 > .partition-display-overlay > .partition-overlay-bottom.highlight, .module-state-chart > .slot-bank-group > .slot-bank.type-6 > .partition-display-overlay > .partition-overlay-top.highlight, .module-state-chart > .slot-bank-group > .slot-bank.type-6 > .partition-display-overlay > .partition-overlay-bottom.highlight { background-image:   linear-gradient(top,#ffffff,#CCCCCC); background-image:   -o-linear-gradient(top,#ffffff,#CCCCCC); background-image:   -webkit-linear-gradient(top,#ffffff,#CCCCCC); background-image:   -moz-linear-gradient(top,#ffffff,#CCCCCC);   background-image:   -ms-linear-gradient(top,#ffffff,#CCCCCC);  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#CCCCCC');  } .module-state-chart > .slot-bank-group > .slot-bank.type-4 > .partition-display-overlay > .partition-overlay-top.highlight, .module-state-chart > .slot-bank-group > .slot-bank.type-4 > .partition-display-overlay > .partition-overlay-bottom.highlight, .module-state-chart > .slot-bank-group > .slot-bank.type-5 > .partition-display-overlay > .partition-overlay-top.highlight, .module-state-chart > .slot-bank-group > .slot-bank.type-5 > .partition-display-overlay > .partition-overlay-bottom.highlight { background-image:   linear-gradient(top,#ffffff,#CCCCCC); background-image:   -o-linear-gradient(top,#ffffff,#CCCCCC); background-image:   -webkit-linear-gradient(top,#ffffff,#CCCCCC); background-image:   -moz-linear-gradient(top,#ffffff,#CCCCCC);   background-image:   -ms-linear-gradient(top,#ffffff,#CCCCCC);  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#CCCCCC');  } .module-state-chart > .slot-bank-group > .slot-bank .partition-overlay-top  > .label, .module-state-chart > .slot-bank-group > .slot-bank .partition-overlay-bottom > .label { display:  inline-block; font-weight: bold; font-size:  27px; line-height: 27px; } .module-state-chart > .slot-bank-group > .slot-bank.type-1 .partition-overlay-top  > .label, .module-state-chart > .slot-bank-group > .slot-bank.type-1 .partition-overlay-bottom > .label, .module-state-chart > .slot-bank-group > .slot-bank.type-8 .partition-overlay-top  > .label, .module-state-chart > .slot-bank-group > .slot-bank.type-8 .partition-overlay-bottom > .label { margin-top:  22px; } .module-state-chart > .slot-bank-group > .slot-bank.type-2 .partition-overlay-top  > .label, .module-state-chart > .slot-bank-group > .slot-bank.type-2 .partition-overlay-bottom > .label, .module-state-chart > .slot-bank-group > .slot-bank.type-7 .partition-overlay-top  > .label, .module-state-chart > .slot-bank-group > .slot-bank.type-7 .partition-overlay-bottom > .label { margin-top:  20px; } .module-state-chart > .slot-bank-group > .slot-bank.type-3 .partition-overlay-top  > .label, .module-state-chart > .slot-bank-group > .slot-bank.type-3 .partition-overlay-bottom > .label, .module-state-chart > .slot-bank-group > .slot-bank.type-6 .partition-overlay-top  > .label, .module-state-chart > .slot-bank-group > .slot-bank.type-6 .partition-overlay-bottom > .label { margin-top:  17px; } .module-state-chart > .slot-bank-group > .slot-bank.type-4 .partition-overlay-top  > .label, .module-state-chart > .slot-bank-group > .slot-bank.type-4 .partition-overlay-bottom > .label, .module-state-chart > .slot-bank-group > .slot-bank.type-5 .partition-overlay-top  > .label, .module-state-chart > .slot-bank-group > .slot-bank.type-5 .partition-overlay-bottom > .label { margin-top:  15px; } .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .slot .partition-overlay, .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .slot.empty .partition-overlay { height: 12px; border: 1px solid #787878;  background-color:   transparent; color: #707070; font-size: 10px; font-weight:   bold;  opacity: 0.85; filter: alpha(opacity=85); } .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .slot.empty .label { display:  block !important; font-size:  10px; font-weight: bold; }   .partition-display .module-state-chart > .slot-bank-group > .slot-bank.type-8 > .slot > * {   display:block !important; }  .module-state-chart > .module-info > .module-drives > .drive .partition-overlay { height:   18px; border:   1px solid #787878;  background-color:   #ffffff;  } .module-state-chart > .module-info > .module-drives > .drive .partition-overlay.highlight { border-color: #649dea; color:   #303030; background-image:   linear-gradient(top,#ffffff,#CCCCCC); background-image:   -o-linear-gradient(top,#ffffff,#CCCCCC); background-image:   -webkit-linear-gradient(top,#ffffff,#CCCCCC); background-image:   -moz-linear-gradient(top,#ffffff,#CCCCCC);   background-image:   -ms-linear-gradient(top,#ffffff,#CCCCCC);  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#CCCCCC'); } .module-state-chart > .module-info > .module-drives > .drive .partition-overlay > .label { display:  inline-block; margin-top:  2px;  font-weight: bold; font-size:  14px; line-height: 14px; } .form .expandable-field-section > .field-section-head .open-close-space { display: block; content: " "; width: 9px; height: 6px; margin: 6px 10px 4px 0px; } .expandable-field-section.unit-head { background-color:  #F1F1F1; margin-bottom:   3px; } .expandable-field-section.unit-row { margin-bottom:   3px; } .expandable-field-section.unit-row button { height: 40px; } .module-state-chart > .slot-bank-group > .slot-bank > .slot > .noLabel.cartridge:after { content:  " "; background-image:   none; } .module-state-chart > .module-info > .module-drives > .drive > .noLabel.cartridge:after { content:  " "; background-image:   none; }  .module-state-chart > .slot-bank-group > .slot-bank > .slot.empty.notUseableLowerSlots{ background-color:   #cdcdcd; }  .module-state-chart > .slot-bank-group > .slot-bank > .slot.notUseableLowerSlots > .cartridge:after { content:  " "; } .module-state-chart > .slot-bank-group > .slot-bank > .slot.notUseableLowerSlots.crossedBg { background-image:url("/customization/themes/css/icons/ICO_crossedBg.png"); background-repeat:no-repeat; background-size:100% 100%; } .module-state-chart > .slot-bank-group > .slot-bank > .slot.notUseableLowerSlots > .cartridge:hover{ background-image:none; border:1px solid transparent; }  } .crossedBgFlat { background-image:url("/customization/themes/css/icons/ICO_crossedBgFlat.png"); background-repeat:no-repeat; background-size:100% 100%; } .crossedBg { background-image:url("/customization/themes/css/icons/ICO_crossedBg.png"); background-repeat:no-repeat; background-size:100% 100%; }  .divTableHead .container-cell{  border-color: #649dea; color:  #303030; font-weight: bold ; background-image:   linear-gradient(top,#ffffff,#E5E5E5); background-image:   -o-linear-gradient(top,#ffffff,#E5E5E5); background-image:   -webkit-linear-gradient(top,#ffffff,#E5E5E5); background-image:   -moz-linear-gradient(center top , #FEFEFE, #E5E5E5);  background-image:   -ms-linear-gradient(top,#ffffff,#E5E5E5);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E5E5E5');  padding:5px !important; } .divTableBody .container-cell{ padding:5px !important; } .divTableBorderBottom > .container-cell { border-bottom:1px solid #E5E5E5 !important; }  ul li .button.disabled{ color:gray; }  .module.warning .module-title:before, .module.error .module-title:before { cursor:pointer; }  .grayOut{ background-color:#F7F7F7; } .grayOutFont { color:gray; } .redNote{ color:#FF0000; } .lightRedBg{ background-color: #FF6347 !important; } .redBorderOnly{  border-color:red; } .redBorder1px{   border:1px solid red !important; }  .breakWord{ word-wrap:break-word; } .breakWord050{ max-width:50px; word-wrap:break-word; } .breakWord060{ max-width:60px; word-wrap:break-word; } .breakWord070{ max-width:70px; word-wrap:break-word; } .breakWord080{ max-width:80px; word-wrap:break-word; } .breakWord090{ max-width:90px; word-wrap:break-word; } .breakWord100{ max-width:100px; word-wrap:break-word; } .breakWord110{ max-width:110px; word-wrap:break-word; } .breakWord120{ max-width:120px; word-wrap:break-word; } .breakWord130{ max-width:130px; word-wrap:break-word; } .breakWord140{ max-width:140px; word-wrap:break-word; } .breakWord150{ max-width:150px; word-wrap:break-word; } .breakWord160{ max-width:160px; word-wrap:break-word; } .breakWord170{ max-width:170px; word-wrap:break-word; } .breakWord180{ max-width:180px; word-wrap:break-word; } .breakWord190{ max-width:190px; word-wrap:break-word; } .breakWord200{ max-width:200px; word-wrap:break-word; } .breakWord210{ max-width:210px; word-wrap:break-word; } .breakWord220{ max-width:220px; word-wrap:break-word; } .breakWord230{ max-width:230px; word-wrap:break-word; } .breakWord240{ max-width:240px; word-wrap:break-word; } .breakWord250{ max-width:250px; word-wrap:break-word; }  .valignBottom{ vertical-align:bottom !important; } .valignMiddle{ vertical-align:middle !important; } .valignTop{ vertical-align:top !important; } .alignLeft{ text-align:left; } .alignCenter{ text-align:center; } .alignRight{ text-align:right; } .bgCenterRight{ background-position:center right; } .bgCenterLeft{ background-position:center left; } .bgCenter{ background-position:center center; } .margin0Auto{ margin:0 auto; } .flRight{ float:right; } .flLeft{ float:left; } .iPt05{ padding-top:5px !important; } .iPt10{ padding-top:10px !important; } .iPb05{ padding-bottom:5px !important; } .iPb10{ padding-bottom:10px !important; } .iPl05{ padding-left:5px !important; } .iPl10{ padding-left:10px !important; } .iPr05{ padding-right:5px !important; } .iPr10{ padding-right:10px !important; } .fsItalic{ font-style:italic; } .font10px{ font-size:10px; } .font11px{ font-size:11px; } .spin { background-image:url('ajax-loader.gif'); background-repeat:no-repeat; background-position:center; } .notAllowed { cursor:not-allowed; } .outline1PxSolidRed { outline:1px solid red; } .outline2PxSolidRed { outline:2px solid red; }   .boxBrdBox, .boxBrdBoxInpSect input{ -moz-box-sizing: border-box; box-sizing: border-box; } .boxConBox{ -moz-box-sizing: content-box; box-sizing: content-box; }  .LDAPDialogContent, .LDAPDialogContent input{ font-family:Arial;   font-size:12px;   font-weight:normal; box-sizing:border-box; } .LDAPDialogContent fieldset { margin-top:10px; border:1px solid lightgray; } .ptb5{ padding:5px 0px !important; }  .DialogContent, .DialogContent input{ font-family:Arial;   font-size:12px;   font-weight:normal; box-sizing:border-box; } .DialogContent fieldset { margin-top:10px; border:1px solid lightgray; }  div.container-cell.selected {   background-color:#c8c8c8;   color:#FFFFFF; } div.container-row.selected {   background-color:#c8c8c8;   color:#FFFFFF; }   .A_CPF_DPF_FEATURE_ROW{ display:none !important; } .notAccessibleSlot{ background-color:#F7F7F7; color:gray; cursor:not-allowed; }  .quick-view { display:-webkit-box; display:-moz-box;   display:-ms-flexbox; display:-webkit-flex; display:flex;  -ms-flex-direction:column;  flex-direction:column;  height:729px; } .quick-view .module-stack { overflow-x:hidden; overflow-y:auto; max-height:100%;  } #LogFormTotp{ width:30%; float:right; font-size:14px; } .wiz-headline { font-weight:  bold; font-size:  15px; } .wiz-subheadline { font-weight:  bold; font-size:  15px; } .wiz-info { font-size:  12px; } .wiz-label { font-weight:  bold; }  .dashboard .wizard { height :500px; } .dashboard .wizard .wizard-sidebar ul.steptree { line-height:  35px; } .dashboard .wizard .wizard-sidebar ul.steptree > li.item.selected > .label { color:   #7ebdff; background-image: url("icons/ICO_arrow_wizard.png"); line-height:  25px; } .dashboard .wizard .wizard-sidebar ul.steptree > .selected { font-weight:  bold; } #wiz-pagehead { font-weight:  bold; font-size:  20px; } #wiz-pages [data-role="page"] { display :none; margin-top: 30px; } .table-footer { margin-top :20px; }  .scrollable-data-table-body { text-transform:capitalize; } .scrollable-data-table-body.noCapitalize{ text-transform:none; } table.scrollable-data-table-head > thead > tr > td > *:first-child, table.scrollable-data-table-body > tbody > tr > td > *:first-child { margin-left:   0px; } table.scrollable-data-table-body tr.sub-record td.col-0 > *:first-child, table.scrollable-data-table-body tr.sub-record td.col-1 > *:first-child { margin-left:   0px; } table.scrollable-data-table .scrollable-data-table-body-viewport { height:  270px; } table.scrollable-data-table .scrollable-data-table-body-viewport.height300 { height:  300px; } table.scrollable-data-table .scrollable-data-table-body-viewport.height250 { height:  250px; } table.scrollable-data-table .scrollable-data-table-body-viewport.height220 { height:  220px; } table.scrollable-data-table .scrollable-data-table-body-viewport.height200 { height:  200px; } table.scrollable-data-table-head td { font-weight:bold; font-size: 12px; } table.scrollable-data-table-body td { font-size: 12px; }  .wizard .wizard-body table.scrollable-data-table-body{ -webkit-touch-callout:none;  -webkit-user-select:none;  -khtml-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  user-select:none; }   .sub-record td.error { background-repeat:  no-repeat; background-image:  url("icons/ICO_error_active.png"); background-position:center center; } .sub-record td.warning { background-repeat:  no-repeat; background-image:  url("icons/ICO_warning_active.png"); background-position:center center; } .sub-record td.ok { background-repeat:  no-repeat; background-image:  url("icons/ICO_OK_active.png"); background-position:center center; }  #wizPartitionBasic [data-pageno="1"] table.scrollable-data-table .scrollable-data-table-body-viewport { height:  160px; } #wizPartitionBasic [data-pageno="1"] table.scrollable-data-table td.col-0 { width:  50px; } #wizPartitionBasic [data-pageno="1"] table.scrollable-data-table td.col-1 { width:  auto; } #wizPartitionBasic [data-pageno="3"] table.scrollable-data-table .scrollable-data-table-body-viewport { height:  200px; } #wizPartitionBasic [data-pageno="3"] table.scrollable-data-table td.col-1 { width:  40px; } #wizPartitionBasic [data-pageno="3"] table.scrollable-data-table td.col-2 { width:  40px; } #wizPartitionBasic [data-pageno="3"] table.scrollable-data-table td.col-3 { width:  70px; } #wizPartitionBasic [data-pageno="3"] table.scrollable-data-table td.col-4 { width:  60px; } #wizPartitionBasic [data-pageno="3"] table.scrollable-data-table td.col-5 { width:  60px; } #wizPartitionBasic [data-pageno="3"] table.scrollable-data-table td.col-6 { width:  220px; } #wizPartitionBasic [data-pageno="3"] table.scrollable-data-table td.col-7 { width:  auto; } #wizPartitionBasic [data-pageno="3"] #infoProgress { visibility:hidden;  margin-top:30px; } #wizPartitionExpert [data-pageno="1"] table.scrollable-data-table .scrollable-data-table-body-viewport { height:  200px; } #wizPartitionExpert [data-pageno="1"] table.scrollable-data-table td.col-0 { width:  50px; } #wizPartitionExpert [data-pageno="1"] table.scrollable-data-table td.col-1 { width:  auto; } #wizPartitionExpert [data-pageno="3"] table.scrollable-data-table td.col-0 { width:  auto; } #wizPartitionExpert [data-pageno="4"] table.scrollable-data-table td.col-0 { width:  auto; } #wizPartitionExpert [data-pageno="5"] table.scrollable-data-table td.col-0 { width:  70px; } #wizPartitionExpert [data-pageno="5"] table.scrollable-data-table td.col-1 { width:  70px; } #wizPartitionExpert [data-pageno="5"] table.scrollable-data-table td.col-2 { width:  auto; } #wizPartitionExpert .grayedOut{ color:gray; } #wizPartitionExpert #DPFcloneTarget .container-cell {  padding:5px; }  #wizESKMDIV #unsignedCALibCertificate, #wizESKMDIV #unsignedLibCertificate  { width:100%; height:200px; } #wizESKMDIV #signedESKMCertificate { width:100%; height:170px; } #wizESKMDIV .container-table { width:100%; } #wizESKMDIV .spin { background-image:url('ajax-loader.gif'); background-repeat:no-repeat; background-position:center; }   #wizKMIPDIV #unsignedCALibCertificate, #wizKMIPDIV #unsignedLibCertificate, #wizKMIPDIV .textAreaCertInfo, .wizKMIPDIV #unsignedCALibCertificate, .wizKMIPDIV #unsignedLibCertificate, .wizKMIPDIV .textAreaCertInfo { width:100%; height:200px; } #wizKMIPDIV #signedKMIPCertificate, .wizKMIPDIV #signedKMIPCertificate { width:100%; height:170px; } #wizKMIPDIV .container-table, .wizKMIPDIV .container-table{ width:100%; } #wizKMIPDIV .spin, .wizKMIPDIV .spin { background-image:url('ajax-loader.gif'); background-repeat:no-repeat; background-position:center; }   .noTxtTransform{ text-transform:none; } .selectListWizAutoCalib{ height:250px; }   #wizDelayedMagOpen .StackViewFloat > div.unit{ float:left; } #wizDelayedMagOpen .StackViewFloat .mainUnitBG{ background-image:url(icons/main_unit_54x98.png); width:98px; height:54px; } #wizDelayedMagOpen .StackViewFloat .expUnitBG{ background-image:url(icons/exp_unit_54x98.png); width:98px; height:54px; }  #wizDelayedMagOpen .StackViewFloat .expUnitLeftMagBorder, #wizDelayedMagOpen .StackViewFloat .expUnitLeftMagBorderClick{ height:50px; width:31px; position:absolute; } #wizDelayedMagOpen .StackViewFloat .expUnitRightMagBorder, #wizDelayedMagOpen .StackViewFloat .expUnitRightMagBorderClick{ height:50px; width:31px; margin-left:63px; position:absolute; } #wizDelayedMagOpen .StackViewFloat .red{ border:2px solid red; display:none; } #wizDelayedMagOpen .StackViewFloat .green{ border:2px solid #00FF00; display:none; } #wizDelayedMagOpen .request{ background-color:#dfdfdf; border:2px solid black; } #wizDelayedMagOpen .clickMag{ cursor:pointer; } #wizDelayedMagOpen .ModuleLogNumStack{ color:#000;   font-weight:bold;   margin:6px 0 0 45px;   position:absolute; } #wizDelayedMagOpen .StackViewFloat .notUseable{ opacity:0.5; filter:alpha(opacity=50); cursor:not-allowed; } #wizDelayedMagOpen .StackViewFloat .warningMR{ background-image:url("icons/ICO_warning_active.png"); background-repeat:no-repeat; background-position:10px center; opacity:1; filter:alpha(opacity=100); } #wizDelayedMagOpen .StackViewFloat .open{ border:2px solid #00FF00; background-image:url("icons/icon_bg_40px_stripe.png"); display:none; } .button-type-wiz {  display: inline-block; height:  22px; border:  1px solid #c3c3c3; padding: 0px; border-radius:   4px; background-image:  linear-gradient(top,#ffffff,#eeeeee); background-image:  -o-linear-gradient(top,#ffffff,#eeeeee); background-image:  -webkit-linear-gradient(top,#ffffff,#eeeeee); background-image:  -moz-linear-gradient(top,#ffffff,#eeeeee);   background-image:  -ms-linear-gradient(top,#ffffff,#eeeeee);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee');  cursor:  pointer; color:  #404040; -moz-box-sizing:  content-box; box-sizing: content-box; text-indent:   0; white-space:   inherit;  text-align: start;  font:  inherit;  } .button-type-wiz::-moz-focus-inner { border: 0;  padding: 0; }  .button-type-wiz .inner-button { width:  auto; display: block; height:  14px; border:  1px solid transparent;  border-radius:   3px; padding: 3px 10px;  font-size: 12px;  line-height:   14px;   font-weight:   bold; }  .button-type-wiz.disabled, .button-type-wiz.disabled:hover, .button-type-wiz.disabled:focus, .button-type-wiz.disabled:active {  border:  1px solid #e5e5e5; background-image:  none;  background-color:  transparent; color:  #999999;  box-shadow: none; cursor:  default; }  .button-type-wiz.disabled .inner-button, .button-type-wiz.disabled:hover .inner-button, .button-type-wiz.disabled:focus .inner-button, .button-type-wiz.disabled:active .inner-button { border:  1px solid transparent; }  .button-type-wiz:hover {  border:  1px solid #a9a9a9; background-image:  linear-gradient(top,#ededed,#dfdfdf); background-image:  -o-linear-gradient(top,#ededed,#dfdfdf); background-image:  -webkit-linear-gradient(top,#ededed,#dfdfdf); background-image:  -moz-linear-gradient(top,#ededed,#dfdfdf);   background-image:  -ms-linear-gradient(top,#ededed,#dfdfdf);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); }  .button-type-wiz:focus {  border:  1px solid #a9a9a9; background-image:  linear-gradient(top,#ededed,#dfdfdf); background-image:  -o-linear-gradient(top,#ededed,#dfdfdf); background-image:  -webkit-linear-gradient(top,#ededed,#dfdfdf); background-image:  -moz-linear-gradient(top,#ededed,#dfdfdf);   background-image:  -ms-linear-gradient(top,#ededed,#dfdfdf);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); }  .button-type-wiz:active {  border:  1px solid #b3b3b3; background-image:  linear-gradient(top,#c8c8c8,#ffffff); background-image:  -o-linear-gradient(top,#c8c8c8,#ffffff); background-image:  -webkit-linear-gradient(top,#c8c8c8,#ffffff); background-image:  -moz-linear-gradient(top,#c8c8c8,#ffffff);   background-image:  -ms-linear-gradient(top,#c8c8c8,#ffffff);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#ffffff'); box-shadow: inset 0px 2px 6px #808080; }  .button-type-wiz .inner-button .label { display: block; height:  14px; border:  0px; white-space:   nowrap; } #LOGO_TABLE{ background-color:#000000; }