body
{
	color: #000000;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
}

body.consolepage
{
    background-color: #FBFBFB;
    margin: 0px;
}

body.framepage
{
    background-color: transparent;
}

/* Font weights: normal=400, semi bold=600, bold=700 */

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

input, button, select, textarea, option
{
    font-family: inherit;
    font-size: inherit;
}

input.okcancel, button.okcancel
{
    width:6em;
}

input.okcancel:lang(ja), button.okcancel:lang(ja)
{
    width:7em;
}

button.unstyled-show-focus {
    all: unset;
}

button.unstyled-show-focus:focus-visible {
    outline: revert;
}

td
{
	text-align: left;
}

option
{
	padding-left: 2px;
}

select
{
	padding-left: 2px;
}

textarea
{
	padding-left: 2px;
}

h1
{
	font-weight: 600;
	font-size: 120%;
}

h2
{
	font-weight: 600;
	font-size: 110%;
}

h3
{
	font-weight: 600;
	font-size: 100%;
}

pre
{
    font-size: 100%;
}

A
{
	text-decoration: none;
	color: #0000AA;
}

.uiA
{
	color: #0000AA;
}

.uiA:hover
{
	text-decoration: underline;
}

.label
{
	font-weight: 600;
	color: black;
    white-space: nowrap;
}

.label_line
{
    background-color: #444444;
    width: 100%;
    height: 1px;
}

.disabledlabel
{
	font-weight: 600;
	color: #c0c0c0;
}

.alertlabel
{
	font-weight: 600;
	color: #cc0000;
}

.hidden
{
    display:none;
}

.dialog-container {
    margin-top: 1em;
    text-align: center;
}

.dialog-surround {
    background-color: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #006680;
    margin: auto;
    padding-top: 3px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}

.dialog-title {
    font-size: 105%;
    color: #006680;
    font-weight: 600;
}

.dialog-canvas {
    padding-top: 0.5em;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}

.scrollable-pane {
    background-color: white;
    border-style: inset;
    border-width: 2px;
    padding-left: 2px;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
}

.scrollable-pane-thin {
    background-color: white;
    border-style: inset;
    border-width: 1px;
    padding-left: 2px;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
}

.tiny
{
	font-size: 85%;
}

.statusSection
{
	font-weight: 600;
	font-size: 105%;
}

.statusSearch
{
    background: white;
    border: #C0C0C0 1px solid;
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

form[name=statusSearch]
{
    position: relative;
    top: -1.5em;
    margin-bottom: -1em;
    padding-left: 4em;
}

select[name=statusSearchType]
{
    background: #F0F0F0;
    border: #F0F0F0 1px solid;
    border-radius: 4px;
}

.statusSearch select#searchHistory
{
    position: absolute;
    margin-left: -12.5em;
    margin-top: 1.75em;
    width: 14em;
}

.statusSearch input#searchText
{
    border: 0px solid;
    width: 12em;
}

input#searchConnections
{
    accent-color: #888888;
}

.statusSearch svg
{
	fill: #6699cc;
    height: 1.4em;
    vertical-align: top;
    width: 1.4em;
    padding-top: 2px;
}

.statusSearch svg:hover
{
	fill: #006480;
}

.detailsValue
{
	font-weight: 600;
}

.detailsButton
{
	font-size: 85%;
}

.error
{
	font-weight: 600;
	color: #cc0000;
}

.logoGreen {
    fill: #78BE20;
}

.menuLogo {
    fill: #ffffff;
    height: 1.2em;
    width: 10em;
    vertical-align:top;
    padding: 0.25em 1.0em 0.5em 1.0em;
}

.navMenuSvg
{
    padding-right: 0.25em;
}

.navMenuSvg svg
{
	fill: #FFFFFF;
    width: 1.4em;
    height: 1.4em;
}

.navMenuText > a
{
    color: #FFFFFF;
}

.navPageBack svg
{
    width: 1.4em;
    height: 1.4em;
    transform: translate(0, 0.3em);
}

.navPageTitle
{
    color: #000000;
    font-size: 135%;
    font-weight: 600;
    padding-top: 0.5em;
    padding-bottom: 0.25em;
}

.navRefresh
{
    padding-right: 0.5em;
}

.navRefreshTime
{
    color: #6D6D6D;
    font-size: 80%;
    padding-right: 6px;
}

.navSearch
{
    background: white;
    border: white 1px solid;
    border-radius: 4px;
}

form[name=navSearch]
{
    padding-right: 0.5em;
}

.navSearch input
{
    border: 0px solid;
    width: 11.5em;
}

.navSearch svg
{
	fill: #6699cc;
    height: 1.4em;
    vertical-align: top;
    width: 1.4em;
}

.navSearch svg:hover
{
	fill: #006480;
}

.limitedusermessage
{
	font-weight: 600;
	font-size: 85%;
	color: #6699cc;
    margin-right: 10px;
}

.limitedusermessage:hover
{
	font-weight: 600;
	color: #006480;
}

/* customized JQuery menu in nav area */

table.navMenu {
    border-spacing: 0;
    border-collapse: collapse;
}

table.navMenu tr {
    border: none !important;
    box-shadow: none;
    background-color: #191919;
    color: #F0F0F0;
    display: none;
    font-size: 14px;
}

table.navMenu a {
    display: block;
}

.abs-menu {
    border-radius: 3px;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.25);
}

.abs-menu-item .ui-state-active {
    background: #88BC41;
    border-color: #405E1B;
    color: #000000;
}

.abs-menu-icon {
    background-image: url("/images/ui-icons_ffffff_256x240.png") !important;
}

.ui-state-active .abs-menu-icon {
    background-image: url("/images/ui-icons_444444_256x240.png") !important;
}

.bannerDismiss {
	font-weight: 600;
	color: #006480;
	text-decoration: none;
}

.aCommand
{
	font-weight: 600;
	color: #006480;
	text-decoration: none;
}

.aCommand:hover
{
	text-decoration: underline;
}

.aCommandSep
{
	font-weight: 600;
	color: #006480;
}

.aCommandDisabled
{
	font-weight: 600;
    color: #808080;
	text-decoration: none;
	pointer-events: none;
}

svg.aIcon
{
	fill: #006480;
}

svg.aIcon:hover {
	fill: #004659;
}

.aList
{
	font-weight: 600;
	color: #006480;
	text-decoration: none;
}

.aList:hover
{
	text-decoration: underline;
}

.defValueLink
{
	font-weight: 600;
	font-size: 90%;
	color: #006480;
}

/* new div-based error, info, and warning message styles */

div.errorMessage
{
	background: #FFDDDD url("/images/event_error.svg") no-repeat 7px 7px;
	border: #FFDDDD 1px solid;
    border-radius: 4px;
    margin: 0.5em 0em 0.5em 0em;
	padding: 7px 7px 3px 7px;
}

div.errorMessage > p
{
    margin: 0px 0px 4px 24px;
}

div.infoMessage
{
    background: #DAEDF2 url("/images/event_info.svg") no-repeat 7px 7px;
	border: #DAEDF2 1px solid;
    border-radius: 4px;
    margin: 0.5em 0em 0.5em 0em;
	padding: 7px 7px 3px 7px;
}

div.infoMessage > p
{
    margin: 0px 0px 4px 24px;
}

div.testSwgFailure {
    background: url(/images/event_warning.svg) no-repeat;
    height: 2em;
}

div.testSwgFailure > p {
    margin-left: 24px;
}

div.testSwgSuccess {
    background: url(/images/license_valid.svg) no-repeat;
    height: 2em;
}

div.testSwgSuccess > p {
    margin-left: 24px;
}

div.testConnectionFailure {
    background: url(/images/cloud_failure.svg) no-repeat;
    height: 2em;
}

div.testConnectionFailure > p {
    margin-left: 24px;
}

div.testConnectionSuccess {
    background: url(/images/cloud_success.svg) no-repeat;
    height: 2em;
}

div.testConnectionSuccess > p {
    margin-left: 24px;
}

div.warningMessage
{
	background: #FFF7DC url("/images/event_warning.svg") no-repeat 7px 7px;
	border: #FEF2EA 1px solid;
    border-radius: 4px;
    margin: 0.5em 0em 0.5em 0em;
	padding: 7px 7px 3px 7px;
}

div.warningMessage > p
{
    margin: 0px 0px 4px 24px;
}

.tooltip {
	display: none;
	position: absolute;
	background-color: #FFFFDE;
	border-left: 1px solid #ADAD9C;
	border-right: 1px solid #736B63;
	border-top: 1px solid #ADAD9C;
	border-bottom: 1px solid #736B63;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* styles for console page markup */

div#mconsole_container {
    display: table;
    width: 100%;
}

div#mconsole_content {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-right: 1em;
    margin-left: 1em;
}

div#mconsole_popup {
    display:none;
    position:absolute;
    z-index:1;
    background-color:rgba(0, 0, 0, 0.25);
    height:100%;
    width:100%;
}

/* autoheight support for any element type */

var.autoheight {
    display: none;
}

/* console header */

div#mconsole_header > .header_navigation {
    background-color: #191919;
    color: #ffffff;
    min-width: 66em;
    padding-top: 0.5em;
    padding-right: 1em;
}

div#mconsole_header > .header_navigation form {
    display: inline-block;
}

div#mconsole_header > .header_navigation button {
    border: none;
    background-color: #191919;
    color: #ffffff;
}

div#mconsole_header > .header_navigation div {
    display: inline-block;
    vertical-align: top;
}

div#mconsole_header > .header_navigation > div:last-child {
    float: right;
}

div#mconsole_header > .header_title {
    clear: right;
    padding-left: 1em;
    padding-right: 1em;
}

div#mconsole_header > .header_title div {
    display: inline-block;
}

div#mconsole_header > .header_title > div:last-child {
    float: right;
}

/* _value.jsp context help style */

div.contextHelp
{
    font-size: 92%;
	background: transparent url("/images/event_info.svg") no-repeat 3px 7px;
	margin-top: 6px;
    min-height: 20px;
	padding-top: 8px;
	padding-right: 7px;
    padding-left: 26px;
}

div.contextHelp > p
{
    margin-top: 0px;
}

div.platformUnsupported
{
    font-size: 92%;
    padding-left: 26px;
}

div.androidUnsupported
{
	background: transparent url("/images/os-android.png") no-repeat 4px 7px;
    display: inline-block;
}

div.androidUnsupported > p
{
    display: inline-block;
    margin-left: 26px;
}

div.iosUnsupported
{
	background: transparent url("/images/os-ios.png") no-repeat 4px 7px;
    display: inline-block;
}

div.iosUnsupported > p
{
    display: inline-block;
    margin-left: 26px;
}

div.osxUnsupported
{
	background: transparent url("/images/os-osx.png") no-repeat 4px 7px;
    display: inline-block;
}

div.osxUnsupported > p
{
    display: inline-block;
    margin-left: 26px;
}

div.windowsUnsupported
{
	background: transparent url("/images/os-windows.png") no-repeat 4px 7px;
    display: inline-block;
}

div.windowsUnsupported > p
{
    display: inline-block;
    margin-left: 26px;
}

div.winuapUnsupported
{
	background: transparent url("/images/os-winuap.png") no-repeat 4px 7px;
    display: inline-block;
}

div.winuapUnsupported > p
{
    display: inline-block;
    margin-left: 26px;
}

/* _value.jsp context help warning style */

div.contextHelpWarn
{
    font-size: 92%;
	background: transparent url("/images/event_warning.svg") no-repeat 7px 7px;
	margin-bottom: 6px;
	margin-top: 6px;
	padding-top: 8px;
	padding-right: 7px;
    padding-left: 26px;
}

div.contextHelpWarn > p
{
    margin: 0px;
}

/* styles used for listview */

table.listview
{
    border-collapse: collapse;
    background-color: white;
}

table.listview > thead > tr
{
    background-color: #F4F4F4;
    border-top: 1px solid #BBBBBB;
    border-bottom: 1px solid #979797;
}

table.listview > thead > tr > td
{
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
    padding-left: 0.3em;
    padding-right: 0.3em;
    vertical-align: middle;
}

table.listview > thead > tr > td > a
{
    vertical-align: middle;
}

.columntitle
{
	color: black;
	white-space: nowrap;
}

.columntitle.sortable
{
	cursor: pointer;
}

table.listview > tbody
{
    border-bottom: 1px solid #BBBBBB;
}

table.listview > tbody > tr:first-child
{
    border-top: none;
}

table.listview > tbody > tr
{
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #BBBBBB;
}

table.listview > tbody > tr > td:first-child
{
    border-left: 1px solid #BBBBBB;
}

table.listview > tbody > tr > td
{
    border-left: 1px solid #DDDDDD;
    padding: 0.3em;
}

table.listview > tbody > tr.alignment
{
    border: none;
}

table.listview > tbody > tr.alignment > td
{
    padding: 0px;
}

.oddrow
{
    background-color: #F9F9F9;
}

.oddrow.selected
{
	background-color: #CADDF7;
}

.evenrow
{
	background-color: white;
}

.evenrow.selected
{
	background-color: #CFE3FD;
}

table.listview .errorrow {
	background-color: #FFE0E0;
}

table.listview .warningrow {
	background-color: #FFFFCC;
}

table.listview .errorrow.selected {
	background-color: #CFE3FD;
}

/* styles used in htm.Collapsible content */

.collapsible_toggle {
    margin-left: 2px;
    margin-right: 3px;
    vertical-align: bottom;
    width: 1.5em;
}

.collapsible_header {
	color: black;
	font-weight: 600;
    background-color: #F9F9F9;
    border-bottom-color: #F0F0F0;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    white-space: nowrap;
}

.collapsible_content {
    /* intentionally empty */
}

.collapsible_footer {
    /* intentionally empty */
}

.bordered_collapsible_content {
    background-color: white;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
}

.bordered_collapsible_header {
    background-color: white;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
	color: black;
	font-weight: 600;
    margin-top: 0.5em;
    white-space: nowrap;
}

.bordered_collapsible_footer {
    background-color: white;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 4px;
    margin-bottom: 0.5em;
}

/* logon page styles */

table.logon {
    background-color: #FFFFFF;
    border: 1px solid #122463;
    border-radius: 4px;
    border-spacing: 6px;
    padding: 6px;
    margin-top: 1.5em;
    margin-left: auto;
    margin-right: auto;
}

div.logonfail {
    color: red;
    text-align: left;
    margin: auto;
    width: 27em;
}

div.logonmsg {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

/* setting pages styles */

.setting_tree_frame {
    background-color: white;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
}

.setting_list_frame {
    background-color: white;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
}

.setting_list_row {
    white-space:nowrap;
}

.setting_list_item {
    color: black;
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
    white-space:nowrap;
}

.setting_list_icons {
    vertical-align:top;
    text-align:right;
    display:inline-block;
    width:22px;
    height:16px;
}

.setting_list_item_selected {
	background-color: #CFE3FD;
}

div.setting_value_title
{
    margin-bottom: 0.5em;
}

div.setting_value_title > span
{
    color: #444444;
    font-size: 115%;
    font-weight: 600;
    white-space: nowrap;
}

/* styles for tabbed control */

.tabbed_pane > div.content {
    background-color: white;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    clear: both;
    margin-bottom: 8px;
    padding: 10px;
}

.tabbed_pane > ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.tabbed_pane > ul > li {
    background-color: #F4F4F4;
    background: linear-gradient(#FFFFFF, #F4F4F4);
    background: -moz-linear-gradient(#FFFFFF, #F4F4F4);
    background: -webkit-linear-gradient(#FFFFFF, #F4F4F4);
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    float: left;
    font-size: 95%;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .25em;
    padding-bottom: .25em;
    position: relative;
    top: 1px;
}

.tabbed_pane > ul > li.selected {
    background: #FFFFFF;
    border-right: 2px solid #AAAAAA;
    border-bottom: 1px solid #FFFFFF;
}

.tabbed_pane > ul > li > a {
	text-decoration: none;
    color: black;
}

/* styles for tree control */

.tree_view table {
    border-spacing: 0px;
}

.tree_view td {
    padding: 0px;
    white-space: nowrap;
}

.tree_view img {
    border: 0px;
    vertical-align: middle;
}

.tree_view div.line_none {
    height: 1.5em;
    width: 18px;
}

.tree_view td.line_cell {
    vertical-align: top;
    width: 18px;
}

.tree_view div.line_middle {
    border-left: 1px solid #EEEEEE;
    height: 1.6em;
    margin-left: 9px;
    width: 9px;
}

.tree_view div.line_corner {
    border-left: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    height: 0.75em;
    margin-left: 9px;
    width: 9px;
}

.tree_view div.line_tee_top {
    border-left: 1px solid #EEEEEE;
    height: 0.75em;
    margin-left: 9px;
    width: 9px;
}

.tree_view div.line_tee_bottom {
    border-left: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    height: 0.75em;
    margin-left: 9px;
    width: 9px;
}

.tree_item {
    color: black;
}

.tree_item_selected {
	background-color: #CFE3FD;
}

/* styles for page control */

.pagectl_control {
    padding-left: .5em;
    padding-right: .5em;
}

td.pagectl_nav svg {
    height: 1.0em;
    width: 1.0em;
    padding-top: .3em;
	fill: #808080;
	stroke: #808080;
}

td.pagectl_nav a > svg:hover {
	fill: #000000;
	stroke: #000000;
}

table.pagectl_pages {
    border-collapse: collapse;
}

table.pagectl_pages {
    color: #666666;
}

table.pagectl_pages td {
    padding-right: 4px;
    padding-left: 4px;
    border-radius: 4px;
}

.pagectl_page {
	cursor: pointer;
}

.pagectl_page:hover {
    background-color: #CFE3FD;
    border-color: #CFE3FD;
    color: #000000;
}

.pagectl_page_current {
    background-color: #808080;
    border-color: #808080;
    color: white;
}

/* style for toggle all */

.toggle_all {
    display:inline-block;
	background: transparent url("/images/button-expand.svg") no-repeat 0 0.25em;
    background-size: 1.25em;
	cursor: pointer;
    height: 1.25em;
    width: 1.25em;
}

.toggle_all.expanded {
	background: transparent url("/images/button-collapse.svg") no-repeat 0 0.25em;
    background-size: 1.25em;
}

/* styles of input items */

input.ip_address {
    width:23em;
}

/* styles for policy */

.policy_desc_versionwarn {
    font-size: 85%;
    font-weight: 600;
}

.policy_compat_version {
    font-size: 85%;
}

.policy_compat_version_clickable {
    color: green;
	cursor: pointer;
    font-size: 80%;
    font-weight: 600;
}

img.policy_incompatible {
    border: 1px solid #993333;
}

img.in-use {
    height: 1.25em;
    vertical-align: middle;
    width: 1.25em;
}

span.policy_incompatible {
	color: #990000;
}

/* styles for status page */

.status_top_section {
    background-color: white;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    margin-bottom: 8px;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.75em;
}

.status_section {
    width: 180px;           /* see status_graph */
    vertical-align:top;
}

.status_section_sep {
    width: 1.5em;
}

.status_server_list tr.item td {
    border-top: 1px solid #DDDDDD;
    white-space: nowrap;
    padding-top: 3px;
    padding-bottom: 3px;
}

.status_server_list tr.extra table {
    padding-bottom: 10px;
}

.status_server_list tr.extra table td {
    font-size: 95%;
}

.status_server_color_label {
    border:solid #001144 1px;
    margin-left:4px;
    margin-right:4px; 
    height: 0.75em;
    width: 0.75em;
}

.status_toggle {
	background: transparent url("/images/button-expand.svg") no-repeat;
    background-size: 1em;
	cursor: pointer;
    text-align: center;
    height: 1em;
    width: 1em;
}

.status_toggle.expanded {
	background: transparent url("/images/button-collapse.svg") no-repeat;
    background-size: 1em;
}

.status_statistics_text {
    font-size: 100%;
    white-space: nowrap;
}

.status_sub_statistics {
    font-size: 100%;
    padding-left: 0.5em;
    white-space: nowrap;
}

.status_text_green {
    font-weight: 600;
    font-variant: small-caps;
    color: #008000;
}

.status_text_red {
    font-weight: 600;
    font-variant: small-caps;
    color: #CC0000;
}

.status_text_yellow {
    font-weight: 600;
    font-variant: small-caps;
    color: #808000;
}

.status_text_grey {
    font-weight: 600;
    font-variant: small-caps;
    color: #808080;
}

.status_text_normal {
    font-weight: normal;
}

.status_graph {
    height: 100px;      /* see StatusGraphController.java */
    width: 180px;       /* see status_section */
    border: 0;
}

.status_graph_label {
    font-size: 90%;
    text-align: center;
    white-space: nowrap;
}

td.status_graph_label {
    text-align: left;
    width: 280px;       /* This aligns right edge of search input with a graph */
}

.status_subpage_link
{
	color: #006480;
	cursor: pointer;
	font-weight: 600;
	text-decoration: none;
    white-space: nowrap;
}

.status_title
{
    font-size: 105%;
	font-weight: 600;
}

.status_subpage_link:hover
{
	text-decoration: underline;
}

svg.reset-peak {
    height: 1.3em;
    vertical-align: top;
    width: 1.3em;
}

/* styles for server details page */

.server_detail_graph {
    background-color: #FCFCFC;
    border-radius: 8px;
    border: 1px solid #DDDDDD;
    margin-top: 6px;
    margin-bottom: 12px;
    padding-left: 4px;
    padding-right: 4px;
}

/* styles for console roles */

.fea_item {
	height:22px;
}

.fea_label {
	display:inline-block; 
	width:220px; 
	margin-left:22px; 
	margin-top:3px;
}

.fea_select {
	width: 240px; 
	margin-top: 0px;
}

/* style for placeholder text (see MoCo.setPlaceholder) */

div.placeholder {
    background-color: transparent;
    color: #999999;
    display: none;
    pointer-events: none;
	position: absolute;
    z-index: 2;
}

/* styles for progress bar */

div.progressBar {
    background-color: #DDDDDD;
    border-radius: 6px;
    margin-top: 7px;
    padding: 2px;
}

div.progress {
    background-color: #808080;
    border-radius: 4px;
    color: #FFFFFF;
    height: 1.25em;
    text-align: center;	
    vertical-align: middle;
    width: 0%;
}

/* styles for buttons used for add/remove and move up/down */

button.add {
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
	cursor: pointer;
    font-weight: 800;
    padding: 0px;
    margin: 1px;
    width: 1.5em;
}

button.remove {
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
	cursor: pointer;
    padding: 0px;
    margin: 1px;
    width: 1.5em;
}

button.remove > img {
    vertical-align: middle;
    margin-top: -4px;
    padding-left: 1px;
}

button.updown {
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
	cursor: pointer;
    padding: 0px;
    margin: 1px;
    width: 1.5em;
}

button.updown > img {
    vertical-align: middle;
    margin-top: -2px;
    padding-left: 1px;
}

span.button-spacer {
    border: 1px solid transparent;
    display: inline-block;
    width: 1.5em;
}

a.button {
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
	cursor: pointer;
    padding: 0px;
    margin: 1px;
    width: 1.5em;
}

a.button > img {
    vertical-align: middle;
    margin-top: -2px;
    padding-left: 1px;
}

/* styles for deployment UI */

.aDeployUi
{
	color: #6699cc;
	font-size: 95%;
	font-weight: 600;
	text-decoration: none;
}

.aDeployUi:hover
{
	text-decoration: underline;
}

.deployNewVersion
{
    color: #76bd22;
	font-size: 80%;
	font-weight: 600;
    margin-left: 0.5em;
}

div.Table {display:table;}
div.TableRow {display:table-row;}
div.TableRowWarning {display:table-row; background-color:#FFFFCC;}
div.TableRowError {display:table-row; background-color:#FFE0E0;}
div.TableHeading {
	display: table-header-group;
	font-weight: 600;
}
div.TableBody {display: table-row-group;}
div.TableFoot {display: table-footer:group;}
div.TableCell, div.TableHeading {
	display: table-cell;
	padding: 3px 10px;
}

.fixed_header {
    table-layout: fixed;
    border: 1px solid #BBBBBB;
    border-collapse: collapse;
}

.fixed_header tbody {
    display:block;
    width: 100%;
    overflow: auto;
    height: 100px;
}

.fixed_header thead tr {
    display: block;
    background-color: #F0F0F0;
    border-bottom: 1px solid #BBBBBB;
}

.fixed_header th, .fixed_header td {
    text-align: left;
}

.overflow_ellipsis {
    white-space: nowrap; 
    overflow:hidden; 
    text-overflow: ellipsis; 	
}