﻿/*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 {
    height: 62px;
    background: transparent url('greyhead.gif');
    background-repeat: repeat-x;
}

    .pagination_tab span {
        display: inline-block;
        color: #fff;
        height: 52px;
    }

    .pagination_tab a {
        color: #D7D5C9;
        font-weight: bold;
        text-decoration: none;
        padding: 10px 15px 5px 15px;
        display: inline-block;
        background: transparent url('greyhead_sep.gif');
        background-repeat: no-repeat;
    }

    .pagination_tab span.selected {
        background-position: center bottom !important;
        background: transparent url('arrw2.gif');
        background-repeat: no-repeat;
        height: 52px;
    }

.image_carousel_tab {
    padding: 2px 0px 0px 5px;
    float: left;
}

/* media and related blocks */
.da_extra_wrapper {
    width: 260px;
    padding-bottom: 20px;
    padding-right: 20px;
}

.da_extra_header {
    font-size: 1.5em;
}

.da_extra {
    background-color: #D6D3C1;
    display: inline-block;
    width: 260px;
}

.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;
    }


/* 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: 260px;
    float: left;
}

.da_media_item_large {
    width: 640px;
    float: left;
}

.da_media_item_topshot {
    width: 942px;
    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_body .h1topshot {
    display: block;
    font-size: 18px;
    font-family: 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, 'Arial Bold', Arial, sans-serif;
    padding-top: 0px;
    color: #555555;
    font-weight: bold;
    padding-bottom: 8px;
}

.da_body .title {
    font-size: 22px;
    font-family: Helvetica, Arial, sans-serif;
    color: #000;
    line-height: 1em;
    margin-bottom: 3px;
    display: block;
    font-weight: bold;
}

.da_body h1 {
    color: #3D3B34;
    margin-bottom: 3px;
}

.da_body .h1 {
    display: block;
    color: #3D3B34;
    margin-bottom: 3px;
}

.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: #595853;
    line-height: 150%;
    font-family: 'Helvetica Neue', Arial;
}

.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;
    }

.da_task_bar {
    background: url('panebg.png') repeat-x scroll left top transparent;
    height: 25px;
    padding-bottom: 20px;
}

.da_task_item {
    font-size: .8em;
    background: url("panebg.png") repeat-x scroll left top transparent;
    float: right;
    margin-top: 4px;
}

.vote {
    padding-top: 0px;
    margin-top: 0px;
}

.print {
    background: url('printicon.png') no-repeat scroll 35px center transparent;
    display: block;
    padding-right: 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;
    color: #3D3B34;
}

.da_more_link, .da_more_link:hover, .da_more_link:link, .da_more_link:visited {
    background: transparent url('redarrow.png') no-repeat right 3px;
    padding-right: 12px;
    padding-left: 5px;
    font-weight: bold;
    text-decoration: none;
    color: #990000;
}

.da_img {
    border: 1px solid #999;
}

.da_dark {
    color: #322E23;
    font-weight: bold;
}

.da_line {
    border: 0;
    background-color: #B8B6A9;
}

.da_oddline {
    background-color: #D5D3C3;
}

.da_active {
}

.da_prev_pager {
    background: transparent url('redprevarrow.png') no-repeat left 3px;
    padding-right: 5px;
    padding-left: 17px;
    font-weight: bold;
    text-decoration: none !important;
    color: #3D3B34 !important;
}

.da_next_pager {
    background: transparent url('redarrow.png') no-repeat right 3px;
    padding-right: 17px;
    padding-left: 5px;
    font-weight: bold;
    text-decoration: none !important;
    color: #3D3B34 !important;
}

.da_Gallery_FooterDiv {
    background: url("/portals/_default/containers/marines/images/Shadow2.png") no-repeat scroll center top transparent;
    clear: both;
    height: 13px;
    overflow: hidden;
    text-align: right;
    width: 260px;
    background-color: #D6D3C1;
}

.da_gallery_prev {
    background: transparent url('imageleftpager.png') no-repeat left;
    height: 10px;
    width: 9px;
    text-decoration: none !important;
}

.da_gallery_next {
    background: transparent url('imagerightpager.png') no-repeat right;
    height: 10px;
    width: 9px;
    text-decoration: none !important;
}

.da_mar_list th {
    text-align: center;
    background: url("greyhead_sep.gif") no-repeat scroll 100% 1px transparent;
    padding: 12px 5px 5px 5px;
    color: White;
    font-weight: bold;
    height: 25px;
}

.da_mar_list td {
    padding: 6px 5px 6px 5px;
    border-right: 3px solid #E7E4D7;
}

.da_mar_listing_topbar {
    background: transparent url('greyhead.gif') repeat-x scroll;
}

.da_tab_footer {
    background: url(Shadow2.png) top center no-repeat;
    text-align: right;
    clear: both;
    height: 13px;
    overflow: hidden;
}


.cattab_tab {
    height: 62px;
    background: transparent url('greyheadd.gif');
    background-repeat: repeat-x;
}

    .cattab_tab span {
        display: inline-block;
        color: #fff;
        height: 57px;
    }

    .cattab_tab a {
        color: #D7D5C9;
        font-weight: bold;
        text-decoration: none;
        padding: 13px 15px 5px 15px;
        display: inline-block;
        background: transparent url('greyhead_sepd.gif');
        background-repeat: no-repeat;
        font-size: 12px;
    }

    .cattab_tab span.selected {
        background-position: center bottom !important;
        background: transparent url('arrw2.gif');
        background-repeat: no-repeat;
    }


.cattabbot_tab {
    height: 52px;
    background: transparent url('greyfoot.gif');
    background-repeat: repeat-x;
}

    .cattabbot_tab span {
        display: inline-block;
        color: #fff;
        height: 52px;
    }

    .cattabbot_tab a {
        color: #D7D5C9;
        font-weight: bold;
        text-decoration: none;
        padding: 22px 15px 10px 15px;
        display: inline-block;
        background: transparent url('greyhead_sepbot.gif');
        background-repeat: no-repeat;
        background-position: right bottom !important;
    }

    .cattabbot_tab span.selected {
        background-position: center bottom !important;
        background: transparent url('arrw2bot.gif');
        background-repeat: no-repeat;
    }


.mag_header {
    color: #E6E3D7;
    height: 48px;
    background: transparent url('greyhead.gif');
    background-repeat: repeat-x;
}

    .mag_header .title {
        font-weight: bold;
        padding: 14px 0px 0px 7px;
        float: left;
        font-size: 14px;
    }

    .mag_header .icon {
        padding: 8px 0px 0px 8px;
        padding-left: 8px;
        float: left;
    }

    .mag_header .more {
        margin: 10px 5px 0px 0px;
        padding: 0px 15px 0px 8px;
        float: right;
        background: transparent url('smallarrow.gif') no-repeat right center;
        font-size: 10px;
    }

    .mag_header a:link, .mag_header a:hover, .mag_header a:visited {
        color: #E6E3D7;
        text-decoration: none;
    }

.AdvancedSearch label {
    float: left;
    width: 130px;
    color: #35332C;
    font-weight: bold;
    padding-top: 6px;
}

.AdvancedSearch {
    padding: 10px 10px 10px 10px;
    background: #D5D3C3 url('searchback.gif');
    background-repeat: no-repeat;
    background-position: right bottom;
}

    .AdvancedSearch select {
        padding: 3px 3px 3px 3px;
        margin: 0px 0px 0px 0px;
        width: 260px;
    }

    .AdvancedSearch input {
        padding: 3px 3px 3px 3px;
        margin: 0px 0px 0px 0px;
    }

    .AdvancedSearch .field {
        width: 260px;
    }

    .AdvancedSearch .searchb {
        margin-left: 10px;
        padding: 5px 7px 5px 7px;
        color: #fff;
        border: 1px solid #909090;
        text-decoration: none;
        background: -webkit-gradient(linear, left top, left bottom, from(#980000), to(#6F0000));
        background: -moz-linear-gradient(top, #980000, #6F0000);
        font-size: 10px;
        cursor: pointer;
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#980000', endColorstr='#6F0000');
        background-image: -ms-linear-gradient(#980000, #6F0000);
    }

    .AdvancedSearch .clearsearchb {
        margin-left: 10px;
        padding: 5px 7px 5px 7px;
        color: #fff;
        border: 1px solid #909090;
        text-decoration: none;
        background: -webkit-gradient(linear, left top, left bottom, from(#E4DFD3), to(#C4B9A0));
        background: -moz-linear-gradient(top, #E4DFD3, #C4B9A0);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E4DFD3', endColorstr='#C4B9A0');
        background-image: -ms-linear-gradient(#E4DFD3, #C4B9A0);
        font-size: 10px;
    }

    .AdvancedSearch a:link, .AdvancedSearch a:hover, .AdvancedSearch a:visited {
        color: #3D3B34;
        text-decoration: none;
    }

    .AdvancedSearch .cellinner {
        padding-bottom: 10px;
    }

.related img {
    vertical-align: text-top;
}


.fl_hl_header {
    color: #E7E4D7;
    height: 39px;
    background-color: #990000;
}

    .fl_hl_header .title {
        font-weight: bold;
        padding: 13px 0px 0px 7px;
        float: left;
        font-size: 14px;
    }

    .fl_hl_header .icon {
        padding: 8px 0px 0px 18px;
        float: left;
    }

    .fl_hl_header .more {
        margin: 13px 5px 0px 0px;
        padding: 0px 15px 0px 8px;
        float: right;
        background: transparent url('headline_smallarrow.gif') no-repeat right 4px;
        font-size: 10px;
    }

    .fl_hl_header a:link, .fl_hl_header a:hover, .fl_hl_header a:visited {
        color: #E6E3D7;
        text-decoration: none;
    }

.fl_hl_body a:link, .fl_hl_body a:hover, .fl_hl_body a:visited {
    color: #E6E3D7;
    text-decoration: none;
}

.fl_hl_body img {
    padding-right: 10px;
    padding-bottom: 0px;
}

.fl_hl_body p {
    padding: 0px 0px 5px 15px;
    font-size: 10px;
}

.fl_hl_footer {
    height: 71px;
    background: transparent url('headlines_footer.gif') no-repeat;
    background-position: center bottom;
    text-align: center;
}

    .fl_hl_footer table {
        padding-top: 15px;
        margin: auto;
    }

    .fl_hl_footer img {
        padding: 0px 0px 0px 0px;
    }

    .fl_hl_footer a:link, .fl_hl_footer a:hover, .fl_hl_footer a:visited {
        color: #E6E3D7;
        text-decoration: none;
        font-size: 10px;
    }

.fl_line {
    border: 0;
    background-color: #B8B6A9;
}


.fl_shadow {
    background: url(shadow2.png) top center no-repeat;
    text-align: right;
    clear: both;
    height: 13px;
    overflow: hidden;
}


.da_red {
    color: #990000;
}

/* Article View Styles */
.da_info_bar {
    height: 21px;
    background: #8A8270;
}

    .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;
    }

a.da_gallery_footer_count_link {
    color: #4e4736;
    font: 11px/21px "Helvetica Bold", Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding-left: 15px;
    display: inline-block;
}

.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;
}

div.da_title_wrapper,
div.da_caption_wrapper {
    background-color: #D6D3C1;
    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;
}

div.da_topshot_wrapper {
    width: 940px;
    height: 529px;
    overflow: hidden;
    background: #696969;
    border: 1px solid #696969;
}

#da_topshot_log {
    position: absolute;
    top: -24px;
    left: 800px;
    text-align: right;
    font-weight: bold;
    width: 140px;
}


/* inline */
.da_body .media-inline {
    display: inline-block;
    font-weight: normal;
}
.da_body .media-inline .title{
    font-size:.85em;
    font-weight:bold;
    color:#666666;
        display:inline-block;
    width:100%;

}

.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: .85em; font-weight: bold; color: #666666; padding-bottom: 5px; display: inline-block; width: 100%; line-height:1.3em; } 
.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;
    }
}