/********************************************************************
*                                                                   *
*                   Copyright (C) 2005                              *
*                   Symmetricom, Inc.                               *
*                   All Rights Reserved                             *
*                                                                   *
********************************************************************/
/* Login page Data Table */ 
.logdatatop
{
    background-image:url(images/logdatatop.gif);
    width:500px;
    height:18px;
    margin: 0;
    padding: 0; 
    max-height: 12px;
    background-repeat: no-repeat;
    display: block;
    font: 1px Arial;
}
.logdatabottom
{
    background-image:url(images/logdatabottom.gif);
    width:500px;
    height:24px;
    margin: 0;
    padding: 0; 
    max-height: 12px;
    background-repeat: no-repeat;
    display: block;
    font: 1px Arial;
    margin-top: -8px;
}
.logdatabottomFirefox
{
    background-image:url(images/logdatabottom.gif);
    width:500px;
    height:24px;
    margin: 0;
    padding: 0; 
    max-height: 12px;
    background-repeat: no-repeat;
    display: block;
    font: 1px Arial;
    margin-top: -12px;
}
.logdatabottomFirefoxNoIp
{
    background-image:url(images/logdatabottom.gif);
    width:500px;
    height:24px;
    margin: 0;
    padding: 0; 
    max-height: 12px;
    background-repeat: no-repeat;
    display: block;
    font: 1px Arial;
    margin-top: -10px;
}
.logdata
{ 
    background-image:url(images/logdata.gif);
    width:500px;
    /* height:420px; */
    margin: 0;
    padding: 0; 
    background-repeat: repeat-y;
    display: block;
    font: 1px Arial;
}
/* login page leds */
.syncGreen
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/greenLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: -5px;
    display: block;
    font-size: small;
    z-index: 0;
}
.syncRed
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/redLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: -5px;
    display: block;
    font-size: small;
    z-index: 0;
}
.syncOrange
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/orangeLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: -5px;
    display: block;
    font-size: small;
    z-index: 0;
}
.syncOff
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/offLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: -5px;
    display: block;
    font-size: small;
    z-index: 0;
}
.lanGreen
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/greenLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: 15px;
    display: block;
    font-size: small;
    z-index: 0;
}
.lanRed
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/redLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: 15px;
    display: block;
    font-size: small;
    z-index: 0;
}
.lanOrange
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/orangeLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: 15px;
    display: block;
    font-size: small;
    z-index: 0;
}
.lanOff
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/offLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: 15px;
    display: block;
    font-size: small;
    z-index: 0;
}
.ntpGreen
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/greenLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: 36px;
    display: block;
    font-size: small;
    z-index: 0;
}
.ntpRed
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/redLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: 36px;
    display: block;
    font-size: small;
    z-index: 0;
}
.ntpOrange
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/orangeLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: 36px;
    display: block;
    font-size: small;
    z-index: 0;
}
.ntpOff
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/offLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: 36px;
    display: block;
    font-size: small;
    z-index: 0;
}
.alarmGreen
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/greenLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: 57px;
    display: block;
    font-size: small;
    z-index: 0;
}
.alarmRed
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/redLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: 57px;
    display: block;
    font-size: small;
    z-index: 0;
}
.alarmOrange
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/orangeLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: 57px;
    display: block;
    font-size: small;
    z-index: 0;
}
.alarmOff
{ 
    width: 28px;
    height: 26px; 
    background-image:url(images/offLightLarge.gif);
    background-repeat: no-repeat;
    position: absolute;
    left:15px;
    top: 57px;
    display: block;
    font-size: small;
    z-index: 0;
}
.ledLabel
{ 
    margin-left: 21px;
    font: bold 9px Arial; 
    color: #999999; 
}
.stopAbove
{ 
    z-index: 1;
    position: absolute;
}
/* login page user/password */
.loginFontLabel
{ 
    text-align: right;
    font: 14px Arial;
    font-weight: bold;
}
.loginFontLabelSecure
{ 
    text-align: left;
    font: 14px Arial;
    font-weight: bold;
}
.loginPasswordTable
{ 
    font: 10px Arial;
}
.loginTable
{ 
    position:absolute;
    top: 80px;
    width: 790px;
    font: 10px Arial;
}
.stateGoodLogin
{
    color: #00A1EF;
    font: bold
}
.stateMajorLogin
{
    color: #FF0000;
    font: bold
}
.stateMinorLogin
{
    color: #FF8810;
    font: bold
}
.loginerror
{
    font: bold 16px Arial; 
    color: #FF0000;
    text-align: center;
}