/*------------------------------------------------------------------------------------------------------------
 DESKTOP - Responsive Utility Classes 
------------------------------------------------------------------------------------------------------------*/
.hidden {display: none;}
.hidden-desktop {display: none !important;}
.visible-desktop {display: inherit !important;}
.visible-phone {display: none !important;}
.visible-tablet {display: none !important;}

/*------------------------------------------------------------------------------------------------------------
 TABLET - Responsive Utility Classes 
------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  .hidden-desktop {display: inherit !important;}
  .hidden-tablet {display: none !important;}
  .visible-desktop {display: none !important;}
  .visible-tablet {display: inherit !important;}
}

/*------------------------------------------------------------------------------------------------------------
 MOBILE - Responsive Utility Classes 
------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  .hidden-desktop {display: inherit !important;}
  .hidden-phone {display: none !important;}
  .visible-desktop {display: none !important;}
  .visible-phone {display: inherit !important;}
}

/*------------------------------------------------------------------------------------------------------------
 PRINT - Responsive Utility Classes 
------------------------------------------------------------------------------------------------------------*/
@media print {
  .hidden-print {display: none !important;}
  .visible-print {display: inherit !important;}

  .header, .sfBreadcrumbWrp, .footer{ display: none !important;}
}

/*------------------------------------------------------------------------------------------------------------
 DESKTOP - Responsive styles for specific elements on this site
------------------------------------------------------------------------------------------------------------*/
@media (min-width:1025px) {
    .inner-wrapper{width: 94%; max-width: 1024px;margin: 0 auto;position: relative;}
    a.button-yellow{padding: 8px 28px;}

    /*----------------------------------------------------------
    DESKTOP - header
    ------------------------------------------------------------*/
    .header{ height: 131px;}
    .header .logo { height: 147px;width: 147px;background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/sdms_logo.png') no-repeat;position: absolute;top: 7px;left: 0;z-index:1001}
    .header .logo a{ height: 147px;width: 147px;}
    .header .top-bar{ height: 80px;}
    .header .watermark{height: 80px;width: 254px; background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/logo_watermark.png') no-repeat;position: absolute;top: 0;left: -53px;}
    .header .top-bar h1{ padding: 26px 0 0 170px;font-size: 22px;}
    .header .top-bar .log-in{ position: absolute;top: 20px;right: 0;}
    .header .top-bar .log-in a{ color: #ffffff;margin-left: 16px;text-decoration: underline;}
    .header .top-bar .log-in a.button-yellow:hover{ color: #2e4588;}
    .header .top-bar .log-out{ color: #ffffff;position: absolute;top: 12px;right: 0;font-size: 14px;}
    .header .top-bar .log-out a{ color: #ffffff;}
    .header .top-bar .log-out .name{ text-align: right;padding-bottom: 4px;font-size: 15px;}
    .header .top-bar .log-out .button-yellow {padding: 0 12px;
        font-size: 14px;margin-left: 6px;
        -ms-text-shadow: .5px .5px .5px #999;
        text-shadow: .5px .5px .5px #999;
    }

    .header .nav-bar{ height: 51px;}
    .header .nav-bar .navigation{ padding: 0 0 0 157px;}
    .header .nav-bar .navigation a{ color: #ffffff;}
    .header .nav-bar .navigation a:hover{ text-decoration: none;}
    .header .nav-bar .navigation ul{ height: 51px;position: relative;}
    .header .nav-bar .navigation ul li{ cursor: pointer;float: left;padding: 14px 13px 0 13px;height: 37px;font-size: 18px;color: #ffffff;}
    .header .nav-bar .navigation ul li.active{ background-color: #fff;color: #2e4588;}
    .header .nav-bar .navigation ul li.active a{color: #2e4588;}
    .header .nav-bar .header-search {position: absolute;top: 0px;right: 40px;height: 51px;width: 56px;}
    .header .nav-bar .header-search .search-button{width: 100%;height: 51px;background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/search.png') no-repeat center;}
    .header .nav-bar .header-share {position: absolute;top: 0px;right: -16px;height: 51px;width: 56px;}
    .header .nav-bar .header-share .share-button{width: 100%;height: 51px;background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/share.png') no-repeat center;}

    /*----------------------------------------------------------
    DESKTOP - mega menu
    ------------------------------------------------------------*/
    .mega-menu{position: absolute;top: 131px;left: 0px;width: 100%;z-index: 1000;opacity: 0;}
    .mega-menu .menu{ width: 100%;position: absolute;top: 0;left: 0;background-color: #ffffff;color: #2e4588;padding: 28px 0;opacity: 1;box-shadow: 0 3px 9px -4px #404041;}
    .mega-menu .menu .menu-list{ float: left;width: 252px;padding-left: 158px;}
    .mega-menu .menu .menu-list ul{ width: 100%;}
    .mega-menu .menu .menu-list ul li{ border-top: solid 1px #e7e7e8;padding: 10px 0 10px 12px;}
    .mega-menu .menu .menu-list ul li:first-child{ padding-top: 0;border: none;}
    .mega-menu .menu .menu-list a{color:#2e4588}
    .mega-menu .menu .menu-description{ float: left;width: 298px;padding-left:36px}
    .mega-menu .menu .menu-description p{ padding-bottom: 12px;}
    .mega-menu .menu .menu-image{ float: left;width: 244px;padding-left: 36px;}

    /*----------------------------------------------------------
    DESKTOP - carousel
    ------------------------------------------------------------*/
    .carousel-wrapper{ width: 100%;height: 498px;}
    .carousel-wrapper .rotator{ height: 498px;}
    .carousel-wrapper .rotator .legend{ bottom: 22px;height: 23px;}
    .carousel-wrapper .slide{ height: 498px;}
    .carousel-wrapper .slide .slide-container{ height: 498px;}
    .carousel-wrapper .slide .slide-container .banner {padding: 28px 0;bottom: 64px;}
    .carousel-wrapper .slide .slide-container .banner h1{ padding-bottom: 12px;}
    .carousel-wrapper .slide .slide-container .banner p { width: 640px;padding-bottom: 0;}
    .carousel-wrapper .slide .slide-container .banner .cta{ position: absolute;right: 0;top: 18px;}

    /*----------------------------------------------------------
    DESKTOP - search form
    ------------------------------------------------------------*/
    .search-form{ padding: 20px 0;top: 131px;}
    .search-form .search-form-container{ padding-left: 500px;}
    .search-form .search-form-container input[type=text],.sitefinity-search-form input[type=text]{ width: 354px !important;height:24px}
    .search-form .search-form-container .button-blue,.sitefinity-search-form input[type=submit]{ padding: 8px 16px;position: relative;top: 2px;margin-left: 18px;}
    
    /*----------------------------------------------------------
    DESKTOP - columns
    ------------------------------------------------------------*/
    .columns.col-1-1 .col{float: left; width: 49%; padding-left: 1%;max-width: 492px;}
    .columns.col-1-1 .col:first-child{ padding-left: 0;}

    /* Fixed right column of 300px, fluid left column */
    .columns.col-2-1 .col{float: right; width: 300px;}
    .columns.col-2-1 .col:first-child{float: left;width: 100%;margin-left: -300px;}
    .columns.col-2-1 .col:first-child .sf_colsIn{ margin-left: 300px;padding-right: 40px;}

    /*.columns.col-1-1-1 .col{float: left; width: 290px; padding: 0 2%;border-left: solid 1px #e7e7e8;}*/
/*changed by JCIGNO*/
    .columns.col-1-1-1 .col{float: left; width: 290px; padding: 0 2%;border-left: solid 0px #e7e7e8;}

    .columns.col-1-1-1 .col:first-child{ padding-left: 0;border: 0;}
    .columns.col-1-1-1 .col:nth-child(3){ padding-right: 0;}

    /*----------------------------------------------------------
    DESKTOP - content
    ------------------------------------------------------------*/

    /* Chase Edit 12/30/2015 Reduce spacing between white and gray sections by reducing padding from 52px to 0px*/
    .content-section{ padding: 20px 0 10px 0 !important;}

    /*Joe Added this so that the breadcrumbs would not learch up into the Mega Menu, Chase Edit 01/07/2016 no longer needed so im removing the padding to reduce spacing*/
    .content-section-breadcrumbs{ padding: 0px 0 0px !important;}

    ul.inline-list{ float: left;padding-right:60px}

    .content-section .unit{ padding-top: 8px;}
    .content-section .unit .image{ width: 128px;padding-right: 32px;float: left;text-align: right}
    .content-section .unit .text {width: 67%;max-width: 300px;float: left;}

    /*----------------------------------------------------------
    DESKTOP - forms
    ------------------------------------------------------------*/
    .form .row.two-columns .left-col{ float: left;padding-right: 16px;}
    .form .row.two-columns .right-col{ float: left;}
    .form .row .field.columns .left-col{ display: inline-block;width: 20%;}
    .form .row .field.columns .right-col{ display: inline-block;}

    .form .three-col{ float: left;padding: 0 0 0 4%;}
    .form .three-col.right.col-3{ float: right;}
    .form .three-col.col-1{width: 39%; padding-left: 0;}
    .form .three-col.col-2{ width: 30%;}
    .form .three-col.col-3{ width: 23%;}
    .form .three-col.cert-col-1{ width: 23%;padding-left: 0;}
    .form .three-col.cert-col-2{ width: 28%;}

    .form .two-col{ float: left;padding: 0 0 0 4%;}
    .form .two-col.col-1{ width: 238px;padding-left: 0;}
    .form .two-col.col-1 select { max-width: 238px;}
    .form .two-col.col-2{ width: 62%;}

    .form.profile .row .field.columns .left-col{ width: 33%;vertical-align: top;}
    .form.profile .row .field.columns .right-col{ width: 66%;vertical-align: top;}

    .form.profile .row.ardms .field.columns .left-col{ width: 15%;}
    .form.profile .row.confirmation .field.columns .left-col{ width: 20%;vertical-align: top;}

    .photo-upload { border: solid 1px #e7e7e8;padding: 4px 16px;position: relative;min-height: 58px;}
    .photo-upload img { position: absolute;right: 16px;top: 8px;width: 50px;}
    
    .progress-bar{ position: absolute;right: 0;top: 0px;}
    .progress-bar span{ padding-right: 12px;font-style: italic;}
    .progress-bar div { position: relative;top: 6px;}

    .form-edit{ position: absolute;top: 24px;right: 0;}
    .listrental-form-edit { position: absolute; right: 0;}
    .credit-cards { position: absolute;right: 0;top: 24px;}
    /*----------------------------------------------------------
    DESKTOP - CME Opportunity Search
    ------------------------------------------------------------*/
    table[id^=opportunity-details] th.visible-desktop,
    table[id^=opportunity-details] td.visible-desktop { display: table-cell !important; }

    /*----------------------------------------------------------
    DESKTOP - transcript
    ------------------------------------------------------------*/
    .transcript-container .RadPicker{ width: 140px !important;}

    /*----------------------------------------------------------
    DESKTOP - member logos
    ------------------------------------------------------------*/
    .member-logo { width: 330px;margin-right: 30px;margin-bottom: 30px;float: left;}
    .member-logo .section textarea{ height: 140px;}

    /*----------------------------------------------------------
    DESKTOP - reports
    ------------------------------------------------------------*/
    .report .report-item .left, .report .report-item .right{ float: left;}
    .report .report-item .left { width: 45%;}
    .report.narrow-left .report-item .left { width: 25%;}

    /*----------------------------------------------------------
    DESKTOP - breadcrumbs
    ------------------------------------------------------------*/
    .sfBreadcrumbWrp{ left: 170px;}

    /*----------------------------------------------------------
    DESKTOP - footer
    ------------------------------------------------------------*/
    /*Chase edit 12/30/2015 change to reduce padding from 32px to 20px and to add a white border to the top to seperate from other gray sections*/
    .footer{ padding: 20px 0;}
    .footer ul.footer-social{ height: 59px;padding-bottom: 50px;}
    .footer ul.footer-social li{ float: left;height: 59px;padding-right: 28px;}
    .footer .translate{ position: absolute;top: 0;right:0;}
    
}

/*------------------------------------------------------------------------------------------------------------
 TABLET - Responsive styles for specific elements on this site
------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
    .inner-wrapper{width: 94%; max-width: 1024px;margin: 0 auto;position: relative;}
    a.button-yellow, input.button-yellow{padding: 6px 22px;}
    a.button-blue, input.button-blue,.sitefinity-search-form input[type=submit]{padding: 6px 22px;}

    /*----------------------------------------------------------
    TABLET - header
    ------------------------------------------------------------*/
    .header{ height: 131px;}
    .header .logo { height: 147px;width: 147px;background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/sdms_logo.png') no-repeat;position: absolute;top: 7px;left: 0;z-index:1001}
    .header .logo a{ height: 147px;width: 147px;}
    .header .top-bar{ height: 80px;}
    .header .watermark{height: 80px;width: 254px; background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/logo_watermark.png') no-repeat;position: absolute;top: 0;left: -53px;}
    .header .top-bar h1{ padding: 26px 0 0 170px;font-size: 22px;}
    .header .top-bar .log-in{ display: none;}

    .header .nav-bar{ height: 51px;}
    .header .nav-bar .navigation{ display: none; }
    .header .nav-bar .mobile-login-in { padding: 8px 0 0 170px;}
    .header .nav-bar .mobile-login-in a{ color: #ffffff;text-decoration: underline;margin-right: 12px;}
    .header .nav-bar .mobile-login-in .visible-tablet{ display: inline !important;}
    .header .nav-bar .header-mobile-menu {cursor: pointer;display: inline-block;position: absolute;top: 0px;right: 96px;width: 56px;height: 51px;}
    .header .nav-bar .header-mobile-menu.active{ background-color: #ffffff;color: #2e4588;}
    .header .nav-bar .header-mobile-menu .menu-button{width: 100%;height: 51px;background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/mobile-menu.png') no-repeat center;}
    .header .nav-bar .header-mobile-menu.active .menu-button{ background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/mobile-menu-on.png') no-repeat center;}
    .header .nav-bar .header-search {position: absolute;top: 0px;right: 40px;height: 51px;width: 56px;}
    .header .nav-bar .header-search .search-button{width: 100%;height: 51px;background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/search.png') no-repeat center;}
    .header .nav-bar .header-share {position: absolute;top: 0px;right: -16px;height: 51px;width: 56px;}
    .header .nav-bar .header-share .share-button{width: 100%;height: 51px;background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/share.png') no-repeat center;}

    /*----------------------------------------------------------
    TABLET - carousel
    ------------------------------------------------------------*/
    .carousel-wrapper{ width: 100%;max-width: 1024px;height: 498px;}
    .carousel-wrapper .rotator{ height: 498px;}
    .carousel-wrapper .rotator .legend{ bottom: 6px;height: 23px;}
    .carousel-wrapper .slide{ height: 498px;}
    .carousel-wrapper .slide .slide-container{ height: 498px;}
    .carousel-wrapper .slide .slide-container .banner {padding: 28px 0;bottom: 36px;}
    .carousel-wrapper .slide .slide-container .banner h1{ padding-bottom: 12px;}
    .carousel-wrapper .slide .slide-container .banner p { width: 640px;}

    /*----------------------------------------------------------
    TABLET - search form
    ------------------------------------------------------------*/
    .search-form{ padding: 20px 0;top: 131px;}    
    .search-form .search-form-container{ padding-left: 170px;}
    .search-form .search-form-container input[type=text],.sitefinity-search-form input[type=text]{ width: 354px !important;height:24px}
    .search-form .search-form-container .button-blue,.sitefinity-search-form input[type=submit]{ padding: 8px 16px;position: relative;top: 2px;margin-left: 18px;}

    
    /*----------------------------------------------------------
    TABLET - columns
    ------------------------------------------------------------*/
    .columns.col-1-1 .col{padding-left: 32px;width: 80%;}
    .columns.col-1-1 .col:first-child{ padding-bottom: 24px;padding-left: 0;}
    
    /* Fixed right column of 300px, fluid left column */
    .columns.col-2-1 .col{float: right; width: 300px;}
    .columns.col-2-1 .col:first-child{float: left;width: 100%;margin-left: -300px;}
    .columns.col-2-1 .col:first-child .sf_colsIn{ margin-left: 300px;padding-right: 16px;}

    .columns.col-1-1-1 .col{float: left; width: 32%;padding-left: 12px; }
    .columns.col-1-1-1 .col:first-child{ padding-left: 0;}

    .home .columns.col-1-1-1 .col{float: left; width: 47%;padding: 0 0 0 4%; }
    .home .columns.col-1-1-1 .col:nth-child(2){ border-right: solid 0px #e7e7e8;padding: 0;}
    .home .columns.col-1-1-1 .col:first-child{float: none;padding:0 0 24px 0;width: 100%;border: 0;}
    

    /*----------------------------------------------------------
    TABLET - content
    ------------------------------------------------------------*/
    /* Chase Edit 12/30/2015 Reduce spacing between white and gray sections by reducing padding from 52px to 0px*/
    .content-section{ padding: 20px 0 10px 0 !important;}

    .content-section-breadcrumbs{ padding: 0px 0 0px !important;}

    ul.inline-list{ float: left;padding-right:60px}

    .content-section .unit{ padding-top: 8px;}
    .content-section .unit .image{ width: 128px;padding-right: 32px;float: left;}
    .content-section .unit .text {width: 67%;float: left;}

    .content-section .spotlight{ background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/spotlight.png') no-repeat;position: absolute;top: -16px;left: 158px;width: 62px;height: 53px;}

    /*----------------------------------------------------------
    TABLET - radgrid - cme transcript
    ------------------------------------------------------------*/
    .RadGrid_Default .rgHeader img, .RadGrid_Default .rgHeader input {top: auto;bottom: 5px; right: 0;font-size: 11px;}
    .RadGrid_Default .rgHeader .rgSortAsc{top: auto !important;bottom: 5px !important;right: 0 !important;padding: 0 5px !important;}
    .RadGrid_Default .rgHeader .rgSortDesc{top: auto !important;bottom: 5px !important;right: 0 !important;padding: 0 5px !important;}
    .RadGrid_Default .RadComboBox.RadComboBox_Default { width: 50px !important;}
    .transcript-container .RadPicker{ width: 140px !important;}
     .rgMasterTable { font-size: 11px !important;}

    /*----------------------------------------------------------
    TABLET - CME Opportunity Search
    ------------------------------------------------------------*/
    #search-results a.search { top: 11px; }
    #search-form { min-height: 760px; }
    #search-form .advanced.mobile { display: inherit; }
    #search-results a.reset { top: 17px; }
    table[id^=opportunity-details] tr.hidden-desktop { display: table-row !important; }
    table[id^=opportunity-details] th.info { width: 40%; }
    table[id^=opportunity-details] th.contact { width: 60%; }
    table[id^=opportunity-details] th.description { width: auto; }

    /*----------------------------------------------------------
    TABLET - MEMBER MSG and DETAIL
    ------------------------------------------------------------*/
    .message_detail {  width:100%; display:inline-block; margin:10px; padding:0px; padding-bottom:30px; border-bottom: solid 2px #e7e7e8; }
    .message_detail .left {width:50%; float:left; }
    .message_detail .right {width:50%; float:right; }
    .message_detail .left .photo {width:60%; float:left; }
    .message_detail .right .summary {width:50%; float:right; }
    .message_detail .details {padding-bottom:15px; }
    .message_detail .details_content {padding-top:10px; }
    .message_detail .message_box {height:200px; width:90%; margin-top:10px; border-color:#f7f7f8; border:2px #f7f7f8 solid; }
    .message_member {  width:100%; display:inline-block; margin:8px; padding:0px; padding-bottom:30px;  border-bottom: solid 2px #e7e7e8; }
    .message_member ul{ display: inline-block;margin-left: 0%;padding-top: 0px;text-align: left; list-style: none; }
    .message_member li{ width: 200px;min-height: 0px;max-height: initial;display: -moz-inline-stack;display: inline-block;vertical-align: top;margin-right: 20px;zoom: 1;_height: auto;text-align: left; }
    .message_member li:last-of-type{ width: 200px; }
    .message_member .details li{ padding-top:10px; }
    .message_member .last_details li{ width:200px; padding-top:10px; }
    .message_member .details li:last-of-type{ width: 200px; }
    .message_social_header {  width:100%; display:inline-block;padding-bottom:10px;  }
    .message_social {   width:100%; display:inline-block; margin:10px; padding:0px;  }
    .message_social .icon {  float:left; height:48px; width:48px; opacity:1; background-position: center center; background-repeat: no-repeat;  }
    .message_social .social_content { padding-top:0px; padding-left:60px;}
    .message_social ul{ display: inline-block;margin-left: 0%;padding-top: 0px;text-align: center; list-style: none; }
    .message_social  li{ padding-bottom:10px;  width: 312px;min-height: 0px;max-height: initial;display: -moz-inline-stack;display: inline-block;vertical-align: top;margin-right: 20px;zoom: 1;_height: auto;text-align: left; }
    .back_img { width:auto; height:auto; padding-left:0px; padding-bottom:0px;}
    .rotate180 { -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}

    /*----------------------------------------------------------
    TABLET - forms
    ------------------------------------------------------------*/
    .form .row.two-columns .left-col{ float: left;padding-right: 16px;}
    .form .row.two-columns .right-col{ float: left;}
    .form .row .field.columns .left-col{ display: inline-block;width: 20%;}
    .form .row .field.columns .right-col{ display: inline-block;}
    .form .dues .row .field.columns .left-col{ display: inline-block;width: 43%;}
    .form-edit{ position: absolute;top: 24px;right: 0;}
    .listrental-form-edit{ position: absolute;right: 0;}

    .progress-bar {padding-bottom: 20px;}
    .progress-bar span{ font-style: italic;float: left;}
    .dots{ float: right;}
    .credit-cards { position: absolute;right: 0;top: 24px;}

    /*----------------------------------------------------------
    TABLET - member logos
    ------------------------------------------------------------*/
    .member-logo { width: 285px;margin-bottom: 26px;float: left;}
    .member-logo:nth-child(even){ margin-right: 26px;}
    .member-logo .section textarea{ height: 140px;}

    /*----------------------------------------------------------
    TABLET - reports
    ------------------------------------------------------------*/
    .report .report-item .left, .report .report-item .right{ float: left;}
    .report .report-item .left { width: 45%;}

    /*----------------------------------------------------------
    TABLET - mailing list
    ------------------------------------------------------------*/
    .mailing_quote .section .terms_conditions {height: 300px;width: 540px;border-color: #e7e7e8;border: 2px #e7e7e8 solid;  }
    .mailing_quote .section .row textarea {   height: 112px;width: 540px;border-color: #e7e7e8;border: 1px #e7e7e8 solid;   }
    .mailing_quote .section .textentry {   width:540px;  }

    /*----------------------------------------------------------
    TABLET - breadcrumbs
    ------------------------------------------------------------*/
    .sfBreadcrumbWrp{ left: 170px;}
    .sf_cols.content-section-breadcrumbs .sfBreadcrumbWrp { top: -1px; }

    /*----------------------------------------------------------
    TABLET - footer
    ------------------------------------------------------------*/
    /*Chase edit 12/30/2015 change to reduce padding from 32px to 20px and to add a white border to the top to seperate from other gray sections*/
    .footer{ padding: 20px 0;}
    .footer ul.footer-social{ height: 59px;padding-bottom: 50px;}
    .footer ul.footer-social li{ float: left;height: 59px;padding-right: 28px;}
    .footer .translate{ position: absolute;top: 0;right:0;}
    #WidgetFloaterPanels{ right: 32px !important;left: auto !important;}
}

/*------------------------------------------------------------------------------------------------------------
 MOBILE - Responsive styles for specific elements on this site
------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
    .inner-wrapper{margin: 0 auto;position: relative;padding: 0 14px;}
    .content-section.no-padding .inner-wrapper { padding: 0;}
    .content-section.no-padding .inner-wrapper h1{ padding: 0 14px 16px 14px;}
    .content-section.no-padding .inner-wrapper p{ padding: 0 14px 16px 14px;}
    a.button-yellow, input.button-yellow{padding: 3px 14px;font-size: 16px;}
    a.button-blue, input.button-blue,.sitefinity-search-form input[type=submit]{padding: 4px 14px;font-size: 16px;}   
    input[type=text].xlong, .xlong input[type=text]{ width: 220px !important;} 
    a.button-blue.small-mobile, input.button-blue.small-mobile{ font-size: 14px;}

    /*----------------------------------------------------------
    MOBILE - header
    ------------------------------------------------------------*/
    .header{ height: 109px;}
    .header .logo { height: 60px;width: 60px;background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/sdms_logo_mobile.png') no-repeat;position: absolute;top: 6px;left: 14px;z-index:1001}
    .header .logo a{ height: 60px;width: 60px;}
    .header .top-bar{ height: 69px;}
    .header .watermark{height: 69px;width: 102px; background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/logo_watermark_mobile.png') no-repeat;position: absolute;top: 0;left: -6px;}
    .header .top-bar h1{ padding: 14px 0 0 73px;font-size: 16px;line-height: 20px;width: 200px;}
    .header .top-bar .log-in{ display: none;}

    .header .nav-bar{ height: 40px;}
    .header .nav-bar .navigation{ display: none; }
    .header .nav-bar .mobile-login-in { padding: 6px 0 0 0px;}
    .header .nav-bar .mobile-login-in a{ color: #ffffff;text-decoration: underline;margin-right: 12px;}

    .header .nav-bar .header-mobile-menu {cursor: pointer;display: inline-block;position: absolute;top: 0px;right: 96px;width: 48px;height: 40px;}
    .header .nav-bar .header-mobile-menu.active{ background-color: #ffffff;color: #2e4588;}
    .header .nav-bar .header-mobile-menu .menu-button{width: 100%;height: 40px;background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/mobile-menu.png') no-repeat center;}
    .header .nav-bar .header-mobile-menu.active .menu-button{ background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/mobile-menu-on.png') no-repeat center;}

    .header .nav-bar .header-search {position: absolute;top: 0px;right: 48px;cursor: pointer;height: 40px;width: 48px;}
    .header .nav-bar .header-search .search-button{width: 100%;height: 40px;background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/search.png') no-repeat center;}
    .header .nav-bar .header-search.active .menu-button{ background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/search_blue.png') no-repeat center;}

    .header .nav-bar .header-share {position: absolute;top: 0px;right: 0;height: 40px;width: 48px;}
    .header .nav-bar .header-share .share-button{width: 100%;height: 40px;background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/share.png') no-repeat center;}

    /*----------------------------------------------------------
    MOBILE  - menu
    ------------------------------------------------------------*/
    #mobile-menu{ top: 109px;width: 320px;}
    #mobile-menu .mobile-menu-container { right: -320px;}
    #mobile-menu .mobile-menu-container ul li{ padding: 6px 14px;}

    /*----------------------------------------------------------
    MOBILE - carousel
    ------------------------------------------------------------*/
    .carousel-wrapper{ width: 100%;max-width: 767px;height: 353px;}
    .carousel-wrapper .rotator{ height: 353px;}
    .carousel-wrapper .rotator .legend{ bottom: 6px;height: 23px;right: 14px;}
    .carousel-wrapper .slide{ height: 353px;}
    .carousel-wrapper .slide .slide-container{ height: 353px;}
    .carousel-wrapper .slide .slide-container .banner {padding: 20px 0;bottom: 36px;}
    .carousel-wrapper .slide .slide-container .banner h1{ padding-bottom: 12px;}
    .carousel-wrapper .slide .slide-container .banner p { width: 300px;}
    .carousel-wrapper .slide .slide-container .cta .button-blue{ background: none;font-size: 16px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;color: #2e4588;padding: 0;}

    /*----------------------------------------------------------
    MOBILE - search form
    ------------------------------------------------------------*/
    .search-form{ position: absolute;top: 109px;right: 0;width: 100%;z-index: 10000;background-color: #ffffff;display: none;box-shadow: 0 3px 9px -4px #404041;}
    .search-form .inner-wrapper{ width: auto;margin: 0;padding: 20px 14px;height:32px;}
    .search-form .inner-wrapper .search-form-container input[type=text],.sitefinity-search-form input[type=text]{ width: 182px !important;}
    .search-form .inner-wrapper .search-form-container input[type=submit],.sitefinity-search-form input[type=submit]{ position: relative;top: 2px;margin-left: 8px;}
    

    /*----------------------------------------------------------
    MOBILE - columns
    ------------------------------------------------------------*/
    .columns.col-1-1 .col:first-child{ padding-bottom: 24px;}
    
    .columns.col-2-1 .col { text-align: center;}
    .columns.col-2-1 .col:first-child{ padding-bottom: 16px;text-align: left; }

    .columns.col-1-1-1 .col{padding: 32px 0 0 0;border-top: solid 1px #e7e7e8;}
    .columns.col-1-1-1 .col:first-child{ padding: 0;border: 0;}

    /*----------------------------------------------------------
    MOBILE - content
    ------------------------------------------------------------*/
    /* Chase Edit 12/30/2015 Reduce spacing between white and gray sections by reducing padding from 52px to 0px*/
    .content-section{ padding: 20px 0 10px 0 !important;}
    /*.content-section-breadcrumbs{ padding: 0px 0 0px !important;} Scott edit.  Left justify breadcrumbs on mobile.  Allows more room for long page titles in breadcrumbs.*/
    .sfBreadcrumbWrp{ position: absolute;top: -25px;left: 15px !important;}
    .content-section-breadcrumbs{padding: 0px 0 0px !important;}
    
    .content-section img { max-width: 292px;}
    ul.inline-list{ float: left;padding-right:60px}

    .content-section .unit{ padding-top: 8px;}
    .content-section .unit .image{ text-align: center;padding-bottom: 8px;}
    .content-section .unit .text {}

    .content-section .spotlight{ background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/spotlight.png') no-repeat;position: absolute;top: -16px;left: 158px;width: 62px;height: 53px;}

    /*----------------------------------------------------------
    MOBILE - cme transcript
    ------------------------------------------------------------*/
    #transcript-desktop { display: none;}

    .transcript-form{ width: auto;}
    .transcript-form .label { font-weight: bold;}
    .transcript-form .row.inline{ display: block;}
    .transcript-form .row.inline .field{ display: block;}
    .transcript-form .row.inline .label { font-weight: 400;}
    .transcript-form.cert-pickup .row .label{ display: block;width: auto;}
    .transcript-form.cert-pickup .row .field{ display: block;width: auto;}
    .mobile-filters input.rdfd_.radPreventDecorate{ padding: 0 !important;}
    .transcript-container .RadPicker{ width: 100px !important;}

    .transcript-export-row { position: relative;margin-top: 16px;padding: 16px 0 !important;text-align: center;}
    .filter-date{ padding-bottom: 8px !important;}
    .transcript-heading{ padding: 0 14px;}

    #transcript-mobile { padding-top: 0px;display: block;}
    #transcript-mobile .item-container { padding: 12px 0;cursor: pointer;}
    #transcript-mobile .item-container:nth-child(even){ background-color: #f7f7f8;}
    #transcript-mobile .item-container .summary{background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/arrow-col.png') no-repeat 8px 28px;padding: 0 24px;}
    #transcript-mobile .item-container .summary.active{ background: url('/Sitefinity/WebsiteTemplates/SDMS/App_Themes/SDMS/images/arrow-exp.png') no-repeat 8px 28px;}
    #transcript-mobile .item-container .summary .title { font-weight: bold;}
    #transcript-mobile .item-container .details{ display: none;padding: 12px 24px 0 24px;font-size: 14px;}
    #transcript-mobile .item-container .details .row .label{ display: inline-block;width: 40%;}
    #transcript-mobile .item-container .details .row .field{ display: inline-block;width: 60%;font-weight: bold;}
    .chart { width: 100%;border-top: solid 1px #e7e7e8;}
    .chart .heading{ padding: 0 14px;}
    .chart .chart-container .chart-item { padding: 4px 14px;}
    .mobile-filters { background-color: #e7e7e8;padding: 0 14px;font-size: 14px;}
    .mobile-filters h2{ font-size: 28px;font-weight: 300;padding: 14px 0;}
    .mobile-filters .row{ padding-bottom: 8px;}
    .mobile-filters input[type=text]{ border: solid 1px #d3d3d3 !important;padding: 6px 8px !important;height: auto;width: 220px;}


    /*----------------------------------------------------------
    MOBILE - forms
    ------------------------------------------------------------*/
    
    .form .note{ display: block;}
    .form .row.two-columns .left-col{ float: none;padding: 0 0 8px 0;}
    .form .row.two-columns .right-col{ float: none;padding: 8px 0 0 0;}
    .form .row .field.columns .left-col{ display: block;width: auto;}
    .form .row .field.columns .right-col{ display: block;}

    .form.profile .row.two-columns .left-col{ float: none;padding: 0 0 4px 0;}
    .form.profile .row.two-columns .right-col{ float: none;padding: 4px 0 0 0;}
    .form.profile .radio-button input{ margin-left: 0;}
    .form .three-col{ padding: 0 0 16px 0;}
    .form-edit{ padding-top:20px}
    .listrental-form-edit{ padding-top:10px; padding-bottom:10px;}

    .progress-bar span{ font-style: italic;float: left;}
    .dots{ float: right;}
    .credit-cards { padding: 12px 0;}

    textarea.textarea-medium, .textarea-medium textarea{ width: 276px;height: 100px;}
    textarea.textarea-large, .textarea-large textarea{ width: 276px;height: 100px;}

    /*----------------------------------------------------------
    MOBILE - CME Opportunity Search
    ------------------------------------------------------------*/
    #search-form { display: none; top: 31px; }
    #search-form .advanced.mobile { display: inherit; }
    #search-form > div { margin: 20px 10px; }
    #search-form div > div { margin: 10px 0 0 0; }
    #search-form legend { margin: 15px 10px 0px 0px; padding: 0; }
    #search-form div > label { display: inline-block; margin: 7px 0 0 0; width: 100%; }
    #search-form div.date { display: inline-block; width: 45%; margin-right: 0; }
    #search-form input[type=text] { width: 250px; }
    #search-form input[id$=dateInput] {width: 100px; height: auto; }
    #search-form .rcInputCell { width: auto !important; }
    #search-form .rcCalPopup { margin-left: -7px; }
    #search-results h1 { font-size: 24px; }
    #search-results a.search { top: 0px; }
    #search-results .details-control { padding: 5px 2px; }
    #search-results a.reset-inline { display: inline !important; }

    #search-results table.dataTable { font-size: 0.75em; }
    #search-results table.dataTable tr.open + tr > td { padding: 10px; }

    table[id^=opportunity-details] tr.visible-phone,
    table[id^=opportunity-details] tr.hidden-desktop { display: table-row !important; }
    table[id^=opportunity-details] th.info,
    table[id^=opportunity-details] th.contact,
    table[id^=opportunity-details] th.description { width: 100%; }

  /*----------------------------------------------------------
    MOBILE - MEMBER SEARCH
    ------------------------------------------------------------*/
    .searchFieldContainer .field table, 
    .searchFieldContainer .field thead, 
    .searchFieldContainer .field tbody, 
    .searchFieldContainer .field tfoot, 
    .searchFieldContainer .field th, 
    .searchFieldContainer .field td, 
    .searchFieldContainer .field tr { display:block; }
    .searchFieldContainer .field tr + tr { margin-top:1em; }
    .searchFieldContainer .field td{ width:100%; padding-right:40px;}    
    .memberResults .resultRow { background-color: white; padding:5px; /*display:table-row;*/}

  /*----------------------------------------------------------
    MOBILE - MEMBER MSG and DETAIL
    ------------------------------------------------------------*/
    .message_detail {  width:95%; display:inline-block; margin:10px; padding:0px; padding-bottom:30px; border-bottom: solid 2px #e7e7e8; }
    .message_detail .right {width:100%; float:left; }
    .message_detail .left .photo {width:100%; float:left; }
    .message_member {   width:95%; display:inline-block; margin:8px; padding:0px; padding-bottom:30px;  border-bottom: solid 2px #e7e7e8; }
    .message_member ul{ display: inline-block;margin-left: 0%;padding-top: 0px;text-align: left; list-style: none; }
    .message_member li{ padding-top:10px; width: 200px;min-height: 0px;max-height: initial;display: -moz-inline-stack;display: inline-block;vertical-align: top;margin-right: 20px;zoom: 1;_height: auto;text-align: left; }
    .message_member li:last-of-type{ width: 200px; }
    .message_member .details li{ padding-top:5px; }
    .message_member .last_details li{ width:200px; padding-top:5px; }
    .message_member .details li:last-of-type{ width: 200px; }
    .message_social_header {  width:100%; display:inline-block; padding-bottom:10px;  }
    .message_social { width:95%; display:inline-block; margin:10px; padding:0px; padding-top:15px;  }
    .message_social ul{ display: inline-block;margin-left: 0%;padding-top: 0px;text-align: left; list-style: none; }
    .message_social  li{ padding-bottom:10px;  width: 200px;min-height: 0px;max-height: initial;display: -moz-inline-stack;display: inline-block;vertical-align: top;margin-right: 20px;zoom: 1;_height: auto;text-align: left; }
   
    /*----------------------------------------------------------
    MOBILE - notification bar
    ------------------------------------------------------------*/
    .alert p{ padding: 0 14px;}
    #alert-close { right: 10px;}

    /*----------------------------------------------------------
    MOBILE - member logos
    ------------------------------------------------------------*/
    .member-logo { width: 240px;margin: 0 auto 30px auto;}
    .member-logo .section textarea{ height: 160px;}

    /*----------------------------------------------------------
    MOBILE - reports
    ------------------------------------------------------------*/
    .commonGrid td, .commonGrid th{ padding: 4px 4px;}

    /*----------------------------------------------------------
     MOBILE - Mailing List
    ------------------------------------------------------------*/
    
    .mailing_quote .section .filters .filter-container{ width: 100%;display: block;}
    .mailing_quote .section .filters .filter-container:first-child{ border: 0;padding-bottom: 30px;}
    .mailing_quote .section .pracfilter_content td { padding-right: 2px;vertical-align: top;}
    .mailing_quote .section .quote_summary,.mailing_quote .section .quote_price{ width: 262px;}
    .mailing_quote .section .results-grid.inline-results .quote_summary{ width: 164px;padding: 10px 5px;}
    .mailing_quote .section .results-grid.inline-results .quote_price{ padding: 10px 5px;width: 108px;}
    .mailing_quote .section .textentry, .mailing_quote .section textarea {width:268px}
    .mailing_quote .section .terms_conditions{ width: 272px;}
    .mailing_quote .section .columns.col-1{ float: none;}
    .mailing_quote .section .row textarea{ width: 268px;}
    

    /*----------------------------------------------------------
    MOBILE - breadcrumbs
    ------------------------------------------------------------*/
    .sfBreadcrumbWrp{ left: 14px 0 50px;}
    .sf_cols.content-section-breadcrumbs .sfBreadcrumbWrp { top: -1px; }

    /*----------------------------------------------------------
    MOBILE - footer
    ------------------------------------------------------------*/
    /*Chase edit 12/30/2015 change to reduce padding from 32px to 20px and to add a white border to the top to seperate from other gray sections*/
    .footer{ padding: 20px 0;}
    .footer ul.footer-social{ height: 48px;padding-bottom: 50px;}
    .footer ul.footer-social img {width: 48px; height:48px;}
    .footer ul.footer-social li{ float: left;height: 59px;padding-right: 10px;}
    .footer .translate{ position: absolute;top: 0;right:0;}
    #WidgetFloaterPanels{ right: 8px !important;left: auto !important;}

    /*----------------------------------------------------------
    MOBILE - SCIP
    ------------------------------------------------------------*/
    .scip-videos .player { width: 100%; }
    .scip-videos .speaker-bio .image { float:none; }
    .scip-videos .speaker-bio .bio { margin-left: 0;padding-top:20px; }
    .scip-videos .earn-credit .test { float:none; }
    .scip-videos .earn-credit .join { float:none; }
    .scip-videos .earn-credit .join .buttons { margin-top: 0; }
}

/*------------------------------------------------------------------------------------------------------------
 MOBILE - Responsive styles for specific elements on this site
------------------------------------------------------------------------------------------------------------*/
@media (max-width: 460px) 
{
    select {max-width:276px}
    .footer ul.footer-social{ padding-bottom: 100px;}
    .footer .translate{ position: absolute;top: 70px;right:0;}  
}