/************************************************************ general article styles
*/
.art #section-main {
    width:960px;
    float:left;
    background: transparent url('../../images/article/main-repeat.png') top left repeat-y;
}
.art #article-content {
    clear: left;
    width: 640px;
    padding: 0;
    float: left;
    position: relative; /* relatively positioned for photo and interactive tab display */
    padding-bottom: 1em;
}
.art .dateline {
   font-family: Verdana, sans-serif;
   font-size: 10px;
   color: #444;
}
    .art #related-articles .dateline { white-space: nowrap; }

/************************************************************ article teaser
*/
#article-top {
    /*z-index: 3;*/ /* higher z-index to hide the bg on #section-main */
    padding-bottom: 20px;
    background-color: #fff;
}
#article-top #teaser {
    float:left;
    width: 540px;
    padding:0 0 0 70px;
}
#article-top #teaser h4 { margin-top: 10px; }
#article-top #teaser h3 {
    font-size:22px;
    padding: 10px 0;
    margin: 0 0 5px 0;
    line-height: 1;
}
#article-top #teaser #lead-photo {
  position: relative;
}
#article-top #teaser #lead-caption {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 5px;
    color: #fff;
    background: transparent url('../../images/article/photogallery/meta-bg.png') repeat-y top left;
}
#article-top #teaser #lead-photo.img-right #lead-caption {
    margin-left: 10px;
}
#article-top #teaser #lead-caption .credit {
    color: #888;    
}
.art .img-center {
    display:block;
    clear:right;
    /*padding:0 0 10px 0;*/
    padding: 0;
    margin-bottom: 10px;
}
.art .img-right {
    float:right;
    padding:0 0 0 10px;
}
.art .img-left {
    float:left;
    padding:0 10px 0 0;
}
/* deck no image */
#article-top #teaser #deck {
    font: normal 15px/1.5 Georgia, "Times New Roman", serif;
    color: #444;
}
/* deck with image */
/*
#article-top #teaser #deck.wimg {
    font: normal 11px/1.5 Verdana, sans-serif;
    color: #000;
}
*/

/************************************************************ article education
*/
#article-top #education-banner {
    width: 100%;
    padding:10px 0 10px 0;
}
#article-content .sponsor-image {
    margin-left:0px;
    margin-bottom:10px;
}
#article-content p.investor-ed {
    margin:0 0 20px 0;
}
#article-content p.investor-ed a {
    color:#ff0000;
}

/************************************************************ article utility
*/
#article-top #util {
    /*width: 300px;
    padding-right: 10px;*/
    width: 310px;
    float: right;
}
#article-top #util ul.article-links {
    margin-left: 25px;
    list-style-type: disc;
    list-style-position: outside;
    color: #666;
}
#article-top #util ul.article-links li {
    margin: 0 0 10px 0;
    font-size: 14px;
}
#article-top #util ul.article-links li a {
    color: #ff0000;
    padding-right: 17px;
    /*background: transparent url('../../images/common/icon/icon-roundel.png') no-repeat right 4px;*/
}
#article-top #util ul.article-links li span.label,
#article-top #util ul.article-links li span.source {
    font: inherit;
    color: #000;
}

#article-top #util ul.actions li {
    /*padding-left: 38px;*/
    padding: 15px 0 15px 38px;
    background-position: left 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    border-bottom: 1px dotted #000;
    /*line-height: 3;*/
    font-size: 14px;
}
#article-top #util ul.actions li ul {
    margin: 5px 0 0 0;
}
#article-top #util ul.actions li ul li,
.art ul.actions #swfOverlayContent ul#shareMore li {
    line-height:1;
    border-top:1px dotted #000;
    border-bottom:0;
    padding: 5px 0;
}
#article-top #util ul.actions li ul#sharing li a,
.art ul.actions #swfOverlayContent ul#shareMore li a {
    font: normal 11px/1 verdana,sans-serif;
    padding: 0 0 2px 20px;
}
#article-top #util ul.actions li ul#sharing li.fb a,
.art ul.actions #swfOverlayContent ul#shareMore li.fb a {
    padding-left:0 !important;
}

/************************************************************ share/snap
*/

#article-top #util ul.actions li.share-article {
    position: relative;
    background: url(../../images/sprites/article.icons.png) 0 -32px no-repeat;
    z-index: 1500;
}
#article-top #util ul.actions li.print-or-license-article {
    background: url(../../images/sprites/article.icons.png) 0 10px no-repeat;
    position: relative;
}

#article-top #util ul.actions li.recommend-article {
    background: url(../../images/sprites/article.icons.png) 0 -72px no-repeat;
}
#article-top #util ul.actions li.license-article {
    background-image: url(../../images/article/article-license.png);
}
#article-top #util ul.actions li.print-or-license-article #print-or-license li {
   padding: 7px 0 7px 20px;
}
#article-top #util ul.actions li.print-or-license-article #print-or-license li.print-article {
    background: #FFFFFF url(../../images/sprites/article.icons.png) no-repeat scroll 2px -115px;
}
#article-top #util ul.actions li.print-or-license-article #print-or-license li.license-article {
    background: #FFFFFF url(../../images/sprites/article.icons.png) no-repeat scroll 2px -139px;
    border-bottom:1px dotted #000;
}
#article-top #util ul.actions li.print-or-license-article #print-or-license li.license-article span.inactive {
    color: #888888;
}
#article-top #util h4 {
    margin: 10px 0;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 11px;
}
.art ul.actions li .email-container ul.most-emailed {
    margin: 10px 0 20px 10px !important;
    list-style: disc outside !important;
}
.art ul.actions li .email-container ul.most-emailed li {
    border-top: 1px dotted #000000;
    padding: 5px 0 !important;
}
.art ul.actions li .email-container ul.most-emailed li a {
    padding: 0;
    font: normal 12px/1.2 Georgia, "Times New Roman", serif;
}
/* recommend this story text */
.recommendCount {
    color: #ff0000;
}
/************************************************************ article credit, byline, bio box
*/
#credit {
    padding-bottom: 12px;
    margin: 5px 0 15px;
    border-bottom: 1px dotted #666;
}
#byline  {
    font: normal 14px/1.5 Georgia, "Times New Roman", serif;
}
#byline #beat { font-size: 11px; font-family: Verdana, sans-serif; }
#source-dateline .dateline { display: block; }
/*#source-dateline .dateline:hover { cursor: help; }*/
#source-dateline #placeline { color: #ff0000; }

/************************************************************ article copy
*/
.copy p {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 25px;
}
/* drop cap */
.copy.drop .first-letter {
    margin: -5px 7px 0 0;
    padding: 0;
    font: normal 70px/1 Georgia, "Times New Roman", serif;
    color: #ff0000;
    display: block;
    float: left;
    font-size: 70px;
    line-height: 1;
}
#deck a,
#credit a,
.copy a span.first-letter { color: #ff0000; }
.copy p a,
.copy .hdl-list li a {
    color: #ff0000;
}
.copy p a:hover
.copy .hdl-list li a:hover {
    text-decoration: underline;
}
.copy p span.company a.symbol.popup  {
    white-space:nowrap;
}
/************************************************************ article pulls
*/
.copy .pull,
.copy blockquote {
    margin: 0 0 15px -140px;
    padding-top: 10px;
    border-top: 1px dotted #666;
}
    /* youtube videos aligned right */
    .copy .pull.inline-video-embed,
    .copy .pull.inline-map-embed {
        border-bottom: 1px dotted #666;
        padding-bottom: 10px;
        text-align: right;
    }
    .copy .pull.inline-map-embed small {
        font: normal 11px/1 Verdana, sans-serif;
        color: #000;
        margin: 10px 0 5px 0;
    }
    .copy .pull.inline-map-embed small a {
        color: #ff0000 !important;
    }
    .copy .pull.inline-map-embed small a:hover { text-decoration: underline; }
.copy .pull p,
.copy blockquote p {
    margin-bottom: 0;
}
.copy blockquote {
    padding-left: 140px;
    border-bottom: 1px dotted #666;
    padding-bottom: 10px;
}
    .copy blockquote,
    .copy blockquote span {
        color: #333;
    }
.copy blockquote p {
    position: relative;
    font: italic normal 20px/1.4 Georgia, "Times New Roman", serif;
}
.copy blockquote .dquo.ld {
    position: absolute;
    top: 0;
    left: -12px;
}
.copy blockquote span.citation {
    display: block;
    font-size: 15px;
    margin-top: 10px;
}
.copy blockquote a { color: #ff0000; }
/* inline image pull */
.copy .inline-img img {
    margin-bottom: 8px;
}
/* images less than 600px wide */
.copy .pull.inline-img.short {
    overflow: hidden;
    _overflow-x: hidden;
    padding-left: 140px;
}
.copy .pull.inline-img.short img {
    float: left;
}
.copy .inline-img h4 {
    margin-bottom: 10px;
    font-size: 16px;
}
.copy .inline-img .inline-img-credit {
    clear: left;
    float: left;
    width: 120px;
    font-size: 10px;
    color: #666;
    line-height: 1.5;
}
    /* when image is less than 600px wide */
    .copy .pull.inline-img.short .inline-img-credit {
        margin-left: -140px;
    }
.copy .inline-img .inline-img-caption {
    float: right;
    width: 439px;
    padding-left: 20px;
    border-left: 1px dotted #666;
    font-size: 11px;
    color: #ff0000;
    line-height: 1.5;
}
/*#article #copy .inline-video-embed,*/
.copy .article-content-promo,
.copy .inline-media,
.copy .onsite-article-promo,
.copy .offsite-promo,
.copy .inline-car-profile {
    padding-left: 140px;
}

.copy .article-content-promo.interactive-tab {
    background: transparent url(../../images/common/icon/icon-interactive-20x20.png) no-repeat left 10px;
}
.copy .article-content-promo.photo-tab {
    background: transparent url(../../images/common/icon/icon-picturecollection-20x20.png) no-repeat left 10px;
}
.copy .article-content-promo.video-tab {
    background: transparent url(../../images/common/icon/icon-video-20x20.png) no-repeat left 10px;
}

.copy .article-content-promo h4,
.copy .inline-media h4,
.copy .inline-car-profile h4,
.copy h4 a.throw {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    color: #000;
}
a.more-from {
    color: #ff0000;
    font: bold 13px/1.3 "Trebuchet MS", sans-serif;
}
a.more-from:hover {
    color: #000;
}
.copy h4 a.throw { font-weight: normal; }
.copy .article-content-promo,
.copy .inline-media,
.copy .inline-car-profile,
.copy .onsite-article-promo,
.copy .offsite-promo {
    position: relative;
    border-bottom: 1px dotted #666;
    padding-bottom: 10px;
}
.copy .article-content-promo p,
.copy .inline-media p,
.copy .inline-car-profile p,    
.copy .onsite-article-promo p,
.copy .offsite-promo p {
    font: italic 12px/1.3 Georgia, "Times New Roman", serif;
    margin: 5px 0;
}
.copy .inline-car-profile p a.jump.last { margin-left: 1em; }
.copy .inline-media p { width: 66%; }
.copy .inline-media p.download {
    position: absolute;
    top: 5px;
    right: 0;
    width: auto;
}
    .copy .inline-media p.download a {
        font: normal 10px/1.2 Verdana, sans-serif;
        padding-left: 20px;
        background: transparent url(../../images/common/icon/icon-download.png) no-repeat left top;
        color: #ff0000;
        display: block;
        height: 20px;
    }
.copy .article-content-promo img,
.copy .onsite-article-promo img,
.copy .offsite-promo img,
.copy .inline-car-profile img,    
.copy .article-content-promo img.left,
.copy .article-content-promo img.right,
.copy .article-content-promo img.center {
    float: left;
    margin: 0 10px 10px 0;
}
.copy .inline-media.mp3 .audio-embed {
    float: left;
    margin-right: 10px;
}
.copy .inline-media.mp3 h4,
.copy .inline-media.mp3 p {
    float: left;
    width: 235px;
}
.copy .inline-media.mp3 h4 {
    margin-top: 12px;
}
/* large audio embed - 600x400 */
.copy .inline-media.mp3.large {
    padding-left: 0;
}
.copy .inline-media.mp3.large .audio-embed {
    margin-right: 0;
}
.copy .inline-media.mp3.large h4,
.copy .inline-media.mp3.large p {
    width: 600px;
    margin-right: 0;
    clear: left;
    /*margin-left: 55px;*/
}
.copy .inline-media.mp3 p.download {
    position: static;
}

.copy ul.hdl-list,
.copy ol.hdl-list {
    margin-bottom: 2em;
    color: #000;
    margin-left: 45px;
}
.copy ul.hdl-list li,
.copy ol.hdl-list li {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 1.5;
}
.copy .full-title {
    margin: 0 0 5px -150px;
    font-size:16px;
    padding-top: 5px;
    border-top: 1px dotted #666;
}
#article-relations {
    clear: left;
}
/************************************************************ article relations - Related Information etc.
*/
/* small override ofstyles in base.css */
.art div.relation ul li h3 span.label {
    font-size: 14px;
    color: #ff0000;
    position: static;
    width: auto;
    height: auto;
}

/************************************************************ article tabs
*/
.art .wide-container {
    /* note no display: none; -- otherwise addClass() won't work */
    width: 960px;
    background-color: #fff;
    position: absolute;
    z-index: 3; /* set this high so as to keep the repeat background image on #section-main from bieng seen */
}
    .wide-container.selected {
        border-bottom: 4px solid #ff0000;
    }
    .art.sports .wide-container.selected { border-bottom-color: #0892d8; }
    .art.life .wide-container.selected { border-bottom-color: #b82eff; }
    .art.investor .wide-container.selected { border-bottom-color: #ff6b00; }
    .art.drive .wide-container.selected { border-bottom-color: #333; }


.art .tab {
    float: left;
    width: 460px;
    margin:0 0 0 150px;
}
.art.video #article {
    margin:0 0 10px 70px;
    width:540px;
}
/* HTML relation tab */
.art #custom.tab {
    width: 610px;
    margin: 0 0 1em 0;
}
.art #tabs {
    width:960px;
    /*margin:20px 0 0 0;*/
    margin: 0;
    padding: 0;
    float:left;
    background: #fff url(../../images/article/tab-top-border.png) left top repeat-x;  /* top border of the tabs */
    z-index: 3; /* again, higher z-index covers the bg on #section-main */
}

.art #tabs ul.ui-tabs-nav {
    margin:0;
    padding:0;
    float:left;
    width:650px;
    height:57px;
    border:0;
    background: transparent url(../../images/article/tab-bottom-border.png) left bottom no-repeat;  /* bottom border of the tabs */
}
    .art.investor #tabs ul.ui-tabs-nav {
        background: transparent url(../../images/article/tab-bottom-border-investor.png) left bottom no-repeat;
    }
    .art.sports #tabs ul.ui-tabs-nav {
        background: transparent url(../../images/article/tab-bottom-border-sports.png) left bottom no-repeat;
    }
    .art.life #tabs ul.ui-tabs-nav {
        background: transparent url(../../images/article/tab-bottom-border-life.png) left bottom no-repeat;
    }
.art #tabs ul.ui-tabs-nav li {
    background-color: #fff;
    border: none;
    margin: 0;
    padding: 0;
    float:left;
    position:relative;
    top:1px;
    height:46px;
}
.art #tabs ul.ui-tabs-nav li.ui-tabs-selected {
    border-top:2px solid #fff;
    border-right:0;
    top:-1px;
    background: #fff url(../../images/article/tab-selected-indicator.png) 50% 100% no-repeat;   /* red triangle */
}
    .art.investor #tabs ul.ui-tabs-nav li.ui-tabs-selected {
        background-image: url(../../images/article/tab-selected-indicator-investor.png);
    }
    .art.sports #tabs ul.ui-tabs-nav li.ui-tabs-selected {
        background-image: url(../../images/article/tab-selected-indicator-sports.png);
    }
    .art.life #tabs ul.ui-tabs-nav li.ui-tabs-selected {
        background-image: url(../../images/article/tab-selected-indicator-life.png);
    }
    .art.drive #tabs ul.ui-tabs-nav li.ui-tabs-selected {
        background-image: url(../../images/article/tab-selected-indicator-drive.png);
    }
.art #tabs ul.ui-tabs-nav li.divider {
    width:13px;
    height:46px;
    float:left;
    position:relative;
    top:1px;
    border-top:0;
    background: #fff url(../../images/article/tab-border.png) 0 0 no-repeat;   /* straight line */
}

.art #tabs ul.ui-tabs-nav li.left-selected {
    background: #fff url(../../images/article/tab-border-left-selected.png) 0 0 no-repeat; /* left tab */
    top:0;
    height:47px;
}
.art #tabs ul.ui-tabs-nav li.right-selected {
    background: transparent url(../../images/article/tab-border-right-selected.png) 0 0 no-repeat; /* right tab */
    top:0;
    height:47px;
}

.art #tabs ul.ui-tabs-nav li a {
    font: normal 15px/1 Georgia, "Times New Roman", serif;
    padding: 15px 19px;
    float:left;
}
.art #tabs ul.ui-tabs-nav li.ui-tabs-selected a {
    color:#ff0000;
}
.art #tabs ul.ui-tabs-nav li a:hover {
    text-decoration:none;
}
/************************************************************ article rail
*/
#article-rail {
    float:right;
    width:310px;
    padding-bottom: 1em;
}
.tab-pointer {
    clear: left;
    border-top: 4px solid #ff0000;
    padding-top: 5px;
    width: 310px;
    overflow: hidden;
}
.sports .tab-pointer { border-top-color: #0892d8; }
.life .tab-pointer { border-top-color: #b82eff; }
.investor .tab-pointer { border-top-color: #ff6b00; }

.tab-pointer h3 { margin-bottom: 10px; }
.tab-pointer h3 a.throw { font-size: 16px; font-weight: normal; }
.tab-pointer h3 a { color: #000; }
.tab-pointer h4 { margin-top: 5px; }
.tab-pointer h4 a.throw { color: #000; font: normal 14px/1.2 Georgia, "Times New Roman", serif; }
.tab-pointer p.promo {
    margin: 20px 0 30px;
}


/************************************************************ common picture collection/interactive tab styles
*/

.art #photos,
.art #photossmall,
.art #photo,
.art #interactive {
    position: absolute;
    top: -10px;
    padding: 10px 0;
    overflow: hidden;
    margin: 0;
    border-top: 4px solid #ff0000;
    /* again, over riding the bg imag eon #section-main */
    background-color: #fff;
    z-index: 3;
}
.art.sports #photos,
.art.sports #photossmall,
.art.sports #interactive { border-top-color: #0892d8; }
.art.life #photos,
.art.life #photossmall,
.art.life #interactive { border-top-color: #b82eff; }
.art.investor #photos,
.art.investor #photossmall,
.art.investor #interactive { border-top-color: #ff6b00; }
.art.drive #photos,
.art.drive #photossmall,
.art.drive #interactive { border-top-color: #333; }

/************************************************************ article photo gallery/picture collection
*/
.art #photos,
.art #photossmall,
.art #photo {
    width: 940px;
    /*height: 675px;*/
    height: 576px;
    padding: 10px;
    background-color: #000;
    margin: 0;
    color: #fff;
}
.art #photossmall {
    height: 675px;
}
.art #photos #photo-meta *,
.art #photos #photo-meta a {
    color: #fff;
}
.art #photos #gallery-controls {
    display: none; /* default -- appears when gallery loads */
    position: absolute;
    top: 10px;
    left: 10px;
    width: 240px;
    height: 25px;
    background: transparent url('../../images/article/photogallery/meta-bg.png') repeat-y top left;
    z-index: 100;
    font-family: Verdana, sans-serif;
    text-align: left;
    font-size: 11px;
}
.art #photos #gallery-controls p {
    position: absolute;
    top: 3px;
    left: 10px;
}
.art #photos #gallery-controls ul {
    position: absolute;
    top: 5px;
    right: 5px;
}
.art #photos #gallery-controls ul li {
    display: inline;
    margin: 5px;
}

.art #photos #gallery-controls a {
    color: #fff !important;
    font-weight: bold;
}
.art #photos #photo-meta {
    position: absolute;
    top: 25px;
    left: 0;
    width: 220px;
    /*height: 630px;*/
    height: 531px;
    padding: 0 10px 20px 10px;
    background: transparent url('../../images/article/photogallery/meta-bg.png') repeat-y top left;
    z-index: 10;
    text-align: left;
}
.art #photos #photo-count {
    padding-top: 20px;
    border-top: 1px dotted #fff;
}
.art #photos #photo-meta p.caption {
    padding-bottom: 20px;
    border-bottom: 1px dotted #fff;
    margin-bottom: 20px;
}
.art #photos #gallery-image {
    position: relative;
    overflow: hidden;
    width: 940px;
    /*height: 675px;*/
    /*height: 576px;*/
    text-align: center;
}

.art #photossmall .photo-slider,
.art #photo .photo-slider {
      width: 620px;
      float: left;
  }

.art #photossmall ul.slider-large,
.art #photossmall ul.slider-large li {
    height:675px;
    overflow:hidden;
    width:620px;
}
.art #photossmall div.slider-buttons {
    /*margin-top: -145px;*/
}
.art #photossmall div.slider-buttons a {
    text-indent:-9999em;
}
.art #photo ul.slider-large li {
    float: left;
}

/*.art #photo #gallery-image,*/
.art #photossmall #gallery-image {
    position: relative;
    overflow: hidden;
    width: 620px;
    text-align: center;
    float: left;
}
.art #photossmall ul.slider-large .photo-meta {
     margin-top: 5px;
     color: #ffffff;
 }


.art #photossmall ul.slider-large .photo-meta .credit,
.art #photossmall ul.slider-large .photo-meta .photo-count,
.art #photossmall ul.slider-large .photo-meta .caption,                                        
.art #photossmall ul.slider-large .photo-meta p,
.art #photo ul.slider-large .photo-meta .credit,
.art #photo ul.slider-large .photo-meta .photo-count,
.art #photo ul.slider-large .photo-meta .caption,
.art #photo ul.slider-large .photo-meta p{
    color: #ffffff;
    font: normal 12px/1 Verdana, sans-serif;
}
.art #photossmall ul.slider-large .photo-meta .credit em,
.art #photo ul.slider-large .photo-meta .credit em {
    font-style: italic;
    color: #ffffff;    
}
.art #photossmall ul.slider-large .photo-meta .credit {
    float: left;
    margin-left: 15px;
}
.art #photossmall ul.slider-large .photo-meta .photo-count {
    float: right;
    width: 70px;
    font-weight: bold;
    text-align: right;
}
.art #photossmall ul.slider-large .photo-meta h1,
.art #photossmall ul.slider-large .photo-meta .caption,
.art #photo ul.slider-large .photo-meta h1,
.art #photo ul.slider-large .photo-meta .caption{
    color: #ffffff;
    padding-top: 10px;
    clear: both;
}
.art #photossmall ul.slider-large .photo-meta .caption p,
.art #photo ul.slider-large .photo-meta .caption p {
    padding-bottom: 10px;
    font: normal 12px/1.2 Verdana, sans-serif;
}
.art #photossmall ul.slider-large .photo-meta .caption p a,
.art #photo ul.slider-large .photo-meta .caption p a {
    text-decoration: underline;
}
.art #photossmall ul.slider-large .photo-meta .caption p a:hover,
.art #photo ul.slider-large .photo-meta .caption p a:hover {
    text-decoration: none;
}
.art #photossmall ul.slider-large .photo-meta .related-articles {
    font: normal 13px/1.4 Georgia, "Times New Roman", serif;
    clear: both;
}
.art #photossmall ul.slider-large .photo-meta .related-articles .see-also {
    color: #ffffff;
    font: normal 11px/1 Verdana, sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
}
.art #photossmall ul.slider-large .photo-meta .related-articles div {
    color: #FF0000;
}
 .art #photossmall ul.slider-large .photo-meta .related-articles .bullet {
    background:url('../../images/common/white-bullet.gif') no-repeat 5px 7px;
    padding-left:15px;
 }
.art #photossmall ul.slider-large .photo-meta .caption a,
.art #photossmall ul.slider-large .photo-meta .related-articles a {
    color: #ffffff;
}
.art #photossmall ul.slider-large .photo-meta .related-articles a {
    background: transparent url(../../images/common/grey-chevron-dark-bg.png) no-repeat 100% 35%;
    padding-right: 15px;
}

.art #photossmall ul.slider-large .photo-meta .caption a:hover,
.art #photossmall ul.slider-large .photo-meta .related-articles a:hover {
    text-decoration: underline;
}
.art #photossmall ul.slider-large .photo-meta h1,
.art #photo ul.slider-large .photo-meta h1 {
    font: normal 16px/1 Verdana, sans-serif;
}
.art #photossmall #gallery-rail,
.art #photo #gallery-rail {
    float: right;
    width: 320px;
}
.art #photossmall #gallery-rail .boxr,
.art #photo #gallery-rail .boxr {
    float: right;
}
.art #photossmall #gallery-rail #more-galleries {
    clear:both;
    float:right;
    width:300px;
    font-family: Georgia, "Times New Roman", serif;
}
.art #photossmall #gallery-rail #more-galleries h4 {
    border-top: dotted #cccccc 1px;
    padding-top: 10px;

}
.art #photossmall #gallery-rail #more-galleries h4 span {
    font-size: 16px;
    background: transparent url(../../images/common/grey-chevron-dark-bg.png) no-repeat 100% 55%;
    padding-right: 15px;
    color: #ffffff;
}
.art #photossmall #gallery-rail #more-galleries .gallery {
    font-size: 13px;
    clear: both;
    margin-top: 10px;
    color: #ffffff;
}
.art #photossmall #gallery-rail #more-galleries .gallery a {
    color: #ffffff;
}
.art #photossmall #gallery-rail #more-galleries .gallery h5 {
    font-size: 13px;
    font-family: Georgia, "Times New Roman", serif;
    color: #ffffff;
    line-height: 1;
}
.art #photossmall #gallery-rail #more-galleries .gallery h6 {
    font-size: 13px;
    font-family: Georgia, "Times New Roman", serif;
    color: #fb0000;
}
.art #photossmall #gallery-rail #more-galleries .gallery .image {
    width: 160px;
    float: left;
    margin-right: 10px;
}

.picturecollectionsmall #article-content {
    height: 100%;
}
.picturecollectionsmall #section-main #article-top #util h4,
.picturecollectionsmall #section-main #article-top #util .article-links {
    display: none;
}
.picturecollectionsmall #section-main #article-top #util .actions .recommend-article {
    border-bottom: 0px;
}

/* standalone picture article styles */

.picturearticle #teaser #lead-photo {
    display: none;
}
.art #photo #gallery-rail .related-articles {
    clear:both;
    float:right;
    width:300px;
    font-family: Georgia, "Times New Roman", serif;
}
.art #photo #gallery-rail  .related-articles {
    font: normal 13px/1.4 Georgia, "Times New Roman", serif;
    clear: both;
}
.art #photo #gallery-rail  .related-articles .see-also {
    color: #ffffff;
    font: normal 11px/1 Verdana, sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
}
.art #photo #gallery-rail  .related-articles div {
    color: #FF0000;
}
.art #photo #gallery-rail .related-articles div a {
    color: #ffffff;
}
.art #photo #gallery-rail .related-articles div a:hover {
    text-decoration: underline;
}

.art #photo #gallery-rail .related-articles h4 {
    border-top: dotted #cccccc 1px;
    padding-top: 10px;

}
.art #photo #gallery-rail .related-articles h4 span {
    font-size: 16px;
    background: transparent url(../../images/common/grey-chevron-dark-bg.png) no-repeat 100% 55%;
    padding-right: 15px;
    color: #ffffff;
}
.art #photo #gallery-rail .related-articles .gallery {
    font-size: 13px;
    clear: both;
    margin-top: 10px;
    color: #ffffff;
}
.art #photo #gallery-rail .related-articles .gallery a {
    color: #ffffff;
}
.art #photo #gallery-rail .related-articles .gallery h5 {
    font-size: 13px;
    font-family: Georgia, "Times New Roman", serif;
    color: #ffffff;
    line-height: 1;
}
.art #photo #gallery-rail .related-articles .gallery h6 {
    font-size: 13px;
    font-family: Georgia, "Times New Roman", serif;
    color: #fb0000;
}
.art #photo #gallery-rail #more-galleries .gallery .image {
    width: 160px;
    float: left;
    margin-right: 10px;
}


/*.picturearticle #photo {*/
    /*display: block;*/
/*}*/






.art #photos #gallery-image img {
    /*top: 0;
    left: 0;
    position: absolute;*/
    margin: auto 0;
    border: none;
}
.art #photos #gallery-image.loading #photo-meta {
    display: none;
}
.art #photos #gallery-image p#galleryLoading {
    text-align: center;
    color: #fff;
    background: transparent url('../../images/common/icon/icon-gallery-loading.gif') no-repeat left 2px;
    position: absolute;
    top: 20px;
    left: 20px;
    padding-left: 28px;
    font-size: 16px;
    font-family: Georgia, "Times New Roman", serif;
}
.art #photos #gallery-image #photo-count {
    font-weight: bold;
    margin-bottom: 10px;
}
/*.art #photos #gallery-image img.hide { display: none; }*/

/************************************************************ article interactive tab
*/
.art #interactive {
     width: 960px;
}
    .art #interactive.tiny,
    .art.flash #interactive.tiny {
        position: static;
        width: 600px;
        top: 0;
        z-index: 1;                          
        padding: 0 20px 0 0;
        margin: 10px 0 20px 10px;
        border-top: none;
    }
/************************************************************ article video tab
*/
.art #video.tab {
    width: 608px;
    margin-left: 10px;
    padding-bottom: 20px;
}

.art .advetorial {
    clear:left;
}

/************************************************************ static chart
*/
table.default {
    font: normal 11px/1.5 verdana, "Times New Roman", serif;
    margin-bottom: 25px;
    border-top:1px solid #000;
    width:610px;
    margin-left:-150px;
}
table.default td {
    padding:5px;
    border-bottom:1px dotted #000;
}
table.default tr.header td {
    font-weight:bold;
}

table.default td .article-chart.giSmallStockChart {
    margin-right:0;
}

.static-chart-container {
    width:610px;
    margin-bottom:20px;
    margin-left:-150px;
    overflow:hidden;
}
.blog .static-chart-container {
    margin-left:-20px;
    width:630px;
}
* html .blog .static-chart-container {
    margin-left:0px;
    width:600px;
}
/************************************************************ dynamic chart
*/
.article-chart {
    float:left;
}
.article-chart.giSmallStockChart {
    margin:0 20px 20px 0;
}
.article-chart.giMediumStockChart {
    width:600px;
    position:relative;
    margin-bottom:20px;
    margin-left:-140px;
}
.blog .article-chart.giMediumStockChart {
    margin-left:-80px;
}

#article-rail .medium-chart {
    clear:both;
    width:310px;
    margin-bottom:15px;
}

/************************************************************ dynamic tables
*/
.art table td {
    vertical-align:top;
}
.art .widget.large {
    width:460px;
    margin-left:0;
}
.art.blog .widget.large {
    width:500px;
}
.art .datatable tfoot p.timestamp {
    margin-bottom:5px;
}
.art #article-rail .widget {
    clear:both;
    width:310px;
    margin-bottom:15px;
}
.art #article-rail .widget .title {
    padding-top:5px;
    font-size:14px;
}
.art.news #article-rail .widget .title {border-top:4px solid #ff0000;}
.art.business #article-rail .widget .title {border-top:4px solid #ff0000;}
.art.investor #article-rail .widget .title {border-top:4px solid #ff6b00;}
.art.sports #article-rail .widget .title {border-top:4px solid #0892d8;}
.art.life #article-rail .widget .title {border-top:4px solid #b82eff;}


#article-rail #most-popular {
    float:left;
    margin:10px 0 20px 0;
}
#article-rail #most-popular .label {
    padding-top:5px;
}
#article-rail .halfpager {
    margin-top:30px;
}

#article-rail .poll li div {
    float:left;    
}
#article-rail .poll,
#article-rail .poll h3,
#article-rail .poll p,
#article-rail .poll div {
    text-align:left !important;
}


/*  most-popular fragment on story page: start */
#most-popular-story {
    background-color:#fff;
    width:960px;
    position:relative;
    padding-bottom:30px;
}
#most-popular-story div.popular-container .tab-content {
    border:1px dotted #000;
    width:960px;
    float:left;
    background: transparent url('../../images/common/borders/vertical-dot-2.png') repeat-y 480px 0; clear:both;
}
#most-popular-story #most-popular-tabs{
    top:5px;
    position:absolute;
    right:0;
    width:auto;
    float:left;
    margin:0;
    height:20px;
}
#most-popular-story #most-popular-tabs li{
    float:left;
    border:0;
    margin-left:20px;
}
#most-popular-story div.relation-holder {
    margin-left:0;
    padding-bottom:0;
}
#most-popular-tabs li a {
    background-repeat:no-repeat;
    cursor:pointer;
    display:inline;
    padding-left:20px;
    width:115px;
    padding-top:3px;
    height:17px;
    font:normal 10px/1 Verdana, sans-serif;
}
#most-popular-tabs li a.selected,
#most-popular-tabs .ui-corner-top.ui-tabs-selected a {
    background-image:url(../../images/pluck/sortSelected.png);
    color:#ff0000;
    border:0;
}
#most-popular-tabs li a {
    background-image:url('../../images/pluck/sortOption.png');
    float:left;
    width:auto;
}
#most-popular-story.relation h4.toggle {
    border:1px solid #fff;
}
#most-popular-story .tab-content div.more {
    border-top:1px dotted #000;
    width:960px;
    float:left;
    padding:15px 0;
    text-align:center;
    background-color:#fff;
}
#most-popular-story .div-table,
#most-popular-story .div-table .div-row,
#most-popular-story .div-table .div-cell {
    float:left;
    background-color:transparent;
}
#most-popular-story .div-table .div-row {
    width:960px;
}
#most-popular-story .div-table .div-cell {
    width:440px;
    margin:0 15px;
    padding:10px 5px 15px 5px;
    border-top:1px dotted #000;
}
#most-popular-story .div-table .div-row.first .div-cell {
    border-top:0;
}
#most-popular-story .tab-content .number {
    float:left;
    width:40px;
    color:#ff0000;
    font: normal 25px/1 Georgia, "Times New Roman", serif;
}
#most-popular-story .tab-content .link {
    float:left;
    width:400px;
    padding-top:5px;
}

#most-popular-story .tab-content .link  a {
    padding-right:20px;
    font-size:13px;
    padding-bottom:2px;
}
#most-popular-story .no-articles {
    padding:10px;
    width:940px;
    background-color:#fff;
}

/* IE6 stupidity fixes */
* html #most-popular-story {
    width:960px;
}
* html #most-popular-story .div-table .div-row,
* html #most-popular-story .tab-content div.more,
* html #most-popular-story div.popular-container .tab-content {
    width:950px;
}
* html #most-popular-story .div-table .div-cell {
    width:425px;
}
* html #most-popular-story .tab-content .link {
    width:385px;
}

/* share tools at copy end */
#toolsBottom {
    clear: left;
}
#toolsBottom ul.actions {
    margin: 1em 0 2.5em 0;
    position: relative;
}
#toolsBottom ul.actions li.share,
#toolsBottom ul.actions li.print-license,
#toolsBottom ul.actions li.recommend-article {
    display: inline;
    font: normal 10px/1.2 Verdana, sans-serif;
    border-right: 1px dotted #666;
    padding: 5px 15px 5px 0;
    margin: 0 0 0 10px;
}
#toolsBottom ul.actions li.first {
    margin-left: 0;
}
#toolsBottom ul.actions li.last {
    border-top: none; /* IE6*/
    border-right: none;
}
#toolsBottom ul.actions li a#swf,
#toolsBottom ul.actions li a#pol,
#toolsBottom ul.actions li a#rec {
    background-repeat: no-repeat;
    background-position: left 50%;
    padding-left: 18px;
}
#toolsBottom ul.actions li.share a#swf {
    background: url(../../images/sprites/article.icons.png) no-repeat 0 -168px;
}
#toolsBottom ul.actions li.print-license a#pol {
    background: url(../../images/sprites/article.icons.png) no-repeat 0 -188px;
}
#toolsBottom ul.actions li.recommend-article a#rec {
    background: url(../../images/sprites/article.icons.png) no-repeat 0 -208px;
}
#toolsBottom ul.actions li.recommend-article .recommendCount {
    font-weight: normal;
    font-size: 10px;
}
#toolsBottom ul.actions li .overlay .overlayClose {
    position: absolute;
    top: 10px;
    right: 15px;
}
/* inline print/license */
#toolsBottom ul.actions li #polOverlay {
    width: 300px;
    left: 147px;
    top: -50px;
}
#toolsBottom ul.actions li #polOverlayContent ul {
    margin-top: 15px;    
}
#toolsBottom ul.actions li #polOverlayContent ul li {
    display: block;
    border-top: 1px dotted #000;
    padding:7px 0 7px 20px;
}
#toolsBottom ul.actions li #polOverlayContent ul li.print-article {
    background: #fff url(../../images/common/tiny-printer-icon.png) no-repeat 0 5px;
}
#toolsBottom ul.actions li #polOverlayContent ul li.license-article {
    background: #fff url(../../images/common/share/license.png) no-repeat 0 6px;
}
#toolsBottom ul.actions li #polOverlayContent ul li.license-article span.inactive { color: #888; }

/* inline share */
#swfOverlay {
    width: 300px;
    left: 7px;
    top: -50px;
    z-index: 5;
}
#swfOverlay h5 {
    font-family: Georgia, "Times New Roman", serif;
}
/* email a friend form */
#swfOverlayContent h5.email {
    background: transparent url('../../images/common/icon-email.png') no-repeat 0 4px;
    padding-left: 20px;
}
#swfOverlayContent .eafForm {
    margin-top: 10px;
}
#swfOverlayContent .eafForm .error {
    border: 2px solid #ff0000;
}
#swfOverlayContent .email-container {
    width: 250px;
}
#swfOverlayContent .eafSender,
#swfOverlayContent .eafRecipients {
    margin-bottom: 10px;
    width: 243px;
    font: 11px/1.2 Verdana, sans-serif;
}
#swfOverlayContent .eafSend {
    float: right;
    height: 19px;
    margin-bottom: 0;
    width: 48px;    
}
#swfOverlayContent ul#shareMore {
    margin-top: 5px;
}
#swfOverlayContent ul#shareMore li {
}

/* article highlights */
.article-highlight {
    margin:15px 0 0 0;
    padding:5px 0 0 0;
    float:left;
}
.article-highlight h3 {
    margin-bottom:5px;
}
.article-highlight .content h3 {
    font-size:13px;
    line-height:1.25;
}
.article-highlight .article-details {
    float:left;
    border-top:1px dotted #000;
    width:100%;
    padding:10px 0 10px 0;
}
.article-highlight .article-details.first {
    border-top:0;
}
.article-highlight .article-details p.image {
    width:100px;
    float:right;    
}
.article-highlight .article-details p.image a {
    float:left;
}
.article-highlight .article-details .content {
    float:left;
    width:190px;
    padding-right:10px;
}
.article-highlight .article-details .content.full {
    width:300px;
    float:none;
    text-align:left;
}
.article-highlight .article-details .meta-data {
    white-space:normal;
    display:block;
    padding-top:5px;
}

/* close button on print or license */
* html #toolsBottom ul.actions li #polOverlayContent ul,
*:first-child+html #toolsBottom ul.actions li #polOverlayContent ul {
    margin-top: 30px;
}
/* keep the h3 from poking above the "Share with friends" box */
/* there ought to be a better solution for this... */
*:first-child+html #article-relations ul.hdl-list li h3 {
    z-index: -1;
}
* html #article-relations ul.hdl-list li h3 {
    z-index: -1;
}
/*  most-popular fragment on story page: end    */

/* review ratings */
.art .numerical-rating {
    font-family:Georgia,serif;
    font-size: 30px;
    color: #ff0000;
    display:block;
    line-height:1;
    margin-bottom:5px;
}
.art p.ratings {
    font-size:12px;
    margin-bottom:15px;
}

.art.drive #content .relation-holder h3 a,
.art.drive #content .relation-holder li h3 a {
    color:#ff0000 !important;
}

/*facebook*/
#article-rail .facebook-fans {
    margin-bottom:15px;
}
#article-top #util ul.actions li.fb-like {
    padding: 10px 0 0 0;
    background: none;
    background-color: #fff;
    height: 35px;
    position: relative;
}
    #article-top #util ul.actions li.fb-like .fb-like-what,
    #toolsBottom .fb-like .fb-like-what {
        position: absolute;
        right: 0;
        top: 5px;
        z-index: 20;
        text-align: right;
    }
    #article-top #util ul.actions li.fb-like .fb-like-what {
        top: 49px;
    }
    .fb-like-explainer {
        width: 300px;
        background-color: #fff;
        margin-top: 5px;
        float: none;
        text-align: left;
        padding: 10px 12px 15px;
        color: #333;
        line-height: 1.4;
        font-size: 11px !important;
        border: 1px solid #aaa;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: #888 0 2px 2px;
        -webkit-box-shadow: #888 0 2px 2px;
        box-shadow: 0 2px 2px #888;
    }
    .fb-like-explainer a {
        color: #ff0000;
        display: block;
        margin-top: 5px;
        z-index: 5002;
    }
#toolsBottom .borderless {
    border-right: none !important;
}
#toolsBottom .fb-like {
    display: block;
    margin-top: 15px;
    position: relative;
}
#fb-comments h4:hover { cursor: default; }
.fb-comments-holder {
    padding-left: 70px;
    margin-bottom: 20px;
}

/* showdown article type */
#article-content .showdown {
    margin-top: 10px;
    width: 620px;
    background: #fff url('../../images/common/borders/vertical-dot-1.png') repeat-y 310px top;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.showdown #option1,
.showdown #option2 {
    float: left;
    width: 300px;
}
.showdown #option1 {
    margin-right: 20px;
}
.showdown.quote .quote p {
    font: italic 18px/1.4 Georgia, "Times New Roman", serif;
}
.showdown.quote .quote a {
    color: #ff0000;
}
/* showdown what's this explainer */
#fb-like-what-showdown {
    width: 606px;
    clear: both;
    margin: 10px 0 20px 0;
    font-size: 13px;
}
#fb-like-what-showdown a {
    color: #ff0000;
}
#fb-like-what-showdown a:hover {
    text-decoration: underline;
}
#fb-like-what-showdown p {
    margin-top: 5px;
    font-size: 12px;
}
/* latter rule is facebook comments disabled on the article level */
.showdown.quote .citation p,
#fb-nocomments {
    font: normal 14px/1.4 Georgia, "Times New Roman", serif;         
}
.showdown.quote .citation {
    margin-top: 8px;
}
#article-content .showdown .fb-like {
    width: 300px;
    margin-top: 15px;
}
    .showdown  ul.actions .fb-like {
        margin-top: 0;
        width: 310px;
    }
.sd-photo img {
    margin-bottom: 10px;
}
.sd-photo p {
    font-size: 12px;
}
/* facebook Like- what's this? */
.fb-like-what {
    margin-left: 60px;
    font: 11px/1.2 Verdana, sans-serif;
}
.fb-like-what a:hover {
    color: #ff0000;
    text-decoration: underline;
}
.fb-like-explainer {
}

/* fund research */
.fpGroupE-selectList {
    float:left;
    border-bottom:1px dotted #000000;
    padding-bottom:10px;
    margin-bottom:10px;
}


.articlecommentcountholder {
    background-color: #EEEEEE;
    clear: left;
    float: left;
    font-size: 13px;
    margin:0 0 30px 0;
    position: relative;
    width:460px;
}
.gotopindicator {
    background: url("../../images/v2/article/article.sprite.png") no-repeat scroll -23px 0 transparent;
    height: 9px;
    left: 47%;
    top: -9px;
    width: 18px;
    position:absolute;
}
.articlecommentcount {
    float: left;
    padding: 10px;
    text-align: center;
    width: 440px;
    font-weight:bold;
}
