#floatingnavcss {}
/*floating nav*/
.pink {background-color: #333; background: rgba(51,51,51,0.7); border: 5px solid #999; color: #FFF;}

/*floating story nav*/

#floating-nav {
  background-color: #333;
  background: rgba(51, 51, 51, 0.90);
  -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px;
  border: 3px solid #CCC; border-bottom: 0px; 
  border-color: rgba(220,220,220,0.8);
  bottom: 0px;
  color: #DEF;
  cursor: pointer;
  display: none;
  font-family: Arial, sans-serif;
  font-size: 16px; 
  height: 63px;
  margin: 0px 0px 0px 17%;
  position: fixed;
  width: auto;
  z-index: 2147483645;
}
/*toggle*/
#floating-nav.rendered {display: block;}

/*basic columns*/
#floating-nav .q-width-define {float: left;}
#floating-nav .x0p5 {margin: 0 10px; width: 63px;}
#floating-nav .jump {color: #FFF; position: relative; top: -5px;} 
#floating-nav .nav-item {padding: 0; height: 70px;}
    #floating-nav .x0p5 div {margin: 0 auto; text-align: left;}
      /*column content*/
      #floating-nav .tease .img {background: #666; border: 1px solid #EEE; margin-top: 5px; padding: 1px;}
      #floating-nav .tease .label {font-size: 9px; text-align: center; background: #666; position: relative; top: -13px; width: 61px; height: 12px;}
        #floating-nav .article .tease .img {background: transparent; border: 0px; position: relative; top: -8px;} /*exception for DefaultText*/
        #floating-nav .article .tease .label {background: none; top: -17px;} /*exception for DefaultText*/
      #floating-nav .nav-title {cursor: default; font-size: 14px; font-weight: bold; padding-top: 30px; text-align: center;}
    
/*controls*/
#floating-nav .controls {cursor: default; padding: 8px 0 0; font-size: 10px; line-height: 11px; font-family: "Lucida Grande",Tahoma,sans-serif; color: #FFF;}
  #floating-nav .controls span {display: block; padding-bottom: 10px; padding-left: 10px; width: 50px;}
    #floating-nav .controls span:hover {color: #FC3; cursor: pointer;}
    #floating-nav .controls .move {background: transparent url('http://msnbcmedia.msn.com/i/MSNBC/Templates/cccTemplatesStory_v2/img/float-control3.gif') 90% 7px no-repeat;}
    #floating-nav .controls .hide {background: transparent url('http://msnbcmedia.msn.com/i/MSNBC/Templates/cccTemplatesStory_v2/img/float-control3.gif') 90% -25px no-repeat;}
  #floating-nav div div.title {display: none;} /*how does this apply?*/
  
/*hightlighted item*/
#floating-nav .active {-webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border: 1px solid #333; border-bottom: 0px; bottom: 9px; position: relative; width: 249px; display: table;}
#floating-nav .active .nav-item {background-image: url('http://msnbcmedia.msn.com/i/MSNBC/Templates/cccTemplatesStory_v2/img/gloss4.png'); background-repeat: repeat-x; background-position: 0 5px;}
#floating-nav .active .title {display: table-cell; font-size: 14px; font-weight: bold; padding: 0 10px 0px 0px; text-align: left; vertical-align: middle; height: 72px;}
.IE-6 #floating-nav .active .title, .IE-7 #floating-nav .active .title {display: block; position: absolute; top: 50%; height: auto; width: 155px; padding: 0;}
#floating-nav .active .title div {color: #DEF; border-bottom: none;}
.IE-6 #floating-nav .active .title div, .IE-7 #floating-nav .active .title div  {position: relative; top: -50%;}
#floating-nav .active .nav-item .tease {width: 63px; float: left; padding: 5px 10px 0 10px;}
.IE-6 #floating-nav .active .nav-item .tease, .IE-7 #floating-nav .active .nav-item .tease {padding-top: 10px;}
#floating-nav .active .nav-item .label {left: 1px;} 
.Mac.Safari #floating-nav .active .nav-item .tease, .Mozilla-NaN #floating-nav .active .nav-item .tease { display: block; }
.Mac.Safari #floating-nav .active .nav-item .title, .Mozilla-NaN #floating-nav .active .nav-item .title { display: block; padding-top: 10px; }


/*modular colors*/
#floating_nav .i2,
#floating_nav .i3, 
#floating_nav .i4, 
#floating_nav .i5 
  {border: 1px dotted #CCC;}
#floating_nav .active .i2,
#floating_nav .active .i3, 
#floating_nav .active .i4, 
#floating_nav .active .i5 
  {border: none;}
#floating-nav .active .i1 {background-color: #064;}
#floating-nav .active .i2 {background-color: #147;}
#floating-nav .active .i3 {background-color: #337;}
#floating-nav .active .i4 {background-color: #500;}
#floating-nav .active .i5 {background-color: #575931;}

/*top-aligned menu*/
#floating-nav.top {-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border: 3px solid #CCC; border-top: 0px; top: 0px;}
  #floating-nav.top .active {-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border: 2px solid #333; border-top: 0px; position: relative; top: 0px;}
    #floating-nav.top .active .nav-item {
      background-image: url('http://msnbcmedia.msn.com/i/MSNBC/Templates/cccTemplatesStory_v2/img/gloss5.png');
      background-repeat: repeat-x; background-position: 0 100%;
    }
  #floating-nav.top .nav-title {padding: 25px 0px 0px 0px;}
  #floating-nav.top .controls {padding: 7px 0px 0px 0px;}
    #floating-nav.top .controls .hide {background: transparent url('http://msnbcmedia.msn.com/i/MSNBC/Templates/cccTemplatesStory_v2/img/float-control3.gif') 100% -49px no-repeat;}
      #floating-nav.top.hide .controls .hide {background: transparent url('http://msnbcmedia.msn.com/i/MSNBC/Templates/cccTemplatesStory_v2/img/float-control3.gif') 100% -25px no-repeat;}

/*minimized state*/
#floating-nav.hide {height: 16px; margin: 0 46%; min-width: 88px; width: 88px;}
  #floating-nav.hide .q-width-define {display: none;}
  #floating-nav.hide .controls {display: block; padding-top: 2px; font-size: 10px;}
  #floating-nav.hide .controls .hide {background: transparent url('http://msnbcmedia.msn.com/i/MSNBC/Templates/cccTemplatesStory_v2/img/float-control3.gif') 100% -49px no-repeat;}
  #floating-nav.hide .controls .move {display: none;}

span#float:after {content: " float0.2.2";}