/* GLOBAL */


HTML, BODY  { margin: 0; padding: 0; height: 100%; } /* #e62 */
div.Outer   { position: relative; width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0;}
div.Outer2  { position: absolute; width: 760px; height: 100%; top: 0; left: 50%;  margin-left:-385px; background-color: #ddd; } 
div.Guts    { position: absolute; top: 99px; left: 0px; width: 730px; background-color: white; }


/* TOP NAV */
#divTopNavLoggedIn 
{
   position: absolute; top: 0; left: 0; width: 760px; height: 99px; z-index: 1500;
   background: white url(../../Images/Global/logoback_760x99.gif) no-repeat top left;
}

div.TNTop          { display: none; }
div.TNLogo         { position: absolute; top: 13px; left: 30px; width: 185px; height: 53px; background: transparent url(../../Images/Global/logo_185x53.gif) no-repeat top left; }
IMG.TNLogo         { width: 185px; height: 53px; border: none; } /* needed to make logo hyperlinkable */

#divTNLeftEdge     { top: 43px; left: 262px; width: 36px; background: transparent url(../../Images/Global/nav_left_38x57.gif) no-repeat top left; }
#divTNRightEdge    { display: none; }

div.TNBottomL      { display: none; }

/* TOPNAV ROLLOVER BUTTONS.  */
div.TNButton       { position: absolute; top: 0px; width: 59px; height: 57px; margin: 0; padding: 0; }
div.TNRollover {
   position: absolute; 
   top: 43px; 
   width: 59px;
   height: 57px;
   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 -57px; } /* shift the image up 60 px so we see the hover graphic */
div.TNDisabled         { position: absolute; top: 43px; width: 59px; height: 57px;  }

/*  298    357      416      475       534      593       652      711
   home, schedule, manage, Contacts, Account, Settings, Help/FAQ, Log Out
*/
div.TNAccount          { left: 524px; background-image: url(../../Images/Global/nav_account_rollover.gif); }
div.TNAccount a:link   { background-image: url(../../Images/Global/nav_account_rollover.gif); }
div.TNAccount a:hover  { background-image: url(../../Images/Global/nav_account_rollover.gif); }
div.TNAccountDisabled  { left: 524px; background-image: url(../../Images/Global/nav_account_disabled.gif); }

div.TNManage           { left: 406px; background-image: url(../../Images/Global/nav_manage_rollover.gif); }
div.TNManage a:link    { background-image: url(../../Images/Global/nav_manage_rollover.gif); }
div.TNManage a:hover   { background-image: url(../../Images/Global/nav_manage_rollover.gif); }
div.TNManageDisabled   { left: 406px; background-image: url(../../Images/Global/nav_manage_disabled.gif); }

div.TNSchedule         { left: 347px; background-image: url(../../Images/Global/nav_schedule_rollover.gif); }
div.TNSchedule a:link  { background-image: url(../../Images/Global/nav_schedule_rollover.gif); }
div.TNSchedule a:hover { background-image: url(../../Images/Global/nav_schedule_rollover.gif); }
div.TNScheduleDisabled { left: 347px; background-image: url(../../Images/Global/nav_schedule_disabled.gif); }

div.TNContacts         { left: 465px; background-image: url(../../Images/Global/nav_contacts_rollover.gif); }
div.TNContacts a:link  { background-image: url(../../Images/Global/nav_contacts_rollover.gif); }
div.TNContacts a:hover { background-image: url(../../Images/Global/nav_contacts_rollover.gif); }
div.TNContactsDisabled { left: 465px; background-image: url(../../Images/Global/nav_contacts_disabled.gif); }

div.TNSettings         { left: 583px; background-image: url(../../Images/Global/nav_settings_rollover.gif); }
div.TNSettings a:link  { background-image: url(../../Images/Global/nav_settings_rollover.gif); }
div.TNSettings a:hover { background-image: url(../../Images/Global/nav_settings_rollover.gif); }
div.TNSettingsDisabled { left: 583px; background-image: url(../../Images/Global/nav_settings_disabled.gif); }

div.TNHelp             { left: 642px; background-image: url(../../Images/Global/nav_help_rollover.gif); }
div.TNHelp a:link      { background-image: url(../../Images/Global/nav_help_rollover.gif); }
div.TNHelp a:hover     { background-image: url(../../Images/Global/nav_help_rollover.gif); }
div.TNHelpDisabled     { left: 642px; background-image: url(../../Images/Global/nav_help_disabled.gif); }

div.TNLogout           { left: 701px; background-image: url(../../Images/Global/nav_logout_rollover.gif); }
div.TNLogout a:link    { background-image: url(../../Images/Global/nav_logout_rollover.gif); }
div.TNLogout a:hover   { background-image: url(../../Images/Global/nav_logout_rollover.gif); }
div.TNLogoutDisabled   { left: 701px; background-image: url(../../Images/Global/nav_logout_disabled.gif); }

div.TNLogin            { left: 701px; background-image: url(../../Images/Global/nav_Login_rollover.gif); }
div.TNLogin a:link     { background-image: url(../../Images/Global/nav_Login_rollover.gif); }
div.TNLogin a:hover    { background-image: url(../../Images/Global/nav_Login_rollover.gif); }
div.TNLoginDisabled    { left: 701px; background-image: url(../../Images/Global/nav_Login_disabled.gif); }

div.TNHome             { left: 288px; background-image: url(../../Images/Global/nav_home_rollover.gif); }
div.TNHome a:link      { background-image: url(../../Images/Global/nav_home_rollover.gif); }
div.TNHome a:hover     { background-image: url(../../Images/Global/nav_home_rollover.gif); }
div.TNHomeDisabled     { left: 288px; background-image: url(../../Images/Global/nav_home_disabled.gif); }


div.copyright  { position: relative; left: 0px; height: 30px; width: 745px; margin: 12px 0 0 0; padding: 12px 0 0 15px; color: #444; }
div.copyright2 { position: relative; width: 745px; height: 30px; bottom: -90px; margin: 12px 0 0 0; padding: 12px 0 0 15px; color: #444; }


/* PROGRESS METER */

/* THE FOLLOWING CAN BE REMOVED WHEN WE'RE DONE CONVERTING */
td.ProgressMeterMainTitle { 
   height: 23px;
   padding: 3px; 
   border: none; 
   font-weight: bold; 
}
td.ProgressMeterTop { 
   height: 26px;  border: none;
}
td.ProgressMeter {
   padding: 3px; margin:0; height: 26px;
   border: none; 
}
td.ProgressMeterTDActive   { }
td.ProgressMeterTDInactive { color: #A7AE91; width: 182px; height: 23px;}

td.ProgressMeterLDRate     { color: #A7AE91; text-indent:-6px; padding-left: 6px; padding-top: 11px; font-size: 11px; }



/*****************/
div.ProgressMeter { 
   position: absolute; width: 201px; height: 390px; top: 35px; left: 540px; 
   background: transparent url(../../Images/Global/ProgressMeterBack_201x350.jpg) no-repeat top left;
}
#divPMMainTitle { display: none; }

div.PMC1    { display: none; }
div.PMCheck { }

div.PMText {
   position: absolute; top: 0; left: 18px; width: 173px; height: 100%;  
   vertical-align: top; 
   margin: 0; padding: 6px 0 0 4px;
   line-height: 20px;
}

div.PMActive1 {  
   background: transparent url(../../Images/Global/ProgressMeter_1line_173x22.jpg) no-repeat 0px 6px;
   left: 14px;
   padding-left: 6px;
}

div.PMActive4 {  
   background: transparent url(../../Images/Global/ProgressMeter_4line_173x88.jpg) no-repeat 0px 2px;
   left: 14px;
   padding-left: 6px;
}

div.PMInactive { color: #A7AE91; }

div.PMTerms { position: absolute; top: 360px; left: 6px; width: 190px; height: 30px; 
   color: #A7AE91; text-indent:-6px; padding-left: 14px; padding-top: 11px; font-size: 11px;
}


SPAN.ProgressMeterInactive { color: #A7AE91; }
A.ProgressMeterInactive       { color: #A7AE91; }
A.ProgressMeterInactive:hover { color: #A7AE91; }

ul.vc { margin: 2px 18px 12px 14px; padding-left: 0px; }

