/* TELEPACIFIC4 */

BODY        { background-color: #01669D; }
DIV.Outer   { position: relative; width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0; }
DIV.Outer2  {  } 
DIV.Guts    { position: absolute; top: 104px; left: 0px; width: 730px; background-color: white;  }





/* TOP NAV */
#divTopNavLoggedIn { position: absolute; top: 0; left: 0; width: 760px; height: 104px; z-index: 1500; background-color: white; }

DIV.TNTop          { position: absolute; top: 0; left: 170px; width: 590px; height: 25px; background: url(../../Images/TelePacific4/nav_top_590x25.gif) no-repeat top left; }

DIV.TNLogo         { position: absolute; top: 0; left: 0; width: 170px; height: 64px; background: white url(../../Images/TelePacific4/nav_logo_170x64.gif) no-repeat top left; }
DIV.TNLogo a       { display: block; width: 100%; height: 100%; }
DIV.TNLogo a:link  { background-image: url(../../Images/TelePacific4/nav_logo_170x64.gif); display: block; }
DIV.TNLogo a:hover { background-image: url(../../Images/TelePacific4/nav_logo_170x64.gif); display: block; }
IMG.TNLogo         { border: none; } /* needed to make logo hyperlinkable */


#divTNLeftEdge     { left: 170px; width: 32px; background: url(../../Images/TelePacific4/nav_left_32x60.gif) no-repeat top left; }
#divTNRightEdge    { left: 728px; width: 32px; background: url(../../Images/TelePacific4/nav_right_32x60.gif) no-repeat top left; }

DIV.TNBottomL      { position: absolute; top: 64px; left: 0; width: 170px; height: 21px; background: url(../../Images/TelePacific4/nav_bottom_170x21.gif) no-repeat top left; }

/* TOPNAV ROLLOVER BUTTONS.  ALL THESE STYLE ELEMENTS HERE ARE NECESSARY SO DON'T MESS WITH IT */
DIV.TNButton       { position: absolute; top: 25px; width: 67px; height: 60px; margin: 0; padding: 0; }
DIV.TNRollover {
   position: absolute; 
   top: 25px; 
   width: 67px;
   height: 60px;
   display: block;
   background-repeat: no-repeat;
}
DIV.TNRollover a { 
   display: block;
   width: 100%; height: 100%;
}
DIV.TNRollover a:link  { background-position: 0px 0px; }
DIV.TNRollover a:hover { background-position: 0px -60px; } /* shift the image up 60 px so we see the hover graphic */
DIV.TNDisabled         { position: absolute; top: 25px; width: 67px; height: 60px;  }

DIV.TNAccount          { left: 192px; background-image: url(../../Images/TelePacific4/nav_account_rollover.gif); }
DIV.TNAccount a:link   { background-image: url(../../Images/TelePacific4/nav_account_rollover.gif); }
DIV.TNAccount a:hover  { background-image: url(../../Images/TelePacific4/nav_account_rollover.gif); }
DIV.TNAccountDisabled  { left: 192px; background-image: url(../../Images/TelePacific4/nav_account_disabled.gif); }

DIV.TNManage           { left: 259px; background-image: url(../../Images/TelePacific4/nav_manage_rollover.gif); }
DIV.TNManage a:link    { background-image: url(../../Images/TelePacific4/nav_manage_rollover.gif); }
DIV.TNManage a:hover   { background-image: url(../../Images/TelePacific4/nav_manage_rollover.gif); }
DIV.TNManageDisabled   { left: 259px; background-image: url(../../Images/TelePacific4/nav_manage_disabled.gif); }

DIV.TNSchedule         { left: 326px; background-image: url(../../Images/TelePacific4/nav_schedule_rollover.gif); }
DIV.TNSchedule a:link  { background-image: url(../../Images/TelePacific4/nav_schedule_rollover.gif); }
DIV.TNSchedule a:hover { background-image: url(../../Images/TelePacific4/nav_schedule_rollover.gif); }
DIV.TNScheduleDisabled { left: 326px; background-image: url(../../Images/TelePacific4/nav_schedule_disabled.gif); }

DIV.TNContacts         { left: 393px; background-image: url(../../Images/TelePacific4/nav_contacts_rollover.gif); }
DIV.TNContacts a:link  { background-image: url(../../Images/TelePacific4/nav_contacts_rollover.gif); }
DIV.TNContacts a:hover { background-image: url(../../Images/TelePacific4/nav_contacts_rollover.gif); }
DIV.TNContactsDisabled { left: 393px; background-image: url(../../Images/TelePacific4/nav_contacts_disabled.gif); }

DIV.TNSettings         { left: 460px; background-image: url(../../Images/TelePacific4/nav_settings_rollover.gif); }
DIV.TNSettings a:link  { background-image: url(../../Images/TelePacific4/nav_settings_rollover.gif); }
DIV.TNSettings a:hover { background-image: url(../../Images/TelePacific4/nav_settings_rollover.gif); }
DIV.TNSettingsDisabled { left: 460px; background-image: url(../../Images/TelePacific4/nav_settings_disabled.gif); }

DIV.TNHelp             { left: 527px; background-image: url(../../Images/TelePacific4/nav_help_rollover.gif); }
DIV.TNHelp a:link      { background-image: url(../../Images/TelePacific4/nav_help_rollover.gif); }
DIV.TNHelp a:hover     { background-image: url(../../Images/TelePacific4/nav_help_rollover.gif); }
DIV.TNHelpDisabled     { left: 527px; background-image: url(../../Images/TelePacific4/nav_help_disabled.gif); }

DIV.TNLogout           { left: 594px; background-image: url(../../Images/TelePacific4/nav_logout_rollover.gif); }
DIV.TNLogout a:link    { background-image: url(../../Images/TelePacific4/nav_logout_rollover.gif); }
DIV.TNLogout a:hover   { background-image: url(../../Images/TelePacific4/nav_logout_rollover.gif); }
DIV.TNLogoutDisabled   { left: 594px; background-image: url(../../Images/TelePacific4/nav_logout_disabled.gif); }

DIV.TNLogin            { left: 594px; background-image: url(../../Images/TelePacific4/nav_Login_rollover.gif); }
DIV.TNLogin a:link     { background-image: url(../../Images/TelePacific4/nav_Login_rollover.gif); }
DIV.TNLogin a:hover    { background-image: url(../../Images/TelePacific4/nav_Login_rollover.gif); }
DIV.TNLoginDisabled    { left: 594px; background-image: url(../../Images/TelePacific4/nav_Login_disabled.gif); }

DIV.TNHome             { left: 661px; background-image: url(../../Images/TelePacific4/nav_home_rollover.gif); }
DIV.TNHome a:link      { background-image: url(../../Images/TelePacific4/nav_home_rollover.gif); }
DIV.TNHome a:hover     { background-image: url(../../Images/TelePacific4/nav_home_rollover.gif); }
DIV.TNHomeDisabled     { left: 661px; background-image: url(../../Images/TelePacific4/nav_home_disabled.gif); }




DIV.copyright { position: absolute; background-color: #01669D; left: 0px; height: 30px; width: 745px; margin: 12px 0 0 0; padding: 12px 0 0 15px;  }



SPAN.ProgressMeterInactive { color: #BBBBBB; }
A.ProgressMeterInactive    { color: #BBBBBB; }
A.ProgressMeterInactive:hover { color: #BBBBBB; text-decoration: none; }

DIV.ProgressMeter { 
   position: absolute; top: 0px; left: 520px; width: 222px; height: 400px; 
   background-color: white;
}

DIV.PMC1    { float: left; top: 0; left: 0; width: 14px; height: 100%; }
DIV.PMCheck { background: transparent url(../../Images/Default/check_14x16.gif) no-repeat top left; }

DIV.PMText {
   position: absolute; top: 0; left: 18px; width: 208px; height: 100%; border: 1px solid #BBBBBB; 
   vertical-align: top; 
   margin: 0; padding: 6px 0 0 4px;

}

DIV.PMTerms { position: absolute; top: 350px; left: 22px; width: 190px; height: 30px; 
   color: #384C75; text-indent:-6px; padding-left: 6px; padding-top: 12px; font-size: 11px; 
}

DIV.PMInactive { color: #BBBBBB; }