/* -------------------------------------------------------------------------

                     MNG NAVIGATION SYSTEM v 1.0

---------------------------------------------------------------------------- */





/* Main (tab) Navigation

---------------------------------------------------------------------------- */



/*

   NAV: height 24px

+  SUBNAV: height 28px

   ----

=  52px

*/



/*  global navigation menu */

#navcontainer {

   font-family: Arial, Helvetica, Verdana, sans-serif;

   width: 1000px;

   background: #fff url(http://extras.mnginteractive.com/live/media/site568/2006/1121/20061121__bg_tabcontainer2.gif) top;

   position: relative;

   height: 58px; /* <- important: height= topnav height + subnav height + borders */

   

   /*

padding-top: 5px;

   height: 47px;

*/

   }



/* ie box model hack (old doctype) */

*html #navcontainer {

   }



#navcontainer a {

   }



/* main nav bar */

#p7TBM {

   /*background: transparent url(http://extras.mnginteractive.com/live/media/site571/2006/1214/20061214_102906_bg_tabs_main.gif) repeat-x 0 0px;*/



   }





/* main navigation */

#p7TBMroot {

   background-color: transparent;

   border: none;

   font-weight: bold;

   padding-left: 10px;

   padding-top: 5px;

  font-size: 11px;

   }



/* "rootbox" container */

#p7TBMrootbox {

   background-color: transparent;

   }



#p7TBMroot ul {

   background-color: transparent;

   margin: 0;

   padding: 0;

   }



#p7TBMroot li {

   list-style-type: none;

   display: inline;

  font-size: 11px;

   }



#p7TBMroot li a {

   float: left;

  font-size: 11px;

}



#p7TBMroot .p7TBMtext li.first a {

  font-size: 11px;

   }





/* CLASSIFIED NAV - similar to .p7TBMtext */

.classifiedsnav {

   position: absolute;

   top: 5px;

   right: 10px;

   background: url(http://extras.mnginteractive.com/live/media/site568/2007/0118/20070118_060617_class_bg_trans.gif) no-repeat 0 7px;

   }





#p7TBMroot .p7TBMtext li a,

#p7TBMroot .classifiedsnav li a {

   text-decoration: none;

   /*border-right: none;*/

   padding: 0;

   /*height: 27px;*/ /*<- establishes height note - not always necessary*/

   /*background: transparent url(http://extras.mnginteractive.com/live/media/site571/2006/1214/20061214_102618_bg_headerTabsR_off.gif) no-repeat right top;*/

  font-size: 11px;

  }



#p7TBMroot .p7TBMtext li a span,

#p7TBMroot .classifiedsnav li a span {

   padding: 8px 8px 7px 8px;/*<- This establishes the height of the main nav. NOTE - update in 3 places */

   display: block;

   color: #000;

   /*background: transparent url(http://extras.mnginteractive.com/live/media/site571/2006/1214/20061214_102509_bg_headerTabsL_off.gif) no-repeat left top;*/

  font-size: 11px;

   }



#p7TBMroot .classifiedsnav li a span {

   color: #21486d;

  font-size: 11px;

   }



/* --- Selected/Active State NOTE: this class gets added to the <a> tag "on-the-fly"--- */

#p7TBMroot .p7TBMtext .p7TBMdown,

#p7TBMroot .p7TBMtext .p7TBMdown:hover,

#p7TBMroot .classifiedsnav .p7TBMdown,

#p7TBMroot .classifiedsnav .p7TBMdown:hover {

   color: black!important;

   background-color: transparent!important;

   padding: 0;

   background: transparent url(http://extras.mnginteractive.com/live/media/site568/2006/1121/20061121__right_both.gif) no-repeat right top;

  font-size: 11px;

   }



#p7TBMroot .p7TBMtext .p7TBMdown span,

#p7TBMroot .p7TBMtext .p7TBMdown:hover span,

#p7TBMroot .classifiedsnav .p7TBMdown span,

#p7TBMroot .classifiedsnav .p7TBMdown:hover span {

   padding: 8px 8px 7px 8px;/*<- This establishes the height of the nav container. NOTE - update in 3 places */

   display: block;

   color: #000;

   background: transparent url(http://extras.mnginteractive.com/live/media/site568/2007/0503/20070503_091111_leftTab.gif) no-repeat left top;

  font-size: 11px;

   }



/*

The Root Level Hover. This also locks the Hover state while

the root item's associated sub-menu is visible.

DO NOT CHANGE SELECTOR NAMES*/

.p7ie6Fix:active,

#p7TBMroot .p7TBMtext .p7TBMon,

#p7TBMroot .p7TBMtext li a:focus,

#p7TBMroot .p7TBMtext li a:active,

#p7TBMroot .classifiedsnav .p7TBMon,

#p7TBMroot .classifiedsnav li a:focus,

#p7TBMroot .classifiedsnav li a:active {

   color: #436d91;

   padding: 0;

   margin: 0;

   background: transparent url(http://extras.mnginteractive.com/live/media/site568/2006/1121/20061121__right_both.gif) no-repeat right top;

  font-size: 11px;

   }





.p7ie6Fix:active,

#p7TBMroot .p7TBMtext .p7TBMon span,

#p7TBMroot .p7TBMtext li a:focus span,

#p7TBMroot .p7TBMtext li a:active span,

#p7TBMroot .classifiedsnav .p7TBMon span,

#p7TBMroot .classifiedsnav li a:focus span,

#p7TBMroot .classifiedsnav li a:active span {

   padding: 8px 8px 7px 8px;/*<- This establishes the height of the nav container. NOTE - update in 3 places */

   display: block;

   color: #013067;

   background: transparent url(http://extras.mnginteractive.com/live/media/site568/2007/0503/20070503_091111_leftTab.gif) no-repeat left top;

  font-size: 11px;

   }





#p7TBMroot .classifiedsnav li.first a,

#p7TBMroot .classifiedsnav li.first a:focus,

#p7TBMroot .classifiedsnav li.first a:active {

   margin-left: 20px;

  font-size: 11px;

   }

















/* SubNavigation

---------------------------------------------------------------------------- */



/* main subnav wrapper */

#p7TBMsubwrap {

   position: relative;

   height: auto;

   font: normal 11px arial, helvetica, sans-serif;

   }



/* subnav wrapper */

#p7TBM .p7TBMsub {

   position: absolute;

   visibility: hidden;

   overflow: hidden;

   left: 0;

   top: 0;

   width: 100%;

   height: 28px;

   background: #e9e9e9 url(http://extras.mnginteractive.com/live/media/site568/2006/1121/20061121__bg_navcontainer2.gif);

  font-size: 11px;

   }



.p7TBMsubbox {

   padding: 4px 0 0 0;

  font-size: 11px;

   }





/*SUBMENU BAACKGROUNDS and BORDERS HERE*/

.p7TBMsub ul {

   margin: 0;

   padding: 0;

   background-image: url(http://extras.mnginteractive.com/live/media/navbar/horizontal/iebfix.gif);

   background-color: transparent;

   border: 0;

  font-size: 11px;

   }



.p7TBMsub li {

   list-style-type: none;

   display: inline;

  font-size: 11px;

   }



/* ---  BOTH submenu links and non-links

 NOTE: When there is no link - always use a span as a replacement: */

.p7TBMsub li a,

.p7TBMsub li span {

   color: #000;

   display: block;

   float: left;

   border: none;

   text-decoration: none;

   border: 1px solid #ebedf8; /*<-background color - keeps from shifting on rollover */

   border-right: 1px solid #3e4ea6;

   padding: 2px 7px 2px 7px;

  font-size: 11px;

   }



.p7TBMsub li.first a {

   margin-left: 5px;

   display: inline-block;

  font-size: 11px;

   }



.p7TBMsub li.last a,

.p7TBMsub li.last span {

   border-color: #ebedf8;

  font-size: 11px;

   }



.p7TBMsub li a:hover,

.p7TBMsub li a:active,

.p7TBMsub li a:focus {

   color: #000000;

   background-color: #fff;

   border: 1px solid #000;

   text-decoration: none;

   margin-left: -1px;

   overflow: visible;

   padding-left: 8px;

  font-size: 11px;

   }



.p7TBMsub li.first a:hover,

.p7TBMsub li.first a:active,

.p7TBMsub li.first a:focus {

   margin-left: 4px;

  font-size: 11px;

   }



/* ---  non-link submenu items

 When there is no link - always use a span as a replacement: */

.p7TBMsub li span {

   margin: 0;

  font-size: 11px;

   }





/* current state marker style */

.p7TBMsub .p7TBMmark,

.p7TBMsub .p7TBMmark:hover,

.p7TBMsub .p7TBMmark:active,

.p7TBMsub .p7TBMmark:focus {

   font-weight:bold;

   color: #013067;

   cursor: default;

   text-decoration: none;

   background-image: none;

   background-color: none;

  font-size: 11px;

   }



.p7TBMsub li a.p7TBMmark:hover {

   border: 1px solid #ebedf8; /*<-background color - keeps from shifting on rollover */

   border-right: 1px solid #3e4ea6;

   border-left: 1px solid #3e4ea6;

   background-color: transparent;

  font-size: 11px;

   }



.p7TBMsub li.first a.p7TBMmark:hover {

   border-left: 1px solid #ebedf8; /*<-background color - keeps from shifting on rollover */

  font-size: 11px;

   }



.p7TBMsub li.last a.p7TBMmark:hover {

   border-right: 1px solid #ebedf8; /*<-background color - keeps from shifting on rollover */

  font-size: 11px;

   }







/* ------ HOME TAB SPECIFIC*/



.rightSub ul {

   float: right;

   padding-right: 10px;

  font-size: 11px;

   }



/* subnav - optional class */

.p7TBMsub li.right,

.p7TBMsub2 li.right {

   float: right;

   }



#p7TBMsub01 {

   text-align: center;



   }



#p7TBMsub01 ul {

   width: 630px;

   margin: 0 auto;

   }



.p7TBMsub .citystate span {

   padding-left: 30px;

   background: url(http://extras.mnginteractive.com/live/media/site568/2006/1130/20061130_093424_weather_icon.gif) no-repeat 0 0;

   }



.p7TBMsub li.forecast a {

   color:#21486D;

   border-right: 1px solid #3e4ea6;

   }



.p7TBMsub li.forecast a:hover {

   text-decoration: underline;

   background: transparent;

   border-bottom: 1px solid #ebedf8;

   border-top: 1px solid #ebedf8;

   border-left: none;

   margin-left: 0;

   }



.p7TBMsub #zipcode {

   padding: 0 2px 10px 0;

   float: right;

   }



.p7TBMsub input.searchbox {

   border: 1px solid #a4c8db;

   vertical-align: right;

   margin: 0 5px;

   padding: 1px 0 0 0px;

   font-size: 11px;

   height: 18px;

   width: 60px;

   vertical-align: 4px;

   }



.p7TBMsub input.button {

    padding: 0;

   }









/* Subnav positioning - delivered via email 4/17/07 */



/*life/style*/

#p7TBMsub07 ul {

   padding-left: 250px;

   }



/*opinion*/

#p7TBMsub08 ul {

   padding-left: 295px;

   }



/*my city*/

#p7TBMsub09 ul {

   padding-left: 325px;

   }



/*help*/

#p7TBMsub10 ul {

   padding-left: 225px;

   }



/*jobs*/

#p7TBMsub11 ul {

   padding-right: 220px;

   }



/*cars*/

#p7TBMsub12 ul {

   padding-right: 230px;

   }







/* ------ iframe related styles (home tab - subnav) */





#p7TBMsub01 iframe  {

   margin-top: -3px;

   }



#p7TBMsub01[class="p7TBMsub"] iframe {

   margin-top: -3px;

}





/* ------ misc additional styles */



/*this tells firefox not to display the " dotted border " when you click - do not change */

#p7TBMroot .p7TBMtext a,

#p7TBMroot .p7TBMtext .p7TBMdown,

#p7TBMroot .p7TBMtext .p7TBMdown:hover,

#p7TBMroot .p7TBMtext .p7TBMdown:focus,

.p7TBMsub li a,

.p7TBMsub li a:hover,

.p7TBMsub li a:focus {

   outline: none;

   -moz-outline: none !important;

   }



#p7TBM br {

   clear: both;

   height: 0;

   line-height: 0.0;

   font-size: 1px;

}