/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  

/* bring in styles for the default htmlEditor HTML "snippet" templates */

/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */


/*New Article latest about-us/media-and-press page*/
.article {
    width: 100%;
}
.article .gravatarSection, .articleComment .gravatarSection {
    width: 13%;
    float:left;
}
.article article.articleSummary, .article article.articleSection, .articleCommentContent {
    width: 82%;
    float: right;
}
    .article article.articleSection img {
        width:100%;
    }
    .article article.articleSection a img {
        width: auto;
    }
.article .gravatarBorder, .articleComment .gravatarBorder {
    -webkit-box-shadow: 0 9px 9px -8px #666;
    -moz-box-shadow: 0 9px 9px -8px #666;
    box-shadow: 0 9px 9px -8px #666;
    padding:10px 3px;
    border:1px solid #ccc;
    background-color:#fff;
}
.article .gravatarBorder img, .articleComment .gravatarBorder img {
    width: 98%;
}

.articleHeadline h1 {
    margin: 0 0 0.2em 0;
    padding: 0;
}
.articleSection h1 {
    margin-top: 0.5em;
}
    .articleHeadline h1 a {
        color: #00ae42 !important;
        text-transform: uppercase;
    }
.articleAuthor {
    color: #003768;
    font-size:1.1em;
    margin-bottom:1.5em;
    
}
.articleEntry {
    
    color:#373737;
}
.articleSumSection {
    background: url("imgs/divider.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 2em;
    margin-bottom: 2em;
}
.article .articleInfo {
    margin-top: 1em;
}
    .article .articleInfo .detailsLink {
       /* background-image: url("../imgs/tick.png");
        background-position: left center;
        background-repeat: no-repeat;*/
        padding-left: 24px;
        font-size:1.1em;
    }
    .article .articleInfo .commentsLink {
        /*background-image: url("../imgs/comment.png");
        background-position: left center;
        background-repeat: no-repeat;*/
        padding-left: 24px;
        font-size: 1.1em;
        margin-left:1em;
    }
.spacer {
    width: 100%;
    clear: both;
}
.article .articleContent {
    margin-top: 2em;
}
.articleSocial {
    margin:2em 0 1em 0;
}
.articleSocial ul {
    list-style-type: none;
    float:right;
}
.articleSocial ul li {
    float: left;
    margin-right: 1em;
}
    .articleSocial ul li:first-child {
        margin: 0;
    }
.articleSocial .division {
    width: 100%;
}
.articleSocial h2 {
    font-weight: normal;
    margin: 1.6em 0 0 4em;
    float: left;
    color:#003768;
    text-transform:uppercase;
}
.articleComment {
    background-color: #f5f9fb;
    border: 1px solid #d8d9da;
    padding:1em;
    margin:2em 0;
     -webkit-box-shadow: 0 9px 9px -8px #666;
    -moz-box-shadow: 0 9px 9px -8px #666;
    box-shadow: 0 9px 9px -8px #666;
}
.articleCommentAuthor {
    color: #3398bb;
}
.articleCommentContent {
    color: #003768;
}
.clearfix::after{content:"";display:table;clear:both}