﻿/*button*/
a.dig_btn {
    background: transparent url('btn_l.png') no-repeat top left;
    line-height: 17px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 25px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;
    display: block;
    float: left;
}

    a.dig_btn span {
        background: transparent url('btn_r.png') no-repeat top right;
        display: block;
        padding: 4px 9px 4px 0px; /*Set 9px below to match value of 'padding-left' value above*/
    }

a.dig_btn_notsel {
    line-height: 17px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 25px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;
    display: block;
    float: left;
}

    a.dig_btn_notsel span {
        display: block;
        padding: 4px 9px 4px 0px; /*Set 9px below to match value of 'padding-left' value above*/
    }

a:link.dig_btn, a:visited.dig_btn, a:active.dig_btn {
}

a.dig_btn:hover {
    background-position: bottom left;
}

    a.dig_btn:hover span {
        background-position: bottom right;
    }


/* list pager */
.dig_pager_current span {
    background-color: #332E06;
    color: #fff;
}

.dig_list_sep {
    color: #8BD343;
}


.pagination_tab {
    background-color: #eee;
    padding-top: 4px;
}

    .pagination_tab span {
        margin-left: 5px;
        padding: 3px 15px 3px 15px;
        display: inline-block;
        background-color: #eee;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

        .pagination_tab span.selected {
            border-width: 5px 5px 0;
            background-color: #8BD343;
        }

.image_carousel_tab {
    border: 5px solid #8BD343;
    padding: 10px 10px 10px;
}

/* media and related blocks */
.da_extra_wrapper {
    width: 335px;
    padding: 0px 10px 20px 10px;
}

.da_extra_header {
    font-size: 1.5em;
}

.da_extra {
    background-color: #EAE9E4;
    display: inline-block;
    width: 100%;
}

.da_extra_inner {
    padding: 0px 15px 10px 15px;
}

.da_related_item {
    border-bottom: 1px solid #888;
    padding: 5px 0px 5px 15px;
    display: block;
}

    .da_related_item .text a, .da_related_item .text a:hover, .da_related_item .text a:link, .da_related_item .text a:visited {
        text-decoration: none;
    }

        .da_related_item img {max-width:250px}

/* listing */
.da_list_item, .da_list_item td {
    font-size: 12px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

    .da_list_item h1 {
        font-size: 18px;
        font-family: 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, 'Arial Bold', Arial, sans-serif;
        padding-top: 0px;
    }

    .da_list_item .h1 {
        display: block;
        font-size: 18px;
        font-family: 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, 'Arial Bold', Arial, sans-serif;
        padding-top: 0px;
    }

    .da_list_item p {
        padding-top: 0px;
    }

.da_stack8_item h1 {
    font-size: 14px;
    font-family: 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, 'Arial Bold', Arial, sans-serif;
    padding-top: 0px;
    margin-top: 0px;
}

.da_stack8_item .h1 {
    display: block;
    font-size: 14px;
    font-family: 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, 'Arial Bold', Arial, sans-serif;
    padding-top: 0px;
    margin-top: 0px;
}

.da_stack8_item p {
    padding-top: 0px;
}

.da_related_item .bullet, .da_list_item .bullet {
    text-align: left;
    background: transparent url('greyarrow.png') no-repeat top left;
    display: inline-block;
    width: 10px;
    height: 10px;
    padding-right: 5px;
}

.more {
    background: transparent url('greyarrowsmall.png') no-repeat right 4px;
    padding-right: 12px;
    padding-left: 5px;
    font-weight: bold;
}

.moreleft {
    background: transparent url('greyarrow.png') no-repeat left 6px;
    display: inline-block;
    padding-right: 6px;
    padding-left: 0px;
    font-weight: bold;
}

.morebig {
    background: transparent url('greyarrowbig.png') no-repeat right 3px;
    display: inline-block;
    padding-right: 12px;
    padding-left: 5px;
    font-weight: bold;
}


.da_related_item .redbullet, .da_list_item .redbullet {
    text-align: left;
    background: transparent url('redarrow.png') no-repeat top left;
    display: inline-block;
    width: 10px;
    height: 10px;
}

.da_related_item .text {
    padding-left: 15px;
}

.da_media_item {
    width: 305px;
    float: left;
}

.da_media_item_large {
    width: 640px;
    float: left;
}

dam_carousel {
    width: 100%;
}

.dam div {
    padding: 9px;
    margin: 7px;
    display: block;
    float: left;
}

.clearfix {
    float: none;
    clear: both;
}


.dam_left {
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 5px solid #373737;
    border-right: 10px solid #FF4B4C;
    border-bottom: 5px solid #373737;
    display: inline-block;
    padding-right: 5px;
}

.dam_right {
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 5px solid #373737;
    border-left: 10px solid #FF4B4C;
    border-bottom: 5px solid #373737;
    display: inline-block;
}


.da_contact {
    float: left;
    padding: 5px 15px 5px 5px;
}


.da_dash_item, .da_list_item {
    padding: 3px 3px 3px 3px;
    border-bottom: 1px solid #DCE3DE;
    width: 100%;
    display: inline-block;
}

.da_body h1 a {
    font-family: Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 1.4em;
    line-height: 1em;
    margin-bottom: 0px;
}

.da_body .h1 a {
    font-family: Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 1.4em;
    line-height: 1em;
    margin-bottom: 0px;
}

.da_list h1 a {
    font-size: .5em;
    line-height: 1em;
    margin-bottom: 0px;
}

.da_list .h1 a {
    font-size: .5em;
    line-height: 1em;
    margin-bottom: 0px;
}

.da_list .pub {
    color: #aaa;
    font-size: .8em;
}

.da_list .newmonth {
    border-top: 1px solid #DCE3DE;
    margin-top: 10px;
    padding: 8px 3px 3px 3px;
    display: inline-block;
    width: 100%;
    font-size: 1.5em;
}

.da_body .soc_link {
    padding-left: 10px;
    padding-top: 5px;
    display: inline-block;
}

.da_black, .da_black p {
    color: #000;
    line-height: 150%;
}

.da_task_bar {
    background: transparent url('header.png') repeat-x top left;
    height: 25px;
    padding-bottom: 8px;
}

.da_task_item {
    font-size: .8em;
    background-color: #fff;
    margin-top: 3px;
    padding: 1px 10px 0px 10px;
    float: right;
}

.vote {
    padding-top: 0px;
    margin-top: 0px;
}

.print {
    background: transparent url('task_print.png') no-repeat top left;
    display: block;
    padding-left: 20px;
}

.email {
    background: transparent url('task_email.png') no-repeat top left;
    display: block;
    padding-left: 20px;
}

.share {
    background: transparent url('task_share.png') no-repeat top left;
    display: block;
    padding-left: 20px;
}

    .share:hover, .share:link, .share:visited {
        text-decoration: none;
    }

.da_extra_wrapper .pager {
    float: right;
    display: inline-block;
    padding-right: 10px;
    font-size: .8em;
    color: #fff;
}

.da_biodash_wrapper {
    display: inline-block;
    width: 100%;
    text-align: right;
    background: url(bioback.png) no-repeat left top;
}

.da_biodash {
    display: inline-block;
    padding: 10px;
}

.da_news_link, .da_news_link:hover, .da_news_link:link, .da_news_link:visited {
    text-decoration: none;
}

.da_more_link, .da_more_link:hover, .da_more_link:link, .da_more_link:visited {
    background: transparent url('greyarrowsmall.png') no-repeat right 4px;
    padding-right: 12px;
    padding-left: 5px;
    font-weight: bold;
}

.da_img {
    border: 1px solid #999;
}




/* Article View Styles */
.da_info_bar {
    height: 21px;
}

    .da_info_bar span,
    a.da_gallery_footer_link {
        color: #E6E3D7;
        font: 10px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        text-decoration: none;
    }

.da_shadow_long {
    background: url('shadow_long.png') top center no-repeat;
    height: 13px;
}

ul.da_related_items {
    padding-left: 22px;
}

    ul.da_related_items li {
        list-style-type: none;
    }

a.da_gallery_prev_large,
a.da_gallery_next_large {
    height: 75px;
    width: 24px;
    border: none;
    display: block;
    position: absolute;
    top: 142px;
    z-index: 5;
}

a.da_gallery_prev_large {
    background: url('left_arrow_large.png') top center no-repeat;
    left: 19px;
}

a.da_gallery_next_large {
    background: url('right_arrow_large.png') top center no-repeat;
    left: 597px;
}

a.da_gallery_prev_topshot,
a.da_gallery_next_topshot {
    height: 75px;
    width: 24px;
    border: none;
    display: block;
    position: absolute;
    top: 227px;
    z-index: 5;
}

a.da_gallery_prev_topshot {
    background: url('left_arrow_large.png') top center no-repeat;
    left: 19px;
}

a.da_gallery_next_topshot {
    background: url('right_arrow_large.png') top center no-repeat;
    left: 897px;
}

a.da_gallery_footer_link {
    float: right;
}

a.da_gallery_footer_count_link {
    color: #999;
    font: 11px/21px "Helvetica Bold", Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding-left: 15px;
    display: inline-block;
}

div.da_title_wrapper,
div.da_caption_wrapper {
    background-color: #E8E8E8;
    color: #595853;
    padding: 0px 15px;
}

div.da_title_wrapper {
    font-weight: bold;
    margin-top: 2px;
}

div.da_caption_wrapper {
    margin-bottom: 15px;
}

div.da_image_wrapper {
    width: 640px;
    height: 360px;
    overflow: hidden;
    background: black;
}


/* block quote */
.block-quote {
    border-left: 3px solid #335d8b;
    padding: 10px 10px 10px 20px;
    margin: 0px;
    quotes: "\201C" "\201D";
    background-color: #eee;
}

    .block-quote:before {
        content: open-quote;
        font-weight: bold;
        font-size: 1.1em;
    }

    .block-quote:after {
        content: close-quote;
        font-weight: bold;
        font-size: 1.1em;
    }


/* inline */
.da_body .media-inline {
    display: inline-block;
    font-weight: normal;
}
.da_body .media-inline .title{ font-size: .85em; font-weight: bold; color: #666666; padding-bottom: 5px; display: inline-block; width: 100%; line-height:1.3em; } 

.da_body .media-inline .caption
{
    font-size:.75em; line-height:1.3em; color:#666666;
}

.da_body .media-inline .info
{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; font-size: .9em; line-height: 1em; } 

.da_body .media-inline .overlay{
background: url(/DesktopModules/ArticleCS/images/media_zoom.png) no-repeat ;
position:absolute;
bottom:0; right:0;
width:32px;
height:32px;
opacity:.7;

}

.media-inline-popup
{
    margin:60px 60px 0px 60px;
    max-width:700px;
}
.media-inline-popup .title{
    font-size:1em;
    font-weight:bold;
    color:#333;
    padding-top:20px;
    display:inline-block;
}

.media-inline-popup .caption
{
    font-size:.95em; line-height:1.5em; color:#333;
}

.media-inline-popup .action 
{
    padding-bottom:25px;
    padding-top:25px;
}
.media-inline-popup .action a, .media-inline-popup .action a:link, .media-inline-popup .action a:visited, .media-inline-popup .action a:hover{
    font-size:.8em;color:#333;
}


.da_body     .media-inline img {
    margin-bottom:15px;
    border: 1px solid #999;
    }

.da_body .media-inline-right, .da_body .media-inline-video-right  { float: right; margin: 5px 0px 10px 25px; } 

.da_body .media-inline-center, .da_body .media-inline-video-center  { 
  display:block;
  margin: 5px auto 25px;

  position: relative;
  display:block;
}

.da_body .media-inline-left, .da_body .media-inline-video-left { float: left; margin: 5px 25px 10px 0px; } 
.media-inline-small {
    width: 35%;
}
.media-inline-thumb {
    width:27%;
}
.media-inline-medium {
    width:47%;
}
.media-inline-large {
    width:71%;
}
.media-inline-xlarge {
    width:100%;
}

.da_body .media-inline .info a, .media-inline .info a:link
{
    color:#900;
    white-space:nowrap;
}
/*slideshow*/
.da_body .slideshow {
    display: inline-block;
    position: relative;
    width: 300px;
    border: solid 10px #ddd;
    background-color: #eee;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
}

.da_body .slideshow-left {
    float: left;
    margin: 10px 20px 10px 0px;
}

.da_body .slideshow-right {
    float: right;
    margin: 10px 0px 10px 20px;
}

.da_body .slideshow .carousel {
}

.da_body .slideshow .item {
}

.da_body .slideshow .pager-left {
    cursor: pointer;
    height: 394px;
    width: 46px;
    position: absolute;
    background: transparent url(gallery-left.png) no-repeat left;
    opacity: .6;
    left: 0;
    z-index: 20;
}

.da_body .slideshow .pager-right {
    cursor: pointer;
    height: 394px;
    width: 46px;
    position: absolute;
    background: transparent url(gallery-right.png) no-repeat right;
    opacity: .6;
    right: 0;
    z-index: 20;
}

.da_body .slideshow .item .image {
    background-color: #000;
    text-align: center;
}

    .da_body .slideshow .item .image img {
        max-height: 500px;
        display: inline-block;
    }

.da_body .slideshow .counter {
    float: right;
}

.da_body .slideshow .item .info {
    padding: 5px 5px 0 5px;
    font-size: .9em;
}

    .da_body .slideshow .item .info p {
        font-size: .9em;
    }

.da_body .slideshow .info a, .da_body .slideshow .info a:link {
    color: #900;
}




@media (max-width: 767px) {

    .da_body .media-inline {
        width: 100%;
    }

    .da_body .media-inline-video-left {
        margin: 0 0 0 0 !important;
        float: none !important;
    }

    .da_body .media-inline-video-right {
        margin: 0 0 0 0 !important;
        float: none !important;
    }

    .da_body .media-inline-video-center {
        margin: 0 0 0 0 !important;
        float: none !important;
    }
}