@media only screen and (max-width: 576px)
{
    /*html { font-size: 16px; font-size: 1rem; }*/
    .breadcrumb { visibility: hidden; display: none; }
    .content-heading { width: 100%; }
    .contents { width: 100%; float: none; }
    .contents-backto-button { width: 92%; float: none; }
    .contents-box { width: 100%; float: left; margin-bottom: 16px; margin-bottom: 1rem; }
    .d3SuppressedContent { display: none; }
    .dBrowseContainer-jump { width: 100%; float: left; padding-left: 0; padding-bottom:16px; padding-bottom: 1.0rem;  }
    .dBrowseContainer-subtopiclist { width: 100%; float: left; padding-left: 0; }
    .dBrowseContainer-subtopics { width: 98%; float: left; padding-left: 0; }
    .dBrowseContainer-topics { display: none; }
    .dBrowseContainer-content { width: 100%; float: left; }
    .dBrowseContainer-ads { width: 100%; float: left; padding-left: 8px; padding-left: 0.5rem; }
    .dBrowseSearch { padding-left: 2%; width: 98%; }
    /*.dContentFeatures { width: 0%; display: none; }*/
    .dContentLeftNav { width: 98%; float: left; }
    .dContentLeft { Visibility: hidden; display: none; }
    .dContentNextToContents { width: 100%; float: left; }
    .dContentNextToContentsHeading { width: 100%; float: left; padding-top: 32px; padding-top: 2rem; padding-bottom: 12px; padding-bottom: 0.75rem; }
    .dContentResourceList { width: 98%; float: left; padding-left: 0%;}
    .resource-listheading {width: 98%; float: left;}
    .dRelatedResourcesArea { display: none; }
    .dToolbarColumn { width: 98%; float: left; padding-right: 0%; }
    .gridviewdisplay { visibility: hidden; display: none; }
    .repeaterdisplay { visibility: visible; display: inherit; }
    .DisplayDesktopTablet { visibility: hidden; display: none; }
    .DisplayMobile { visibility: visible; display: inherit; }
    .dMobileFooter { padding-left: 2%; padding-right: 2%; }
    .dSearchBrowse { float: left; }
    .dBrowse { width: 100%; float: left; }
    .dSearch { width: 100%; float: left; padding-top: 1rem; }
    .w100 { width: 240px; border-radius: 0px; height: 24px; }
    .dSearchResultsContainer { width: 98%; padding-left: 2%; }
    .dSearchMoreContainer { visibility: hidden; display: none; }
    .dSearchNoBrowseMiddle {
        width: 100%;
        float: left;
        margin-left: 0%;
    }
    .dNavPageRightColumn {display: none;}
    .contents-box-repositories-toc { width: 100%; float: left; margin-bottom: 0; }
    .content-button { padding: 6px; padding: 0.3750rem; display: inline-block; background: #F6F6F6; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#cbcbcb'); background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#cbcbcb)); background: -moz-linear-gradient(top,  #F6F6F6,  #cbcbcb); background: -ms-linear-gradient(top,  #ffffff,  #e5e8ee); width: 98%;  }
    .content-button-video { margin-top: 20px;  margin-top: 1.25rem; padding: 6px; padding: 0.3750rem; display: inline-block; background: #F6F6F6; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#cbcbcb'); background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#cbcbcb)); background: -moz-linear-gradient(top,  #F6F6F6,  #cbcbcb); background: -ms-linear-gradient(top,  #ffffff,  #e5e8ee); width:100% }
    .content-button-live-video { width: 97%; margin-top: 20px;  margin-top: 1.25rem; padding: 6px; padding: 0.3750rem; display: inline-block; background: #F6F6F6; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#cbcbcb'); background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#cbcbcb)); background: -moz-linear-gradient(top,  #F6F6F6,  #cbcbcb); background: -ms-linear-gradient(top,  #ffffff,  #e5e8ee)  }
    .dWebcastCreditBox { width:96%; float: left; }
    .content-credit-box { background-color: #ffffff; margin-top: 20px;  margin-top: 1.25rem; width:100%}
    .dWebcastTopicBox { width:100%; }
    .dVideoBoxHotTopic { float:left; width: 100%; }
    .dLiveVideoTextBox { float:left; padding-top:20px; padding-top: 1.25rem; padding-right: 0.625rem; padding-right:10px; width:96%; padding-left: 1.25rem; padding-left:20px; }
    .dLiveVideoBox { float:left; width:85%; padding-top:20px; padding-top: 1.25rem; padding-right: 0.625rem; padding-right:10px; padding-left: 1.25rem; padding-left:20px; }
    .content-list_test { font-size: 14px; font-size: 0.875rem; line-height: 150%; padding-left: 1px; padding-left: 1rem; padding-bottom: 16px; padding-bottom: 1rem; list-style-type:none; }
    .content-tool-live {margin-bottom: 16px; margin-bottom:1rem; font-family: OpenSans-Regular, Arial, sans-serif; font-size: 11px; font-size: 0.6875rem; color: #333333; text-decoration: none; text-transform: uppercase; padding-right: 20px; padding-right: 1.25rem; display: inline-block; }
    .page-heading { font-family: OpenSans-Regular, Arial, sans-serif; font-size: 32px; font-size: 2rem; color: #002159; text-indent: 0px; text-indent: 0rem; border-top: 3px solid #C6531A; padding-bottom: 4px; padding-bottom: 0.25rem; }
    .dMyAccount-label-column { text-align: left; float: left; width: 100%; padding-right: 0%; }
    .dMyAccount-item-column { float: left; width: 99%; }
    .dBottomOverlay { display:block;position:relative; background-color: #ffffff; margin-top: 10px; }
    .ContributorMobileCarousel { padding: 10px; height: 170px; }
    .contributor-carousel-headline-mobile { font-family: OpenSans-Regular, Arial, sans-serif; font-size: 14px; font-size: 0.875rem; text-decoration: none; color: #FFFFFF; padding-bottom: 10px; }
    .contributor-carousel-copy-mobile { font-family: OpenSans-Regular, Arial, sans-serif; font-size: 12px; font-size: 0.75rem;  text-decoration: none; color: #FFFFFF; padding-bottom: 5px; }



.helpnavbar
{
}
.mlonav a /* clickable items in the help at the bottom of the page to expand to details */
{
  display: block; 
  width:  100%; 
  background-color: #d17547;
  text-align: left; 
  font-family: OpenSans-SemiBold, Arial, sans-serif;
  font-size: 14px; font-size: 0.875rem;
  text-decoration: none;
  text-transform: uppercase;
  color: #FFFFFF;
  padding-top: 4%; padding-bottom: 4%; text-indent: 2%; 
}
.helpnav a /* clickable items in the help at the bottom of the page to expand to details */
{
  display: block; 
  width:  100%; 
  background-color: #dfdfdf;
  text-align: left; 
  font-size: 14px; font-size: 0.875rem;
  font-family: OpenSans-SemiBold;
  text-decoration: none;
  text-transform: uppercase;
  color: #333333;
  padding-top: 4%; padding-bottom: 4%; text-indent: 2%; 
  border-top: 1px solid #bbbbbb;
}
.helpnavitems a /* clickable detail items in the help at the bottom of the pages */
{
  display: block; 
  width:  100%; 
  background-color: #dfdfdf; 
  text-align: left; 
  font-size: 14px; font-size: 0.875rem;
  text-decoration: underline; 
  color: #002159;
  line-height: 100%;
  padding-bottom: 5%;
  text-indent: 4%;
}
.helpnavtext /* non-clickable detail items in the help at the bottom of the pages */
{
  display: block; 
  width:  100%; 
  background-color: #dfdfdf; 
  text-align: left; 
  font-size: 14px; font-size: 0.875rem;
  text-decoration: none; 
  color: #000000;
  line-height: 100%;
  padding-bottom: 5%;
  text-indent: 4%;
}
.modalPopup { width: 90%; height: 16rem; overflow-y: auto;}
.content-ajax-divClose { padding-top: 16px; padding-top: 1.25rem; padding-bottom: 16px; padding-bottom: 1rem;}
/*.padding2rem { visibility: hidden; display: none; }*/
.storenav a /* clickable items in the store item navigation list */
{
  display: block; 
  width:  69%; 
  background-color: #ffffff; 
  text-align: left; 
  font-size: 12px; font-size: 0.72rem;
  text-decoration: none;
  color: #000000;
  padding-top: 3%; padding-bottom: 3%; padding-left: 2%; padding-right: 29%;
  text-transform: uppercase;
  border-bottom: 1px solid #999999;
}

#backtotop 
{
    position: fixed;
    bottom: 0;
    right: 0;
}

#backtotop_text span{
visibility: hidden; 




}

body{-webkit-user-select:none;
      -webkit-touch-callout:none;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      overflow-y: visible !important;}
      
.pagenav a /* clickable items in the main page navigation list */
{
  display: block; 
  width:  70%; 
  background-color: White; 
  text-align: left; 
  font-size: 14px; font-size: 0.875rem;
  text-decoration: none;
  color: #666666;
  padding-top: 3%; padding-bottom: 3%; padding-left: 1%; padding-right: 29%;
  text-transform: uppercase;
  border-top: 1px solid #999999;
  background-image: url(/images/_buttons/BUTTON_GO_ARROW.png);
  background-position: right;
  background-repeat: no-repeat;
}

.eval-selections { float: left; padding-left: 24px; padding-left: 1.5rem; }
.eval-heading { font-size: 14px; font-size: 0.875rem; line-height: 150%; width: 240px; width: 15rem; float: right }

/* New spacing styles - floats to one column */
    /* Three styles for 25/50/25 width, 2% comes from each for gutters */
    .dContentLeftNav {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .dContentFeatures {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .dToolbarColumn {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }
    /* End three styles for 25/50/25 width */
    /* Matches Three styles for 25/50/25 width but only center is used, 2% comes from each for gutters */

    /* End three styles for 25/50/25 width */
    /* Three styles for 20/50/30 width, 2% comes from each for gutters */
    .dLeftTOC {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .dContentCenter {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .dRelatedRight {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }
    /* End three styles for 25/50/25 width */
    /* Two styles for 70/30 width, 2% comes from each for gutter*/
    .dContentLeftLarge {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .dRelatedRightSmall {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }
    /* End two styles for 60/40 width */
    /* Two styles for 60/40 width, 2% comes from each for gutter*/
    .dContentLeftFull {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }

    .dRelatedRightLarge {
        width: 98%;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
    }
    /* End two styles for 60/40 width */
/* End new spacing styles */
    .dBrowseContainer-subtopicareas {
        padding-bottom: 48px;
        padding-bottom: 3rem;
        column-count: 1;
        column-width: 250px;
    }

}