You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@geode.apache.org by je...@apache.org on 2016/01/21 23:55:50 UTC
[69/96] [abbrv] incubator-geode git commit: GEODE-12: update
copyright headers
http://git-wip-us.apache.org/repos/asf/incubator-geode/blob/ec004fc1/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
index 056018e..e3047a0 100644
--- a/gemfire-pulse/src/main/webapp/css/style.css
+++ b/gemfire-pulse/src/main/webapp/css/style.css
@@ -1,3048 +1,3067 @@
-/*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 */
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements. See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership. The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+/*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
<TRUNCATED>