geode-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From jensde...@apache.org
Subject [28/96] [abbrv] [partial] incubator-geode git commit: GEODE-12: rename pulse to gemfire-pulse and make build pass
Date Thu, 21 Jan 2016 22:55:09 GMT
http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/css/multiselect/jquery.multiselect.css
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/css/multiselect/jquery.multiselect.css b/gemfire-pulse/src/main/webapp/css/multiselect/jquery.multiselect.css
new file mode 100644
index 0000000..75a4b38
--- /dev/null
+++ b/gemfire-pulse/src/main/webapp/css/multiselect/jquery.multiselect.css
@@ -0,0 +1,295 @@
+/* theme specific */
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabledSelect {
+	cursor: default !important;
+}
+
+.ui-icon {
+	display: block;
+	text-indent: -99999px;
+	overflow: hidden;
+	background-repeat: no-repeat;
+	margin-top: 2px;
+	margin-bottom: 2px;
+}
+
+/* Interaction states
+----------------------------------*/
+.ui-state-defaultSelect,.ui-widget-contentSelect .ui-state-defaultSelect,.ui-widget-headerSelect .ui-state-defaultSelect
+	{
+	border: 0px solid #4D5B66;
+	background: #0F1C25 50% 50%	repeat-x;
+	color: #83939A !important;
+}
+
+.ui-state-defaultSelect a,.ui-state-defaultSelect a:link,.ui-state-defaultSelect a:visited
+	{
+	color: #3775c5;
+	text-decoration: none;
+}
+
+.ui-state-hoverSelect,.ui-widget-contentSelect .ui-state-hoverSelect,.ui-widget-headerSelect .ui-state-hoverSelect,.ui-state-focusSelect,.ui-widget-contentSelect .ui-state-focusSelect,.ui-widget-headerSelect .ui-state-focusSelect
+	{
+	border: 0px solid #3775c5;
+	background: #1f313f 50% 50% repeat-x;
+	font-weight: bold;
+	color: #b7b9bb; /*#3775c5;*/
+}
+
+.ui-state-hoverSelect a,.ui-state-hoverSelect a:hover,.ui-state-hoverSelect a:link,.ui-state-hoverSelect a:visited
+	{
+	color: #b7b9bb !important; /*#3775c5;*/
+	text-decoration: none;
+}
+
+.ui-state-activeSelect,.ui-widget-contentSelect .ui-state-activeSelect,.ui-widget-headerSelect .ui-state-activeSelect
+	{
+	border: 1px solid #4D5B66;
+	background: #132634 50% 50% repeat-x;
+	font-weight: bold;
+	color: #b7b9bb; /*#3775c5;*/
+}
+
+.ui-state-activeSelect a,.ui-state-activeSelect a:link,.ui-state-activeSelect a:visited
+	{
+	color: #3775c5;
+	text-decoration: none;
+}
+
+.ui-helper-resetSelect {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	line-height: 1.3;
+	text-decoration: none;
+	font-size: 100%;
+	list-style: none;
+}
+
+.ui-helper-clearfixSelect:before,.ui-helper-clearfixSelect:after {
+	content: "";
+	display: table;
+	border-collapse: collapse;
+}
+
+.ui-helper-clearfixSelect:after {
+	clear: both;
+}
+
+.ui-helper-clearfixSelect {
+	min-height: 0; /* support: IE7 */
+}
+
+/* Component containers
+----------------------------------*/
+.ui-widgetSelect {
+	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
+	font-size: 1.1em;
+}
+
+.ui-widgetSelect .ui-widgetSelect {
+	font-size: 1em;
+}
+
+.ui-widgetSelect input,.ui-widgetSelect select,.ui-widgetSelect textarea,.ui-widgetSelect button
+	{
+	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
+	font-size: 1em;
+}
+
+.ui-widget-contentSelect {
+	border: 1px solid #4D5B66;
+	background: #eeeeee 50% top repeat-x;
+	color: #333333;
+}
+
+.ui-widget-contentSelect a {
+	color: #333333;
+}
+
+.ui-widget-headerSelect a {
+	color: #ffffff;
+}
+
+.ui-widget-headerSelect {
+	border: 0px solid #FFF;
+	background: #132634 50% 50% repeat-x;
+	color: #cfdced;
+	font-weight: bold;
+}
+
+/* Corner radius */
+.ui-corner-allSelect,.ui-corner-topSelect,.ui-corner-leftSelect,.ui-corner-tlSelect
+	{
+	border-top-left-radius: 4px;
+}
+
+.ui-corner-allSelect,.ui-corner-topSelect,.ui-corner-rightSelect,.ui-corner-trSelect
+	{
+	border-top-right-radius: 4px;
+}
+
+.ui-corner-allSelect,.ui-corner-bottomSelect,.ui-corner-leftSelect,.ui-corner-blSelect
+	{
+	border-bottom-left-radius: 4px;
+}
+
+.ui-corner-allSelect,.ui-corner-bottomSelect,.ui-corner-rightSelect,.ui-corner-brSelect
+	{
+	border-bottom-right-radius: 4px;
+}
+
+/* theme specific */
+.ui-multiselect {
+	padding: 1px 1px 1px 1px;
+	text-align: left;
+	float: right;
+}
+
+.ui-multiselect-spanlink {
+	color: #83939A;
+	font-weight: normal;
+	text-decoration: underline;
+}
+
+.ui-multiselect span.ui-icon {
+	float: right
+}
+
+.ui-multiselect-single .ui-multiselect-checkboxes input {
+	position: absolute !important;
+	top: auto !important;
+	left: -9999px;
+}
+
+.ui-multiselect-single .ui-multiselect-checkboxes label {
+	padding: 5px !important
+}
+
+.ui-multiselect-header {
+	margin-bottom: 3px;
+	padding: 3px 5px 3px 0px
+}
+
+.ui-multiselect-header ul {
+	font-size: 0.9em
+}
+
+.ui-multiselect-header ul li {
+	float: left;
+	padding: 0 10px 0 0
+}
+
+.ui-multiselect-header a {
+	text-decoration: none
+}
+
+.ui-multiselect-header a:hover {
+	text-decoration: underline
+}
+
+.ui-multiselect-header span.ui-icon {
+	float: left
+}
+
+.ui-multiselect-header li.ui-multiselect-close {
+	float: right;
+	text-align: right;
+	padding-right: 0
+}
+
+.ui-multiselect-menu {
+	display: none;
+	padding: 3px;
+	position: absolute;
+	z-index: 10000;
+	text-align: left;
+	background: none repeat scroll 0 0 #283649;
+	height: 450px;
+}
+
+.ui-multiselect-checkboxes {
+	position: relative /* fixes bug in IE6/7 */; /*overflow-y:auto*/
+}
+
+.ui-multiselect-checkboxes label {
+	cursor: default;
+	display: block;
+	border: 1px solid transparent;
+	padding: 1px 1px
+}
+
+.ui-multiselect-checkboxes label input {
+	position: relative;
+	top: 1px
+}
+
+.ui-multiselect-checkboxes li {
+	clear: both;
+	font-size: 0.9em;
+	padding-right: 3px
+}
+
+.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
+	text-align: center;
+	font-weight: bold;
+	border-bottom: 1px solid
+}
+
+.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
+	display: block;
+	padding: 3px;
+	margin: 1px 0;
+	text-decoration: none
+}
+
+/* remove label borders in IE6 because IE6 does not support transparency */
+.ui-multiselect-checkboxes label {
+	border: none
+}
+
+.ui-helper-resetSelect li a img {
+	float: left;
+}
+
+button img {
+	float: left;
+}
+
+.ui-state-defaultSelect {
+	font-weight: normal;
+	line-height: 25px;
+}
+
+.ui-state-hoverSelect {
+	
+}
+
+.ui-icon-triangle-1-s {
+	background-position: right center
+}
+
+;
+.ui-multiselect-close>img {
+	float: right !important;
+}
+
+.ui-multiselect-close .ui-icon.ui-icon-circle-close {
+	display: none;
+}
+
+.ui-helper-resetSelect a {
+	text-decoration: none !important;
+}
+
+.ui-helper-resetSelect a:hover .ui-multiselect-spanlink {
+	color: #B7B9BB;
+}
+
+.ui-multiselect-checkboxes li label {
+	line-height: 20px;
+	font-weight: bold;
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/css/multiselect/prettify.css
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/css/multiselect/prettify.css b/gemfire-pulse/src/main/webapp/css/multiselect/prettify.css
new file mode 100644
index 0000000..cecf6d0
--- /dev/null
+++ b/gemfire-pulse/src/main/webapp/css/multiselect/prettify.css
@@ -0,0 +1,27 @@
+/* Pretty printing styles. Used with prettify.js. */
+
+.str { color: #080; }
+.kwd { color: #008; }
+.com { color: #800; }
+.typ { color: #606; }
+.lit { color: #066; }
+.pun { color: #660; }
+.pln { color: #000; }
+.tag { color: #008; }
+.atn { color: #606; }
+.atv { color: #080; }
+.dec { color: #606; }
+pre.prettyprint { padding: 5px; border:1px solid #d2d2d2; background:#f5f5f5 }
+
+@media print {
+  .str { color: #060; }
+  .kwd { color: #006; font-weight: bold; }
+  .com { color: #600; font-style: italic; }
+  .typ { color: #404; font-weight: bold; }
+  .lit { color: #044; }
+  .pun { color: #440; }
+  .pln { color: #000; }
+  .tag { color: #006; font-weight: bold; }
+  .atn { color: #404; }
+  .atv { color: #060; }
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/css/multiselect/style.css
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/css/multiselect/style.css b/gemfire-pulse/src/main/webapp/css/multiselect/style.css
new file mode 100644
index 0000000..c103f8a
--- /dev/null
+++ b/gemfire-pulse/src/main/webapp/css/multiselect/style.css
@@ -0,0 +1,16 @@
+body { font:12px Helvetica, arial, sans-serif }
+h1, h2, p { margin:10px 0 }
+.hidden { visibility:hidden }
+
+
+.message { padding:10px; margin:15px 0; display:block; text-align:left }
+.message-title { font-weight:bold; font-size:1.25em }
+.message-body { margin-top:4px }
+.error, .notice, .success { padding:.8em; margin-bottom:1em; border:2px solid #ddd }
+.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4 }
+.notice { background:#FFF6BF; color:#514721; border-color:#FFD324 }
+.success { background:#E6EFC2; color:#264409; border-color:#C6D880 }
+.error a { color:#8a1f11 }
+.notice a { color:#514721 }
+.success a { color:#264409 }
+

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/css/popup.css
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/css/popup.css b/gemfire-pulse/src/main/webapp/css/popup.css
new file mode 100644
index 0000000..79cc535
--- /dev/null
+++ b/gemfire-pulse/src/main/webapp/css/popup.css
@@ -0,0 +1,36 @@
+#mask {
+  position:absolute;
+  left:0;
+  top:0;
+  z-index:9000;
+  background:url(../images/mask-bg.png) repeat;
+  display:none;
+}
+  
+#boxes .window {
+  position:fixed;
+  left:0;
+  top:0;
+  display:none;
+  z-index:9999;
+  border:1px solid #49596a;
+  
+}
+.popup_heading{background:#142e41 ; display:block; width:100%; float:left;border-bottom:1px solid #49596a; }
+.popup_heading span{ color:#8a97a0; font-size:14px; float:left; width:82%; padding:10px 5px 10px 10px;}
+.closePopup{color:#fff; float:right; background:url(../images/popup-close-button.png) no-repeat; display:inline-block; width:14px; height:14px; margin:12px 10px 12px 5px;}
+/*popup Content Block*/
+.popup_contentBlock{float:left; width:100%}
+.popup-innerblock{background:#283649;  padding:10px; color:#949ba4; font-size:13px;}
+.popup-innerblock ul li{margin-bottom:5px;}
+.dataSeperator{margin:0px 5px;}
+.width-58{width:58%}
+/*Popup Width*/
+.width345 {
+  width:345px; 
+}
+.width700 {
+  width:700px; 
+}
+
+#gridPopup .popup-innerblock { background:#132634; }
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/css/style.css
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/css/style.css b/gemfire-pulse/src/main/webapp/css/style.css
new file mode 100644
index 0000000..056018e
--- /dev/null
+++ b/gemfire-pulse/src/main/webapp/css/style.css
@@ -0,0 +1,3048 @@
+/*fonts*/
+@font-face {
+	font-family: 'DroidSansRegular';
+	src: url('fonts/DroidSans-webfont.eot?') format('eot'),
+		url('fonts/DroidSans-webfont.woff') format('woff'),
+		url('fonts/DroidSans-webfont.ttf') format('truetype'),
+		url('fonts/DroidSans-webfont.svg#webfont6rGBoMAO') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'DroidSansBold';
+	src: url('fonts/DroidSans-Bold-webfont.eot?') format('eot'),
+		url('fonts/DroidSans-Bold-webfont.woff') format('woff'),
+		url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
+		url('fonts/DroidSans-Bold-webfont.svg#webfontSruMVOI5') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+/*----------------------------Main Structure starts---------------------------------------*/
+body {
+	background: #0f1c25 url(../images/bg-image.png) repeat-x left top;
+	font-family: 'DroidSansRegular', Arial, sans-serif;
+	font-size: 13px;
+	color: #cfd2d3;
+}
+
+.bodyLoginBg {
+	background: #0f1c25 url(../images/bg-imageLogin.png) repeat-x left top
+		!important;
+	font-family: 'DroidSansRegular', Arial, sans-serif;
+	font-size: 13px;
+	color: #cfd2d3;
+}
+
+.header {
+	height: 49px;
+	float: left;
+	width: 100%
+}
+
+.headerTopLinksMaster {
+	height: 25px;
+}
+
+.headerTopLinks {
+	color: #808080;
+	padding: 6px 7px 5px 7px;
+}
+
+.welcomeLabelPRZero {
+	padding-right: 0px !important
+}
+
+.font-size12 {
+	font-size: 12px;
+}
+
+.headerTopSeperator {
+	color: #4d4d4d;
+	height: 25px;
+	width: 1px;
+	background: url(../images/seperator.png) no-repeat center center
+}
+
+/*about */
+.aboutClicked-Off {
+	cursor: pointer;
+	display: block;
+}
+
+.aboutClicked-On {
+	background: #506d94;
+	color: #dce2ea !important
+}
+
+.aboutBlock {
+	background: #202e3d;
+	position: absolute;
+	right: 0px;
+	top: 25px;
+	border: 1px solid #546579;
+	z-index: 999;
+	width: 610px;
+	padding: 20px;
+	box-shadow: #1a222e 0px 3px 2px;
+}
+
+.aboutDetailsBlock {
+	width: 610px;
+	float: left
+}
+
+.marginBottom30 {
+	margin-bottom: 30px;
+}
+
+.aboutVersionBlock {
+	color: #899095;
+	padding-left: 23px;
+	font-size: 11px;
+}
+
+.aboutVersionBlock a {
+	color: #899095;
+	text-decoration: underline
+}
+
+.aboutText {
+	width: 405px;
+	color: #899095;
+	line-height: 20px;
+}
+
+.copyright {
+	color: #636c78;
+	font-size: 12px;
+	padding-bottom: 8px;
+}
+
+.termsBlock {
+	color: #818891;
+	font-size: 12px;
+}
+
+.termsBlock a {
+	color: #818891;
+	text-decoration: underline
+}
+
+.termsBlockLink {
+	color: #818891;
+	text-decoration: underline;
+	font-size: 12px;
+}
+
+.termsBlockLink:hover {
+	color: #818891;
+}
+
+#canvasWidth {
+	margin: 0px auto;
+	width: 1258px
+}
+
+#loginWidth {
+	margin: 0px auto;
+	width: 1000px
+}
+
+#dataView {
+	margin: 0px auto;
+	width: 1000px
+}
+
+.textbold {
+	font-family: /*'DroidSansBold',*/ Arial, sans-serif;
+	font-weight: bold
+}
+
+/* version details*/
+.versionDetailsOuterBlock {
+	background: #202e3d;
+	position: absolute;
+	right: 90px;
+	top: 150px;
+	border: 1px solid #546579;
+	z-index: 9999;
+	width: 400px;
+	padding: 20px;
+	box-shadow: #1a222e 0px 3px 2px;
+}
+
+.versionDetailsBlock {
+	width: 400px;
+	float: left;
+	color: #899095;
+	line-height: 20px;
+}
+
+/*---------------------------- Main Structure ends---------------------------------------*/
+
+/*----------------------------Header ends---------------------------------------*/
+.logoBlock {
+	background: url(../images/pivotal-logo.png) no-repeat center center;
+	width: 198px;
+	height: 36px;
+	cursor: pointer;
+	margin: 6px 0px
+}
+
+.logoBlock a {
+	visibility: hidden;
+	display: block;
+	height: inherit
+}
+
+.HeaderLink {
+	background: #d8d9da;
+	color: #545454;
+	padding: 16px 19px 16px 19px;
+	margin: 0px 0px 0px 0px;
+	font-size: 14px;
+	border-left: 1px solid #fff
+}
+
+.HeaderLink:first-child {
+	border-left: none
+}
+
+.HeaderLink:hover {
+	color: #0363a0
+}
+
+.HeaderLinkActive {
+	background: #0f1c25;
+	color: #cfd2d3;
+}
+
+.HeaderLinkActive:hover {
+	color: #cfd2d3;
+	cursor: default
+}
+
+/*----------------------------Top Navigation starts---------------------------------------*/
+.linkButton {
+	background: #202b39;
+	border-top: 1px solid #37414d;
+	color: #81878f;
+	padding: 8px 21px;
+	font-size: 13px
+}
+
+.linkButton:hover {
+	background: #132634;
+	color: #81878f;
+}
+
+/*Tabs*/
+.TabTopPanel {
+	background: #202b39;
+	border-top: 1px solid #37414d;
+	color: #81878f;
+	font-size: 13px;
+	width: 245px;
+}
+
+.TabTopPanelInnerBlock {
+	line-height: 31px;
+	background: url(../images/tab-bottom-bg.png) repeat-x left bottom;
+}
+
+.TopTabLink {
+	padding: 9px 22px;
+	color: #d0d4d6;
+	border-top: 1px solid transparent
+}
+
+.TopTabLink:hover {
+	color: #d0d4d6;
+}
+
+.TopTabLinkActive {
+	background: #132634;
+	border: 1px solid #2b3c49;
+	padding: 9px 22px;
+	border-bottom: 0px;
+}
+
+.notification {
+	background: #b63800;
+	font-size: 11px;
+	color: #fff;
+	line-height: 11px;
+	right: 0px;
+	top: -1px;
+	border-radius: 8px;
+	padding: 2px 4px;
+	box-shadow: 0px 1px 0px 0px #091319;
+	min-width: 15px;
+	text-align: center
+}
+
+.tabAll {
+	padding: 0px 5px
+}
+
+.tabError {
+	background: url(../images/error-msg-icon.png) no-repeat center center;
+	padding: 1px 5px
+}
+
+.tabWarning {
+	background: url(../images/warning-msg-icon.png) no-repeat center center;
+	padding: 1px 5px
+}
+
+.tabSevere {
+	background: url(../images/severe-msg-icon.png) no-repeat center center;
+	padding: 1px 6px
+}
+
+.tabInfo {
+	background: url(../images/info-msg-icon.png) no-repeat center center;
+	padding: 1px 6px
+}
+
+.topTabBlock {
+	background: #132634;
+	border: 1px solid #2b3c49;
+	left: 0px;
+	top: 31px;
+	border-top: 0px;
+	width: 243px;
+	z-index: 99
+}
+
+.scroll-pane {
+	width: 230px;
+	height: 728px;
+	overflow: auto;
+	margin: 5px 3px 5px 10px;
+}
+
+.scroll-pane_1 {
+	width: 228px;
+	height: 150px;
+	overflow: auto;
+	margin: 5px 3px 5px 10px;
+}
+
+.tabMessageMasterBlock {
+	margin: 15px 0px;
+	padding: 0px 10px 0px 20px;
+	font-size: 12px;
+}
+
+.tabMessageHeadingBlock {
+	color: #d0d4d6;
+	margin-bottom: 5px;
+}
+
+.tabMessageHeadingAckBlock {
+	color: #89939a;
+	margin-bottom: 5px;
+}
+
+.tabMessageDetailsBlock {
+	color: #89939a;
+	line-height: 16px;
+}
+
+.tabMessageDateBlock {
+	color: #515f69;
+	margin-top: 10px;
+}
+
+.errorMessageBlock {
+	background: url(../images/error-msg-icon.png) no-repeat left top;
+}
+
+.warningMessageBlock {
+	background: url(../images/warning-msg-icon.png) no-repeat left top;
+}
+
+.severeMessageBlock {
+	background: url(../images/severe-msg-icon.png) no-repeat left top;
+}
+
+.infoMessageBlock {
+	background:url(../images/info-msg-icon.png) no-repeat left top;
+}
+
+.clearButton {
+	margin: 10px 5px 5px;
+	float: right;
+}
+
+.clearButton .linkButton {
+	background: transparent;
+	border-top: 0px;
+	padding: 0px 10px;
+	text-decoration: underline
+}
+
+.clearButton .linkButton:hover {
+	color: #fff
+}
+
+.loadMoreButton {
+	margin: 10px 5px 5px;
+	float: right;
+	display: none;
+}
+
+.loadMoreButton .linkButton {
+	background: transparent;
+	border-top: 0px;
+	padding: 0px 10px;
+	text-decoration: underline;
+}
+
+.loadMoreButton .linkButton:hover {
+	color: #fff;
+}
+
+/*----------------------------Top Navigation ends---------------------------------------*/
+
+/*----------------------------Middle starts---------------------------------------*/
+.middleTopologyBlock {
+	width: 760px;
+	float: left;
+}
+
+.leftBlockCanvas {
+	width: 1002px;
+}
+
+.statusmasterBlock {
+	background: #202b39;
+	border-top: 1px solid #37414d;
+	margin-bottom: 10px;
+	float: left;
+	width: 1002px;
+}
+
+.statusFirstBlock {
+	border-right: 1px solid #3c4a5b;
+	padding: 20px;
+}
+
+.rightBlockCanvas {
+	width: 242px;
+	float: right
+}
+
+.canvasBlockLarge {
+	background: #132634;
+	width: 748px;
+}
+
+.canvasBlockLargeContent {
+	padding: 10px 0px;
+	width: 748px;
+	min-height: 420px;
+}
+
+.canvasBlockLargeGridContent {
+	padding: 10px 0px;
+	width: 748px;
+	min-height: 250px;
+}
+
+.canvasBlock {
+	background: #132634;
+	width: 242px;
+}
+
+.canvasBlockInnerBlock {
+	background: #202b39;
+	border-top: 1px solid #37414d;
+	border-bottom: 1px solid #0f1c25;
+}
+
+.canvasHeading {
+	text-transform: uppercase;
+	text-shadow: -1px -1px #161e28;
+	font-size: 14px;
+	color: #ababab;
+	padding: 11px 0px
+}
+
+.canvasInnerBlock {
+	border-top: 1px solid #2b3c49
+}
+
+.canvasContentBlock {
+	padding: 10px 0px;
+	width: 242px;
+	min-height: 150px;
+}
+
+/* start - Change suggested by VMWARE for key stats widget, dt: 17Oct2012 */
+.canvasBlockKeyStats {
+	background: #132634;
+	width: 495px;
+}
+
+.width495 {
+	width: 495px
+}
+
+.canvasContentBlockKeyStats {
+	padding: 10px 0px;
+	width: 495px;
+	min-height: 150px;
+}
+
+.lineGraphKeyStats {
+	width: 300px;
+	margin-right: 10px
+}
+/* end - Change suggested by VMWARE for key stats widget, dt: 17Oct2012 */
+.statusUpDowmBlock {
+	padding: 8px 0px 8px 25px;
+	color: #89939a;
+	margin: 0px 10px;
+}
+
+.statusUp {
+	background: url(../images/status-up.png) no-repeat left 6px;
+}
+
+.statusDown {
+	background: url(../images/status-down.png) no-repeat left 6px;
+}
+
+.width242 {
+	width: 242px
+}
+
+.width225 {
+	width: 225px
+}
+
+.graphBlocksContent {
+	padding: 5px 10px 5px 10px;
+	color: #89939a;
+}
+
+.graphChart {
+	width: 232px;
+	margin-left: 5px;
+	margin-right: 5px;
+}
+
+.graphChart img {
+	width: 100%
+}
+
+.lineGraph {
+	width: 100px;
+	margin-right: 10px
+}
+
+.lineGraph img {
+	width: 100%
+}
+
+.minusIcon {
+	background: url(../images/minus.png) no-repeat center center;
+	width: 16px;
+	height: 17px;
+	float: right;
+	cursor: pointer;
+	padding: 10px
+}
+
+.plusIcon {
+	background: url(../images/plus.png) no-repeat center center;
+	width: 16px;
+	height: 17px;
+	float: right;
+	cursor: pointer;
+	padding: 10px
+}
+
+.borderLeftToggleBlock {
+	border-left: 1px solid #172735
+}
+
+.graphIcon {
+	background: url(../images/graph.png) no-repeat center center;
+	width: 17px;
+	height: 17px;
+	float: right;
+	cursor: pointer;
+	padding: 10px 10px 10px 5px;
+}
+
+.graphIconActive {
+	background: url(../images/graph-active.png) no-repeat center center;
+	width: 17px;
+	height: 17px;
+	float: right;
+	cursor: pointer;
+	padding: 10px 10px 10px 5px;
+}
+
+.chartIcon {
+	background: url(../images/chart.png) no-repeat center center;
+	width: 17px;
+	height: 17px;
+	float: right;
+	cursor: pointer;
+	padding: 10px 10px 10px 5px;
+}
+
+.chartIconActive {
+	background: url(../images/chart-active.png) no-repeat center center;
+	width: 17px;
+	height: 17px;
+	float: right;
+	cursor: pointer;
+	padding: 10px 10px 10px 5px;
+}
+
+.gridIcon {
+	background: url(../images/grid.png) no-repeat center center;
+	width: 17px;
+	height: 17px;
+	float: right;
+	cursor: pointer;
+	padding: 10px 10px 10px 5px;
+	border-right: 1px solid #3c4a5b
+}
+
+.gridIconActive {
+	background: url(../images/grid-active.png) no-repeat center center;
+	width: 17px;
+	height: 17px;
+	float: right;
+	cursor: pointer;
+	padding: 10px 10px 10px 5px;
+	border-right: 1px solid #3c4a5b
+}
+
+.chartBlocksPanel,.graphBlocksPanel {
+	padding: 0px 10px 0px 10px;
+	color: #89939a;
+	width: 728px;
+}
+
+.gridBlocksPanel {
+	padding: 0px 0px 0px 0px;
+	color: #89939a;
+	width: 747px;
+	margin-top: 0px
+}
+/*graph color Code*/
+.colorCodeBlock {
+	width: 12px;
+	height: 12px;
+	display: block
+}
+
+.colorCodeBlockOnPopup {
+	width: 9px;
+	height: 9px;
+	display: block
+}
+
+.managerCode {
+	background: #0077F0;
+}
+
+.locatorsCode {
+	background: #8071B4;
+}
+
+.severeCode {
+	background: #B07C2A;
+}
+
+.colorCode-ffae00 {
+	background: #ffae00;
+}
+
+.diskReadsCode {
+	background: #FAB948; /*background:#87b025;*/
+}
+
+.diskWritesCode {
+	background: #2e84bb;
+}
+
+.topologyGraph {
+	width: 410px;
+	margin: -2px auto;
+	text-align: center
+}
+
+.topologyGraph img {
+	width: 100%
+}
+
+.treeViewGraphClusterView {
+	width: 730px;
+	margin: 0px auto;
+	text-align: center;
+	cursor: pointer;
+}
+
+.treeViewGraph {
+	width: 730px;
+	margin: 0px auto;
+	text-align: center
+}
+
+.treeViewGraph img {
+	width: 100%
+}
+/*Normal*/
+.statusMasterBlock {
+	padding-left: 40px;
+	font-size: 23px;
+}
+
+.normalStatus {
+	background: url(../images/normal-status-icon.png) no-repeat left top;
+	color: #87b025;
+}
+
+.errorStatus {
+	background: url(../images/error-status-icon.png) no-repeat left top;
+	color: #c86a17;
+}
+
+.warningStatus {
+	background: url(../images/warning-status-icon.png) no-repeat left top;
+	color: #e9c63c;
+}
+
+.severeStatus {
+	background: url(../images/severe-status-icon.png) no-repeat left top;
+	color: #b82811;
+}
+
+.labeltext {
+	color: #949ba4;
+	font-size: 13px
+}
+
+.borderRightDarkBlue {
+	border-left: 1px solid #172735;
+}
+
+.detailsBlock {
+	padding: 20px 10px;
+	float: left;
+	text-align: center
+}
+
+/*search Block*/
+.searchBlockMaster {
+	background: #0f1c25;
+	width: 171px;
+	float: right;
+	border-radius: 3px;
+	box-shadow: 0 1px 0 0 #27333b;
+	height: 25px;
+}
+
+.searchButton {
+	width: 18px;
+	height: 18px;
+	background: url(../images/searchIcon.png) center center no-repeat;
+	border: 0px;
+	cursor: pointer;
+	float: left;
+	margin: 4px;
+}
+
+.searchBox {
+	float: left;
+	width: 135px;
+	padding: 3px !important;
+	height: 19px;
+	border: 0px !important;
+	background: #0f1c25;
+	color: #b7b9bb !important
+}
+
+/*login Block*/
+.loginMasterBlock {
+	width: 275px;
+	margin: 130px auto 0px
+}
+
+.pulseBottomSpace {
+	margin-bottom: 20px;
+	text-align: center;
+}
+
+.loginInnerBlock {
+	background: #202b39;
+	border-radius: 3px;
+	box-shadow: 0 -1px 0 0 #37414d;
+	padding: 28px;
+}
+
+.inputUserName {
+	background: #0f1c25;
+	border-radius: 3px;
+	box-shadow: 0 1px 0 0 #27333b;
+	padding: 10px !important;
+	border: 0px !important;
+	width: 200px;
+	margin-bottom: 5px;
+	color: #b7b9bb !important
+}
+
+.inputPassword {
+	background: #0f1c25;
+	border-radius: 3px;
+	box-shadow: 0 1px 0 0 #27333b;
+	padding: 10px !important;
+	border: 0px !important;
+	width: 200px;
+	margin-bottom: 5px;
+	color: #b7b9bb !important;
+	outline: none
+}
+
+.signInButton {
+	background: #153c71;
+	border-radius: 3px;
+	border: 0px !important;
+	box-shadow: 0 -1px 0 0 #2d507f;
+	color: #8a9eb8;
+	font-size: 15px;
+	text-align: center;
+	padding: 8px 0px;
+	width: 100%;
+	margin-top: 5px;
+	text-transform: uppercase;
+	cursor: pointer
+}
+
+.signInButton:hover {
+	background: #164381
+}
+
+/*Placeholder*/
+::-webkit-input-placeholder {
+	color: #515F69 !important
+}
+
+:-moz-placeholder {
+	color: #515F69 !important
+}
+
+:-ms-input-placeholder {
+	color: #515F69 !important
+}
+
+.placeholder {
+	color: #515F69 !important
+}
+
+/*error Message master block*/
+.errorMasterBlock {
+	border-bottom: 1px solid #37414d;
+	background: #293b4e;
+	border-radius: 3px 3px 0px 0px;
+	box-shadow: 0 -1px 0 0 #37414D;
+	padding: 10px 12px;
+}
+
+.errorInnerIcon {
+	background: url(../images/error-message-icon.png) no-repeat left top;
+	padding: 0px 0px 0px 29px;
+	line-height: 18px;
+	color: #949da7;
+}
+
+.errorInnerIcon span {
+	display: block
+}
+/*Connection Lost*/
+.connectionLostMasterBlock {
+	position: relative;
+	margin: 0px auto;
+	width: 234px;
+}
+
+.connectionLostInnerBlock {
+	background: #d9d082;
+	padding: 8px;
+	position: absolute;
+	top: 75px;
+	color: #424028;
+	width: 250px;
+}
+
+.connectionLostInnerBlock a {
+	text-decoration: underline;
+	color: #424028;
+}
+
+.connectionLostInnerBlock a:hover {
+	color: #424028;
+}
+
+.linkSeperator {
+	padding: 0px 5px;
+}
+
+/*popup*/
+.detailsBlock-popup {
+	padding: 10px 10px;
+	float: left;
+	text-align: center;
+	min-width: 70px
+}
+
+.firstPaddingLeftZero {
+	padding-left: 0px !important
+}
+
+.lastPaddingLeftZero {
+	padding-right: 0px !important
+}
+
+.popupHeading {
+	background: #142e41;
+	padding: 8px 10px;
+	color: #8a97a0;
+	border-bottom: 1px solid #586a81;
+	width: 89%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.popupFirstRow {
+	padding: 10px;
+	width: 180px;
+	float: left
+}
+
+.popupFirstRowBorder {
+	float: left;
+	border-bottom: 1px solid #4e6277;
+	width: 100%;
+	padding: 5px 0px 10px 0px
+}
+
+.perDivWidth {
+	width: 150px;
+}
+
+.perInnerBlock {
+	width: 85px;
+	float: left;
+	height: 14px;
+	margin: 5px 5px 5px 0;
+}
+
+.perInnerPanel {
+	width: 100%;
+	background: #fff;
+	float: left
+}
+
+.perShowBlock {
+	background: #7a9e25;
+	diaplay: inline-block;
+	float: left
+}
+
+.perValueDisplay {
+	color: #7a9e25;
+	font-size: 25px;
+	display: inline-block;
+	float: left
+}
+
+.fontSize15 {
+	font-size: 15px
+}
+
+.popupSecondRow {
+	float: left;
+	width: 100%;
+	padding: 5px 0px;
+}
+
+.swappingEnabledBlock {
+	background: #1c2633;
+	border-radius: 3px;
+	text-align: center;
+	color: #8e9399;
+	float: left;
+	width: 100%;
+	padding: 5px 0;
+}
+
+.popupStatusmasterBlock {
+	background: #202b39;
+	border-top: 1px solid #37414d;
+	margin-bottom: 2px;
+	float: left;
+	width: 277px;
+}
+
+.popupdetailsBlock {
+	padding: 2px 2px;
+	float: left;
+	text-align: center;
+	width: 87px;
+}
+
+.tooltip .popupcontent {
+	background: #132634;
+	border: 1px solid #889eb9;
+	width: 277px;
+	min-height: 60px;
+}
+
+.popupCanvasContentBlock {
+	padding: 10px 0px;
+	width: 277px;
+	min-height: 150px;
+}
+
+
+/*member Details*/
+.detailsBlock-member {
+	padding: 5px 3px;
+	float: left;
+	width: 70px;
+	text-align: left !important;
+	word-wrap: break-word;
+}
+
+.endPointMasterBlock {
+	margin-top: 15px;
+	width: 242px
+}
+
+.pointHeading {
+	border-bottom: 1px solid #11202b;
+	float: left;
+	width: 100%
+}
+
+.pointTextHeading {
+	color: #d0d4d6;
+	text-transform: uppercase;
+	padding: 8px 10px;
+	float: left
+}
+
+.pointGridHeading {
+	border-top: 1px solid #213341;
+	border-bottom: 1px solid #11202b;
+	width: 100%;
+	float: left;
+	color: #d0d4d6
+}
+
+.pointHeadingPadding {
+	padding: 6px 10px;
+	text-align: left;
+	float: left
+}
+
+.pointC1 {
+	width: 50px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: pre;
+}
+
+.pointC2 {
+	width: 80px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: pre;
+}
+
+.pointC3 {
+	width: 30px;
+	text-align: center;
+	overflow: hidden;
+	white-space: pre;
+}
+
+#asynchList .pointC2{
+ width: 75px;
+}
+
+#asynchList .pointC3{
+  margin-left: -5px;
+  padding-left: 0;
+  padding-right: 0;
+  width: 60px;
+}
+.pointC1-2 {
+	width: 150px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: pre;
+}
+
+.membersTreeViewHeight {
+	height: 504px !important;
+}
+
+.pointGridData {
+	border-top: 1px solid #213341;
+	width: 100% !important;
+	float: left;
+	height: 160px;
+	overflow-y: auto;
+}
+
+.pointDetailsPaddingMember {
+	padding: 6px 10px;
+	float: left;
+	color: #89939a
+}
+
+.pointDetailsPadding {
+	padding: 1% 1%;
+	width: 98%;
+	float: left;
+	color: #89939a
+}
+
+.pointGridData .jspVerticalBar {
+	right: 4px !important
+}
+
+.textUpper {
+	text-transform: uppercase
+}
+
+/*members Name Top DropDown*/
+.rightDropDownBlock {
+	margin-left: 13px;
+}
+
+.rightDropDownBlock a {
+	float: left;
+	padding: 4px 5px;
+	position: relative;
+}
+
+.rightDropDownBlock a:hover {
+	color: #0363a0
+}
+
+.rightDropDownBlock a span {
+	background: url(../images/top-user-dropdown-arrow.png) no-repeat right
+		5px;
+	vertical-align: top;
+	padding: 0px 16px 0px 7px;
+	margin-top: 5px;
+	position: relative;
+	float: left
+}
+
+.rightDropDownBlock a:hover span {
+	background-position: right -20px;
+}
+
+.hotspot_txt {
+  font-size: 13px;
+  color: #cdd0d1;
+  overflow: hidden;
+  white-space: pre;
+  float: right;
+}
+
+.hotspotNameTopMargin {
+  width: 193px;
+}
+
+.hotspotClicked-Off {
+  cursor: pointer;
+  display: block
+}
+
+.hotspotClicked-On {
+  z-index: 999 !important;
+  cursor: pointer
+}
+
+.hotspotClicked-Off span {
+  background: url(../images/membersName_arror-off.png) no-repeat right
+    center;
+  padding-right: 26px;
+  display: inline-block
+}
+
+.hotspotClicked-On span {
+  background: url(../images/membersName_arror-on.png) no-repeat right
+    center;
+  padding-right: 26px;
+  display: inline-block
+}
+
+.memberClicked-Off {
+	cursor: pointer;
+	display: block
+}
+
+.memberClicked-On {
+	z-index: 999 !important;
+	cursor: pointer
+}
+
+.settingBlock {
+	background: #283649;
+	position: absolute;
+	left: 0px;
+	top: 25px;
+	border: 1px solid #546579;
+	z-index: 9999;
+	width: 193px;
+}
+
+.settingBlock ul {
+	display: block;
+	float: left;
+	width: 100%
+}
+
+.settingBlock ul li {
+	width: 100%;
+}
+
+.settingBlock ul li a {
+	display: block;
+	font-size: 13px;
+	padding: 5px;
+}
+
+.rightDropDownBlock img {
+	float: left
+}
+
+.memberClicked-Off span {
+	background: url(../images/membersName_arror-off.png) no-repeat right
+		center;
+	padding-right: 26px;
+	display: inline-block
+}
+
+.memberClicked-On span {
+	background: url(../images/membersName_arror-on.png) no-repeat right
+		center;
+	padding-right: 26px;
+	display: inline-block
+}
+
+.member_txt {
+	font-size: 20px;
+	color: #cdd0d1; /*width:168px;*/
+	overflow: hidden; /*text-overflow: ellipsis;*/
+	white-space: pre;
+}
+
+.membersNameTopMargin {
+	margin-top: 5px;
+	width: 193px;
+}
+
+.memeberNameSearch {
+	padding: 10px 11px;
+	float: left
+}
+
+/**autocomplete**/
+.jsonSuggestScroll {
+	width: 193px;
+	float: left;
+	height: 125px;
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+.jsonSuggestScroll .jspPane {
+	width: 193px !important
+}
+
+.jsonSuggestScroll .jspDrag {
+	left: -3px;
+	background: #7a8eaa
+}
+
+.hideHorizontalScroll {
+	overflow-x: hidden !important;
+}
+
+/*dataView */
+.dataViewTreeViewBlock {
+	width: 427px;
+	float: left;
+	overflow: hidden
+}
+
+.rightBlockDataView {
+	width: 563px;
+	float: right
+}
+
+.canvasBlockDataView {
+	width: 563px;
+}
+
+.canvasBlockLargeDataView {
+	background: #132634;
+	width: 428px;
+}
+
+.width563 {
+	width: 563px;
+}
+
+.canvasContentBlockDataView {
+	min-height: 685px;
+	padding: 10px 0;
+	width: 563px;
+	background: #132634;
+}
+
+.selectedRegionLabel {
+	color: #87b025;
+	font-size: 20px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: pre;
+	width: 543px;
+	padding: 8px 10px;
+	background: #202b39;
+	border-bottom: 1px solid #04121b;
+	border-top: 1px solid #37414d;
+}
+
+.canvasBlockLargeContentDataView {
+	min-height: 690px;
+	padding: 10px 0;
+	width: 428px;
+}
+
+.chartBlocksPanelDataView,.graphBlocksPanelDataView {
+	color: #89939A;
+	padding: 0 10px;
+	width: 407px;
+}
+
+.treeViewGraphDataView {
+	width: 405px;
+	margin: 0px auto;
+	text-align: center;
+	cursor: pointer;
+}
+
+.marginL5 {
+	margin-left: 5px;
+}
+
+.marginL10 {
+	margin-left: 10px;
+}
+
+.marginR10 {
+  margin-right: 10px;
+}
+
+.regionsCount {
+	color: #d2d5d7
+}
+
+.wanEnabledIcon {
+	display: block;
+	height: 8px;
+	width: 27px;
+	background: url(../images/dataViewWanEnabled.png) no-repeat left top;
+	margin-top: 3px;
+}
+
+.detailsBlock-memberDataView {
+	padding: 5px 4px;
+	float: left;
+	text-align: center; /*word-wrap:break-word;*/
+}
+
+.regionType {
+	width: 105px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: pre;
+}
+
+.graphBlocksContentDataView {
+	padding: 5px 10px 15px 10px;
+	color: #89939a;
+}
+
+.border-topZero {
+	border-top: 0px !important
+}
+
+.pointGridDataView {
+	border-top: 1px solid #213341;
+	width: 100%;
+	float: left;
+}
+
+.dataViewLeftBlock {
+	width: 273px;
+}
+
+.dataViewRightBlock {
+	width: 273px;
+}
+
+.usageDataView {
+	padding: 5px 6px;
+	text-align: left;
+	word-wrap: break-word;
+}
+
+.dataViewUsedMasterBlock {
+	margin: 10px;
+	width: 95%;
+}
+
+.dataUsedProgressbar {
+	border: 1px solid #364652;
+	background: #012e4c;
+	float: left;
+	width: 250px;
+	margin: 40px 0 14px 0;
+	padding: 2px;
+	position: relative;
+}
+
+.memoryUsageChart {
+	background: #afddf8;
+	padding: 2px 0px;
+	text-align: right;
+	color: #24516e;
+	font-size: 20px;
+	max-width: 100%;
+	position:relative;
+	height: 20px;
+}
+
+.memoryUsageValue{
+ position: absolute;
+ top:0;
+ left:5px;
+ line-height: 30px; 
+ text-align: right;
+ color: #24516e;
+}
+
+#memoryUsageDiv, #regionMembersWidgetContainer{
+ height:200px;
+}
+
+.PerRightMargin {
+	font-size: 13px;
+	margin-right: 5px;
+}
+
+.dataUsageChart {
+	background: #c7f8af;
+	padding: 2px 0px;
+	text-align: right;
+	color: #24516e;
+	font-size: 20px;
+	max-width: 100%
+}
+
+.readsTextHeading {
+	color: #d0d4d6;
+	text-transform: uppercase;
+}
+
+.dataViewGraphMaster {
+	border: 1px solid #364652;
+	float: left;
+	width: 214px;
+	margin: 5px 0 0px 0;
+	padding: 2px;
+}
+
+.dataViewGraph {
+	padding: 2px 0px;
+	text-align: center;
+}
+
+.dataViewGraph img {
+	width: 100%;
+}
+
+.regionMembersMasterBlock {
+	margin: 10px 10px 10px 0px;
+	width: 100%;
+}
+
+.regionMembersSearchBlock {
+	min-height: 120px;
+	overflow-y: auto;
+	overflow-x: hidden !important;
+	width: 100%
+}
+
+.regionMembersSearchBlock .pointDetailsPadding {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: pre;
+	padding: 5px 0px 5px 0px;
+	cursor: pointer
+}
+
+.regionMembersSearchBlock .pointDetailsPadding:hover {
+	background: #283649;
+	color: #ffffff;
+}
+
+.dataViewRightBlock .searchBlockMaster {
+	float: left;
+	width: 167px
+}
+
+.regionHeading {
+	background: #132634 !important
+}
+
+.regionHeading .canvasHeading {
+	color: #d0d4d6 !important
+}
+
+.regionHeading .canvasHeading label {
+	width: 450px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: pre;
+	float: left;
+	text-transform: none;
+}
+
+.horizontalSeparator {
+	border-bottom: 1px solid #37414D;
+	border-top: 1px solid #0F1C25;
+	margin-bottom: 10px;
+	width: 100%;
+}
+
+/*memberDetails filter*/
+.resultItemFilter {
+	background: #283649 !important;
+	border-top: 1px solid #4E6277;
+	color: #868D98;
+	cursor: pointer;
+	margin: 0;
+	padding: 5px;
+	position: relative;
+}
+
+.resultItemFilter a {
+	color: #868d98;
+	word-wrap: break-word;
+}
+
+.resultItemFilter a:hover {
+	color: #fff;
+}
+
+.jsonSuggestScrollFilter {
+	width: 193px;
+	float: left;
+	height: 300px;
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+
+.jsonSuggestScrollFilter .jspPane {
+	width: 193px !important
+}
+
+.jsonSuggestScrollFilter .jspDrag {
+	left: -3px;
+	background: #7a8eaa
+}
+
+/* Added for sparkline tooltip*/
+.jqstooltip {
+	z-index: 100;
+}
+
+.popupRowBorder {
+	float: left; /*border-bottom:1px solid #4e6277;*/
+	width: 100%;
+	padding: 1px 0px 1px 0px
+}
+
+.marginTop3 {
+	margin-top: 3px;
+}
+
+.marginTop4 {
+	margin-top: 4px;
+}
+
+.marginTop6 {
+	margin-top: 6px;
+}
+
+.marginBottom4 {
+	margin-bottom: 4px;
+}
+
+.marginBottom6 {
+	margin-bottom: 6px;
+}
+
+.marginBottom10 {
+  margin-bottom: 10px;
+}
+
+.marginTop10 {
+	margin-top: 10px;
+}
+
+.marginzero {
+	margin: 0;
+}
+
+.borderBottomZero {
+	border-bottom: 0px !important
+}
+
+.width85Per {
+	width: 85%
+}
+
+.width91Per {
+	width: 91%
+}
+
+.width96Per {
+	width: 96%
+}
+
+.width100Per {
+	width: 100%
+}
+
+.displayNone{
+	display: none;
+}
+
+.popInnerBlockEllipsis {
+	width: 100%;
+	text-overflow: ellipsis;
+	white-space: pre;
+	overflow: hidden;
+}
+
+.regionType {
+	width: 105px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: pre;
+}
+/*----------------------------Middle ends---------------------------------------*/
+
+/* switch css */
+.switchMaster {
+	background: #10222f;
+	border: 1px solid #09131a;
+	display: inline-block;
+	border-radius: 3px;
+	margin: 4px 3px
+}
+
+.membersButton,.dataButton {
+	height: 26px;
+	display: inline-block;
+	cursor: pointer;
+	line-height: 26px;
+	padding: 0px 10px;
+	text-transform: uppercase;
+	color: #58656e;
+}
+
+.switchActive {
+	background: #283c58;
+	border-top: 1px solid #536379;
+	border-radius: 3px;
+	color: #ababab
+}
+
+.switchRightBlockLinks {
+	background: url(../images/rightBorder.png) repeat-y right top;
+	padding: 11px 10px 12px 10px
+}
+
+.switchRightBlockLinks a {
+	color: #506d94;
+	font-size: 12px;
+	padding: 0 7px
+}
+
+.switchRightBlockLinks a:hover {
+	color: #cfdced;
+}
+
+.switchRightBlockLinks .switchActiveLink,.switchRightBlockLinks .switchActiveLink:hover
+	{
+	color: #cfdced;
+	cursor: default;
+	visibility:
+}
+
+/*breadCrumb*/
+.breadCrumbs {
+	color: #cdd0d1;
+	margin-top: 5px;
+	font-size: 18px;
+}
+
+.breadCrumbs a {
+	color: #9ba0a4;
+	font-size: 12px;
+	vertical-align: middle
+}
+
+.breadCrumbs a:hover {
+	color: #0363A0
+}
+
+.breadCrumbs .breadCrumbArrow {
+	background: url(../images/bread-crumb.png) no-repeat center center;
+	width: 33px;
+	display: inline-block
+}
+
+.breadCrumbs label {
+	vertical-align: middle
+}
+
+/*data Browser*/
+.dataBrowserLeftBlock {
+	width: 263px;
+	float: left;
+	background: red
+}
+
+.dataBrowserRightBlock {
+	width: 727px;
+	float: right;
+	background: green
+}
+/*Popup Css style*/
+#mask {
+	position: absolute;
+	left: 0;
+	top: 0;
+	z-index: 9000;
+	background: url(../images/mask-bg.png) repeat;
+	display: none;
+}
+
+#boxes .window {
+	position: fixed;
+	left: 0;
+	top: 0;
+	display: none;
+	z-index: 9999;
+	border: 1px solid #49596a;
+}
+
+.popup_heading {
+	background: #142e41;
+	display: block;
+	width: 100%;
+	float: left;
+	border-bottom: 1px solid #49596a;
+}
+
+.popup_heading span {
+	color: #8a97a0;
+	font-size: 14px;
+	float: left;
+	width: 82%;
+	padding: 10px 5px 10px 10px;
+}
+
+.closePopup {
+	color: #fff;
+	float: right;
+	background: url(../images/popup-close-button.png) no-repeat;
+	display: inline-block;
+	width: 14px;
+	height: 14px;
+	margin: 12px 10px 12px 5px;
+}
+/*popup Content Block*/
+.popup_contentBlock {
+	float: left;
+	width: 100%
+}
+
+.popup-innerblock {
+	background: #283649;
+	padding: 10px;
+	color: #949ba4;
+	font-size: 13px;
+}
+
+.popup-innerblock ul li {
+	margin-bottom: 5px;
+}
+
+.dataSeperator {
+	margin: 0px 5px;
+}
+
+.width-58 {
+	width: 58%
+}
+/*Popup Width*/
+.width345 {
+	width: 345px;
+}
+
+.dataRegionsandMembers {
+	background: none repeat scroll 0 0 #666666;
+	height: 530px;
+	padding: 15px;
+	width: 243px;
+	float: left
+}
+
+.dataRegionsandMembers h3 {
+	color: snow
+}
+
+.regionNamesWrapper {
+	height: 170px;
+	overflow-y: auto
+}
+
+.memberNamesWrapper {
+	height: 270px;
+	overflow-y: auto
+}
+
+.memberNamescls {
+	padding: 0 5px;
+}
+/* connection lost */
+.connectionLostMasterBlock {
+	position: relative;
+	margin: 0px auto;
+	width: 234px;
+}
+
+.connectionLostInnerBlock {
+	background: #d9d082;
+	padding: 8px;
+	position: absolute;
+	top: 75px;
+	color: #424028;
+	width: 250px;
+}
+
+.connectionLostInnerBlock a {
+	text-decoration: underline;
+	color: #424028;
+}
+
+.connectionLostInnerBlock a:hover {
+	color: #424028;
+}
+
+.linkSeperator {
+	padding: 0px 5px;
+}
+
+/* Data Browser*/
+#accordion {
+	list-style: none;
+	padding: 0 0 0 0;
+	width: 243px;
+}
+
+#accordion li {
+	display: block;
+	background-color: #aaaaaa;
+	font-weight: bold;
+	margin: 1px;
+	cursor: pointer;
+	padding: 5 5 5 7px;
+	list-style: circle;
+	height: 15px;
+	padding: 10px;
+}
+
+#accordion ul {
+	list-style: none;
+	padding: 0 0 0 0;
+	display: none;
+}
+
+#accordion ul li {
+	font-weight: normal;
+	cursor: auto;
+	background-color: #888888;
+	padding: 0 0 0 7px;
+	height: 125px
+}
+
+.queriesWrapper {
+	height: 300px;
+	overflow-y: auto
+}
+
+.queriesEditor {
+	height: 120px;
+	overflow-y: auto
+}
+
+.dataRegionsandMembersDataBrowser {
+	background: none repeat scroll 0 0 #666666;
+	height: 530px;
+	padding: 15px;
+	width: 700px;
+	float: left
+}
+
+.regionNamesDataBrowser {
+	height: 170px;
+	overflow-y: auto;
+	width: 252px;
+}
+
+.memberNamesDataBrowser {
+	height: 270px;
+	overflow-y: auto;
+	width: 252px;
+}
+
+.searchBlockDataBrowser {
+	background: #0f1c25;
+	width: 243px;
+	border-radius: 3px;
+	box-shadow: 0 1px 0 0 #27333b;
+	height: 25px;
+}
+
+.searchBoxDataBrowser {
+	float: left;
+	width: 207px;
+	padding: 3px !important;
+	height: 19px;
+	border: 0px !important;
+	background: #0f1c25;
+	color: #b7b9bb !important
+}
+/*----------------------------Middle ends---------------------------------------*/
+
+/*block splitter */
+.splitterMaster {
+	width: 100%;
+	margin: 0 auto 20px;
+	position: relative;
+	float: left;
+}
+
+.splitterInnerBlock {
+	float: left;
+	height: 750px;
+	width: 100%;
+}
+
+#widget { /*height:1000px;*/
+	margin: 0 auto;
+	overflow: hidden;
+}
+
+#leftBlock {
+	background: #132634
+}
+
+.leftTopSplitterSpacing {
+	margin-bottom: 10px;
+	width: 100%
+}
+
+#rightBlock {
+	background: #132634
+}
+
+.leftSliderScrollRegion {
+	height: 75%;
+	border-top: 1px solid #213341;
+}
+
+.leftSliderScrollMembers {
+	height: 100%;
+}
+
+.ScrollPaneBlock {
+	width: 100% !important;
+	color: #DDF
+}
+
+.ScrollPaneBlock .jspContainer {
+	width: 100% !important;
+	height: 100% !important
+}
+
+.ScrollPaneBlock .jspPane {
+	width: 100% !important;
+}
+
+.ScrollPaneBlock .jspDrag {
+	left: 0px;
+}
+
+.splitterScrollRegionInnerBlock {
+	text-align: justify;
+	width: 100%
+}
+
+.splitterScrollMembersInnerBlock {
+	text-align: justify;
+	width: 100%;
+	border-top: 1px solid #2b3c49;
+}
+
+.splitterScrollMembersInnerBlock ul li {
+	padding: 5px 0;
+	float: left;
+	width: 100%;
+	margin-bottom: 1px
+}
+
+.splitterScrollMembersInnerBlock ul li:hover { /*background:#1f313f*/
+	
+}
+
+.splitterScrollMembersInnerBlock ul li label {
+	float: left;
+	width: 79%;
+	vertical-align: middle;
+	padding-left: 15px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: pre;
+	line-height: 18px;
+}
+
+.splitterScrollMembersInnerBlock ul li input[type="checkbox"] {
+	float: right;
+	margin: 0 15px 0 0;
+}
+
+.splitterScrollMembersInnerBlock ul li .checkbox {
+	float: right;
+	padding: 0 15px 0 0;
+	clear: none
+}
+
+.check {
+	background: #1f313f
+}
+
+.regionNameSearch {
+	padding: 10px 11px;
+}
+
+.searchBlockRegion {
+	width: 100%;
+	border-radius: 3px;
+	box-shadow: 0 1px 0 0 #27333b;
+	height: 25px;
+	background: #0f1c25
+}
+
+input[type="button"].searchButtonRegion {
+	width: 18px;
+	height: 18px;
+	background: #0f1c25 url(../images/searchIcon.png) center center
+		no-repeat;
+	border: 0px;
+	cursor: pointer;
+	float: left;
+	margin: 4px;
+	display: inline-block
+}
+
+input[type="text"].searchBoxRegion {
+	float: left;
+	width: 84%;
+	padding: 3px !important;
+	height: 19px;
+	border: 0px !important;
+	background: #0f1c25;
+	color: #b7b9bb !important
+}
+
+.colocatedRegionsLink {
+	padding: 6px 11px;
+	float: right;
+	color: #d0d4d6
+}
+
+.disabledLink,.disabledLink:hover {
+	color: #42515d;
+	cursor: default
+}
+
+/*right Block splitter inner blocks*/
+.rightInnerBlocks {
+	background: #18242f;
+	border-top: 1px solid #232f39;
+	border-bottom: 1px solid #0f1c25;
+	line-height: 34px
+}
+
+.rightInnerBlocks a {
+	padding: 10px;
+	text-transform: uppercase;
+	color: #506d94;
+	text-shadow: -1px -1px #111921;
+}
+
+.rightInnerBlocks a.active {
+	background: #202b39;
+	border-right: 1px solid #0f1c25;
+	border-top: 1px solid #37414d;
+	color: #fff;
+	text-shadow: -1px -1px #161e28;
+	cursor: default
+}
+
+/*query Block*/
+.queryMasterBlock {
+	border-top: 1px solid #2b3c49;
+	border-bottom: 1px solid #0f1c25;
+	width: 100%;
+	float: left;
+	position:relative;
+	padding-bottom:10px;
+}
+
+.queryInnerBlock {
+	float: left;
+	width: 97%;
+}
+
+.marginTB15-10 {
+	margin: 15px 10px;
+}
+
+.marginResult {
+	margin: 15px 10px 10px 10px;
+}
+
+.marginBottomResult {
+	border-bottom: 1px solid #1f313f;
+	width: 100%
+}
+
+.queryHistoryBlock {
+	position: relative
+}
+
+.queryBlocklabel {
+	text-transform: uppercase;
+	padding-left: 5px
+}
+
+#detailsHistory {
+	display: none
+}
+
+
+.textareadiv{
+	background: #0f1c25;
+	border-bottom: 1px solid #27333b;
+	border-radius: 2px 2px 2px 2px;
+	padding:5px;
+	margin-bottom: 10px;
+
+}
+
+.textareadiv textarea{
+	border: 0px;
+	color: #878e92;
+	font-family: Arial;
+	font-size: 12px;
+	outline: none;
+	background: #0f1c25;
+	padding:0;
+	width:100%;
+	margin-bottom:0;
+}
+
+.queriesblock{
+	float: none;
+	width: auto;
+}
+
+.historyClicked-Off {
+	background: url(../images/history-icon.png) no-repeat 10px 9px;
+	color: #5a6871;
+	padding: 0px 10px 0px 31px;
+	position: absolute;
+	right: 0px;
+	top: 0px;
+	line-height: 40px;
+	z-index: 9
+}
+
+.historyClicked-On,.historyClicked-On:hover {
+	background: #132634 url(../images/history-icon.png) no-repeat 10px -29px;
+	color: #d0d4d6;
+	padding: 0px 10px 0px 31px;
+	position: absolute;
+	right: 0px;
+	top: 0px;
+	line-height: 40px;
+	border: 1px solid #2b3c49;
+	border-bottom: 0px;
+	z-index: 9
+}
+
+.queryHistoryScroll-pane {
+	background: #132634;
+	width: 235px;
+	border: 1px solid #2b3c49;
+	position: absolute;
+	right: 0px;
+	top: 40px;
+	height: 670px;
+	z-index: 8;
+	overflow: auto;
+}
+
+.queryHistoryScroll-pane .jspVerticalBar {
+	right: 2px
+}
+
+.queryTextarea {
+	width: 98%;
+	margin-bottom: 10px;
+	height: 55px;
+	overflow-y: auto
+}
+
+.quertTextaremargin {
+	margin-top: 10px;
+}
+
+/*expand collapse*/
+.expCollMaster {
+	text-align: justify;
+	width: 100%;
+}
+/*-------------Accordion------------------------------------------------------------------------------------*/
+.accordion {
+	overflow: hidden;
+}
+
+.accordion .listing {
+	margin-bottom: 1px;
+}
+
+.accordion .heading {
+	padding: 5px 10px 5px 40px;
+	cursor: pointer;
+	position: relative;
+	min-height: 20px;
+	background: #14232f url(../images/header-bg-bottom-border.png) repeat-x
+		left bottom;
+}
+
+.accordion .heading.active {
+	background: none;
+	background: #1f313f;
+}
+
+.accordion .heading .title {
+	color: #d2d6d9;
+	display: block;
+	padding: 3px 0;
+}
+
+.accordion .accordion-content {
+	display: none;
+	padding: 5px 40px;
+}
+
+.accordion .accordion-content2 {
+	display: block;
+	padding: 5px 40px;
+}
+
+.accordion .spriteArrow {
+	display: block;
+	position: absolute;
+	top: 7px;
+	left: 20px;
+	width: 14px;
+	height: 15px;
+}
+
+.accordion .active .spriteArrow {
+	background: url(../images/acc-minus.png) no-repeat
+}
+
+.accordion .inactive .spriteArrow {
+	background: url(../images/acc-plus.png) no-repeat
+}
+
+/*nesting*/
+.accordionNested {
+	overflow: hidden;
+}
+
+.accordionNested .n-listing {
+	margin-bottom: 1px;
+}
+
+.accordionNested .n-heading {
+	padding: 5px 10px 5px 40px;
+	cursor: pointer;
+	position: relative;
+	min-height: 20px;
+	background: #14232f url(../images/header-bg-bottom-border.png) repeat-x
+		left bottom;
+}
+
+.accordionNested .n-heading.n-active {
+	background: none;
+	background: #1f313f;
+}
+
+.accordionNested .n-heading .n-title {
+	color: #d2d6d9;
+	display: block;
+	padding: 3px 0;
+}
+
+.accordionNested .n-accordion-content {
+	padding: 0px;
+	display: none;
+}
+
+.accordionNested .n-spriteArrow {
+	display: block;
+	position: absolute;
+	top: 7px;
+	left: 20px;
+	width: 14px;
+	height: 15px;
+}
+
+.accordionNested .n-active .n-spriteArrow {
+	background: url(../images/acc-n-minus.png) no-repeat
+}
+
+.accordionNested .n-inactive .n-spriteArrow {
+	background: url(../images/acc-n-plus.png) no-repeat
+}
+/* button 
+	---------------------------------------------- */
+.buttonCss {
+	display: inline-block;
+	vertical-align: baseline;
+	margin: 0px 5px 0px 5px;
+	outline: none;
+	cursor: pointer;
+	text-align: center;
+	text-decoration: none;
+	font-size: 13px;
+	border: 0px;
+	padding: 5px 20px;
+}
+
+.buttonCss:hover {
+	text-decoration: none;
+}
+
+.buttonCss:active {
+	position: relative;
+	top: 1px;
+}
+/* blue */
+.blue {
+	background: #153c71;
+	color: #8a9eb8;
+	border-top: 1px solid #2d507f;
+}
+/* grey */
+.grey {
+	background: #202b39;
+	color: #636b75;
+	border-top: 1px solid #37414d;
+}
+
+/*Custom Checkbox & RadioButton*/
+.checkbox,.radio {
+	width: 19px;
+	height: 19px;
+	padding: 0 5px 0 0;
+	background: url(../images/checkbox.png) no-repeat;
+	display: block;
+	clear: left;
+	float: left;
+}
+
+.radioButton label {
+	line-height: 22px;
+	vertical-align: middle;
+	margin-right: 10px
+}
+
+.radio {
+	background: url(../images/radio.png) no-repeat;
+}
+/*history panel*/
+.container {
+	margin: 5px auto;
+	font-size: 12px;
+	background: #132634;
+	color: #89939a;
+}
+
+.container:hover,.selectedHistory {
+	background: #1f313f
+}
+
+.wrap {
+	position: relative;
+	overflow: hidden;
+}
+
+.wrapHistoryContent {
+	padding: 10px 30px 30px 30px;
+	line-height: 16px
+}
+
+.read-more {
+	position: absolute;
+	left: 10px;
+	top: 10px
+}
+
+.read-more a {
+	width: 14px;
+	height: 15px;
+	text-decoration: none;
+	display: block
+}
+
+.read-more a.remore_plus {
+	background: url(../images/acc-n-plus.png) no-repeat;
+}
+
+.read-more a.remore_minus {
+	background: url(../images/acc-n-minus.png) no-repeat;
+}
+
+.remove {
+	position: absolute;
+	right: 10px;
+	top: 10px;
+}
+
+.remove a {
+	width: 15px;
+	height: 15px;
+	background: url(../images/history-remove.png) no-repeat;
+	text-decoration: none;
+	display: none
+}
+
+.container:hover .remove a,.selectedHistory .remove a {
+	display: block
+}
+
+.dateTimeHistory {
+	position: absolute;
+	left: 0px;
+	bottom: 0px;
+	padding: 3px 5px 3px 30px;
+	color: #5a6871;
+	background: #132634;
+	height: 17px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: pre;
+	width: 188px
+}
+
+.container:hover .dateTimeHistory,.selectedHistory .dateTimeHistory {
+	display: block;
+	background: #1f313f
+}
+
+/*JQGrid scroll y position for extended column*/
+.customeCloumnExtended .ui-jqgrid-view .jspVerticalBar {
+	right: 20px !important;
+}
+
+/* Notification Widhow pop up */
+
+/*--Tooltip Styles--*/
+.tip_trigger {
+	position: relative;
+}
+
+.tip_trigger:hover {
+	background: #1f313f;
+}
+
+.tip_trigger.active {
+	background: #1f313f;
+}
+
+.tabMessageMasterBlock {
+	padding: 0;
+}
+
+.severeMessageBlock {
+	display: inline;
+}
+
+.tooltip:hover {
+	display: block;
+}
+
+.tooltip {
+	color: #fff;
+	display: none; /*--Hides by default--*/
+	position: absolute;
+	z-index: 1000;
+	-webkit-border-radius: 3px;
+	-moz-border-radius: 3px;
+	border-radius: 3px;
+	right: 271px;
+	color: #FFF;
+	width: 280px;
+}
+
+.tooltip .content {
+	background: #283649;
+	border: 1px solid #889eb9;
+	width: 277px;
+	min-height: 60px;
+}
+
+.bubble-arrow {
+	position: absolute;
+	bottom: 20px;
+	right: -11px;
+	background: url(../images/bubble_arrow.png) no-repeat;
+	width: 10px;
+	height: 15px;
+	display: block;
+}
+
+.tooltip .content h3 {
+	color: #d0d5d9;
+	background: #142e41;
+	padding: 10px;
+	border-bottom: 1px solid #4e6277;
+}
+
+.tooltip .content p {
+	color: #949ba4;
+	background: #283649;
+	padding: 0;
+	margin: 0 10px;
+	font-size: 12px;
+}
+
+.tooltip .tooltipcontent {
+	margin: 10px 0;
+	height: 100px;
+}
+
+.notifications {
+	border-top: 1px solid #4E6277;
+	margin: 10px 10px;
+	padding: 5px 0 0 0;
+}
+
+.notifications ul {
+	list-style: none;
+	margin-bottom: 10px;
+}
+
+.notifications ul li {
+	display: inline-block;
+	margin-right: 5px;
+}
+
+.copyNotification {
+	background: url(../images/copy_icon.png) center center no-repeat;
+	width: 20px;
+	height: 20px;
+	display: block;
+}
+
+.copyNotification:hover {
+	background: url(../images/copy_icon.png) center center #8A9096 no-repeat;
+}
+
+.copyNotification:active {
+	background: url(../images/copy_icon.png) center center #A7BCD1 no-repeat;
+}
+
+.acknowledgedTick {
+	background: url(../images/correct_icon.png) center center no-repeat;
+	width: 20px;
+	height: 20px;
+	display: block;
+}
+
+.acknowledgedTick:hover {
+	background: url(../images/correct_icon.png) center center #8A9096
+		no-repeat;
+}
+
+.acknowledgedTick:active {
+	background: url(../images/correct_icon.png) center center #A7BCD1
+		no-repeat;
+}
+
+#allAlertScrollPane { /*overflow:visible !important;*/
+	
+}
+
+#allAlertScrollPane .jspContainer { /*overflow:visible;*/
+	
+}
+
+/* .tip_trigger .severeMessageBlock{
+  background:url(../images/correct_small_icon.png) left center no-repeat;
+  display:block;
+  padding:0 0 0 20px;
+}
+.tip_trigger .errorMessageBlock{
+  display:block;
+  padding:0 0 0 20px;
+} */
+.tip_trigger .tabMessageDateBlock {
+	padding-left: 20px;
+}
+
+.tip_trigger .tabInfo {
+	background: url(../images/info-msg-icon.png) no-repeat left center;
+	padding-left: 20px !important;
+}
+
+.tip_trigger .tabWarning {
+	background: url(../images/warning-msg-icon.png) no-repeat left center;
+	padding-left: 20px !important;
+}
+
+.tip_trigger .tabError {
+	background: url(../images/error-msg-icon.png) no-repeat left center;
+	padding-left: 20px !important;
+}
+
+.tip_trigger .tabSevere {
+	background: url(../images/severe-msg-icon.png) no-repeat left center;
+	padding-left: 20px !important;
+}
+
+.tip_trigger .graytickmark {
+	background: url(../images/correct_icon.png) left center no-repeat;
+	padding-left: 20px;
+}
+
+.tip_trigger .whitetickmark {
+	background: url(../images/correct_small_icon.png) left center no-repeat;
+	padding-left: 20px;
+}
+
+.tip_trigger .notickmark {
+	padding-left: 20px;
+}
+
+.tabMessageDetailsBlock {
+	display: block;
+	white-space: nowrap;
+	width: 130p;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+.tooltip .content h3.tabError {
+	background: url(../images/error-msg-icon.png) #142e41 no-repeat 3px
+		center;
+	padding: 10px 10px 10px 20px !important;
+}
+
+.tooltip .content h3.tabSevere {
+	background: url(../images/severe-msg-icon.png) #142e41 no-repeat 3px
+		center;
+	padding: 10px 10px 10px 20px !important;
+}
+
+.tooltip .content h3.tabWarning {
+	background: url(../images/warning-msg-icon.png) #142e41 no-repeat 3px
+		center;
+	padding: 10px 10px 10px 20px !important;
+}
+
+.tooltip .content h3.tabInfo {
+  background: url(../images/info-msg-icon.png) #142e41 no-repeat 3px
+    center;
+  padding: 10px 10px 10px 20px !important;
+}
+
+.tooltip .closePopup {
+	position: absolute;
+	top: 0;
+	right: 0px;
+}
+
+.tip_trigger .tooltip .tabMessageDateBlock {
+	padding-left: 0;
+	font-size: 0.9em;
+	margin-top: 5px;
+}
+
+/*----------------------------Footer starts---------------------------------------*/
+
+/*----------------------------Footer ends---------------------------------------*/
+
+/*----------------------------Query Statistics starts---------------------------------------*/
+.subHeader {
+	margin: 0;
+	padding: 0;
+	background: #202b39;
+	border-top: 1px solid #37414d;
+	border-bottom: 1px solid #0f1c25;
+}
+
+.subHeader ul {
+	margin: 0 0 0 0;
+	padding: 0;
+}
+
+.subHeader ul li {
+	float: left;
+}
+
+.subHeader ul li a {
+	color: #89939a;
+	padding: 8px 15px;
+	display: block;
+	border-left: 1px solid transparent;
+	border-right: 1px solid transparent;
+}
+
+.subHeader ul li a:hover {
+	color: #fff;
+}
+
+.subHeader ul li a.active {
+	background: #0f1c25;
+	color: #fff;
+	border-left: 1px solid #37414d;
+	border-right: 1px solid #37414d;
+}
+
+.searchBlockMasterQS {
+	background: #0f1c25;
+	width: 206px;
+	float: left;
+	border-radius: 3px;
+	box-shadow: 0 1px 0 0 #27333b;
+	height: 25px;
+}
+
+.searchButtonQS {
+	width: 18px;
+	height: 18px;
+	background: url(../images/searchIcon.png) center center no-repeat;
+	border: 0px;
+	cursor: pointer;
+	float: left;
+	margin: 4px;
+}
+
+.searchBoxQueryStatistics {
+	float: left;
+	width: 170px;
+	padding: 3px !important;
+	height: 19px;
+	border: 0px !important;
+	background: #0f1c25;
+	color: #b7b9bb !important
+}
+
+.backgroundQueryStats {
+	background: none repeat scroll 0 0 #132634;
+}
+
+/*----------------------------Query Statistics ends---------------------------------------*/
+.clearfix:after {
+	content: ".";
+	display: block;
+	clear: both;
+	visibility: hidden;
+	line-height: 0;
+	height: 0;
+}
+
+.leftTopSplitterSpacing.top_panel .active{
+	display: block;
+	padding: 2px 10px;
+}
+
+.leftTopSplitterSpacing.top_panel .rightInnerBlocks {
+	line-height: 30px;
+}
+
+.leftTopSplitterSpacing.top_panel .canvasBlockInnerBlock{
+	background: none;
+}
+
+.bottom_panel .btm_pnl{
+	line-height: 30px;
+}
+
+.bottom_panel .btm_pnl.rightInnerBlocks a.active{
+	display: block;
+	padding:2px 10px;
+}
+
+.jspCorner{
+	display:none;
+}
+
+/* Cluster Page Widget for Cluster Members and Data */
+.members_data {
+	position: relative;
+	width: 100px;
+	display: block;
+	height: 40px;
+}
+
+.members_data ul {
+	list-style: none;
+	overflow-y: hidden;
+	position: absolute;
+	display: block;
+	z-index: 2;
+	width:200px;
+	height:40px !important;
+}
+
+.members_data ul li {
+	display: block;
+	width: 90px;
+	text-align: center;
+	background: #202B39;
+	height: 38px;
+	float: left;
+}
+
+.members_data ul li.selected {
+	background: #132634;
+	border: 1px solid #202b39;
+	border-top: 3px solid #D2D5D7;
+}
+
+.members_data ul.active li.selected {
+	background: #202b39;
+	border: 1px solid #202b39;
+}
+
+.members_data ul li a {
+	padding: 5px;
+	line-height: 30px;
+	height: 28px;
+	vertical-align: middle;
+	display: block;
+	color: #89939A;
+	font-weight: bold;
+}
+
+.members_view {
+	position: relative;
+	margin-left: 15px;
+	margin-bottom: 10px;
+}
+
+.members_view ul {
+	list-style: none;
+}
+
+.members_view ul li {
+	float: left;
+}
+
+.label_radio {
+	padding-left: 25px;
+	width: auto;
+	height: 17px;
+	display: block;
+	background: url(../images/radio-off.png) no-repeat;
+	margin-right: 10px;
+	color: #D2D5D7;
+	font-weight: normal;
+}
+
+.label_radio input[type="radio"] {
+	position: absolute;
+	left: -9999px;
+}
+
+.label_radio.r_on {
+	background: url(../images/radio-on.png) no-repeat;
+}
+
+.chartIcon.active {
+	background: url(../images/chart-active.png) no-repeat center center;
+	width: 17px;
+	height: 17px;
+	float: right;
+	cursor: pointer;
+	padding: 10px 10px 10px 5px;
+}
+
+.gridIcon.active {
+	background: url(../images/grid-active.png) no-repeat center center;
+	width: 17px;
+	height: 17px;
+	float: right;
+	cursor: pointer;
+	padding: 10px 10px 10px 5px;
+	border-right: 1px solid #3C4A5B;
+}
+
+.graphIcon.active {
+  background: url(../images/graph-active.png) no-repeat center center;
+  width: 17px;
+  height: 17px;
+  float: right;
+  cursor: pointer;
+  padding: 10px 10px 10px 5px;
+}
+
+.treemapNodeLabeltext {
+  color: #FFFFFF;
+  font-size: 11px
+}
+.treemapRootNodeLabeltext {
+    background-color: #132634;
+    height: 15px;
+}
+
+/* End of Cluster Page Widget for Cluster Members and Data */
+
+.memoryUsageBlock .pointGridDataView .dataViewUsedMasterBlock {
+  width:222px;
+}
+
+.memoryUsageBlock .pointGridDataView .dataViewUsedMasterBlock .dataUsedProgressbar {
+  margin-top: 10px;
+  width: 218px;
+}
+
+.graphborder{
+  border:1px solid #364652;
+  width:100%;
+}
+
+.graphborder .lineGraph{
+  margin:5px 3px;
+}
+
+.popup {
+  background: #202B39;
+}
+
+.popup .header{
+  width:350px;
+  background: #132634;
+  height: 40px;
+  line-height: 40px;
+}
+
+.popup .statusmasterBlock {
+  background: #202B39;
+  border-top: 1px solid #37414D;
+  margin-bottom: 0px;
+  float: none;
+  width: 100%;
+}
+
+.popup .content .canvasContentBlock{
+  padding:10px 0px 0px 0px;
+  width: 330px;
+  min-height: 150px;
+  margin:0 10px 10px 10px;
+}
+
+.graphbox{
+  width:100%;
+}
+
+.graphbox img{
+  width:100%;
+  margin:5px;
+}
+
+.breadCrumbs .breadCrumbArrow{
+  min-height:12px;
+}
+
+.regionIconDisplay {
+    background: url("../images/regionIcons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
+    height: 15px;
+    margin-right: 10px;
+    padding-left: 25px;
+}
+
+/* loading symbol */
+.loaderParent{
+  position: relative;
+}
+
+.loader {
+  left: 400px;
+  position: absolute;
+  top: 75px;
+  z-index: 999999;
+  height: 25px;
+  width: 25px;
+  background: url(../images/ui-anim_basic_16x16.gif) no-repeat center center;
+  display: none;
+}
+/* For Data Browser */
+#loaderSymbolWrapper .loader{
+  top: 6px;
+}
+/* loading symbol */

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/css/treeView/Treemap.css
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/css/treeView/Treemap.css b/gemfire-pulse/src/main/webapp/css/treeView/Treemap.css
new file mode 100644
index 0000000..2e2e63e
--- /dev/null
+++ b/gemfire-pulse/src/main/webapp/css/treeView/Treemap.css
@@ -0,0 +1,115 @@
+
+#center-containerTree {
+  width:730px;
+  position:absolute;
+  left:0px;
+  top:34px;
+  height:350px;
+  background:#132634;
+}
+
+#TreeMap {
+    position:relative;
+    height:350px;
+    margin:auto;
+    overflow:hidden;
+	width:730px;
+}
+
+.node {
+  color:#fff;
+  font-size:9px;
+  overflow:hidden;
+  cursor:pointer;
+/*  
+  text-shadow:2px 2px 5px #000;
+  -o-text-shadow:2px 2px 5px #000;
+  -webkit-text-shadow:2px 2px 5px #000;
+  -moz-text-shadow:2px 2px 5px #000;
+*/
+}
+
+/*TOOLTIPS*/
+.tip {
+    color: #fff;
+    width: 190px;
+    background-color:#283649 !important;
+    border:1px solid #889eb9;
+    -moz-box-shadow:#555 2px 2px 8px;
+    -webkit-box-shadow:#555 2px 2px 8px;
+    -o-box-shadow:#555 2px 2px 8px;
+    box-shadow:#555 2px 2px 8px;
+    font-size:13px;
+	}
+
+.album {
+    width:100px;
+    margin:3px;
+}
+
+#id-list {
+	background-color:#EEEEEE;
+	border:1px solid #CCCCCC;
+	margin:10px 20px 0 20px;
+	padding:5px;
+	text-align:left;
+	text-indent:2px;
+}
+
+#id-list table {
+  margin-top:2px;
+}
+
+#back {
+  margin:10px 40px;
+}
+
+.button {
+  display: inline-block;
+  outline: none;
+  cursor: pointer;
+  text-align: center;
+  text-decoration: none;
+  padding: 0.5em 1em 0.55em;
+  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
+  -webkit-border-radius: 0.5em;
+  -moz-border-radius: 0.5em;
+  border-radius: 0.5em;
+  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
+}
+
+.button:hover {
+  text-decoration: none;
+}
+
+.button:active {
+  position: relative;
+  top: 1px;
+}
+
+/* white */
+.white {
+  color: #606060;
+  border: solid 1px #b7b7b7;
+  background: #fff;
+  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
+  background: -moz-linear-gradient(top,  #fff,  #ededed);
+  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
+}
+
+.white:hover {
+  background: #ededed;
+  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
+  background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
+  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
+}
+
+.white:active {
+  color: #999;
+  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
+  background: -moz-linear-gradient(top,  #ededed,  #fff);
+  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
+}
+

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/css/ui.jqgrid.css
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/css/ui.jqgrid.css b/gemfire-pulse/src/main/webapp/css/ui.jqgrid.css
new file mode 100644
index 0000000..616f267
--- /dev/null
+++ b/gemfire-pulse/src/main/webapp/css/ui.jqgrid.css
@@ -0,0 +1,766 @@
+/*Grid*/
+.ui-jqgrid {
+	position: relative;
+}
+
+.ui-jqgrid .ui-jqgrid-view {
+	position: relative;
+	left: 0px;
+	top: 0px;
+	padding: .0em;
+	font-size: 11px;
+}
+/* caption*/
+.ui-jqgrid .ui-jqgrid-titlebar {
+	padding: .3em .2em .2em .3em;
+	position: relative;
+	border-left: 0px none;
+	border-right: 0px none;
+	border-top: 0px none;
+}
+
+.ui-jqgrid .ui-jqgrid-title {
+	float: left;
+	margin: .1em 0 .2em;
+}
+
+.ui-jqgrid .ui-jqgrid-titlebar-close {
+	position: absolute;
+	top: 50%;
+	width: 19px;
+	margin: -10px 0 0 0;
+	padding: 1px;
+	height: 18px;
+}
+
+.ui-jqgrid .ui-jqgrid-titlebar-close span {
+	display: block;
+	margin: 1px;
+}
+
+.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
+	padding: 0;
+}
+/* header*/
+.ui-jqgrid .ui-jqgrid-hdiv {
+	position: relative;
+	margin: 0em;
+	padding: 0em;
+	overflow-x: hidden;
+	border-left: 0px none !important;
+	border-top: 0px none !important;
+	border-right: 0px none !important;
+}
+
+.ui-jqgrid .ui-jqgrid-hbox {
+	float: left;
+	padding-right: 20px;
+}
+
+.ui-jqgrid .ui-jqgrid-htable {
+	table-layout: fixed;
+	margin: 0em;
+}
+
+.ui-jqgrid .ui-jqgrid-htable th {
+	height: 22px;
+	padding: 0 2px 0 2px;
+}
+
+.ui-jqgrid .ui-jqgrid-htable th div {
+	overflow: hidden;
+	position: relative;
+	height: 17px;
+}
+
+.ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
+	overflow: hidden;
+	white-space: nowrap;
+	text-align: center;
+	border-top: 0px none;
+	border-bottom: 0px none;
+}
+
+.ui-th-ltr,.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
+	border-left: 0px none;
+}
+
+.ui-th-rtl,.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {
+	border-right: 0px none;
+}
+
+.ui-first-th-ltr {
+	border-right: 1px solid;
+}
+
+.ui-first-th-rtl {
+	border-left: 1px solid;
+}
+
+.ui-jqgrid .ui-th-div-ie {
+	white-space: nowrap;
+	zoom: 1;
+	height: 17px;
+}
+
+.ui-jqgrid .ui-jqgrid-resize {
+	height: 20px !important;
+	position: relative;
+	cursor: e-resize;
+	display: inline;
+	overflow: hidden;
+}
+
+.ui-jqgrid .ui-grid-ico-sort {
+	overflow: hidden;
+	position: absolute;
+	display: inline;
+	cursor: pointer !important;
+}
+
+.ui-jqgrid .ui-icon-asc {
+	margin-top: -3px;
+	height: 12px;
+}
+
+.ui-jqgrid .ui-icon-desc {
+	margin-top: 3px;
+	height: 12px;
+}
+
+.ui-jqgrid .ui-i-asc {
+	margin-top: 0px;
+	height: 16px;
+}
+
+.ui-jqgrid .ui-i-desc {
+	margin-top: 0px;
+	margin-left: 13px;
+	height: 16px;
+}
+
+.ui-jqgrid .ui-jqgrid-sortable {
+	cursor: pointer;
+}
+
+.ui-jqgrid tr.ui-search-toolbar th {
+	border-top-width: 1px !important;
+	border-top-color: inherit !important;
+	border-top-style: ridge !important
+}
+
+tr.ui-search-toolbar input {
+	margin: 1px 0px 0px 0px
+}
+
+tr.ui-search-toolbar select {
+	margin: 1px 0px 0px 0px
+}
+/* body */
+.ui-jqgrid .ui-jqgrid-bdiv {
+	position: relative;
+	margin: 0em;
+	padding: 0;
+	overflow-y: auto;
+	overflow-x: scroll;
+	text-align: left;
+}
+
+.ui-jqgrid .ui-jqgrid-btable {
+	table-layout: fixed;
+	margin: 0em;
+	outline-style: none;
+}
+
+.ui-jqgrid tr.jqgrow {
+	outline-style: none;
+}
+
+.ui-jqgrid tr.jqgroup {
+	outline-style: none;
+}
+
+.ui-jqgrid tr.jqgrow td {
+	font-weight: normal;
+	overflow: hidden;
+	white-space: pre;
+	height: 22px;
+	padding: 0 2px 0 2px;
+	border-bottom-width: 1px;
+	border-bottom-color: inherit;
+	border-bottom-style: solid;
+}
+
+.ui-jqgrid tr.jqgfirstrow td {
+	padding: 0 2px 0 2px;
+	border-right-width: 1px;
+	border-right-style: solid;
+}
+
+.ui-jqgrid tr.jqgroup td {
+	font-weight: normal;
+	overflow: hidden;
+	white-space: pre;
+	height: 22px;
+	padding: 0 2px 0 2px;
+	border-bottom-width: 1px;
+	border-bottom-color: inherit;
+	border-bottom-style: solid;
+}
+
+.ui-jqgrid tr.jqfoot td {
+	font-weight: bold;
+	overflow: hidden;
+	white-space: pre;
+	height: 22px;
+	padding: 0 2px 0 2px;
+	border-bottom-width: 1px;
+	border-bottom-color: inherit;
+	border-bottom-style: solid;
+}
+
+.ui-jqgrid tr.ui-row-ltr td {
+	text-align: left;
+	border-right-width: 1px;
+	border-right-color: inherit;
+	border-right-style: solid;
+}
+
+.ui-jqgrid tr.ui-row-rtl td {
+	text-align: right;
+	border-left-width: 1px;
+	border-left-color: inherit;
+	border-left-style: solid;
+}
+
+.ui-jqgrid td.jqgrid-rownum {
+	padding: 0 2px 0 2px;
+	margin: 0px;
+	border: 0px none;
+}
+
+.ui-jqgrid .ui-jqgrid-resize-mark {
+	width: 2px;
+	left: 0;
+	background-color: #777;
+	cursor: e-resize;
+	cursor: col-resize;
+	position: absolute;
+	top: 0;
+	height: 100px;
+	overflow: hidden;
+	display: none;
+	border: 0 none;
+	z-index: 99999;
+}
+/* footer */
+.ui-jqgrid .ui-jqgrid-sdiv {
+	position: relative;
+	margin: 0em;
+	padding: 0em;
+	overflow: hidden;
+	border-left: 0px none !important;
+	border-top: 0px none !important;
+	border-right: 0px none !important;
+}
+
+.ui-jqgrid .ui-jqgrid-ftable {
+	table-layout: fixed;
+	margin-bottom: 0em;
+}
+
+.ui-jqgrid tr.footrow td {
+	font-weight: bold;
+	overflow: hidden;
+	white-space: nowrap;
+	height: 21px;
+	padding: 0 2px 0 2px;
+	border-top-width: 1px;
+	border-top-color: inherit;
+	border-top-style: solid;
+}
+
+.ui-jqgrid tr.footrow-ltr td {
+	text-align: left;
+	border-right-width: 1px;
+	border-right-color: inherit;
+	border-right-style: solid;
+}
+
+.ui-jqgrid tr.footrow-rtl td {
+	text-align: right;
+	border-left-width: 1px;
+	border-left-color: inherit;
+	border-left-style: solid;
+}
+/* Pager*/
+.ui-jqgrid .ui-jqgrid-pager {
+	border-left: 0px none !important;
+	border-right: 0px none !important;
+	border-bottom: 0px none !important;
+	margin: 0px !important;
+	padding: 0px !important;
+	position: relative;
+	height: 25px;
+	white-space: nowrap;
+	overflow: hidden;
+	font-size: 11px;
+}
+
+.ui-jqgrid .ui-pager-control {
+	position: relative;
+}
+
+.ui-jqgrid .ui-pg-table {
+	position: relative;
+	padding-bottom: 2px;
+	width: auto;
+	margin: 0em;
+}
+
+.ui-jqgrid .ui-pg-table td {
+	font-weight: normal;
+	vertical-align: middle;
+	padding: 1px;
+}
+
+.ui-jqgrid .ui-pg-button {
+	height: 19px !important;
+}
+
+.ui-jqgrid .ui-pg-button span {
+	display: block;
+	margin: 1px;
+	float: left;
+}
+
+.ui-jqgrid .ui-pg-button:hover {
+	padding: 0px;
+}
+
+.ui-jqgrid .ui-state-disabled:hover {
+	padding: 1px;
+}
+
+.ui-jqgrid .ui-pg-input {
+	height: 13px;
+	font-size: .8em;
+	margin: 0em;
+}
+
+.ui-jqgrid .ui-pg-selbox {
+	font-size: .8em;
+	line-height: 18px;
+	display: block;
+	height: 18px;
+	margin: 0em;
+}
+
+.ui-jqgrid .ui-separator {
+	height: 18px;
+	border-left: 1px solid #ccc;
+	border-right: 1px solid #ccc;
+	margin: 1px;
+	float: right;
+}
+
+.ui-jqgrid .ui-paging-info {
+	font-weight: normal;
+	height: 19px;
+	margin-top: 3px;
+	margin-right: 4px;
+}
+
+.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
+	padding: 1px 0;
+	float: left;
+	position: relative;
+}
+
+.ui-jqgrid .ui-jqgrid-pager .ui-pg-button {
+	cursor: pointer;
+}
+
+.ui-jqgrid .ui-jqgrid-pager .ui-pg-div  span.ui-icon {
+	float: left;
+	margin: 0 2px;
+}
+
+.ui-jqgrid td input,.ui-jqgrid td select .ui-jqgrid td textarea {
+	margin: 0em;
+}
+
+.ui-jqgrid td textarea {
+	width: auto;
+	height: auto;
+}
+
+.ui-jqgrid .ui-jqgrid-toppager {
+	border-left: 0px none !important;
+	border-right: 0px none !important;
+	border-top: 0px none !important;
+	margin: 0px !important;
+	padding: 0px !important;
+	position: relative;
+	height: 25px !important;
+	white-space: nowrap;
+	overflow: hidden;
+}
+
+.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
+	padding: 1px 0;
+	float: left;
+	position: relative;
+}
+
+.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button {
+	cursor: pointer;
+}
+
+.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div  span.ui-icon {
+	float: left;
+	margin: 0 2px;
+}
+/*subgrid*/
+.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {
+	display: block;
+}
+
+.ui-jqgrid .ui-subgrid {
+	margin: 0em;
+	padding: 0em;
+	width: 100%;
+}
+
+.ui-jqgrid .ui-subgrid table {
+	table-layout: fixed;
+}
+
+.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {
+	height: 18px;
+	border-right-width: 1px;
+	border-right-color: inherit;
+	border-right-style: solid;
+	border-bottom-width: 1px;
+	border-bottom-color: inherit;
+	border-bottom-style: solid;
+}
+
+.ui-jqgrid .ui-subgrid td.subgrid-data {
+	border-top: 0px none !important;
+}
+
+.ui-jqgrid .ui-subgrid td.subgrid-cell {
+	border-width: 0px 0px 1px 0px;
+}
+
+.ui-jqgrid .ui-th-subgrid {
+	height: 20px;
+}
+/* loading */
+.ui-jqgrid .loading {
+	position: absolute;
+	top: 45%;
+	left: 45%;
+	width: auto;
+	z-index: 101;
+	padding: 6px;
+	margin: 5px;
+	text-align: center;
+	font-weight: bold;
+	display: none;
+	border-width: 2px !important;
+	font-size: 11px;
+}
+
+.ui-jqgrid .jqgrid-overlay {
+	display: none;
+	z-index: 100;
+}
+
+* html .jqgrid-overlay {
+	width: expression(this.parentNode.offsetWidth +       'px');
+	height: expression(this.parentNode.offsetHeight +       'px');
+}
+
+* .jqgrid-overlay iframe {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: -1;
+	width: expression(this.parentNode.offsetWidth +       'px');
+	height: expression(this.parentNode.offsetHeight +       'px');
+}
+/* end loading div */
+/* toolbar */
+.ui-jqgrid .ui-userdata {
+	border-left: 0px none;
+	border-right: 0px none;
+	height: 21px;
+	overflow: hidden;
+}
+/*Modal Window */
+.ui-jqdialog {
+	display: none;
+	width: 300px;
+	position: absolute;
+	padding: .2em;
+	font-size: 11px;
+	overflow: visible;
+}
+
+.ui-jqdialog .ui-jqdialog-titlebar {
+	padding: .3em .2em;
+	position: relative;
+}
+
+.ui-jqdialog .ui-jqdialog-title {
+	margin: .1em 0 .2em;
+}
+
+.ui-jqdialog .ui-jqdialog-titlebar-close {
+	position: absolute;
+	top: 50%;
+	width: 19px;
+	margin: -10px 0 0 0;
+	padding: 1px;
+	height: 18px;
+}
+
+.ui-jqdialog .ui-jqdialog-titlebar-close span {
+	display: block;
+	margin: 1px;
+}
+
+.ui-jqdialog .ui-jqdialog-titlebar-close:hover,.ui-jqdialog .ui-jqdialog-titlebar-close:focus
+	{
+	padding: 0;
+}
+
+.ui-jqdialog-content,.ui-jqdialog .ui-jqdialog-content {
+	border: 0;
+	padding: .3em .2em;
+	background: none;
+	height: auto;
+}
+
+.ui-jqdialog .ui-jqconfirm {
+	padding: .4em 1em;
+	border-width: 3px;
+	position: absolute;
+	bottom: 10px;
+	right: 10px;
+	overflow: visible;
+	display: none;
+	height: 80px;
+	width: 220px;
+	text-align: center;
+}
+/* end Modal window*/
+/* Form edit */
+.ui-jqdialog-content .FormGrid {
+	margin: 0px;
+}
+
+.ui-jqdialog-content .EditTable {
+	width: 100%;
+	margin-bottom: 0em;
+}
+
+.ui-jqdialog-content .DelTable {
+	width: 100%;
+	margin-bottom: 0em;
+}
+
+.EditTable td input,.EditTable td select,.EditTable td textarea {
+	margin: 0em;
+}
+
+.EditTable td textarea {
+	width: auto;
+	height: auto;
+}
+
+.ui-jqdialog-content td.EditButton {
+	text-align: right;
+	border-top: 0px none;
+	border-left: 0px none;
+	border-right: 0px none;
+	padding-bottom: 5px;
+	padding-top: 5px;
+}
+
+.ui-jqdialog-content td.navButton {
+	text-align: center;
+	border-left: 0px none;
+	border-top: 0px none;
+	border-right: 0px none;
+	padding-bottom: 5px;
+	padding-top: 5px;
+}
+
+.ui-jqdialog-content input.FormElement {
+	padding: .3em
+}
+
+.ui-jqdialog-content .data-line {
+	padding-top: .1em;
+	border: 0px none;
+}
+
+.ui-jqdialog-content .CaptionTD {
+	vertical-align: middle;
+	border: 0px none;
+	padding: 2px;
+	white-space: nowrap;
+}
+
+.ui-jqdialog-content .DataTD {
+	padding: 2px;
+	border: 0px none;
+	vertical-align: top;
+}
+
+.ui-jqdialog-content .form-view-data {
+	white-space: pre
+}
+
+.fm-button {
+	display: inline-block;
+	margin: 0 4px 0 0;
+	padding: .4em .5em;
+	text-decoration: none !important;
+	cursor: pointer;
+	position: relative;
+	text-align: center;
+	zoom: 1;
+}
+
+.fm-button-icon-left {
+	padding-left: 1.9em;
+}
+
+.fm-button-icon-right {
+	padding-right: 1.9em;
+}
+
+.fm-button-icon-left .ui-icon {
+	right: auto;
+	left: .2em;
+	margin-left: 0;
+	position: absolute;
+	top: 50%;
+	margin-top: -8px;
+}
+
+.fm-button-icon-right .ui-icon {
+	left: auto;
+	right: .2em;
+	margin-left: 0;
+	position: absolute;
+	top: 50%;
+	margin-top: -8px;
+}
+
+#nData,#pData {
+	float: left;
+	margin: 3px;
+	padding: 0;
+	width: 15px;
+}
+/* End Eorm edit */
+/*.ui-jqgrid .edit-cell {}*/
+.ui-jqgrid .selected-row,div.ui-jqgrid .selected-row td {
+	font-style: normal;
+	border-left: 0px none;
+}
+/* inline edit actions button*/
+.ui-inline-del.ui-state-hover span,.ui-inline-edit.ui-state-hover span,.ui-inline-save.ui-state-hover span,.ui-inline-cancel.ui-state-hover span
+	{
+	margin: -1px;
+}
+/* Tree Grid */
+.ui-jqgrid .tree-wrap {
+	float: left;
+	position: relative;
+	height: 18px;
+	white-space: nowrap;
+	overflow: hidden;
+}
+
+.ui-jqgrid .tree-minus {
+	position: absolute;
+	height: 18px;
+	width: 18px;
+	overflow: hidden;
+}
+
+.ui-jqgrid .tree-plus {
+	position: absolute;
+	height: 18px;
+	width: 18px;
+	overflow: hidden;
+}
+
+.ui-jqgrid .tree-leaf {
+	position: absolute;
+	height: 18px;
+	width: 18px;
+	overflow: hidden;
+}
+
+.ui-jqgrid .treeclick {
+	cursor: pointer;
+}
+/* moda dialog */
+* iframe.jqm {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: -1;
+	width: expression(this.parentNode.offsetWidth +       'px');
+	height: expression(this.parentNode.offsetHeight +       'px');
+}
+
+.ui-jqgrid-dnd tr td {
+	border-right-width: 1px;
+	border-right-color: inherit;
+	border-right-style: solid;
+	height: 20px
+}
+/* RTL Support */
+.ui-jqgrid .ui-jqgrid-title-rtl {
+	float: right;
+	margin: .1em 0 .2em;
+}
+
+.ui-jqgrid .ui-jqgrid-hbox-rtl {
+	float: right;
+	padding-left: 20px;
+}
+
+.ui-jqgrid .ui-jqgrid-resize-ltr {
+	float: right;
+	margin: -2px -2px -2px 0px;
+}
+
+.ui-jqgrid .ui-jqgrid-resize-rtl {
+	float: left;
+	margin: -2px 0px -1px -3px;
+}
+
+.ui-jqgrid .ui-sort-rtl {
+	left: 0px;
+}
+
+.ui-jqgrid .tree-wrap-ltr {
+	float: left;
+}
+
+.ui-jqgrid .tree-wrap-rtl {
+	float: right;
+}
+
+.ui-jqgrid .ui-ellipsis {
+	text-overflow: ellipsis;
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/about-gemfirexd.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/about-gemfirexd.png b/gemfire-pulse/src/main/webapp/images/about-gemfirexd.png
new file mode 100644
index 0000000..caf9cba
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/about-gemfirexd.png differ

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/about-sqlfire.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/about-sqlfire.png b/gemfire-pulse/src/main/webapp/images/about-sqlfire.png
new file mode 100644
index 0000000..82eec44
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/about-sqlfire.png differ

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/about.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/about.png b/gemfire-pulse/src/main/webapp/images/about.png
new file mode 100644
index 0000000..348cfa0
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/about.png differ

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/acc-minus.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/acc-minus.png b/gemfire-pulse/src/main/webapp/images/acc-minus.png
new file mode 100644
index 0000000..12ae640
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/acc-minus.png differ

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/acc-n-minus.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/acc-n-minus.png b/gemfire-pulse/src/main/webapp/images/acc-n-minus.png
new file mode 100644
index 0000000..3765c3a
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/acc-n-minus.png differ

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/acc-n-plus.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/acc-n-plus.png b/gemfire-pulse/src/main/webapp/images/acc-n-plus.png
new file mode 100644
index 0000000..d0cc730
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/acc-n-plus.png differ

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/acc-plus.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/acc-plus.png b/gemfire-pulse/src/main/webapp/images/acc-plus.png
new file mode 100644
index 0000000..c969fd9
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/acc-plus.png differ

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/activeServer.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/activeServer.png b/gemfire-pulse/src/main/webapp/images/activeServer.png
new file mode 100644
index 0000000..29fc29f
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/activeServer.png differ

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/arrow-down.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/arrow-down.png b/gemfire-pulse/src/main/webapp/images/arrow-down.png
new file mode 100644
index 0000000..0fca9e7
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/arrow-down.png differ

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/arrow-up.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/arrow-up.png b/gemfire-pulse/src/main/webapp/images/arrow-up.png
new file mode 100644
index 0000000..23d8769
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/arrow-up.png differ

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/bg-image.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/bg-image.png b/gemfire-pulse/src/main/webapp/images/bg-image.png
new file mode 100644
index 0000000..82924d4
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/bg-image.png differ

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/bg-imageLogin.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/bg-imageLogin.png b/gemfire-pulse/src/main/webapp/images/bg-imageLogin.png
new file mode 100644
index 0000000..97951d5
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/bg-imageLogin.png differ

http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/446f451a/gemfire-pulse/src/main/webapp/images/blue-msg-icon.png
----------------------------------------------------------------------
diff --git a/gemfire-pulse/src/main/webapp/images/blue-msg-icon.png b/gemfire-pulse/src/main/webapp/images/blue-msg-icon.png
new file mode 100644
index 0000000..c2da59a
Binary files /dev/null and b/gemfire-pulse/src/main/webapp/images/blue-msg-icon.png differ


Mime
View raw message