es.css

BODY {
	font-family: Verdana, sans-serif;
	font-size: 73%;
	padding: 0;
	margin: 0;
}

INPUT, SELECT, TEXTAREA {
    border: 1px solid #cecece;
    padding: 1px 3px;
    background: white;
    *margin: -1px 0px;
}
SELECT {
    padding: 0;
    *text-indent: -1px;
}
.saf SELECT { margin-top: 0px; margin-bottom: 0px; }

TEXTAREA, CODE {
	font-family: monospace;
	font-size: 13px;
}

.es-left { float: left; }
.es-right { float: right; }

.textLink {
	color: blue;
	cursor: pointer;
}
.textLink:hover {
	text-decoration: underline;
}

.hint {
	margin: 0;
	opacity: 0.75;
}

.loading  {
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	text-indent: 20px;
}

#es-header {
	background: #eee;
	position: fixed;
	width: 100%;
	z-index: 9;
}

.es-header-top {
	padding: 3px 10px;
}

.es-header H1 {
	margin: -2px 0 -4px 0;
	float: left;
	padding-right: 25px;
}

.es-header-clusterName, .es-header-clusterStatus {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 10px;
}

.es-header-uri {
	width: 280px;
}

.es-header-menu {
	border-bottom: 1px solid #bbb;
	padding: 0px 3px;
	height: 22px;
}

.es-header-menu .active {
	background: white;
	border-bottom-color: white;
}

.es-header-menu-item {
	border: 1px solid #bbb;
	padding: 4px 8px 1px ;
	margin: 2px 1px 0;
	height: 14px;
	cursor: pointer;
}

#es-body {
	padding: 51px 0px 0px 0px;
}

.es-out {
	min-height: 30px;
}

.es-filterBrowser-row * {
	margin-right: 0.4em;
}

.es-filterBrowser-row BUTTON {
	height: 22px;
	position: relative;
	top: 1px;
}

.es-browserFilter {
	width: 340px;
	background: #b68686;
	padding: 5px 5px 5px 10px;
	float: left;
}

.es-browserFilter .es-title {
	font-variant: small-caps;
	font-weight: bold;
	margin: 5px 0px 5px -5px;
	color: #382929;
}

.es-browserTable {
  margin-left: 360px;
}

.es-filterBrowserIndexSelector {
	width: 100%;
	margin-bottom: 5px;
}

.es-filterBrowserType {
	cursor: pointer;
	border: 1px solid #ae8080;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0px 3px;
}

.es-filterBrowserType.es-selected {
	background-color: #dda3a3;
}

.uiTable-tools {
	padding: 3px 4px;
	height: 14px;
}

.uiTable-header-row {
	background: #ddd;
	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -webkit-linear-gradient(top, #eee, #ccc);
}

.uiTable-headercell-text {
	margin-right: 20px;
}

.uiTable-headercell-menu {
	display: none;
}

.uiTable-header-row TH {
	border-right: 1px solid #bbb;
	padding: 0;
	text-align: left;
}

.uiTable-header-row TH > DIV {
	padding: 3px 4px;
	border-right: 1px solid #eee;
}

.uiTable-headerEndCap > DIV {
	width: 19px;
}

.uiTable-header-row .uiTable-sort {
	background: #ccc;
	background: -moz-linear-gradient(top, #bebebe, #ccc);
	background: -webkit-linear-gradient(top, #bebebe, #ccc);
}
.uiTable-header-row TH.uiTable-sort > DIV {
	border-right: 1px solid #ccc;
}

.uiTable-sort .uiTable-headercell-menu {
	display: block;
}

.uiTable TABLE TD {
	border-right: 1px solid transparent;
	padding: 3px 4px;
}

.uiTable-body TABLE TR:nth-child(even) {
	background: #f3f3f3;
}

.uiTable-body TABLE TR.selected {
	color: white;
	background: #6060f1;
}

DIV.jsonPretty { font-size: 1.26em; font-family: monospace; }
UL.jsonPretty-object, UL.jsonPretty-array { margin: 0; padding: 0 0 0 2em; list-style: none; }
UL.jsonPretty-object LI, UL.jsonPretty-array LI { padding: 0; margin: 0; }
.expando > SPAN.jsonPretty-name:before { content: "\25bc\a0"; color: #555; position: relative; top: 2px; }
.expando.jsonPretty-minimised > SPAN.jsonPretty-name:before { content: "\25ba\a0"; top: 0; }
.jsonPretty-minimised > UL SPAN.jsonPretty-name:before,
.expando .jsonPretty-minimised > UL SPAN.jsonPretty-name:before { content: ""; }
UL.jsonPretty-object LI:after, UL.jsonPretty-array LI:after { content: ','; }
UL.jsonPretty-object LI:last-child:after, UL.jsonPretty-array LI:last-child:after { content: ''; }
SPAN.jsonPretty-string, SPAN.jsonPretty-string A { color: green; }
SPAN.jsonPretty-string A { text-decoration: underline;}
SPAN.jsonPretty-string:before { content: '"'; }
SPAN.jsonPretty-string:after { content: '"'; }
SPAN.jsonPretty-number { color: blue; }
SPAN.jsonPretty-null { color: red; }
SPAN.jsonPretty-boolean { color: purple; }
.expando > .jsonPretty-name { cursor: pointer; }
.expando > .jsonPretty-name:hover { text-decoration: underline; }
.jsonPretty-minimised { white-space: nowrap; overflow: hidden; }
.jsonPretty-minimised > UL { opacity: 0.6; }
.jsonPretty-minimised .jsonPretty-minimised > UL { opacity: 1; }
.jsonPretty-minimised UL, .jsonPretty-minimised LI { display: inline; padding: 0; }


/* es-ui-QueryFilter */

.queryFilter {
	width: 350px;
	padding: 5px;
	background: #d8e7ff;
	background: -moz-linear-gradient(left, #d8e7ff, #e8f1ff);
	background: -webkit-linear-gradient(left, #d8e7ff, #e8f1ff);
}

.queryFilter DIV.section {
	margin-bottom: 5px;
}

.queryFilter HEADER {
	display: block;
	font-variant: small-caps;
	font-weight: bold;
	margin: 5px 0;
}

.queryFilter-aliases SELECT {
	width: 100%;
}

.booble {
	cursor: pointer;
	background: #e8f1ff;
	border: 1px solid #e8f1ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 1px 4px;
	margin-bottom: 1px;
	overflow: hidden;
	white-space: nowrap;
}

.booble.selected {
	background: #dae3f0;
	border-top: 1px solid #c8d4e6;
	border-left: 1px solid #c8d4e6;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

.queryFilter-filterName {
	background-color: #cbdfff;
	margin-bottom: 4px;
	padding: 3px;
	cursor: pointer;
}

.queryFilter-filters INPUT  {
	width: 300px;
}

/* es.ui.Browser */

.browser-filter {
	float: left;
}

.browser-table {
	margin-left: 365px;
}

/* acx.ui.DraggablePanel + es.JsonPretty overrides */

.dark span.jsonPretty-string { color: #6F6; }
.dark span.jsonPretty-number { color: #66F; }
.dark span.jsonPretty-null { color: #F66; }
.dark span.jsonPretty-boolean { color: #F6F; }

/* es.ui.AnyRequest */

.anyRequest-request {
	float: left;
	width: 350px;
	padding: 5px;
	background: #d8e7ff;
	background: -moz-linear-gradient(left, #d8e7ff, #e8f1ff);
	background: -webkit-linear-gradient(left, #d8e7ff, #e8f1ff);
}

.anyRequest-request INPUT[type=text],
.anyRequest-request TEXTAREA {
	width: 340px;
}

.anyRequest INPUT[name=path] {
	width: 259px;
}

.anyRequest-out {
	margin-left: 365px;
}

.anyRequest-out P {
	margin-top: 0;
}

.anyRequest-jsonErr {
	color: red;
}

.anyRequest-history {
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: 100px;
	overflow-x: hidden;
	overflow-y: auto;
}

.sidebarSection {
}

.sidebarSection-head {
	background-color: #b9cfff;
	background-image: url(images/expando.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	margin-bottom: 1px;
	padding: 3px 3px 3px 17px;
	cursor: pointer;
}

.shown .sidebarSection-head {
	background-position: 2px -13px;
}

.sidebarSection-body {
	margin-bottom: 3px;
	display: none;
}

.sidebarSection-help {
	text-shadow: #228 1px 1px 2px;
}

/* es.ui.NodeVisualiser */
.nodeVisualiser > DIV {
	margin: 10px;
	text-align: center;
}
.nodeVisualiser TABLE { width: 100%; }
.nodeVisualiser-name { background: #aa1; padding: 10px; }
.nodeVisualiser-nodes { background: #a1a; }
.nodeVisualiser-nodes TD { background: #1aa; }

/* es.ui.DateHistogram */
.dateHistogram {
}

/* es.ui.ClusterOverview */
.clusterOverview-cluster {
	border-collapse: collapse;
}
.clusterOverview-cluster TH,
.clusterOverview-cluster TD {
	vertical-align: top;
	padding: 2px 20px;
}

.clusterOverview TH {
	font-weight: normal;
	text-align: left;
}

.clusterOverview TH.close,
.clusterOverview TD.close {
	color: #888;
	background: #f2f2f2;
}

.clusterOverview-node.master {
	background: #fff8dd;
}

.clusterOverview-title {
	font-weight: bold;
	font-size: 140%;
}
.clusterOverview-routing {
	position: relative;
}
.clusterOverview-nullReplica,
.clusterOverview-replica {
	cursor: pointer;
	float: left;
	height: 40px;
	width: 30px;
	margin: 4px;
	border: 2px solid #444;
	font-size: 32px;
	text-align: center;
}
.clusterOverview-replica.primary {
	border-width: 4px;
	margin: 2px;
}

.clusterOverview-nullReplica {
	border-color: transparent;
}
.clusterOverview-hasAlias {
	text-align: center;
	padding: 2px 20px;
	margin-bottom: 5px;
}
.clusterOverview-hasAlias.max {
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.clusterOverview-hasAlias.min {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.clusterOverview-hasAlias-remove {
	float: right;
	font-weight: bold;
	cursor: pointer;
}
.clusterOverview-replica.state-UNASSIGNED { background: #eeeeee; color: #999; border-color: #666; float: none; display: inline-block; }
.clusterOverview-replica.state-INITIALIZING { background: #dddc88; }
.clusterOverview-replica.state-STARTED { background: #99dd88; }
.clusterOverview-replica.state-RELOCATING { background: #dc88dd; }