html,body{
width:100%;
height:100%;
overflow:auto;
background-color:#F5F5F5;
font-family:Verdana,Arial,sans-serif;
}
div#page{
height:100%;
margin-bottom:0px;
padding-bottom:0px;
}
div#header{
min-width:980px;
}
div#titlebar{
position:relative;
width:100%;
height:73px;
margin:0px 0px 0px 0px;
padding:0;
background-color:#003D06;
}
div#titlebarsep{
position:relative;
width:100%;
height:18px;
margin:0px 0px 0px 0px;
padding:0;
background-color:#F5F5F5;
}
div#title{
max-width:980px;
margin:0 auto;
}
div#toptitle{
float:left;
padding-top:18px;
padding-left:10px;
font-size:30px;
font-weight:normal;
display:block;
text-decoration:none;
color:#00CC22;
}
div#tabs{
width:980px;
margin:0px auto;
border:0px;
background:none repeat scroll 0% 0% #F5F5F5;
font-size:14px;
}
#tabs li{
float:left;
}
div.tabs-jmx{
height:85%;
height:calc(100% - 270px);
height:-moz-calc(100% - 276px);
height:-webkit-calc(100% - 272px);
height:-o-calc(100% - 270px);
}
div#perfpane{
width:978px;
margin:0 auto;
border-width:1px;
border-color:#ccc;
border-style:solid;
border-radius:0px;
background-color:#fff;
clear:both;
}
div#chartpane{
width:978px;
margin:0 auto;
border-width:1px;
border-color:#ccc;
border-style:solid;
border-radius:0px;
background-color:#fff;
}
div#logpane{
width:978px;
margin:0 auto;
border-width:1px;
border-color:#ccc;
border-style:solid;
border-radius:0px;
background-color:#fff;
}
div#jmxtreepane{
height:85%;
height:calc(100% - 45px);
height:-moz-calc(100% - 45px);
height:-webkit-calc(100% - 45px);
height:-o-calc(100% - 270px);
border-width:1px;
border-color:#ccc;
border-style:solid;
border-radius:0px;
background-color:#fff;
}
iframe.iframetab{
width:100%;
height:100%;
}
table.box{
border-collapse:collapse;
width:100%;
height:83px;
}
div.box{
text-align:center;
display:inline-block;
margin-right:50px;
min-width:200px;
}
div.box-title{
font-size:16px;
font-weight:normal;
color:#003D06;
padding:5px;
margin-top:25px;
}
td.box{
}
div.box-rd{
border-style:solid;
border-width:1px;
border-color:#dbdbdb;
border-radius:5px;
}
.container{
width :976px;
height:100px;
margin:0;
}
.big-value{
font-size:32px;
font-weight:normal;
color:#003D06;
}
.small-value{
font-size:12px;
color:#003D06;
margin-top:7px;
}
div#topology{
position:relative;
z-index:1
}
div#back-adapters{
position:absolute;
top:0;
left:652px;
z-index:-1;
height:572px;
width:326px;
background-color:#BFF2C8;
text-align:center;
}
div#image-adapters{
width:100%;
height:100%;
background-image:url('../img/adapters.png');
background-position:203px center;
background-size:100px;
background-repeat:no-repeat;
opacity:0.1;
}
div#title-adapters{
color:#003D06;
font-size:18px;
font-weight:normal;
position:absolute;
top:10px;
right:20px;
text-align:right;
}
div#info-adapters{
color:#003D06;
font-size:14px;
position:absolute;
bottom:10px;
right:20px;
width:100%;
text-align:right;
}
div#back-server{
position:absolute;
top:0;
left:326px;
z-index:-1;
height:572px;
width:326px;
background-color:#80E591;
text-align:center;
}
div#image-server{
width:100%;
height:100%;
background-image:url('../img/server.png');
background-position:center center;
background-size:100px;
background-repeat:no-repeat;
opacity:0.1;
}
div#title-server{
color:#003D06;
font-size:18px;
font-weight:normal;
position:absolute;
top:10px;
width:100%;
text-align:center;
}
div#info-server{
color:#003D06;
font-size:14px;
position:absolute;
bottom:10px;
width:100%;
text-align:center;
}
div#back-clients{
position:absolute;
top:0;
left:0;
z-index:-1;
height:572px;
width:326px;
background-color:#BFF2C8;
text-align:center;
}
div#image-clients{
width:100%;
height:100%;
background-image:url('../img/clients.png');
background-position:20px center;
background-size:150px;
background-repeat:no-repeat;
opacity:0.1;
}
div#title-clients{
color:#003D06;
font-size:18px;
font-weight:normal;
position:absolute;
top:10px;
left:20px;
text-align:left;
}
div#info-clients{
color:#003D06;
font-size:14px;
position:absolute;
bottom:10px;
left:20px;
width:100%;
text-align:left;
}
div.column-arrow{
margin-top:25px;
margin-bottom:25px;
text-align:left;
float:left;
width:319px;
}
div.component-title{
font-size:16px;
font-weight:normal;
color:#8E8E8E;
padding-bottom:5px;
position:relative;
width:140px;
left:-20px;
}
table.component-body{
height:500px;
width:100px;
text-align:center;
margin:0 auto;
}
table.arrow{
border-collapse:collapse;
height:511px;
margin:0 auto;
}
div.arrow-box{
padding:0;
border-style:solid;
border-width:1px;
border-color:#dbdbdb;
background-color:#FFFFFF;
opacity:0.85;
text-align:center;
border-radius:5px;
}
div.arrow-container{
}
div.arrow-right{
width:100%;
height:18px;
background-size:25px 18px;
background-repeat:repeat-x;
margin-top:12px;
margin-bottom:5px;
}
div.arrow-left{
width:100%;
height:18px;
background-size:25px 18px;
background-repeat:repeat-x;
margin-top:12px;
margin-bottom:5px;
}
div.arrow-value-big{
font-size:24px;
font-weight:normal;
line-height:22px;
padding-left:10px;
padding-right:10px;
margin-top:9px;
margin-bottom:1px;
}
span.arrow-unit-big{
font-weight:normal;
font-size:14px;
}
div.arrow-value-small{
font-size:12px;
font-weight:normal;
padding-left:10px;
padding-right:10px;
margin-top:1px;
margin-bottom:1px;
color:#809E83;
}
span.arrow-unit-small{
font-weight:normal;
}
.arrow-value-msg{
color:#003D06;
}
.arrow-value-bw{
color:#003D06;
}
.doughnut-legend .title{
display:block;
margin:0.5em;
border-style:solid;
border-width:0 0 0 1em;
padding:0 0.3em;
font-size:12px;
color:#003D06;
}
.linelegend{
width:710px;
border:1px solid #CCCCCC;
display:block;
margin:0.5em;
border-style:solid;
border-width:0 0 0 1em;
padding:0 0.3em;
}
div.log-title{
font-size:16px;
font-weight:normal;
text-align:center;
padding:5px;
margin-top:10px;
}
div.log-title-activity{
color:#FFFFFF;
background-color:#003D06;
}
div.log-title-warnings{
color:#003D06;
background-color:#FFE600;
}
div.log-title-errors{
color:#FFFFFF;
background-color:#A50000;
}
div.log-cell-title{
font-size:12px;
text-align:left;
word-wrap:break-word;
float:left;
padding:4px 8px 4px 2px;
}
div.log-cell-title-activity{
color:#FFFFFF;
background-color:#00A81B;
}
div.log-cell-title-warnings{
color:#003D06;
background-color:#FFEEAA;
}
div.log-cell-title-errors{
color:#FFFFFF;
background-color:#FF2E2E;
}
div.log-scroll-cont{
overflow:hidden;
background-color:#eee;
padding-bottom:11px;
clear:both;
}
div.log-scroll-bottom{
position:absolute;
bottom:4px;
left:481px;
width:15px;
height:1px;
border-bottom:1px solid #333;
border-top:1px solid #333;
}
div.log-scroll-body{
width:100%;
height:200px;
overflow-x:hidden;
overflow-y:scroll;
}
div.log-scroll-body-activity{
background-color:#DBFCE0;
}
div.log-scroll-body-warnings{
background-color:#FFFAE4;
}
div.log-scroll-body-errors{
background-color:#FFDEDE;
}
div.log-row{
clear:both;
border-top:1px solid #fff;
}
div.log-cell{
font-size:12px;
color:#003D06;
text-align:left;
word-wrap:break-word;
float:left;
padding:2px 8px 2px 2px;
overflow:hidden;
}
td.log-slider-details{
font-size:11px;
color:#777;
padding:10px 0 10px 0;
}
td.log-slider-unit{
font-size:11px;
color:#406E44;
text-align:left;
}
td.log-slider{
width:310px;
height:17px;
}
div.log-slider{
width:300px;
background-color:#406E44;
height:10px;
position:relative;
}
td.log-footer-note{
font-size:11px;
color:#777;
padding:10px 48px 10px 48px;
font-style:italic;
}
div#footer1{
width:100%;
min-width:960px;
margin:40px 0px 0px 0px;
padding:0;
background-color:#454545
}
div#footer1-body{
max-width:960px;
margin:0 auto;
padding:12px;
font-size:16px;
text-align:center;
color:#aaa
}
div#footer2{
width:100%;
min-width:960px;
margin:0;
padding:0 0 10px 0;
background-color:#343434;
}
div#footer2-body{
max-width:960px;
margin:0 auto;
font-size:12px;
padding:12px;
text-align:left;
color:#bbb
}
span.footer2-data{
color:#eee;
}
div.message{
width:100%;
top:-35px;
border-bottom:1px solid;
box-shadow:0px 5px 10px rgba(0,0,0,0.3),0px 1px 1px rgba(255,255,255,0.8) inset;
font-size:14px;
text-shadow:0 1px 0 rgba(255,255,255,0.5);
overflow:hidden;
padding:2px 0 4px 10px;
position:fixed;
z-index:1000;
cursor:pointer;
display:none;
}
div#message-warning{
background-color:#fcf8e3;
border-color:#fbeed5;
color:#AB6C00;
}
img#message-warning{
height:16px;
vertical-align:bottom;
}
img#message-close{
height:10px;
float:right;
padding-top:5px;
padding-right:27px;
vertical-align:bottom;
opacity:0.6;
}
img#message-close:hover{
opacity:1;
}
.container{
width :976px;
height:100px;
margin:0;
}
.chartsTitle{
font-size:14px;
color:#333;
position:absolute;
top:-21px;
width:100%;
text-align:center;
}
.chartsLegend{
font-size:11px;
position:absolute;
top:-24px;
color:#fff;
padding:3px 20px 7px 20px;
opacity:0.4
}
.charts-unit{
font-size:11px;
color:#333;
position:absolute;
top:-24px;
padding:3px 20px 7px 20px;
}
.charts-time{
font-size:14px;
font-weight:normal;
color:#333;
}
div#wrap4{
width:100%;
min-width:980px;
background-color:#FFFFFF;
padding-left:0px;
border-width:1px;
border-color:#ccc;
border-style:solid;
}
div.h{
}
tr.head1{
height:69px;
font-size:15px;
}
td.head2{
height:66px;
font-size:14px;
}
tr.head3{
color:#40D959;
font-size:14px;
text-align:left;
background-color:#003D06;
}
tr.head3 > th{
padding:4px;
}
td.tablebody{
font-size:12px;
}
td.col1{
background-color:#BFF2C8;
color:#003D06;
}
td.h2{
background-color:#BFF2C8;
}
table.featuresTable{
font-family:Verdana,Arial,sans-serif;
font-size:12px;
background-color:#FFFFFF;
color:#003D06;
text-align:center;
border-collapse:collapse;
padding:1px 1px 5px 1px;
border-spacing:1px;
}
table.featuresTable td,th{
border:1px solid #003D06;
}
table.featuresTable a{
color:#003D06;
text-decoration:none;
}
div#EditionTitle{
clear:both;
font-family:Verdana,Arial,sans-serif;
background-color:#FFFFFF;
color:#003D06;
width:100%;
text-align:center;
}
p.tablenote{
font-family:Verdana,Arial,sans-serif;
font-size:11px;
padding:10px 20px 0px 20px;
color:#003D06;
}
p.tablenote2{
font-family:Verdana,Arial,sans-serif;
font-size:14px;
line-height:18px;
padding:10px 0px 20px 20px;
color:#003D06;
}
a.tablenote2{
font-family:Verdana,Arial,sans-serif;
font-size:14px;
color:#003D06;
padding-left:0px;
text-align:right;
}
td.col1{
text-align:left;
padding-left:4px;
}
abbr.tooltip{
border-bottom:1px dotted;
text-decoration:none;
}
abbr.tooltip_nou{
text-decoration:none;
}
div.loginerror{
font-family:Verdana,Arial,sans-serif;
font-size:12px;
color:red;
text-align:left;
}