.ArticlePrintLink   {background-image: url(images/PrintIcon.png); display: inline-block; width: 48px; height: 48px;}

/* Rating to Like */
    .MAARatingContainer {display: inline; color: Black; padding: 10px; background-color: #e7e7e7; border-radius: 10px;}
        .MAARatingContainer .Normal {background: transparent url(/Portals/_default/Skins/MA-2015/css/images/LikeImage.png) no-repeat center; background-size: cover;}
        .MAARatingContainer input {opacity: 0 !important; cursor: pointer; margin: 0px !important;}
        .MAARatingContainer input:checked {}
        .MAARatingContainer label {display: none;}

/* View Item */
    .MAAViewContainer   {padding: 2% 0px;}
    
    .TopImageHolder {position:relative; background-color: #c7b29b; width: 104%; margin-left: -2%; height: 150px;}
        .TopImageHolder img {float: right; margin: 10px; border: solid 4px rgba(255,255,255,0.3);}

    .MAAViewTitleContainer {padding: 2% 0px;}
    .MAAViewTitle {font-size:200%; font-weight:400; line-height: 1.453em;}
    .BackButton input {float:none; padding: 3px 5px !important; font-size: 8pt; text-transform: uppercase; border: none; cursor: pointer;}

    .MAAViewDetails                 {font-size:100%; line-height:1.8em;}
    .MAAViewDetails p span          {font-size:100% !important;}
    .MAAViewDetails p img           {max-width:100%; height:auto; box-shadow: rgba(0,0,0,0) 0px 0px 10px;}
    .MAAViewDetails p span img      {z-index:1; max-width:100%; height:auto; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; box-shadow: rgba(0,0,0,0) 0px 0px 10px;}
    .MAAViewDetails p span img:hover{box-shadow: rgba(0,0,0,0.5) 0px 0px 10px; z-index:9999; width:100%;}
    .MAAViewDate                    {color: #888; -webkit-text-shadow: 0px 1px 1px #fff; text-shadow: 0px 1px 1px #fff; background-color: #fafafa; border-bottom-right-radius: 5px; padding: 3px 5px;}

    .MAAViewFiles                   {padding: 20px 0px;}
    .MAAViewFilesInner              {padding: 4px 8px; background-color: #0094ff; border-radius: 4px; display: inline-block;}
    .MAAViewFilesInner a            {color: #fff !important;}

/* --- Related Articles --- */
    .RelatedArticleContainer {padding: 2% 0px;}
    .RelatedItem {float: left; margin: 1%; width: 23%; border-radius:5px; min-height: 170px; box-shadow: 0px 0px 3px rgba(0,0,0,0.4); transition: 0.4s; }
    .RelatedItemImage {width: 100%; height: 100px; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px;}
        .RelatedItemImage img {width: 100%; height: auto;}
    .RelatedItemTitle {padding: 3%; text-align: center;}
    .RelatedItem:hover { box-shadow: 0px 0px 3px rgba(0,0,0,0.8);}

/* --- Categories Page Name --- */
    .PageName {font-weight: normal; background-color: #c7b29b; padding: 10px 15px; display: inline-block; margin: 15px 0px 0px -20px; color: #fff;}

/* --- Comments --- */
    .MAACommentContainer            {padding:2% 0px;}
    .MAACommentLeftColumn           {z-index:99; float:left; width:15%; padding-top:1%;}
        .MAACGravatarContainer      {width:60px; height:60px; border-radius:62px; border:solid 4px #e7e7e7; overflow:hidden;}
        .MAACGravatarContainer img  {width:100%; height: auto;}
    .MAACommentRightColumn          {z-index:1; float:right; width:87%; padding:2% 2% 2% 5%; margin-left:-10%; border: solid 1px #e7e7e7; background-color:#f7f7f7;}
        .MAACommentAuthor           {font-size:12pt; padding:5px 0px; border-bottom:solid 1px #e7e7e7;}
            .MAACommentAuthor a     { font-weight:bold;}
        .MAAComment                 {padding-top:5px; font-size:10pt; line-height:1.451em;}

/* ===== Modern Analyst Articles ===== */
    /* --- Pager Styles --- */
        /* Latest Module */
        .PagingTable {padding: 2% 0px; width: 100%;}
            .PagingTable .CommandButton {margin: 2px; padding: 5px 8px; background-color: #e7e7e7; font-weight: 400 !important; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 4px;}
            .PagingTable a.CommandButton {text-decoration: none !important;}
            .PagingTable .CommandButton:hover {background-color: #7ecefd; border-radius: 0px;} 
            .PagingTable .NormalDisabled {margin: 2px; padding: 5px; background-color: #f4f4f4;}
        /* Main Module */
            .PagingTable a {margin: 2px; text-decoration: none !important; padding: 5px 8px; background-color: #e7e7e7; font-weight: 400 !important; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 4px;}
            .PagingTable a:hover {background-color: #7ecefd; border-radius: 0px;} 
            .PagingTable span {margin: 2px; padding: 5px; background-color: #f4f4f4;}

        /* Paging Table mobile */
            .PagingTableMobile { padding: 20px 0px;}
            .PagingTableMobile a {background-color: #f4f4f4; padding: 10px; border-bottom: solid 1px #e7e7e7;}

    /* --- Article Listing --- */
        .MAAListingContainer            {padding: 2% 0px; border-bottom: dashed 1px #e7e7e7; width: 100%; margin: 1% 0px;}
        .MAAListingImageContainer       {float: left; width: 20%;}
            .MAAListingImageContainer img {width: 100%; height: auto; border: solid 1px #e7e7e7;}
        .MAAListingTextContainer        {float: left; width: 76%; padding-left: 4%;}
            .MAAListingTitleContainer       {padding-bottom: 2%;}
                .MAAListingTitleContainer h2 {text-transform: capitalize; border-bottom: none !important; margin-bottom: 0px !important; }
            .MAAListingTitle                {font-size:18pt; font-weight:400; line-height: 1.453em;}
            .MAAListingSummary              {padding: 1% 0px 2% 0px; line-height: 1.8em;}
            .MAAListingSummary p            {padding-bottom: 10px; margin:0; line-height: 1.8em;}
            .MAAListingSummary span         {padding-bottom: 10px; margin:0; line-height: 1.8em; display: block;}
            .MAAListingFeatured             {float:left; background-color: #c7b29b; padding: 2px 4px; margin-right: 10px; color: #fff;}
    /* --- Article Categories --- */
        .ArticleCategories {margin: 5px 1%; border-bottom: solid 1px #f4f4f4; width: 31%;float: left; height: 44px; transition: 0.4s;}
            .ArticleCategoriesTitle {float: left; width: 96%; padding: 2%;}
        .ArticleCategories:hover {background-color: #f4f4f4; border-bottom: solid 1px #e7e7e7;}
    /* --- Latest Articles --- */
        .MAALatestMainArticleContainer {width: 100%; padding-bottom: 2%;}
            .MAALatestMainArticleImage {width: 100%; height: 120px; overflow: hidden; position: relative;}
            .MAALatestMainArticleImage img {width: 100%; height: auto;}
            .MAALatestMainArticleIcons {position: absolute; bottom: 0px; left: 0px; width: 100%; padding-top: 15px;
                                        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
                                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
                                        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
                                        background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
                                        background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
                                        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
                                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0000000', endColorstr='#60000000',GradientType=0 ); /* IE6-9 */
                                        }
             .MAALatestMainArticleIcons .MainLatestMABlogMainIconsDate, .MAALatestMainArticleIcons .MainLatestMABlogMainIconsComments {color: #fff !important;}
            .MAALatestMainArticleTitle h3 {padding: 1% 0px; margin: 1% 0px;}
            .MAALatestMainArticleDescription {font-size: 9pt;}
        .MAALatestArticleContainer {padding: 2% 0px; border-top: solid 1px #e7e7e7;}
            .MAALatestArticleImage {float: left; width: 20%; padding-right: 5%;}
                .MAALatestArticleImage img {width: 100%; height: auto;}
            .MAALatestArticleTitle {float: left; width: 75%;}

/* --- Common Article Classes --- */
    .ratingbg       { width:69px; height:21px; margin: 3px 0px 10px 0px;}
    .ratingbg div   { padding: 4px 0px 0px 3px;}

/* === Home Page Styles === */
    /* --- Disables "Get More" Journal Entries Button --- */
        #getMore {display: none !important;}

    /* --- No Article Image --- */
        .ArticleNoImage {background: transparent url(../images/MA_NoArticleImage.jpg) no-repeat center; background-size:cover; width:100%; height:100%;}

    /*--- Home Page Recent Comments --- */
        .MainRecentCommentsContainer {padding:2% 0px; border-bottom:solid 1px #e7e7e7;}
        .MainRecentCommentsAuthor {font-size:8pt; text-transform:uppercase;}
        .MainRecentCommentsComment {color:#333;}
        
    /* --- Home Page Main Featured Articles --- */
        .MainFeaturedArticleContainer {position:relative; width: 100%; height: 370px; background-size: cover; background-repeat: no-repeat; background-position: center;}
        .MainFeaturedArticle {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,1))); -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
        .MainFeaturedArticleSummary {position: absolute; top: 290px; padding: 0px 10px; color: #fff;}
        .MainFeaturedArticleContainer .MainFeaturedArticleTitle {position: absolute; top: 240px; padding: 0px 10px;}
        .MainFeaturedArticleContainer .MainFeaturedArticleTitle a {font-size:220%;}
            .MainFeaturedArticle a {color: #fff !important; font-size: 180%; font-weight: bold; line-height:1.2em;}
            .MainFeaturedArticle a:hover {text-decoration:underline;}

        .MainFeaturedArticleContainerSeconds {position:relative; width:100%; background-size:cover; height: 180px; overflow: hidden; background-repeat: no-repeat; background-position: center; margin-bottom: 10px;}
        .MainFeaturedArticleContainerSeconds .MainFeaturedArticleTitle {position: absolute; bottom: 10px; padding: 5px; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
        .MainFeaturedArticleContainerSeconds:hover .MainFeaturedArticle {background-color: rgba(0,0,0,0.7);}
        .MainFeaturedArticleContainerSeconds:hover .MainFeaturedArticleTitle {bottom: -100px;} 
        .MainFeaturedArticleContainerSeconds:hover .MainFeaturedArticleSummarySeconds {bottom: 0px;} 
        .MainFeaturedArticleSummarySeconds {position: absolute; bottom: -150px; padding: 5px; color: #fff; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
            .MainFeaturedArticleSummarySeconds a {color: #fff !important; line-height:1.2em; font-size: 10pt !important; font-weight: normal !important;}
            .MainFeaturedArticleSummarySeconds a:hover {text-decoration:underline;}
        .MainFeaturedArticleDate {display:none; position: absolute; bottom: 10px; color: #fff; padding: 0px 0px 0px 23px; margin-left:10px; background:transparent url(../images/featureddate.png) no-repeat center left;}

    /* --- Home Page Popular Articles --- */
        .MainPopularItemsContainer {float:left; width:30%; padding:1%; background-color:#fff; height:100px;}
        .MainPopularItemsImage {float:left; width:35%; height: 100px; overflow: hidden;}
            .MainPopularItemsImage img {width:100%; height:auto;}
        .MainPopularText {float:right; padding-left:5%; width:60%;}
        .MainPopularCategory {display:inline-block; font-size:8pt; color:#fff; padding:2px 5px; background-color: #2f88a7;}
        .MainPopularTitle {display:block; font-size:11pt; font-weight:300;}
        .MainPopularDate {color:#999; font-size:9pt; line-height:2em; padding: 0px 0px 0px 20px; background:transparent url(../images/FeaturedDateSmallGray.png) no-repeat center left;}

    /* --- Latest Articles --- */
        .MainLatestMABlogMainContainer {float: left; width: 46%; height: 496px; overflow: hidden; padding: 2%; margin:0% 2% 2% 0px; background-color: #fff; border: solid 1px #e7e7e7;}
            .MainLatestMABlogMainImage {width: 100%; height: 250px; overflow: hidden; position: relative;}
                .MainLatestMABlogMainImage a {position: relative;}
                .MainLatestMABlogMainImage img {width: auto; height: auto;}
            .MainLatestMABlogMainImageCategory {position: absolute; bottom: 20px; left: 0px; background-color: #2f88a7; padding: 5px 10px; display: inline; color: #fff; font-size: 8pt;}
            .MainLatestMABlogMainTitle {font-size: 14pt; font-weight: bold; padding: 3% 0px 2% 0px; line-height: 1.435em;}
            .MainLatestMABlogMainIcons {margin: 1% 0px; padding: 1% 0px; border-top: solid 1px #e7e7e7; border-bottom: solid 1px #e7e7e7;}
                .MainLatestMABlogMainIconsDate {float:left; color:#999; font-size:9pt; line-height:2em; padding: 0px 15px 0px 20px; background:transparent url(../images/FeaturedDateSmallGray.png) no-repeat center left;}
                .MainLatestMABlogMainIconsComments {float: left; color:#999; font-size:9pt; line-height:2em; padding: 0px 10px 0px 20px; background:transparent url(../images/Comments.png) no-repeat center left;}
                .MainLatestMABlogMainIconsViews {float: left; color:#999; font-size:9pt; line-height:2em; padding: 0px 10px 0px 20px; background:transparent url(../images/Views.png) no-repeat center left;}
                .MainLatestMABlogMainIconsLikes {float: left; color:#999; font-size:9pt; line-height:2em; padding: 0px 10px 0px 20px; background:transparent url(../images/Fav.png) no-repeat center left;}
                .MainLatestMABlogMainIconsStars {float: left; padding-top: 5px;}
        .MainLatestMABlogSecondsContainer {float: right; width: 43%; padding: 2%; margin: 0px 0px 2% 0px; background-color: #fff; border: solid 1px #e7e7e7; height: 225px; overflow: hidden;}
            .MainLatestMABlogImage {float: left; width: 35%;}
                .MainLatestBlogImage img {height: auto; width: 100%;}
            .MainLatestMABlogText {float: left; width: 60%;}
            .MainLatestMABlogTextTitle {font-size: 14pt; font-weight: bold; line-height: 1.435em;}

/* === Responsive Styles === */
        

    /* === More than 768px width and less than 980px (pads) */
        @media only screen and (min-width : 750px) and (max-width : 1069px) {
            
            /* Featured Articles */
            .MainLatestMABlogMainContainer          { width: 56%; }
            .MainLatestMABlogSecondsContainer       { width: 33%; height: 230px; }
                .MainLatestMABlogImage              { display: none; }
                .MainLatestMABlogText               {float: none; width: 100%;}
        
            /* Comments */
            .MAACommentRightColumn          {width:83%;}
        
            /* Categories */
            .ArticleCategories                      {width: 48%;}
        
            /* Paging Table */
            .PagingTable td:first-child {display: none;}
            .PagingTable td:last-child a:first-child {display: none;}
            .PagingTable td:last-child span:first-child {display: none;}
            .PagingTable td:last-child a:last-child {display: none;}
        }
        
        
    /* === Less than 768px(mobile devices) */
        @media only screen and (max-width : 749px) {
            
            /* Featured Articles */
            .MainLatestMABlogMainIconsComments      {display: none;}
            .MainLatestMABlogMainContainer          { float:none; width: 96%; height: auto; }
                .MainLatestMABlogImage              { width: 40%; }
            .MainLatestMABlogSecondsContainer       { float:none; width: 96%; height: auto; }
            
            /* Listing Article */
            .MAAListingTitle                        {font-size: 120%;}
            .MainLatestMABlogMainIconsComments      {display: none;}
            .MAAListingImageContainer               {display: none;}
            .MAAListingTextContainer                {width: 100%; padding: 0px;}
            .MainLatestMABlogMainIconsDate          {padding: 0px 5px 0px 20px;}
            .MainLatestMABlogMainIconsComments      {padding: 0px 5px 0px 20px;}
            .MainLatestMABlogMainIconsViews         {padding: 0px 5px 0px 20px;}
            .MainLatestMABlogMainIconsLikes         {padding: 0px 5px 0px 20px;}
        
            /* View Article Fixes */
            .MAAListingFeatured                     {float: none; text-align: center; margin: 2% 0px;}
            .BackButton input                       {float: none; width:100%; text-align: center; margin: 2% 0px;}
            .MAARatingContainer                     {display: block;}
            .MAAViewDetails img                     {width: 100% !important; height: auto !important;}
            .MAAViewDetails table                   {width: 280px !important; border: none; border-collapse: collapse;}
            .MAAViewDetails table td                {padding: 6px 0px;}
            .MAAViewDetails table table             {width: 100% !important;}
            .MAAViewDetails table tr:nth-child(even){background-color: #f4f4f4;}
        
            /* --- Related Articles --- */
            .RelatedItem                            {float: none; margin: 5%; width: 95%;}
        
            /* Comments */
            .MAACommentContainer                    {margin: 80px 0px 10px 0px; position: relative;}
            .MAACommentRightColumn                  { width: 95%; padding: 2%; margin: 0px; margin-top: -20px; }
            .MAACommentLeftColumn                   { width: 100%; position: absolute; top: -70px; left: 95px;}
        
            /* Paging Table */
            .PagingTable td:first-child {display: none;}
            .PagingTable td:last-child a {display: none;}
            .PagingTable td:last-child span {display: none;}
            
            .PagingTable td:last-child a:nth-child(2) {display: inline-block !important;}
            .PagingTable td:last-child span:nth-child(2) {display: inline-block !important;}
            .PagingTable td:last-child a:nth-last-child(2) {display: inline-block !important;}
        
            /* Categories */
            .ArticleCategories                      {float:none; width: 98%; height: auto; border-bottom: none;}
        }