#LOADING {
position:absolute;
left:41.5%;
top:40%;
z-index:1;
border:0;
}
div.border {
width:100%;
border-color:#000;
border-style:solid;
border-width:1px;
}
body {
min-width:1004px;
margin:0;
padding:0 10px 10px;
font-family:Arial, Helvetica, Verdana;
font-size:11pt;
}
span {
display:inline;
margin:inherit;
padding:inherit;
}
div.header {
background:#C00;
text-align:center;
width:100%;
}
div.header img {
padding:2px 0 2px;
}
ul.navbar {
border-top:1px solid #000;
list-style-type:none;
margin:0;
padding:0;
}
li.nav {
float:left;
width:25%;
border-right:1px solid #000;
}
li.navLast {
overflow:hidden;
}
.clickable{
cursor:pointer;
}
li.nav a,li.nav a:link,li.nav a:visited,li.nav a:active
li.navLast a,li.navLast a:link,li.navLast a:visited,li.navLast a:active {
font-weight:700;
display:block;
width:100%;
text-align:center;
cursor:pointer;
color:#c00;
background:#fff;
text-decoration:none;
margin:inherit;
padding:1px 0;
}
li.nav a:hover,li.navLast a:hover {
color:#fff;
background:#c00;
}
a#NavMenuSelected {
background:#c00;
color:#fff;
}
a#NavMenuDisabled {
color:#CCC;
}
div.content {
border-top:1px solid #000;
text-align:center;
padding:3px;
}
td.data {
width:100%;
padding:5px 5px 10px 5px;
}
div.towers {
float:left;
margin:0 10px 0 0;
}
div.sensors {
overflow:hidden;
}
H1 {
font-size:13pt;
margin:0px;
color:#c00;
font-weight:700;
}
H2 {
font-size:11pt;
margin:0px;
color:#cc0000;
}
.BODY10 {
font-family:Arial, Helvetica, Verdana;
font-size:9pt;
color:#000000;
padding-left:10px;
}
a.BODY10:link,a.BODY10:visited,a.BODY10:active {
color:#c00;
padding-left:0px;
}
a.BODY10:hover {
color:#244190;
}
/* TABLE OF SENSORS */
.S {
background:#f0f0f0;
width:100%;
border-color:#000;
border-style:solid;
border-width:0 1px 1px;
margin:10px 0;
}
.ST1 {
background:#FFF;
border-top:1px solid #000;
padding:1px 10px;
}
.ST2 {
background:#FFF;
font-size:10pt;
border-bottom:1px solid #000;
border-top:1px solid #000;
padding:1px 10px;
}
.ST1 a,.ST1 a:link,.ST1 a:visited,.ST1 a:active {
font-weight:700;
text-decoration:none;
color:#000;
}
input.TEXT {
font-size:8pt;
background-color:#fff;
color:#c00;
border-color:#aaa;
border-style:solid;
border-width:1px;
}
div.STDdiv{
display:none;
}
div.senIDiv:hover .STDdiv,div.senDDiv:hover .STDdiv,div.senDDivW:hover .STDdiv, div.senWEDiv:hover .STDdiv{
display:block;
}
div.senIDiv:hover .STD,div.senDDiv:hover .STD,div.senDDivW:hover .STD, div.senWEDiv:hover .STD{
display:none;
}
div.senDisp {
width:66%;
float:left;
margin-bottom:3px;
}
div.miniDisp {
overflow:hidden;
}
/* SIGNAL TOWER STYLES */
td.SGT {
text-align:center;
width:116px;
border:1px solid #000;
padding-bottom:10px;
}
td.SGTdiv {
padding-top:10px;
padding-right:10px;
padding-left:10px;
width:100%;
}
.SC {
text-align:center;
font-size:8pt;
background:#FFF;
border-bottom:1px solid #000;
}
div.stALt {
display:block;
font-size:11px;
font-weight:700;
cursor:pointer;
padding:1px;
}
div.stLgt {
width:35px;
cursor:pointer;
padding-left:1px;
padding-left:0\9; /* IE hack */
}
div.alC {
width:82px;
background-color:#fff;
border-color:#000;
border-style:solid;
border-width:0 1px 1px;
}
div.alCr {
border:1px solid #000;
width:82px;
background-color:#c00;
color:#fff;
font-weight:700;
font-size:12px;
}
.spKr {
vertical-align:-3px;
}
/* GENERAL SENSOR STYLES */
.senBlockHead {
background-color:#fff;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:700;
color:#244190;
border-color:#244190;
border-style:solid;
border-width:0 0 1px;
padding:1px 3px;
}
div.SGT {
text-align:center;
width:116px;
border:1px solid #000;
padding-bottom:10px;
margin-bottom:10px;
}
div.SVC_R {
padding:0 0 0 1px;
}
div.SHa {
text-align:center;
font-size:11px;
font-weight:400;
width:154px;
background:#fff;
border-bottom:1px solid #000;
border-top:1px solid #000;
margin:3px 0 0;
line-height:14px;
}
div.SHadiv {
display:block;
float:left;
text-align:center;
font-size:11px;
font-weight:400;
width:154px;
background:#fff;
border-bottom:1px solid #000;
border-top:1px solid #000;
margin:3px 0 0;
}
div.SV {
text-align:center;
background:#FFF;
border:1px solid #000;
font-size:12px;
width:74px;
margin:3px 0;
padding:2px 0;
line-height:15px;
}
span.ttCont {
position:absolute;
top:45px;
left:0;
width:230px;
text-align:center;
}
span.ttXLg {
line-height:75px;
font-size:65px;
font-weight:700;
margin:0 0 0 3px;
}
span.ttLg {
line-height:50px;
font-size:45px;
font-weight:700;
margin:0 0 0 3px;
}
span.ttMe2 {
line-height:50px;
font-size:25px;
font-weight:700;
}
span.ttMe2b {
line-height:49px;
font-size:25px;
font-weight:700;
}
.STxt {
position:relative;
text-align:center;
font-weight:700;
font-size:12px;
padding:3px;
width:100%;
}
.STxt .lXT {
width:50%;
line-height:20px;
}
.STxt .rXT {
width:50%;
position:relative;
text-align:left;
font-weight:700;
color:green;
font-size:16px;
padding:0 0 0 5px;
}
/* SCS STYLES */
.SCSAlarm{
width:30px;
text-align:center;
}
#sT3 .senDisp{
width:100%;
}
#sT3 .SHa{
width:228px;
border-right:1px solid #000;
}
#SCSFlags{
border-spacing:6px 1px;
font-weight:700;
font-size:12px;
}
div.SVC_SCS {
float:left;
width:76px;
border-color:#000;
border-style:solid;
border-width:0 0 1px;
margin:0;
}
/* WIRELESS SENSOR STYLES */
div.senWDiv div.SLa {
text-align:center;
font-weight:400;
height:4px;
background:#c00;
border-bottom:1px solid #000;
border-top:1px solid #000;
font-size:0;
}
div.SHb {
text-align:center;
font-size:11px;
font-weight:400;
background:#fff;
width:101px;
border-bottom:1px solid #000;
border-top:1px solid #000;
margin:3px 0 0;
}
div.SHc {
text-align:center;
font-size:11px;
font-weight:400;
background:#fff;
width:100%;
border-bottom:1px solid #000;
border-top:1px solid #000;
}
div.SHcB {
text-align:center;
font-size:11px;
font-weight:400;
background:#fff;
width:100%;
border-bottom:1px solid #000;
border-top:1px solid #000;
margin:3px 0 0;
}
span.ttMe2a {
line-height:47px;
font-size:25px;
font-weight:700;
}
div.SVa {
text-align:center;
background:#FFF;
font-size:12px;
width:70px;
border-color:#000;
border-style:solid;
border-width:1px 1px 0;
margin:3px 0 0;
padding:2px 2px 3px;
}
div.ssT {
width:56px;
height:16px;
display:block;
text-align:left;
margin:0;
padding:0;
}
div.ssTdiv{
width:100%;
margin:1px 1px 0;
}
div.spT{
width:100%;
display:none;
}
div.ssTdiv:hover .ssT{
display:none;
}
div.ssTdiv:hover .spT{
display:block;
}
div.spT {
text-align:center;
font-size:13px;
height:16px;
padding:0;
}
div.ssTb {
width:2px;
height:12px;
float:left;
border-style:solid;
border-width:1px;
margin:1px 0 1px 1px;
}
div.ssC {
background-color:#CCC;
width:100%;
height:100%;
}
img.ssI {
float:left;
}
div.btB {
width:100%;
display:block;
text-align:left;
height:16px;
margin:2px 2px 0;
}
div.btc {
background-color:transparent;
font-weight:700;
color:#000;
border:1px solid transparent;
line-height:12px;
text-align:center;
float:left;
font-size:12px;
width:37px;
padding:0 2px;
}
div.btd {
background-color:green;
font-weight:700;
color:#fff;
line-height:12px;
text-align:center;
float:left;
height:6px;
width:2px;
font-size:2px;
border-color:#000;
border-style:solid;
border-width:1px 1px 1px 0;
margin:3px 0;
padding:0;
}
div.SP {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:400;
display:block;
text-align:left;
border-color:#000;
border-style:solid;
border-width:0 0 1px;
padding:0 0 0 5px;
}
div.SPa {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:400;
display:block;
float:right;
text-align:left;
padding:0 5px 0 0;
}
div.senWDiv .hideDiv {
display:inherit;
text-align:center;
position:absolute;
background:#f0f0f0;
width:233px;
height:200px;
z-index:1;
filter:alpha(opacity=90);
opacity:0.90;
}
div.hideDiv img {
margin-top:30px;
width:32px;
height:32px;
}
div.hideDiv div {
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:17px;
font-weight:700;
color:#c00;
margin:10px 0 0;
padding:0 0 0 3px;
}
span.java {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:700;
color:#000;
}
a.javalink,a.javalink:link,a.javalink:visited,a.javalink:active {
color:#c00;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:400;
}
a.remLink,a.remLink:link,a.remLink:visited,a.remLink:active {
display:block;
text-decoration:inherit;
margin:0 20px 10px 20px;
}
a.remLink div,a.remLink:link div,a.remLink:visited div,a.remLink:active div {
display:block;
text-decoration:inherit;
border-color:#c00;
border-style:solid;
border-width:0 0 1px;
}
a.remLink:hover div {
text-decoration:inherit;
}
a.remLink span,a.remLink:link span,a.remLink:visited span,a.remLink:active span {
display:block;
color:#000;
font-weight:700;
font-size:12px;
text-decoration:inherit;
margin:3px 10px 0;
}
a.remLink:hover span {
text-decoration:underline;
}
.footer {
text-align:center;
font-size:9pt;
margin-top:0;
color:#000;
border-top:1px solid #000;
padding:10px 0;
}
div.sWExp {
font:bold 12px/12px Arial;
width:100%;
color:#FFF;
float:right;
background-color:#C00;
border-top:1px solid #000;
text-align:right;
vertical-align:text-bottom;
padding-bottom:1px;
}
div.wCont {
float:left;
width:233px;
height:186px;
background:#F0F0F0;
}
div.sWExp .nav{
float:right;
width:233px;
text-align:right;
list-style-type:none;
padding:0;
margin:0;
}
div.sWExp .item {
color:#000;
width:25px;
float:right;
background:#E5E5E5;
border:1px solid #000;
border-bottom:0;
margin:-1px 1px -1px;
text-align:center;
}
div.sWExp .selected{
background:#F0F0F0;
border-top:0;
border-bottom:2px solid #000;
margin:-1px 1px -1px;
}
/* FOOTER STYLES */
.footer a:link,.footer a:visited,.footer a:active {
color:#c00;
}
/* CSS HACKS */
div.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
div.clearfix {
display:inline-block;
}
/* SENSOR DIV STYLES */
.NOI,.NOF,.NOD,.NOS,.NOW{
overflow:hidden;
border-color:#244190;
border-style:solid;
border-width:3px 1px 1px 1px;
margin:10px 0 0;
}
.senInte,.senSCS,.senDigi,.senSwit,.senWire {
position:relative;
text-align:center;
padding:10px;
}
div.senIDiv,div.senTDiv,div.senDDiv, div.senDDivW,div.senSDiv, div.senWDiv, div.senWEDiv{
border:1px solid #000;
float:left;
width:233px;
margin:0 9px 10px 5px;
}
div.senWEDiv{
margin: -1px 0px 10px 1px;
}
div.senIDiv div.SH,div.senTDiv div.SH,div.senDDiv div.SH,div.senDDivW div.SH,div.senSDiv div.SH,div.senWDiv div.SH {
text-align:center;
font-size:11px;
font-weight:700;
color:#fff;
background:#c00;
border-bottom:1px solid #000;
}
.SL {
text-align:center;
font-weight:700;
border-bottom:1px solid #000;
background-color:#fff;
padding:3px;
}
.SLw {
width:100%;
border-top:1px solid #000;
border-bottom:0;
max-height:20px;
padding:0;
}
.SLw td {
line-height:18px;
}
div.senIDiv div.SL img,div.senDDiv div.SL img,div.senDDivW div.SL img,div.senSDiv div.SL img,div.senWDiv div.SL img {
position:relative;
top:2px;
}
div.senIDiv .STD,div.senDDiv .STD,div.senDDivW .STD,div.senWDiv .STD,div.senTDiv .STD,div.senIDiv .STDn,div.senDDiv .STDn,div.senDDivW .STDn,div.senWDiv .STDn,div.senTDiv .STDn {
text-align:center;
font-weight:700;
padding:0;
width:100%;
display:block;
}
div.STDw{
text-align:center;
font-weight:700;
padding:0;
width:77%;
float:left;
}
div.STDw .SHa{
width:100%;
margin-bottom:10px;
}
div.STDw .senDisp{
width:55%;
}
div.SPS{
float:left;
margin-left:-5px;
width:58px;
}
div.STDdiv{
position:relative;
width:233px;
height:144px;
text-align:center;
font-weight:700;
padding:0;
}
div.SV span,div.SVdiv span,div.SVa span {
font-weight:400;
}
span.ttMe3,span.ttMe1 {
font-size:25px;
font-weight:700;
margin:0 3px 0 0;
}
span.ttSm,span.ttSma {
font-size:18px;
font-weight:700;
}
a.javalink:hover,.footer a:hover {
color:#244190;
}