/*GRID BASELINE STYLES*/

/*grid globals*/
.grid a {color: #147; text-decoration: none;}
.grid a:hover, .grid a:visited:hover {color: #C00; text-decoration: underline;}
.grid cite, .grid h1, .grid h2, .grid h3, .grid h4, .grid h5, .grid h6, .grid p, .grid li, .grid ul {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #444;}
.grid cite, .grid .caption {color: #AAA; font-size: 55%; font-style: normal; text-align: right;}
  .Mac-Firefox .grid cite, .Mac-Firefox .grid .caption {font-size: 60%;}
.grid img {display: block;}
.grid .abstr, .grid .source {font-size: 70%; line-height: 135%;}
.grid .abstr-link {font-weight: bold; white-space: nowrap;}
.grid .caption {letter-spacing: 0; color: #999; text-align: left; margin-top: 3px;}
.grid .flag, .grid .icon {display: inline; border: none; vertical-align: bottom;}
.grid .label {color: #666; font-weight:bold; font-size: 60%; font-family: 'Lucida Grande', Tahoma, sans-serif;}
 .Mac-Firefox .grid .label {font-size: 65%;}

/*grid types*/
.grid {position: relative;}

/*grid layout positioning */
.grid .w0-5, .grid .w1, .grid .w1-5, .grid .w1, .grid .w2, .grid .w3, .grid .w4, .grid .w5, .grid .x1, .grid .x2, .grid .x3, .grid .x4, .grid .x5, .grid .y1, .grid .y2, .grid .y3, .grid .y4, .grid .y5 {position:absolute; left:0; top:0;} 
#top-stories #cell1 { position: relative; height: auto;}
#top-stories div.grid { height: auto; padding-bottom: 25px; }
 .IE #top-stories div.grid {padding-bottom: 16px; }
.grid .w0-5 {width:83px;}
.grid .w1 {width: 166px;}
.grid .w1-5 {width:249px;}
.grid .w2{width:332px;}
.grid .w3{width:498px;}
.grid .w4{width:664px;}
.grid .w5{width:830px;}
.grid .w6{width:996px;}
.grid .x1{left:166px;}
.grid .x2{left:332px;}
.grid .x3{left:498px;}
.grid .x4{left:664px;}
.grid .x4-5{left:747px;}
.grid .x5 {left:830px;}
.grid .y1 {height:160px; border-bottom: 1px dotted #CCC;}
.grid .y2 {top: 160px; height: 130px; border-bottom: 1px dotted #CCC;}
.grid .y2 .label {display: none;}
.grid .y3 {top: 290px; height: 140px;}
.grid .y3 .label {display: none;}

/*grid labels*/
.grid .label {display: block; height: 20px; border-left: 1px solid white; background:#eee url("http://media1.s-nbcnews.com/i/msnbc/Components/Art/SITEWIDE/tsm/col-border2.gif") no-repeat top right; padding:0 10px 0 10px; line-height: 180%;}
  .Opera .label {padding-top: 0; line-height: 230%;}
.grid .breaking {color:white; background:#C44;}
.grid .breaking a, .grid .breaking a:visited {color:#FFF; border-bottom: 1px dotted #FCC;}
.grid .breaking a:hover {text-decoration: none; border-bottom: 1px solid #FFF;}
.grid .no-border {background-image: none; border: none;}
.grid .sublabel {border-top: 1px solid #CCC; margin-top: 15px; margin-right: 1px; background-image: none;}
.grid .sublabel-tease {color: #999; font-weight:bold; font-size: 60%; font-family: Tahoma, 'Lucida Grande', sans-serif; letter-spacing: .2em;}
.grid .sublabel-small {background: none; margin: 10px 0 -10px 0;}

/*grid headlines*/
.grid h1 {font-size: 210%; font-weight: bold; text-transform: uppercase; line-height: 100%;}
  .IE .grid h1 {letter-spacing: -0.01em; padding: 1px 0 1px 0;}
.grid h2 {font-size: 170%; line-height: 1.05em;}
.grid h3 {font-size: 150%; line-height: 110%;}
.grid h4 {font-size: 125%; line-height: 1.1em; font-weight: normal;}
  .IE .grid h4 {margin-bottom: 2px;}
.grid h4, .grid h5 {font-family: Georgia, serif; padding-bottom: 1px;}
.grid h5 {font-size: 107%; font-weight: normal;}
.grid h6 {font-size: 70%; padding-bottom: 1px;}
.grid h1 a:hover, .grid h1 a:visited:hover, .grid h2 a:hover, .grid h2 a:visited:hover {text-decoration: none;}
.grid h6 a {border-bottom: 1px dotted #CCC;}
.grid h6 a:hover, .grid h6 a:visited:hover {border-bottom: 1px solid #C00; text-decoration:none;}
.grid h6 a:hover, .grid h6 a:visited:hover {text-decoration:none;}

/*grid containers*/ 
.grid .abstr, .grid .source {margin: 2px 0; margin-bottom: 0;}
  /*.IE .grid .abstr, .IE .grid .source {margin-top: 1px;}*/
.grid .content {height: 100%; background: url("http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/grid-border-fade.gif") no-repeat bottom right;}
.grid .img cite {display: block; margin: 2px 0 5px 0;}
  .IE .grid .img cite {margin-top: 3px;}
.grid .img div {border: 1px solid #AAA;}
.grid .img img {background: #FFF; border: 1px solid #FFF;}
.grid .img-bot .img {margin-top: 10px;}
.grid .img-center, .grid .img-center img {text-align: center; margin: auto;}
.grid .img-center .text {margin-top: 10px;}
.grid .img-left {margin-right: 0 !important;}
.grid .img-left .img {position: relative; float: left; margin-right: 10px;}
.grid .img-left .text {padding-right: 10px;}
.grid .img-right .img {position: relative; float: right; margin-left: 10px; margin-right: 0;}
  .Opera .grid .img-right .img {margin-left: 0;}
  .IE .grid .img-right .img {display: inline;}
.grid .sL .label {border-left: none;}
.grid .sR {margin-right:10px;background-image: none;}
.IE .grid .sR {background-image: url('') !important;}
.grid .sR .label {margin-right: 10px; background-image: none;}
.grid .sR .story {padding-right:10px;}
.grid .sR .img-right {padding-right:0px;}
  .IE .grid .sR .img-right {margin-right: 5px;}
.grid .story, .grid .topic {margin: 10px 10px 0 10px;}

/*grid nowrap*/
.grid .nowrap {position: relative; display: table; margin-left: 0; padding-left: 10px; padding-right:10px; height:1%;}
  .Opera .grid .nowrap {padding-right: 0; margin-right: 0;}
  .IE .grid .nowrap {padding-right: 5px;}
.grid .nowrap .text {display: table-cell; vertical-align: middle; padding-right: 0;}
  .IE .grid .nowrap .text {position: absolute; top: 50%; padding-right: 30px;}
  .IE .grid .nowrap .text div {position: relative; top: -50%;}
  .IE .grid .nowrap .img {margin-right: 10px;}
  .IE .grid .img-right .img {margin-right: 0;}
  .IE .grid .img-small .text {padding-left: 146px; margin-left: -146px;}
  .IE .grid .img-thumb-s .text {padding-left: 64px; margin-left: -64px; margin-top: -2px;}
  .IE .grid .img-thumb-m .text {padding-left: 94px; margin-left: -94px; margin-top: 0px;}
.grid .w1-5 .img-thumb-m .text {width: 126px;}

/*grid default effects*/
.grid .new a {color: #C33;}
.grid .hr {height: 1px; margin: 10px 10px 0 10px; background: url("http://media1.s-nbcnews.com/i/msnbc/Components/Art/SITEWIDE/tsm/bg-dash.gif") repeat-x;}
.grid .img-thumb-s .img cite, .grid .img-thumb-m .img cite {display: none;}
.grid .img-small .img .byline {display: none;}
.grid .inner-div {background: url("http://media1.s-nbcnews.com/i/msnbc/Components/Art/SITEWIDE/tsm/bg-dash-vert-mega3.gif") no-repeat top right;}
.grid .source a {font-weight: bold; color: #69C;}
.grid .topic h6 {font-weight: normal;}
.grid .remove-border .img img, .grid .remove-border .img div {border: none;}

/*grid text effects*/
.grid .textFX-center h1, .grid .textFX-center h2, .grid .textFX-center h3 {text-align: center;}
.grid .textFX-up1 h6 {font-size: 80%;}
.grid .textFX-up2 h6 {font-size: 90%;}
.grid .textFX-up1 h5 {font-size: 110%;}
.grid .textFX-up2 h5 {font-size: 120%;}
.grid .textFX-up1 h4 {font-size: 135%;}
.grid .textFX-up2 h4 {font-size: 145%;}
.grid .textFX-up1 h3 {font-size: 160%;}
.grid .textFX-up2 h3 {font-size: 165%;}
.grid .textFX-up1 h2 {font-size: 185%;}
.grid .textFX-up2 h2 {font-size: 200%;}
.grid .textFX-up1 h1 {font-size: 225%;}
.grid .textFX-up2 h1 {font-size: 250%;}

/*CUSTOM DASHBOARD GRID STYLES*/

#slices .grid .content, .grid .label {background: none;}
#slices .grid .label {padding-left: 0; margin: 0 10px 0 10px; border-bottom: 2px solid #CCC; line-height: 200%; white-space: nowrap; overflow: hidden;}
#slices .grid h5 a, .grid h4 a {font-weight: normal;}
#slices .grid h6 {line-height: 130%;}
#top-stories .slice-content, #features .slice-content {padding: 5px;}

/*partner icons*/
.grid .nationaljournal a, .grid .nationaljournal .abstr, #tsm-partners .nationaljournal {background: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/icon-nationaljournal.gif') no-repeat;}
.grid .nbc a, .grid .nbc .abstr, #tsm-partners .nbc {background: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/icon-nbc.gif') no-repeat;}
.grid .newsvine a, .grid .newsvine .abstr, #tsm-partners .newsvine {background: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/icon-newsvine.gif') no-repeat;}
.grid .newsweek a, .grid .newsweek .abstr, #tsm-partners .newsweek {background: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/icon-newsweek.gif') no-repeat;}
.grid .newyorktimes a, .grid .newyorktimes .abstr, #tsm-partners .newyorktimes {background: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/icon-newyorktimes.gif') no-repeat;}
.grid .washingtonpost a, .grid .washingtonpost .abstr, #tsm-partners .washingtonpost {background: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/icon-washingtonpost.gif') no-repeat;}
.grid .label-firstread {background-image: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/label-first-read.gif');}
.grid .label-race {background-image: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/label-race.gif');}
.grid .label-hardball {background-image: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/label-hardball.gif');}
.grid .label-countdown {background-image: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/label-countdown.gif');}
.grid .label-mtp {background-image: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/label-mtp.gif');}
.grid .label-nightly {background-image: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/label-nightly.gif');}
.grid .label-today {background-image: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/label-today.gif');}
.grid .label-newsweek {background-image: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/label-newsweek.gif');}
.grid .label-nyt {background-image: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/label-nyt.gif');}
.grid .label-wp {background-image: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/label-wp.gif');}
.grid .label-nj {background-image: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/label-nj.gif');}
.grid .label-newsvine {background-image: url('http://media1.s-nbcnews.com/i/msnbc/Components/CSS/img/icons/label-newsvine.gif');}

/*partner icon spacing*/
.grid .nationaljournal a, .grid .nbc a, .grid .newsvine a, .grid .newsweek a, .grid .newyorktimes a, .grid .washingtonpost a, #tsm-partners .nbc, #tsm-partners .newyorktimes, #tsm-partners .nationaljournal, #tsm-partners .newsweek, #tsm-partners .washingtonpost, #tsm-partners .newsvine {padding-left: 21px; padding-top: 1px;}
.grid .nationaljournal .abstr, .grid .nbc .abstr, .grid .newsvine .abstr, .grid .newsweek .abstr, .grid .newyorktimes .abstr, .grid .washingtonpost .abstr  {display: inline-block; text-indent: 21px; line-height: 145%;}
.grid .nationaljournal .text a, .grid .nationaljournal .img a, .grid .nbc .text a, .grid .nbc .img a, .grid .newsvine .text a, .grid .newsvine .img a, .grid .newsweek .text a, .grid .newsweek .img a, .grid .newyorktimes .text a, .grid .newyorktimes .img a, .grid .washingtonpost .text a, .grid .washingtonpost .img a {background-image: none; padding: 0;}
.grid .content h6 a {background-position: 0 0;}
.grid .content h5 a {background-position: 0 3px;}
.grid .content h4 a {background-position: 0 5px;}
.grid .content h3 a, .grid .content h2 a, .grid .content h1 a {background: none; padding: 0;}

/*graphic label headers*/
.grid .label-art {position: relative; width: 100%; text-align: right; padding: 5px 0; margin: -22px 0 0 10px; background-repeat: no-repeat;}
.grid .label-art a, .grid .label-art a:visited {padding-right: 20px; font-family: Lucida Grande, Tahoma; font-size: 65%; font-weight: bold; border-bottom: none; color: #69C;}
.grid .label-art a:hover, .grid .label-art a:visited:hover {color: #C00;}

/*partner key*/
#tsm-partners {border-top: 1px solid #ccc; width: 98%; margin: auto;}
#tsm-partners ul {margin-top: 5px; text-align: center; padding-bottom: 2px;}
#tsm-partners li {font: 70% 'Lucida Grande', Tahoma; color: #999; display: inline; margin-right: 2em; padding-bottom: 2px;}
  .Mac #tsm-partners li, .Safari #tsm-partners li {margin-right: .7em;}
#top-stories #tsm-partners .last {margin-right: 0;}
#tsm-partners a, #tsm-partners a:visited {color: #69C; font-weight: normal;}
#tsm-partners a:hover, #tsm-partners a:visited:hover {color: #C00;}
#features .grid .x1 {left:165px;}
#features .grid .x2 {left:330px;}
#features .grid .x3 {left:495px;}
#features .grid .x4 {left:660px;}
#features .grid .x5 {left:825px;}

/*browser hacks*/
.Firefox #slices .grid .label, .Safari #slices .grid .label {height: 18px; line-height: 170%;}
.Firefox #slices .grid .abstr, .Safari #slices .grid .abstr {display: table;}
.Firefox #slices .slice-content, .Safari #slices .slice-content {padding-top: 7px;}
.Safari #slices .grid h6 a {padding-top: 3px;}
.Safari #slices .grid .abstr {line-height: 160% !important;}

/*top stories module structure*/

#tsm {float: left; width: 655px; margin: 0; padding: 0;}
#tsm-ad #promo {margin-top: 16px;}
#tsm-partners {clear: both;}