/* TelePacific4 */

/* main sections */
BODY { background-color: #01669D; }
DIV.Outer      { }
DIV.Outer2     { }
DIV.TopDiv     { 
   position: relative; width: 760px; text-align: left; background-color: #FFFFFF; 
}

DIV.LeftSide   {
   width: 170px; height: 100%; float: left; 
}

DIV.RightSide  {
   position: relative; width: 590px; height: 100%; float: right; background-color: #FFFFFF;
}



/* TOP NAV */
#divTopNavLoggedIn { width: 590px; height: 85px; z-index: 1500; }
#divTopNavLoggedOut { height: 85px; visibility: hidden; /* position: absolute; top: 0; left: 170px; width: 590px; height: 85px; z-index: 1500; */}
DIV.TNTop          { position: absolute; top: 0; left: 0; width: 590px; height: 25px; background: url(../../Images/TelePacific4/nav_top2_590x25.gif) no-repeat top left; }

DIV.TNButton       { position: absolute; top: 25px; width: 67px; height: 60px; margin: 0; padding: 0; }
#divTNLeftEdge     { left: 0; width: 32px; background: url(../../Images/TelePacific4/nav_left2_32x60.gif) no-repeat top left; }
#divTNRightEdge    { left: 558px; width: 32px; background: url(../../Images/TelePacific4/nav_right_32x60.gif) no-repeat top left; }

/* TOPNAV ROLLOVER BUTTONS.  ALL THESE STYLE ELEMENTS HERE ARE NECESSARY SO DON'T MESS WITH IT */
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 */

#divTNAccount          { left: 32px; background-image: url(../../Images/TelePacific4/nav_account_rollover.gif); }
#divTNAccount a:link   { background-image: url(../../Images/TelePacific4/nav_account_rollover.gif); }
#divTNAccount a:hover  { background-image: url(../../Images/TelePacific4/nav_account_rollover.gif); }

#divTNManage           { left: 99px; background-image: url(../../Images/TelePacific4/nav_manage_rollover.gif); }
#divTNManage a:link    { background-image: url(../../Images/TelePacific4/nav_manage_rollover.gif); }
#divTNManage a:hover   { background-image: url(../../Images/TelePacific4/nav_manage_rollover.gif); }

#divTNSchedule         { left: 166px; background-image: url(../../Images/TelePacific4/nav_schedule_rollover.gif); }
#divTNSchedule a:link  { background-image: url(../../Images/TelePacific4/nav_schedule_rollover.gif); }
#divTNSchedule a:hover { background-image: url(../../Images/TelePacific4/nav_schedule_rollover.gif); }

#divTNContacts         { left: 233px; background-image: url(../../Images/TelePacific4/nav_contacts_rollover.gif); }
#divTNContacts a:link  { background-image: url(../../Images/TelePacific4/nav_contacts_rollover.gif); }
#divTNContacts a:hover { background-image: url(../../Images/TelePacific4/nav_contacts_rollover.gif); }

#divTNSettings         { left: 300px; background-image: url(../../Images/TelePacific4/nav_settings_rollover.gif); }
#divTNSettings a:link  { background-image: url(../../Images/TelePacific4/nav_settings_rollover.gif); }
#divTNSettings a:hover { background-image: url(../../Images/TelePacific4/nav_settings_rollover.gif); }

#divTNHelp             { left: 367px; background-image: url(../../Images/TelePacific4/nav_help_rollover.gif); }
#divTNHelp a:link      { background-image: url(../../Images/TelePacific4/nav_help_rollover.gif); }
#divTNHelp a:hover     { background-image: url(../../Images/TelePacific4/nav_help_rollover.gif); }

#divTNLogout           { left: 434px; background-image: url(../../Images/TelePacific4/nav_logout_rollover.gif); }
#divTNLogout a:link    { background-image: url(../../Images/TelePacific4/nav_logout_rollover.gif); }
#divTNLogout a:hover   { background-image: url(../../Images/TelePacific4/nav_logout_rollover.gif); }

#divTNHome             { left: 501px; background-image: url(../../Images/TelePacific4/nav_home_rollover.gif); }
#divTNHome a:link      { background-image: url(../../Images/TelePacific4/nav_home_rollover.gif); }
#divTNHome a:hover     { background-image: url(../../Images/TelePacific4/nav_home_rollover.gif); }


/* LEFT NAV */
#divTopLeftNav     { position: relative; top: 0; left: 0;  } 
DIV.LeftNav        { background-color: #FFFFFF; width: 170px; height: 100%; }
DIV.UserArea       { width: 170px; height: 22px; vertical-align: middle; text-align: left; background-color: #FFFFFF; }
DIV.LastUserArea   { padding-bottom: 7px; border-bottom: 2px solid white; }


/* 2/10/05 */
UL.TopLeftNav      { 
   background-color: #FFFFFF; list-style: none; 
   width: 155px; height: 100%; margin: 0; padding: 12px 0 12px 15px; 
   line-height: 21px; 
   border-bottom: 2px solid white; 
}

DIV.DivBottomLeftNav { width: 170px; }
#divBottomLeftNav { 
   width: 144px; height: auto; 
   margin: 0 auto; padding: 15px 0 0 0;
   text-align: center;
   background-color: #FFFFFF; 
}
DIV.LeftNavBottom  { background-color: #FFFFFF; height: 53px; vertical-align: top; }
SPAN.LeftNavBottom { text-align: center; margin-left: 13px; }

#divBottomLeftNav ul    { list-style: none; margin: 0; padding: 0; }
#divBottomLeftNav li    { margin: 0 0 2px 0; padding: 0; background-repeat: no-repeat; background-position: 0 0; }
#divBottomLeftNav>ul>li { margin: 0 0 5px 0; padding: 0; }
#divBottomLeftNav a     { cursor: pointer; display: block; margin: 0; padding: 0; width: 144px; height: 48px; }
#liQuickStart { background-image: url(../../Images/TelePacific4/button_quickstart2_144x48.gif); }
#liTellFriend { background-image: url(../../Images/TelePacific4/tell_a_friend.gif); }
#liPrivLabel  { background-image: url(../../Images/TelePacific4/private_label.gif); } 
#liSupport    { background-image: url(../../Images/TelePacific4/feedback.gif); } 

#divTopLeftNavHomeLink { padding: 13px 0 6px 0; height: 16px; }
#divLeftNavLogo        { height: 64px; width: 170px; padding: 0; margin: 0; border-bottom: 2px solid white; vertical-align: top; }
#divLeftNavLogoLink    { margin: 0; padding: 0; height: 64px; background-image: url(../../Images/TelePacific4/nav_logo_170x64.gif); width: 170px; height: 64px;  }  /* ck 1/21/05 */

/* LEFT NAV ROLLOVERS */
DIV.LNRollover {
   width: 144px;
   height: 53px;
   margin-left: 13px; 
   display: block;
   background-repeat: no-repeat;
}
DIV.LNRollover a { 
   display: block;
   width: 100%; height: 100%;
}
DIV.LNRollover a:link  { background-position: 0px 0px; }
DIV.LNRollover a:hover { background-position: 0px 0px; }

#spanQuickStartLink { display: none; }
#spanTellFriendLink { display: none; }
#spanPrivLabelLink { display: none; }
#spanFeedbackLink { display: none; }

/* GUTS */
/*
DIV.Guts { width: 760px; background-color: #FFFFFF; padding: 11px 15px 11px 15px; } 
from telepacific4.css
*/
DIV.Guts { position: relative; height: 100%; width: 570px; margin: 0 auto; padding: 0; } /* top: 85px; */

DIV.HeadCard { margin: 0 0 12px 0; padding: 0; width: 570px; height: 75px; vertical-align: top; }


TD.TopLeft { 
   height: 9px; border: none;
   background: url(../../Images/TelePacific4/part_topleft_9x9.gif) no-repeat top left;
}
TD.TopRight { 
   height: 9px; border: none;
   background: url(../../Images/TelePacific4/part_topright_9x9.gif) no-repeat top left;
}
TD.BottomLeft {
   height: 9px; border: none;
   background: url(../../Images/TelePacific4/part_botleft_9x9.gif) no-repeat top left;
}
TD.BottomRight {
   height: 9px; border: none;
   background: url(../../Images/TelePacific4/part_botright_9x9.gif) no-repeat top left;
}



#hack_ie6_min_height 
{
	 float: left; height: 330px;
}
#clearfloat 
{
	clear:both;
}

/* SIGNUP_FC fonts */
TD.NewFC { font-family: Verdana; font-size: 8pt; }
A.NewFC  { font-family: Verdana; font-size: 7pt; }
A.NewFC:hover { font-family: Verdana; font-size: 7pt; text-decoration: underline; }

/* BOTTOM LINKS */
P.BottomLinks   { text-align: center; padding: 0; margin: 0; }

/* COPYRIGHT */
DIV.BottomStuff { width: 100%; padding:  10px 0 10px 0; }
DIV.CTop { }
DIV.Copyright  {
   height: 40px;  padding: 10px 0 0 0; 
}
SPAN.Copyright { margin-left: 15px; color: #FFFFFF; }

/* privacy */
#divPrivacyHeadCard { background: url(../../Images/TelePacific4/text_privacy_570x75.gif) no-repeat top left; }
#divDetails { padding: 8px; border: 3px solid #01669D; }
li.T { margin-bottom: 8px; padding-left: 0; }
UL.T {
   margin: 2px 18px 12px 22px;
   padding-left: 0px;
}
