body, div, p, h1, h2, h3, h4, ul, li, table
{
    margin:0;
    padding:0;
    border:none;
}
     
body
{ 
    /*background-color: #ffffff;*/
    font-family: Helvetica, Arial, sans-serif;
    font-size:75%;
    height: 100%;
    min-height: 400px; /* to cater for no element 'collision'... */
    position: relative;
}


/* 
 *
 *    LOGIN Webpage Formating
 *
 */

/* Large Form Factor */

.LoginMasterTableLFF
{
    width:97%;
    margin-left:10px;
    margin-right:10px;
    margin-top:0px; /* 10px */
    border-spacing:0;
    padding:0;
}
.LoginMasterPanelLFF
{
    border-style:none;
    border-width:1em;
    background-color:#ffffff;
    width:350px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.LoginSignInLabelLFF
{
    font-family:Arial;
    font-weight:bold;
    /*gcachange*/
    font-size:1.2em;
    color:#666;
    
}
.LoginLoginPanelLFF
{
    height:126px;
    width:311px;
    font-family:Arial;
    color:Black;
    text-align:right;
}
.LoginLIPCellLFF
{
    /*gcachange*/
    text-align:left;
}

.LoginLIPTextBoxLFF
{
    text-align:left;
    width:150px;
    /*gcachange*/
    font-size:.9em;
    color:#666;
    padding:5px;
    
    background-color:White;
}

.LoginErrorMsgLFF
{
    font-family:Verdana;
    color:Red;
    font-size:14px;
    text-align:center;
}

.fLFF
{
    border-top: solid 1px #bbbbbb; 
    color: #676767;
}
.fpbLFF
{
    font-size: 100%; 
}
.fLFF span 
{
    position: relative; 
    bottom: -7px
}



.imoffset1{
    margin-bottom:87px;
    margin-left:50px;
}
.imoffset2{
    margin-bottom:87px;
    margin-right:20px;
}
.TopTPRow2LFF
{
    vertical-align:top;
}


#loginForm
{
    background-color:White;
    height:100%;
}

/* 
 *
 *    Top Frame Specific Formating
 *
 */

.TopBody
{
    background-image: url(images/header.jpg);
    /*gcachange*/
    height: 200px;
    background-repeat: repeat-x;
    width: 100%;    
}
/*gcachange*/
.loginCont{
     background-image: url(images/loginbackwide.jpg); 
     background-repeat: repeat-x;
     padding-top:0px;
     width:100%;
     height:100%;
}
    
 .TopFormPanel
 {
     background-image: url(images/loginbacksm.jpg); 
     background-repeat: repeat-x;
     border-width: 0;
     /*border-color: gray;*/
     width: 100%;  
     
 }
 
 
.TopFormRow2Cell1LFF
{
    padding-left:40px;
}

.TopFormRow2Cell2LFF
{
    width:100%;
    text-align:right;	
}

.TopText
{
    line-height: 22px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 18px;
    color: #fff;
}

.miniNormal {
    background: #8dc74f;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    color: black;
    width: 20px;
    display:inline-block;
}

.miniOutService {
    background: #ed3782;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    color: black;
    width: 20px;
    display:inline-block;
}

.miniMaintance {
    background: #eeeb41;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    color: black;
    width: 20px;
    display:inline-block;
}

.miniOffLine {
    background: #9999ff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    color: black;
    width: 20px;
    display:inline-block;
}

.miniUnknown {
    background: #cccccc;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12pt;
    color: black;
    width: 20px;
    display:inline-block;
}

.pwdUpdate {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 8pt;
    color: black;
}

.button
{
    width: 38px;
    height:18px;
}

#divTop {
    /*background-color: green;*/
    height: 5%;
    position: relative;
    top: 10px;
    left: 0;
    width: 100%;
}
#divMiddle {
    /*background-color: red;*/
    width: 100%;
    height: 92%;
    position: relative;
    /*left: 50%;
    margin-left: -300px;  50% over, then move back 300px to center... */
}
#divBottom {
    /*background-color: orange;*/
    height: 3%;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
}