/*----------------------------------------------+
 | Site: American Society of Retina Specialists |
 | Part: Master styles                          |
 +----------------------------------------------*/

/* Imports
=====================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url(//fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic,900,900italic|Prata);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://www.asrs.org/content/styles/gotham.css);
@import url(https://www.asrs.org/content/styles/reset.css);
@import url(https://www.asrs.org/content/styles/forms.css);


/* Fonts
======================================================================*/
body, input, select, textarea { font-family: "Lato", Arial, sans-serif; }
#logo-patients { font-family: "Gotham", Arial, sans-serif; }
.rt-bug { font-family: Prata, "Times New Roman", Times, serif; }


/* Basics
======================================================================*/
a { color: #0045aa; text-decoration: none; }
a:hover { text-decoration: underline; }
address { font-style: normal; }
blockquote { margin-left: 3em; }

body {
    background: #fff;
    font-size: 17px;
    line-height: 1.4;
    word-wrap: break-word;
}

cite, em { font-style: italic; }
dl, ol, table, p, ul { margin-bottom: 1em; }
dt { margin-top: 0.75em; }
dt:first-child { margin: 0; }
dt, h2, h3, h4, h5, h6, strong { font-weight: bold; }
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
h1 { font-size: 30px; font-weight: normal; letter-spacing: -0.02em; line-height: 1.2; margin-bottom: 0.5em; }
h1 span, h2 span, h3 span, h4 span { font-size: 15px; font-weight: normal; margin-left: 0.5em; }
h2, legend { color: #922d4f; font-size: 22px; line-height: 1.1; margin-bottom: 0.6em; }
h2 span { font-size: 12px; }
h3 { font-size: 18px; }
h4 { text-transform: uppercase; }
hr { background: #e0dbd4; border: 0; clear: both; color: #e0dbd4; height: 1px; margin: 1.5em 0; }
img { max-width: 100%; }
legend { background: #fff; margin: 0 0 0 -0.5em; padding: 0.1em 0.75em 0.1em; }
legend em { color: #777; font-size: 0.7em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
li { margin-bottom: 0.5em; }
ol, ul { margin-top: 0.5em; }
ol, ol ol ol ol { list-style-type: decimal; margin-left: 2em; }
ol ol, ol ol ol ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol, ol ul, ul ol, ul ul { margin-top: 0.4em; }
sub { vertical-align: sub; }
sub, sup { font-size: 0.7em; white-space: nowrap; }
sup { vertical-align: super; }
table { border-collapse: collapse; width: 100%; }
table[style] { width: 100% !important; }
table p { margin: 0; }
td { vertical-align: top; }
td[align="right"] { text-align: right; }
td[align="center"] { text-align: center; }
td, th { border: 1px solid #ddd; padding: 0.3em 0.5em; }
tfoot td { border-top: 3px double #ddd; }
th { background: #f0f0f0; font-weight: bold; vertical-align: bottom; }
ul { list-style: disc; margin-left: 1.5em; }
ul ul { list-style: circle; }
video { height: auto !important; width: 100% !important; }

/* Stock classes */
.c { text-align: center; }
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat > li { background: none; margin: 0; padding: 0; }


/* Core layout
======================================================================*/
.clear { clear: both; }
#page { background: #fff; border-radius: 12px 12px 0 0; padding: 5px 35px 50px 35px; }
#wrapper, #footer-wrapper {margin: 0 auto; max-width: 1200px; }

/* Admin */
.ribbon { margin: 0 auto; width: 1200px; }

/* Avatars */
#avatar-full img { width: 100%; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31.25%; }

    /* Text flow */
    .cols2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
    .cols3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
    .cols4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }
    .cols2, .cols3, .cols4 { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; }

/* Content */
#content { margin: 0 auto; max-width: 1072px; }
#content-primary { float: left; width: 67.16%; }
#content-secondary { float: right; width: 27.05%; }

    /* Article */
    .article .aside { background: #f0f0f0; border-radius: 7px; clear: right; float: right; font-size: 14px; margin: 0.3em 0 1em 1em; padding: 15px; width: 30%; }
    .article .aside h3 { font-size: 16px; line-height: 1.3; margin-bottom: 0.2em; }
    .article #content-primary { float: none; margin: 0 auto; padding: 20px 0; width: 82.44%; }
    
    /* Full layout (no secondary content) */
    .full #content { background-image: none; }
    .full #content-primary { float: none; width: auto; }
    .full #content-secondary, .full #subfooter { display: none; }
    
    /* Home */
    .home #content { max-width: 100%; }
    .home #content-primary, .home #content-secondary { float: none; width: auto; }
    
    /* Profile */
    .profile #content-primary { float: none; width: auto; }
    .profile #content-secondary { display: none; }
    #profile-photo { float: right; margin: 0 0 15px 15px; width: 30%; }
    #profile-photo img { width: 100%; }
    .profile-pic { float:left; }
    
    /* Search */
    .sitesearch #content-primary { float: none; margin: 0 auto; padding-top: 1em; width: 80%; }
    .sitesearch #content-secondary { display: none; }
    
    /* Sign in */
    .signin #content-primary { float: none; margin: 0 auto; width: 65%; }
    .signin #content-secondary { display: none; }
    .signin #content { background: #fff; }
    .signin #subfooter { display: none; }


/* Content
======================================================================*/

/* Abstracts */
#abstracts h2 { margin-bottom: 0.2em; }
#abstracts h3 { font-size: 1em; }
#abstracts .needed { background: #f0f0f0; border-radius: 7px; margin: 10px 0; padding: 10px 15px; }
#abstracts .needed dt { font-weight: normal; }
#abstracts .needed ul { margin: 0; }
#abstracts td, #abstracts th { border-width: 1px 0; padding: 0.75em 1em 1em 0; }
#abstracts tbody th { background: none; vertical-align: top; width: 25%; }
#abstracts tbody th .mute { font-weight: normal; }

    /* Categories */
    #abstract-categories { background: #fff; border: 1px solid #ddd; border-radius: 7px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin-bottom: 15px; }
    #abstract-categories .deadline { color: #7f8183; font-size: 14px; position: absolute; right: 10px; top: 8px; }
    
    #abstract-categories h3 {
        background: url(/content/images/shared/plus.gif) no-repeat 0.5em 0.95em;
        border-bottom: 1px solid #ddd; color: #3e5ece;
        cursor: pointer;
        padding: 0.5em 100px 0.5em 30px;
        position: relative;
    }
        
    #abstract-categories h3.ui-state-active { background-color: #f0f0f0; background-image: url(/content/images/shared/minus.gif); }
    #abstract-categories h3.last { border: 0; }
    #abstract-categories h3:hover { background-color: #f0f0f0; text-decoration: none; }
    #abstract-categories h3 span { margin: 0; }
    .abstract-content { border-bottom: 1px solid #ddd; padding: 10px; }
    
    #disease-categories { background: #fff; border: 1px solid #ddd; border-radius: 7px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin-bottom: 15px; }
    #disease-categories .deadline { color: #7f8183; font-size: 14px; position: absolute; right: 10px; top: 8px; }
    #disease-categories h3 { color: #3e5ece; position: relative; }
    #disease-categories h3 { /*background: url(/content/images/shared/plus.gif) no-repeat 0.5em 50%*/; border-bottom: 1px solid #ddd; padding: 5px 10px 5px 10px; }
    #disease-categories h3.ui-state-active { background-color: #f0f0f0; /*background-image: url(/content/images/shared/minus.gif);*/ }
    #disease-categories h3.last { border: 0; }
    #disease-categories h3:hover { background-color: #f0f0f0; text-decoration: none; }
    #disease-categories .highlight { background: #fffcb2; border: 1px solid #e7c969; border-radius: 5px; margin-bottom: 10px; padding: 10px 15px 0; }
    #disease-categories .highlight h4 { text-transform: none; }    
    .disease-content { border-bottom: 1px solid #ddd; padding: 10px; }

/* Abstract graders */
.grade { padding: 30px; }
.grade dt { font-weight: bold; }
.grade tr { cursor: pointer; }
.grade tr:hover td { background: #f0f0f0; }
.grade tr:hover td.grade { background: none; }
.grade .grade { padding: 20px; }
.grade .grade-primary { float: left; width: 64%; }
.grade .grade-primary dt { font-size: 16px; font-weight: bold; }

.grade .grade-secondary {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    float: right;
    padding: 15px;
    width: 30%;
}

#grading .data tr:hover td { background: #f5f5f5; cursor: pointer; }
#grading .data tr:hover td.grade { background: none; cursor: default; }
#grading h2 { margin-bottom: 0.2em; }
#grading table { margin-bottom: 10px; }
#grading .dataTables_paginate { margin-bottom: 30px; }

/* Accordions */
.accordion { background: #fff; border: 1px solid #ccc; border-radius: 7px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); margin-bottom: 15px; }
.accordion .content { border-bottom: 1px solid #ccc; padding: 20px; }
.accordion .deadline { color: #7f8183; font-size: 14px; position: absolute; right: 10px; top: 8px; }

.accordion h2 {
    background: url(/content/images/shared/plus.gif) no-repeat 0.5em 0.8em;
    border-bottom: 1px solid #ddd;
    color: #3e5ece;
    cursor: pointer;
    margin: 0;
    padding: 10px 10px 10px 30px;
    position: relative;
}

.accordion h2:hover { background-color: #f0f0f0; text-decoration: none; }
.accordion h2.ui-state-active { background-color: #f0f0f0; background-image: url(/content/images/shared/minus.gif); }
.accordion h2.last { border: 0; }
.accordion h2 span { margin: 0; }

    /* Nav */
    .accordion-nav { list-style: none; margin: 0; }
    .accordion-nav a { border-bottom: 1px solid #ccc; display: block; padding: 10px 20px; }
    .accordion-nav a:hover { background: #f0f0f0; text-decoration: none; }
    .accordion-nav li { margin: 0; }
    .accordion-nav .mute { display: block; }

    /* Display accordion content on on-demand content */
    #program-app .ui-accordion .ui-accordion-content { border: 0; border-radius: 0; border-bottom: 1px solid #ccc; display: block; }

/* Action links */
.action {
    -webkit-appearance: none;
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e9e9e9));
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#e9e9e9 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%,#e9e9e9 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%,#e9e9e9 100%);
    background: linear-gradient(top, #fdfdfd 0%,#e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e9e9e9',GradientType=0 );
    border: 1px solid #ccc;
    border-radius: 3px;
    font-weight: bold;
    display: inline-block;
    padding: 0.5em 1em;
}

/* Annual Meeting */
.annual-meeting { background-image: url(/content/images/backgrounds/annual-meeting-2022.png); background-size: cover; background-repeat: no-repeat; background-position:top; background-attachment:fixed; }

/* Applications */
#app dt { font-weight: bold; }
#app .form > dt { border-top: 1px solid #ddd; font-size: 14px; margin-bottom: 0.5em; }
#app .form > dt a { font-weight: normal; margin-left: 0.5em; }
#app .form > dt:first-child { border: 0; padding: 0; }
#app .form dt .label { float: none; margin: 0; width: auto; }
#app .form .field { float: none; margin-bottom: 1.5em; width: auto; }
#app h1 { font-size: 20px; margin-bottom: 0.2em; }
#app-primary { float: right; width: 64%; }
#app-secondary { float: left; width: 31%; }
#app-status { background: #f5f6f8; border: 1px solid #ddd; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 15px; }
#app-status .options-h { margin-bottom: 1em; }

    /* Nav */
    #app-nav { clear: both; }
    
    /* Overview */
    #app-overview { font-size: 17px; list-style: none; margin-left: 0; }
    
    #app-overview li {
        border: 1px solid #ddd;
        border-radius: 6px;
        display: block;
        margin-bottom: 0.5em;
        padding: 0.8em 1em 0.8em 55px;
    }
    
    #app-overview .complete { background: #f0ffe1 url(/content/images/shared/check.png) no-repeat 10px 10px; }
    #app-overview .incomplete { background: #f0f0f0 url(/content/images/shared/minus.png) no-repeat 10px 10px; }
    
    /* Recommendations */
    .recs { list-style: none; margin-left: 0; }
    .recs li { margin-bottom: 0.5em; }
    .recs .missing { background: #f5f5f5; padding: 10px; }
    .recs p { margin: 0; }

/* Articles */
.articles dd.mute { margin: 0; }
.articles dt { color: #555; font-size: 12px; margin-top: 1.25em; }
.articles .title { font-size: 18px; }

/* At a glance details */
.at-a-glance { list-style: none; margin-left: 0; }
.at-a-glance li { display: inline; margin-right: 2em; }

/* Authors */
.authors { border-bottom: 1px solid #ddd; font-size: 12px; margin-bottom: 20px; }
.authors img { float: left; margin: 2px 0 0 -60px; }
.authors li { box-sizing: border-box; float: left; margin: 0 5% 15px 0; padding-left: 60px; width: 28%; }
.authors ul { clear: both; list-style: none; margin: 0; }

/* Bar charts */
.chart-bar { font-size: 11px; margin: 0; }
.chart-bar .count { color: #777; position: absolute; right: 5px; top: 3px; }
.chart-bar .idx { background: #b1cbe7; border-radius: 3px; min-width: 1px; height: 100%; position: absolute; }
.chart-bar .label { display: block; left: 5px; overflow: hidden; position: absolute; text-overflow: ellipsis; top: 3px; white-space: nowrap; width: 95%; }
.chart-bar .point { display: block; height: 20px; position: relative; }

    /* Overall progress */
    .overall-progress { font-size: 15px; }
    .overall-progress .chart-bar { font-size: 15px; }
    .overall-progress .chart-bar .idx { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
    .overall-progress .chart-bar .label { left: 8px; top: 12px; }
    .overall-progress .chart-bar .point { border: 1px solid #999; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; float: left; margin: 0 15px 30px 0; height: 40px; width: 100%; }
    .overall-progress .breakdown { padding-top: 10px; }

/* Browse */
.browse { margin-bottom: 1.5em; }
.browse ul { list-style: none; margin-left: 0; }
.browse li, .browse p, .browse ul { display: inline; margin: 0 1em 0 0; }
.browse p { font-weight: bold; }

/* Calendar */
.calendar dt { clear: both; margin: 0; padding-top: 1em; }
.calendar dt:first-child { padding-top: 0; }
.calendar dd, .calendar dt { padding-left: 130px; }
.calendar dt span { float: left; font-weight: bold; margin-left: -130px; }
.calendar dd.mute { margin-bottom: 0.7em; }

    /* Home */
    .home .calendar dt { padding-top: 0; }
    .home .calendar dd, .home .calendar dt { padding-left: 85px; }
    .home .calendar dt span { margin-left: -85px; }

/* Callouts */
div.call-l, img.call-l, .pull-l { clear: left; max-width: 100%; }
div.call-r, img.call-r, .pull-r { clear: right; max-width: 100%; }
dt img.call-l { margin-top: 0; }
img.call-l { margin-right: 1em; }
img.call-r { margin-left: 1em; }
.call-l { margin: 0.5em 2em 0.5em 0; }
.call-l, .pull-l { float: left; }
.call-r { margin: 0.5em 0 0.5em 2em; }
.call-r, .pull-r { float: right; }
.call, div.call-l, div.call-r { font-size: 0.75em; }
.call img, .call-l img, .call-r img { display: block; }
.call img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit {background-color:#1a4280; color:#fff; font-size: 0.75em; letter-spacing: 0.01em; text-align: right; }
.pull-l { margin: 0 1em 0.5em 0; }
.pull-l, .pull-r { color: #4c5059; font-size: 22px; font-weight: bold; line-height: 1.3; text-indent: -0.25em; width: 33%; }
.pull-r { margin: 0 0 0.5em 1em; }

    /* Figures */
    .figure { display: block; position: relative; }
    .figure img { display: block; }
    
    .magnify {
        background: #fff url(/content/images/shared/magnify.png) no-repeat 0 0;
        border-radius: 4px;
        bottom: 6px;
        display: block;
        height: 22px;
        position: absolute;
        right: 3px;
        text-indent: -9999em;
        width: 22px;
    }
    
    a:hover .magnify { background-color: #3e5ece; background-position: 0 -22px; }
    
    /* Sidebars */
    [class *= "sidebar"] { background: #f0f0f0; border-radius: 7px; font-size: 14px; padding: 15px; width: 30%; }
    table[class *= "sidebar"] { padding: 0; width: 34%; }
    table[class *= "sidebar"] p { margin-bottom: 1em; }
    table[class *= "sidebar"] td { border: 0; font-size: 15px; line-height: 1.4; padding: 15px; }
    .sidebar-l { clear: left; float: left; margin: 0.3em 1em 1em 0; }
    .sidebar-r { clear: right; float: right; margin: 0.3em 0 1em 1em; }

/* Carousel */
#carousel { align-items: center; display: flex; height: 400px; justify-content: space-between; margin-bottom: 20px; position: relative; }
#carousel img { display: block; width: 100%; }
.carousel-content { width: 100%; }

    /* Nav */
    .carousel-nav {
        color: rgba(255, 255, 255, 0.6);
        display: flex;
        font-size: 30px;
        padding: 1em;
        text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        z-index: 999;
    }
    
    .carousel-nav:hover { background: rgba(0, 0, 0, 0.5); color: #fff; cursor: pointer; }
    .cycle-next { right: 0; }
    .cycle-prev { left: 0; }
    
    /* Overlay */
    #carousel .overlay {
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
        bottom: 0;
        font-size: 16px;
        left: 0;
        padding: 50px 30px 30px;
        position: absolute;
        width: 100%;
    }
    
    #carousel .overlay a { color: #fff; }
    #carousel .overlay, #carousel .overlay h2 { color: #fff; }
    #carousel .overlay h2 { font-size: 30px; font-weight: normal; margin-bottom: 0.2em; }
    #carousel .overlay p { margin-bottom: 0.3em; }

/* Cart */
.cart { width: 100%; }
.cart .notice { margin: 0; }
.cart .price { background: #f0f0f0; font-weight: bold; text-align: right; }
.cart .total { font-weight: bold; text-align: right; }
.cart p, .cart ul { margin: 0; }
.cart .price { width: 5em; }
.cart tbody td { border-top: 1px solid #ddd;}
.cart td, .cart th { padding: 0.5em 1em; vertical-align: top; }
.cart tfoot td { border-top: 3px double #ccc; }
.cart tfoot td { padding-top: 0.2em; }
.cart thead th { border-bottom: double 3px #ccc; font-size: 11px; font-weight:bold;}
.cart .txt-num { margin: 0; width: 3em; }
.cart .txt-med { margin: 0; width: 6em; }
.cart-options { float: right; text-align: right; }

/* DataTables */
.dataTables_filter { font-size: 1.2em; margin-bottom: 10px; }
.dataTables_filter input { padding: 0.2em; width: 15em; }
.dataTables_info, .dataTables_length { float: right; }
.dataTables_info, .dataTables_length, .dataTables_paginate { font-size: 12px; }
.dataTables_paginate .paginate_active { color: #000; font-weight: bold; margin-right: 0.5em; }
.dataTables_paginate .paginate_button { cursor: pointer; margin-right: 0.5em; }
.dataTables_paginate .paginate_button_disabled { color: #777; margin-right: 0.5em; }
.dataTables_wrapper th { cursor: pointer; }
.dataTables_wrapper th[class*="sorting"] { color: #0c4f96; }
.dataTables_wrapper th[class*="sorting"]:hover { background: #ddd; }
.dataTables_wrapper th.sorting_asc span { background-image: url(/content/images/shared/sort-up.png); }
.dataTables_wrapper th.sorting_desc span { background-image: url(/content/images/shared/sort-down.png); }
.dataTables_wrapper th span { background-position: 100% 50%; background-repeat: no-repeat; cursor: pointer; padding-right: 20px; }

/* Directory */
.directory { list-style: none; margin-left: 0; }
.directory dd, .directory dt { padding-left: 80px; }
.directory dt { clear: both; }
.directory dt .mute { font-weight: normal; }
.directory h2 { color: #000; font-size: 20px; font-weight: normal; line-height: 1.2; margin: 0; }
.directory li { clear: both; margin-bottom: 10px; overflow: hidden; padding: 10px 10px 10px 80px; }

.directory .highlighted {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e7eff9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7eff9));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e7eff9 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#e7eff9 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#e7eff9 100%);
    background: linear-gradient(top, #ffffff 0%,#e7eff9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7eff9',GradientType=0 );
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.directory p { margin: 0; }
.directory .thumb { float: left; margin: 3px 10px 15px -80px; width: 70px; }

    /* Applied filters */
    .applied-filters { list-style: none; margin: 0; }
    .applied-filters .close { position: absolute; right: 5px; top: 0; }
    .applied-filters .filter-type { display: block; font-size: 10px; padding-right: 20px; text-transform: uppercase; }
    
    .applied-filters li {
        background: #f5f5f5;
        border: 1px solid #ddd;
        border-radius: 6px;
        float: left;
        margin: 0 0.5em 0.5em 0;
        padding: 5px;
        position: relative;
    }
    
    .applied-filters img { vertical-align: middle; }

/* Disclaimer */
.disclaimer { color: #7f8183; font-size: 11px; line-height: 1.3; }

/* Disclosures */
#disclosures h2 { color: #7f8183; font-size: 11px; margin: 0; text-transform: uppercase; }

/* Empty message */
.empty { border: 4px dashed #ddd; color: #666; font-size: 20px; margin-bottom: 30px; padding: 50px; text-align: center; }

/* Events */
.events { list-style: none; margin: 0 0 3em; }
.events .date { float: left; font-weight: bold; text-align: right; white-space: nowrap; width: 25%; }
.events .description { float: right; width: 71%; }
.events li { clear: both; padding: 0.5em 0 0; }

/* Features */
.features { display: flex; font-size: 22px; justify-content: space-between; list-style: none; margin: 0 0 40px; }
.features a { display: block; position: relative; }
.features a:hover { opacity: 0.7; text-decoration: none; }
.features li { width: 31.25%; }
.features .overlay { background: #1a4280; bottom: 0; color: #fff; left: 0; padding: 0.5em 1em; position: absolute; text-align: center; width: 100%; }

/* Featured pages */
.featured-pages { background: #deeaf6; display: flex; flex-wrap: wrap; list-style: none; justify-content: space-between; margin-left: 0; padding: 30px; }
.featured-pages h3 { font-size: 1.5em; font-weight: bold; margin-bottom: 0.3em; }
.featured-pages li { background: #fff; border-radius: 10px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); margin-bottom: 20px; flex: 0 0 48.5%; padding: 30px; }
.featured-pages li > *:last-child { margin-bottom: 0; }

/* Fellowships */
#fellowship-header { margin-bottom: 20px; }
#fellowship-header h1, #fellowship-header p { margin: 0; }
#fellowship-types td, #fellowship-types th { border: 1px solid #ddd; padding: 0.5em; text-align: center; width: 25%; }
#fellowship-types th { background: #f0f0f0; font-weight: bold; }

/* Files */
.files dd, .files dt { padding-left: 40px; }
.files img { float: left; margin: 5px 0 0 -40px; }
.files .mute { letter-spacing: 0; margin: 0; text-transform: none; }

/* Films */
.films { list-style: none; margin: 0; }
.films a { display: block; overflow: hidden; margin-bottom: 17px; padding-left: 155px; }
.films a:hover { text-decoration: none; }
.films a:hover .title { text-decoration: underline; }
.films .author, .films .coauthor, .films .runtime, .films .title { display: block; }
.films .thumb { float: left; margin: 3px 0 0 -155px; width: 140px; }
.films .thumb img { border: 1px solid #ddd; display: block; width: 100%; }
.films .title { font-weight: bold; }

/* Filters */
#filters {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 13px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 15px 0 15px 20px;
    position: relative;
}

#filters .close { position: absolute; right: 20px; top: 15px; }
#filters h3 { color: #58595b; margin-bottom: 0.5em; }
#filters li { margin: 0; }
#filters .mute { color: #939598; font-size: 11px; }
#filters .all .col, #filters .panel { float: left; margin: 0 1% 10px 0; width: 23.5%; }
#filters p, #filters ul { list-style: none; margin: 0; }
#filters #availability-filters .col { float: none; width: auto; }
#filters #availability-filters .panel { width: 13.28%; }

/* Footer */
#footer { background: #1a4280; color: rgba(255, 255, 255, 0.6); padding: 3em 35px; text-align: center; }
#footer a { color: #fff; }
#footer-nav-primary { margin-bottom: 30px; }
#footer-nav-primary li { display: inline; margin: 0 0.5em; }
#footer-nav-primary ul { list-style: none; margin: 0; }
#footer-nav-secondary { border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 14px; margin-bottom: 40px; opacity: 0.8; padding-bottom: 40px; text-transform: uppercase; }
#footer-nav-secondary li { display: inline; margin: 0 0.5em; }
#footer-nav-secondary ul { list-style: none; margin: 0; }
#footer-social { border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 30px; list-style: none; margin: 0 0 40px; padding-bottom: 40px; }
#footer-social a:hover .fa { color: #fff; }
#footer-social li { display: inline; margin: 0 0.2em; }
#footer-social .fa { background: none; color: rgba(255, 255, 255, 0.8); -webkit-text-fill-color: currentcolor; }

    /* Copyright */
    #copyright { font-size: 14px; opacity: 0.8; margin-bottom:1.5em; }
    
    /* Credit */
    #credit { font-size: 11px; letter-spacing: 0.01em; text-align: center; text-transform: uppercase;}
    #credit a { color:#fff;  font-weight: 300; }
    #credit a strong { font-weight: 300; }
    
    /* vCard */
    .vcard { font-size: 16px; }
    .vcard .adr, .vcard .contact, .vcard .tel { margin: 0 0.5em; }
    .vcard .org { display: block; font-size: 20px; margin-bottom: 0.3em; text-transform: uppercase; }

/* Grids */
.grid { display: flex; flex-wrap: wrap; list-style: none; justify-content: space-between; margin-left: 0; }
.grid > li { flex: 0 0 auto; margin-bottom: 40px; text-align: center; }
.grid:after { content: ""; display: block; flex: 0 0 auto; }
.grid p { margin: 0; }
.grid .thumb { border-radius: 500px; display: block; margin: 0 auto 10px; width: 80%; }
.grid .title { display: block; font-size: 18px; }

    /* 3 columns */
    .grid-3:after, .grid-3 > li { flex-basis: 30%; }

/* Header */
#header { padding-bottom: 15px; }
#header .btn { margin: 0; }
#header-content { display: flex; justify-content: space-between; }
#header-secondary { float: right; text-align: right; width: 40%; }

    /* Header nav */
    #header-nav { font-size: 16px; margin-bottom: 1em; text-align: right; }
    #header-nav li { border-left: 1px solid #ccc; display: inline-block; margin-left: 0.7em; padding-left: 0.7em; }
    #header-nav li:first-child { border: 0; margin: 0; padding: 0; }
    #header-nav ul { list-style: none; margin: 0; }
    
    /* Member nav */
    #member-nav { font-size: 15px; font-weight: 300; margin: 5px auto 15px; padding: 0 35px; text-align: right; max-width: 1200px; }
    #member-nav li { display: inline; margin: 0 0 0 1em; }
    #member-nav .nav-highlight { font-weight: bold; text-transform: uppercase; }
    #member-nav ul { list-style: none; margin: 0; }
    
    /* Logo */
    #logo { flex: 0 0 auto; }
    #logo a { align-items: stretch; display: flex; }
    #logo a:hover { text-decoration: none; }
    #logo img { display: block; height: 63px; }
    
    #logo-patients {
        align-self: flex-start;
        border-left: 1px solid #2a3873;
        font-size: 0.9rem;
        margin: 8px 0 0 14px;
        line-height: 1.2;
        padding: 2px 0 4px 14px;
    }
    
    #logo-patients.logo-patients-lifetime { align-self: stretch; margin-top: 0; padding-top: 13px; }
    
    /* Social/search */
    #social-search { align-items: center; display: flex; margin: 0; }
    #social-search li { display: inline-block; margin-left: 1em; vertical-align: middle; }
    #social-search .social { font-size: 25px; }
    #social-search .social:hover { opacity: 0.7; }
    #social-search ul { list-style: none; margin: 0; }
    #social-search .search { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15); width: 15em; }

/* Heroes */
.hero { display: flex; justify-content: space-between; margin-bottom: 2em; }
.hero-media { display: block; width: 100%; }
.hero-overlay { background: rgba(255, 255, 255, 0.85); bottom: 0; left: 0; padding: 20px 20px 2px 20px; position: absolute; width: 100%; }
.hero-primary { flex: 0 0 64.28%; position: relative; }
.hero-secondary { background: #1a4280; color: #fff; display: flex; flex: 0 0 34.46%; flex-direction: column; font-size: 1.2em; justify-content: center; padding: 20px; }
.hero-secondary * { color: #fff; }
.hero-secondary h2 { font-size: 1.4em; }

/* Highlights */
.highlight {
    background: #f9f9f9;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
    padding: 20px 20px 1px;
    position: relative;
}

.highlight-close { padding: 0.5rem 1rem; position: absolute; right: 0; top: 0; }

/* Home */
#home-intro { display: flex; justify-content: space-between; }
#home-intro-primary { width: 65.625%; }
#home-intro-secondary { width: 31.25%; }

/* Icons */
.fa-twitter { color: #1da1f2; }
.fa-instagram { color: #e1306c; }

@supports (-webkit-background-clip: text) {
    .fa-instagram {
        background: #e1306c;
        background: linear-gradient(45deg, #ffdc80 0%,#fcaf45 11%,#f77737 22%,#f56040 33%,#fd1d1d 44%,#e1306c 55%,#c13584 66%,#833ab4 77%,#5851db 88%,#405de6 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

a.icon { background-repeat: no-repeat; background-position: 0 0.25em; line-height: 1; padding: 3px 0 3px 20px; }
.icon-add { background-image: url(/content/images/shared/add.png); }
.icon-audio { background-image: url(/content/images/audio.png); }
.icon-cal { background-image: url(/content/images/shared/calendar.png); }
.icon-doc, .icon-docx { background-image: url(/content/images/shared/doc.png); }
.icon-download { background-image: url(/content/images/download.png); }
.icon-email { background-image: url(/content/images/shared/email.png); }
.icon-facebook { background-image: url(/content/images/shared/facebook.png); }
.icon-feed { background-image: url(/content/images/shared/feed.png); }
.icon-linkedin { background-image: url(/content/images/shared/linkedin.png); }
.icon-list { background-image: url(/content/images/shared/list.png); }
.icon-map { background-image: url(/content/images/shared/map.png); }
.icon-pdf { background-image: url(/content/images/shared/pdf.png); }
.icon-ppt, .icon-pptx { background-image: url(/content/images/shared/ppt.png); }
.icon-search-options { background-image: url(/content/images/shared/search-options.png); }
.icon-twitter { background-image: url(/content/images/shared/twitter.png); }
.icon-xls, .icon-xlsx { background-image: url(/content/images/shared/xls.png); }
/*mail icons*/
.gmail { background-image: url('/Content/images/shared/gmail.png'); background-repeat: no-repeat; padding-left: 20px; }
.yahoo { background-image: url('/Content/images/shared/yahoo-mail.png'); background-repeat: no-repeat; padding-left: 20px; }
.aol { background-image: url('/Content/images/shared/aol-mail.png'); background-repeat: no-repeat; padding-left: 20px; } 
.hotmail { background-image: url('/Content/images/shared/hotmail-icon.gif'); background-repeat: no-repeat; padding-left: 20px; } 

.disabled { color: #E0E0EB; }

/* Iframes */
.iframe-container { height: 0; overflow: hidden; padding-top: 30px; position: relative; }
.iframe-container iframe { left: 0; height: 100%; position: absolute; top: 0; width: 100%; }

/* Intro */
#intro, .intro { font-weight: 300; font-size: 24px; }

/* jQuery UI */
.ui-widget { font-size: 1em; }

    /* Tooltips */
    .ui-tooltip { background: #fff; border: 4px solid #ddd; border-radius: 4px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); font-size: 12px; max-width: 400px; padding: 0.25em 0.5em; }
    .ui-tooltip h6 { font-size: 13px; }
    .ui-tooltip p { margin: 0; }

/* Maps */
.geo { display: none; }
#map img { max-width: none; }

    /* Mapped results */
    #map-mini #map { border: 1px solid #ccc; height: 250px; margin-bottom: 20px ; }
    #mapped-results #map { border: 1px solid #ccc; border-bottom-right-radius: 6px; border-top-right-radius: 6px; float: right; height: 500px; width: 69%; }
    #mapped-results #map, #mapped-results .results { margin-bottom: 20px; }
    
    #mapped-results .results {
        border: 1px solid #ccc;
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
        float: left;
        font-size: 0.9em;
        height: 470px;
        line-height: 1.3;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 15px 1%;
        width: 28.5%;
    }
    
    #mapped-results .results ol { list-style: none; margin: 0; padding-left: 32px; }
    #mapped-results .results ol li { clear: both; margin-bottom: 15px; }
    #mapped-results .results ol h2 { font-size: 16px; }
    #mapped-results .results ol h2, #mapped-results .results ol p { font-weight: normal; margin: 0; }
    #mapped-results .results .marker { float: left; margin-left: -32px; }
    #mapped-results .results .thumb { float: left; margin: 3px 10px 10px 0; width: 44px; }
    
    /* Windows (new, custom popup using ExtInfoWindow) */
    /* http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/docs/examples.html */
    #gwindow { width: 350px; }
    #gwindow_b { background: url(/images/shared/gwindow_b.png); height: 15px; }
    #gwindow_beak { background: url(/images/shared/gwindow_beak.png); height: 49px; width: 47px; }
    #gwindow_bl { background: url(/images/shared/gwindow_bl.png); height: 15px; width: 10px; }
    #gwindow_br { background: url(/images/shared/gwindow_br.png); height: 15px; width: 15px; }
    #gwindow_close { background: url(/images/shared/gwindow_close.png) no-repeat; cursor: pointer; height: 16px; width: 16px; }
    #gwindow_l { background: url(/images/shared/gwindow_l.png); width: 10px; }
    #gwindow_r { background: url(/images/shared/gwindow_r.png); width: 15px; }
    #gwindow_t { background: url(/images/shared/gwindow_t.png); height: 1px; }
    #gwindow_tl { background: url(/images/shared/gwindow_tl.png); height: 10px; width: 10px; }
    #gwindow_tr { background: url(/images/shared/gwindow_tr.png); height: 10px; width: 15px; }
    
        /* Window contents */
        #info-window-content { background-color: #fff; }
        #info-window-content .desc-content { font-size: 12px; }
        #info-window-content h3 { font-size: 1.5em; line-height: 1.2; }
        #info-window-content p { font-size: 1.2em; }
        #info-window-content .thumb { float: left; margin: 3px 10px 0 0; width: 44px; }

/* Mobile */
    /* Notice */
    #mobile-notice a { background: #fff; border-bottom: 1px solid #ccc; display: block; font-size: 50px; padding: 30px; }
    
    /* Preview */
    .mobile-preview { font-size: 15px; }
    .mobile-preview h1 { font-size: 34px; line-height: 1.2; }
    .mobile-preview h2 { color: #4c4c4c; font-size: 24px; font-weight: normal; line-height: 1.3; margin-bottom: 1.5em; }
    .mobile-preview h2 strong { color: #000; }
    .mobile-preview p { margin: 0; }
    .mobile-preview .logos { line-height: 45px; list-style: none; margin: 0; }
    .mobile-preview .logos li { display: inline; margin-right: 1.5em; }
    .mobile-preview .logos img { vertical-align: middle; }

/* Muted text */
.mute { color: #7f8183; font-size: 14px; line-height: 1.3; }
h2 .mute, h3 .mute { font-size: 14px; font-weight: normal; margin-left: 0.5em; }
dd.mute { font-size: 11px; letter-spacing: 0.05em; }

/* Navigation */
#nav { background: #1a4280; border-radius: 5px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15); padding: 0 0.8em; margin-bottom: 40px; }
#nav a { color: #fff; }
#nav a:hover { text-decoration: none; }
#nav li.current > a { color: #ffcf00; }
#nav ul { list-style: none; margin: 0; }
#nav > ul { display: flex; list-style: none; margin: 0; }
#nav > ul > li { display: flex; margin: 0; position: relative; }
#nav > ul > li > a { display: block; padding: 0.6em 0.7em; }
#nav > ul > li:hover > a { background: rgba(255, 255, 255, 0.1); }
#nav > ul > li:hover ul { left: 0; z-index: 1000; }
#nav > ul > li:nth-last-child(-n+2):hover ul { left: auto; right: 0; }
#nav ul ul { background: rgba(26, 66, 128, 0.95); left: -9999px; position: absolute; top: 44px; width: 350px; }
#nav ul ul a { display: block; padding: 0.4em 1.5em; }
#nav ul ul a:hover { background: rgba(255, 255, 255, 0.2); }
#nav ul ul li { margin: 0; }
#nav ul ul li:last-child a { padding-bottom: 1em; }
    
    /* Menu */
    #menu {
        background: #1a4280;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        display: none;
        font-size: 15px;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        position: fixed;
        right: -400px;
        top: 0;
        width: 250px;
        z-index: 1200;
    }
    
    #menu .dues { color: #ffcf00; font-weight: bold; }
    #menu h3 { display: none; }
    #menu .current { background: #fff; }
    #menu .current a, #menu li.current a strong { color: #3e5ece; }
    #menu .current > a { color: #000; font-weight: bold; }
    #menu ul { list-style: none; margin: 0; }
    #menu ul a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; display: block; padding: 0.8em 1.1em; }
    #menu ul li { margin: 0; }
    #menu ul ul a { border-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }
    #menu ul ul ul { list-style: disc; margin-left: 1.5em; }
    #menu ul ul ul a { border: 0; display: inline; padding: 0; }
    #menu-member { background: rgba(255, 255, 255, 0.2); border-bottom: 3px solid #fff; }
    #menu #menu-tertiary { padding: 0 1.1em 0.8em 1.1em; }
    #menu #menu-tertiary li { margin-bottom: 0.5em; }
    
        /* Nav toggle */
        #nav-toggle { float: right; font-size: 18px; font-weight: bold; position: relative; }
        
        /* Search */
        #menu-search { border-bottom: 1px solid rgba(255, 255, 255, 0.3); clear: both; float: none; padding: 0.8em 1.1em; text-align: left; }
        #menu-search .btn { display: inline; line-height: 1; padding: 0.3em 0 0.5em; width: 32%; }
        #menu-search .txt { width: 52%; }
        #menu-search #search { float: none; }
    
    /* Secondary */
    #nav-secondary { font-size: 16px; margin: 0 -15px 3em; }
    #nav-secondary h3 { font-size: 14px; letter-spacing: 0.05em; margin-bottom: 0.5em; padding: 0 15px; text-transform: uppercase; }
    #nav-secondary h3 a { color: #99364e; }
    #nav-secondary .current { background: rgba(103, 144, 203, 0.1); border-radius: 5px; padding: 15px 15px 15px 30px; }
    #nav-secondary .current > a { color: #000; font-size: 15.5px; font-weight: bold; }
    #nav-secondary .current .current { background: none; padding: 0; }
    #nav-secondary .current li { padding: 0; text-indent: 0; }
    #nav-secondary .current li:before { display: none; }
    #nav-secondary li { margin-bottom: 0.5em; padding-left: 30px; text-indent: -17px; }
    #nav-secondary li:before { color: #ccc; content: "\f105"; font-family: FontAwesome; margin-right: 0.5em; }
    #nav-secondary ul { list-style: none; margin-left: 0; }
    #nav-secondary ul ul { margin: 0; }
    #nav-secondary ul ul ul { margin-left: 1em; }
    
        /* Retina times secondary nav */
        .rt #nav-secondary { border-bottom: 1px solid #ddd; border-radius: 0; box-shadow: none; margin: -5px 0 10px; padding-bottom: 10px; }
        .rt #nav-secondary a { display: inline; padding: 0; }
        .rt #nav-secondary h3 { display: none; }
        .rt #nav-secondary li { border: 0; display: inline; margin-right: 1.5em; }
        .rt #nav-secondary li.current { background: none; font-weight: bold; }
        .rt #nav-secondary ul { background: none; border: 0; border-radius: 0; filter: none; }
        .rt #nav-secondary ul ul, .rt #nav-tertiary { display: none; }

/* New */
.new {
    background: #edb80e;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    margin: 0;
    padding: 0.15em 0.5em;
    text-transform: uppercase;
}

/* New accounts */
#new-account { padding-bottom: 15px; }
#new-account h1 { margin-bottom: 2em; }

/* News */
.news { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 30px; }
.news a { background: rgba(103, 144, 203, 0.1); border: 1px solid rgba(103, 144, 203, 0.5); display: block; padding: 10px 15px 20px 79px; width: 100%; }
.news a:hover { opacity: 0.7; text-decoration: none; }
.news .fa { float: left; font-size: 43px; margin: 0.2em 0 0 -63px; opacity: 0.5; }
.news li { display: flex; margin-bottom: 2em; width: 31.25%; }
.news .title { display: block; font-size: 17px; }
.news .mute { margin-left: 0; text-transform: uppercase; }

/* Online first */
.online-first { background: #fcfbbe; color: #333; }

/* Paging */
.pages, .pages ul { clear: both; float: none; font-size: 18px; list-style: none; margin: 20px 0; text-align: center; }
.pages li { display: inline; margin: 0 10px 0 0; }

/* Panels */
.panel { font-size: 0.9em; margin-bottom: 1em; }
.panel h3 { margin: 2em 0 0.5em; }
.panel h3:first-child { margin-top: 0; }

    /* Home page */
    .home .panel h3 { background: none; padding: 0.5em 0; }

/* Photo albums */
.albums .photos li { margin-bottom: 25px; }
.photos { list-style: none; margin: 0; text-align: center; }
.photos img { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); display: block; margin-bottom: 5px; width: 100%; }
.photos li { float: left; margin: 0 2% 25px 0; width: 31%; }
.photos .thumb { display: block; margin-bottom: 0.3em; position: relative; }
.photos .title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Podcast */
.podcast dd, .podcast dt { padding-left: 115px; }
.podcast dt { clear: both; font-weight: bold; }
.podcast img { float: left; margin: 3px 0 20px -115px; }
.podcast .tasks { font-size: 12px; }
.podcast .tasks a { margin-right: 1em; }

/* President */
#president { padding-top: 20px; }
#president img { float: left; margin: -20px 10px 30px 0; }

/* Progress chart */
.progress-chart {
    border: 1px solid #ccc;
    border-radius: 4px;
    float: right;
    font-size: 18px;
    height: 40px;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}

.progress-chart .count { display: block; padding: 0.4em 0 0 0.7em; position: relative; }

.progress-chart .idx {
    background: #eee;
    border-radius: 2px;
    left: 0;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
}

.progress-chart .level-0 { background-color: #f5b1b6; }
.progress-chart .level-1 { background-color: #f5b1b6; }
.progress-chart .level-2 { background-color: #f7c4b9; }
.progress-chart .level-3 { background-color: #f7d6ba; }
.progress-chart .level-4 { background-color: #f7e9bc; }
.progress-chart .level-5 { background-color: #f7f5bd; }
.progress-chart .level-6 { background-color: #eff6bc; }
.progress-chart .level-7 { background-color: #e2f4b9; }
.progress-chart .level-8 { background-color: #d2eeb4; }
.progress-chart .level-9 { background-color: #c2e8af; }
.progress-chart .level-10 { background-color: #b2e3ab; }

td .progress-chart { margin: 0; }

/* Progress navigation */
.progress { font-size: 13px; list-style: none; margin: 1em auto 3em; text-align: center; white-space: nowrap; }
.progress li { display: inline; margin-right: 10px; }
.progress li.current .step { background: #00345b; }
.progress li.current .title { color: #000; }

.progress .step {
    background: #aaa;
    border-radius: 20px;
    color: #fff;
    line-height: 1;
    margin-right: 0.3em;
    padding: 0.25em 0.6em;
}

/* References */
.references { font-size: 13px; }

.article .references, .rt-article .references {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 4em;
    -webkit-column-gap: 4em;
    column-gap: 4em;
}

.references .cite-ref a { font-style: italic; font-weight: bold; }
.references ol { margin-left: 2.5em; }
.references p { display: inline; }

/* Resourcese */
.resources { list-style: none; margin-left: 0; }
.resources a { align-items: center; display: flex; }
.resources a:hover { opacity: 0.7; text-decoration: none; }
.resources li { margin-bottom: 5px; }
.resources-image { flex: 0 0 50px; margin-right: 10px; }

/* Retina Health Series */
.rhs { font-size: 18px; }
.rhs a { color: #45b048; }
.rhs .action, .rhs .btn a { color: #fff; }
.rhs h1 { font-size: 28px; font-weight: 900; letter-spacing: normal; }
.rhs h2 { color: #000; font-size: 24px; font-weight: 900; }
.rhs .highlight { background: #fffce9; border: 0; border-radius: 0; border-top: 8px solid #949494; overflow: hidden; margin: 20px 0; padding: 25px; }
.rhs .highlight h2 { color: #45b048; font-size: 18px; font-weight: 900; margin-bottom: 1em; text-transform: uppercase; }
.rhs-authors { font-size: 15px; }
.rhs-header { margin: 0 -50px; }
.rhs-header img { width: 100%; }

/* Retina Times */
    /* Article view */
    .rt-article .issue { text-transform: uppercase; }
    .rt-article #section { font-size: 12px; text-transform: uppercase; }
    
    /* Archives */
    .rt-issues { list-style: none; margin: 0; padding-left: 183px; }
    .rt-issues img { float: left; margin: 3px 0 0 -183px; }
    .rt-issues ul { margin-bottom: 2em; }
    .rt-issues li { margin: 0; }
    .rt-issues > li { clear: both; }
    
    /* Bug */
    .rt-bug { color: #000; font-size: 10px; font-style: normal; text-transform: uppercase; }
    
    /* Older archives */
    .rt-old-issues { list-style: none; margin: 0; }
    .rt-old-issues img { display: block; margin-bottom: 5px; }
    .rt-old-issues li { float: left; margin-right: 20px; }

/* Search results */
    /* Google */
    .docType { color: #000; font-size: 0.7em; font-weight: bold; margin-left: 0.3em; text-transform: uppercase; white-space: nowrap; }
    #info { border-bottom: 1px solid #cbc3b8; margin-bottom: 1em; padding-bottom: 1em; }
    #info a, #search-results a { text-decoration: underline; }
    #info a:hover, #search-results a:hover { text-decoration: none; }
    #search-results { margin: 0 0 1em; }
    #search-results p { margin: 0; }
    #search-results h2 { font-size: 1.3em; font-weight: normal; margin: 1em 0 0; }
    #search-results .icon { margin-bottom: -2px; }
    #search-results li { list-style: none; }
    #searchPages { font-size: 1.2em; margin-top: 2em; text-align: center; }
    #searchPages a { padding: 0.5em 0.2em; }
    #searchPages li { background: none; display: inline; margin: 0 0.2em; padding: 0; }
    #searchSort { border-top: 1px solid #cbc3b8; font-size: 1.2em; margin: 1em 0; padding-top: 0.9em; }
    #search-within-search input { vertical-align: middle; }
    #search-within-search .txt { display: inline; width: 69%; }
    #search-within-search .btn { margin: 0; }
    
    /* Swiftype */
    #search-within-search { margin-bottom: 1em; }
    .st-no-results, .st-spelling-suggestion { text-align: center; padding: 1em; }
    .st-page { text-align: center; }
    .st-page a { margin: 0 0.5em; padding: 0.5em 1em; }
    .st-query-present { margin-bottom: 1em; }
    .st-result { border-bottom: 1px solid #ddd; margin-bottom: 1em; padding-bottom: 1em; }
    .st-result em, .st-snippet em { font-style: normal; font-weight: bold; }
    .st-result .title { font-size: 1.3em; font-weight: normal; line-height: 1.3; margin-bottom: 0.2em; }
    .st-search-result-link { text-decoration: none; }
    .st-search-result-link:hover { text-decoration: underline; }
    .st-ui-url { color: #a6a6a6; font-size: 0.9em; }
    
        /* Autocomplete */
        .autocomplete .st-result { border: 0; margin: 0; padding: 0; }
        .autocomplete .st-result .title { font-size: 1em; }
        .autocomplete .st-search-result-link { display: block; padding: 0.3em 1em; }
        .autocomplete .st-search-result-link:hover { text-decoration: none; }
        .swiftype-widget .autocomplete li { border: 0 !important; font-size: 1em !important; padding: 0 !important; }
        .swiftype-widget .autocomplete li.active { background: #0045aa !important; border: 0 !important; box-shadow: none !important; }
        .swiftype-widget .autocomplete li.active a { color: #fff; }

/* Sequencing */
.sequence { list-style: none; line-height: 1.4; }
.sequence .call-r { margin-top: 0; }

.sequence li {
    background: #f5f5f5;
    border: 1px solid #ddd;
    cursor: url(/Content/images/shared/grab.cur), move;
    height: 1%;
    margin-bottom: 1px;
    padding: 0.3em 0.5em 0.4em;
}

.sequence-single li { cursor: default; }

/* Skip link */
.skip { left: -9999em; position: absolute; }

/* Summary lists */
.summaries { margin-bottom: 1.5em; }
.summaries dt { clear: both; font-weight: bold; margin-top: 1.25em; }
.summaries dt .mute { font-weight: normal; text-transform: uppercase; }
.summaries p { margin: 0; }
    
    /* Fellows */
    .fellows .thumb { float: left; margin-right: 1em; }

/* Social */
.social { list-style: none; margin-left: 0; }
.social li { display: inline; margin-right: 3px; }

/* Store */
    /* Product list */
    .product-list td, .product-list th { border:none; border-bottom: 1px dashed #ccc; padding: 0.5em 0.25em; }
    .product-list .a { width: 140px; }
    .product-list .a .action { float: right; }
    .product-list .d { width: 60%; }    
    .product-list .i img { display: block; width:80px; }

/* Survey results */
.survey-results .answer, .survey-results .summary { width: 50%; }
.survey-results .chart-bar { font-size: 1em; }
.survey-results .chart-bar .idx { background: #b6c9e6; height: 24px; }
.survey-results .content { margin-bottom: 2em; }
.survey-results .count { color: #666; }
.survey-results .count, .survey-results .percent { margin-left: 0.5em; }
.survey-results h3 { background: #f0f0f0; font-size: 1em; font-weight: normal; margin: 0; padding: 1em; }
.survey-results #pat-results { margin-top: 2em; }
.survey-results table { margin-bottom: 1em; }
.survey-results td { border-width: 1px 0; font-size: 1em; padding: 0.5em 1em; }
.survey-results tfoot td { border: 0; text-align: right; }
.survey-results .yours td { font-weight: 900; }

/* Schedule */
.schedule .action { padding: 0.5em; }
.schedule, .schedule ul { list-style: none; margin: 0; }
.schedule li, .schedule .sessions li { clear: both; margin-bottom: 12px; padding-left: 130px; }
.schedule li > [class *= "rsvp"] { float: left; margin: 2px 0 0 -130px; width: 110px; }
.schedule .rsvp-update { background-position: 0 50%; background-repeat: no-repeat; display: block; padding: 0.2em 0.2em 0.2em 26px; white-space: nowrap; }
.schedule .off { background-image: url(/content/images/unchecked.png); }
.schedule .on { background-image: url(/content/images/checked.png); color: green; font-weight: bold; }
.schedule .load .action { color: #666; }
.schedule .sessions { padding-left: 0; }
.schedule .sessions > .title { padding-top: 20px; }
.schedule .sessions:first-child > .title { padding-top: 0; }
.schedule .sessions ul { margin-top: 10px; }
.schedule .title { display: block; }

/* Store */
    /* Product details */
    .product { padding-left: 330px; }
    .product-description { margin-bottom: 30px; }
    .product-image { float: left; margin: 3px 0 30px -330px; width: 300px; }
    .product-image img { display: block; width: 100%; }
    .product .txt-num { width: 3em; }
    
    /* Product list */
    .products .add { width: 10em; }
    .products .price { font-size: 18px; width: 10em; }
    .products td { border-width: 1px 0; padding: 0.5em 1em 0.5em 0; }
    .products .thumb { width: 105px; }

/* Star rating */
#rater li { cursor: pointer; display: inline-block; }
#rater ul { list-style: none; margin-left: 0; }

/* Tabs */
#tabs .ui-tabs-hide { display: none; }
#tab-nav { font-size: 15px; list-style: none; margin: 0; }
#tab-nav a { background: #f0f0f0; border: 1px solid #ccc; display: block; padding: 10px; }
#tab-nav a:hover { background: #f5f5f5; text-decoration: none; }
#tab-nav li { float: left; margin-bottom: -1px; text-align: center; width: 20%; }
#tab-nav li:first-child a { border-radius: 10px 0 0 0; }
#tab-nav li:last-child a { border-radius: 0 10px 0 0; }
#tab-nav li.ui-tabs-selected a { background: #fff; border-bottom-color: #fff; color: #000; }
#tab-nav strong { display: block; }
#tabs .tab-content { background: #fff; border: 1px solid #ccc; clear: both; padding: 30px; }

/* Tables */
.nb { white-space: nowrap; }
.table-scroller { clear: both; overflow: auto; -webkit-overflow-scrolling: touch; }
.table-noborder td, .table-noborder th { border: 0; padding: 0; }

/* View navigation */
.view-nav { list-style: none; margin-left: 0; }
.view-nav li { background: none; display: inline; margin: 0 1em 0 0; padding: 0; }
.view-nav li.current { font-weight: bold; }
.view-nav li.current a { color: #000; }

/* Journey Landing Page */

#journey {padding:0; background:none; background-color: #1a4280;}
#journey #page {border-radius: 0; border-bottom:40px solid #1a4280; padding: 20px 35px}
#journey #header {padding-bottom:0;}

#journey_split {display:flex; align-items:flex-start; background:#fff; border-bottom:1px solid #fff;}
#journey_split .journey_path {width:50%;}
#journey_split .journey_path a {display:block; color:#fff; text-decoration:none;}
#journey_split .journey_path a i {transition:all .2s ease-in-out;}
#journey_split .journey_path a:hover i {transform: translateX(50%);}

#journey_split .journey_img {position:relative; height:500px; background-repeat:no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#journey_split .journey_img .journey_title {display:flex; align-items:center; justify-content:center; position:absolute; left:0; bottom:100px; z-index:1; width:100%; padding:.75em 1em; font-family: 'Montserrat', sans-serif; font-size:1.4em; line-height:1.3; font-weight:700; text-align:center;}

    #journey_split .journey_title span > span  {font-style:italic; font-weight:300;}
    #journey_split .journey_path:first-child .journey_title {background-color:rgba(87,138,214,.7);}
    #journey_split .journey_path:last-child .journey_title {background-color:rgba(102,191,107,.7);}

#journey_split .journey_box {height:90px; padding:0 1em; display:flex; align-items:center; justify-content:center;}
#journey_split .journey_box img { height: auto;}
#journey .journey_notice {text-align:center; color:#fff; font-size:.9em; padding-top:.75em;}

#footer-nav-journey {font-family: 'Montserrat', sans-serif; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 40px; padding-bottom: 40px; text-align:left; display:flex;}
#footer-nav-journey ul { list-style: none; margin: 0;}
#footer-nav-journey ul:first-child { width:60%; margin-right:10%; columns: 2; -webkit-columns: 2; -moz-columns: 2;}
#footer-nav-journey ul:last-child { width:30%;}
#footer-nav-journey ul:last-child a {color:#66BF6B}
#footer-nav-journey li { margin-bottom:.5em; }

@media only screen and (max-width: 991px) {

#journey #page {border-bottom:15px solid #1a4280; padding: 15px 20px}
#journey_split .journey_img {height:300px;}
#journey_split .journey_img .journey_title  {bottom:40px; height:80px;}

}

@media only screen and (max-width: 768px) {    

#journey_split .journey_img {height:200px;}
#journey_split .journey_img .journey_title  {bottom:0; font-size:1.2em; height:70px;}

}

@media only screen and (min-width: 641px) {

#journey_split {background:#578ad6;}
#journey_split .journey_path:last-child {background-color:#fff;}

}

@media only screen and (max-width: 640px) {

#journey_split {display:block; padding:1em 0;}
#journey_split .journey_path {width:100%; height:auto; padding:.5em 1em;}
#journey_split .journey_img {height:auto; background:none!important;}
#journey_split .journey_img .journey_title {display:block; padding:.5em 1em; position:relative; left:auto; bottom:auto; z-index:auto; height:auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
    #journey_split .journey_path:first-child .journey_title {background-color:#578ad6;}
    #journey_split .journey_path:last-child .journey_title {background-color:#66BF6B;}

#journey_split .journey_box {display:none;}

#journey .journey_notice {background-color:#fff; padding-top:0; padding-bottom:1em; color:#000;}

#footer-nav-journey {margin-bottom: 1em; padding-bottom: 1em; display:block; text-align:center;}
#footer-nav-journey ul { width:100%!important; margin-right:0!important; columns: 1!important; -webkit-columns: 1!important; -moz-columns: 1!important;}
#footer-nav-journey li { margin-bottom:.75em; }

}


/* Widths
=====================================================================*/
@media screen and (max-width: 1150px) {
    /* Logo */
    #logo img { height: 48px; }
    #logo-patients { font-size: 0.8rem; margin-top: 6px; }
    #logo-patients.logo-patients-lifetime { padding-top: 8px; }
}

@media screen and (max-width: 970px) {
    /* Basics */
    body { -webkit-text-size-adjust: none; }
    
    /* Layout */
    .article #content-primary, .search #content-primary, .signin #content-primary, .sitesearch #content-primary { width: auto; }
    #content { padding: 105px 25px 25px; }
    #page { border-radius: 0; padding: 0; }
    
    /* Content */
        /* Authors */
        .authors li { width: 45%; }
        
        /* Header */
        #header:not(#journey #header) {
            background: #fff;
            box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
            box-sizing: border-box;
            margin-bottom: 10px;
            padding: 15px;
            position: fixed;
            width: 100%;
            z-index: 1100;
        }
        
        #logo img { height: 43px; }
        
        /* Forms */
            /* Buttons */
            #content-secondary .btn { display: block; margin-bottom: 0.5em; padding: 0.5em 0; text-align: center; width: 100%; }
            
            /* FARS - find a retina specialist */
            #fars-mini label { display: none; }
            #fars-mini .txt { float: none; width: 100%; }
            
            /* Progress forms */
            #progress-form { padding: 0; }
            
                /* Tabs */
                #progress-form .form-nav { border: 1px solid #ddd; border-width: 1px 0 0 1px; float: none; margin: 0 0 20px; overflow: hidden; width: auto; }
                #progress-form .form-nav a { border: 1px solid #ddd; border-width: 0 1px 1px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
                #progress-form .form-nav li { border: 0; display: inline; float: left; margin: 0; width: 33.33%; }
                #progress-form .form-nav .current { border-radius: 5px 5px 0 0; }
        
        /* Header */
        #header-nav, #nav, #member-nav, #social-search { display: none; }
        
        /* Retina Health Series */
        .rhs { font-size: 15px; }
        .rhs-header { margin: 0; }
}

@media screen and (max-width: 700px) {
    /* Basics */
    fieldset { border-width: 0 0 1px; padding: 0 0 20px; }
    legend { margin: 0 0 0.5em; padding: 0; }
    h1 { font-size: 24px; }
    img { max-width: 100%; }
    
    /* Core layout */
    .article #content-primary,
    .c2l, .c2r, .c3l, .c3m, .c3r,
    #content-primary,
    #content-secondary,
    #profile-primary,
    #profile-secondary,
    .search #content-primary {
        float: none;
        max-width: none;
        width: auto;
    }
    
    #content { padding: 75px 0 0; }
    #content-primary { border-bottom: 1px solid #ddd; margin-bottom: 30px; padding: 0 15px 30px; }
    #content-secondary { padding: 0 15px; }
    #page { border-radius: 0; padding: 0; }
    
    /* Sign in */
    .signin #content-primary { max-width: 300px; width: auto; }
    
    /* Columns */
    ul.flat { margin: 0; }
    
    
    /* Content */
        /* Abstracts */
        #abstracts, #abstracts tbody, #abstracts td, #abstracts th, #abstracts tr { border: 0; display: block; padding: 0; }
        #abstracts tbody th { width: auto; }
        #abstracts td { border-bottom: 1px solid #ddd; margin-bottom: 1em; padding-bottom: 1.5em; }
        #abstracts dl, #abstracts .field { margin: 0; }
        
        /* Accordions */
        .accordion .content { padding: 10px; }
        
        /* Action links */
        .action, .btn { box-sizing: border-box; display: block; font-size: 18px; margin: 0.5em 0; padding: 0.5em 1em; text-align: center; width: 100%; }
        
        /* Authors */
        .authors li { clear: both; float: none; width: auto; }
        
        /* Calendar */
        .calendar dd, .calendar dt { padding-left: 0; }
        .calendar dt span { display: block; float: none; margin-left: 0; }
        
        /* Callouts */
        [class *= "call"], [class *= "pull"] { float: none; margin-left: 0; margin-right: 0; max-width: 100% !important; width: 100%; }
        
        /* Columns */
        [class *= "cols"] { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
        
        /* Featured pages */
        .featured-pages { display: block; }
        
        /* Features */
        .features { display: block; }
        .features img { display: block; width: 100%; }
        .features li { width: auto; }
        .features .overlay { display: block; position: static; }
        
        /* Films */
        .films a { border-bottom: 1px solid #ddd; padding: 0 0 1em; }
        .films .thumb { float: right; margin: 3px 0 10px 10px; width: 30%; }
        
        /* Footer */
        #footer { padding: 15px; }
        #footer-nav-primary li { display: block; margin: 0; }
        #footer-nav-secondary { margin-bottom: 2em; padding-bottom: 2em; }
        #footer-nav-secondary li { display: block; margin: 0; }
        #footer-social { margin-bottom: 1em; padding-bottom: 1em; }
        
            /* vCard */
            .vcard .adr, .vcard .contact, .vcard .tel { display: block; }
        
        /* Forms */
            /* Dedicated search */
            #dedicated-search .brief-form .field { float: none; width: auto; }
            
                /* FARS - find a retina specialist */
                #fars-mini label { display: none; }
                #fars-mini .txt { float: none; width: 100%; }
            
            /* Definition list-based */
            dl.form dd.field, dl.form dt, dl.form .label { display: block; float: none; margin: 0; padding: 0; text-align: left; width: auto; }
            dl.form .field-single-line { width: 100%; }
            dl.form .fields { width: auto; }
            dl.form .fields p { float: none; width: auto; }
            dl.form .label { font-weight: bold; padding-top: 1em; }
            dl.form .txt { width: 100%; }
            
            /* Field help */
            .field-help { display: block; float: none; width: auto; }
            
            /* Options */
            .options-h li { display: block; margin-right: 0; padding-left: 25px; text-indent: -25px; white-space: normal; }
            
            /* Progress forms */
            #progress-form { padding: 0; }
            
                /* Tabs */
                #progress-form .form-nav { border: 1px solid #ddd; border-radius: 5px; float: none; margin: 0 0 20px; width: auto; }
                #progress-form .form-nav li { margin: 0; }
                #progress-form .form-nav li:last-child { border: 0; }
            
            /* Table-based */
            table.form, table.form > tbody, table.form > tbody > tr { display: block; width: auto; }
            table.form > tbody > tr { padding-bottom: 1em; }
            table.form > tbody > tr > td, table.form > tbody > tr > th { display: block; padding: 0 0 0.5em; text-align: left; width: auto; }
            
            /* Text boxes */
            .txt, .txt-med { font-size: 16px; padding: 0.5em 0.3em; width: 100%; }
            
            /* Site search */
            #search-within-search { margin-bottom: 15px; }
            #search-within-search .btn { display: inline; padding: 0.3em 1em; width: auto; }
            #search-within-search .txt { box-sizing: border-box; margin: 0; width: 100%; }
            
            /* Survey */
            #survey h2 .mute { display: block; margin: 0; }
            #survey h2.complete, #survey h2.error, #survey h2.started { background-position: 96% 50%; }
            #survey .survey-questions { padding: 10px; }
            
            /* TinyMCE */
            .mceEditor, .mceEditor > tbody, .mceEditor > tbody > tr { display: block; width: auto; }
            .mceToolbar, .mceToolbar table, .mceToolbar tbody, .mceToolbar td, .mceToolbar tr { display: inline !important; float: left !important; overflow: hidden !important; white-space: normal !important; }
            
            /* Wizard buttons */
            #pWizardButtons .btn-back { margin-left: 0; }
        
        /* Grid */
            /* 3 columns */
            .grid-3:after, .grid-3 > li { flex-basis: 48%; }
        
        /* Header */
        #header:not(#journey #header) {
            background: #fff;
        }

        #logo { flex: 1 1 auto; position: relative; }
        #logo img { height: 30px; }
        
        #logo-patients {
            border: 0;
            bottom: -13px;
            font-size: 0.5rem !important;
            left: 35px;
            margin: 0;
            padding-left: 0;
            position: absolute;
        }
        
        #logo-patients br { display: none; }
        #logo-patients.logo-patients-lifetime { left: 39px; }
        
        /* Hero */
        .hero { display: block; }
        .hero-primary { margin-bottom: 20px; }
        .hero-overlay { background: none; padding: 15px 0 0; position: static; }
        
        /* Home */
        #home-intro-primary, #home-intro-secondary { width: auto; }
        
        /* Maps */
            /* Mapped results */
            #mapped-results #map { border-radius: 6px; float: none; height: 300px; width: auto; }
            #mapped-results .results { display: none; }
        
        /* Navigation */
            /* Secondary */
            #nav-secondary { margin: 0 0 30px; }
        
        /* News */
        .news { display: block; }
        .news li { display: block; margin-bottom: 10px; width: auto; }
        
        /* Photo albums */
        .photos li { margin-right: 2%; width: 48%; }
        
        /* Progress navigation */
        .progress .title { display: none; }
        
        /* References */
        .article .references, .rt-article .references { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
        
        /* Survey results */
        .survey-results .answer, .survey-results .summary { width: 100%; }
        .survey-results .content { margin-bottom: 0; }
        .survey-results h3 { margin-bottom: 0.5em; }
        .survey-results .summary { margin-bottom: 2em; }
        .survey-results table, .survey-results tbody, .survey-results td, .survey-results tfoot, .survey-results tr { border: 0; display: block; padding: 0; width: 100%; }
        .survey-results tfoot td { margin-bottom: 0.5em; text-align: left; }
}