/* Background Images and Footer */
#MPCopyright { clear: both; float: none; text-align: center; }
/* Color Picker */
/* VERSION 33 */
/********************* Basics **************************/  

body {
  color: #000000;  
}  


a {
  color: #17769A;  
}  


.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input::placeholder {
  color: #17769A; 
}  


.hl-linkcolor-background {
  background-color: #17769A;  
}  

/*
a.user-content-mention {
  color: ;  
}  
*/

a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: #17769A;  
}  


a:hover {
  color: #17769A;  
}  



.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input::placeholder {
  color: #17769A;  
}  

/*
a.user-content-mention:hover {
  color: ;  
}  
*/

a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: #17769A; 
} 


.bodyBackground {
  background-color: #FFFFFF;  
}  

/*
.siteFrame {
  background-color: ;  
}  
*/

#MPOuterMost {
  border-color: #777777;  
}  

h1, .Heading1 {


  color: #17769A;

/*
  background-color: ;
*/
}    
h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {


  color: #000000;

/*
  background-color: ;
*/
}    h3, .Heading3, h3 a, h3 a:hover {


  color: #000000;

/*
  background-color: ;
*/
}    
/*
hr, hr.delimiter, .HLLandingControl ul li {
  border-bottom-color: ;  
}  
*/
#MPOuterFooter {


  background-color: #535456;


  color: #FFFFFF;

}    

fieldset {
  border-color: #17769A;  
}  

fieldset legend {


  background-color: #17769A;


  border-color: #17769A;


  color: #FFFFFF;

}    

.SearchResults .SortBy {
  color: #FFFFFF;  
}      
/*********************** Landing Controls ******************/  
.HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {

/*
  background-color: ;
*/

  color: #000000;

}    

.drItemSubHeader a:not(.skip-header-text-color){
  color: #000000;  
    }  

.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {


  border-color: #777777;


  color: #000000;

/*
  background-color: ;
*/
}    

.HLLandingControl .Content a:not(.btn) {
  color: #17769A;  
}  


.HLLandingControl .ByLine {
  color: #000000;  
}  

/*
.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: ;  
}  
*/

.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: #17769A;  
}    

/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

/*
  background-color: ;
*/
/*
  border-color: ;
*/

  color: #17769A;

}  
/*
.nav-tabs {
  border-bottom-color: ;  
}  
*/
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a:hover, .nav .open > a:focus {

/*
  background-color: ;
*/
/*
  border-bottom-color: ;
*/

  color: #17769A;

}  .nav-tabs > li > a {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/************************ Miscellaneous **********************/  

.SloganText {
  color: #17769A;  
}  

.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {


  background-color: #17769A;


  color: #FFFFFF;

}    

.lblratingBig {
  color: #17769A;  
}  

/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {


  background-color: #17769A;


  color: #FFFFFF;

}    

th a, th a:hover  {
  color: #FFFFFF;  
}  

/*
.TableRowAlternate, .table-hover > tbody > tr:hover > td  {
  background-color: ;  
}    
*/
/************************ Menus ***********************/  

#MPAuxNav ul.level1 li a {
  color: #17769A;  
}  

/*
#MPAuxNav ul.level1 li ul {
  background-color: ;  
}  
*/

#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: #17769A;  
}  

/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    /*
.breadcrumb {
  background-color: ;  
}  
*/

.breadcrumb li {
  color: #000000;  
}  


.breadcrumb li a {
  color: #17769A;  
}  


.MPBottomMenu ul li a {
  color: #FFFFFF;  
}        
/************************ Bootstrap Menus ***********************/  
/*
.navbar-default, #NAV {
  background-color: ;      
  border-color: ;  
}  
*/
/*
.navbar-default .navbar-nav > li > a {
  color: ;  
}  
*/
.navbar .navbar-nav > .active > a,    .navbar .navbar-nav > .active > a:hover,    .navbar .navbar-nav > .active > a:focus,   .navbar .navbar-nav > li > a:hover {
    
  background-color: #17769A;


  color: #FFFFFF;

}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {


  background-color: #17769A;


  color: #FFFFFF;

}    
/*
#MPButtonBar .dropdown-menu {
  background-color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a {
  color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: ;  
  }  
*/
#MPButtonBar .dropdown-menu .active > a,   #MPButtonBar li .dropdown-menu .active > a:hover,   #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover,   #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover {


  background-color: #17769A;


  color: #FFFFFF;

}    

#MPButtonBar .dropdown-menu {
  border-color: #17769A;  
}  

/************************ Bootstrap Buttons ***********************/  
.btn-primary, .ui-widget-content a.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
color: !important;
*/
}    
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .dropdown-toggle.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.label-default {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.badge, .badge a, a.badge a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-header {

/*
  background-color: ;
*/

  color: #000000;

}    
.modal-body, .panel-body {

/*
  background-color: ;
*/

  color: #000000;

}    
.modal-footer, .panel-footer {

/*
  background-color: ;
*/
}  
/*
#MPFooterLink {
  background-color: ;  
}  
*/
/*
#MPFooterLink a {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar span {
  color: ;  
}  
*/

/* Emtpy faceted search results cards */

.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(2) .hlc-empty-state-card-top-part {
  background-color: #17769A;
}

/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: ;
}
*//************ New Bootstrap 4^ Themeing ****/ 

:root:root {
  
  --hl-bs--primary: #17769A;
  --hl-bs--selected: #17769A26;
  

  
  --hl-bs--primary-opposite: #FFFFFF;
  
  
  
  --hl-bs--link: #17769A;
  

  
  --hl-bs--link-hover: #17769A;
  --hl-bs--btn-icon-ctrl-bg-hover: #17769A;
  --hl-bs--btn-icon-ctrl-border-hover: #17769A;
  

  /*
  --hl-bs--secondary: ;
  --hl-bs--secondary-selected: 26;
  */
}

/* buttons */
/*
  button variables follow a pattern of 
  --hl-bs--btn-[theme]-[prop]

  [theme] is one of 
    "primary" 
    "secondary" 
    "link" 
    "ghost"
  we do respect "success" and "danger" if there are selections for them.
  there are also alt- versions but by default we do not override alt theme

  [prop] is one of 
    "text"
    "text-hover"
    "bg"
    "bg-hover"
    "border"
    "border-hover"
    "outline"
  from color picker, there are no text-hover and border-hover, so they should probably just be set to their non-hover counterpart.
  you do not have to override all of them for every button, but probably the colorful ones
*/
:root:root {
  /*
  --hl-bs--btn-primary-text: ;
  --hl-bs--btn-primary-text-hover: ;
  --hl-bs--btn-primary-outline: 7f;
  */
  
  /*
  --hl-bs--btn-primary-bg: ;
  */
  
  /*
  --hl-bs--btn-primary-bg-hover: ;
  */
  
  /*
  --hl-bs--btn-primary-border: ;
  --hl-bs--btn-primary-border-hover: ;
  */
}

:root:root {
  /*
  --hl-bs--btn-success-text: ;
  --hl-bs--btn-success-text-hover: ;
  --hl-bs--btn-success-outline: 7f;
  */
  
  /*
  --hl-bs--btn-success-bg: ;
  */
  
  /*
  --hl-bs--btn-success-bg-hover: ;
  */

  /*
  --hl-bs--btn-success-border: ;
  --hl-bs--btn-success-border-hover: ;
  */
  
  /*
  --hl-bs--btn-danger-text: ;
  --hl-bs--btn-danger-text-hover: ;
  --hl-bs--btn-danger-outline: 7f;
  */
  
  /*
  --hl-bs--btn-danger-bg: ;
  */
  
  /*
  --hl-bs--btn-danger-bg-hover: ;
  */

  /*
  --hl-bs--btn-danger-border: ;
  --hl-bs--btn-danger-border-hover: ;
  */

}

:root:root {
  /*
  --hl-bs--btn-secondary-text: ;
  --hl-bs--btn-secondary-text-hover: ;
  --hl-bs--btn-secondary-outline: 7f;
  */
  
  /*
  --hl-bs--btn-secondary-bg: ;
  */
  
  /*
  --hl-bs--btn-secondary-bg-hover: ;
  */

  /*
  --hl-bs--btn-secondary-border: ;
  --hl-bs--btn-secondary-border-hover: ;
  */
}

:root:root {
  
  --hl-bs--btn-link-text: #17769A;
  --hl-bs--btn-link-outline: #17769A7f;
  

  
  --hl-bs--btn-link-hover: #17769A;
  
}

:root:root {
  /*
  --hl-bs--btn-ghost-outline: 7f;
  */
}/************************ Primary Navbar ***********************/

body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:hover, body.ribbit :not(.no-theme) .navbar .navbar-nav>.active>a:focus, body.ribbit :not(.no-theme) .navbar .navbar-nav>li>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:hover, body.ribbit :not(.no-theme) .navbar-default .navbar-nav>.open>a:focus {
     
    color: #17769A;
        
     
    color: #17769A;
    
}

/************************ Anchors ***********************/
body.ribbit a{
     
    color: #17769A;
    
}
body.ribbit a:hover{
     
    color: #17769A;
    
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn){
     
    color: #17769A;
    
}

body.ribbit :not(.no-theme) .HLLandingControl .Content a:not(.btn):hover{
     
    color: #17769A;
    
}

/************************ Bootstrap Buttons ***********************/

/****START - .btn-primary****/
body.ribbit :not(.no-theme) .btn-primary, body.ribbit :not(.no-theme) .ui-widget-content a.btn-primary {

     
    background-color: #17769A;
    border-color: #17769A;
     
     
    color: #FFFFFF !important;
    
}

body.ribbit :not(.no-theme) .btn-primary:hover, body.ribbit :not(.no-theme) .btn-primary:focus, body.ribbit :not(.no-theme) .btn-primary:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-primary {

     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #17769A;
    border-color: #17769A;
     
     
    color: #FFFFFF;
    
}

/**** btn-primary ****/
body.ribbit :not(.no-theme) .btn-primary {

     
    color: #FFFFFF !important;
     
     
    background-color: #17769A;
    border-color: #17769A;
    
}

body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .btn-primary:hover:not(:disabled) {

     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #17769A;
    border-color: #17769A;
    
}

body.ribbit :not(.no-theme) .btn-primary:focus {

     
    box-shadow: 0 0 0 3px #17769A7F;
    
}


/**** btn-success ****/
body.ribbit :not(.no-theme) .btn-success {

     
    color: #FFFFFF;
     
     
    background-color: #17769A;
    border-color: #17769A;
    
}

body.ribbit :not(.no-theme) .btn-success:focus,
body.ribbit :not(.no-theme) .btn-success:hover:not(:disabled) {

     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #17769A;
    border-color: #17769A;
    
}

body.ribbit :not(.no-theme) .btn-success:focus {

     
    box-shadow: 0 0 0 3px #17769A7F;
    
}

/**** btn-overlay ****/
body.ribbit :not(.no-theme) .btn-overlay {

     
    color: #17769A;
    
}


/**** btn-icon-primary[aria-label="Toggle folder list"] ****/
body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"] {

     
    color: #FFFFFF;
     
     
    background-color: #17769A;
    border: #17769A;
    
}

body.ribbit :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"]:hover {

    
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #17769A;
    
}



body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

     
    color: #FFFFFF;
     
     
    background-color: #17769A;
    border-color: #17769A;
    
}


body.ribbit :not(.no-theme) .btn-primary:focus,
body.ribbit :not(.no-theme) .container-btn-icon-ctrl:focus>.btn-icon-ctrl {

     
    box-shadow: 0 0 0 3px #17769A7F;
    
}


body.ribbit :not(.no-theme) .btn-inline-icon:focus,
body.ribbit :not(.no-theme) .btn-inline-icon:hover:not(:disabled) {
    /* 
  color: ; 
  */

     
    color: #17769A;
    
}


body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+* {

     
    color: #FFFFFF;
     
     
    background-color: #17769A;
    border-color: #17769A;
    
}

body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:focus,
body.ribbit :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"]+*:hover {

     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #17769A;
    
     
    background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #17769A; 
    
}


/********* alt icon botton **********/
body.ribbit :not(.no-theme) .btn-icon-alt-secondary,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:focus,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary.hover,
body.ribbit :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {

     
    background-color: #17769A;
    border-color: #17769A;
    
}


body.ribbit :not(.no-theme) .primary-button-background-color {

     
    background-color: #17769A !important;
    
}


body.ribbit :not(.no-theme) .primary-button-border-color {

     
    color: #17769A !important;
    
}


body.ribbit :not(.no-theme) .primary-button-text-color {

     
    color: #FFFFFF !important;
    
}


body.ribbit :not(.no-theme) .primary-button-hover-background-color:hover, body.ribbit :not(.no-theme) .primary-button-hover-background-color:focus {

     
    background-color: #17769A !important;
    
}

/****END - .btn-primary****/

/****START - .btn-success****/
body.ribbit :not(.no-theme) .btn-success {

     
    background-color: #17769A;
    border-color: #17769A;
     
     
    color: #FFFFFF;
    
}

body.ribbit :not(.no-theme) .btn-success:hover, body.ribbit :not(.no-theme) .btn-success:focus, body.ribbit :not(.no-theme) .btn-success:active, body.ribbit :not(.no-theme) .open .dropdown-toggle.btn-success {

     
    background-color: #17769A;
    border-color: #17769A;
     
     
    color: #FFFFFF;
    
}

body.ribbit :not(.no-theme) .success-button-background-color {

     
    background-color: #17769A !important;
    
}

body.ribbit :not(.no-theme) .success-button-border-color {

     
    color: #17769A !important;
    
}

body.ribbit :not(.no-theme) .success-button-text-color {
     
    color: #FFFFFF !important;
    
}


body.ribbit :not(.no-theme) .success-button-hover-background-color:hover, body.ribbit :not(.no-theme) .success-button-hover-background-color:focus {
    
     
    background-color: #17769A !important;
    
}

/****END - .btn-success****/


/************************ Interior Header (#PageTitleH1) ***********************/
body.ribbit.interior :not(.no-theme) #PageTitleH1_Svg_Fill_Color {
     
    fill: #17769A;
    
}
body.ribbit.interior :not(.no-theme) #InteriorPageTitle #PageTitleH1 {
     
    color: #FFFFFF !important;
    
}

/************************ Community Tabs ***********************/
body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab {
     
    color: #17769A;
     
}

body.ribbit :not(.no-theme) .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li.active-tab, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:hover, body.ribbit .community-tabs-container #CommunityTabsContainer.nav.nav-tabs li:focus {
     
    border-bottom-color: #17769A;
     
}

/*************** Inheritance for Content Specific to Association Model ***************/

/*Engagement Leaderboard*/
body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:hover>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li:focus>a, body.ribbit :not(.no-theme) .engagement-leaderboard ul.nav.nav-tabs>li.active>a:hover {
    
    color: #17769A;
    
     
    border-bottom-color: #17769A;
     
}

body.ribbit .engagement-leaderboard .tab-content .HLEngagement>.Content ul.display-vertical>li:hover .row.title-row .col-md-9>.leaderboard-user-info>a[id*=_EngagementList_NameLink_] {   
     
    color: #17769A;
    
     
    color: #17769A;
    
}

/*Logged-out Homepage Row backgrounds*/
body.ribbit :not(.no-theme) .row.primary-row {    
     
    background-color: #17769A;
    
}

body.ribbit :not(.no-theme) .row.secondary-row {    
    /* 
    background-color: 90;
    */
}

/*Member Directory Action buttons color variation*/
body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type {
     
    color: #FFFFFF;
         
     
    background-color: #17769A;
    border-color: #17769A;
     
}

body.ribbit :not(.no-theme) .member-directory .actions .btn:first-of-type:hover{
     
    color: #FFFFFF;
    
     
    background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), #17769A;
    border-color: #17769A;
    
}

/*QuickLinks Widget Inheritance*/
body.ribbit .quick-links-list-item:hover .quick-links-list-item-text{
     
    color: #17769A;
    
}

/**** Generated Utils ****/


.text-color {
  color: #000000 !important;
}

  


.link-color {
  color: #17769A !important;
}

  

/*
.mention-link-color {
  color:  !important;
}
*/
  

/*
.tag-link-color {
  color:  !important;
}
*/
  


.link-hover-color:hover, .link-hover-color:focus {
  color: #17769A !important;
}

  

/*
.mention-hover-color:hover, .mention-hover-color:focus {
  color:  !important;
}
*/
  

/*
.tag-hover-color:hover, .tag-hover-color:focus {
  color:  !important;
}
*/
  


.outer-background-color {
  background-color: #FFFFFF !important;
}

  

/*
.tag-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-hover-color:hover, .tag-background-hover-color:focus {
  color:  !important;
}
*/
  

/*
.page-background-color {
  background-color:  !important;
}
*/
  


.border-color {
  color: #777777 !important;
}

  


.primary-heading-text-color {
  color: #17769A !important;
}

  

/*
.primary-heading-background-color {
  background-color:  !important;
}
*/
  


.secondary-heading-text-color {
  color: #000000 !important;
}

  

/*
.secondary-heading-background-color {
  background-color:  !important;
}
*/
  


.tertiary-heading-text-color {
  color: #000000 !important;
}

  

/*
.tertiary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.seperator-color {
  color:  !important;
}
*/
  


.footer-background-color {
  background-color: #535456 !important;
}

  


.footer-text-color {
  color: #FFFFFF !important;
}

  


.primary-color {
  color: #17769A !important;
}

  


.text-on-primary {
  color: #FFFFFF !important;
}

  


.table-header-text-color {
  color: #FFFFFF !important;
}

  

/*
.landing-control-header-background-color {
  background-color:  !important;
}
*/
  


.landing-control-header-text-color {
  color: #000000 !important;
}

  


.landing-control-border-color {
  color: #777777 !important;
}

  


.landing-control-text-color {
  color: #000000 !important;
}

  

/*
.landing-control-background-color {
  background-color:  !important;
}
*/
  


.landing-control-link-color {
  color: #17769A !important;
}

  


.landing-control-byline-text-color {
  color: #000000 !important;
}

  

/*
.landing-control-sub-title-text-color {
  color:  !important;
}
*/
  


.landing-control-title-text-color {
  color: #17769A !important;
}

  

/*
.selected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-tab-border-color {
  color:  !important;
}
*/
  


.selected-tab-text-color {
  color: #17769A !important;
}

  

/*
.unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus {
  background-color:  !important;
}
*/
  


.unselected-tab-hover-text-color {
  color: #17769A !important;
}

  

/*
.unselected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-text-color {
  color:  !important;
}
*/
  


.slogan-text-color {
  color: #17769A !important;
}

  


.table-header-background-color {
  background-color: #17769A !important;
}

  

/*
.table-alternate-background-color {
  background-color:  !important;
}
*/
  


.aux-menu-text-color {
  color: #17769A !important;
}

  

/*
.unselected-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-bar-background-color {
  background-color:  !important;
}
*/
  


.breadcrumb-text-color {
  color: #000000 !important;
}

  


.breadcrumb-link-color {
  color: #17769A !important;
}

  


.footer-menu-text-color {
  color: #FFFFFF !important;
}

  

/*
.unselected-menu-text-color {
  color:  !important;
}
*/
  


.selected-menu-background-color {
  background-color: #17769A !important;
}

  


.selected-menu-text-color {
  color: #FFFFFF !important;
}

  

/*
.hover-menu-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-background-color {
  background-color:  !important;
}
*/
  


.hover-menu-selected-background-color {
  background-color: #17769A !important;
}

  


.hover-menu-selected-text-color {
  color: #FFFFFF !important;
}

  


.hover-menu-border-color {
  color: #17769A !important;
}

  

/*
.primary-button-background-color {
  background-color:  !important;
}
*/
  

/*
.primary-button-border-color {
  color:  !important;
}
*/
  

/*
.primary-button-text-color {
  color:  !important;
}
*/
  

/*
.primary-button-hover-background-color:hover, .primary-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.info-button-background-color {
  background-color:  !important;
}
*/
  

/*
.info-button-border-color {
  color:  !important;
}
*/
  

/*
.info-button-text-color {
  color:  !important;
}
*/
  

/*
.info-button-hover-background-color:hover, .info-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.success-button-background-color {
  background-color:  !important;
}
*/
  

/*
.success-button-border-color {
  color:  !important;
}
*/
  

/*
.success-button-text-color {
  color:  !important;
}
*/
  

/*
.success-button-hover-background-color:hover, .success-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.danger-button-background-color {
  background-color:  !important;
}
*/
  

/*
.danger-button-border-color {
  color:  !important;
}
*/
  

/*
.danger-button-text-color {
  color:  !important;
}
*/
  

/*
.danger-button-hover-background-color:hover, .danger-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.default-button-background-color {
  background-color:  !important;
}
*/
  

/*
.default-button-border-color {
  color:  !important;
}
*/
  

/*
.default-button-text-color {
  color:  !important;
}
*/
  

/*
.default-button-hover-background-color:hover, .default-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.pagination-activebutton-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-active-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-activebutton-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-button-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-hover-background-color:hover, .pagination-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.label-background-color {
  background-color:  !important;
}
*/
  

/*
.label-text-color {
  color:  !important;
}
*/
  

/*
.badge-background-color {
  background-color:  !important;
}
*/
  

/*
.badge-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-header-background-color {
  background-color:  !important;
}
*/
  


.popup-window-header-text-color {
  color: #000000 !important;
}

  

/*
.popup-window-background-color {
  background-color:  !important;
}
*/
  


.popup-window-text-color {
  color: #000000 !important;
}

  

/*
.popup-window-footer-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-text-color {
  color:  !important;
}
*/
  
/* CSS Overrides */
body.bodyBackground {background-color:#17769a; font-family:"Lato"}
h1, h2, h3, h4 {font-family:"Lato"}
ul.FatFooterMenu > li{font-family:"Arimo"}

blockquote {background:transparent}

#Welcome_LoginLink {text-transform:uppercase}

#MPOuterMost {background-color:#f2f2f2}

.Login .btn-primary {padding-left:25px; padding-right:25px}

.home .tab-content {background-color:#fff}

.hero .HtmlContent {padding-left:15px; padding-right:15px}
.hero h2 {font-family:"Playfair Display"; margin-top:0px}
.hero .btn {min-width:272px; text-align:center; padding-top:18px; padding-bottom:18px}
.btn-blank:hover {  background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;}

.top-tabs p::after {
    clear: both;
    content: "";
    display: table;
    float: none;
}

.home .nav-tabs li.active::before {
    background: #17769a none repeat scroll 0 0;
    content: "";
    display: block;
    height: 10px;
    left: 49%;
    position: absolute;
    top: -4px;
    transform: rotate(45deg);
    width: 10px;
    z-index: 999;
} 

span.white {color:#fff}

.HtmlFooter {display:none}

.darken .HtmlContent::before, .darken .HLLandingControl::before {
    background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.hero {position:relative; background-image:url('https://higherlogicdownload.s3.amazonaws.com/IDSOCIETY/3b41954f-7953-45fb-8d20-62f7d0f10d19/UploadedImages/Home%20Page/Barlett_MyIDSA_hp_banner_filter2.png'); background-size:cover; background-position:center}
.hero.darken .HtmlContent * {color:#fff}
.darken .HtmlContent > * {
    position: relative;
}
.HtmlContent::after {display:table; content:""; clear:both; float:none}
.ContentItemHtml.huge {padding-top:30px; padding-bottom:35px}

.top-tabs h4 {line-height:1.3em}
.home .top-tabs {color:#666; margin-top:0px !important }
.top-tabs > div {border-top: 3px solid #007bb8; padding-top:0px}
.home .nav-tabs {border-bottom: 4px solid #007bb8}
.top-tabs a {text-decoration:none; font-weight:bold}
.top-tabs a i.fa {color:#de6649; height:35px; width:35px; border:2px solid #de6649; border-radius:50%; text-align:center; vertical-align:top; padding-top:12px; line-height:7px; margin-left:10px; margin-top:5px; padding-left:2px}

.HtmlContent h4 {margin-bottom:15px}

.btn-blank {color:#fff !important; border:2px solid #fff; font-size:20px; margin-top:25px}
.idsanetwork h4 {font-size:30px;  }

#MPFooterLinkContent {display:none}
#MPFooterLink a {color:#fff; letter-spacing:0px; font-size:inherit; text-decoration:none; }
#MPCopyright div {color:#ccc; font-size:12px; padding-top:8px; }
#MPCopyright {max-width:1170px; margin:0px auto; text-align:left; padding-left:30px}

#FOOTER, #FOOTER .col-md-12 {padding-left:0px}

.advert {font-size:12px; color:#ccc}

.navbar-default .navbar-nav > li > a {text-transform:uppercase; color:#000} 

 .navbar-nav li.dropdown .caret {visibility:hidden}
.navbar-nav li.dropdown .caret::after {content: "";
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 8px;
    font-weight: 100;
    position: absolute;
    right: 8px;
    top: 30%;
    visibility: visible;
} 

.interior #MainCopy_ContentWrapper > .row {background-color:#fff}
.interior #MainCopy_ContentWrapper > .row:first-child {padding-top:15px}

.home .ContentUserControl .HLLandingControl.HLEventList {margin-bottom:0px}

#MPOuterFooter .logo {margin-bottom:30px}
#MPOuterFooter p {margin-bottom:30px}
#MPOuterFooter .list-inline > li {padding-left:0px}
#MPOuterFooter .static .static {opacity:.7}

#MPFooterLink {background-color:#17769a; color:#fff; padding-top:25px; padding-bottom:28px;}

.MPBottomMenu ul.level2 {padding-left:0px}
div.MPBottomMenu {padding:0px}

.col-fb {background-color:#465fa8}
.col-tw {background-color:#00abee}
.col-email {background-color:#de6649}

.col-fb .fa {color:#465fa8;  font-size:30px;}
.col-tw .fa {color:#00abee;  font-size:30px;}
.col-email .fa {color:#de6649; font-size:26px}

.table-row > div {padding:15px; }
.social-row, .social-row h3 {color:#fff;}
.social-row h3 {font-size:20px}
.social-row h3 i.fa {background-color:#fff; width:53px; height:53px; text-align:center; border-radius:50%; padding-top:12px; margin-right:15px}

.rotate-me {position:relative;}
.cycle-slideshow {overflow:hidden}
.cycle-slide {width:100%}
#pager-prev, #pager-next {display:block; width:30px; height:30px; cursor:pointer; position:absolute; top:50%; z-index:99999; text-align:center}
#pager-prev {left:15px}
#pager-next {right:15px;}


ul.FatFooterMenu > li {width:150px; margin-bottom:20px}
ul.FatFooterMenu > li > a {font-weight:bold; display:block; padding-bottom:8px; text-transform:uppercase;}


p.text-center.name img {border:3px solid white; border-radius:50%; margin-top:15px}

.col-pic {text-align:center}
.col-bq {padding-top:20px;}

.testimonial blockquote {color:#333; border-left:0px none; padding:0px !important; line-height:1.3em}
.quote-by {display:block; margin-top:20px; font-weight:500}
blockquote {display:inline; position:relative; margin:20px 0; padding:0 50px; font-size:150%; line-height:100%;}
blockquote:before, blockquote:after {font-family:"Helvetica Nueue","Helvetica";position:absolute; font-size:100px;}
blockquote:before {content:"\201C"; left:-38px; top:22px; color:#fff;}
blockquote:after {content:"\201D"; right:0;  color:#17769a; font-size:60px; position:relative; top:26px; line-height:0px}

#MPOuterFooter {padding-top:30px; padding-bottom:30px}

.testimonial .col-bq {padding-left:60px}

.bg-white {background-color:#fff}

.testimonial {margin-top:15px; margin-bottom:15px; background-color:#97c7dc; padding-top:5px;}

p.name span {display:block; color:#fff; padding:10px 0px}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#17769a}
.navbar-nav > li > .dropdown-menu {border:0px none} 

.fa.fa-search {cursor:pointer; font-size:22px; display:block; background-color:#666666; padding:6px 15px; color:#fff; float:right; margin-left:6px}

a.btn i.caret { -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari */
    transform: rotate(-90deg);}

.btn-red, .home div[id*="MoreLinkPanel"] .btn-default {background-color:#de6649; color:#fff; border-color:#de6649; width:100%}

.home *[id*="UpcomingEventsRegisterLink"] {width:95%}

div[id*="MoreLinkPnl"] {display:block !important}
div[id*="MoreLinkPanel"] > .col-md-12 {padding:0px; position:static;}
.home .HLEventList div[id*="More"].col-md-12 {padding:0px; position:static;}

#searchColumn {position:relative; float:none !important; max-width:5000px; background-color:#006890; padding:35px 15px; display:none; }
#MPSearchBlock {max-width:900px; margin:0px auto}

.idsanetwork {margin-top:15px; margin-bottom:15px}

.recent-discussion {margin-bottom: 15px; padding: 20px; background-color: #FFFFFF; border-top: 3px solid #007bb8; border-bottom: 3px solid #007bb8;}

.bg-connects {background-image:url('https://higherlogicdownload.s3.amazonaws.com/IDSOCIETY/3b41954f-7953-45fb-8d20-62f7d0f10d19/UploadedImages/interface/bg-connects.jpg'); background-repeat:repeat; background-size:contain}

.reverse * {color:#fff}
.contain {max-width:1200px; margin-left:auto; margin-right:auto;}


#MPOuterHeader {background-color:#fff}
#MPOuterHeader > .col-md-12::before { display:block; content:""; background-color:#eaeceb; height:54px; width:100%; position:absolute; top:0px; left:0px; border-top:4px solid #006890 }

.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml .HLLandingControl, .ContentItemHtml.HLLandingControl {padding:0px}
.HLLandingControl ol li, .HLLandingControl ul li {border-bottom:0px none}

.bg-color2, .home .section2 {background-color:#63abcc}
.bg-color3, .home .section3 {background-color:#94cfcd}
.home .section4 {background-color:#fff}
.padding1 {padding:15px}
.padding2 {padding:30px}

.HLEventList h3 a {font-size:16px; font-weight:normal !important}


.HLLandingControl .title-row h3 {font-size:16px}

.ContentItemHtml > h2,
.HLLandingControl .heading h2 {font-size:20px; margin-top:0px; margin-bottom:15px; text-transform:uppercase; font-weight:bold}
.HLLandingControl .heading h2 a.btn {position:absolute; right:0px; padding:3px 5px; opacity:.6}

.btm-border1 .HtmlContent {border-bottom:3px solid #007bb8}
.tab-pane .HtmlContent {border-bottom:0px none}
.btm-border2 {border-bottom:3px solid #007bb8}
.HtmlContent img {max-width:100%}

.home .section2,
.home .section3,
.home .section4,
.testimonial {border-bottom:3px solid #007bb8; }

#AuxMenu li {float:left}

.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {border:0px none}

#MPheader > .row > .col-md-12 {
    padding-top: 6px;
}

.contain-inner .HtmlContent, .ContentUserControl.contain-inner > div {max-width:1200px; margin:0px auto}

#MPContentArea {min-height:450px}

#DesktopLogoDiv img {margin-top:8px; max-width:258px;}

#AuxMenu li a {text-decoration:none !important}

 nav.navbar {background-color:transparent; border-width:0}

.MenuBarUnderline {
    border-bottom: 0px solid #007bb8;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    top: 4px;
}

.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > li > a:hover {
    background-color: #f2f2f2;
    color: #000;
} 

tr.grid-pager table tr td a, .table-hover tbody tr.grid-pager table tr td span, tr.datagrid-pager td a, .table-hover tbody tr.datagrid-pager td span, .well, .navbar-inner, .popover, .btn, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav > .active > a, .dropdown-menu, .tooltip-inner, .img-polaroid {border-radius:0px !important}


/* home events --------------------------*/
.home .calendar-day {display:none}
.home .calendary-number {font-size:34px}
.home .calendar-month {border-bottom:4px solid #ebebeb; padding-bottom:10px;}
.HLEventList .row.title-row {padding-left:15px; padding-right:15px}
.HLEventList .timeAgoFormat::before {content:"When:"; display:inline-block; padding-right:5px; color:#8c8d8e }
.HLLandingControl.HLEventList h3 a {color:#231f20; text-decoration:none !important; font-weight:bold}
@media only screen and (min-width : 768px) {
.utility-menu {padding-left:100px}
.home .HLEventList li {position:relative;}
.home .HLEventList li:last-child::before {content:""; position:absolute; top:15px; bottom:0px; border-left:1px solid #ccc; left:-25px;}
}
@media only screen and (min-width : 992px) {

}
/* end home events --------------------------*/



 .top-tabs {margin-top: 5px;  }
  .top-tabs li {width:25%}
  .top-tabs li a {display: block; text-align: center}
.top-tabs .nav-tabs {margin-bottom:0px}
.nav-tabs > li a {border-radius:0px !important}
.nav-tabs > li:last-child > a {margin-right:0px; border-right:0px none}
  
  .top-tabs .col-blue {background-color:#edf5f9 }
  
  .top-tabs .tab-pane {padding:0px; min-height: 220px}
  
  .top-tabs .tc {padding:40px}
  
  .top-tabs li.active a {background-color: #17769a !important; color: #fff !important;}
  
  .top-tabs li a {background-color: #b7b7b7; color: #fff}
  
  
  
  
  
  /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
#AuxMenu ul li:last-child a { text-transform:uppercase;
    background: #de6649 none repeat scroll 0 0;
    border-right: 0 none;
    color: #fff;
    display: block;
    line-height: 24px;
    padding: 5px 12px;
    position: relative;
    top: -6px;
}
.col-md-3 {
    width: 25%;
}
.col-md-9 {
    width: 75%;
}
.home div[id*="MoreLinkPanel"] .btn-default,
.home .section2 .btn-red, .home .HLEventList .btn-red {
position:absolute; bottom:20px; left:20px; right:20px; width:auto;
}
.home .HLEventList .btn-red {right:35px}

.home .HLAnnouncements .Content {padding-bottom:20px}
.testimonial .col-bq {padding-right:130px;}
.testimonial .col-pic {padding-left:100px}
.col-bq {padding-top:60px;}
.home .HLEventList li {float:left; width:50%; margin-bottom:0px !important; padding-bottom:0px !important}
.home .HLEventList li:last-child {position:relative; left:20px}

.home .HLEventList .col-md-2 { }
.home .HLEventList .col-md-10 { width:78%}

      #MPButtonBar .navbar-nav {float:right}
      .tr {display: table; width:100%}
      .tc {display: table-cell; float: none; vertical-align:top}
.home .section2,
.home .section3,
.home .section4 {float:none; display:table-cell; width:33.3%; vertical-align:top; padding-top:10px}
img.width-full {width:100%}
.feat-news::after {content:""; position:absolute; left:0px; top:0px; bottom:-3px; width:10px; background-color:#f2f2f2; }
.home .section16::after {content:""; position:absolute; left:-14px; top:0px; bottom:-3px; width:15px; background-color:#f2f2f2; } 

.table-row {display:table; width:100%; margin:30px 0px}
.table-row > div {display:table-cell; float:none; padding:30px; vertical-align:top; width:33.333%; color:#fff}
.col-email, .col-tw {border-left:15px solid #f2f2f2}

.table-row > div::before {
    background-color: #f2f2f2;
    border-radius: 50%;
    content: "";
    display: block;
    height: 28px;
    left: 26px;
    position: absolute;
    top: -20px;
    width: 40px;
}

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
.nav-tabs li a {
    font-size: 16px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.navbar-nav > li > a {font-size:16px}
#DesktopLogoDiv > a {
    position: relative;
    z-index: 9999;
}
#NAV {margin-top:-40px}
.hero p {font-size:26px; font-weight:300}
.hero h2 {font-size:94px}
.ContentItemHtml.huge {padding-top:80px; padding-bottom:90px; margin-bottom:25px}
.right-padding {padding-right:80px !important;}
.top-tabs a i.fa.right {float:right; position:relative; bottom:25px; left:44px}
img.align-left {float:left; margin:0px 20px 20px 0px}
.footer-content .col-md-3 {
    padding-left: 25px;
}
#MPCopyright::before {
   content: "";
    display: block;
    float: left;
    height: 50px;
    margin-right: 25px;
    width: 25%;
}
.idsanetwork h4 {font-size:40px; margin-top:0px}
.idsanetwork .btn-blank { }
.idsanetwork p {font-size:25px; font-weight:100; line-height:1.2em}
.home .col-md-12.column.section17 {margin-top:30px}
#MPOuterFooter .col-menu {padding-left:80px; }
#MPOuterFooter .col-menu::after {position:absolute; top:0px; bottom:0px; left:40px; background-color:#999; width:1px; content:""}
#MPOuterFooter .col-menu::before {position:absolute; bottom:0px; left:80px; content:"INFECTIOUS DISEASES SOCIETY OF AMERICA"; font-size:20px;}
ul.FatFooterMenu > li {margin-bottom:40px}
#MPOuterFooter {padding-top:90px; padding-bottom:90px}
#MPOuterFooter .logo {margin-bottom:50px}
.top-tabs {margin-bottom:30px}
.fix-col-left1 {margin-left:-15px; margin-right:-5px}

.idsanetwork {margin-top:30px; margin-bottom:30px}
.feat-news { }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

.hero .HtmlContent {padding-left:110px; padding-right:110px}
    }

body:not(.ribbit) #searchColumn {
    float: right !important;
    max-width: 220px;
    margin-top: 3%;
}

    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
body:not(.ribbit) #searchColumn {
    float: right !important;
    max-width: 220px;
    margin-top: 5%;
}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
.home .HLEventList li {padding-bottom:25px !important}
.advert {text-align:center; padding-top:30px}
.row-wide div[class*="section"] {padding:0px}
#MPOuterFooter {padding-left:15px; padding-right:15px}
body:not(.ribbit) #searchColumn { float: right !important;  max-width: 220px; margin-top: 5% !important; margin-bottom; 0;}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
body:not(.ribbit) #searchColumn { float: right !important;  max-width: 220px; margin-top: 7% !important; margin-bottom: 2em;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
body:not(.ribbit) #searchColumn { float: right !important;  max-width: 220px; margin-top: 10% !important; margin-bottom: 2em;}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        body:not(.ribbit) #searchColumn { float: right !important;  max-width: 220px; margin-top: 17% !important; margin-bottom:0;}
    }

body:not(.ribbit) #searchColumn {
    float: right !important;
    max-width: 220px;
    margin-top: 3%;
    z-index: 1000;
}