/* FILENAME: menu_tab.css */ /* PROGETTO: SNG */ /* */ /* Remeber: 1em=16px */ /* ------------------------------------------------ */ body { margin:5px; padding:0px; font-family:Verdana; font-style:normal; font-size:10px; font-weight:bold; color:#FFF; background:#0f182c; } /*10/16px*/ p { margin:0px; padding:3px; font-family:Verdana; font-style:normal; font-size:10px; font-weight:bold; color:#FFFFFF; } p.note { margin:0px; padding:3px; font-family:Verdana; font-style:italic; font-size:8px; font-weight:bold; color:#FFF68F; } p.help { margin:0px; padding:3px; font-family:Verdana; font-style:italic; font-size:9px; font-weight:bold; color:#FFF68F; } p.error { margin:0px; padding:3px; font-family:Verdana; font-style:normal; font-size:10px; font-weight:bold; color:#FF0000; } p.warning { margin:0px; padding:3px; font-family:Verdana; font-style:normal; font-size:10px; font-weight:bold; color:#FFFFFF; } h1 { margin:0px; padding:0px 0px 0px 15px; font:bold 16px Verdana; color:#FFFFFF; } h2 { margin:0px; padding:0px 0px 0px 15px; font:bold 14px Verdana; color:#FFFFFF; } hr.tratteggio { height:1pt; border-top-width:1px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:dotted; border-color:#666 } span.crt { font-weight:bold; background-color:#FF0000; color:black; font-size:inherit; padding: 0px 1px; } /* rosso */ span.min { font-weight:bold; background-color:#FFFF00; color:black; font-size:inherit; padding: 1px; } /* giallo */ span.nor { font-weight:bold; background-color:#00FF00; color:black; padding: 0px 1px; } /* verde */ /*- Menu Tabs G--------------------------- */ #tabsG { width:100%; background:#666; font-size:93%; line-height:normal; float:left;} #tabsG ul { margin:0; padding:10px 10px 0 5px; list-style:none; } #tabsG li { margin:0; padding:0; display:inline; } #tabsG a { margin:0; padding:0px 0px 0px 4px; background:url("../img/tableftG.gif") no-repeat left top; text-decoration:none; float:left;} #tabsG a span { padding:5px 15px 4px 6px; background:url("../img/tabrightG.gif") no-repeat right top; color:#FFF; display:block; float:left;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsG a span {float:none;} /* End IE5-Mac hack */ #tabsG a:hover { background-position:0% -42px; } #tabsG a:active { background-position:0% -42px; } #tabsG a.activetab { background-position:0% -42px; } #tabsG a:hover span { background-position:100% -42px; color:#AFF;} #tabsG a:active span { background-position:100% -42px; color:#FFF;} #tabsG a.activetab span { background-position:100% -42px; color:#FFF;} /* usato nel js per la persistenza del colore */ #tabsGH { width:100%; background:#666; font-size:93%; line-height:normal; float:left;} #tabsGH ul { margin:0; padding:2px 2px 0 6px; list-style:none; } #tabsGH li { margin:0; padding:0; display:inline; } #tabsGH a { margin:0; padding:0px 0px 0px 4px; background:url("../img/tableftG.gif") no-repeat left top; text-decoration:none; float:left;} #tabsGH a span { padding:2px 10px 4px 2px; background:url("../img/tabrightG.gif") no-repeat right top; color:#FFF; display:block; float:left;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ tabsGH a span {float:none;} /* End IE5-Mac hack */ #tabsGH a:hover { background-position:0% -42px; } #tabsGH a:active { background-position:0% -42px; } #tabsGH a.activetab { background-position:0% -42px; } #tabsGH a:hover span { background-position:100% -42px; color:#AFF;} #tabsGH a:active span { background-position:100% -42px; color:#FFF;} #tabsGH a.activetab span { background-position:100% -42px; color:#FFF;} /* usato nel js per la persistenza del colore */ #tabsStat1CliGH { width:100%; background:#666; font-size:93%; line-height:normal; float:left;} #tabsStat1CliGH ul { margin:0; padding:2px 2px 0 6px; list-style:none; } #tabsStat1CliGH li { margin:0; padding:0; display:inline; } #tabsStat1CliGH a { margin:0; padding:0px 0px 0px 4px; background:url("../img/tableftG.gif") no-repeat left top; text-decoration:none; float:left;} #tabsStat1CliGH a span { padding:2px 10px 4px 2px; background:url("../img/tabrightG.gif") no-repeat right top; color:#FFF; display:block; float:left;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ tabsGH a span {float:none;} /* End IE5-Mac hack */ #tabsStat1CliGH a:hover { background-position:0% -42px; } #tabsStat1CliGH a:active { background-position:0% -42px; } #tabsStat1CliGH a.activetab { background-position:0% -42px; } #tabsStat1CliGH a:hover span { background-position:100% -42px; color:#AFF;} #tabsStat1CliGH a:active span { background-position:100% -42px; color:#FFF;} #tabsStat1CliGH a.activetab span { background-position:100% -42px; color:#FFF;} /* usato nel js per la persistenza del colore */ #tabsRmm { width:100%; background:#666; font-size:93%; line-height:normal; float:left;} #tabsRmm ul { margin:0; padding:2px 2px 0 6px; list-style:none; } #tabsRmm li { margin:0; padding:0; display:inline; } #tabsRmm a { margin:0; padding:0px 0px 0px 4px; background:url("../img/tableftG.gif") no-repeat left top; text-decoration:none; float:left;} #tabsRmm a span { padding:2px 10px 4px 2px; background:url("../img/tabrightG.gif") no-repeat right top; color:#FFF; display:block; float:left;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ tabsRmm a span {float:none;} /* End IE5-Mac hack */ #tabsRmm a:hover { background-position:0% -42px; } #tabsRmm a:active { background-position:0% -42px; } #tabsRmm a.activetab { background-position:0% -42px; } #tabsRmm a:hover span { background-position:100% -42px; color:#AFF;} #tabsRmm a:active span { background-position:100% -42px; color:#FFF;} #tabsRmm a.activetab span { background-position:100% -42px; color:#FFF;} /* usato nel js per la persistenza del colore */ #tabsPly { width:100%; background:#666; font-size:93%; line-height:normal; float:left;} #tabsPly ul { margin:0; padding:2px 2px 0 6px; list-style:none; } #tabsPly li { margin:0; padding:0; display:inline; } #tabsPly a { margin:0; padding:0px 0px 0px 4px; background:url("../img/tableftG.gif") no-repeat left top; text-decoration:none; float:left;} #tabsPly a span { padding:2px 10px 4px 2px; background:url("../img/tabrightG.gif") no-repeat right top; color:#FFF; display:block; float:left;} #tabsAcl { width:100%; background:#666; font-size:93%; line-height:normal; float:left;} #tabsAcl ul { margin:0; padding:2px 2px 0 6px; list-style:none; } #tabsAcl li { margin:0; padding:0; display:inline; } #tabsAcl a { margin:0; padding:0px 0px 0px 4px; background:url("../img/tableftG.gif") no-repeat left top; text-decoration:none; float:left;} #tabsAcl a span { padding:2px 10px 4px 2px; background:url("../img/tabrightG.gif") no-repeat right top; color:#FFF; display:block; float:left;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ tabsAcl a span {float:none;} /* End IE5-Mac hack */ #tabsAcl a:hover { background-position:0% -42px; } #tabsAcl a:active { background-position:0% -42px; } #tabsAcl a.activetab { background-position:0% -42px; } #tabsAcl a:hover span { background-position:100% -42px; color:#AFF;} #tabsAcl a:active span { background-position:100% -42px; color:#FFF;} #tabsAcl a.activetab span { background-position:100% -42px; color:#FFF;} /* usato nel js per la persistenza del colore */ #tabsSrs { width:100%; background:#666; font-size:93%; line-height:normal; float:left;} #tabsSrs ul { margin:0; padding:2px 2px 0 6px; list-style:none; } #tabsSrs li { margin:0; padding:0; display:inline; } #tabsSrs a { margin:0; padding:0px 0px 0px 4px; background:url("../img/tableftG.gif") no-repeat left top; text-decoration:none; float:left;} #tabsSrs a span { padding:2px 10px 4px 2px; background:url("../img/tabrightG.gif") no-repeat right top; color:#FFF; display:block; float:left;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ tabsSrs a span {float:none;} /* End IE5-Mac hack */ #tabsSrs a:hover { background-position:0% -42px; } #tabsSrs a:active { background-position:0% -42px; } #tabsSrs a.activetab { background-position:0% -42px; } #tabsSrs a:hover span { background-position:100% -42px; color:#AFF;} #tabsSrs a:active span { background-position:100% -42px; color:#FFF;} #tabsSrs a.activetab span { background-position:100% -42px; color:#FFF;} /* usato nel js per la persistenza del colore */ #tabsMlt { width:100%; background:#666; font-size:93%; line-height:normal; float:left;} #tabsMlt ul { margin:0; padding:2px 2px 0 6px; list-style:none; } #tabsMlt li { margin:0; padding:0; display:inline; } #tabsMlt a { margin:0; padding:0px 0px 0px 4px; background:url("../img/tableftG.gif") no-repeat left top; text-decoration:none; float:left;} #tabsMlt a span { padding:2px 10px 4px 2px; background:url("../img/tabrightG.gif") no-repeat right top; color:#FFF; display:block; float:left;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ tabsMlt a span {float:none;} /* End IE5-Mac hack */ #tabsMlt a:hover { background-position:0% -42px; } #tabsMlt a:active { background-position:0% -42px; } #tabsMlt a.activetab { background-position:0% -42px; } #tabsMlt a:hover span { background-position:100% -42px; color:#AFF;} #tabsMlt a:active span { background-position:100% -42px; color:#FFF;} #tabsMlt a.activetab span { background-position:100% -42px; color:#FFF;} /* usato nel js per la persistenza del colore */ /*- Menu Tabs G ----END------------------------ */ INPUT.textL {height:20px ; width: 120px; font: bold 10px Verdana; color:blue; } BUTTON.submitL {height:20px ; width: 25px; font: bold 10px Verdana; border:1px solid #FFF; color:#FFF; background:#9cf} BUTTON.submitPwd {height:20px ; width: 120px; font: bold 10px Verdana; border:1px solid #FFF; color:#FFF; background:#9cf} BUTTON.submitClose {height:20px ; width: 55px; font: bold 10px Verdana; border:1px solid #FFF; color:#FFF; background:#9cf} /*- Div per il logout --- */ #divL { font: bold 10px Verdana; font-size:93%; line-height:normal; } #divLo { float:left; width:100%; background:#666; } #divLi { background:#666; font-size:93%; line-height:normal; text-align:right;} #divLi a { color:#FFF; text-decoration:none; } #divLi a:hover { color:#AFF; } /*- Div per il logout --- END */ #divChangePwd { position:absolute; width:225px; height:300px; top:45px; background:#666677; z-index:25; border-width:1px; border-style:solid; border-color:#99CCFF; } .noPointerEvents{ -ms-touch-action: none; } /*vale solo da IE 9 in poi*/ a.plant { font: bold 10px Arial; color:#FFF; text-decoration:none; background:#666; } a.plant:hover { font: bold 10px Arial; color:#AFF; text-decoration:none; background:#8DB9E0;} a.plant:active { font: bold 10px Arial; color:#FFF; text-decoration:none; background:#666;} a.acl { font: bold 9px Verdana; color:#000; text-decoration:none; } a.acl:hover { font: bold 9px Verdana; color:#AFF; text-decoration:none; background:#8DB9E0;} a.acl:active { font: bold 9px Verdana; color:#FFF; text-decoration:none; background:#666;} a.itfAcl { font: bold 9px Verdana; color:#FFF; text-decoration:none; } a.itfAcl:hover { font: bold 9px Verdana; color:#AFF; text-decoration:none; background:#8DB9E0;} a.itfAcl:active { font: bold 9px Verdana; color:#FFF; text-decoration:none; background:#666;} a.trgRttMkt { font: bold 9px Verdana; color:#000; text-decoration:none; } a.trgRttMkt:hover { font: bold 9px Verdana; color:#AFF; text-decoration:none; background:#8DB9E0;} a.trgRttMkt:active { font: bold 9px Verdana; color:#000; text-decoration:none; background:#666;} a.rateMkt { font: bold 9px Verdana; color:#FFF; text-decoration:none; } a.rateMkt:hover { font: bold 9px Verdana; color:#AFF; text-decoration:none; background:#8DB9E0;} a.rateMkt:active { font: bold 9px Verdana; color:#000; text-decoration:none; background:#666;} a.login { font: bold 10px Arial; color:#FFF; text-decoration:none; background:#666; } a.login:hover { font: bold 11px Arial; color:#AFF; text-decoration:none; background:#8DB9E0;} a.login:active { font: bold 10px Arial; color:#FFF; text-decoration:none; background:#666;} a.help { font: bold 10px Arial; color:#8DB9E0; text-decoration:none; } a.help:hover { font: bold 10px Arial; color:#AFF; text-decoration:none; background:#8DB9E0;} a.help:active { font: bold 10px Arial; color:#FFF; text-decoration:none; background:#8DB9E0;} a.itfSrs { font: bold 9px Verdana; color:#000; text-decoration:none; } a.itfSrs:hover { font: bold 9px Verdana; color:#AFF; text-decoration:none; background:#8DB9E0;} a.itfSrs:active { font: bold 9px Verdana; color:#FFF; text-decoration:none; background:#666;} .sttSelected { font: bold 10px Arial; background: #666; } .sttUnselected { font: bold 10px Arial; background: #0f182c; } .tabdiv { position:absolute; left: 350px; border: 3px; border-style: ridge; } td.time { font: bold 8px Verdana; } td.help { font: bold italic 9px Verdana; color:#FFF68F ; } td.sttSelected { font: bold 8px Verdana; width:19px; height:15px; background: #666; border: 0px} /* 666 */ td.sttUnselected { font: bold 8px Verdana; width:19px; height:15px; background: #0f182c; border: 0px} td.verticaltext { font: bold 8px Verdana; writing-mode: tb-rl; filter: flipv fliph; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); } /* writing-mode: tb-rl; filter: flipv fliph;*/ td.bgp { padding:0px; font: bold 9px Verdana; } td.aclRate { font: normal 8px Verdana; padding:2px;} td.aclInfo { font: normal 8px Verdana; padding:2px; color:#FFF68F; } td.priClassName { font: normal 8px Verdana; padding:2px; color:#FFF68F; } td.aclEvDate { font: normal 8px Verdana; padding-left:5px;} td.AS { padding:2px; font: bold 9px Verdana; text-align:center; vertical-align:top; background:#666; } td.iBgp { padding:2px; font: bold 9px Verdana; text-align:center; vertical-align:top; background:#635688; } td.eBgp { padding:2px; font: bold 9px Verdana; text-align:center; vertical-align:top; background:#2F4F4F; } td.pathBgp { padding:0px; font: bold 9px Verdana; background:#777; } td.itfAcl { padding:2px; font: bold 9px Verdana; text-align:center; vertical-align:center; background:#999; } td.itfRate { padding:2px; font: normal 8px Verdana; } td.devSrs { padding:2px; font: bold 9px Verdana; text-align:center; vertical-align:top; background:#666; } td.itfSrs { padding:2px; font: bold 9px Verdana; text-align:center; vertical-align:center; } td.itfAliasSrs { padding:2px; font: normal 8px Verdana; vertical-align:center; background:#666;} .lineBw {background:#778899;} .alignR {text-align:right;} .alignL {text-align:left;} .alignC {text-align:center;} td.trgDev { padding:02px; font: bold 9px Verdana; text-align:center; vertical-align:top; background:#635688; } td.trgOwn { padding:02px; font: bold 9px Verdana; text-align:center; vertical-align:top; background:#666; } td.trgTst { padding:02px; font: bold 9px Verdana; text-align:center; vertical-align:top; text-align:left;} td.trgRtt { padding:02px; font: normal 8px Verdana; text-align:center; vertical-align:top; text-align:left;} td.trgTst.nor {background:#00FF00; } td.trgTst.min {background:#FFFF00; color:black;} td.trgTst.crt {background:#FF0000; } td.plyInfo { padding:5px; font: normal 8px Verdana; color:#FFF68F; } td.plyMkt { padding:2px; font: bold 9px Verdana; vertical-align:top; background:#666;} td.plyRate { padding:2px; font: bold 9px Verdana; vertical-align:top; background:;} td.RttAvgL1 { font: bold 10px Verdana; background: #999; } td.RttAvgL2 { font: bold 9px Verdana; background: #BBB; } td.RttAvgL3 { font: normal 8px Verdana; } td.RttAvgL3b { font: bold 8px Verdana; } #dvloader { position:absolute; background-image:url(../img/loader.gif); background-repeat:no-repeat; background-position:center center; } .hidden { display: none; } /* commentato attributo display-inline perchè causa la visualizzazione dei grafici a fondo pagina */ .shown { /* display:inline; */ } .tabdefsize{top:50px; left: 150px; margin-left:0px; width:800px; height:700px; overflow:auto; } .XdivStt { /*position:absolute; overflow:auto; left:0px; top:50px; * / width:150px; height:700px; /*border: 1px; */ /*border-style: ridge;* / display: block; */ } /*- tooltip per PNG --- */ a.png { position:relative; z-index:24; color:#3CA3FF; text-decoration:none;} /*font-weight:bold; */ a.png span { display:none; } a.png:hover { text-decoration:none; } a.png:hover span.tooltip { display:block; position:absolute; top:0px; left:-200px; padding:0 0 0 ; margin: 0 0 0 0px; font: bold 10px Arial; width:200px; font-weight:bold; text-align:left; color:#FFF; opacity:0.90; /*right:50px; bottom:0; --non servono*/ /*filter:alpha(opacity:90); KHTMLOpacity:0.90; MozOpacity:0.90;*/ } a.png:hover span.top { display:block; padding:10px 8px 0 0; background:url(/var/www/img/tooltip.gif) no-repeat top;} a.png:hover span.middle { display:block; padding: 0px 8px 0 0; background:url(/var/www/img/tooltip_filler.gif) repeat bottom;} a.png:hover span.bottom { display:block; padding: 3px 8px 10px 0; background:url(/var/www/img/tooltip.gif) no-repeat bottom; color: #548912;} /*- tooltip per PNG --- END */ .lnkbtn { display:inline-block; background-color:#E0EAF1; border-bottom: 1px solid #3E6D8E; border-right: 1px solid #3E6D8E; border-top: 1px solid #A6CAF0; border-left: 1px solid #A6CAF0; color:#3E6D8E; font: normal 10px Tahoma; margin:2px 2px 2px 0; padding:2px 2px 2px 1px; text-align: center; text-decoration:none; white-space: nowrap; overflow:hidden; vertical-align: middle; } .act { width:75px; } .lnkbtn:hover { border-bottom: 1px solid #A6CAF0; border-right: 1px solid #A6CAF0; border-top: 1px solid #3E6D8E; border-left: 1px solid #3E6D8E; background-color:#ffff00; color: #000000; text-decoration:none; } a.lnkbtn.sel { font: normal 10px Tahoma; background-color:#00ffff; color: #000080; } a.lnkbtn.sel:hover { font: normal 10px Tahoma; background-color:#00ff00; color: #000000; } #divContainer { height:100%; } #divCenter { margin:auto; text-align:left; width:1300px; height:100%; } #divLogo { width:125px; height:35px; float:left;} #tabsG { width:850px; height:35px; } #divLo { width:325px; height:35px; float:left; } #divLi1 { width:300px; height:16px; text-align:right; } #divLi2 { width:300px; height:13px; text-align:right; } #divChangePwd { display:none; } #dvclock { float:left; width:125px; height:30px; border-right:2px solid #666; border-bottom:1px solid #666; padding:0px; } #divNomeCli { float:left; width:995px; height:30px; border-bottom:1px solid #666; padding:0px 0px 0px 5px; } #divUnUsed01 { float:left; width:170px; height:30px; border-bottom:1px solid #666; padding:0px; } #divStt { float:left; width:125px; height:900px; border-right:2px solid #666; } #div01 { float:left; width:1165px; } #divPlantInfo { float:left; width:1170px; padding:0px; margin:0px; } #divDraw { float:left; width:897px; height:900px; border:0px; padding:0px 0px 0px 3px; } #divThrMc { float:left; width:625px; height:900px; border-right:1px solid #666; } #divThrHst { float:left; border-right:1px solid #666; padding:0px; margin:0px; } #tabsGH { position:relative; top:0px; width:520px; padding:0px; margin:0px; } #divThrHstGrf { position:relative; top:10px; width:520px; padding:0px; margin:0px; } #divRttDc { float:left; width:640px; height:900px; border-right:1px solid #666; } #divRttHst { float:left; border-right:1px solid #666; padding:0px; margin:0px; } /* #tabsGH */ #divRttHstGrf { position:relative; top:10px; width:520px; padding:0px; margin:0px; } #divJttDc { float:left; width:640px; height:900px; border-right:1px solid #666; } #divJttHst { float:left; border-right:1px solid #666; padding:0px; margin:0px; } /* #tabsGH */ #divJttHstGrf { position:relative; top:10px; width:520px; padding:0px; margin:0px; } #divStat1CliDc { float:left; width:400px; height:900px; border-right:1px solid #666; padding:0px 25px; } #divStat1CliHst { float:left; border-right:1px solid #666; padding:0px; margin:0px; } #tabsStat1CliGH { position:relative; top:0px; width:520px; padding:0px; margin:0px; } #divHrttavg { position:relative; top:10px; width:520px; padding:0px 0px 0px 5px; margin:0px; } #divBgp { float:left; width:1070px; padding:0px; margin:0px; padding:0px 0px 0px 5px; } #divRmm { float:left; width:680px; height:900px; border-right:1px solid #666; } #divRmm_1 { position:relative; width:320px; float:left; padding:0px 0px 0px 3px; } #divRmm_2 { position:relative; width:320px; float:left;} #divRmmHst { float:left; border-right:1px solid #666; padding:0px 0px 0px 0px; margin:0px; } #tabsRmm { position:relative; top:0px; width:400px; padding:0px; margin:0px; } #divHRttMrk { position:relative; top:10px; width:400px; padding:0px; margin:0px; } #divPly { float:left; width:640px; height:900px; border-right:1px solid #666; } #divPlyRes { position:relative; width:317px; float:left; padding:0px 0px 0px 25px; } #divPlyHst { float:left; border-right:1px solid #666; padding:0px 0px 0px 0px; margin:0px; } #tabsPly { position:relative; top:0px; width:520px; padding:0px; margin:0px; } #divHRateMkt { position:relative; top:10px; width:520px; padding:0px; margin:0px; } #divAcl { float:left; width:500px; height:900px; border-right:1px solid #666; } #divAclHst { float:left; border-right:1px solid #666; padding:0px 0px 0px 0px; margin:0px; } #tabsAcl { position:relative; top:0px; width:525px; padding:0px; margin:0px; } #divAclRate { position:relative; top:10px; width:525px; padding:0px; margin:0px; } #divSrs { float:left; width:600px; height:900px; border-right:1px solid #666; } #divSrsHst { float:left; border-right:1px solid #666; padding:0px 0px 0px 0px; margin:0px; } #tabsSrs { position:relative; top:0px; width:525px; padding:0px; margin:0px; } #divSrsRate { position:relative; top:10px; width:525px; padding:0px; margin:0px; } #divMlt { float:left; width:600px; height:900px; border-right:1px solid #666; } #divMlt_M { position:relative; width:550px; padding:0px 0px 0px 3px; } #divMlt_S { position:relative; width:550px; } #divMltHst { float:left; border-right:1px solid #666; padding:0px 0px 0px 0px; margin:0px; } #tabsMlt { position:relative; top:0px; width:500px; padding:0px; margin:0px; } #divHMltGrf { position:relative; top:10px; width:500px; padding:0px; margin:0px; }