/*
* Layout.css
*/

/* Table of Content
==================================================
    #Site Styles
    #Page Styles
    #Helper Classes
    #Media Queries
    #Font-Face */

/* #Site Styles
================================================== */
.print-only{display: none;}
sup { 
	vertical-align: top; 
	font-size: 0.6em; 
}
p.intro-text {font-weight:600;font-size:16px; line-height:18px;}

/*===============================================
*  Outer wrapper - used to facilitate mobile nav slide action
* =============================================== */
div.outer-wrapper {width:100%; height:auto; padding: 0px; margin: 0px;}


.img-frame{
    float: left;
    margin-right: 10px;
    margin: 5px 10px 5px 0;
}
.img-frame img{
    border: 4px solid #fff;
    -moz-box-shadow: 0px 0px 7px #999;
    -webkit-box-shadow: 0px 0px 7px #999;
    box-shadow: 0px 0px 7px #999;
}
.block{
    display: block;
}

#newsletter-register {
    position: relative;
}
.bg{
    width: 100%;
}

/*===============================================
*  ________________section name
* =============================================== */
ul.arrow li{
    background: url(/images/styles/arrow.png) left 5px no-repeat;
    font-size: 15px;
    font-weight: normal;
    margin: 10px 0;
    padding-top: 2px;
    padding-left: 10px;
}


/* #Page Styles
================================================== */
/*
*
* Homepage
*
*/
#content{
    position: relative;
    z-index: 1;
    clear: both;
}
.home-slides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  max-height:309px;
  }

.home-slides li {
  margin-bottom: 0;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.bg.office .home-slides li {
  max-height: 224px;
  }

.home-slides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.home-slides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.bg.mantle{
    background: url(/images/banner/mantle-bg.jpg) repeat-x;
}

#content .mantle {
    transition: background 1s linear;
    -webkit-transition: background 1s linear;
    -moz-transition: background 1s linear;
    -o-transition: background 1s linear;
    transition: background 1s linear;
}
#mantle-programs #landing_page_mantle_intro h2{ 
    text-shadow: 2px 2px 3px #0e4b8b;
    padding-top: 10px;
}
#mantle-programs #landing_page_mantle_intro h3{
    text-shadow: 2px 2px 3px #0e4b8b;
/*    text-shadow: 2px 2px 3px #65992b; /*green shadow*/
    margin-top: -35px;
    padding-top:0px;
}
#mantle-disease-center #landing_page_mantle_intro h2{
    color: #FFFFFF; 
    font: 600 60px/1.1em "Proxima-Nova";  
    text-shadow: 2px 2px 3px #0e4b8b; /*blue shadow*/
    letter-spacing: 1px;
    padding-top: 35px;
}

.bg.mantle .container{
    position: relative;
}
.rslides_nav{
    height: 64px;
    position: absolute;
        top: 117px;
    width: 27px;
}
.rslides_nav.prev{
    background: url(/images/banner/mantle-arrow-l.png);
    left: 0;
}
.rslides_nav.next{
    background: url();
    right: 0
}
.rslides_tabs{
    background: #dcdcdb;
    background: rgba(220, 220, 220, .8);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0;
    padding: 8px 20px;
    position: absolute;
        bottom: 0;
        right: 0;
}
.rslides_tabs li{
    background: #fff;
    border-radius: 6px;
    color: #fff;
    float : left;
    font-size: 1px;
    height: 12px;
    margin: 0 3px;
    width: 12px;
}
.rslides_tabs li.rslides_here{
    background: #a7a9ac;
}
.rslides_tabs li a{
    color: #fff;
    display: block;
    height: 100%;
    width: 100%;
}
.bg.get-help{
    background: url(/images/styles/shadow.png) bottom left repeat-x;
    padding-bottom: 6px;
    margin: 0 auto;
}
#get-help{
    background: url(/images/styles/blue-gradient.png) repeat-x #21538d;
    color: #fff;
    float: left;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
}
#get-help a{
    background: url(/images/styles/white-arrow.png) 10px 15px no-repeat;
    color: #fff;
    display: block;
    padding: 0 15px 0 25px;
    font-size: 17px;
    font-weight: 500;
}
#get-help-text{
    color: #0067a6;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 15px;
}
#get-help-text-mobile{
    display: none;
}
.page-col h3{
    color: #015487;
    line-height: 29px;
    background-size: 52px 750px;
    border-bottom: 1px solid #91a3c1;
    margin-top: 15px;
    min-height: 55px;
    padding-top: 15px;
    padding-left: 65px;
    padding-bottom: 20px;
    font-size:28px;
}
.page-col h4{
    color: #212322;
    line-height: 22px;
}
.page-col .button{
    margin: 10px 0;
}
.get-involved h3{
    background: url(/images/styles/icon-sprite.png) 10px -126px no-repeat;
    background-size: 52px 750px;
}
.featured-news h3{
    background: url(/images/styles/icon-sprite.png) 10px -262px no-repeat;
    background-size: 52px 750px;
}
.lt-ie9 .get-involved h3{
    background: url(/images/styles/icon-sprite-nonretina.png) 10px -126px no-repeat;
}
.lt-ie9 .featured-news h3{
    background: url(/images/styles/icon-sprite-nonretina.png) 10px -262px no-repeat;
}
.page-col img{
    max-width: 100%;
}
.page-col section{
    border-bottom: 1px solid #91a3c1;
    margin-bottom: 10px;
    overflow: auto;
    padding: 0 5px 10px;
}
.view-more{
    background: url(/images/styles/icon-arrow-collapse-gray.png) 0px center no-repeat;
    color: #0067a6 !important;
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
    padding-left: 10px;
}
.page-col .date{
    font-style: italic;
}
section.gray h5{
    color: #212322;
}
#events{
    margin-top: 20px;
    margin-bottom: 40px;
}
#events h3{
    background: url(/images/styles/clock.png) 0px 3px no-repeat;
    background-size: 23px 23px;
    color: #015487;
    padding-left: 30px;
    margin-bottom: 20px;
    font-size:28px;
}
.espanol #events h3 {
    background: 0 none;
    padding-left:0;
}
.lt-ie9 #events h3{
    background: url(/images/styles/clock-nonretina.png) 0px 3px no-repeat;
}
.event-container img{
    float: left;
    margin-right: 10px;
    max-width: 40%
}
.event-content{
    float: left;
    max-width:56%;
}
.event-content h5{
    color: #212322;
}
.event-content .button{
    margin-top: 10px;
}
.social{
    background: url(/images/styles/social-sprite.png) no-repeat;
    display: inline-block;
    height: 40px;
    margin-top: 8px;
    width: 40px;
}
.social.facebook{
    background-position: 0px 0px;
}
.social.twitter{
    background-position: 0px -49px;
}
.social.youtube{
    background-position: 0px -100px;
}
.social.flickr{
    background-position: 0px -154px;
}
.social.myspace{
    background-position: 0px -208px;
}


/*
*
* Interior
*
*/
.breadcrumbs{font-size:14px; line-height:16px; color: #A2AAAD; margin: 0px 0px 15px 0px;}
.breadcrumbs a{color: #A2AAAD;padding: 0 4px 0 0;text-decoration:none;font-size:13px; line-height:15px;}
.breadcrumbs a:hover {color:#00AD50;}
.breadcrumbs span.current {font-size:13px; line-height:15px;}

#page-content{color: #212322;}
#page-content h2{background: url(/images/styles/rhcp.png) 0px 5px no-repeat;
    margin-bottom: 0px;padding-left: 40px;
}

/* Search Page Tabs*/
#event-search-tabs {border-bottom: 2px solid #e3e5e7; overflow: hidden; height: 30px; }
#event-search-tabs h3 {	background: #e3e5e7; display: inline; text-transform: uppercase; color: #fff; font-weight: normal; font-size: 14px; padding: 12px; line-height: 30px; }
#event-search-tabs h3 a{ color:#aaa; }
#event-search-tabs h3.active {color: #212322; }

/* Event Locations Table */
div.event-locations-list {margin-bottom:20px;}
div.event-locations-list table {width:100%;}
div.event-locations-list th {	color:#212322;text-align:left;font-weight:600;}
div.event-locations-list thead { border-bottom:1px solid #A2AAAD; }
div.event-locations-list td,
div.event-locations-list th {padding:3px 15px;}
div.event-locations-list td { border-bottom:1px solid #e3e5e7; color:#212322; }

/* added by DSB 01SEP14, 2014-02-12-SC added margin top which is set to 30px above */
/* 2015-04-06 - SC - Test removing this.
#module-page-content h2,
#page_content h2 {font-size:18px;line-height:20px;margin-top:5px;}
div.article-content h2 {margin-top:5px;margin-bottom: 10px;}
*/

/* 2015-04-06 - SC - Test removing this.
#page-content a{
    text-decoration: underline;
}
#page-content h5, #page-content h6{
    color: #212322;
    font-weight: normal;
}

#page-content h4 {
    font-weight: 300;
    color: #015487;
    font-size: 22px;
    line-height: 25px;
    padding-bottom: 8px;
}

#page-content h5 {
    font-size: 21px;
    line-height: 24px;
    font-weight: 600;
    color: #015487;
}

#page-content img {
    border-bottom: 1px solid #8FA1BF;
    margin-bottom: 10px;
}
*/

/*--------------------------------------------------
*   Left Nav 
----------------------------------------------------*/
div#desktop-sidebar ul.menu-0{border: none;margin: 0 0 15px 0;border-top:solid 5px #D0DF00;border-bottom:solid 5px #D0DF00;}
div#desktop-sidebar ul.menu-0 li {margin: 0;}

div#desktop-sidebar ul.menu-0 li ul {margin: 0;padding: 0; }
div#desktop-sidebar ul.menu-0 a {font-size: 15px;font-weight: 700;line-height: 15px;color: #212322;background: none;
                                 padding: 7px 10px 7px 19px;display: block;}
div#desktop-sidebar ul.menu-0 a:hover {text-decoration:none;}

div#desktop-sidebar ul.menu-0 li ul li ul li a{padding-left: 33px;}
/*only show the expand collapse on level 0*/
div#desktop-sidebar ul.menu-0 > li.has-subpages span {display:none;} 
/*Start off with all sub-levels not showing. Then have js show/hide. */
div#desktop-sidebar ul.menu-0 > li ul {display:none;}

div#desktop-sidebar ul.menu-0 li.active{
    background: url(/images/styles/icon-arrow-collapse-gray.png) left center no-repeat;
    border-bottom: 5px solid #0067a6;}

/*Left Nav - Level 0 */
div#desktop-sidebar ul.menu-0 > li {border-top: 1px solid #cfd1d1;}
div#desktop-sidebar ul.menu-0 li {list-style-type: none;list-style-image: none;}
div#desktop-sidebar ul.menu-0 > li:first-child {border-top:none;} 
div#desktop-sidebar ul.menu-0 > li > a {padding: 9px 0px 9px 10px;border: none;border-top: none; width:75%;}

/* indicate current item, hover item */
div#desktop-sidebar ul.menu-0 li.has-subpages.actv {background-color:#eeeeee;} 
div#desktop-sidebar ul.menu-0 li:hover {background-color:#D0DF00;} 
div#desktop-sidebar ul.menu-0 li.current {background-color:#D0DF00;} 
div#desktop-sidebar ul.menu-0 > li.has-subpages > span {
                     float:right; display: block; padding: 3px;height:24px;width:18px;
                     background: url(/images/styles/icon-arrow-collapse-gray.png) no-repeat center center;} 
div#desktop-sidebar ul.menu-0 > li.has-subpages > span:hover {cursor:pointer;}
div#desktop-sidebar ul.menu-0 > li.has-subpages > span.expanded {
                     float:right; display: block; padding: 3px;height:24px;width:18px;
                     background: url(/images/styles/icon-arrow-expand-gray.png) no-repeat center center;} 

/*Left Nav - Level 1 */
div#desktop-sidebar ul.menu-0 > li > ul {display:none;} /*by default, hide the second level and below, jquery will show */
div#desktop-sidebar ul.menu-0 > li > ul > li {background-color: #EEEEEE;}
div#desktop-sidebar ul.menu-0 > li > ul > li > a {font-size:14px; line-height:17px;}
/*div#desktop-sidebar ul.menu-1 a{background-color: #FFFFFF;}*/

/*Left Nav - Level 2 - uses settings common to all levels */
div#desktop-sidebar ul.menu-0 > li > ul > li > ul > li {background-color: #EEEEEE;}
div#desktop-sidebar ul.menu-0 > li > ul > li > ul > li > a {font-size:14px; line-height:14px;font-weight:400;}
div#desktop-sidebar ul.menu-0 > li > ul > li > ul > li.current > a {}
/*div#desktop-sidebar ul.menu-2 a{background-color: #c3e1ed;}*/

/* 2014-09-16 - Add expand/collapse on all three levels */
div#desktop-sidebar ul.menu-0 > li > ul > li.has-subpages > span {
                     float:right; display: block; padding: 3px;height:20px;width:18px;margin-right:20px;
                     background: url(/images/styles/icon-arrow-collapse-gray.png) no-repeat center center;} 
div#desktop-sidebar ul.menu-0 > li > ul > li.has-subpages > span:hover {cursor:pointer;}
div#desktop-sidebar ul.menu-0 > li > ul > li.has-subpages > span.expanded {
                     float:right; display: block; padding: 3px;height:24px;width:18px;
                     background: url(/images/styles/icon-arrow-expand-gray.png) no-repeat center center;} 
div#desktop-sidebar ul.menu-0 > li > ul > li.has-subpages > ul {display:none;} 


/*End Left Nav */



#sponsor-wrapper{
    -moz-box-shadow: 0px 0px 7px #999;
    -webkit-box-shadow: 0px 0px 7px #999;
    box-shadow: 0px 0px 7px #999;
    margin: 5px 0 15px;
}
#sponsor-wrapper img{
    display: block;
}
.related-header{
    background-size: 25%;
    color: #3a4980;
    float: left;
    font-size: 17px;
    font-weight: bold;
    line-height: 15px;
    /*margin-bottom: 15px;*/
    padding-top: 15px;
    padding-left: 20%;
    width: 30%;
}
#live-better{
    background: url(/images/styles/icon-live-better.gif) 0 15px no-repeat;
    padding-bottom: 10px;
}
#live-better:hover {
    padding-bottom: 7px;
    border-bottom: 3px solid #FAAC04;
    background-position: 0 -106px;
    cursor: pointer;    
}

#get-involved{
    background: url(/images/styles/icon-get-involved.gif) 0 15px no-repeat;
    padding-bottom: 10px;
}
#get-involved:hover {
    padding-bottom: 7px;
    border-bottom: 3px solid #A068DD;
    cursor: pointer;
    background-position: 0 -106px;
}
#related-pages ul{
    padding-bottom: 15px;
}
#related-pages li{
    margin-bottom: 15px;
    padding-bottom: 15px;
}
#related-pages li#module-twitter_widget_faces_of_arthritis,
#related-pages li#module-advocacy_sidebar_signup {
    border-bottom:0 none;
}
#related-pages li > a{
    color: #212322;
    display: block;
}
#related-pages h6{
    font-size: 15px;
}
#related-pages h5{
    color: #212322;
}
.promo img{
    display: block;
}

/*
*
* Offices
*
*/
.bg.office{
    background: url() repeat-x #c7c7c4;
    -moz-box-shadow: 0px 0px 7px #999 inset;
    -webkit-box-shadow: 0px 0px 7px #999 inset;
    box-shadow: 0px 0px 7px #999 inset;
}
#featured-office{
    background: url(/images/styles/swirlies.png) 240px bottom no-repeat;
    color: #363635;
    min-height: 279px;
    padding-top: 30px;
}
#featured-office h2{
    font-size: 30px;
    line-height: 30px;
    color: #015487;
    font-weight: 600;
}
#featured-office p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #212322;
}
#office-links {
    margin:15px 0 10px;
}
.exercise-education h3{
    background: url(/images/styles/icon-sprite.png) 10px -418px no-repeat;
    background-size: 52px 750px;
}
.lt-ie9 .exercise-education h3{
    background: url(/images/styles/icon-sprite-nonretina.png) 10px -418px no-repeat;
}

.get-in-touch h3{
    background: url(/images/styles/icon-sprite.png) 10px -684px no-repeat;
    background-size: 52px 750px;
    padding-left: 70px;
}
.lt-ie9 .get-in-touch h3{
    background: url(/images/styles/icon-sprite-nonretina.png) 10px -684px no-repeat;
}
#contact-form{
    background: url(/images/styles/mail.png) 0px 5px no-repeat;
    margin-bottom: 0px;
    padding-left: 30px;
}
#contact-form input[type="text"]{
    padding: 3px 5px;
}
.ie9 #contact-form input[type="text"]{
    padding: 10px 5px;
}
#contact-form textarea{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
#office-news h3{
    background: url(/images/styles/icon-sprite.png) 10px -137px no-repeat;
    background-size: 26px 375px;
    padding-left: 40px;
}
.lt-ie9 #office-news h3{
    background: url(/images/styles/paperclip.png) left center no-repeat;
}
.news-item a{
    text-decoration: underline;
}
#tweets h3{
    background: url(/images/styles/twitter.png) left center no-repeat;
    padding-left: 30px;
}
#related-pages ul ul.tweet_list {
    margin:0;
}
#related-pages #tweets {
    width:260px;
}
.virtual-summit #related-pages ul {
    border-top:0 none;
}
.tweet_list > li{
    background: #dbecf7;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
}
.tweet_text{
    color: #0067a6;
}
.tweet_text a{
    color: #484a4c;
}
.tweet_time a{
    color: #77b6dc;
    font-size: 13px;
    font-style: italic;
}
#featured-sponsor{
    margin-top: 20px;
}
#featured-sponsor h5{
    background: url(/images/styles/button-bg.png) repeat-x #185482;
    color: #fff;
    padding: 5px 10px;
}
#featured-sponsor-content{
    color: #535353;
    padding: 10px 10px 0;
}
.lt-ie9 #featured-sponsor-content{
    border: 1px solid #999;
}
#module-summit_banner {
    width:650px;
    margin-bottom:20px;
}
#short-page-mantle
{
	height:139px;
}
/*
*
* subpage template sharethis buttons
*
*/
.subpagetoolbox {display: inline-block;margin-bottom: 2%;float:right;}
.subpagetoolbox .addthis_button_preferred_3 {float: left;}
.subpagetoolbox .addthis_button_preferred_4 {float: left;}
.subpagetoolbox .addthis_button_compact {float: left;}
.subpagetoolbox .addthis_button_preferred_3 #subpage-email{
    border-left: 2px solid #A2AAAD;border-right: 2px solid #A2AAAD;
    padding-left: 9px;padding-right:10px;margin-right: 8px;margin-left: 8px;
    color: #00AD50;width: 44px;
    height: 15px;
    background: url(/images/styles/icon-share-email-gray.png) 40px center no-repeat;
}

.subpagetoolbox .addthis_button_preferred_4 #addthis_button_print{
    position: relative;
    padding-right: 7px;
}
.subpagetoolbox .addthis_button_preferred_4 #subpage-print{
    color: #00AD50;
    display:inline-block;
    float: left;
    height: 15px;
    padding-right: 4px;
}
.subpagetoolbox .addthis_button_preferred_4 span {
    background: url(/images/styles/icon-share-print-gray.png) top center no-repeat;
    height: 20px;
    width: 18px;
    display: inline-block;
    float: left;
}

.subpagetoolbox .addthis_button_compact #addthis_button_share {
    border-right: 2px solid #A2AAAD;
    border-left: 2px solid #A2AAAD;
    position: relative;
    padding-right: 9px;
    height: 15px;
}
.subpagetoolbox .addthis_button_compact #subpage-share{
    padding-right: 5px;
    padding-left: 11px;
    color: #00AD50;
    float: left;
    display: inline-block;
}
.subpagetoolbox .addthis_button_compact span {
    height: 20px;
    width: 10px;
    display: inline-block;
    background: url(/images/styles/icon-share-plus-gray.png) top center no-repeat;
    float: left;
}




/*
*
* subpage template sharethis buttons (ORANGE - in banner)
*
*/
.subpagetoolbox_inbanner {display: inline-block;float: right;/* margin-bottom: 2%; */ position: absolute;
        background: url(/images/styles/sharethis-orange-bg.png) 50px center no-repeat;
        right: 0px;bottom: 0px; height: 18px; padding-top: 3px; padding-bottom: 3px; background-repeat: repeat;}

.subpagetoolbox_inbanner .addthis_button_preferred_3 {float: left;}
.subpagetoolbox_inbanner .addthis_button_preferred_4 {float: left;}
.subpagetoolbox_inbanner .addthis_button_compact {float: left;}
.subpagetoolbox_inbanner .addthis_button_preferred_3 #subpage-email{
    border-right: 2px solid #FFFFFF;padding-left: 9px;padding-right:10px;margin-right: 8px;
    margin-left: 8px;color: #FFFFFF;width: 56px;
    background: url(/images/styles/sharethis-white-email.png) 50px center no-repeat;
}

.subpagetoolbox_inbanner .addthis_button_preferred_4 #addthis_button_print{
    position: relative;padding-right: 7px;
}
.subpagetoolbox_inbanner .addthis_button_preferred_4 #subpage-print{
    color: #FFFFFF;display:inline-block;float: left;padding-right: 4px;
}
.subpagetoolbox_inbanner .addthis_button_preferred_4 span {
    background: url(/images/styles/sharethis-white-print.png) center no-repeat;
    height: 20px;width: 20px;display: inline-block;float: left;
}

.subpagetoolbox_inbanner .addthis_button_compact #addthis_button_share {
    border-left: 2px solid #FFFFFF;position: relative;padding-right: 9px;height: 21px;
}
.subpagetoolbox_inbanner .addthis_button_compact #subpage-share{
    padding-right: 5px;padding-left: 11px;color: #FFFFFF;float: left;display: inline-block;
}
.subpagetoolbox_inbanner .addthis_button_compact span {
    height: 20px;width: 10px;display: inline-block;float: left;
    background: url(/images/styles/sharethis-white-share.png) center no-repeat;
}
.subpagetoolbox_inbanner .addthis_button_preferred_3 #addthis_button_email:hover,
.subpagetoolbox_inbanner .addthis_button_preferred_3 #addthis_button_print:hover,
.subpagetoolbox_inbanner .addthis_button_preferred_3 #addthis_button_share:hover {text-decoration:none;}

/*---------------------------------------------------------
    2015 - Share This Container Adjustments, FB Like Adjustments
----------------------------------------------------------*/
div.container-share-this {text-align:center;width:100%;margin-bottom:5px;}
div.container-share-this .subpagetoolbox {float:none;text-align:left;}
div.container-share-this .subpagetoolbox .addthis_button_preferred_3 #subpage-email {border-left: none;margin-left: 0px;padding-left: 0px;padding-right: 21px;}
div.container-share-this .subpagetoolbox .addthis_button_compact #addthis_button_share {border-right: none;}
div.container-share-this .subpagetoolbox a.addthis_button_email {text-decoration:none;}
div.container-share-this.mobile {display:none;}
.at-share-tbx-element .at-share-btn:focus, .at-share-tbx-element .at-share-btn:hover
{opacity:0.7;transform:none !important;-webkit-transform:none !important;}

/*
*
* Resources
*
*/

.resources {
    background: #95D243 repeat-x;
    border-top: 1px solid #B5B5B5;      
    border-bottom: 1px solid #B5B5B5;       
}
#featured-resources{
    background: 50% 0 no-repeat;
    color: #363635;
    height: 260px;
}

.resource-container img {
    margin: 16px 15px 0 0;
    width:154px;
	height:104px;
	padding: 3px;
    background: #FFF;
    -moz-box-shadow:    0px 1px 1px 1px #E5E5E5;
    -webkit-box-shadow: 0px 1px 1px 1px #E5E5E5;
    box-shadow:         0px 1px 1px 1px #E5E5E5;
    float: left;
}

.resource-container h3 {
    margin: 0;
    padding: 22px 0 0 0;
    font: 700 18px/20px "Proxima-Nova";
    color: #015487;
    float: left;
	width:100%;
}

.resource-container p {
    margin: 0;
    padding: 0;
    font: 14px/18px "Proxima-Nova";
    color: #212322;
    float: left;
	width:100%;
}

.resource-center {
    display: block;
    /*height: 144px;*/
    clear: both;
	padding:0 10px 15px 10px;
}

.resource-center:hover, #page_content .haslink:hover {
    background: #DBECF7;
    cursor: pointer;
}

.text-holder {
    float: left;
    height: 150px;  
    width: 255px;
    overflow: hidden;
}

.research-bucket .text-holder{
    height: 65px;
}

/*
*
* Take Action
*
*/

.action-mantle {
    background: 50% 0 repeat-x; 
}

#featured-action {
    height: 275px;
    background: 50% 0 no-repeat;
}

#featured-action ul {
    margin: 0;
    padding: 220px 0 0 119px;
}

#featured-action li {
    margin: 0 31px 0 0;
    float: left;
}

#featured-action li a {
    padding: 9px 15px 8px 25px;
    display: block;
    font: 400 15px/16px "Proxima-Nova";
    color: #06433F;
    text-transform: uppercase;
    border: 1px solid #0D5A55;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow:    0px 0px 1px 0px #000;
    -webkit-box-shadow: 0px 0px 1px 0px #000;
    box-shadow:         0px 0px 1px 0px #000;
    
    /* Old browsers */
    background: url(/images/styles/icon-green-arrow.png) #DDD; 
    
    /* FF3.6+ */
    background-image: url(/images/styles/icon-green-arrow.png), -moz-linear-gradient(top,  #ffffff 0%, #bfbfbf 100%); 

    /* Chrome,Safari4+ */
    background-image: url(/images/styles/icon-green-arrow.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bfbfbf)); 

    /* Chrome10+,Safari5.1+ */
    background-image: url(/images/styles/icon-green-arrow.png), -webkit-linear-gradient(top,  #ffffff 0%,#bfbfbf 100%); 

    /* Opera 11.10+ */
    background-image: url(/images/styles/icon-green-arrow.png), -o-linear-gradient(top,  #ffffff 0%,#bfbfbf 100%); 

    /* IE10+ */
    background-image: url(/images/styles/icon-green-arrow.png), -ms-linear-gradient(top,  #ffffff 0%,#bfbfbf 100%); 

    /* W3C */
    background-image: url(/images/styles/icon-green-arrow.png), linear-gradient(to bottom,  #ffffff 0%,#bfbfbf 100%); 
    
    background-repeat: no-repeat;
}



#featured-action li a:hover {
    opacity: 1;
    background: #E2E2E2; 
    
    /* FF3.6+ */
    background-image: url(/images/styles/icon-green-arrow.png), -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%); 

    /* Chrome,Safari4+ */
    background-image: url(/images/styles/icon-green-arrow.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2)); 

    /* Chrome10+,Safari5.1+ */
    background-image: url(/images/styles/icon-green-arrow.png), -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); 

    /* Opera 11.10+ */
    background-image: url(/images/styles/icon-green-arrow.png), -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); 

    /* IE10+ */
    background-image: url(/images/styles/icon-green-arrow.png), -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); 

    /* W3C */
    background-image: url(/images/styles/icon-green-arrow.png), linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%); 
    
    /* IE6-9 */
/*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); */

/* testing this part */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ),
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon_green_arrow.png');

    background-repeat: no-repeat;
}

.action-container {
    padding: 22px 0 0 0;
}

.action-container img {
    margin: 21px 0 0 13px;
    padding: 3px;
    background: #FFF;
    -moz-box-shadow:    0px 1px 1px 1px #E5E5E5;
    -webkit-box-shadow: 0px 1px 1px 1px #E5E5E5;
    box-shadow:         0px 1px 1px 1px #E5E5E5;
    float: left;
}
#module-advocacy_sidebar_signup label {
    color:#535353;
    font-weight: normal;
}
#module-advocacy_sidebar_signup label.error {
    color:#ff0000;
    margin-bottom:2px;
}
#module-advocacy_sidebar_signup input[type="text"].error {
    margin-bottom:0;    
}
div.SignUpLeftColumn{
	border-top: 1px solid #91A3C1; 
	padding-top: 15px;
}
#related-pages div.SignUpLeftColumn h6{
	font-size: 17px;
	padding-bottom: 3px;
}
div.SignUpLeftColumn a{
	margin-top: 5px;
	margin-bottom: 5px;
}
div.SignUpLeftColumn p{
	margin-bottom: 15px;
}
#content-list h2 {
    margin: 10px 0 1px 19px;
    padding: 0 0 4px 0;
    font: 700 24px/26px "Proxima-Nova";
    color: #015487;
    border-bottom: 1px solid #C4D0D8;   
}
/* Existing site
h2.content-list-title {
    border-bottom: 1px solid #C4D0D8;
    color: #185381;
    font: 700 24px/26px "Proxima-Nova";
    margin: 10px 0 1px 19px;
    padding: 0 0 4px;
}
*/
#content-list h3 {
    margin: 0;
    font: 700 18px/20px "Proxima-Nova";
    color: #015487;
    float: left;
}

#content-list p {
    margin: 0;
    padding: 0 0 0 14px;
    font: 14px/18px "Proxima-Nova";
    color: #212322;
    float: left;
}
 
.large-text-holder {
    float: left;
    padding: 4px;   
    /*width: 457px;*/
}

.large-text-holder h3 {
    padding: 6px 0 0 12px;  
}

.large-text-holder p {
    padding: 0 0 0 11px;    
}

.large-text-holder p a,
a.learnmore {
    text-transform: uppercase;
    font: 700 12px/18px "Proxima-Nova";
    color: #499DCF;
}

.large-text-holder p a:hover {
    text-decoration: underline;
}

.large-text-holder:hover {
    background: #DBECF7;
    cursor: pointer;
}

.action-form {
    margin: 30px 0 40px 31px;
    padding: 11px 0 10px 10px;
    width: 434px;
    background: #FFF;
    -moz-box-shadow:    1px 1px 1px 2px #E5E5E5;
    -webkit-box-shadow: 1px 1px 1px 2px #E5E5E5;
    box-shadow:         1px 1px 1px 2px #E5E5E5;
    float: left;    
}
#module-advocacy_sidebar_signup .action-form-sidebar {
    background: #FFF;
    -moz-box-shadow:    1px 1px 1px 2px #E5E5E5;
    -webkit-box-shadow: 1px 1px 1px 2px #E5E5E5;
    box-shadow:         1px 1px 1px 2px #E5E5E5;
    margin:30px 0;
}
.lt-ie9 #module-advocacy_sidebar_signup .action-form-sidebar {
    border:1px solid #E5E5E5;
}
#module-advocacy_sidebar_signup .action-form-sidebar form {
    padding: 15px;

}
.action-form img {
    margin: 0;
    padding: 0;
    background: none;
    -moz-box-shadow:    0 0 0 0 #FFF;
    -webkit-box-shadow: 0 0 0 0 #FFF;
    box-shadow:         0 0 0 0 #FFF;
    float: left;    
}

.action-form label {
    font: 14px/18px "Proxima-Nova";
    color: #535353;
}

.action-form input, 
.action-form textarea {
    border: 1px solid #878787;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.action-form .firstname,
.action-form .lastname,
.action-form .field,
.action-form .email,
.action-form .zip {
    float: left;    
}

.action-form .firstname label {
    margin-left: 8px;
    padding: 19px 0 0 0;
}

.action-form .firstname input {
    width: 175px;
    height: 23px;
    margin: 0 14px 2px 8px;
}
.action-form .lastname label {
    padding: 19px 0 0 0;
}
.action-form .lastname label.error,
.action-form .firstname label.error {
    padding-top:0;
}
.action-form .field input {
    width:175px;
    height:23px;
    margin: 0 14px 2px 8px;
}
.action-form .field textarea {
    width:277px;
    height:53px;
    margin: 0 14px 2px 8px;
}
.action-form .field-r input {
    margin: 0 14px 2px 0;
    width:192px;
}
.action-form .field-l label {
    margin-left: 8px;
}

.action-form .lastname input {
    height: 23px;
    width: 193px;
    margin-bottom: 2px;
}

.action-form .email label {
    margin-left: 8px;
}

.action-form .email input {
    width: 275px;
    height: 23px;
    margin: 0 13px 0 8px;
}

.action-form .zip input {
    height: 23px;   
    width: 94px;
    margin-bottom: 0;   
}

.action-form .action-submit {
    margin: 19px 20px 0 0;
    padding: 6px 25px;
    float: right;
    border-radius: 5px;
    border: 1px solid #C8C8C8;
}

.action-form .action-submit:hover
{
    border: 1px solid #C8C8C8;
}

/*
*
* Research
*
*/

.research {
    background: #21A9DF repeat-x;
    border-top: 1px solid #0B4064;      
    border-bottom: 1px solid #0B4064;       
}
#featured-research {
    background: 50% 0 no-repeat;
    color: #363635;
    height: 260px;
}
#research-desc h2 {
    padding: 42px 0 0 14px;
    font: 700 60px/1em "Proxima-Nova";
    color: #FFF;
    text-shadow: 2px 2px 3px #054176;
    text-transform: uppercase;
}
#research-desc p {
    padding: 0 35px 0 16px;
    font: 300 17px/22px "Proxima-Nova";
    color: #FFF;
}

#research-desc p strong {
    font-weight: 400;
    color: #FFF;
}

.did-you-know {
    margin-top: 34px;
    margin-bottom: 32px;
    display: block;
}

.did-you-know h4 {
    margin: 0;
    padding: 11px 8px 5px 8px;
    font: 700 18px/20px "Proxima-Nova";
    color: #FFF;
    background: #0067a6;
    border: 1px solid #0067a6;
}

.dyk-text {
    padding: 15px 20px 20px 20px;
    border-right: 1px solid #C7C7C7;    
    border-bottom: 1px solid #C7C7C7;   
    border-left: 1px solid #C7C7C7; 
}

.did-you-know p {
    font: 15px/22px "Proxima-Nova";
    color: #212322;
}

/*.did-you-know a {
    margin-top: -11px;
    font: 700 14px/24px "Proxima-Nova";
    color: #0067a6;
    text-transform: uppercase;
    float: right;
}*/

.did-you-know a:hover {
    text-decoration: underline;
}

.spotlight-title {
    float: left;    
}

.spotlight-title h3 {
    padding: 0 0 0 17px;
    font: 700 24px/26px "Proxima-Nova";
    color: #015487;
}

.more-researchers {
    padding: 6px 0 0 0;
    width: 173px;
    float: right;
}

.more-researchers a {
    font: 14px/16px "Proxima-Nova";
    color: #06A2EA;
}

.more-researchers a:hover {
    text-decoration: underline;
}

.researcher-content {
    clear: both;
}

.researcher-photo {
    padding: 12px 0 0 16px;
    width: 135px;
    float: left;
}

.researcher-photo img {
    padding: 3px;
    background: #FFF;
    -moz-box-shadow:    0px 1px 1px 1px #E5E5E5;
    -webkit-box-shadow: 0px 1px 1px 1px #E5E5E5;
    box-shadow:         0px 1px 1px 1px #E5E5E5;    
}

.researcher-copy {
    float: left;
}

.researcher-copy h5 {
    padding: 16px 0 0 0;
    font: 700 16px/16px "Proxima-Nova";
    color: #015487;
}

.researcher-copy h6 {
    padding: 2px 0 0 0;
    font: 700 14px/14px "Proxima-Nova";
    color: #212322;
}

.researcher-copy p {
    margin: 0;
    padding: 11px 0 0 0;
    font: 14px/18px "Proxima-Nova";
    color: #212322;
}

.researcher-copy p a:hover {
    opacity: 1;
    text-decoration: underline; 
}

.related-media {
    clear: both;
}

.related-media h2 {
    margin-left: 10px;
    margin-right: 10px;
    padding: 25px 0 3px 4px;
    font: 700 24px/26px "Proxima-Nova";
    color: #015487;
    border-bottom: 1px solid #8DBBDE;
    clear: both;
}

.research-video-holder {
    
}

.research-video-holder img {
    padding: 3px;
    background: #FFF;
    -moz-box-shadow:    0px 1px 1px 1px #E5E5E5;
    -webkit-box-shadow: 0px 1px 1px 1px #E5E5E5;
    box-shadow:         0px 1px 1px 1px #E5E5E5;
}

.video-bucket {
    padding: 9px 0 0 1px;
}

.video-bucket h6 {
    padding: 8px 0 5px 2px;
    font: 700 13px/15px "Proxima-Nova";
    color: #212322;
}

.video-author {
    padding: 0 0 0 2px;
    float: left;
    width: 102px;
    font: 11px/12px "Proxima-Nova";
}

.video-views {
    padding: 0 0 0 2px;
    float: left;
    width: 70px;
    font: 11px/12px "Proxima-Nova";
}

.related-link {
    margin: 18px 10px 0 10px;
    padding: 6px 5px 5px 5px;
    text-align: right;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}
#upcoming-events-grid {
    min-height: 20px;
}

/*
*
* Briefs and Downloads
*
*/
#mantle-briefs-and-downloads {
    background-color: #92CE37;
    background-repeat: repeat-x;
    border-top: 1px solid #578E03;      
    border-bottom: 1px solid #578E03;       
}
#featured-briefs {
    background: 50% 0 no-repeat;
    color: #363635;
    height: 273px;
}
#resources-desc{
	width:60%
}
body.espanol #resources-desc p{
	width:75%
}
#mantle-briefs-and-downloads #resources-desc h2 {
    padding: 20px 0 0 14px;
    font: 700 60px/50px "Proxima-Nova";
    color: #FFF;
    text-shadow: 2px 2px 3px #6BA32C;
}

#mantle-briefs-and-downloads p {
    padding: 0 35px 0 16px;
    font: 300 17px/22px "Proxima-Nova";
    color: #212322;
}
/* Mantle (aka Banner) */
div.page-mantle {height:107px;background-position:top left;background-color:#FF8200;margin-bottom: 10px; }
div.bg.page-mantle.mantle-orange {background-color:#FF8200;}
div.bg.page-mantle.mantle-dark-blue {background-color:#007eb8;}
div.bg.page-mantle.mantle-light-blue {background-color:#9bdcf8;}
div#landing_page_mantle_intro {height:107px;margin-bottom:15px;}
div#landing_page_mantle_intro h1, 
div#landing_page_mantle_intro h2, 
div#landing_page_mantle_intro h3,
div#landing_page_mantle_intro h4
{
    color: #FFFFFF; 
    font: 600 36px/1.1em "Proxima-Nova", Arial;  
    text-shadow: 2px 2px 3px #0e4b8b;
    letter-spacing:1px;
    margin-left:15px; 
    margin-bottom: 3px;
    padding-top: 15px;
}
div#landing_page_mantle_intro p {color: #FFFFFF;}
/*color, style overrides based on banner */
div.bg.page-mantle.mantle-light-blue div#landing_page_mantle_intro h1 {color:#212322;}
div.bg.page-mantle.mantle-light-blue div#landing_page_mantle_intro p {color:#212322;}
div#landing_page_mantle_intro h1.intro-noheading {display:none;}
div#landing_page_mantle_intro p.intro-noheading {margin-left: 220px;padding-top: 20px;font-weight: bold;}

body.espanol #landing_page_mantle_intro h2,
body.espanol #landing_page_mantle_intro h2,
body.espanol #landing_page_mantle_intro h2{
	text-shadow: 2px 2px 3px #753901;
}
#landing_page_mantle_intro p {
    margin-left: 15px; 
    margin-right: 15px; 
    padding: 0 0 0 0;
    font: 300 17px/22px "Proxima-Nova", Arial;
    color: #212322;
}

#landing_page_mantle_intro p.white {color:#ffffff;}

#landing_page_mantle_intro h1.blue,
#landing_page_mantle_intro h2.blue,
#landing_page_mantle_intro h3.blue,
#landing_page_mantle_intro h4.blue{
	color:#015487;
	text-shadow: none;
}

#landing_page_mantle_intro h1.gray,
#landing_page_mantle_intro h2.gray,
#landing_page_mantle_intro h3.gray,
#landing_page_mantle_intro h4.gray{
	color:#6b6b6b;
	text-shadow: none;
}

#landing_page_mantle_intro h2 sup{
  font-size: 30px;
  font-weight:normal;
  vertical-align:text-top; 
}

.briefs {
    margin-top: 8px;
    /*background: url() 0 3px no-repeat;*/
    width: 960px;
    height: 951px;  
}

.download-tabs {
    width: 960px;
    height: 45px;
    background: #A8D75F;
    clear: both;
}

.download-tabs ul {
    background: #FFF;
    width: 960px;
    height: 34px;   
}

.download-tabs li a {
    margin: 0;
    padding: 5px 0 12px 23px;
    float: left;
    display: block;
    font: 700 15px/25px "Proxima-Nova";
    color: #FFF;
    background: url(/images/styles/bg-tab-blue-left.gif) repeat-x;
}
.download-tabs li a b {
    padding: 8px 33px 12px 0;
    background: url(/images/styles/bg-tab-blue-right.gif) right top no-repeat;
}

.download-tabs li a:hover, .download-tabs li a.active {
    background: url(/images/styles/bg-tab-green-left.gif) repeat-x;  
}

.download-tabs li a:hover b, .download-tabs li a.active b {
    background: url(/images/styles/bg-tab-green-right.gif) right top no-repeat;
}

.download-content {
    width: 958px;
    border-left: 1px solid #C3C1C1;
    border-right: 1px solid #C3C1C1;    
}

.download-header {
    padding: 12px 0 10px 0;
    height: 17px;
    background: #F2FFDE;
    border: 3px solid #FFF;
}
.download-header form {
    float:right;
    margin-right:10px;
}
.download-header input {
    background: #FFF url() 95% 50% no-repeat;    
}

.download-header span {
    float: left;
    font: 700 17px/20px "Proxima-Nova";
    text-transform: uppercase;
    color: #7C7C7C;
}

.gray-arrow {
    float: left;
    padding-right:20px;
    margin-right:245px;
}
.gray-arrow.up {
    background: url(/images/styles/gray-arrow-up.png) right 4px no-repeat;
}
.gray-arrow.down {
    background: url(/images/styles/gray-arrow-down.png) right 4px no-repeat;
}

.space-holder {
    width: 92px;
    height: 39px;
    float: left;
}
.inner-list.alt {
    display:none;
}

.item {
    padding: 7px 0 7px 8px;
    width: 479px;
    /*min-height: 21px;*/
    background: #FFF;
    clear: both;
    display: block;
}


.download-list {
    margin: 0;
    width: 487px;
    float: left;
    clear: both;
}
.download-list p {
    margin-left:10px;
}

.download {
    float: left;
}

.download a {
    width: 30px;
    height: 20px;
    display: block;
    background: url(/images/styles/icon-download-arrow.png) right top no-repeat;

}

.view {
    float: left;
}

.view a {
    width: 56px;
    height: 23px;
    display: block;
    background: url(/images/styles/icon-magnify-plus.png) 8px top no-repeat;     
}

.download-list .title {
    padding: 3px 0;
    width: 306px;
    float: left;
    font: 14px/16px "Proxima-Nova";
    color: #212322;
}

.download-list .date {
    padding: 3px 0;
    width: 80px;
    float: left;
    font: 14px/16px "Proxima-Nova";
    color: #212322;
}
.download-list .links {
    display:none;
}

.item:hover, .item.active {
    background: #DBECF7;
    cursor: pointer;
}

.item:hover .view a, .item.active .view a {
    background-position: 8px -44px; 
}
.item.active .title,
.item.active .date,
.item:hover .title,
.item:hover .date {
    color: #FFF;
}

.light-gray {
    background: #EDEDED;
}

.download-pagination {
    margin: 20px 0 0 0;
    padding: 10px 0;
    height: 17px;
    width: 487px;
    border-top: 1px solid #D1D1D1;  
    text-align: center;
    font: 700 16px/16px "Proxima-Nova";
    background: #FFF !important;
}

.download-pagination .previous {
    margin-right: 3px;
}

.download-pagination .next {
    margin-left: 3px;
}


.download-pagination a {
    padding: 1px 5px;
    color: #212322;
}

.download-pagination a.current,
.download-pagination a:hover {
    color: #06A2EA;
    background: #DAECF7;
}


.download-sidebar {
    margin: 0 0 0 23px;
    width: 432px;
    float: left;
}

.download-sidebar h3 {
    margin: 0;
    padding: 9px 0px 11px 17px;
    font: 700 18px/22px "Proxima-Nova";
    color: #FFF;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #3C7C10;
    /* Old browsers */
    background: #93CE38; 

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzY2UzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MmE3MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    /* FF3.6+ */
    background: -moz-linear-gradient(top,  #93ce38 0%, #52a717 100%); 
    
    /* Chrome,Safari4+ */
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93ce38), color-stop(100%,#52a717));
    
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top,  #93ce38 0%,#52a717 100%); 
    
    /* Opera 11.10+ */
    backgrounde: url(/images/styles/icon-green-arrow.png), -o-linear-gradient(top,  #93ce38 0%,#52a717 100%); 
    
    /* IE10+ */
    background: -ms-linear-gradient(top,  #93ce38 0%,#52a717 100%); 
    
    /* W3C */
    background: linear-gradient(to bottom,  #93ce38 0%,#52a717 100%); 
    
    /* IE6-8 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93ce38', endColorstr='#52a717',GradientType=0 ); 
}


.green-box {
    margin-bottom: 48px;
    padding: 13px 0 16px 0;
    width: 430px;
    display: block;
    border-left: 1px solid #99D142;
    border-bottom: 1px solid #99D142;   
    border-right: 1px solid #99D142;
    background: #F2FFDE;
}


.document-preview {
    width: 240px;
    float: left;    
}

.document-preview img {
    margin: 5px 0 6px 16px;
    -moz-box-shadow: 1px 1px 1px 1px #C0CAB0;
    -webkit-box-shadow: 1px 1px 1px 1px #C0CAB0;
    box-shadow: 1px 1px 1px 1px #C0CAB0;
}

.document-preview a {
    margin: 0 17px 0 15px;
    padding: 13px 15px 9px 15px;
    display: block;
    font: 500 18px/1em "Proxima-Nova";
    text-transform: uppercase;
    color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px 1px #6F8C91;
    -webkit-box-shadow: 1px 1px 1px 1px #6F8C91;
    box-shadow: 1px 1px 1px 1px #6F8C91;
    
    /* Old browsers */
    background: #177AB0; 

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3N2FiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODU0ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    /* FF3.6+ */
    background-image: url(/images/styles/icon-download-arrow.png), -moz-linear-gradient(top,  #177ab0 0%, #185482 100%); 
    
    /* Chrome,Safari4+ */
    background-image: url(/images/styles/icon-download-arrow.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#177ab0), color-stop(100%,#185482)); 
    
    /* Chrome10+,Safari5.1+ */
    background-image: url(/images/styles/icon-download-arrow.png), -webkit-linear-gradient(top,  #177ab0 0%,#185482 100%); 
    
    /* Opera 11.10+ */
    background-image: url(/images/styles/icon-download-arrow.png), -o-linear-gradient(top,  #177ab0 0%,#185482 100%); 
    
    /* IE10+ */
    background-image: url(/images/styles/icon-download-arrow.png), -ms-linear-gradient(top,  #177ab0 0%,#185482 100%); 
    
    /* W3C */
    background-image: url(/images/styles/icon-download-arrow.png), linear-gradient(to bottom,  #177ab0 0%,#185482 100%); 
    
    /* IE6-8 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177ab0', endColorstr='#185482',GradientType=0 );        

    /* testing this part */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#177ab0', endColorstr='#185482',GradientType=0 ),
progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../images/icon_download_arrow.png');

    background-repeat: no-repeat;
    background-position: 93% 50%;
}

.document-brief {
    padding-top: 11px;
    width: 190px;
    float: left;
}

.document-brief h4 {
    font: 500 16px/18px "Proxima-Nova";
    color: #212322;
}

.document-brief .date {
    padding: 0;
    width: 100%;
    float: none;
    font: 500 16px/22px "Proxima-Nova";
    color: #212322; 
}

.document-brief p {
    font: 300 14px/20px "Proxima-Nova";
    color: #212322; 
}

.document-brief .file-size {
    font: 300 14px/20px "Proxima-Nova";
    color: #212322;
}

.related-box {
    padding-bottom: 1px;
    width: auto;
    -moz-box-shadow: 1px 1px 1px 1px #B7B6B6;
    -webkit-box-shadow: 1px 1px 1px 1px #B7B6B6;
    box-shadow: 1px 1px 1px 1px #B7B6B6;
    margin-bottom:2em;
}

.related-box h4 {
    padding: 14px 0px 13px 17px;
    font: 700 18px/22px "Proxima-Nova";
    color: #212322;
    
    /* Old browsers */
    background: #fefafa; 

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YjlhOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    
    /* FF3.6+ */
    background: -moz-linear-gradient(top,  #fefafa 0%, #9b9a9a 100%); 
    
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefafa), color-stop(100%,#9b9a9a)); 
    
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top,  #fefafa 0%,#9b9a9a 100%); 
    
    /* Opera 11.10+ */
    background: -o-linear-gradient(top,  #fefafa 0%,#9b9a9a 100%); 
    
    /* IE10+ */
    background: -ms-linear-gradient(top,  #fefafa 0%,#9b9a9a 100%); 
    
    /* W3C */
    background: linear-gradient(to bottom,  #fefafa 0%,#9b9a9a 100%); 
    
    /* IE6-8 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefafa', endColorstr='#9b9a9a',GradientType=0 ); 


}
.related-box p {
    padding: 10px 0 0 18px;
    margin-bottom: 5px;
}
.related-box li {
    padding: 3px 0;
    
}
.related-box a {
    text-decoration: underline; 
}

.green-bar {
    margin-bottom: 10px;
    width: 100%;
    height: 11px;
    display: block;
    background: #93CE38;
    clear: both;
}



/*
*
* Arthritis Walk
*
*/




#featured-walk {
    background-repeat: none;
    background-position: 50% 0; 
}



.arthritis-walk {
    width: 960px;
}

.location-header {
    width: 631px;
    height: 44px;
    background: #A3D26A;
}

.location-header h1 {
    padding: 9px 0 0 14px;
    width: 582px;
    float: left;
    font: 700 24px/26px "Proxima-Nova";
    color: #FFF;
}

.location-header .plus {
    padding: 9px 0 0 0;
    width: 24px;
    float: left;
}

.location-header .plus a {
    width: 24px;
    height: 24px;
    display: block;
    background: url(/images/styles/btn-plus-minus.png) left top no-repeat;
}

/*.location-header .plus a:hover {
    background-position: left bottom;
    opacity: 1;
}*/

.location-body {
    width: 631px;
    height: 345px;
    background: url(/images/styles/bg-united-states.jpg) no-repeat;
}

.location-body select {
    margin:  110px 0 0 155px;
}

.location-body p {
    padding: 18px 22px;
    font: 16px/20px "Proxima-Nova";
    color: #212322; 
}

.walk-bucket-first,
.walk-bucket {
    margin: 39px 0 0 0;
    width: 204px;
    height: 192px;
    float: left;
    position: relative;
}

.walk-bucket-first {
    padding: 18px 0 0 0;
}

.walk-bucket {
    padding: 18px 12px 0 19px;
    width: 186px;
    border-left: 1px solid #A3D26A;
}

.walk-bucket-first h3,
.walk-bucket h3 {
    font: 700 18px/20px "Proxima-Nova";
    color: #015487;
}

.walk-bucket-first p,
.walk-bucket p {
    font: 14px/18px "Proxima-Nova";
    color: #212322;
}

.walk-bucket-first .button,
.walk-bucket .button {
    position: absolute;
    bottom: 4px;
    left: 90px;
}


.walk-bucket-first .button {
    left: 79px;
}

.walk-bucket .button {
    left: 98px;
}

.community, 
.featured-video {
    margin-top: 26px;
}

.featured-video {
    margin-left: 36px;  
}

.community h2 {
    margin-right: 19px; 
}

.featured-video h2 {
    margin-right: 31px; 
}

.community h2,
.featured-video h2 {
    margin-bottom: 12px;    
    padding: 0 0 7px 0;
    font: 700 24px/26px "Proxima-Nova";
    color: #015487;
    border-bottom: 1px solid #C7C7C7;
}

.community-comment-count {
    padding-bottom: 22px;
}

.community-name {
    padding-right: 28px;
    float: left;
    font-weight: 700;
    clear: both;
}

.community-details {
    float: left;
}

.community-comment {
    padding: 2px 0 22px 0;
    float: left;
    clear: both;    
}  

/*
*
* Search
*
*/  
.gsc-thumbnail-inside {
padding-left: 0 !important;
}

.gsc-url-top {
padding-left: 0 !important;
}
 

/*
*
* Disease Center
*
*/

#mantle-disease {
    height: 137px;
    border-top: 1px solid #0B3F63;
    border-bottom: 1px solid #0B3F63;
}

#disease {
    width: 100%;
    height: 137px;
    background-position: 50% 0;
    background-repeat: no-repeat;
}

#module-disease_center h2 {
    font: 700 36px/1em "Proxima-Nova";
    color: #015487;
}
#module-disease_center h5 span{
    display:none;
}
#module-disease_center h3 {
    margin: 0 0 8px 0;
    padding: 0 0 4px 0;
    font: 700 24px/26px "Proxima-Nova";
    color: #015487;
    border-bottom: 1px solid #669CBC;
}

#module-disease_center h4 {
    font: 300 22px/24px "Proxima-Nova";
    color: #015487;
    margin-bottom:20px;
}

#module-disease_center h5 {
    font: 700 18px/20px "Proxima-Nova";
    color: #212322;
}

#module-disease_center h6 {
    font: 700 16px/30px "Proxima-Nova";
    color: #212322;
}

#module-disease_center p,
#module-disease_center li {
    font: 14px/18px "Proxima-Nova";
    color: #212322; 
}

#module-disease_center ul {
    margin: 0;
    padding: 0 0 18px 18px;
}

#module-disease_center li {
    margin: 0;
    padding: 0;
    list-style: disc;   
}

#module-disease_center img {
    margin: 3px 0 10px 20px;
    padding: 3px;
    float: right;
    -moz-box-shadow: 0px 0px 7px #D8D8D8;
    -webkit-box-shadow: 0px 0px 7px #D8D8D8;
    box-shadow: 0px 0px 7px #D8D8D8;
}

#module-disease_center .topics ul {
    margin: 0;
    padding: 0 0 0 5px;
    float: left;
    width: 205px;
    min-height: 151px;
}

#module-disease_center .topics li {
    margin: 0;
    padding: 0;
    list-style: none;
    font: 17px/28px "Proxima-Nova";
    color: #212322;
}

.a-z {
    clear: both;
}

.a-z h1 {
    margin: 0 0 -1px 0;
    padding: 5px 10px;
    font: 700 24px/26px "Proxima-Nova";
    color: #FFF;
    background: #499DCF;
    width:622px;
}

.alphabet {
    padding-top: 10px;
    width: 100%;
    border-left: 1px solid #B5B5B5;
    border-bottom: 1px solid #B5B5B5;
    border-right: 1px solid #B5B5B5;
}

#module-disease_center .alphabet-letters h2 {
    padding: 1px 0 0 20px;
    font: 700 48px/50px "Proxima-Nova";
    color: #499DCF; 
}

.alphabet-section {
    padding-bottom: 24px;
    /*width: 492px;*/
}

#module-disease_center .alphabet-section ul {
    margin: 0;
    padding: 20px 0 0 0;
}

#module-disease_center .alphabet-section li {
    padding: 0 150px 9px 0;
    list-style: none;
    font: 14px/18px "Proxima-Nova";
    color: #212322;
}

.alphabet-section li a {
    color: #212322;
    text-decoration: underline;
}

.alphabet-section li a:hover {
    text-decoration: underline;
}
#page_content ul {
    list-style-type:disc;
    margin-left:20px;
}

#module-joints-in-motion {
    background:url() no-repeat top left;
    position:absolute;
    min-height:500px;
    z-index:-1;
}
#module-dinners-and-galas {
    background:url() no-repeat top left;
    position:absolute;
    min-height:500px;
    z-index:-1;
}

#module-search .gsc-thumbnail-inside, #module-search .gsc-url-top {
    padding-left:0;
}
#page_overlay {
    display:none;
}
#Table2 td {
    vertical-align: top;
    padding:0 3px;
}
.nb {
    bottom:0;
    position:absolute;
}
#Table2 input.error {
    margin-bottom:0;
}



/*------TO MAKE YOUTUBE VIDEOS RESPONSIVE--------------
--------Wrap them in DIV with class YouTubeRspnsv -----
-------------------------------------------------------*/

.YouTubeRspnsv{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0;
    overflow: hidden;
    width:100%;
    margin: 0px auto;
    margin-bottom: 20px;
}
.YouTubeRspnsv iframe,
.YouTubeRspnsv object,
.YouTubeRspnsv embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}

/*---------------------------------------------------------
    2014-06-03 - SC
----------------------------------------------------------*/
/*Content Page Settings*/
div.article-photo {float:right;padding: 7px;padding-top: 0px;}
div.byline {margin: 5px 0 5px 0;}
div.print-article {display:none;}
/*submitted message style */
#module-privacy-form > span.submitted {color: #FF8200;font: 14px/16px "Proxima-Nova"; margin:3px;display:block;}


/*FB Like Buttons */
/* fix doe FB Like */

.fb-like {
/*padding-left:10px;*/
    width:47px;
}
.twitter-like {
width:47px;}


/*FB Like buttons container*/
ul.like-buttons{float:left;list-style: none;margin: 0;padding: 0;width: 100%;height: 29px;}
ul.like-buttons li{display: block;float: left;margin-right: 10px;margin-left: 0px;}


/*---------------------------------------------------------
    3-column layout
----------------------------------------------------------*/
div.eight.columns.landing-col-2,
div.seven.columns.product-col-2 {margin: 0px;}
div.four.columns.landing-col-3 {margin-right: 0px;margin-left:18px;}
    
/*---------------------------------------------------------
    Home
----------------------------------------------------------*/
div.spotlight {margin-bottom:20px;}
div.spotlight div.twenty_percent {min-width:19%; margin-left:1%;margin-right: 1%; float:left;}
div.spotlight div.eighty_percent {max-width:64%; float:left;}
div.spotlight span.tagline {color:#FF8200; text-transform:uppercase;font-size:14px; line-height:16px; font-weight:700;text-align:center;margin:0px auto; display:block;}

/*---------------------------------------------------------
    /Home
----------------------------------------------------------*/
/*
div.flexslider li div.slide-content {float:left;position:relative;opacity:0.3; background-color:#FFFFFF;;top:-90px;padding:10px; }
div.flexslider li div.slide-content h1 {color:#007EB8; font-size:20px;line-height:20px;margin-bottom:3px;}
div.flexslider li div.slide-content p {margin-bottom:5px;font-weight:700; font-size:13px; line-height:normal;} 
div.flexslider li div.slide-content a {text-transform:uppercase;font-weight:700;}
*/
/*---------------------------------------------------------
    Content Blocks
----------------------------------------------------------*/
/*Common*/
div.section-list {padding: 0px 0px 10px 0px;margin-bottom:20px;}
div.section-list.wysiwyg {padding: 0;}

div.section-list h2 {
/*2015-03-31 - Use default h2 CSS set in base.css
    border-bottom: 2px solid #A2AAAD;
    font-size:17px; line-height:19px; 
    color: #326295;
    margin: 0px 0px 1px 0px;
    padding: 0px; padding-bottom:3px; 
    text-transform:uppercase;
*/
}
div.section-list h2.orange {color: #FF8200;}
div.section-list p.date-caption {margin-top:0px;margin-bottom:0px;font-style:italic;}

/*Standard List*/
div.section-list.standard-list section {margin-top:10px;}
div.section-list.standard-list div.item-text h3 {margin-bottom:0px;margin-top:0px;}
div.section-list.standard-list div.item-text h3 a:hover {text-decoration:none;}
div.section-list.standard-list section div.item-text {float:left; width:69%; padding-left:3%;}
div.section-list.standard-list section div.item-image {float:left; width:28%;}
/*2015-11-20 - SC - Allow for different size images*/
div.section-list.standard-list section div.item-image.icon_small {width:5.5%;}
div.section-list.standard-list section div.item-text.icon_small {width:91.5%;}
div.section-list.standard-list section div.item-image.icon_large {width:11%;}
div.section-list.standard-list section div.item-text.icon_large {width:86%;}
div.section-list.standard-list section div.item-text.no-image {padding-left:0px; width:100%;}
div.section-list.standard-list section div.item-image img {padding: 0; 
        border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
/*Accomodate different dimensions in single column template*/
div.sixteen.columns div.section-list.standard-list section div.item-image.icon_large {width:8%;}
div.sixteen.columns div.section-list.standard-list section div.item-text.icon_large {width:90%;padding-left:2%;}

/*See all upcoming events*/
div.section-list.standard-list section div.link-right {width:100%; text-align:right; font-weight:bold; }

/*Article List*/
div.home-article-list {border: 2px solid #00AD50;padding-top:3px; padding-bottom:5px;}
div.home-article-list h2 {margin-right:5px; color: #326295;border-bottom: 2px solid #A2AAAD;}
div.home-article-list section {margin-top:5px;} 
/*2014-09-15 - Home advocacy & access - Adjustment from above which positions picture of last item to touch bottom border*/
div.home-article-list section:last-child {margin-bottom:-10px;} 
div.home-article-list div.item-text {}
div.home-article-list div.item-text h3 {font-size:13px;line-height:15px;margin-bottom:3px;}
div.home-article-list div.item-text h3 a,
div.home-article-list div.item-text h3 a:hover {text-decoration:none;}
div.home-article-list div.item-text p {font-size:13px;margin-bottom:3px;}
div.home-article-list div.item-image {margin:0px 5px 0px 3px;float:right;width:50%;}

/*featured-article List - home page*/
div.section-list.featured-article-list {border: 2px solid #00AD50;padding: 10px;}
div.section-list.featured-article-list section {margin-top:5px;} 
div.section-list.featured-article-list h2 {color: #007EB8;border-bottom: 2px solid #91a3c1;}
div.section-list.featured-article-list div.item-image {width:48%;float:left;}
div.section-list.featured-article-list div.item-text {width:48%;float:right;}
div.section-list.featured-article-list div.item-text h3 {font-weight:700;color:#212322; font-size:13px;line-height:15px;margin-bottom:3px;}
div.section-list.featured-article-list div.item-text h3 a,
div.section-list.featured-article-list div.item-text h3 a:hover {text-decoration:none;color:#212322;}
div.section-list.featured-article-list div.item-text p {color:#212322; font-size:13px;margin-bottom:3px;}
div.section-list.featured-article-list section div.item-image img {width: 96%;padding: 0;
                            /*border: 4px solid #ffffff;
                            -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
                            -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
                            box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);*/
}

/*News List*/
div.section-list.home-news-list section {margin-top:5px;} 
div.section-list.home-news-list div.item-text h3 {font-size:15px;line-height:17px;margin-bottom:3px;}
div.section-list.home-news-list div.item-text h3 a,
div.section-list.home-news-list div.item-text h3 a:hover {text-decoration:none;}
div.section-list.home-news-list section div.item-text {float:none; width:auto; }
div.section-list.home-news-list div.item-text p {margin-bottom:3px;}
div.section-list.home-news-list section div.item-image {width:auto;}
div.section-list.home-news-list section div.item-image img {width: 96%;border: 4px solid #ffffff;padding: 0;
                            -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
                            -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
                            box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
}

/*widget section list */ 
div.section-list.widget {margin-right: 0px; margin-left: 0px; margin-bottom: 20px; padding-bottom: 10px;}
div.section-list.widget.left {margin-bottom: 0px; padding-bottom: 0px;} 
div.section-list.widget.right {background-color: #f2f2f2;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
div.section-list.widget section {border-top: 1px solid #A2AAAD;padding-top: 10px;}
div.section-list.widget section:first-child {border-top:none;padding-top:0px;}
div.section-list.widget div.item-text h3 {margin-top: 3px; font-size: 16px; line-height: 18px; margin-bottom: 0px;}
div.section-list.widget.left div.item-text h3 a {color:#00AD50;}
div.section-list.widget.left div.item-text h3 a:hover {color:#212322;}
div.section-list.widget div.item-text p {margin-bottom: 10px;}
div.section-list.widget section div.item-image {width:auto;}
div.section-list.widget section div.item-image img {width: 96%;border: 4px solid #ffffff;padding: 0;
                            -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
                            -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
                            box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);}
div.section-list.widget.right section:first-child {padding-top:10px;}
div.section-list.widget.right section {margin-left: 15px;margin-right: 15px;}

/* Links List a to z */
div.link-list-table.a-z {margin-bottom:20px;}
div.link-list-table.a-z > h2{ margin: 0 0 -1px 0;padding: 5px 10px;font-size:24px; line-height:26px; color: #FFF;background: #00AD50; }
div.link-list-table.a-z > section{padding-top: 10px;border: 1px solid #a2aaad;border-top:none;}
div.link-list-table.a-z > section.border:first-child {border-top: 1px solid #a2aaad;}
div.link-list-table.a-z > section div.heading {float:left; width:25%;}
div.link-list-table.a-z > section div.links {float:left;width:74%;}
div.link-list-table.a-z > section div.heading h2,
div.link-list-table.a-z > section div.heading h3{padding: 1px 0 0 20px;font-size: 34px; line-height: 38px;margin-top: 12px;}
div.link-list-table.a-z > section div.links ul {margin: 0;padding: 15px 0 10px 0;}
div.link-list-table.a-z > section div.links ul li {padding: 0px; margin: 0px; margin-bottom:3px; list-style: none;}
div.link-list-table.a-z > section div.links ul li a {font-size: 20px;line-height: 22px;}

/*Grid Section Boxes */
div.section-grid > section {width:45%;float:left;margin: 0px; margin-right:3%; margin-bottom:20px; padding:10px; border: 1px solid #BEBEBE;}
div.section-grid div.item-image {margin:0px auto; text-align:center;}
div.section-grid div.item-image img {width:100%;}

/*Grid 2 wide box */
div.section-grid.grid-2 > section {width:45%;height: auto;}
div.section-grid.grid-2 h3 {font: 700 18px/20px "Proxima-Nova", arial; color:#212322; margin-bottom:3px; text-align:center;}
div.section-grid.grid-2 h3 a:hover {text-decoration:none;}
div.section-grid.grid-2 section div.item-text {height:105px;}
div.section-grid.grid-2 section div.item-text > p {margin-bottom: 0px;}

/*Grid 3 wide box - used primarily for Ease of Use products*/
div.section-grid.grid-3 > section {width:28%; margin-left:1%; margin-right:1%; border:none;height: 200px;}
div.section-grid.grid-3 > section > div.item-image {height:160px; border:1px solid #b9b9b9;margin-bottom:10px;padding:5px;vertical-align: middle;display: table-cell;width: inherit;} 
div.section-grid.grid-3 > section > div.item-image img {width:auto;max-height:100%;height:120px;} 
div.section-grid.grid-3 h3 {font: 700 12px/14px "Proxima-Nova", arial; color:#212322; margin-bottom:3px; text-align:center;}
div.section-grid.grid-3 h3 a:hover {text-decoration:none;}
div.section-grid.grid-3 > section > div.item-text p {font-size:12px;} 
/*vertically align image in parent div */
/*div.section-grid.grid-3 > section > div.item-image {display:table;} 
div.section-grid.grid-3 > section > div.item-image img {display:inline-block; display:table-cell;}*/  /*inline block for older IE*/

/*gallery view - control the height of the text boxes*/
div.eou div.section-grid.grid-3 > section {height: auto;padding-bottom: 0px;}
div.eou div.section-grid.grid-3 > section > div.item-text {height: 140px;margin-top:7px;}
div.eou div.section-grid.grid-3 > section > div.item-text h3 {text-align:left;}
/*pagination - UI*/
div.eou div.paginate {background-color: #E8E8E8;overflow: auto;clear: both;}
div.eou div.paginate a {font: 700 14px/16px "Proxima-Nova", arial; }
div.eou div.paginate li.selected {background-color:#6ba8ca;;} 
div.eou div.paginate li.selected a {color:#FFF !important;}


/*Grid 4 wide box */
div.section-grid.grid-4 > section {width:20%; margin-right:2%;}
div.section-grid.grid-4 h3 {font: 700 17px/18px "Proxima-Nova", arial; color:#212322; margin-bottom:3px; text-align:center;}
div.section-grid.grid-4 h3 a:hover {text-decoration:none;}
div.section-grid.grid-4 section div.item-text {height:60px;}
div.section-grid.grid-4 section div.item-text > p {margin-bottom: 0px;}
/*Far right box should have no margin */
div.section-grid > section.right {margin-right:0%;}

/*Biography List */
div.biography-list section {margin-top:10px;}
div.biography-list h2 {margin-top:0px;}
div.biography-list div.item-text h3 {font-size:18px;font-weight:bold;margin-bottom:0px;}
div.biography-list section div.item-text {float:left; width:70%; padding-left:2%;}
div.biography-list section div.item-image {float:left; width:28%; padding-bottom: 15px;}
div.biography-list section div.item-image img {width: 96%;border: 4px solid #ffffff;padding: 0;
                            -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
                            -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
                            box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);}
                            
/*Program Headings */
div.program-heading{border: 1px solid #8cd4f1; padding: 2%; margin-bottom: 20px;}
div.program-heading div.item-text {float:left; width:45%;padding-right:5%;}
div.program-heading div.item-text h1{color: #8cd4f1; border-bottom: 1px solid #8cd4f1; padding-bottom: 3%; max-width: 95%;}
div.program-heading div.item-image {float:left; width:50%;}
div.program-heading div.item-image img {width: 96%;border: 4px solid #ffffff;padding: 0;
                            -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
                            -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
                            box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);}

/*structured content list */
div.content-list h2 {margin-bottom:0px;}
div.content-list ul {margin: 0;padding: 0 0 18px 18px;}
div.content-list li {margin: 0;padding: 0;}

/*Grant List */
div.grant-list {border-top: 1px solid #8cd4f1; padding-top: 3%;}
div.grant-list h3 {font-size:18px; font-weight:bold; margin-bottom:0px;}

/*Spotlight */
div.spotlight {/*border: 2px solid #00AD50; padding: 2%;*/ margin-bottom: 20px;}
/*div.spotlight h2 {display: block; margin-top: 5px; margin-bottom: 5px; line-height: 17px; font-size: 16px;font-weight: 700; text-transform: uppercase; color: #007EB8; border-bottom: 2px solid #91a3c1;}*/
div.spotlight div.item-text {}
div.spotlight div.item-image {float: right; width:50%;margin-left: 2%;}
div.spotlight div.item-image a:hover {opacity:0.8;}
                              
/*Upcoming Events - State*/
div.section-list.upcoming-events h2 {margin-top:0px;}
/*Events In Your Area - State*/
div.event-list-local section {border-bottom: 1px solid #e3e5e7;margin-bottom: 10px;padding: 10px;width:100%;}
div.event-list-local section:last-child {border-bottom:none;}

/*Local Office Map*/
div.map-container {margin-bottom:20px; }
div.local-office-map {width:596px;height:400px;margin: 0px auto; border: 1px solid #212322;}
div.state-list-container div {margin:0px auto;} 
div.state-list-container div ul {width: 44%;margin-left: 7%;margin-right: 2%;float:left;}
div.state-list-container div > ul:last-child {margin-left: 3%;margin-right:0px;}
div.state-list-container div ul ul {float:none;}

/* Walk Map - Clickable states */
/* see also walk.css */
div#module-arthritis-walk-2013-main-content div.map {display: block; position: relative; padding: 0px; width: 640px; height: 434px; 
                                                     background: url(/images/styles/aw-map-main.jpg) no-repeat; }


/*Career Pages */
div.career-landing ul.like-buttons {display:inline;float:right;width: 60px;margin-top:9px;overflow: hidden;}
div.career-summary {}
div.career-summary h2 {border-bottom: 2px solid #A2AAAD;margin: 0px 0px 1px 0px;padding: 0px;padding-bottom: 3px;}
div.career-summary table.career-table {width:100%;margin-bottom:20px;}
div.career-summary table td {padding:2px;}
div.career-summary table td.location{width:35%;text-align: right;padding-right: 15px;}
div.career-summary table td.job{width:70%;}
div.career-summary table td.location.header{font-weight:bold;}
div.career-summary table td.job.header{font-weight:bold;}

/*Glossary alpha index*/
div.glossary.header {margin-bottom:20px;}
div.glossary.header ul.alpha-index {list-style-type:none;  padding-bottom:10px; margin: 10px 10px 0px 0px;border-bottom: 1px solid #e3e5e7;}
div.glossary.header ul.alpha-index li {padding: 6px 8px;display:inline;margin-right: 3px;margin-left: 0px;} 
div.glossary.header ul.alpha-index li.current {background-color: #f2f2f2;font-weight:500;}
div.glossary.header ul.alpha-index li:first-child {margin-left:4px;}
    div.glossary.header ul.alpha-index li a {text-transform:uppercase;text-decoration:none;}
div.glossary.header ul.alpha-index li:hover {color:#212322;background-color: #f2f2f2;}
div.glossary.header ul.alpha-index li:hover a {color:#212322;}

/*---------------------------------------------------------
    /Content Blocks
----------------------------------------------------------*/

/*---------------------------------------------------------
    CSS For State Pages 
----------------------------------------------------------*/
div.row.state-mantle {margin-bottom:0px;}
div.bg.state-mantle{background-color: #00AD50; margin-bottom: 10px;position: relative;
                    -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
/*
div#state_landing_page_mantle_intro_left {margin-left: 0;margin-right: 0;margin-bottom:15px;padding: 1% 0 1% 2%;float:left;}
div#state_landing_page_mantle_intro_right {margin: 1% 0;float:left;}
*/
div.bg.state-mantle section {float: left;width: 45%;margin: 3% 2% 2% 3%;}
div.bg.state-mantle section.right {float: left;width: 48%;margin-left:0%;}
div.bg.state-mantle section div.state_flexslider {width:99%;}

div.state-home div.section-list.upcoming-events {padding-bottom:15px; border-bottom: 1px solid #e3e5e7; }
div.state-home div.spotlight {padding-bottom:15px; border-bottom: 1px solid #e3e5e7; }
div.state-home div.section-list.wysiwyg {padding-top:15px; border-bottom: 1px solid #e3e5e7;}

/*---------------------------------------------------------
    /CSS For State Pages 
----------------------------------------------------------*/


/*---------------------------------------------------------
    Widgets
----------------------------------------------------------*/
/*div.widget {margin: 0px 10px 25px 10px;} */
div.widget {margin: 0px 0px 20px 0px;} 
div.widget p {margin-bottom:5px; line-height: 16px; font-weight:400;}
div.widget span.header,
div.widget div.header span 
    {display:block; width:100%; font-size:18px; font-weight:700; color: #93328E; text-transform:uppercase;margin-bottom:5px;}
span.subheader { display: block; width: 100%; margin-bottom: 5px; padding-bottom: 3px; font-weight: 600; text-transform: none; color: #212322;}

hr.widgethr {border: 0; height: 1px; width: 100%; background: #ADAAAD;}

div.widget div.btns {margin: 0px auto; text-align:left;}
div.widget a.btn-blue, div.widget a.btn-standard {display:inline-block;} 
div.widget a.btn-blue:hover, div.widget a.btn-standard:hover {} 

/*Common Styles used by Related Features, Treatment Guide, Types of Arthritis*/
div.widget.links-list {width:inherit; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
                              background-color: #f2f2f2;margin:0px; margin-bottom:20px;padding-bottom: 10px;}
div.widget.links-list span.header {color: #fff;background-color: #00AD50;padding: 5px 10px;font-size: 17px;line-height: 19px;font-weight: 700;text-transform:uppercase;
                                          -moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;width:inherit;
                                          border-bottom:none;}
/*Two line header */
div.widget.links-list div.header {background-color: #00AD50;padding: 10px 15px 3px 15px;
                                          -moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;width:inherit;
                                          border-bottom:none;}
div.widget.links-list div.header span {color: #fff;}
div.widget.links-list div.header span > a {color: #fff;}
div.widget.links-list div.header span.line2 {font-weight: 400;}
div.widget.links-list section > section {margin: 15px;padding-bottom: 10px;border-bottom: 1px solid #D0D0D0;}
div.widget.links-list section > section:last-child {border-bottom: none;margin-bottom: 0px;}
div.widget.links-list section > section a {font-weight: 600;color: #212322;}
div.widget.links-list section > section a:hover {text-decoration:none;color:#00AD50;}
div.widget.links-list section > div.btns {margin-bottom:10px;text-align: right;padding-right: 10px;}
div.widget.links-list section > section p {margin-bottom:0px;}
div.widget.links-list section > section p.right {text-align:right;margin-top: 0px;}
div.widget.links-list section > section p.right a {font-weight: 600;color: #00AD50;}
div.widget.links-list section > section p.right a:hover {text-decoration:underline;}

/*donate */
div.donate {margin-left:0px; margin-right:0px; }
div.donate a.btn-donate {display:block;padding: 2%;margin: auto; height:auto;padding-top: 14px;padding-bottom: 20px;width: 96%; max-width: initial;}
div.donate a > span.line1 {text-transform:none; font-size: 18px;line-height: 20px;font-weight: bold;color:#FFFFFF;}
div.donate a > span.line2 {text-transform:none; display: block;font-size: 34px;font-weight: bold;color: #FFFFFF;margin-top: 5px;}
div.donate a > img {display:none;}

/* Help and Support */
div.help-support.widget { margin-right: 0px; margin-left: 0px; background-color: #f2f2f2; padding: 10px 15px 5px 15px; 
                          -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
div.help-support.widget span.header {color: #212322; padding-bottom: 10px;margin-bottom: 10px; border-bottom: solid 1px #212322;}
div.help-support ul {margin-left: 0px;}
div.help-support ul li {list-style-type: none;list-style-image: none;  margin-left: 5px;}
div.help-support ul li a {font-weight:700;color:#00AD50;}
div.help-support ul li a:hover {color:#212322;}



div.find-local span.header {color: #93328E; }

div.find-local #zip-form{
    background: url(/images/styles/location-point.png) left center no-repeat;
    margin: 10px 0; padding-left: 20px; position:relative; }

div.find-local div.search-input-container {display:inline-block; height:25px; width:178px; border:1px solid #A2AAAD;position:relative;}
div.find-local div.search-input-container .search-input
   {border: none;height: 100%;width: 148px;margin: 0px;padding: 0px;padding-left: 5px;font-size: 11px;border-radius: 0px;}
div.find-local div.search-input-container input.find-local-btn {
    background: url(/images/styles/icon-search-gray.png) center center no-repeat #fff;
    float:right; width:25px; height:25px; margin: 0 0 0 0px; padding: 0 0 0 0px;border:none;color:Transparent;}

#zip-form input.search{
    background: url(/images/styles/icon-search-gray.png) center right no-repeat #fff;
    position:absolute;
    top:0;
    left:183px;
    padding:0 13px;
    color:Transparent;
}
.ie9 #zip-form input.search {
    top:2px;
}
.lt-ie9 #zip-form input.search {
    top:1px;
    height:16px;
}
.lt-ie8 #zip-form input.search {
    top:2px;
    left:175px;
    height:16px;
}

/* Newsletter Signup */
/* *************************************************************************** */
/*Style for left or right column */
div.newsletter-sign-up p span.title {color:#212322;}
div.newsletter-sign-up p span.sub-title {color:#212322;font-weight:700;}
div.newsletter-sign-up p {margin-bottom: 5px; line-height: 14px; margin-top: 5px;}

/*Right Column Style - must precede left column style - same as links list*/
.widget.newsletter-sign-up {background-color: #f2f2f2;padding: 15px;margin:0px;margin-bottom:20px; 
    -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}
.widget.newsletter-sign-up span.header {color: #212322;}
.widget.newsletter-sign-up div.btns {text-align:right;}

/*Left Column Style */
div.sidebar div.widget.newsletter-sign-up {background-color: #ffffff; padding: 5px 0px 5px 0px; margin:0px;
    -moz-border-radius: 0px; -webkit-border-radius: 0px;border-radius: 0px;}
div.sidebar div.widget.newsletter-sign-up span.header {color: #93328E;}
div.sidebar div.widget.newsletter-sign-up div.btns {text-align:left; }

/* *************************************************************************** */

/* Glossary */
/* *************************************************************************** */
/*Style for left or right column */
div.glossary p span.title {color:#212322;}
div.glossary p span.sub-title {color:#212322;font-weight:700;}
div.glossary p {margin-bottom: 5px; line-height: 14px; margin-top: 5px;}

/*Right Column Style - must precede left column style - same as links list*/
.widget.glossary {background-color: #f2f2f2;padding: 15px;margin:0px;margin-bottom:20px; 
    -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;}
.widget.glossary span.header {color: #212322;}
.widget.glossary div.btns  {text-align:right;}

/*Left Column Style */
div.sidebar div.glossary {background-color: #ffffff; padding: 5px 0px 5px 0px; margin:0px;
    -moz-border-radius: 0px; -webkit-border-radius: 0px;border-radius: 0px;}
div.sidebar div.glossary span.header {color: #93328E;}
div.sidebar div.glossary div.btns  {text-align:left;}

/* *************************************************************************** */
/* KGAT */
div.kgat-cta {}
div.kgat-cta img.header {margin:0px auto;max-width:90%;display:block; margin-bottom:3px;}
div.kgat-cta p {color: #212322; line-height: 17px; text-align:left;} 
div.kgat-cta a.btn-blue {background-color:#00AD50;} 
div.kgat-cta a.btn-blue:hover {background-color:#FF8200;}

/*LWA-Learn More */
div.lwa-learn-more .heading {color:#FFFFFF; display:block; background-color:#00AD50;
                             -moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;}
/*
div.lwa-learn-more .heading span.line1, 
div.lwa-learn-more .heading span.line2
    {display:block; color:#FFFFFF;font-size: 17px; line-height: 19px; font-weight: 700; text-transform: uppercase;margin-top:0px;}
div.lwa-learn-more .heading span.line2 {font-weight:400;}
*/
div.lwa-learn-more .heading:hover {text-decoration:none;}
div.lwa-learn-more .heading:hover span {opacity:0.8;}

div.lwa-learn-more section > section {/*margin:15px;padding-bottom:10px; border-bottom: 1px solid #A2AAAD;*/}
div.lwa-learn-more section > section:last-child {padding-bottom:0px; border-bottom: none;} 
div.lwa-learn-more section section > p {margin-bottom:0px;}
div.lwa-learn-more section > div.btns {margin-bottom:0px;}

/*Widget Promo*/
div.widget.promo {text-align: center;}
div.widget.promo img {margin: 0px auto;}

/*Spotlight-widget */
/*
div.widget.spotlight {margin-bottom: 20px;}
div.widget.spotlight h2 {display: block; margin-top: 5px; margin-bottom: 5px; line-height: 17px;font-size: 16px;
                            font-weight: 700; text-transform: uppercase; color: #007EB8; border-bottom: 2px solid #91a3c1;}
div.widget.spotlight h3 {font-weight: 700; color: #212322; font-size: 13px; line-height: 15px; margin-bottom: 3px;}
*/
div.widget.spotlight div.header {background-color:#93328E;}
div.widget.spotlight div.item-image {margin: 10px auto;text-align: center;float: none;padding: 0px;}
div.widget.spotlight div.item-image img {border:1px solid #adaaad;}
div.widget.spotlight div.item-text {margin: 0px auto;width: 90%;margin-left: 6%;}
div.widget.spotlight div.item-text a.spotlight-title {display:block; font-weight: 700; color: #212322; font-size:18px;width:100%; margin-bottom:8px;}
div.widget.spotlight div.item-text a.spotlight-title:hover {text-decoration:none; color:#00AD50;}

/*Contact Us */
/*
div.local-contact-us h2 {
    border-bottom: 2px solid #A2AAAD;
    color: #FF8200;
    font-size: 16px;
    margin: 0px 0px 11px 0px;
    padding: 0px; padding-bottom:3px; 
    text-transform:uppercase;
}
*/
div.local-contact-us address {margin:4%;margin-top:10px;font-weight:500;}
div.local-contact-us span.contact-us-email-heading {margin:4%;display:block;font-weight:700;text-transform:uppercase; margin-bottom:5px;
    background: url(/images/styles/icon-mail-new.png) center left no-repeat; padding-left: 42px; height: 23px;padding-top: 5px;}
div.local-contact-us form div.btns {margin-left:4%;margin-right:4%; text-align:right;}
div.local-contact-us form input[type=submit] {width:auto;}
div.local-contact-us form input[type=text] {width:88%; margin-left:4%; margin-bottom:5px;border: 1px solid #ADAAAD;}
div.local-contact-us form textarea {width:88%; margin-left:4%; margin-bottom:5px;border: 1px solid #ADAAAD;}
div.local-contact-us form span.submitted {width:88%; margin:4%; color: #FF8200;display:block;}
div.local-contact-us span.submitted {width:88%; margin:4%; color: #326295; font-weight: bold; display: block; padding-bottom: 8px;}
div.local-contact-us div.input-special {display:none;}  /*this is an anti-spam measure */
/*reCaptcha*/
div.local-contact-us form .g-recaptcha {width:92%; margin-left:4%; margin-bottom:5px;}
div.local-contact-us form .g-recaptcha > div {margin:0px auto;} 
div.local-contact-us form .g-recaptcha iframe {width:100% !important; } 

/*Did you know rotating factoid, Testimonials factoids*/
div.factoids {margin-left:0px; margin-right: 0px; background-color: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
div.factoids span.header {display:block;background-color: #00AD50;color:#FFFFFF;padding: 3px 10px;
                             -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
                             font-weight: 600; font-size:18px; line-height:20px;text-align:center; text-transform:uppercase;
                             padding:7px 0px;}
div.factoids div.factoid_slider{padding: 15px 22px 20px 22px;position: relative;}
div.factoids div.factoid_slider ul {margin-bottom:0px;}
div.factoids div.factoid_slider li {margin-bottom:0px;list-style-type: none;list-style-image: none;}
div.factoids div.factoid_slider p {margin-bottom:0px;}

div.factoids div.factoid_slider ul.flex-direction-nav li a.flex-prev,
div.factoids div.factoid_slider ul.flex-direction-nav li a.flex-next {display:none;}

/*Testimonials rotating factoid*/
div.factoids.testimonials div.factoid_slider {background: url(/images/styles/icon-quote.png) no-repeat 5px 5px;
                                                     padding: 12px 25px 20px 29px;}
div.factoids.testimonials div.factoid_slider p.author {margin-top: 10px;color:#ADAAAD;font-weight: 500;}
div.factoids.testimonials div.factoid_slider p.author-title {color:#ADAAAD;}
/*Sometimes the slow loading of page shows all items in slider which is confusing. Only show first and then slider will control display once the page is loaded*/
div.factoids.testimonials div.factoid_slider ul.slides li {display:none;}
div.factoids.testimonials div.factoid_slider ul.slides li:first-child {display:block;}

/*Testimonials content Block slider*/
div.factoids.contentblock span.header{ text-align: left; text-indent:3%;} 
div.factoids.contentblock {margin-bottom:20px;}
div.factoids.contentblock.testimonials div.factoid_slider {background: none;}
div.factoids.contentblock.testimonials .flex-direction-nav .flex-prev,
div.factoids.contentblock.testimonials .flex-direction-nav .flex-next {top:28px; background-color:#e3e5e7;padding-bottom:5px;}
/*b/c css name is similar to above and the above slider doesn't use directional nav, this is being hidden. Force it to show.*/
div.factoids.contentblock.testimonials .flex-direction-nav .flex-prev {margin-left: 3px;display:block !important;
                                                                       background: url(/images/styles/icon-prev-next-gray.png) 1px 13px no-repeat; } 
div.factoids.contentblock.testimonials .flex-direction-nav .flex-next {margin-right:3px;display:block !important;
                                                                       background: url(/images/styles/icon-prev-next-gray.png) -23px 13px no-repeat; }
div.factoids.contentblock.testimonials .flex-direction-nav .flex-prev:hover,
div.factoids.contentblock.testimonials .flex-direction-nav .flex-next:hover {opacity:0.8;}

/*Glossary*/
div.widget.glossary a.btn-standard {}
div.widget.glossary a.btn-standard:hover {}
div.widget.glossary span.header {}

/*Photo Tile Promo*/
div.widget.photo-tile {position:relative;}
div.widget.photo-tile a.desktop {}
div.widget.photo-tile a.mobile {display:none;}
div.widget.photo-tile .item-text {
    background: rgba(0, 0, 0, 0.4);
    overflow: hidden; cursor: pointer;
    padding: 10px 10px 10px 15px; max-width: 100%; position: absolute;
    left: 0;right: 0;bottom: 4px;min-height: 15px;
    border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
div.widget.photo-tile .item-text span.header {color:#FFFFFF;text-align:center;text-transform:none;}
div.widget.photo-tile .overlay {background: rgba(0, 0, 0, 0.4); height:98.6%; width:100%;top: 0;position: absolute;
    display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
div.widget.photo-tile img {margin: 0px auto;text-align: center;
    -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
div.widget.photo-tile a:hover {text-decoration:none;}
div.widget.photo-tile a:hover div.item-text {background-color: rgba(0, 0, 0, 0);}
div.widget.photo-tile a:hover div.overlay {background-color: rgba(0, 0, 0, 0,0.4); display:block;}

/*-----------------------------------------------------------------------
/   Social Media Widgets
------------------------------------------------------------------------*/
/*Content Block*/
div.block.social-media {margin-bottom:20px; padding-bottom:15px; border-bottom: 1px solid #e3e5e7;}
div.block.social-media div.feed-container {width: 98%;padding:1%;height: 280px;}
div.block.social-media div.feed-container iframe {width: 100% !important;height:100% !important;}

/*Widget - common*/
div.widget.social-media {padding-bottom:0px;}
div.widget.social-media iframe {width:100% !important;height:100% !important;overflow: hidden;overflow-y: scroll;}

/*Widget - facebook*/
div.widget.social-media section div.facebook {width: 98%;padding:1%;height: 280px;padding-bottom:10px;}
div.widget.social-media section div.facebook iframe {}

/*Widget - twitter*/
div.widget.social-media section div.twitter {width: 99%;padding:1%;height: 230px;/*overflow: hidden;overflow-y: scroll;*/}

/*Widget - instagram*/
div.widget.social-media section div.instagram {width: 98%;padding:1%;height: 280px;}
div.widget.social-media section div.instagram iframe {}
                                
/*-----------------------------------------------------------------------
/   /Social Media Widgets
------------------------------------------------------------------------*/


/*---------------------------------------------------------
    LWA - Widgets
----------------------------------------------------------*/
div.widget-column.right.float {float:right;margin:0px; margin-left: 10px;padding:0px; max-width:300px;}
div.widget-column.right.float img.article-photo {width: 80%;margin: 0px 10% 20px 10%;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

/*alternate mobile only to show below main content*/
div.blog-widget-mobile {display:none;}
/*alternate mobile only to show below main content*/
div.mobile-only {display:none;}

/*Related Features
div.widget.related-features { -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
                              background-color: #f2f2f2;margin:0px; margin-bottom:15px;padding-bottom: 5px;}
div.widget.related-features span.heading {display: block;color: #fff;background-color: #93328E;padding: 10px 15px;font-size: 17px;line-height: 19px;font-weight: 700;text-transform: uppercase;
                                          -moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;}
*/
div.widget.related-features article {margin: 10px 15px;padding-bottom: 10px;border-bottom: 1px solid #D0D0D0;}
div.widget.related-features article:last-child {border-bottom: none;margin-bottom: 0px;}
div.widget.related-features article a {font-weight:700; color:#212322;}
div.widget.related-features article a:hover {text-decoration:none; color:#00AD50;}
div.widget.related-features article p {margin-bottom: 0px;}
div.widget.related-features > p {margin-left:15px;}

/*Types of Arthritis
div.widget.types-of-arthritis {width:inherit; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
                              background-color: #f2f2f2;margin:0px; margin-bottom:15px;padding-bottom: 5px;}
div.widget.types-of-arthritis section > span.header {color: #fff;background-color: #93328E;padding: 5px 10px;font-size: 17px;line-height: 19px;font-weight: 700;
                                          -moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;width:inherit;
                                          border-bottom:none;}
div.widget.types-of-arthritis section > section {margin: 15px;padding-bottom: 10px;border-bottom: 1px solid #D0D0D0;}
div.widget.types-of-arthritis section > section:last-child {border-bottom: none;}
div.widget.types-of-arthritis section > section a {font-weight: 600;}
div.widget.types-of-arthritis section > div.btns {margin-bottom:10px;}
*/

/*Treatment Guide
div.widget.treatment-guide {width:inherit; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
                              background-color: #f2f2f2;margin:0px; margin-bottom:15px;padding-bottom: 5px;}
div.widget.treatment-guide section > span.header {color: #fff;background-color: #93328E;padding: 5px 10px;font-size: 17px;line-height: 19px;font-weight: 700;
                                          -moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;width:inherit;
                                          border-bottom:none;}
div.widget.treatment-guide section > section {margin: 15px;padding-bottom: 10px;border-bottom: 1px solid #D0D0D0;}
div.widget.treatment-guide section > section:last-child {border-bottom: none;}
div.widget.treatment-guide section > section a {font-weight: 600;}
*/

/*---------------------------------------------------------
    LWA - Widgets Weather
----------------------------------------------------------*/
/*Style for left or right column */
div.widget.weather #zip-form-weather{background: url(/images/styles/location-point.png) left center no-repeat;margin: 10px 0; padding-left: 20px; position:relative;margin:10px 0 10px 15px; }
div.widget.weather div.search-input-container {display:inline-block; height:25px; width:100%; border:1px solid #A2AAAD;background-color:#FFFFFF; position:relative;}
div.widget.weather div.search-input-container .search-input {border: none;height: 100%;width: 80%;margin: 0px;padding: 0px;padding-left: 5px;font-size: 11px;border-radius: 0px;}
div.widget.weather div.search-input-container input.find-local-btn {background: url(/images/styles/icon-search-gray.png) center right no-repeat #fff; float:right; width:25px; height:25px; margin: 0 0 0 0px; padding: 0 0 0 0px;border:none;color:Transparent;}
div.widget.weather #zip-form-weather input.search{background: url(/images/styles/icon-search-gray.png) center right no-repeat #fff;position:absolute;top:0;left:183px;
                                                  padding:0 13px;margin: 0px 0px 20px 10px;color:Transparent;}
div.widget.weather .ie9 #zip-form-weather input.search {top:2px;}
div.widget.weather .lt-ie9 #zip-form-weather input.search {top:1px;height:16px;}
div.widget.weather .lt-ie8 #zip-form-weather input.search {top:2px;left:175px;height:16px;}
div.widget.weather p {margin: 0px 0px 10px 15px;}
div.widget.weather .weatherimg {float:right; height: auto; width: 28%; max-width:90px; margin:-15px 2% 5px 1%;}

/*Weather -Right Column Style - must precede left column style - same as links list*/
div.widget.weather {width:inherit; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
                              background-color: #f2f2f2;max-width:300px; margin:0px auto; margin-bottom:20px;padding-bottom: 5px;}
div.widget.weather div.header {background-color: Transparent;padding:15px 15px 0px 15px;margin-bottom:10px;width:inherit;border-bottom:none;}
div.widget.weather div.header span {color: #212322;}
div.widget.weather div.header span:line2 {font-weight: 400;}
div.widget.weather div.search-input-container {width: 64%;}

/*Weather -Left Column Style */
div.sidebar div.widget.weather {background-color:Transparent; -moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
div.sidebar div.widget.weather div.header{width:58%;
    background-color: Transparent;margin-bottom: 10px;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;
    padding:0px;}
div.sidebar div.widget.weather div.header span{width: 100%; font-size: 18px; font-weight: 700; color: #93328E; text-transform: uppercase;}
div.sidebar div.widget.weather div.search-input-container {width: 90%;}
div.sidebar div.widget.weather .weatherimg {margin-top:-45px;}
div.sidebar div.widget.weather p {margin-left: 0px;}
div.sidebar div.widget.weather #zip-form-weather {margin-left:0px;}

/*---------------------------------------------------------
    LWA - Widgets Med Tracker Login
----------------------------------------------------------*/
div.widget.my-med-tracker {margin-left: 0px; margin-right: 0px;margin-bottom:0px;}
div.widget.my-med-tracker p {text-align:left;}
div.widget.my-med-tracker p > a.btn-standard {max-width:none;width:auto;}
div.widget.my-med-tracker div.left {float:left; width:48%;margin-bottom:10px;}
div.widget.my-med-tracker div.left > a.btn-standard {max-width:none;width: 75px;min-width: initial;}
div.widget.my-med-tracker div.left > p {margin-top:4px;}

/*--------------------------------------------------------------------------------
* Widgets - DKH 3/10/2015
--------------------------------------------------------------------------------*/

/* ------ Subscribe ------ */
div.widget.jakids-large {margin-bottom: 10px;}
div.widget.jakids-large ul {margin-bottom: 20px;margin-bottom: 5px;}
div.widget.jakids-large img {width:100%;}
div.widget.jakids-large ul li {margin-left: 0px;margin-bottom:2px; list-style-image: url(/images/styles/icon-caret-gray.png);}
div.widget.jakids-large div.btns {text-align:right;}
div.widget.jakids-large div.btns a {font-weight:700;}

/* ------ Subscribe ------ */
div.widget.subscribe {}
div.widget.subscribe img 
        { /* display: block; */ margin: 0px auto; margin-top: 10px; margin-bottom: 10px; float: right;}
div.widget.subscribe div.content-text {float: none; margin:10px;margin-left:0px;}
div.widget.subscribe div.content-text p {text-align:left; font-weight: bold;}
div.widget.subscribe div.content-text ul { margin-top: 13px; margin-bottom: 0px; list-style-position: inside;}
div.widget.subscribe div.content-text ul li {margin:3px 0px; list-style-image: url(/images/styles/icon-caret-gray.png);}
div.widget.subscribe div.content-text ul li a {}

/* ------ Track and React ------ */
div.widget.track-react {width:inherit; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
                              background-color: #f2f2f2;margin:0px; margin-bottom:20px;padding-bottom: 5px;}
div.widget.track-react > section > span.header {color: #fff;background-color: #93328E;padding: 5px 15px;
                                          -moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;width:inherit;
                                          border-bottom:none;}
div.widget.track-react > section > section {margin:15px;  margin-bottom: 0px;}
div.widget.track-react div.btns {margin-top: -15px; margin-bottom:5px;text-align: right;padding-right: 10px;}

div.widget.track-react section ul {margin-left:15px;  margin-bottom: 0px;}
div.widget.track-react section li {margin-left: 0px; list-style-image: url(/images/styles/icon-caret-gray.png);}
div.widget.track-react section div.img-container {float: right; margin: 0px 10px 0px 10px;}


/*-----------------------------------------------------------------------
    Widget - Related Resources - Toolkit (most styles inherited from links-list)
-------------------------------------------------------------------------*/
div.widget.links-list.related-resources {/*border:1px solid #93328E;*/max-width:300px;margin: 0px auto;margin-bottom: 20px;}
div.widget.links-list.related-resources.purple span.header, 
div.widget.links-list.related-resources.purple div.header {background-color: #93328E;}
div.widget.links-list.related-resources.purple section > section a, 
div.widget.links-list.related-resources.purple section > section p.right a {color: #93328E;}
div.widget.links-list.related-resources.aqua span.header, 
div.widget.links-list.related-resources.aqua div.header {background-color: #00a7b5;}
div.widget.links-list.related-resources.aqua section > section a, 
div.widget.links-list.related-resources.aqua section > section p.right a {color: #00a7b5;}
div.widget.links-list.related-resources.lime span.header, 
div.widget.links-list.related-resources.lime div.header {background-color: #D0DF00;}
div.widget.links-list.related-resources.lime section > section a, 
div.widget.links-list.related-resources.lime section > section p.right a {color: #00AD50;}
div.widget.links-list.related-resources.orange span.header, 
div.widget.links-list.related-resources.orange div.header {background-color: #FF8200;}
div.widget.links-list.related-resources.orange section > section a, 
div.widget.links-list.related-resources.orange section > section p.right a {color: #FF8200;}
div.widget.links-list.related-resources.blue span.header, 
div.widget.links-list.related-resources.blue div.header {background-color: #238edf;}
div.widget.links-list.related-resources.blue section > section a, 
div.widget.links-list.related-resources.blue section > section p.right a {color: #238edf;}
div.widget.links-list.related-resources.purple section > section a:hover,
div.widget.links-list.related-resources.aqua section > section a:hover,
div.widget.links-list.related-resources.lime section > section a:hover, 
div.widget.links-list.related-resources.orange section > section a:hover,
div.widget.links-list.related-resources.blue section > section a:hover  {color:#212322;} 

/* ------ Where Does it Hurt - Widget and Content Block------ */
/*Settings Common to left,right*/
div.widget.where-it-hurts ul {margin-left:15px;}
div.widget.where-it-hurts div.bul {float: right; margin: 0 5px 0 0;}
div.widget.where-it-hurts ul li {margin: 0px;list-style-image: url(/images/styles/icon-caret-gray.png);}

section.where-does-it-hurt-diagram-small {position: relative; background: url(/images/styles/widg-hurt.png) center no-repeat; height: 254px; width: 98px; margin: 0 0 10px 5px; float: right;}
section.where-does-it-hurt-diagram-small {}
section.where-does-it-hurt-diagram-small a {position: absolute; display: block; width: 14px; height: 16px; background: url(/images/styles/sprites.png) -503px -28px;}
section.where-does-it-hurt-diagram-small a:hover {background: url(/images/styles/sprites.png) -527px -28px;}

/*Where it hurts - Right column precedes left column CSS*/
div.widget.where-it-hurts {width:inherit; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
                              background-color: #f2f2f2;margin:0px; margin-bottom:15px;padding-bottom: 5px;}
div.widget.where-it-hurts div.header {background-color: #00AD50;padding: 10px 15px 3px 15px;
                                          -moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;width:inherit;
                                          border-bottom:none;}
div.widget.where-it-hurts div.header span {color: #fff;}
div.widget.where-it-hurts div.header span.line2 {font-weight: 400;}
div.widget.where-it-hurts section.where-does-it-hurt-diagram-small {margin:0 20px 10px 5px;}
div.widget.where-it-hurts span.subheader {margin-left:15px; margin-top:15px;}
div.widget.where-it-hurts ul {margin-left:30px;} 
div.widget.where-it-hurts div.btns {margin-left:15px;}

/*Where it hurts - Left column*/
div.sidebar div.widget.where-it-hurts {
                              -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
                              background-color: #FFFFFF;padding-bottom: 0px;}
div.sidebar div.widget.where-it-hurts div.header {background-color: #FFFFFF;padding: 0px;
                                          -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}
div.sidebar div.widget.where-it-hurts div.header span {color: #93328E;}
div.sidebar div.widget.where-it-hurts section.where-does-it-hurt-diagram-small {margin:0 0px 10px 5px;}
div.sidebar div.widget.where-it-hurts span.subheader {margin-left:0px; margin-top:0px;}
div.sidebar div.widget.where-it-hurts ul {margin-left:15px;} 
div.sidebar div.widget.where-it-hurts div.btns {margin-left:0px;}

/*Where it hurts - pain pop CSS*/
    section#widget-hurt a {width: 159px; height: 27px; background-position: -83px -132px; clear: both; margin: 6px 0 0 0;}
    section#widget-hurt a:hover {background-position: -246px -132px;}
    
    section.where-does-it-hurt-diagram-small a.neck {left: 42px; top: 28px;}
    section.where-does-it-hurt-diagram-small a.back {left:42px; top:57px;}
    section.where-does-it-hurt-diagram-small a.shoulders {left: 65px; top: 45px;}
    section.where-does-it-hurt-diagram-small a.elbows {left:10px; top:76px;}
    section.where-does-it-hurt-diagram-small a.hips {left:22px; top:105px;}
    section.where-does-it-hurt-diagram-small a.hands {left:82px; top:107px;}
    section.where-does-it-hurt-diagram-small a.knees {left:29px; top:165px;}
    section.where-does-it-hurt-diagram-small a.ankles {left:55px; top:200px;}
    section.where-does-it-hurt-diagram-small a.feet {left:29px; top:210px;} 
    section.where-does-it-hurt-diagram-small div#spine,
    section.where-does-it-hurt-diagram-small div#shoulders,
    section.where-does-it-hurt-diagram-small div#elbows,
    section.where-does-it-hurt-diagram-small div#hands,
    section.where-does-it-hurt-diagram-small div#hips,
    section.where-does-it-hurt-diagram-small div#knees,
    section.where-does-it-hurt-diagram-small div#ankles,
    section.where-does-it-hurt-diagram-small div#feet {display: none;}
    section.where-does-it-hurt-diagram-small div#pain-pop {position: absolute; z-index:150; display: none; width: 275px; color: #fff;} 
    section.where-does-it-hurt-diagram-small div#pain-pop div.pointer {background: url(/images/styles/sprites.png) -548px -19px; width: 15px; height: 7px; position: absolute; top: -7px; left: 130px; z-index: 200;}
    section.where-does-it-hurt-diagram-small div#pain-pop div.box {background: #fff; padding: 0 0 15px 10px; -webkit-box-shadow: #666 1px 1px 5px; -moz-box-shadow: #666 1px 1px 5px; box-shadow: #666 1px 1px 5px; behavior: url(/css/PIE.htc);}
    section.where-does-it-hurt-diagram-small div#pain-pop div.box h2 {color: #00AD50; margin: 10px 20px; font-size: 20px; border-bottom: 1px solid #00AD50;}
    section.where-does-it-hurt-diagram-small div#pain-pop div.box p {color: #212322; margin: 10px 20px 5px 20px; }
    section.where-does-it-hurt-diagram-small div#pain-pop a {float: right; position:relative; background: none; background-color: #00AD50; height: 20px; margin-right: 20px; width: 100px; font-size: 16px;line-height: 18px;}
    section.where-does-it-hurt-diagram-small div#pain-pop a:hover {background: #FF8200; text-decoration:none;}
    section.where-does-it-hurt-diagram-small div#pain-pop {}
    section.where-does-it-hurt-diagram-small li {margin-left: 0px;}

/* ----- Where Does it Hurt - Sub-Landing Content Block ----- */

    #where-does-it-hurt-main-content { width: auto; margin: 0px 0px 20px 0px; height: auto; position: relative; padding: 0px; }
    section.where-does-it-hurt-diagram ul {list-style-type: disc; list-style-position: inside; display:block;}
    section.where-does-it-hurt-diagram {width: 200px; height: 438px; position: relative; background: url(/images/styles/hurt-body.png) center no-repeat; padding: 0px;  margin: 0 auto;}
    section.where-does-it-hurt-diagram a {position: absolute; display: block; width: 23px; height: 26px; background: url(/images/styles/sprites.png) -499px -1px;}
    section.where-does-it-hurt-diagram a:hover {background: url(/images/styles/sprites.png) -523px -1px;}
    section.where-does-it-hurt-diagram a.neck {left:89px; top:61px;}
    section.where-does-it-hurt-diagram a.back {left:89px; top:113px;}
    section.where-does-it-hurt-diagram a.shoulders {left:134px; top:85px;}
    section.where-does-it-hurt-diagram a.elbows {left:36px; top:136px;}
    section.where-does-it-hurt-diagram a.hips {left:52px; top:190px;}
    section.where-does-it-hurt-diagram a.hands {left:156px; top:196px;}
    section.where-does-it-hurt-diagram a.knees {left:66px; top:274px;}
    section.where-does-it-hurt-diagram a.ankles {left:112px; top:360px;}
    section.where-does-it-hurt-diagram a.feet {left:67px; top:378px;} 
    section.where-does-it-hurt-diagram div#spine,
    section.where-does-it-hurt-diagram div#shoulders,
    section.where-does-it-hurt-diagram div#elbows,
    section.where-does-it-hurt-diagram div#hands,
    section.where-does-it-hurt-diagram div#hips,
    section.where-does-it-hurt-diagram div#knees,
    section.where-does-it-hurt-diagram div#ankles,
    section.where-does-it-hurt-diagram div#feet {display: none;}
    section.where-does-it-hurt-diagram div#pain-pop {position: absolute; z-index:150; display: none; width: 350px; color: #fff;} 
    section.where-does-it-hurt-diagram div#pain-pop div.pointer {background: url(/images/styles/sprites.png) -547px -1px; width: 27px; height: 13px; position: absolute; top: -13px; left: 162px; z-index: 200;}
    section.where-does-it-hurt-diagram div#pain-pop div.box {background: #fff; padding: 0 0 20px 0; -webkit-box-shadow: #666 1px 1px 5px; -moz-box-shadow: #666 1px 1px 5px; box-shadow: #666 1px 1px 5px; behavior: url(/css/PIE.htc);}
    section.where-does-it-hurt-diagram div#pain-pop div.box h2 {color: #00AD50; margin: 10px 20px; font-size: 20px; border-bottom: 1px solid #00AD50;}
    section.where-does-it-hurt-diagram div#pain-pop div.box p {color: #212322; margin: 10px 20px 5px 20px;}
    section.where-does-it-hurt-diagram div#pain-pop a {float: right; position:relative; background: none; background-color: #00AD50; height: 20px; margin-right: 20px; width: 100px; font-size: 16px;line-height: 18px;}
    section.where-does-it-hurt-diagram div#pain-pop a:hover {background: #FF8200; text-decoration:none;}
    section.where-does-it-hurt-diagram div#pain-pop {}
   
/*---------------------------------------------------------
    Accordion
----------------------------------------------------------*/
div.accordion {background-color: #f2f2f2;}
div.accordion span.header {display:block; padding: 5px 15px 5px 15px; margin:0px;
                           -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius:0px;
                           width:inherit;border:none; border-bottom:1px solid #D0D0D0;
                           text-transform: uppercase;color: #e3e5e7; font-weight: 700; font-size: 18px; line-height:20px; 
                           background: url(/images/styles/icon-plus-white.png) no-repeat right center;
                           background-position-x:97%; background-size:20px 20px; background-color: #ADAAAD;
                           }
div.accordion span.header.expand {background: url(/images/styles/icon-minus-white.png) no-repeat right center;
                                background-position-x:97%; background-size:20px 20px; color:#FFFFFF; background-color: #00AD50; }  
div.accordion span.header:hover{color:#FFFFFF; background-color: #00AD50;cursor:pointer;}  
div.accordion span.header:first-child {-moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;}
/*default hidden and then show on toggle*/
div.accordion div.section {background-color: transparent;border:none; padding:10px 4% 4% 4%; display:none; 
                           -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius:0px; }
div.accordion div.section.expand {display:block;}
div.accordion div.section p:last-child {margin-bottom:0px;}
div.accordion div.section h2:first-child {margin-top:0px;}

/*Adjust the image teaser size based on being in a smaller container*/
div.section-list.standard-list div.accordion section div.item-image.icon_small {width:9.5%;}
div.section-list.standard-list div.accordion section div.item-text.icon_small {width:87.5%;}
div.section-list.standard-list div.accordion section div.item-image.icon_large {width:18%;}
div.section-list.standard-list div.accordion section div.item-text.icon_large {width:79%;}

/*jQuery UI accordion style*/
div.accordion span.ui-accordion-header {background-color: #ADAAAD;padding: 5px 15px 5px 15px; margin:0px;
                           -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius:0px;
                           width:inherit;border:none; border-bottom:1px solid #D0D0D0;
                           text-transform: uppercase;color: #e3e5e7; 
                           font: 18px/20px "futura-pt", Century Gothic, Arial Narrow, sans-serif; font-weight: 700;
                           }
div.accordion span.ui-accordion-header:first-child {-moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;}
div.accordion span.ui-accordion-header.ui-accordion-header-active {color:#FFFFFF; background-color: #00AD50;}
    

/*---------------------------------------------------------
    /Widgets
----------------------------------------------------------*/

/*---------------------------------------------------------
    Lightbox
----------------------------------------------------------*/
.lightbox-bg{background: #333; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 500;opacity: 0;}
.lightbox-bg.show {opacity: 0.85;}
.lightbox { background: #FFF;position: fixed;width:auto; height: auto;top: 50%;left: 50%;z-index: 501;opacity: 0;
            border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;
            box-shadow: 1px 1px 1px #282828;
            -webkit-box-shadow: 1px 1px 1px #282828;
            -moz-box-shadow: 1px 1px 1px #282828;
            box-shadow: 1px 1px 1px #282828;
            }
.lightbox.show {opacity: 1;}
.lightbox img.lightbox-img {margin:9px; margin-top:0px; border:none; border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;}          
.lightbox .close {text-align:right; width: 100%; height: auto; padding-bottom: 0px; margin-top: -16px;z-index: 999;display: block;height: auto;}
.lightbox .close a {
            display: block;float: right;margin-top: 0px;margin-right: -16px;height:32px;width:32px;
            background: url('../images/styles/icon-close-basic-black.png') no-repeat center center;
            background-size: cover;color:Transparent;cursor: pointer;
            }
.lightbox div.lightbox-content {margin:0px auto; margin: 6% 2% 2% 2%; height:95%;
                                border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;}            
            
/* Video lightbox */
.lightbox-bg.video {width:0px; height:0px;top:0px; left:0px;z-index:0;}
.lightbox-bg.video.show {width:100%; height:100%;z-index:500;display:block;}
.lightbox.video {background-color:transparent;width:0px; height:0px;top:0px; left:0px;z-index:0;position:relative;}
.lightbox.video.show {width:100%; height:100%;z-index:501;top:50%;left:50%;position:fixed;}
.lightbox.video .close {position:absolute;top:0px;right:0px;width:auto;z-index: 16;}            
.lightbox.video iframe {position:absolute;z-index: 15;height: 99%;width: 99%;margin:0px auto;padding:0px; border: 5px solid #ffffff;}

/* WOG lightbox backdrop*/
.lightbox.backdrop {z-index: 500;background-color:transparent;position: fixed;display:none;
                        width: 720px;height: 530px;margin-left: -350px;margin-top: -250px;}
.lightbox.backdrop.show {display:block;}
.lightbox .backdrop-container {position:absolute;height:100%;width:100%;background-color: transparent;}
.lightbox .backdrop-container .circle {position: absolute;height:160px;width:160px;border-radius:1000px;z-index:0;border:16px solid #00AD50;
                                background-color:#000000;color:#FFFFFF;}
.lightbox .backdrop-container .circle.title {top: 38%;left: -26%;z-index:10;border-width:10px;}
.lightbox .backdrop-container .circle.intro {top: 64%;left: -27%;height:200px;width:200px;border-width:10px;background-color:#EFEFEF;z-index:9;}
.lightbox .backdrop-container .circle.notext {top: 36%;left: -10%;height:400px;width:400px;opacity:0.6;}
.lightbox .backdrop-container .circle.hashtag {top: 32%;left: 48%;height:460px;width:460px;opacity:0.6;}

.lightbox .backdrop-container .circle .item-text {position:absolute;color:#FFFFFF;text-align:center;font-size:16px;} 
.lightbox .backdrop-container .circle.title .item-text {top:31%;left:20%;font-weight:600;font-size:38px;} 
.lightbox .backdrop-container .circle.title span {color:#00AD50;font-size:inherit;} 
.lightbox .backdrop-container .circle.title span.sub-title {display:block;font-size:24px;text-transform:uppercase;letter-spacing:3px;color:#FFFFFF;font-weight:500;} 
.lightbox .backdrop-container .circle.intro .item-text {top:28%;left:10%;text-align:right;width:70%;font-size:16px;line-height:18px;} 
.lightbox .backdrop-container .circle.intro p {color:#212322;font-size:inherit;line-height:inherit;} 
.lightbox .backdrop-container .circle.hashtag .item-text {top:78%;left:20%;font-weight:500;font-size:30px;} 
.lightbox .backdrop-container .circle.hashtag a {color:inherit;font-size:inherit;} 
.lightbox .backdrop-container .circle.hashtag a:hover {color:inherit;font-size:inherit;text-decoration:underline;} 
.lightbox .backdrop-container .circle.hashtag span {color:#00AD50;font-size:inherit;} 

/*---------------------------------------------------------
    /Lightbox
----------------------------------------------------------*/

/*Lightbox - Download mobile app - use !important b/c height, width set dynamically*/
.lightbox.smartbanner {left:0 !important;top:initial !important; bottom:0 !important;width:100% !important;height:82px !important;overflow:hidden;margin-bottom: 0px;
    margin-left:0px !important; margin-top:0px !important; 
    background:#fff;border-bottom: 1px solid #adaaad;
    -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;
	border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;
	box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;
	opacity:1;
}
.lightbox.smartbanner .smartbanner-container {margin:0 auto;}
.lightbox.smartbanner .close {position:absolute;display:block;right:9px;top:7px;margin-top:0px;
    border-radius:14px;border:0;width:17px;height:17px;
    font-family:'ArialRoundedMTBold',Arial;font-size:15px;line-height:17px;text-align:center;text-decoration:none;
    -webkit-font-smoothing:subpixel-antialiased;
    color:#b1b1b3;background:#efefef;
}
.lightbox.smartbanner .close:active,.lightbox.smartbanner .close:hover {color:#333;}
.lightbox.smartbanner .smartbanner-icon {float: left; margin-left: 10px; margin-top: 10px; display:block;width:57px;height:57px;background-color: #fff;}
.lightbox.smartbanner .smartbanner-info {float: left; margin-left: 10px; margin-top: 10px; max-width: 35%;font-size:14px;line-height:1.2em;}
.lightbox.smartbanner .smartbanner-title {font-size:16px;line-height:17px;font-weight:bold;color:#212322;}
.lightbox.smartbanner .btn-standard{float: left;margin-left: 20px;margin-top: 18px;}

/*---------------------------------------------------------
    Lightbox-DDM
----------------------------------------------------------*/
.overlay-ddm {display:none;}
.overlay-ddm{background: #333; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 500;opacity: 0;}

.modal-ddm { display:none; background: #FFF;min-height:100px;width:300px;max-width:90%;height: auto;position:fixed;left:50%;top:50%;margin:0px auto;z-index: 501;
            border-radius: 1px;-moz-border-radius:1px;-webkit-border-radius:1px;
            box-shadow: 1px 1px 1px #282828;
            -webkit-box-shadow: 1px 1px 1px #282828;
            -moz-box-shadow: 1px 1px 1px #282828;
            box-shadow: 1px 1px 1px #282828;
            }
.modal-ddm .close {text-align:right; width: 100%; height: auto; padding-bottom: 0px; margin-top: 2px;z-index: 999;display: block;height: auto;}
.modal-ddm .close a {
            display: block;float: right;margin-top: 0px;margin-right: 2px;height:20px;width:20px;
            background: url('../images/styles/icon-close-basic-yellow.png') no-repeat center center;
            background-size: cover;color:Transparent;cursor: pointer;z-index:502;opacity:0.9;
            }
.modal-ddm div.ddm-content {margin:0px auto; margin: 6% 2% 2% 2%; height:95%;
							background-color:#ffffff;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;}            
.modal-ddm div.ddm-content span.header {display:block; margin:0px auto; text-align:center;font-weight:bold;padding:5% 10% 3px 10%;}            
.modal-ddm div.ddm-content a.ddm-no-thanks.inline {display:block; margin:0px auto; text-align:center;font-weight:bold;padding-bottom:7px;}            
.modal-ddm .iframe-container {margin:0px auto;text-align:center;width:80%;}
.modal-ddm iframe {height:280px;width:100%;}

.modal-ddm.form_handler {width:90%;max-width:600px;}
.modal-ddm.form_handler div.banner{margin-top:15px;padding: 20px 5% 20px 20%;
                                border-radius: 1px 1px 0px 0px;-moz-border-radius:1px 1px 0px 0px;-webkit-border-radius:1px 1px 0px 0px; 
                                background: url('../images/styles/icon-hand-yellow.png') no-repeat 5% 30px;
                                background-size: 14%; background-color:#00AD50;
}
.modal-ddm.form_handler div.banner span.header{color:#D0DF00;font-size:80px;}
.modal-ddm.form_handler div.banner span.header.two{font-size:40px;padding-left:5%;}
.modal-ddm.form_handler div.banner span.intro{font-size:20px;color:#FFFFFF;display:block;padding: 10px 0px 0px 3px;}
.modal-ddm.form_handler div.ddm-content {margin: 4% 5%; height:100%;}            
.modal-ddm.form_handler div.ddm-content span.intro{display:block;margin-bottom:15px;}
.modal-ddm.form_handler div.ddm-content div.btns {text-align:center;}
.modal-ddm.form_handler div.ddm-content a.ddm-no-thanks.inline {display: inline-block;padding: 8px 8px;margin-top: 6px;vertical-align: middle;}            
.modal-ddm.form_handler form {margin-top:5px; margin-bottom:3px;}
.modal-ddm.form_handler .close {margin-top: -15px;}
.modal-ddm.form_handler .close a {margin-right: -15px;height:30px;width:30px;}
.modal-ddm.form_handler div.ddm-content label {display:inline-block;margin-right:5px;}
.modal-ddm.form_handler div.ddm-content input[type=text] {display:inline-block;margin-bottom:10px;margin-right:7px; max-width:170px; }            
.modal-ddm.form_handler div.ddm-content input[type="text"].wide {max-width: 100%;width: 300px;}
.modal-ddm.form_handler div.ddm-content .complete .submitted{color:#212322; font-weight:normal;line-height:17px;}
.modal-ddm.form_handler br.mobile-break {display:none;}

/*---------------------------------------------------------
    /Lightbox-DDM
----------------------------------------------------------*/

/*---------------------------------------------------------
    LWA - Advertising
----------------------------------------------------------*/
div.ad.top, div.ad.bottom {height:100px;width:728px;font-weight: bold;} /*add extra 10px for the ad label */
span.ad-label {display: block;font-size: 11px;line-height: 14px;text-transform: uppercase;text-align:left;}
div.widget.ad.left, div.widget.ad.right {margin: 0px auto;margin-bottom: 20px;text-align: center;font-weight: bold;max-width: 300px;}
div.widget.ad.right.float {float:right;margin-left: 10px;margin-bottom: 0px;}
div.ad.house.top, div.ad.house.bottom {text-align: right;font-weight: bold;margin-top:12px;}
div.ad-mobile-square-container {margin: 0px auto;width: 100%;margin-bottom: 20px;display:none;} 
div.ad.mobile-square {width:300px;margin: 0px auto;text-align:center;}
div.ad-mobile-square-container span.ad-label {margin: 0px auto; width:300px;}
  
div.mobile-ad-container { display:none;text-align:center;position:fixed; bottom:0px; margin-bottom:-7px; z-index:100; width:100%; background-color:none;}
div.mobile-ad-inner {position: relative;margin: 0px auto;}
/*2014-08-28 - override the image dimensions to force resizing*/
/*div.mobile-ad-inner div.mobile-ad-block a img {width:100%; height:auto; } */  
div.mobile-ad-inner span.ad-label {background-color: #CCCCCC;opacity: .8;width: 100%;display: block;
                                    text-align: left;padding: 2px 5px 0px 5px;font-size: 10px;text-transform:uppercase;
                                    margin:0px auto; width:310px;} /*320px-10px of padding*/

/*Mobile ad marker used to show/hide mobile ad based on scrolling*/
span.mobile-ad-marker {opacity:0;display:none;height:0px;width:0px;}
/*div.mobile-ad-container {opacity:0;} 2015-03-19 - Always show on mobile device*/
div.mobile-ad-inner div.ad-block {margin:0px auto; padding:0px; width:320px; background-color:#FFFFFF;
                                  max-height:70px /*Constrain max height in case the ad gets setup incorrectly - ad is supposed to be 320 x 50. Leave some wiggle room*/}

/*---------------------------------------------------------
    LWA - Article - wrap content, image across 12 cols
----------------------------------------------------------*/
div.lwa.article-photo {float:none; width:100%; height:auto; padding: 0px; margin-bottom:15px;}
div.lwa.article-photo.no-margin {margin-bottom:0px;}
div.lwa.article-photo img {width:100%; height:auto;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

/*---------------------------------------------------------
    LWA - Article - 3 col, image across seven cols
----------------------------------------------------------*/
div.article-content > h2 {font-size: 20px; line-height: 22px; margin-top: 5px;font-weight:500;}
div.seven.columns.landing-col-2.lwa div.lwa.article-photo {max-height:inherit;}
div.seven.columns.landing-col-2.lwa h2 {margin-top:5px;}
 
/*---------------------------------------------------------
    LWA - Article Slideshow - rotating style on single page
    Job Post
----------------------------------------------------------*/
div.article-content div.flexslider ul li {list-style-type:none;}
div.article-content div.flexslider ul.slides div.slide-text {}
div.article-content div.flexslider ul.slides div.slide-text h2 {font-weight:600; margin-top:10px;margin-bottom:10px;}     
div.article-content div.flexslider ul.slides div.slide-text p.abstract {margin-bottom:5px;font-weight:normal;}
div.article-content div.flexslider ul.slides div.slide-text p.abstract span.firstletter {
    color: #0067a6;font-size: 60px;float: left;position: relative;top: 7px;line-height: 40px;
    margin-right: 3px;margin-bottom: 0px;margin-top: 0px;padding-top: 0px;}

/*---------------------------------------------------------
    LWA - Article Slideshow - rotating style one page per slide
    LWA - Article Slideshow - carousel style beneath slide
----------------------------------------------------------*/
article.article-slideshow {margin-bottom:20px;position:relative;}
article.article-slideshow img {margin:0px auto; width:94%; margin-left:3%; max-width:100%;margin-bottom:10px;}

article.article-slideshow a.prev-btn, 
article.article-slideshow a.next-btn {display: block;position: absolute;top: 26%;width: 20px;height: 40px;left: 1%; z-index: 1000;
                    color:Transparent;text-indent:-99px;
                     padding-bottom:5px;
}
article.article-slideshow a.prev-btn {background:url(/images/btn-prev-next-FFF.png) 1px 13px no-repeat #00ad50;}
article.article-slideshow a.next-btn {left:95%;background:url(/images/btn-prev-next-FFF.png) -23px 13px no-repeat #00ad50;}
article.article-slideshow a.prev-btn span, article.article-slideshow a.next-btn span {opacity:0; color:Transparent;}
article.article-slideshow a.prev-btn.disabled {background-color: #dedede;}
article.article-slideshow a.next-btn.disabled {background-color: #dedede;}
    
div#slide-footer {background-color: #f7f5f1;padding: 10px 15px;}
div#slide-footer h2 {font-weight: 600;margin-top: 10px;margin-bottom: 10px;}
div#slide-footer p.abstract {margin-bottom: 5px;font-weight: normal;}
div#slide-footer p.abstract span.firstletter {color: #00ad50;font-size: 60px;float: left;position: relative;top: 7px;line-height: 40px;margin-right: 3px;margin-bottom: 0px;margin-top: 0px;padding-top: 0px;}
div#slide-footer p.page-count {margin: 0px auto;text-align: center;font-weight: bold;}
div#slide-footer p.pages {margin: 0px auto;text-align: center;}
div#slide-footer p.pages a.pager,
div#slide-footer p.pages a.pager-current {display: inline-block;margin: 3px;width: 12px;height: 12px;background-color: #ad9c79;color:Transparent;}
div#slide-footer p.pages a.pager-current, div#slide-footer p.pages a.pager:hover {background-color: #333;}
div#slide-footer p.pages a.pager span, 
div#slide-footer p.pages a.pager-current span {opacity:0; color:Transparent;}

/*---------------------------------------------------------
    LWA - 3 Column W/ Ad on right column
----------------------------------------------------------*/
div.seven.columns.landing-col-2.lwa {width:380px;margin-left:0px;}
div.five.columns.landing-col-3.lwa {width:300px;margin-right:0px;}

/*---------------------------------------------------------
    2015 Design - Landing With Tiles - 2, 3 column
----------------------------------------------------------*/
div.section-grid.landing_tiles {width:100%;margin:0px auto;}

div.section-grid.landing_tiles > section {width:49.5%; margin-right:1%; margin-left: 0; margin-bottom: 8px; position:relative;padding: 0; border:none;
    height: 100%;cursor:pointer; min-height:465px; }

/*Landing page with tiles - hover effect */
div.section-grid.landing_tiles .overlay 
{
    background: rgba(0, 0, 0, 0.4);
    height:99.5%;
    width:100%;
    top: 0;
    display: none;
    position: absolute;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

div.section-grid.landing_tiles a:hover div.item-text {background-color: rgba(0, 0, 0, 0);}
div.section-grid.landing_tiles a:hover div.overlay {background-color: rgba(0, 0, 0, 0,0.4); display:block;}

div.section-grid.landing_tiles img {margin: 0px auto;text-align: center;
    -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

div.section-grid.landing_tiles .item-text {
    background: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    padding: 20px;
    max-width: 100%;
    position: absolute;
    cursor: pointer;
    left: 0;
    right: 0;
    bottom: 3px; 
    min-height: 50px;
    height:auto;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*2-column specific settings*/
div.section-grid.grid-2.landing_tiles > section {width:49.5%; min-height:465px; }
div.section-grid.grid-2.landing_tiles > section.right {margin: 0px 0px 10px 0px;}
div.section-grid.grid-2.landing_tiles a h2 {color: #FFFFFF;margin-top: 10px;font-size:32px;line-height: 34px; }

/*3-column specific settings*/
div.section-grid.grid-3.landing_tiles > section {width:32.6%; min-height:306px;bottom: 2px; /*add this in so that the boxes have height while image loads*/}
div.section-grid.grid-3.landing_tiles > section.right {margin-right: 0;}
div.section-grid.grid-3.landing_tiles .item-text {padding: 10px 10px 10px 15px; min-height: 67px;}
div.section-grid.grid-3.landing_tiles a h2 {color: #FFFFFF;margin-top: 10px;}

/*4-column specific settings*/
div.section-grid.grid-4.landing_tiles > section {width:24.2%; min-height:200px;bottom: 2px; /*add this in so that the boxes have height while image loads*/}
div.section-grid.grid-4.landing_tiles > section.right {margin-right: 0;}
div.section-grid.grid-4.landing_tiles .item-text {padding: 10px 10px 10px 15px; min-height: 67px;}
div.section-grid.grid-4.landing_tiles a h2 {color: #FFFFFF;margin-top: 10px;}

/*---------------------------------------------------------
    2015 Design - Landing Page - header
----------------------------------------------------------*/
div.landingheader {color: #00AD50;margin:0px auto;width:60%;text-align: center;}
div.landingheader > h1  {font-size: 32px; line-height: 32px; text-align:center; margin:0px auto;color: #00AD50;}
div.landingheader > p {margin:0px auto;}

/*---------------------------------------------------------
    Gallery
----------------------------------------------------------*/
div.section-grid.landing_tiles.image_gallery > section {min-height:initial;}
div.section-grid.landing_tiles.image_gallery > section:hover div.overlay {cursor:pointer; background-color: rgba(0, 0, 0, 0,0.4); display:block;}

div.section-grid.landing_tiles.image_gallery > section {min-height:initial; 
                            -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
                            -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
                            box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
                            }
div.section-grid.grid-2.landing_tiles.image_gallery > section {width:48.5%;margin-right:1.5%;}
div.section-grid.grid-2.landing_tiles.image_gallery > section.right {margin-right:0;}
div.section-grid.grid-3.landing_tiles.image_gallery > section {width:32.3%;margin-right:1.5%;}
div.section-grid.grid-3.landing_tiles.image_gallery > section.right {margin-right:0;}
div.section-grid.grid-4.landing_tiles.image_gallery > section {width:23.2%;margin-right:1.5%;}
div.section-grid.grid-4.landing_tiles.image_gallery > section.right {margin-right:0;}
div.section-grid.landing_tiles.image_gallery > section div.item-content {margin:2.25% auto;width:94%;padding:0px;position:relative;}
div.section-grid.landing_tiles.image_gallery > section img {width: 100%;margin:0px auto;}
/*Gallery with tiles - hover effect */
div.section-grid.landing_tiles.image_gallery .overlay {height: 99%; width: 100%; 
                                                       background: rgba(0, 0, 0, 0.4) url(/images/styles/icon-enlarge.png) no-repeat center center;}
div.section-grid.landing_tiles.video_gallery .overlay {display:block; background: url(/images/styles/icon-play-button.png) no-repeat center center;}
div.section-grid.landing_tiles.video_gallery .overlay:hover {background: rgba(0, 0, 0, 0.4) url(/images/styles/icon-play-button.png) no-repeat center center;}
/*Show text beneath video gallery*/
div.section-grid.landing_tiles.image_gallery section div.item-text {background: none;margin: 2.25% auto;
    width: 95%;padding: 0px;padding-top: 5px;text-align: center;position: relative;min-height: 40px;}

div.gallery-slideshow-bg {display:none; margin:0px auto; padding:0px; position: fixed;top:0px ;left: 0px; width:100%; height:100%; background-color: #000000; opacity:0.6; z-index: 500;}
div.gallery-slideshow-container {display:none; margin:0px auto; padding:0px; position: fixed;width:auto; height: auto;top: 5%;left: 50%;z-index: 501;}
div.gallery-slideshow {background: #FFF;margin:0px auto; margin: 7%;margin-top: -10px;padding:1%;
            border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;
            box-shadow: 1px 1px 1px #282828;
            -webkit-box-shadow: 1px 1px 1px #282828;
            -moz-box-shadow: 1px 1px 1px #282828;
            box-shadow: 1px 1px 1px #282828;
            border: 1px solid #A2AAAD;
            }
div.gallery-slideshow ul {margin:0px auto;}
div.gallery-slideshow ul li {list-style-type:none;margin-bottom: 0px;}
div.gallery-slideshow ul li div.item-content {text-align:center;} 
div.gallery-slideshow ul li div.item-content div.item-text {text-align:left;margin: 0px auto;width:97%;padding: 10px 1.5%;
    background: rgba(0, 0, 0, 0.4);
    overflow: hidden;
	margin-top: -3px;
    max-width: 97%;
    height:auto;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

div.gallery-slideshow ul li .item-text span.header {display:block; color:#FFFFFF;font-size:18px; font-weight:bold; margin-top:5px; margin-bottom:5px; }
div.gallery-slideshow ul li .item-text p {color:#FFFFFF;}
            
div.gallery-slideshow img {width:99%; margin:0px; border:none; 
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    max-height:475px;
	}          
div.gallery-slideshow-container .close {text-align:right; width: 100%; height: auto; padding-bottom: 0px; margin-top:-2%; z-index: 999;display: block;height: auto;}
div.gallery-slideshow-container .close a {
			display: inline;float: right;margin-top: 0px;margin-right: -1%;height:32px;width:32px;
			background: url('//www.arthritis.org/images/styles/icon-close-basic-black.png') no-repeat center center;
    background-size: cover;color:Transparent;cursor: pointer;
    }
/*give left/right nav clicks bigger sweetspot*/
div.gallery-slideshow-container .flex-direction-nav a  {height: 70px;}
div.gallery-slideshow-container .flex-direction-nav .flex-prev {background:url(/images/styles/icon-prev-next.png) 1px 13px no-repeat;}
div.gallery-slideshow-container .flex-direction-nav .flex-next {background: url(/images/styles/icon-prev-next.png) -23px 13px no-repeat;}


/*--------------------------------------------------------------------------------
* 2016 Collage Container
--------------------------------------------------------------------------------*/
.collage-template h1 {text-align:center;font-size:70px; line-height:72px;}
.collage-template h1 span {color:#00AD50;}
.collage-container, .collage-container.medium{width:100%;height:700px;margin: 0px auto;margin-bottom:20px;margin-top: 20px;position: relative;}
.collage-container.small{height:500px; }
.collage-container.large{height:1350px; }

.collage-template div.btn-donate {margin:0px auto;text-align:center;margin-bottom:10px;}
.collage-template div.btn-donate a.donate-collage {margin:0px auto;display: block;width: 94%;max-width:340px;padding: 1.5% 2.5%;font-size:18px;line-height:20px;background-color:#FF8200;font-weight:600;white-space: initial;}
.collage-template div.btn-donate a.donate-collage:hover {background-color:#00AD50;}
.collage-template div.btn-donate a.donate-collage span{font-weight:normal;display: block;text-transform:none;font-size:14px; line-height:16px; }

.collage-container .image-bg {width: 21%;padding: .8%;display:block;background-color:#f2f2f2;position:absolute;
                              -moz-box-shadow: 0px 0px 6px #9f9f9f;-webkit-box-shadow: 0px 0px 6px #f7f4ef;box-shadow: 0px 0px 6px #9f9f9f;}
.collage-container .image-bg img {width:100%;height:auto;}

/*special handling for mobile clicks of image*/
.collage-container .image-bg.preview-mobile {display:none;width:75%;padding:3%;margin: 0px auto;position: relative;}
.collage-container .image-bg.preview-mobile .close {text-align:right; width: 100%; height: auto; padding-bottom: 0px; margin-top:-2%; z-index: 999;display: block;height: auto;}
.collage-container .image-bg.preview-mobile .close a {
			display: inline;float: right;margin-top: -12%;margin-right: -9%;height:32px;width:32px;
			background: url('//www.arthritis.org/images/styles/icon-close-basic-black.png') no-repeat center center;
            background-size: cover;color:Transparent;cursor: pointer;}
.collage-container .image-bg.preview-mobile div.btns img.has-arthritis {display:inline-block;}

/*Collage - shared by old and new formats*/
.collage-container .image-bg {min-height:204px;} /*do this so that the boxes don't expand as images are loaded*/
.collage-container .image-bg .caption {height:35px; width:98%; padding:0px 1%; display:block; margin:0px auto; text-align:center;font-size:18px;line-height:35px;}
.collage-container .image-bg .overlay {height: 100%; width: 100%;margin-left:-3.8%;margin-top:-3.8%; position:fixed;cursor:pointer;}
.collage-container .image-bg .overlay:hover {background: rgba(0, 0, 0, 0.05) url(/images/styles/icon-enlarge.png) no-repeat 92% 10%;background-size:20%;}
.collage-container .image-bg .overlay.video:hover {background: rgba(0, 0, 0, 0.05) url(/images/styles/icon-play-button.png) no-repeat  92% 10%;background-size:20%;}

/*Collage by Row*/
.collage-container.collage-byrow {width:100%;height:auto;margin: 0px auto;margin-bottom:70px;margin-top: 20px;clear:both;}
.collage-container.collage-byrow .collage-row {margin-bottom:0px;width:100%;height:200px;position: relative;}
.collage-container.collage-byrow .collage-row.left {margin-left:0px;}
.collage-container.collage-byrow .collage-row.center {margin-left:2%;}
.collage-container.collage-byrow .collage-row.right {margin-left:5%;}

/*Collage by row - preveiew image for smaller devices - show overlay effect straight away*/
.collage-container .image-bg.preview-mobile {z-index: 100;display: none;position: absolute;top: 10%;left: 10%;}
.collage-container .image-bg.preview-mobile .caption {height:25px;color:inherit;}
.collage-container .image-bg.preview-mobile .overlay {margin-top: -1.8%; position:absolute; cursor:pointer; background: url(/images/styles/icon-enlarge.png) no-repeat 92% 10%;background-size:20%;}
.collage-container .image-bg.preview-mobile .overlay.video {background: url(/images/styles/icon-play-button.png) no-repeat 92% 10%;background-size:20%;}

/*see-arthritis specific*/
.collage-container.see-arthritis .collage-row .caption {color:Transparent;text-indent:-1000px;}
.collage-container.see-arthritis .image-bg .overlay:hover {background: rgba(0, 0, 0, 0.0) url(/images/styles/icon-btns-yes-no.png) no-repeat center 96%;
                                background-size:70%;}
.collage-container.see-arthritis .image-bg.preview-mobile .overlay {background: url(/images/styles/icon-btns-yes-no.png) no-repeat center 98%;
                                background-size:60%;}
.collage-container.see-arthritis .image-bg.preview-mobile .caption {height:30px;}

/*Override slideshow settings set for standard photo/video gallery*/
div.gallery-slideshow-container.collage {position: absolute;top: -5%;} /*position at top of screen, allow pop-up to scroll with screen*/
div.gallery-slideshow-container.collage ul li .item-content img.icon-yes-no {float: left;height: auto;width: auto;margin-right: 2%;margin-bottom: 0%;}		
div.gallery-slideshow-container.collage ul li .item-content div.btns a {font-weight:bold;}
div.gallery-slideshow-container.collage ul li .item-content div.btns a.donate {float:left;background-color:#FF8200;margin-top: 0px;}
div.gallery-slideshow-container.collage ul li .item-content div.btns a.donate:hover {float:left;background-color:#00AD50;}
div.gallery-slideshow-container.collage ul li .item-content div.btns a.read-more {float:right;}
div.gallery-slideshow-container.collage ul li .item-content .item-text {background-color:#FFFFFF;}
div.gallery-slideshow-container.collage ul li .item-content .item-text span.header {color:#212322;font-size:20px;}
div.gallery-slideshow-container.collage ul li .item-content.yes-arthritis .item-text span.header,
div.gallery-slideshow-container.collage ul li .item-content.no-arthritis .item-text span.header {line-height: 50px;}
div.gallery-slideshow-container.collage ul li .item-content .item-text p {margin-top:0px;color:#212322;}   

div.gallery-slideshow-container.collage ul li .item-content div.YouTubeRspnsv {border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; }
div.gallery-slideshow-container.collage ul li .item-content span.btn-video-play {
    float:right;position:relative; margin-top: -41px; margin-bottom:10px; right: 0%; padding: 8px 2%;
    border-radius: 5px 0px 0px 0px;
    color: #FFFFFF; background-color: #00AD50; font-weight: 600;}
div.gallery-slideshow-container.collage ul li .item-content span.btn-video-play:hover {background-color:#FF8200;cursor:pointer;}
    

/*---------------------------------------------------------
    Two/Three Col Free-form
----------------------------------------------------------*/
div.section-grid.landing_tiles.two_three_column > section {min-height:initial;width:47.5%; margin-right:3%;cursor:default; }
div.section-grid.grid-3.landing_tiles.two_three_column > section {width:30%; margin-right:4%; }
div.section-grid.landing_tiles.two_three_column > section.right {margin-right:0%; }

/*---------------------------------------------------------
    2015 Design - Home Page
----------------------------------------------------------*/
/* 2015-04-02 - SC - TBD - Is this used?
#content > div > div > div:nth-child(2) > div > article:nth-child(1) > section > div
div.section-grid.grid-3.homepage_tiles {width:100%;margin:0px auto;color: #ffffff;}
div.section-grid.grid-3.homepage_tiles h2 {}
*/
/*style with rounded block */

div.section-grid.grid-3.homepage_tiles  {  display: inline-block;}
div.section-grid.grid-3.homepage_tiles > section {margin: 0px 3% 10px 0px; padding: 0px; width:31.3%; height:175px; 
                                                    position:relative; border:none;
                                                    color:#727272; background-color:#e3e5e7; 
                                                    -moz-border-radius: 5px;
                                                    -webkit-border-radius: 5px;
                                                    border-radius: 5px;
                                                    display: inline-flex;
}
div.section-grid.grid-3.homepage_tiles > section.right {margin: 0px 0px 10px 0px;}
div.section-grid.grid-3.homepage_tiles > section > div.item-content {margin:0px;padding:0px;}
div.section-grid.grid-3.homepage_tiles > section > div.item-content div.item-text {padding: 8.5%;}
div.section-grid.grid-3.homepage_tiles > section > div.item-content div.item-text h2 {color:#A2AAAD; font-size:37px; line-height:39px; margin-top:10px; margin-bottom:14px; font-weight: 700;}
div.section-grid.grid-3.homepage_tiles > section > div.item-content div.item-text h2 a {color:#A2AAAD; font: inherit; }
div.section-grid.grid-3.homepage_tiles > section > div.item-content div.item-text p {color:#A2AAAD; font-size:19px; line-height:24px; font-weight: 400;} 
/* hover effect */
div.section-grid.grid-3.homepage_tiles > section:hover {color:#FFFFFF; background-color:#00AD50; cursor:pointer;}
div.section-grid.grid-3.homepage_tiles > section:hover > div.item-content div.item-text h2 {color:#FFFFFF;} 
div.section-grid.grid-3.homepage_tiles > section:hover > div.item-content div.item-text h2 a:hover {text-decoration:none; opacity:1;} 
div.section-grid.grid-3.homepage_tiles > section:hover > div.item-content div.item-text p {color:#FFFFFF;display:block;} 
/*
div.section-grid.grid-3.homepage_tiles > section:hover {color:#FFFFFF; background-color:#00AD50; cursor:pointer;}
div.section-grid.grid-3.homepage_tiles > section:hover > div.item-content > div.item-text h2, 
div.section-grid.grid-3.homepage_tiles > section:hover > div.item-content > div.item-text h2 a {color:#FFFFFF;} 
div.section-grid.grid-3.homepage_tiles > section:hover > div.item-content > div.item-text h2 a:hover {opacity:1;} 
div.section-grid.grid-3.homepage_tiles > section:hover > div.item-content > div.item-text p {color:#FFFFFF;display:block;} 
*/
/*--------------------------------------------------------- 
    2015 Design - Home Page Flex Slider 
----------------------------------------------------------*/
div.flexslider.home li:hover {opacity: 0.8;}

div.flexslider.home .slides li .slide-text {
    background: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    padding: 18px 30px 30px 30px;
    max-width: 100%;
    position: absolute;
    cursor:pointer;
    left: 0;
    right: 0;
    bottom: 0;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

div.flexslider.home .flex-control-nav li {
    margin: 0 5px;
    display: inline-block;
    zoom: 1;
}

div.flexslider.home .flex-control-nav li:last-child { margin-right: 30px;}

div.flexslider.home .flex-control-paging li a {
    background: rgba(0,0,0,.0);
    border: solid #FFFFFF 2px;
    margin: 0 0 10px 0;
    background-color: transparent;
    width: 7px;height: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; 
}
div.flexslider.home .flex-control-paging li a:hover { background: #FFFFFF;}

div.flexslider.home .flex-control-paging li a.flex-active {
    background: rgba(255,255,255,1);
    background-color: #FFFFFF;
}

/*
div.flexslider.home .flex-control-paging li a:hover { background: #00AD50;}
div.flexslider.home .flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(255,255,255,1);
    cursor: default;
    border: solid #FFFFFF 2px;
    display: block;
    cursor: pointer;
    margin: 0 0 10px 0;
    background-color: #FFFFFF;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

div.flexslider.home .flex-control-paging li a {
    background: rgba(0,0,0,.0);
    border: solid #FFFFFF 2px;
    cursor: default;
    display: block;
    cursor: pointer;
    margin: 0 0 10px 0;
    background-color: transparent;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
*/

div.flexslider.home img.flex-slide-img {-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;}
div.flexslider.home img.flex-slide-img.mobile {display:none;}
div.flexslider.home .slides li .slide-text h1, div.flexslider.home .slides li .slide-text h1 a,
div.flexslider.home .slides li .slide-text h2, div.flexslider.home .slides li .slide-text h2 a {color:#FFFFFF; font-size:37px; line-height:37px; font-weight: 700;}
div.flexslider.home .slides li .slide-text h1 a:hover, div.flexslider.home .slides li .slide-text h2 a:hover {color:#FFFFFF;} 
div.flexslider.home .slides li .slide-text p {color:#FFFFFF; font-size:19px; line-height:24px; font-weight: 400;} 


/*---------------------------------------------------------
    2015 - Summary Index Content Block
----------------------------------------------------------*/
div.section-list.standard-list.summary_index {padding-left:0px; }
div.section-list.standard-list.summary_index div.item-text {padding-left:0px;width:auto;}
div.section-list.standard-list.summary_index div.item-text p {margin-bottom:0px; }
div.section-list.standard-list.summary_index div.item-text p a {font-weight:600;}

div.article-slideshow ul.like-buttons, 
div.seven.columns.landing-col-2.lwa ul.like-buttons, 
div.container.video.lwa ul.like-buttons,
div.twelve.columns.zuri ul.like-buttons, 
ul.like-buttons.right
                {display:inline;float:right;width: 60px;margin-top:9px;overflow: hidden;}
div.byline > ul.like-buttons {margin: 0px;width: 60px;}
div.byline > ul.like-buttons  > li {margin-bottom: 0px;}

/*---------------------------------------------------------
    2015 - Video Template
----------------------------------------------------------*/
div.video.lwa h2 {font-size: 18px;line-height: 20px;margin-top: 5px;}
div.video.lwa div.video-container {background-color: #f2f2f2;padding: 15px;border: 1px solid #cecece;margin-bottom: 20px;}
/*Embedded in widget - no bg color but still keep the margin-bottom*/
div.video-container {margin-bottom: 20px;}
div.video-container div.video-heading h2 {margin-top: 0px;}

/*---------------------------------------------------------
    2015 - Carousels CSS (Article slideshow, videos, tools)
----------------------------------------------------------*/
div.carousel-tools {background-color: #f2f2f2; padding: 5px;margin-bottom: 20px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
div.carousel-lwa > div.flexslider {margin-left:6%; margin-right:6%;position:relative;height:100px;max-height:100px;background-color:transparent;}
div.carousel-tools > div.flexslider {width:350px; margin: 0px 39px 0px 39px;padding-left: 10px;padding-right: 10px;position:relative;background-color:transparent;}
div.seven.columns.landing-col-2.lwa div.carousel-tools > div.flexslider {width:332px;margin: 0px 10px 0px 13px;padding-left: 5px;padding-right: 5px;}
/*
div.seven.columns.landing-col-2.lwa div.carousel-tools > div.flexslider img.carousel-thumbnail {max-width:100px;}
*/

img.carousel-thumbnail {max-width:125px;width:97% !important;}
div.carousel-tools > div.flexslider img.carousel-thumbnail {max-width:110px;} 

div.carousel-lwa div.flexslider .flex-direction-nav .flex-prev,
div.carousel-lwa div.flexslider .flex-direction-nav .flex-next,
div.carousel-tools div.flexslider .flex-direction-nav .flex-prev,
div.carousel-tools div.flexslider .flex-direction-nav .flex-next
    {top:43%; background-color:#00ad50;padding-bottom:5px;
}
div.carousel-lwa div.flexslider .flex-direction-nav .flex-prev {margin-left: -6%;}
div.carousel-lwa div.flexslider .flex-direction-nav .flex-next {margin-right:-6%;}
div.carousel-tools div.flexslider .flex-direction-nav .flex-prev {margin-left: -6%;}
div.carousel-tools div.flexslider .flex-direction-nav .flex-next {margin-right:-6%;}

/*2015-02-27-SC - override the output for LWA so it doesn't occupy the whole width on desktop*/
div.video.lwa div.YouTubeRspnsv {width: 70%;}

div.carousel-lwa div.flexslider .flex-direction-nav .flex-prev {top:38px;}
div.carousel-lwa div.flexslider .flex-direction-nav .flex-next {top:38px;}
div.widget.carousel-lwa div.flexslider .flex-direction-nav .flex-prev {top:35px;}
div.widget.carousel-lwa div.flexslider .flex-direction-nav .flex-next {top:35px;}

/*Add some separation and distinction around slider*/
div.video.lwa div.carousel-lwa  {border-top:1px solid #d4d2ce;}
div.carousel-lwa > div.flexslider ul > li > p {text-align:center;margin: 0px 2px 0px 2px;}
div.carousel-tools > div.flexslider ul > li > p {margin: 2px 10px 0px 7px;}

div.widget.carousel-lwa {background-color: #f2f2f2;padding: 10px;margin-left: 0px;margin-right: 0px;
                         -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

div.widget.carousel-lwa h3 {margin-top:2px;margin-bottom:5px;}
div.carousel-tools h2 {margin:10px;}
 
div.carousel-lwa div.bottom-btns,
div.carousel-tools div.bottom-btns {margin:0px auto; text-align:center; width:100%; }

/*---------------------------------------------------------
    END - 2015 - Carousels CSS (Article slideshow, videos, tools)
----------------------------------------------------------*/
/*----------------------------------------------------------------------------
    2016 - Landing Page Zoom Carousel
----------------------------------------------------------------------------*/
div.carousel-lwa.zoom {padding: 1% 4% 2% 4%;margin-bottom:20px;max-height:initial; height:auto;
                       background-color: #efefef;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;}
div.carousel-lwa.zoom flex-direction-nav {list-style-type:none;}

div.carousel-lwa.zoom {padding: 1% 4% 0% 4%;background-color:#efefef;}
div.carousel-lwa.zoom h2 {margin-top:10px;}
div.carousel-lwa.zoom h2:hover a {text-decoration:none;}
div.carousel-lwa.zoom .carousel-contents {padding-bottom:3%;height: 240px;}
		
div.carousel-lwa.zoom .carousel-contents .carousel-item {max-height:229px; max-width:229px;
    position:relative;float:left;padding: 10px 10px 0px 10px;
    
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out; 
}
div.carousel-lwa.zoom .carousel-contents .carousel-item:hover {
margin-top:5px; padding: 0px;height:239px !important;width:239px !important;max-height:239px; max-width:239px;
} 
div.carousel-lwa.zoom .carousel-contents .carousel-item .item-content {position: relative;}
/*Landing page with tiles - hover effect */
div.carousel-lwa.zoom .carousel-contents .carousel-item .overlay 
{
    background: rgba(0, 0, 0, 0.4);
    display: none;
	top: 0px; left:0px; bottom:0px; right:0px; 
	position: absolute;
    -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;}

div.carousel-lwa.zoom .carousel-contents .item-text {
    background: rgba(0, 0, 0, 0.4);padding: 3% 4%;margin: 0px;
    left: 0;right: 0;bottom: 0px; height:auto; min-height: 15%;max-width: 100%;
    position: absolute; overflow: hidden; cursor: pointer;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

div.carousel-lwa.zoom .carousel-contents a, 
div.carousel-lwa.zoom .preview-mobile a {color:#FFFFFF;}
div.carousel-lwa.zoom .carousel-contents a:hover,
div.carousel-lwa.zoom .preview-mobile a:hover {text-decoration:none;}
div.carousel-lwa.zoom .carousel-contents .carousel-item a:hover div.item-text {background-color: rgba(0, 0, 0, 0);}
div.carousel-lwa.zoom .carousel-contents .carousel-item a:hover div.overlay {background-color: rgba(0, 0, 0,0.4); display:block;}
div.carousel-lwa.zoom img.carousel-thumbnail{width:100% !important;max-width:none /* < ie12*/;max-width:initial;margin: 0px auto;text-align: center;
    -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
div.carousel-lwa.zoom .carousel-contents .item-text span.caption {font-weight:bold;font-size:17px;display:block;}
div.carousel-lwa.zoom .carousel-contents .item-text span.teaser {display:none;}
div.carousel-lwa.zoom .carousel-contents a:hover .item-text span.teaser {display:block;}
    
/*flexslider specific overrides */
div.carousel-lwa.zoom .carousel-contents {position:relative;overflow:hidden;}
div.carousel-lwa.zoom .carousel-contents li {margin-bottom:0px;}
div.carousel-lwa.zoom .carousel-contents ul.slides {width:800%;} /*prevent initial re-position*/
div.carousel-lwa.zoom .carousel-contents ul.slides .item-text {bottom:2%;}
div.carousel-lwa.zoom .carousel-contents ul.slides .overlay {height:98%;}
div.carousel-lwa.zoom .carousel-contents .flex-direction-nav li {list-style-type:none;}
div.carousel-lwa .carousel-contents .flex-direction-nav .flex-prev.flex-disabled,
div.carousel-lwa .carousel-contents .flex-direction-nav .flex-next.flex-disabled {display:none;}

/*Preview which appears on mobile tap*/
div.carousel-lwa.zoom .carousel-contents.flexslider {padding-bottom:0px;margin:0px; height:auto;max-height:initial;}
div.carousel-lwa.zoom .carousel-contents .flex-direction-nav .flex-prev {
	background:url(/images/styles/icon-prev-white.png) center center no-repeat;}
div.carousel-lwa.zoom .carousel-contents .flex-direction-nav .flex-next {
	background:url(/images/styles/icon-next-white.png) center center no-repeat;}
div.carousel-lwa.zoom .carousel-contents .flex-direction-nav .flex-prev,
div.carousel-lwa.zoom .carousel-contents .flex-direction-nav .flex-next {
	top: 40%;background-color: #00ad50;border-radius: 24px;
	width: 25px;height: 25px; margin-left: -3%; margin-right: -3.5%;background-size:65%;}
div.carousel-lwa.zoom .carousel-contents .flex-direction-nav .flex-prev,
div.carousel-lwa.zoom .carousel-contents .flex-direction-nav .flex-next {opacity:0.8;}
		
/*Zoom carousel - featured*/
div.carousel-lwa.zoom.featured {background-color:#f2f6b8;}
div.carousel-lwa.zoom.featured .carousel-contents .flex-direction-nav .flex-prev, 
div.carousel-lwa.zoom.featured .carousel-contents .flex-direction-nav .flex-next {background-color:#a2aaad;}
div.carousel-lwa.zoom.featured h2 a {color:#212322;}
div.carousel-lwa.zoom.featured h2 a:hover {text-decoration:underline;}
		
/*Zoom carousel pop-up on mobile devices*/
div.carousel-lwa.zoom .preview-mobile {z-index: 100;display: none;position: absolute;
										left: 1.5% !important; width: 88%;padding: 3%;
										background-color:#ffffff;
										-moz-box-shadow: 0 0 6px #9f9f9f;
										-webkit-box-shadow: 0 0 6px #f7f4ef;
										box-shadow: 0 0 6px #9f9f9f;}
div.carousel-lwa.zoom .preview-mobile .close {
	text-align: right; width: 100%;	height: auto; padding-bottom: 0; margin-top: -2%; z-index: 999; display: block;	}
div.carousel-lwa.zoom .preview-mobile .item-content {margin-top:1%;}
div.carousel-lwa.zoom .preview-mobile span.caption {display:block;font-weight:bold;text-decoration:underline;}
div.carousel-lwa.zoom .preview-mobile span.teaser {display:block;}
div.carousel-lwa.zoom .preview-mobile img {
	-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
div.carousel-lwa.zoom .preview-mobile .item-text {
	background: rgba(0, 0, 0, 0.4);padding: 3% 4%;margin: 0px;
	overflow: hidden; cursor: pointer;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
		
div.carousel-lwa.zoom .preview-mobile .close a {
	display: inline; float: right; margin-top: -12%; margin-right: -9%; height: 32px; width: 32px;
	background: url('/images/styles/icon-close-basic-black.png') no-repeat center center;
	background-size: cover; color: Transparent; cursor: pointer
}

div.carousel-lwa.zoom .carousel-contents .flex-direction-nav {opacity:0;     
    -webkit-transition: opacity .7s ease-in-out;
    -moz-transition: opacity .7s ease-in-out;
    -o-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out
}
div.carousel-lwa.zoom .carousel-contents:hover .flex-direction-nav {opacity:1; }


/*--------------------------------------------------------------------------------
* 2015 Banner Image
--------------------------------------------------------------------------------*/
div.banner-photo {width:100%;text-align:center;margin:0px auto;}
div.banner-photo img {width:100%;height:auto;}
/*--------------------------------------------------------------------------------
* /2015 Tools Containers
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
* 2015 Subscription Promo
--------------------------------------------------------------------------------*/
div.subscription-promo {width:100%;text-align:center;margin:0px auto;}
div.subscription-promo p {font-size:16px;font-weight:500;color:#00AD50;}
div.subscription-promo a {margin-left: 4px; margin-right: 4px;text-decoration:underline;}

/*--------------------------------------------------------------------------------
* /2015 Subscription Promo
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
* 2015 Drug Guide Help Modal
--------------------------------------------------------------------------------*/
div.modal-help-dialog-drug-detail-relative {position:relative;display:block;height:0px;}
div.modal-help-dialog-drug-detail {display:none;position:relative; width: 400px;max-width: 90%;padding: 2%;background-color: #FFFFFF;z-index: 99;
    -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
    border: 1px solid #A2AAAD;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
    box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.25);
    }    
div.modal-help-dialog-drug-detail h3 {margin-top:0px;}
div.modal-help-dialog-drug-detail div.btns {text-align:right;}
    
/*--------------------------------------------------------------------------------
* /2015 Drug Guide Help Modal
--------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------
*  2016 Wizard Slider
--------------------------------------------------------------------------------*/
div.wizard-slider li.slider-panel {display:none;}
div.wizard-slider li.slider-panel:first-child {display:block;}
div.wizard-slider ul.like-buttons {display:inline;float:right;width: 60px;margin-top:9px;overflow: hidden;}
div.wizard-slider div.step-container{/*background-color:#f5f5f5;padding: 4% 4% 2% 4%;*/margin-bottom: 15px;}
div.wizard-slider div.header {margin-bottom:2px;padding: 0%}
div.wizard-slider div.header h1, div.wizard-slider div.header h2  {margin:0px;margin-bottom:10px;padding: 0%}
div.wizard-slider li {font-size: 15px; line-height: 17px; }
div.wizard-slider div.btns {height:auto;margin: 0px 0px 18px 0px;}
div.wizard-slider div.btns span.info {display: inline-block;margin-left: 5px;margin-right: 5px;}
/*2016-03-08 - per Kelly - go with link look and feel rather than button
div.wizard-slider div.btns a.slide-prev  {background: url(/images/styles/icon-prev-white.png) no-repeat; background-size:12px 12px;background-position: 3% center;
                                padding-left:3%; float:left;} 
div.wizard-slider div.btns a.slide-next  {background: url(/images/styles/icon-next-white.png) no-repeat; background-size:12px 12px;background-position: 97% center;
                                padding-right:3%; float:right;} 
div.wizard-slider div.btns a.slide-prev, div.wizard-slider div.btns a.slide-next {background-color:#00AD50;margin-top:0px;}
div.wizard-slider div.btns.purple a.slide-prev, div.wizard-slider div.btns.purple a.slide-next {background-color:#93328E;}
div.wizard-slider div.btns.aqua a.slide-prev, div.wizard-slider div.btns.aqua a.slide-next {background-color:#00a7b5;}
div.wizard-slider div.btns.blue a.slide-prev, div.wizard-slider div.btns.blue a.slide-next {background-color:#238edf;}
div.wizard-slider div.btns.lime a.slide-prev, div.wizard-slider div.btns.lime a.slide-next {background-color:#D0DF00;}
div.wizard-slider div.btns.orange a.slide-prev, div.wizard-slider div.btns.orange a.slide-next {background-color:#FF8200;}
div.wizard-slider div.btns a:hover {opacity:0.8;}
*/
div.wizard-slider div.btns a.slide-prev  {background:none; background: url(/images/styles/icon-prev-green.png) no-repeat; background-size:12px 18px;background-position: 0% 2px;
                                padding-left:3%; float:left;} 
div.wizard-slider div.btns a.slide-next  {background:none; background: url(/images/styles/icon-next-green.png) no-repeat; background-size:12px 18px;background-position: 100% 2px;
                                padding-right:3%; float:right;text-align:right;} 
div.wizard-slider div.btns a.slide-prev, div.wizard-slider div.btns a.slide-next {width:44%; margin-top:0px;padding-top:0px;font-size:22px; line-height:23px; font-weight:500;color:#00ad50;text-transform:none;}
div.wizard-slider div.btns a.slide-prev:hover {background: url(/images/styles/icon-prev-black.png) no-repeat; background-size:12px 18px;background-position: 0% 2px;} 
div.wizard-slider div.btns a.slide-next:hover {background: url(/images/styles/icon-next-black.png) no-repeat; background-size:12px 18px;background-position: 100% 2px;} 
div.wizard-slider div.btns a:hover {color:#212322;text-decoration:none;}


/*--------------------------------------------------------------------------------
* /2016 Wizard Slider
--------------------------------------------------------------------------------*/


/* #Media Queries
================================================== */

    /* Custom - adjust bubbles on lightbox video backdrop*/
    @media only screen and (max-width: 1024px)
    {
        /*lightbox backdrop*/
        .lightbox .backdrop-container .circle {height:110px;width:110px;border-width:8px;}
        .lightbox .backdrop-container .circle.title {top: 44%;left: -24%;border-width:6px;}
        .lightbox .backdrop-container .circle.intro {top: 68%;left: -22%;height:140px;width:140px;border-width:6px;}
        .lightbox .backdrop-container .circle.notext {top: 41%;left: -5%;height:275px;width:275px;}
        .lightbox .backdrop-container .circle.hashtag {top: 45%;left: 46%;height:300px;width:300px;}
        .lightbox .backdrop-container .circle.title .item-text {font-size:30px;top:22%;left:12%;}
        .lightbox .backdrop-container .circle.title .item-text span.sub-title{font-size:20px;}
        .lightbox .backdrop-container .circle.intro .item-text {top:22%;width:60%;font-size:12px;line-height:13px;}
        .lightbox .backdrop-container .circle.hashtag .item-text {font-size:24px;}
    }


    /* Any screen larger than a mini-tablet*/
    @media only screen and (min-width: 768px)
    {
        /*Only do this on larger screens - in iOS, the hover effect combined with a display attribute forces a double tap. Tap 1 applies the hover effect and tap 2 then performs the click event. */ 
        .collage-container .image-bg:hover div.btns img.has-arthritis{display: inline-block;}
    }

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {
        /*Find local text container*/
        div.four.columns div.find-local div.search-input-container {width:120px;}
        div.four.columns div.find-local div.search-input-container .search-input {width:90px;font-size:10.5px;}
        div.four.columns div.weather div.search-input-container .search-input {width:90px;font-size:10.5px;}
        
        /*LWA Advertising */
        div.widget.ad.left {display:none;}
        div.ad-mobile-square-container.tablet {display:block;} 
    
        /*LWA 3 column layout */
        div.seven.columns.landing-col-2.lwa {width:236px;}
        div.five.columns.landing-col-3.lwa {width:300px;}

        /*Donate now - left narrow col only*/        
        div.donate a.btn-donate {padding-top:17px; padding-bottom:17px;}
        div.four.columns div.donate a > span.line1 {font-size: 16px;line-height: 18px;}
        div.four.columns div.donate a > span.line2 {font-size: 25px;line-height: 27px;}
        div.four.columns div.widget a.btn-blue, 
        div.four.columns div.widget a.btn-standard {min-width:118px;} 

        /*collage*/
        .collage-template h1 {text-align:center;font-size:66px; line-height:68px;}
        .collage-container.collage-byrow .collage-row {height:170px;}
        .collage-container .image-bg {min-height:172px;} /*do this so that the boxes don't expand as images are loaded*/

    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        html,body{
            overflow-x: hidden;
        }
        /*narrow width so it doesn't overlap onto expand/collapse */
        div#desktop-sidebar ul.menu-0 > li > a {width: 65%;}
        

        #desktop-sidebar {
            padding-left:10px;
        }
        .bg.nav-desktop > div.container > nav >  li:last-child > .subpages-wrapper{
            left: -55px;
        }
		.container #desktop-sidebar.four.columns   { width: 200px; }

        /*spotlight */
        div.spotlight div.eighty_percent {max-width:55%;}      
        /*2014-09-15 - Home advocacy & access - Adjustment from above which positions picture of last item to touch bottom border*/
        div.home-article-list section:last-child {margin-bottom:0px;} 

        /*section list - teaser text*/        
        div.section-list.standard-list section div.item-image.icon_small {width:7%;}
        div.section-list.standard-list section div.item-text.icon_small {width:90%;}
        div.section-list.standard-list section div.item-image.icon_large {width:14%;}
        div.section-list.standard-list section div.item-text.icon_large {width:83%;}
        
        /*Grid 2 wide box */
        div.section-grid.grid-2 > section {margin-right:1%;}
        div.section-grid.grid-2 section div.item-text {height:140px;}
        /*Grid 4 wide box */
        div.section-grid.grid-4 > section {margin-right:1%;}
        div.section-grid.grid-4 section div.item-text {height:100px;}
        
        /*reset right most box to have no margin */
        div.section-grid > section.right {margin-right:0%;}
        /*Grid 3 wide box */
        div.section-grid.grid-3 > section {width:27%; /*margin-left:1%; margin-right:1%;*/}
        div.eou div.section-grid.grid-3 > section > div.item-text {height: 170px;}

        /*LWA - Advertising*/
        div.ad.top, div.ad.bottom {width:auto !important;max-width:728px;margin-left:16px; margin-right:16px; text-align: center;font-weight: bold;}
        div.ad.house.top, div.ad.house.bottom {display:none;}

        /* Article slideshow & Carousel */
        div.carousel-lwa div.flexslider .flex-direction-nav .flex-prev {margin-left: -7%;top:36px;}
        div.carousel-lwa div.flexslider .flex-direction-nav .flex-next {margin-right:-7%;top:36px;}
        div.carousel-tools > div.flexslider {width:284px; margin: 0px 24px 0px 24px;}
        div.seven.columns.landing-col-2.lwa div.carousel-tools > div.flexslider 
            {width: 190px;margin: 0px 10px 0px 8px;padding-left:10px; padding-right:10px;}       
        
        /*---------------------------------------------------------
            2015 Design - Landing Page - DKH
        ----------------------------------------------------------*/
         /*Landing Page With Tiles*/
        div.section-grid.grid-2.landing_tiles > section {margin: 0px 10px 10px 0px;width:368px;min-height:368px;}
        div.section-grid.grid-2.landing_tiles .item-text {height: 60px;}
        div.section-grid.grid-2.landing_tiles > section > div.item-text { height: 22%;}
        div.section-grid.grid-2.landing_tiles > section > div.item-content {margin: 0px;}
        
        div.section-grid.grid-3.landing_tiles .item-text {min-height: 50px;}
        div.section-grid.grid-3.landing_tiles > section {min-height:244px;} /*add this in so that the boxes have height while image loads*/
        div.section-grid.grid-3.landing_tiles > section > div.item-content > div.item-text h2 {font-size: 22px; line-height: 24px;}
        div.section-grid.grid-3.landing_tiles > section > div.item-content > div.item-text h2 a {font-size: 22px; line-height: 24px;}
        
        /*Image gallery*/
        div.section-grid.grid-2.landing_tiles.image_gallery > section {width:48.5%;min-height:auto; }
        div.section-grid.grid-3.landing_tiles.image_gallery > section {width:32.3%;min-height:auto; }
        div.section-grid.grid-4.landing_tiles.image_gallery > section {width:23.2%;min-height:auto; }
        div.section-grid.landing_tiles.image_gallery > section div.item-content {margin:2.25% auto;}
        div.section-grid.landing_tiles.image_gallery section div.item-text{min-height:48px;}
        /*Collage gallery*/
        div.gallery-slideshow-container {position: absolute;top: 0%;} /*allow pop-up to scroll with screen*/
        div.collage-container.large {height:1200px;}

        /*two three column*/
        div.section-grid.landing_tiles.two_three_column > section {width:47%;margin-right:3%; min-height:auto; }
        div.section-grid.landing_tiles.two_three_column > section.right {margin-right:0px;}
        div.section-grid.grid-3.landing_tiles.two_three_column > section {width:30%;}

        /*Video - LWA - adjust settings on iPad*/
        div.video.lwa div.YouTubeRspnsv {padding-bottom:56%; width: 100%;}
        
        /*--------------------------------------------------------- 
 		    2015 Design - Home Page With Tiles 
 		----------------------------------------------------------*/ 
 		div.section-grid.grid-3.homepage_tiles > section {height:200px;} 
 		div.section-grid.grid-3.homepage_tiles > section > div.item-content div.item-text h2 {margin-top: 0px; margin-bottom: 4px;} 
        div.section-grid.grid-3.homepage_tiles > section > div.item-content div.item-text p {display:block;}
 		
 		/*2015 Home Page */
 		div.flexslider.home .slides li .slide-text {padding-top:20px;}
 	    div.flexslider.home .flex-control-nav {bottom: -8px;} 
 		
 		/*Where it Hurts Widget*/
        div.sidebar div.widget.where-it-hurts section.where-does-it-hurt-diagram-small {float: none; margin: auto;margin-bottom:5px;}
        /*Widget - T+R */
        div.four.columns div.widget.track-react section div.img-container {float: none; margin: auto;margin-bottom:5px;text-align:center;}         		
        /*Widget - Med Tracker Login */
        div.four.columns div.widget.my-med-tracker div.left {float:none; width:100%;text-align:center; margin-bottom:2px;}
        div.four.columns div.widget.my-med-tracker div.left.btn {margin-bottom:8px;}
        /*Widget - KGAT*/
        div.four.columns div.widget.kgat-cta a.btn-standard {height: auto; min-width:100px !important; width: 100px; white-space: normal; min-width: 100px;}
        /*Widget - Newsletter*/
        div.four.columns div.widget.newsletter-sign-up a.btn-standard {height: auto; min-width:100px !important; width: 100px; white-space: normal; min-width: 100px;}
        /*Widget - Weather*/
        div.sidebar div.widget.weather div.header {width:75%;}
        div.sidebar div.widget.weather .weatherimg {margin-top:-30px;}

        /*wizard-slider*/
        div.wizard-slider div.btns a.slide-prev {padding-left:3%;} 
        div.wizard-slider div.btns a.slide-next {padding-right:3%;} 

    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
        .block-button{
            display: block;
            font-size: 16px;
            text-align: center
        }

        /*reduce some gaps in mobile display*/
        div#content div.container div.row {margin-bottom:0px;}
        
        /* State home page mantle */
        div.bg.state-mantle section, 
        div.bg.state-mantle section.right {float: none; margin: 5%; width: 90%;}
        div.bg.state-mantle section > .state_flexslider {width: 100%; }
        div.bg.state-mantle section {font-size:36px;}
        
        /*3-column layout*/
        div.eight.columns.landing-col-2,
        div.four.columns.landing-col-3,
        div.seven.columns.product-col-2,
        div.five.columns.product-col-3  {margin-left: 0px; margin-right: 0px; }

        /*Widget - Find Local */
        div.find-local {margin-left:0px; margin-right:0px;}
        div.find-local div.search-input-container {width:250px;}
        div.find-local div.search-input-container .search-input {width:220px;font-size:10.5px;}
        div.weather div.search-input-container {width:250px;}
        div.weather div.search-input-container .search-input {width:220px;font-size:10.5px;}
        /*Find local text container
        div.find-local div.search-input-container {width:120px;}
        div.find-local div.search-input-container .search-input {width:90px;font-size:10.5px;}
        */
        
        /*Donate widget*/
        div.donate a.btn-donate {max-width: 250px;}
        
        .breadcrumbs{
            display: none !important;
        }
        #desktop-sidebar{display: none;}
        #desktop-sidebar.local-office-sidebar{display: block;}
        div.local-office-map{display: none;}

        /*You Tube videos*/
        .YouTubeRspnsv{width:100%;}
        
        /*Find local text container*/
        div.home-article-list div.item-image {width: 33%;}

        /*section list*/
        div.section-list.standard-list section div.item-image.icon_small {width: 9%;}
        div.section-list.standard-list section div.item-text.icon_small {width: 88%;}
        
        div.section-grid > section {width:45%;float:left;margin: 0px; margin-right:3%; margin-bottom:20px; padding:10px; border: 1px solid #BEBEBE;}
        div.section-grid div.item-image {margin:0px auto; text-align:center;}
        div.section-grid div.item-image img {width:100%;}

        /*Grid 2 wide box */
        div.section-grid.grid-2 {width:97.5%;} /*TBD - come back to this */
        div.section-grid.grid-2 > section {width:inherit;margin-right:0px;height:auto;}
        div.section-grid.grid-2 section div.item-text {height:auto;}
        
        /*Grid 4 wide box */
        div.section-grid.grid-4 {width:99%;} /*TBD - come back to this */
        div.section-grid.grid-4 > section {width:41%; }
        div.section-grid.grid-4 section div.item-text {height:65px;}
        /*Far right box should have no margin */
        div.section-grid > section.right {margin-right:0%;}
        /*Grid 3 wide box */
        div.section-grid.grid-3 > section {width:42%; /*margin-left:1%; margin-right:1%;*/ }
        div.eou div.section-grid.grid-3 > section > div.item-text {height: 140px;}
        
        /*careers landing page */
        div.career-summary table td.location{width:40%;}
        div.career-summary table td.job{width:60%;}
     
        /*LWA - Floating Right Widget, Blog Widget*/
        div.widget-column.right.float {float:none; margin: 0px auto; max-width:300px;}
        div.widget.related-features {display:none;}
        div.widget-column.right.float img.article-photo {width: 60%;margin: 0px 20% 20px 20%;}
        div.widget-column.right.float.desktop-tablet {display:none;}
        /*hide blog at top and show blog at bottom*/
        div.widget-column.right.float div.widget.blog {display:none;}
        div.blog-widget-mobile {display:block;}
        div.blog-widget-mobile div.widget.blog {display:block;}
        /*alternate mobile only to show below main content*/
        div.mobile-only {display:block;}
        
        /*LWA - Advertising*/
        div.row.ad-top, div.row.ad-bottom {display:none;}
        div.ad.top, div.ad.bottom {display:none;} 
        /*div.widget.ad.right.float {float:none;margin: 0px auto;margin-bottom:20px;}*/
        /*hide the widget ad in mobile. An alternative mobile square ad will show*/
        div.widget.ad.right {display:none;}
        div.ad-mobile-square-container {display:block;} 
        div.mobile-ad-container {display:inline;}
        div.mobile-ad-inner {display:block;}

        /*Widget - Med Tracker Login */
        div.widget.my-med-tracker div.left > p {margin-top:8px;}
        div.widget.my-med-tracker {text-align:center;}
        
        /*Widget - photo tile - accomodate mobile only link*/
        div.widget.photo-tile a.desktop {display:none;}
        div.widget.photo-tile a.mobile {display:block;}

        /*LWA 3 column layout */
        div.seven.columns.landing-col-2.lwa {width:inherit;}
        div.five.columns.landing-col-3.lwa {width:inherit;}

        /* Article slideshow & Carousel */
        article.article-slideshow a.prev-btn {top:30%;}
        article.article-slideshow a.next-btn {top:30%;}
        div.widget.carousel-lwa  {min-height: 143px;height: auto;}
        div.carousel-lwa {min-height:80px;}
        div.carousel-lwa div.flexslider {min-height:80px;}
        div.carousel-lwa div.flexslider .flex-direction-nav .flex-prev {margin-left: -7%;top:36%;}
        div.carousel-lwa div.flexslider .flex-direction-nav .flex-next {margin-right:-7%;top:36%;}
        div.carousel-tools > div.flexslider {margin: 0px 21px 0px 21px;}
        div.seven.columns.landing-col-2.lwa div.carousel-tools > div.flexslider 
            {width: 350px;margin: 0px 21px 0px 21px;padding-left:10px; padding-right:10px;}       

        /*Video - LWA */
        div.video.lwa div.video-container {background-color:transparent;border:none; padding:0px;}
        div.video.lwa div.YouTubeRspnsv {padding-bottom:56%; width: 100%;}
        div.video.lwa div.YouTubeRspnsv {padding-bottom:56%; width: 100%;}
        div.video.lwa div.carousel-lwa  {height:auto;}
        div.video.lwa div.carousel-lwa  div.flexslider {height:auto;}
        div.video.lwa div.carousel-lwa  div.flexslider .flex-direction-nav .flex-prev {margin-left: -7%;top:32px;}
        div.video.lwa div.carousel-lwa  div.flexslider .flex-direction-nav .flex-next {margin-right:-7%;top:32px;}

        /*--------------------------------------------------------- 
 	        2015 Design - Home Page With Tiles 
 	    ----------------------------------------------------------*/ 
 	    div.section-grid.grid-3.homepage_tiles > section {height:132px;}
 	    div.section-grid.grid-3.homepage_tiles > section > div.item-content div.item-text h2 {font-size: 22px; line-height: 22px; margin-top: 0px; margin-bottom: 6px;} 
 	    div.section-grid.grid-3.homepage_tiles > section > div.item-content div.item-text p {font-size: 14px;line-height: 14px;display:block;} 
 	    div.section-grid.grid-3 > section {height: 114px;} 
 	
 		/*2015 Home Page Slider */
 		div.flexslider.home .slides li .slide-text {padding-top:15px; padding-bottom: 20px;}
 		div.flexslider.home .slides li .slide-text h1, div.flexslider.home .slides li .slide-text h1 a,
 		div.flexslider.home .slides li .slide-text h2, div.flexslider.home .slides li .slide-text h2 a {font-size:28px; line-height:32px;}
 		div.flexslider.home .slides li .slide-text p {font-size:18px; line-height:22px;}
        
        /*---------------------------------------------------------
            2015 Design - Landing Page - DKH
        ----------------------------------------------------------*/
        div.landingheader {width: 80%;margin-bottom:15px;}
        
        div.section-grid.landing_tiles > section {min-height:420px;}
        div.section-grid.grid-3.landing_tiles > section {height:auto;min-height: initial;bottom: 0px;}
        div.section-grid.landing_tiles > section.right {margin:0px;}
        div.section-grid.landing_tiles > section:first-child {margin-top:0px;}
        div.section-grid.landing_tiles > section > div.item-content {margin:10px;}
        div.section-grid.landing_tiles > section > div.item-content h2 {margin-top: 0px;font-size:22px;line-height:24px;margin-bottom:5px;}        
        div.section-grid.landing_tiles > section > div.item-content > div.item-text h2 {margin-top: 0px;}
        div.section-grid.landing_tiles > section > div.item-content > div.item-text h2 a {font-size:36px;line-height:40px;margin-bottom:5px;}
        div.section-grid.landing_tiles > section > div.item-content > div.item-text p {font-size:24px;} 
        
        div.section-grid.grid-2.landing_tiles > section, 
        div.section-grid.grid-3.landing_tiles > section, 
        div.section-grid.grid-4.landing_tiles > section, 
        div.section-grid.grid-2.landing_tiles > section.right,
        div.section-grid.grid-3.landing_tiles > section.right,
        div.section-grid.grid-4.landing_tiles > section.right {width:48%;margin: 0px 1% 15px 1%;min-height: initial;}
        
        div.section-grid.grid-2.landing_tiles > section > div.item-content,
        div.section-grid.grid-3.landing_tiles > section > div.item-content, 
        div.section-grid.grid-4.landing_tiles > section > div.item-content { margin: 0px;}
        div.section-grid.grid-2.landing_tiles .item-text,
        div.section-grid.grid-3.landing_tiles .item-text,
        div.section-grid.grid-4.landing_tiles .item-text {padding: 20px;min-height: initial;}
        
        /*Image gallery*/
        div.section-grid.grid-2.landing_tiles.image_gallery > section, 
        div.section-grid.grid-3.landing_tiles.image_gallery > section,
        div.section-grid.grid-4.landing_tiles.image_gallery > section {width:100%;min-height: initial;margin: 0px 0px 15px 0px;}
        div.section-grid.landing_tiles.image_gallery > section div.item-content {margin:2.25% auto;}
        div.section-grid.landing_tiles.image_gallery > section div.item-text {min-height:initial;}

        /*two three column*/
        div.section-grid.grid-3.landing_tiles.two_three_column > section {width:100%;min-height: initial;margin: 0px 0px 15px 0px;}

        /*Gallery popup - set static on mobile device to allow scrolling of slideshow */
        div.gallery-slideshow-container {top: 0%;position:absolute;}
        /*collage slideshow*/
        div.gallery-slideshow-container.collage {top: 0px;} 
        div.gallery-slideshow-container.collage ul li .item-content img.icon-yes-no {width:33%;}
        /*collage*/
        .collage-template h1 {font-size:32px; line-height:30px;}
        .collage-container, .collage-container.medium {height:300px;}
        .collage-container.small{height:180px; }
        .collage-container.large{height: 1000px;}
        .collage-container.collage-byrow .collage-row {height:145px;}
        .collage-container .image-bg {min-height:initial;} /*do this so that the boxes don't expand as images are loaded*/
        .collage-container .image-bg .caption {height:25px;}
    
        /*Share this UI*/
        div.container-share-this {display:none;}
        div.container-share-this.mobile {display:block;}
        
        /*Drug guide help modal*/
        div.modal-help-dialog-drug-detail {padding:4%;}
        
        /*wizard-slider*/
        div.wizard-slider div.btns {margin: 0px auto;margin-bottom:20px;}

        /*Landing Carousel - tiles */
		div.carousel-lwa.zoom .carousel-contents.flexslider {padding-bottom:20px;}
		div.carousel-lwa.zoom .carousel-contents .carousel-item:hover {
			max-height:229px; max-width:229px; height:229px; width:229px;
			padding: 10px 10px 0px 10px;margin-top:0px;
		} 
		div.carousel-lwa.zoom .carousel-contents .carousel-item a:hover div.overlay {display:none;}
		div.carousel-lwa.zoom .carousel-contents .carousel-item a:hover div.item-text {background-color: rgba(0, 0, 0, 0.4);}
		div.carousel-lwa.zoom .carousel-contents a:hover .item-text span.teaser {display:none;}
		div.carousel-lwa.zoom .carousel-contents .flex-direction-nav .flex-prev,
        div.carousel-lwa.zoom .carousel-contents .flex-direction-nav .flex-next {
            border-radius: 27px; width: 28px;height: 28px;background-size:50%;}
        div.carousel-lwa.zoom .carousel-contents .flex-direction-nav {opacity:1;}     

         /*Lightbox - backdrop*/
        .lightbox .backdrop-container {display:none !important;}
    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        /*Mantle (aka banner) */
        div.page-mantle {height:auto;min-height:107px;}
        div.bg.page-mantle.mantle-orange {border: 1px solid #e5780e;background-image:none !important; }
        div.bg.page-mantle.mantle-dark-blue {border: 1px solid #212322;background-image:none !important; }
        div.bg.page-mantle.mantle-light-blue {border: 1px solid #99cfe9;
               background: url(/css/jbr/images/snowflake-bkgrd.jpg) !important;}
        div#landing_page_mantle_intro {height:auto;width:auto;}
        div#landing_page_mantle_intro h1 {padding-bottom: 10px; }
        div#landing_page_mantle_intro h1.intro-noheading {display:block;}
        div#landing_page_mantle_intro p {margin: 0px 15px; padding: 0px; padding-bottom: 20px; }
        div#landing_page_mantle_intro p.intro-noheading {margin: 0px 15px; padding: 0px; padding-bottom: 20px; font-weight:normal;}
        
        /*spotlight */
        div.spotlight div.eighty_percent {max-width:58%;}      
        
 	    .flex-control-nav {bottom: 0px;} 
        .flex-control-paging li a, .flex-control-paging li a.flex-active {width: 9px;height: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;} 
        
          /* ----- Where Does it Hurt - Sub-Landing Content Block ----- */
        section.where-does-it-hurt-diagram div#pain-pop {width: 180px;} 
        section.where-does-it-hurt-diagram div#pain-pop div.pointer {left: 78px;}
        
 		/*2015 Home Page Slider */
        div.flexslider.home .slides li .slide-text {bottom:8px;}

    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
        /*Mantle (aka banner) */
        div.page-mantle {height:auto;min-height:107px;}
        div.bg.page-mantle.mantle-orange {border: 1px solid #e5780e;background-image:none !important; }
        div.bg.page-mantle.mantle-dark-blue {border: 1px solid #212322;background-image:none !important; }
        div.bg.page-mantle.mantle-light-blue {border: 1px solid #99cfe9;
               background: url(/css/jbr/images/snowflake-bkgrd.jpg) !important;}
        div#landing_page_mantle_intro {height:auto;width:auto;}
        div#landing_page_mantle_intro h1 {padding-bottom: 10px; }
        div#landing_page_mantle_intro h1.intro-noheading {display:block;}
        div#landing_page_mantle_intro p {margin: 0px 15px; padding: 0px; padding-bottom: 20px; }
        div#landing_page_mantle_intro p.intro-noheading {margin: 0px 15px; padding: 0px; padding-bottom: 20px; font-weight:normal;}

        div.seven.columns.landing-col-2,
        div.five.columns.landing-col-3,
        div.six.columns.product-col-2,
        div.four.columns.product-col-3  {margin-left: 0px; margin-right: 0px; }

        /*spotlight */
        div.spotlight div.eighty_percent {max-width:47%;}      

        div.section-list.standard-list section div.item-text, 
        div.section-list.standard-list section div.item-text.icon_small,
        div.section-list.standard-list section div.item-text.icon_large {float:none; width:100%;padding-left:0px; } 
        div.section-list.standard-list section div.item-image {width:45%;margin-right:5%;}
        div.section-list.standard-list section div.item-image.icon_small {width: 13%;margin-right:5%;}
        div.section-list.standard-list section div.item-image.icon_large {width: 24%;margin-right:5%;}
        /*Adjust the image teaser size based on being in a smaller container*/
        div.section-list.standard-list div.accordion section div.item-text.icon_small,
        div.section-list.standard-list div.accordion section div.item-text.icon_large {float:none; width:100%;padding-left:0px; }
        div.section-list.standard-list div.accordion section div.item-image.icon_small {width: 13%;margin-right:5%;}
        div.section-list.standard-list div.accordion section div.item-image.icon_large {width: 24%;margin-right:5%;}

        /*section list - featured list - home page */
        div.section-list.featured-article-list div.item-image {width:100%;float:none;}
        div.section-list.featured-article-list div.item-text {width:100%;float:none;}
        div.section-list.featured-article-list section div.item-image img {width: 100%;}       
        
        /*Grid 2 wide box */
        /*div.section-grid.grid-2 {width:96%;} /*TBD - come back to this */
        div.section-grid.grid-2 > section {width:96%;margin-right:0px;height:auto;}
        /*Grid 4 wide box */
        div.section-grid.grid-4 {width:96%;} /*TBD - come back to this */
        div.section-grid.grid-4 > section {width:98%; margin-left:0 ;height:auto;}
        div.section-grid.grid-4 section div.item-text {height:auto;}
        
        /*Grid 4 wide box 
        div.section-grid.grid-4 > section {width:inherit;margin-right:0px;height:auto;}*/
        /*Grid 3 wide box */
        div.section-grid.grid-3 > section {width:93%; margin-left:0%; margin-right:0%;padding-left: 5px; height:auto;}
        div.eou div.section-grid.grid-3 > section > div.item-text {height: auto;}
        div.eou div.section-grid.grid-3 > section > div.item-image {display:block; width:100%;height:auto;}
        
        /* biography list - wrap text around image on small display */
        div.biography-list section div.item-image {width: 40%;margin-right: 5%;margin-bottom: 1px;}
        div.biography-list section div.item-text {float:none; width:auto;}

        /*LWA - Advertising*/
        div.mobile-ad-container {display:inline;}
        div.mobile-ad-inner {display:block;}
        div.mobile-ad-space {display:none;/*display:inline;*/}
        
        /* Article slideshow & Carousel */
        article.article-slideshow a.prev-btn {top:80px;}
        article.article-slideshow a.next-btn {top:80px;}
        div.carousel-lwa {min-height:60px;}
        div.carousel-lwa div.flexslider {min-height:60px;}
        div.carousel-lwa div.flexslider .flex-direction-nav .flex-prev {margin-left: -8%;top:33%;}
        div.carousel-lwa div.flexslider .flex-direction-nav .flex-next {margin-right:-8%;top:33%;}
        div.carousel-tools > div.flexslider {margin:0px 10px 0px 16px;padding-left: 14px;width: 234px;}
        div.seven.columns.landing-col-2.lwa div.carousel-tools > div.flexslider 
            {margin:0px 10px 0px 16px;padding-left: 14px;width: 234px;}       

        /*Video - LWA */
        div.video.lwa div.carousel-lwa  {min-height:100px;}
        div.video.lwa div.carousel-lwa  div.flexslider {height:80px;}
        div.video.lwa div.carousel-lwa  div.flexslider .flex-direction-nav .flex-prev {margin-left: -10%;top:34px;}
        div.video.lwa div.carousel-lwa  div.flexslider .flex-direction-nav .flex-next {margin-right:-10%;top:34px;}
        div.video.lwa div.carousel-lwa  > div.flexslider ul > li > p {display:none;}
        
        /* Home Page Flex Slider */ 
 		div.flexslider.home .slides li .slide-text {padding: 10px;}
 		div.flexslider.home .slides li .slide-text h1, div.flexslider.home .slides li .slide-text h2, 
 		div.flexslider.home .slides li .slide-text h1 a, div.flexslider.home .slides li .slide-text h2 a {font-size: 24px; line-height: 26px; } 
 		div.flexslider.home .slides li .slide-text p {font-size:17px; line-height:18px;}  
        div.flexslider.home .slides > li {min-height: 166px;} 
        div.flexslider.home img.flex-slide-img.desktop {display:none;}
        div.flexslider.home img.flex-slide-img.mobile {display:block;}
        
 		/*Home Page Tiles */
        div.section-grid.grid-3.homepage_tiles > section {width: 100%; min-height: initial; margin-bottom: 20px; height:140px;}
        div.section-grid.grid-3.homepage_tiles > section > div.item-content div.item-text {padding: 10px 20px;} 
        div.section-grid.grid-3.homepage_tiles > section > div.item-content div.item-text h2 {font-size: 26px; line-height: 30px; margin-top:10px; margin-bottom: 6px;}
        div.section-grid.grid-3.homepage_tiles > section > div.item-content div.item-text p {display:block;font-size:19px; line-height:26px;}
        
        /* ----- Where Does it Hurt - Sub-Landing Content Block ----- */
        section.where-does-it-hurt-diagram div#pain-pop {width: 180px;} 
        section.where-does-it-hurt-diagram div#pain-pop div.pointer {left: 78px;}
        
        /*---------------------------------------------------------
        2015 Design - Landing Page - DKH
        ----------------------------------------------------------*/
        div.landingheader {width: 100%;}
        div.section-grid.landing_tiles {width:100%; margin:0px;}
        div.section-grid.grid-2.landing_tiles > section, 
        div.section-grid.grid-3.landing_tiles > section, 
        div.section-grid.grid-4.landing_tiles > section,
        div.section-grid.grid-2.landing_tiles > section.right,
        div.section-grid.grid-3.landing_tiles > section.right,
        div.section-grid.grid-4.landing_tiles > section.right {width:100%;min-height: initial;margin: 0px 0px 15px 0px;}
        div.section-grid.landing_tiles > section > div.item-content {margin: 0px;}
        div.section-grid.landing_tiles a h2 {font-size: 24px; line-height: 26px; margin-top:10px;}
        div.section-grid.landing_tiles > section {min-height:300px;padding-left: 0px;}

        /*wizard-slider*/
        div.wizard-slider div.btns a.slide-prev {margin-bottom:10px; /*set margin to avoid touching on stacking scenario*/ } 
        /*wizard-slider*/
        div.wizard-slider div.btns a.slide-prev {padding-left:5%;} 
        div.wizard-slider div.btns a.slide-next {padding-right:5%;} 
        /* per Kelly - go with link style rather than button style and maintain prominence
        div.wizard-slider div.btns a.slide-prev {font-size:12px;} 
        div.wizard-slider div.btns a.slide-next {font-size:12px;} 
        */

        /*collage*/
        .collage-container.large{height: 560px;}
        .collage-container.collage-byrow .collage-row {height:75px;}
        .collage-container .image-bg {min-height:initial;} /*do this so that the boxes don't expand as images are loaded*/
        .collage-container .image-bg .caption {height:10px;}

        div.gallery-slideshow-container.collage ul li .item-content.yes-arthritis .item-text span.header,
        div.gallery-slideshow-container.collage ul li .item-content.no-arthritis .item-text span.header {line-height: 34px;}

         /*Lightbox - backdrop*/
        .lightbox.backdrop {display:none !important;}

        /*DDM*/
        .modal-ddm.form_handler div.banner span.header{font-size:40px;}
        .modal-ddm.form_handler div.banner span.header.two{font-size:30px;display:block;padding-left:0px;}
        .modal-ddm.form_handler div.banner span.intro{font-size:18px;}
        .modal-ddm.form_handler div.ddm-content input[type=text] {display:block;width:100%;max-width:initial; }            

        /*smart banner*/
        .lightbox.smartbanner .btn-standard{float: left;margin-left: 15px;margin-top: 30px;}
}



/* #PRINT Media Queries
    See also global_nav.css for settings specific to global nav.
================================================== */
@media print { 
    /* Hide stuff we don't want to show in print */
    div.breadcrumbs,
    ul.flex-direction-nav, 
    a.prev-btn, 
    a.next-btn
        { display: none !important; } 
    
    /* Show stuff we do want to show in print */
    div#desktop-sidebar
        {display:block !important;}    

    /*Adjust widths because some areas are hidden*/
 
    /*Adjust styles to make print friendly*/
    ul.menu-0 {border:none;}
    ul.menu-0 > li {border-left:none;border-right:none;}
    div.factoids {border-left:none;border-right:none;}
    div.factoids span.heading {border-bottom: 2px solid #0067a6;color:#0067a6;}
    div.widget.related-features {border:none;} 
    div.widget.related-features span.heading {border-bottom: 2px solid #0067a6;color:#0067a6;}

    ul.like-button {display:none !important;}

    /*Print accordion - show all sections*/
    div.accordion div.section {display:block !important;}

    /*print wizard panel - show all sections */
    div.wizard-slider ul.slides li {float:none !important;display:block !important; width:100% !important;min-height: auto;min-height: initial;}
    div.wizard-slider div.btns {display:none;}

}