﻿   
    @media only screen and (max-width: 549px)
{
    html { font-size: 20px; font-size: 1.25rem; }
    .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; }
    .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; 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, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 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; font-size: 14px; font-size: 0.875rem; text-decoration: none; color: #FFFFFF; padding-bottom: 10px; }
    .contributor-carousel-copy-mobile { font-family: OpenSans-Regular, Arial; 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, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 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-family: OpenSans-Bold, Arial, Sans-Serif;
        font-size: 14px;
        font-size: 0.875rem;
        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 }

}
/*Virtual Drawing*/

.arrow {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.image-label {
    font-size: 0.6rem;
    font-family: OpenSans-SemiBold, 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}
/*Virtual Drawing end*/
