﻿

/* Modules
-------------------------------------------------------------- */
.utilitymodule:first-child{border-top:0}.utilitymodule{border-bottom:0px solid #dfe1df;padding:.5em .25em .25em .25em;margin-bottom:1.4em;color:#272725;line-height:1.4em}.utilitymodule h2,.utilitymodule h3,.utilitymodule h4{font-family:"Benton Sans",arial,sans-serif;font-weight:700;color:#272725}.utilitymodule.first{border-top:0}.utilitymodule.first .utilitymodule-head{margin-top:.1em}.utilitymodule-head h2,.utilitymodule-head h3,.utilitymodule-head h4{font-family:"Benton Sans",arial,sans-serif;font-style:normal;font-weight:700;font-size:1em;padding:.3em 0 .7em 0;margin:0 0 .4em 0;border-bottom:1px solid #dfe1df}.utilitymodule-body,.utilitymodule-body p,.utilitymodule-contact,.utilitymodule-contact p,.utilitymodule-contactlast,.utilitymodule-contactlast p{font-size:1em}.utilitymodule-body p:first-child{margin-top:1em}.utilitymodule-bodysecond{font-size:.9em;margin:5px 0 0 0;border-top:1px solid #dfe1df}.utilitymodule-contact{margin-bottom:1.5em}.utilitymodule-contact p,.utilitymodule-contactlast p{margin-left:.3em}.utilitymodule-contactlast{margin-top:1.5em}.utilityModule_linkList li,.utilitymodule-linklist li{padding:.25em 0 .35em .8em !important;background:url(/images/icons/icon.squaregreybullet.gif) 0 12px no-repeat !important;border-bottom:0px dotted #dfe1df !important;margin-bottom:.2em;font-size:.9em !important;}.utilityModule_linkList li:last-child,.utilitymodule-linklist li:last-child{border:0;margin-bottom:0}.utilityModule_linkList li a,.utilitymodule-linklist li a{font-weight:400;color:#0074bc;text-decoration:none}.utilityModule_linkList li a:hover,.utilitymodule-linklist li a:hover{text-decoration:none;color:#164469}.utilitymodule-foot{text-align:right;font-size:.75em;margin-top:.2em;text-transform:uppercase;font-weight:700;clear:both}.utilitymodule-foot.directors{text-align:right;text-transform:none;font-weight:400}.quoarrows{font-size:1.2em;position:relative;top:-1px}.relatedlist{margin:0}.scroller{max-height:25em;overflow:hidden}.conditionsearch-atoz{font-weight:700;text-align:justify}.utilitymodule .physiciansearch input[type=text],.utilitymodule .physiciansearch select{border:1px solid #dfe1df;clear:both;margin-bottom:1em;width:190px;font-size:.85em}.utilitymodule .physiciansearch input[type=text]{width:187px}.utilitymodule .physiciansearch input[type=image]{border:1px solid #dfe1df}.italiceleven{font-size:.8125em;font-style:italic}.utilitymodule .physiciansearch .conditionexplorer-form input{float:left;clear:none}.utilitymodule .physiciansearch #conditionname{width:auto;padding:3px 2px;font-size:.8125em;position:relative;top:-2px}.utilitymodule .physiciansearch .conditionexplorer-form .searchbutton{position:relative;left:-4px}.utilitymodule-body.physiciansearch.short{padding:.5em;max-height:15em}.utilitymodule-body.physiciansearch.short form{margin-bottom:.7em}.utilitymodule-body.physiciansearch.short input[type=text]{width:100%;padding:2px;left:-4px;position:relative;margin-bottom:.5em}.utilitymodule-body.physiciansearch.short input[type=image]{position:relative;left:4px}.utilitymodule-body a,.utilitymodule-foot a{color:#0074bc;text-decoration:none}.utilitymodule-body a:hover,.utilitymodule-foot a:hover{color:#164469;text-decoration:none}.toolbox{background-color:#e5edf2}.toolbox .utilitymodule-body{padding:1em}.toolbox h4{border-bottom:1px dotted #dfe1df;margin-bottom:1em}.toolbox .apptnumber{color:#7a8b9a;text-align:center}.toolbox .apptnumber a{font-size:1.3em}.toolbox .apptnumber span{font-size:.8125em}.toolbox .utilitymodule-footer{border-bottom:1px dotted #dfe1df;border-top:1px dotted #dfe1df}.toolbox .utilitymodule-body.conditionexplorer{padding:.5em;padding-bottom:0}.utilitymodule .insetbox{margin:10px 0 0 0;border:#ccc 1px solid;padding:5px;text-align:left}.utilitymodule .videoicon{margin:5px 0 0 5px}.utilitymodule .dottedtopstroke{border-top:1px dotted #ccc;padding-top:5px}.utilitymodule .dottedbottomstroke{border-bottom:1px dotted #ccc;padding-top:5px}.utilitymodule .physicianphotos{padding:.15em 0 .35em .25em;clear:both;display:block;text-align:center}.utilitymodule .physicianphotos a{float:left;clear:none;padding:0 .2em 0 0;margin:0;line-height:.1em;margin-bottom:.2em}.utilitymodule .physicianphotos.twoup a{max-width:48%}.utilitymodule .physicianphotos.twoup img{max-width:100%}.utilitymodule .physicianphotos.threeup a{max-width:31.5%;max-height:72px;overflow:hidden}.utilitymodule .physicianphotos.threeup img{max-width:100%}.utilitymodule .physicianphotos.fourup a{max-width:22%}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.utilitymodule .fourup.physicianphotos a{max-width:22%;height:64px}}.utilitymodule .physicianphotos.fourup img{max-width:100%}.utilitymodule .caption{font-size:.8125em;font-style:italic}.utilitymodule.button{padding:.7em .2em .2em .2em;border:1px solid #0074bc;background-color:#1f3266;text-align:center;margin:0;margin-bottom:1.4em;line-height:1.4em;font-size:.9em;display:block;clear:both}.utilitymodule.button a{font-family:"Benton Sans Medium",arial,sans-serif;font-style:normal;font-weight:500;color:#0074bc;text-decoration:none}.utilitymodule.button a:hover{color:#164469;text-decoration:none}@media (max-width:1200px){.toolbox .apptnumber a{font-size:1.4em}}@media screen and (max-width:980px){.utilitymodule{padding:.5em .25em}.utilitymodule .physiciansearch input[type=text],.utilitymodule .physiciansearch select{max-width:150px;display:block;clear:both}.utilitymodule .physiciansearch input[type=text]{max-width:130px}.utilitymodule .physiciansearch input[type=image]{border:1px solid #dfe1df}.toolbox .apptnumber a{font-size:1.4em}.utilitymodule .physicianphotos.threeup{padding-left:.5em}.utilitymodule .physicianphotos.threeup a{max-width:31%}.utilitymodule .physicianphotos.threeup img{max-width:100%}.utilitymodule .physiciansearch #conditionname{margin:0;max-width:106px;top:0;margin-bottom:.7em}}@media screen and (max-width:768px){.utilitymodule .physiciansearch #conditionname{margin:0;max-width:96px;top:0;margin-bottom:.7em}}@media screen and (max-width:767px){.utilitymodule{display:block;width:auto!important;margin:1em auto;background-color:#fff;padding:0 .5em;font-size:1.2em;line-height:1.4em}.utilitymodule.first{border-top:2px solid #dfe1df}.donatenow{float:left;clear:none;width:96%;text-align:center;background:url(/images/css/bg.donatenow.gif) repeat-x}.utilitymodule-head h2,.utilitymodule-head h4{padding:.7em 0 .7em 0}.utilitymodule .physiciansearch input[type=text],.utilitymodule .physiciansearch select{max-width:400px;display:block;clear:both}.utilitymodule .physiciansearch input[type=text]{max-width:90%}.utilitymodule .physiciansearch input[type=image]{border:1px solid #dfe1df}.utilitymodule.cases p{float:left;clear:none;max-width:60%;margin-right:.5em}.toolbox .apptnumber,.toolbox .utilitymodule-foot,.utilitymodule .physiciansearch .rightalign{text-align:left}.utilitymodule .physiciansearch .rightalign{margin:1.6em 0 .5em}.utilitymodule .insetbox{margin-bottom:.2em}.utilitymodule.image{display:block;clear:both}.utilitymodule-foot{text-align:left}.utilitymodule.button{width:96%;float:none;margin-bottom:.2em}}@media screen and (max-width:480px){.utilitymodule.image .caption,.utilitymodule.image img{float:left;clear:none;display:inline;max-width:46%;margin-right:.5em}.utilitymodule .physicianphotos.threeup a{max-width:32%}.utilitymodule .physiciansearch #conditionname{padding-top:2px;padding-bottom:1px!important}.utilitymodule.button{padding:.7em .5em .2em .5em}.donatenow{border:2px solid #dfe1df;padding:0 .5em;line-height:.1em}}a.sitebuttonwide{text-align:center;border:0;margin:20 auto;margin-bottom:13px;padding:4px;text-transform:uppercase;line-height:1.4em;font-size:.7em;font-family:"Benton Sans Medium",arial,sans-serif;font-style:normal;font-weight:400;color:#0074bc;display:block;background-color:#fff;border:1px solid #0074bc}a.sitebuttonwide:hover{background-color:#0074bc;text-decoration:none;color:#fff;border:1px solid #0074bc}a.sitebutton{text-align:center;border:0;width:154px;margin:0 auto;margin-bottom:13px;padding:4px;text-transform:uppercase;line-height:1.4em;font-size:.7em;font-family:"Benton Sans Medium",arial,sans-serif;font-style:normal;font-weight:400;color:#0074bc;display:block;background-color:#fff;border:1px solid #0074bc}a.sitebutton:hover{background-color:#0074bc;text-decoration:none;color:#fff!important;border:1px solid #0074bc}a.sitebutton:hover em{color:#fff!important}a.sitebuttonmedium{text-align:center;border:0;width:60%;margin:0 auto;margin-bottom:13px;padding:4px;line-height:1.4em;font-size:.7em;font-family:"Benton Sans Medium",arial,sans-serif;font-style:normal;font-weight:400;color:#0074bc;display:block;background-color:#fff;border:1px solid #0074bc}a.sitebuttonmedium:hover{background-color:#0074bc;text-decoration:none;color:#fff!important;border:1px solid #0074bc}a.sitebuttonmedium:hover em{color:#fff!important}a.sitebuttonmedium em::before{content:"Learn More";font-size:.4em;font-family:"Benton Sans Medium",arial,sans-serif;vertical-align:super}@media screen and (max-width:767px){a.sitebutton{margin:0 .5em .5em .8em;width:174px;font-size:.8em}a.sitebuttonwide{font-size:.8em}a.sitebuttonmedium{margin:0;width:100%;font-size:.8em!important}a.sitebuttonmedium span{font-size:.8em!important}}#modulecolumn a.sitebutton{width:100%}#modulecolumn.physicianstyles a.sitebutton{margin-bottom:4px}.sitebutton-text{font-size:.8em;margin:0 8px 4px 8px;line-height:1.4em}#pagecontent_newsroom_full a.sitebutton{margin:0;width:160px}


.smartedit {
color:red !important;
font-size:.8em !important;
}

.ds-average-max {color: #272725!important;}

.author-top {margin: 0 0 1em 0;}
.author-semicolon:first-of-type, .author-semicolon1:last-of-type, .author-semicolon2:last-of-type {
    display:none;
}

@media screen and (max-width: 1450px) {
#conditions-side-btn {
width: 90%;
}
}

@media screen and (max-width: 1300px) {
#conditions-side-btn .hvr-icon-backward {
    font-size: .9em;
}
}

@media screen and (max-width: 1050px) {
#conditions-side-btn {
width: 100%;
}
}

@media screen and (max-width: 600px) {
#conditions-side-btn .hvr-icon-backward {
    font-size: .9em;
    display:block;
}
}

#conditions-side-btn a {
max-width:250px;
}

@media screen and (max-width: 1050px) {
#conditions-side-btn a {
max-width:100%;
}
}



.buttonwidth {
    margin-left: .6em;
    width: 1.0em;
    text-align: center;
    display: inline-table;
    vertical-align: middle;
}    
    
.graycoloor {
     color:#999;
     font-weight:bold;
    }  
    
.condition-search-addon-style {
display:block; float: left !important;
}

.condition-searchinput-addon-style
{
    border: 0px solid #DFE1DF !important;
    padding: 0 !important;
    display: inline;
    color: #666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.condition-a-z {
display:block; margin-left:-13px; margin-top:15px;
}

@media screen and (max-width: 750px) {

.conditions-we-treat-wrapper {
width:480px;
margin-top:0px;
text-align:center;
}

.condition-search-addon-style {
display:block;
float: none !important;
margin-left:0 !important;
margin-top: -20px !important;
}

.condition-searchinput-addon-style input[type="text"] {
    max-width: 220px !important;
}

.condition-a-z {
    display: block;
    margin-left: 80px;
    margin-top: 15px;
    text-align: left;
}

}

@media screen and (max-width: 480px) {
.conditions-we-treat-wrapper {
width:320px;
margin-top:0px;
text-align:center;
}

.condition-search-addon-style {
display:block;
float: none !important;
margin-left:25px !important;
margin-top: -20px !important;
}

.condition-searchinput-addon-style input[type="text"] {
    max-width: 220px !important;
}

.condition-a-z {
    display: block;
    margin: 0 0 15px 26px;
    margin-top: 15px;
    text-align: left;
}
}


.conditions-we-treat-wrapper-mobile .accordion.accordion-bg .acc_content {
    padding: 30px 0 0 0;
}


.conditions-we-treat-wrapper-mobile .accordion.accordion-bg .acctitle, .accordion.accordion-bg .acctitlec {
    background-color: transparent;
    line-height: 44px;
    padding: 0 0 0 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    width: 250px;
    margin-left: 25px;
}



#conditions-modulecolumn {
    float: left;
    clear: none;
    width: 280px;
    position: fixed;
    top: 145px;
    right: 1%;
    background: #fff;
    z-index: 11;
    padding: 10px;
    background: transparent\9;
    background: rgba(255,255,255,0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    zoom: 1;
}

@media screen and (max-width: 1780px) {
#conditions-modulecolumn {
    width: 19%;
}
}

@media screen and (max-width: 1450px) {
#conditions-modulecolumn {
    width: 20%;
    position: absolute !important;
    /*top: 220px;*/
}
}

@media screen and (max-width: 1380px) {
#conditions-modulecolumn {
    right: 0;
    width: 22%;
}
}

@media screen and (max-width: 1270px){
#conditions-modulecolumn {
        /* right: 1%; */
    width: 24%;
    top: 135px;
}
}

@media screen and (max-width: 1050px){
#conditions-modulecolumn {
    position: relative !important;
    width: 100%;
    display: block;
    float: none;
    margin: 0;
    clear: both;
    margin-top: 1.0em !important;
    margin-left: 0;
    border: 0;
    text-align: left;
    height: 100%;
    top: 0 !important;
    margin-bottom: 2.2em;
}
}

#conditions-modulecolumn .pane h2 {
font-family: "Benton Sans",arial,sans-serif;
    font-weight: bold;
    color: #fff;
}

#conditions-modulecolumn .pane .utilitymodule-head h2, .pane .utilitymodule-head h4 {
    text-align: center;
}

#conditions-modulecolumn .toolbox .apptnumber {
    color: #fff;
    text-align: center;
}

#conditions-modulecolumn .rightalign {
text-align: center;
}

.modulecolumn-wide .rightalign {
    text-align: center;
}

.tab-margin {
margin-top: 2.0em;
}

@media screen and (max-width: 1000px) {
.tab-margin {
margin-bottom:2.2em;
}
}

.treating-physicians-list {
padding: 10px;
    font-size: 1.0em;
    line-height: 18px;
    text-align: left;
    width: 48%;
    float: left;
    margin-right: 0;
    display: table-cell;
    min-height: 100px;
}

@media screen and (max-width: 1680px) {
.treating-physicians-list {
width:45%;
}
}

@media screen and (max-width: 780px) {
.treating-physicians-list {
width:100%;
}
}


@media screen and (max-width: 780px) {
.treating-physicians-btn {
display:none;
}
}

@media screen and (min-width: 1000px) {
.centercolumn-conditions {
    min-height: 400px;
    border-bottom:0 !important
}
}
/* Commented by MH 10/19/20
@media screen and (max-width: 480px) {
.centercolumn-conditions {
padding:0 20px 0 20px;
}
}
*/
.linklist li a {
color:#0074bc !important;
}

.linklist li a:hover {
color:#164469 !important;
}


.condition-article-detail-module-wrapper .utilitymodule {
    border-bottom: 0;
    padding: 0 .25em .8em 0;
    margin-bottom: 1.4em;
    color: #666666;
    line-height: 1.4em;
}

.medicalarticle h2:first-child, .medicalarticle h3:first-child {
    margin-top: 0 !important;
   
}

.fn-news-list p, .fn-news-list h2  {
 display:none;   
}    

.fn-news-list ul, .fn-news-list ul li {
 display:none; 
}

.fn-news-list li {
    min-height: 50px;
    list-style-type: none !important;
    background: none;
    padding-left: 0;
}

#rss-feeds3 .fn-news-list li {
    min-height: auto;
    list-style-type: none !important;
    background: url(https://www.hss.edu/images/icons/icon.squaregreybullet.gif) 0 26px no-repeat !important;
    padding: 0 0 20px .8em !important;
    border-bottom: 1px dotted #dfe1df;
    margin-top: -10px !important; 
    margin-left: 0 !important;
    margin-bottom: 2px;
    font-size:.9em;
}

@media screen and (max-width: 799px) {
#rss-feeds3 .fn-news-list li {
    min-height: auto !important;
    background: url(https://www.hss.edu/images/icons/icon.squaregreybullet.gif) 0 8px no-repeat !important;
    padding: 0 0 .4em .8em !important;
    margin-top: 0px !important;
}
}


.fn-news-list img {
    width: 50px !important;
    height: 50px !important;
    float: left;
    display: block;
    margin-right: 30px;
    clear: both;
}

.fn-news-list a {
    top: 15px;
    position: relative;
}

@media screen and (max-width: 799px) {
.fn-news-list a {
    top: 0;
}
}

.locationlist ul li {
    background: url() left .7em no-repeat;
    padding: 0 0 .5em .7em;
}

.location-google-map-mobile {
 display:none;
}

@media (max-width: 999px) {
.location-google-map-mobile {
    display:block;
}
}

#modulecolumn-conditions {
float: left;
clear: none;
width: 22%;
margin-top: .7em;
min-height: 440px;
}
.modulecolumn-conditions-wrapper {
position:fixed;
background: transparent\9;
background: rgba(255,255,255,0.9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
zoom: 1;
padding:10px;
z-index: 111;
}

@media screen and (max-width: 1400px){
.modulecolumn-conditions-wrapper {
position:relative;
}
}

@media screen and (max-width: 855px){
#modulecolumn-conditions {width: 100%; display: block; float: none; margin: 0; clear: both; margin-top: 0em; margin-left: 0; border: 0; text-align: left; height: 100%; min-height: 0;}
.modulecolumn-conditions-wrapper {
padding:0;
margin-bottom: 30px;
}
#modulecolumn-conditions .utilitymodule .physiciansearch .rightalign {
    margin:0;
    text-align: center;
}
}

@media screen and (max-width: 480px){
#modulecolumn-conditions .utilitymodule .physiciansearch .rightalign, #modulecolumn-conditions .toolbox .apptnumber, .toolbox .utilitymodule-foot {
    text-align: left !important;
}
}

.subheader {
    margin-bottom: 0.7em;
}

.chief-label {
    background: rgba(55,65,83,0.8);
    color: #fff;
    /* margin-top: -30px; */
    position: absolute;
    max-height: 60px;
    height: auto;
    width: 100%;
    bottom: 83px !important;
    line-height: 1.4em;
    padding: 8px 0 8px 0;
}

@media (max-width: 480px) {
.chief-label {
    background: none;
    color: #666;
    margin-top: 0;
    position: relative;
    height: auto;
    width: 100%;
    bottom: 0 !important;
    padding: 0;
}    
}

.physician-tile-h3:first-child {
    margin-top: 0 !important;
}

.physician-tile-h3 {
    margin-top: 40px !important;
}

.light-blue-link {
color:#0074bc; 
}

.light-blue-link:hover {
color:#164469 ; 
}

ul.alphabet-taps {
margin-left:-.5em !important;
}

a.addthis_button_compact:focus {outline: 2px solid #0074bc!important;}

.pane h2 {
    font-family: "Benton Sans",arial,sans-serif;
    font-weight: bold;
    color: #272725!important;
}

.pane .utilitymodule-head h2, .pane .utilitymodule-head h4 {
    text-align: center;
}
.pane .utilitymodule-body .apptnumber {color: #272725!important;}
.pane .utilitymodule-body .apptnumber a.white, .pane .utilitymodule-body .rightalign a.white {color: #0074bc!important;}

.toolbox {
background-color: #ffffff!important;
border: 8px solid #D4B640!important;
}

.os-toolbox {
border: 8px solid #00ADE6!important;
}

.nobottommargin {
    margin-bottom: 0 !important;
}




/* video classes */
.videoWrapper-small iframe {border: 0; width: 560px !important; height: 315px !important;}

@media screen and (max-width: 680px) {
.videoWrapper-small iframe {border: 0; width: 470px !important; height: 290px !important;}
}

@media screen and (max-width: 480px) {
.videoWrapper-small iframe {border: 0; width: 370px !important; height: 250px !important;}
}  

@media screen and (max-width: 380px) {
.videoWrapper-small iframe {border: 0; width: 300px !important; height: 220px !important;}
}  

/* video classes */
.videoWrapper-medium iframe {border: 0; width: 1100px; height: 650px;}

@media screen and (max-width: 1880px) {
.videoWrapper-medium iframe {border: 0; width: 800px; height: 450px;}
}

@media screen and (max-width: 980px) {
.videoWrapper-medium iframe {border: 0; width: 500px; height: 350px;}
}

@media screen and (max-width: 550px) {
.videoWrapper-medium iframe {border: 0; width: 370px; height: 200px;}
}  

@media screen and (max-width: 380px) {
.videoWrapper-medium iframe {border: 0; width: 300px; height: 180px;}
}  



/* Add sub-headline on condition ariticle pages
-------------------------------------------------------------- */

/* #subpagetitle {font-size:.8em; margin: 0 auto; max-width: 1220px;}*/
#subpagetitle {font-size: .8em; margin: 5px auto auto 40px; max-width: 1220px;} /* Added by MH on 10/16/2020 */

@media screen and (max-width: 980px) {/* Added by MH on 10/16/2020 */
#subpagetitle {margin: 0 auto auto 20px; } 
}

@media (min-width: 1681px) {
#subpagetitle {max-width:1150px;margin:5px auto;}
}

@media screen and (max-width: 1350px) {
   /*#subpagetitle { max-width:80%;}*/
    #subpagetitle { max-width:70%;}
}

@media screen and (max-width: 992px) {

    #subpagetitle {padding: 0 30px 0 30px;}

}
/* Added by MH 10/16/2020 */
@media screen and (max-width: 980px) {
    #subpagetitle { padding: 0;max-width: 90%;}
}
/* End */

.leftalign-nomargin {
    text-align: left;
    margin-left: 0 !important;
}

.no-border-bottom h2 {
    border-bottom: 0 solid #cccccc;
}

.section-margin-bottom {
  margin-bottom:20px;
}

@media screen and (max-width: 480px) {
.section-margin-bottom {
  margin-bottom:40px;
}
}


:target:before { 
content:""; 
display:block; 
/*height:100px; /* fixed header height*/ 
/*margin:-100px 0 0; /* negative fixed header height */ 
}



/* Add on New Conditions Page Start */

    .condition-article-wrapper #blogwidget-wrapper {
    border-bottom: 0px solid #DFE1DF !important;
}

.condition-article-wrapper #modulecolumn {
    float: left;
    clear: none;
    width: 20%;
    margin-top: .7em;
    position: fixed;
    top: 20%;
    right: 3%;
}

@media screen and (max-width: 767px) {
.condition-article-wrapper #modulecolumn {
    width: 100%;
    display: block;
    float: none;
    margin: 0;
    clear: both;
    margin-top: 0em;
    margin-left: 0;
    border: 0;
    text-align: left;
    height: 100%;
    position: relative;
    top: 0;
    right: 0;
}
}


.condition-article-wrapper .toolbox {
    background-color: #d0bb58;
}

.condition-article-wrapper .pane h2 {
    font-family: "Benton Sans",arial,sans-serif;
    font-weight: bold;
    color: #fff;
}

.condition-article-wrapper .pane .utilitymodule-head h2, .condition-article-wrapper .pane .utilitymodule-head h4 {
    text-align: center;
}

.condition-article-wrapper .toolbox .apptnumber {
    color: #fff;
    text-align: center;
}

.condition-article-wrapper .rightalign {
    text-align: center;
}

@media screen and (max-width: 767px){
.condition-article-wrapper .condition-search-addon-style {
    display: block;
    float: left !important;
    margin-left: 0 !important;
    margin-top: -20px !important;
}

.condition-article-wrapper .condition-a-z {
    display: block;
    margin-left: 0px;
    margin-top: 15px;
    text-align: left;
}

.condition-article-wrapper .utilitymodule-head h2, .condition-article-wrapper .utilitymodule-head h4 {
    text-align: left !important;
}

.condition-article-wrapper .utilitymodule .physiciansearch .rightalign, .condition-article-wrapper .toolbox .apptnumber, .condition-article-wrapper .toolbox .utilitymodule-foot {
    text-align: left !important;
}

}

.condition-article-wrapper .noleftnav #centercolumn {
    width: 100%;
}

@media screen and (max-width: 1790px) {
.condition-article-wrapper .noleftnav #centercolumn {
    width: 95%;
}
.condition-article-wrapper #tabbed-nav {
    width: 95%;
}    
}


@media screen and (max-width: 1680px) {
.condition-article-wrapper .noleftnav #centercolumn {
    width: 74%;
}
.condition-article-wrapper #tabbed-nav {
    width: 74%;
} 
}

@media screen and (max-width: 1000px) {
.condition-article-wrapper .noleftnav #centercolumn {
    width: 100%;
}
.condition-article-wrapper #tabbed-nav {
    width: 100%;
} 
}

.condition-article-wrapper #centercolumn h2:first-child, .condition-article-wrapper #centercolumn h3:first-child {
margin-top: 1em;
margin-bottom: 0.7em;
}

@media screen and (max-width: 1680px) {
.condition-article-wrapper #pagetitle {
    width: 90%;
}
}

@media screen and (max-width: 1000px) {
.condition-article-wrapper #pagetitle {
    width: 100%;
}
}

.condition-article-wrapper .related-mobile {
    padding: 0 0 25px 0;
    margin-bottom: 30px;
    border-bottom: 1px dotted #DFE1DF;
}

.condition-article-wrapper .related-mobile a:first-child, .condition-article-wrapper .related-mobile a:first-child {
    display: none;
}

.condition-article-wrapper .related-mobile span:first-of-type {
    display: none;
}

.condition-article-wrapper .related-mobile span:last-child {
    display: none;
}

@media only screen and (max-width: 480px) {
.condition-article-wrapper .author p {
    margin-left: 0;
}
}

.condition-article-wrapper #centercolumn {
    float: none;
    clear: none;
    width: 57.5%;
    padding-top: .4em;
    padding-right: 3% /*20px*/;
    margin-bottom: 0;
}


@media screen and (max-width: 1680px) {
.condition-article-wrapper .noleftnav #centercolumn {
    width: 88%;
    float: left;
}

.condition-article-wrapper .medicalarticle {
padding-left:40px;
}

#scroll-end2 p {max-width: 88%;}
#scroll-end2 #centercolumn p {max-width:100%;}

}

@media screen and (min-width: 1681px) {
#scroll-end2 p {max-width: 96%;}
#scroll-end2 #centercolumn p {max-width: 100%;}
}

@media screen and (max-width: 1052px) {
.condition-article-wrapper .noleftnav #centercolumn {
    width: auto;
}
.condition-article-wrapper .medicalarticle {
padding-left:20px;
}
}

.condition-article-wrapper .tab-margin {
    margin-top: 2.0em;
    margin-left: -20px;
}

@media screen and (max-width: 1325px) {
.condition-article-wrapper .tab-margin {
    margin-left: 0;
}
}

@media (min-width: 768px) {
.condition-article-wrapper .condition-news-tap-wrapper .container {
    width: 95%;
    padding-right:20px;
}
}

@media (max-width: 767px) and (min-width: 480px) {
.condition-article-wrapper .condition-news-tap-wrapper .container {
    width: 95% !important;
}
}

@media (max-width: 479px) {
.condition-article-wrapper .condition-news-tap-wrapper .container {
    width: 95% !important;
}
}
/* Add-on new condtions page end */


/* Main Page Conditions we Treat image */
#condition .target-element {
background-color:#0074bc;
position:absolute;opacity:.7;
width:15px;
height:15px;
border-radius:50%;
animation:.7s ease-in infinite alternate fade-target;
 -webkit-animation: .7s ease-in infinite alternate fade-target;
  -moz-animation: .7s ease-in infinite alternate fade-target;
  -ms-animation: .7s ease-in infinite alternate fade-target;
cursor:pointer;
transition:opacity .3s ease-in; 
z-index: 333333;
}

#condition2 .target-element{background-color:#D4B640; position:absolute;opacity:.7;width:15px;height:15px;border-radius:50%;animation:.7s ease-in infinite alternate fade-target;cursor:pointer;transition:opacity .3s ease-in; z-index: 333333;}

#condition3 .target-element {
background-color:#0074bc;
position:absolute;opacity:.7;
width:15px;
height:15px;
border-radius:50%;
animation:.7s ease-in infinite alternate fade-target;
 -webkit-animation: .7s ease-in infinite alternate fade-target;
  -moz-animation: .7s ease-in infinite alternate fade-target;
  -ms-animation: .7s ease-in infinite alternate fade-target;
cursor:pointer;
transition:opacity .3s ease-in; 
z-index: 333333;
}

#condition4 .target-element{background-color:#D4B640; position:absolute;opacity:.7;width:15px;height:15px;border-radius:50%;animation:.7s ease-in infinite alternate fade-target;cursor:pointer;transition:opacity .3s ease-in; z-index: 333333;}

#condition .target-element:hover{position:absolute;opacity:1;width:15px;height:15px;border-radius:50%;animation:.7s ease-in infinite alternate fade-target;cursor:pointer;transition:opacity .3s ease-in; z-index: 333333;}

#condition2 .target-element:hover{position:absolute;opacity:1;width:15px;height:15px;border-radius:50%;animation:.7s ease-in infinite alternate fade-target;cursor:pointer;transition:opacity .3s ease-in; z-index: 333333;}

#condition3 .target-element:hover{position:absolute;opacity:1;width:15px;height:15px;border-radius:50%;animation:.7s ease-in infinite alternate fade-target;cursor:pointer;transition:opacity .3s ease-in; z-index: 333333;}

#condition4 .target-element:hover{position:absolute;opacity:1;width:15px;height:15px;border-radius:50%;animation:.7s ease-in infinite alternate fade-target;cursor:pointer;transition:opacity .3s ease-in; z-index: 333333;}

#condition .text-target-element {
    position: fixed;
    width: 75px !important;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    opacity: 0;
    display: none;
    cursor: default;
    padding: .5rem;
    border-radius: .2rem;
    bottom: -30px!important;
    left: 45px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    font-size:.8em;
}

#condition2 .text-target-element {
    position: fixed;
    width: 75px !important;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    opacity: 0;
    display: none;
    cursor: default;
    padding: .5rem;
    border-radius: .2rem;
    bottom: -30px!important;
    left: 145px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    /* bottom: 30px; */
    font-size:.8em;
}

#condition3 .text-target-element {
visibility: hidden;
}

#condition4 .text-target-element {
visibility: hidden;
}

#condition .target-element:hover>.text-target-element {opacity:1;display: block;} 
#condition2 .target-element:hover>.text-target-element {opacity:1;display: block;} 
#condition3 .target-element:hover>.text-target-element {opacity:1;display: block;} 
#condition4 .target-element:hover>.text-target-element {opacity:1;display: block;} 
/* @keyframes fade-target{0%{background-color:#0074bc}100%{background-color:#0074bc}} */

.conditions-we-treat-wrapper {
width:580px;
}

.conditions-we-treat-wrapper-mobile {
display:none;
}

@media screen and (max-width: 750px) {
.conditions-we-treat-wrapper-mobile {
display:block;
    min-width: 300px;
    width: auto;
}

.conditions-we-treat-wrapper {
display:none;
}
}

@media screen and (max-width: 480px) {
.conditions-we-treat-wrapper-mobile {
    margin-top: 40px;
}

.conditions-we-treat-wrapper {
display:none;
}
}

h4#references {
display: inline-block;
}

/*tooltip */
.bubble-tooltip,
.tip-tooltip {
    display: block;
    min-height: 20px
}

.tip-tooltip {
    border-radius: 8px;
    padding: 8px 1px 5px 5px;
    width: 100%;
    background-color: #9a9b9e;
    color: #fff;
    box-shadow: 0 0 10px #666;
    line-height: 18px
}

.tip-tooltip:before {
    content: "";
    position: absolute;
    border: 8px solid;
    width: 0;
    height: 0;
    z-index: 999
}

.tip-tooltip.right:before {
    top: 10px;
    right: 100%;
    border-color: transparent #9a9b9e transparent transparent
}

.tip-tooltip.left:before {
    top: 10px;
    left: 100%;
    border-color: transparent transparent transparent #9a9b9e
}

.tip-tooltip.top:before {
    top: 100%;
    left: 12px;
    border-color: #9a9b9e transparent transparent
}

.tip-tooltip.bottom:before {
    bottom: 100%;
    left: 12px;
    border-color: transparent transparent #9a9b9e
}

.tip-tooltip.white {
    background-color: #fff;
    color: #000
}

.tip-tooltip.white.right:before {
    border-color: transparent #fff transparent transparent
}

.tip-tooltip.white.left:before {
    border-color: transparent transparent transparent #fff
}

.tip-tooltip.white.top:before {
    border-color: #fff transparent transparent
}

.tip-tooltip.white.bottom:before {
    border-color: transparent transparent #fff
}

.bubble-tooltip {
    position: relative;
    background-color: #fff;
    color: #000;
    border-radius: 10px;
    box-shadow: 0 0 10px #fff;
    padding: 10px 5px 8px;
    opacity: .8;
    z-index: 999;
    min-width: 30px
}

.bubble-tooltip:after,
.bubble-tooltip:before {
    position: absolute;
    background-color: #fff;
    content: ""
}

.bubble-tooltip:before {
    border: 1px solid #e2e2e2;
    border-radius: 20px;
    bottom: -10px;
    left: 9px;
    height: 16px;
    width: 20px
}

.bubble-tooltip:after {
    border: 1px solid #e2e2e2;
    border-radius: 20px;
    bottom: -17px;
    left: 18px;
    height: 9px;
    width: 11px
}

.aim-tooltip,
.hs-aim-pillar,
.hs-aim-rect {
    position: absolute;
    background-color: #000;
    display: none
}

.aim-tooltip {
    color: #fff;
    padding: 6px
}

.aim-tooltip .tt-content {
    display: none
}

.aim-tooltip.top {
    border-radius: 10px 10px 0 0
}

.aim-tooltip.right {
    border-radius: 0 10px 10px 0
}

.aim-tooltip.bottom {
    border-radius: 0 0 10px 10px
}

.aim-tooltip.left {
    border-radius: 10px 0 0 10px
}

.tip {
    border-bottom: 3px double #666666;
     text-decoration:none !important;
  cursor:pointer;
  /* color:#0074bc; */
  color: #666666;
}

.tip:hover {
   /* color:#164469;*/
   color: #666666;
   border-bottom: 3px double #666666;
}

/* tooltip
---------------------------------------------------------*/
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width: 9em;
  color: #000000;
  background: #DEDEDE;
  height: auto;
  line-height: normal;
  text-align: center;
  visibility: hidden;
  border-radius: 5px;
  font-weight: normal;
  padding-top: 4px;
  padding-bottom: 3px;
  font-size: .75em;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; 
  height: 0;
  border-bottom: 8px solid #DEDEDE;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.9;
  top: 20px;
  left: 90%;
  margin-left: -76px;
  z-index: 999;
}

.tooltip-content {
  font-size:.9em;
  line-height:24px;
  width:auto;
  max-width:300px;
  background:#fff;
  display: inline-block;
  border:1px #eee solid;
  padding:10px;
  position:absolute;
  z-index:1000000000000000 !important;
   margin: 50px;
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}


.ui-tooltip {
      position: absolute;
      max-width:300px;
      line-height: 24px;
      padding:15px 10px 5px 10px;
      font-size:.9em;
      background: #f3f3f3;
      top:-20px;
      z-index:111111111111111111;
      /* border: 1px solid #eee;
      border-radius: 5px;*/
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}