body { font-family: Calibri,Helvetica,Arial,sans-serif }
#mainContent h1, #mainContent h2{font-family: 'Open Sans', Calibri,Helvetica,Arial,sans-serif} 
#NMBrandHeader #siteTitle {
    padding: 0px 0px 5px 4.16667%;
}
#NMBrandHeader #siteTitle a, #NMBrandHeader #siteTitle a:link {
    font-size: 20px; font-weight: 300;
}
.fixed {
    position: fixed;
    top: 0px;
    z-index: 1;
}
.azNav {
    float:left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 120px;
}
#azOptions {
    font-size: 15px;
    padding: 5px;
    color: #54585A;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}
#azOptions option {
    padding: 5px;
}
#mainContent .azNav ul li {
    color:#fff;
    margin-bottom: 0;
    height: 42px;
}
#azOption {
    display: block;
    width: 150px;
    padding: 5px;
    background: #cfc7dc;
    color: #fff;
}
.ui-autocomplete {
    max-height: 234px;
    overflow-y: scroll;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 99999;
}
/* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete {
    height: 100px;
}
.ui-menu .ui-menu-item {
    color: #54585A;
    font-size: 13px;
    padding: 5px;
}
.ui-menu .ui-menu-item b {
    color: #0082BF;
}
.ui-tooltip { padding: 0;}
#contentWrapper .pagination {
    clear:none;
}
#contentWrapper .simple-pagination li {
    margin-bottom: 10px
}
#contentWrapper .simple-pagination li.disabled{
    margin-bottom: 12px;
}
#mobileMenu > ul {
    padding: 8px 0;
}
#mobileMenu > ul > li:first-child {
    border: 1px solid #ccc;
    margin-left: 10px;
    width: 30px;
    float: left;
}
#mobileMenu ul li #mDropdown {
    padding: 0;
}
#mobileMenu #mDropdown .icon {
    background-position: 4px -445px;
    height: auto;
    padding: 8px 0;
}
#mobileMenu .clicked #mDropdown .icon{
    background-position: 4px -487px;
}
#mobileMenu ul li.search {
    width: 80%;
    float: right;
}
#mobileMenu ul #search_form_mob {
    float:left;
    width: 100%;
}
#mobileMenu .searchBoxWrapper {
    margin: 0;
}
#mobileMenu #subMobileMenu .sub {
    width: 95%;
    margin-left: 5%;
}
#mobileMenu #subMobileMenu ul li a.FSMHome {
    border-top: 1px dotted #fff;
}
#mobileMenu #goM {
    padding:10px;
}
#mobileMenu #qM {
    width: 80%;
    height: 39px;
    margin-left: 5px;
    padding:0;
}
#homepageContent #mainContent {
    width: 100%;
}
#homepageContent #mainContent header{
    display: none;
}
/*
#homepageContent h2 {
    color: #61468b;
}
*/
#homepageContent #outerWrapper {
    width: 100%;
}
#homepageContent #wrapper1,
#homepageContent #wrapper2 {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 1em;
    padding-bottom: 1em;
    padding-left: 4.16667%;
    width: 95.83333%;
}
#homepageContent #wrapper1 {
    background: #ebe2fa;
    padding-left:0;
    width: 100%;
}
#homepageContent #wrapper1 .col1of2, #homepageContent #wrapper1 .col2of2 { padding-bottom:0;}
#homepageContent #wrapper1 .col1of2 { display:none;}
/* removed this if flexslider is used on 3rd column */
#homepageContent #wrapper1 ul li{
    border-bottom: 1px solid #CCC;
    display: block;
    font-weight: 400;
    line-height: 1.5em;
    text-decoration: none;
    width: 90%;
    margin: 0;
    padding: 5px 8px 5px 5px;
}
.landing-page .alternate-photo-float .text ul {padding-left: 1em}
#searchForDesktop {
    display: none;
}
#mainContent .profile {
    border-bottom: 3px solid #dedede;
    background: none;
    border-top: none;
}
#mainContent .profile .info .interest {
    display: none;
}
#profileWrapper {
    margin-bottom: 5%;
}
#profileWrapper .facImg {
    float:left;
    margin-top: 1em;
    width: 40%;
    max-width: 150px;
}
#profileWrapper #contentWrapper {
    margin: 0;
    width: 100%;
}
#profileWrapper h1 {
    font-size: 24px;
}
section#titlesRanks {
    float: none;
    padding-top:10px;
    padding-bottom:40px;
}
#accordion h3.ui-accordion-header {
    padding-top:10px;
}
#accordion h3.ui-accordion-header-active {
    border-bottom: none;
}
#accordion h4,
#accordion .label {
    color: #666b6c;
    font-size:18px;
    font-weight: 700;
    padding-bottom: 10px;
}
#accordion h5 { margin:0;}
#accordion p {
    margin-bottom:1em;
}
#accordion .detail {
    border:none;
    padding: 0;
}
#accordion .detailFull {
    display:none;
    margin-bottom: 1em;
}
#accordion ul li {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}
#publications ul li {
    padding-bottom: .5em;
}
#accordion .subLabel {
    font-style: italic; 
    font-weight: normal;
    color: #61468b;
}
#accordion .infoMark {
    font-size: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    line-height: 22px;
    background: url(http://www.feinberg.northwestern.edu/gfx/common/glyphicons-halflings.png) -120px -96px;
}
#accordion .tip {
    display:none;
}
#accordion h3 {
    padding: 10px .5em 10px .5em;
    border: 1px solid #999;
    background: #efefef;
    margin-top: 3px;
}
#accordion h3:hover {
    cursor: pointer;
    background: #fff;
}
#accordion .accordContent {
    padding: 1em 2.2em;
    border: 1px solid #999;
    border-top: none;
}
#accordion .accordContent ul>li {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    list-style: none;
    background: url(https://common.northwestern.edu/v8/css/images/icons/bullet.png) 0 0.5em no-repeat;
    padding: 0 0 .5em 1em;
}
#accordion .accordContent ul>li>ul li {
    background: none;
    list-style: circle;
    padding-left: 0;
    display: list-item;
    margin-left: 2em;
}
#accordion .accordContent ul li a {
    word-wrap: break-word;
}
/* Faculty Slider */
.content #slickProfiles ul>li, .content-full #slickProfiles ul>li{
    list-style: none;
    padding: 0 0 1.5em .7em;
    text-indent: -.7em;
    line-height: 1.1em;
    background: none;
}
/* slick slider dots */
#slickProfiles ul.slick-dots {padding:0; bottom: initial;}
#slickProfiles ul.slick-dots li {padding:0;background: none;}
#slickProfiles ul.slick-dots li:before {content: initial;}
#slickProfiles {
    width: 91%;
    margin: 0 auto;
}
#slickProfiles .alternate-photo-float {
    margin-bottom: 0;
}

#slickProfiles .slick-prev, #slickProfiles .slick-next {
    -webkit-transform: translate(0, -85%);
    -ms-transform: translate(0, -85%);
    transform: translate(0, -85%);
}

#slickProfiles .slick-dots li button::before {
    font-size: 16px;
}
#slickProfiles a.button {color: #fff; float:right; min-width: initial;}

#slickProfiles .slickProfile .profile-name {margin-bottom: .5em; font-size: 2em;font-family: "Open Sans";color: #514689; text-align: center;}
#slickProfiles .slickProfile .profile-name a{font-family: "Open Sans";font-weight: 400;}
#slickProfiles .slickProfile .profile-image img {width: 140px; margin: 0 auto;}
#slickProfiles .slickProfile .profile-text {font-family: Calibri,Helvetica,Arial,sans-serif; line-height: 1.5em; margin: 1em;}
#slickProfiles .slickProfile .profile-text p{margin-top:0}
/* GSA */
#web-results-notice {
    padding: .5em 1em;
    background-color: #efefef;
    margin-bottom: .5em;
}
#results_count {
    color: #a9abac;
    font-weight: bold;
    margin: .5em 0 1em;
}
#page #web-results-notice p {
    margin:0;
}
#page .result {
    margin: 1em 0;
}
#page a.page {
    font-weight: bold;
    display: block;
}
#page .prev, #page .next {
    float: left;
    padding: .5em 1em;
}
#page .next {
    float: right;
}
#page .button {
    margin: 1em 0px 0px;
    padding: 0px;
    background: none #FFF;
    border: 1px solid #C9C9C9;
    color: #7F7F7F;
    box-shadow: 3px 3px 5px #D5D5D5;
    cursor: pointer;
    position: relative;
}
#page .paginate {
    clear: both;
    text-align: center;
    padding: 1.5em 0px;
    font-weight: bold;
}
#page .paginate a, #page .paginate .i{
    padding: 0 5px;
}
#page .profile .info b.searchTerm {background: #FFFF88;}
/* FontAwesome */
.fa-info-circle {
    float: left;
    margin-right: 10px;
    color: #917EAE;
}
#mainContent h4.home {
    color: #fff;
    font-size: 22px;
    letter-spacing: .02em;
}
#accordion .fa {
    width: 25px;
}
#accordion .fa.fa-spinner {width: initial; opacity: .7;}
#homepageContent #wrapper2 h2 a, #homepageContent #wrapper2 h2 a:link {font-size:24px;}

.card_filter { margin: 0 auto 2em auto; text-align: center; position: relative;}
.content .card_filter em {font-style: normal;}
.card_filter label .sSearch{ padding: 10px 1em 12px; font-size: 22px; background: #7571b0; display: inline-block; color: #fff;}
.card_filter label .sSearch span.btnTxt{ display:none; }
.card_filter input{ width: 60%; margin: 0 auto; padding: 8px 8px 10px 8px; font-size: 23px;}

/* tab style */
#profileWrapper { width: 100%; margin:0}
#tab-container {width: 100%;}
#tab-content { background: none; float:left; width: 100%; word-wrap: break-word; padding-top: 1em;}
#tab-content div[role='tabpanel'] {display: none;}
#tab-content div[id='tab-panel1'] {display: block;}
#tab-content ul {padding-left:0}
#tab-content ul>li {
    background: none;
    padding: 0 0 .5em 1em;
}
#tab-content ul>li:before {
    content: "\0025B8   ";
    color: #b8b7da;
    float: left;
    margin-left: -1em;
}
#tabs li a {background: #fff}
#tab-content .label { display: block; cursor: initial; color: #999; font-size: 1.1em; margin-top: .5em;}
#tab-content .row {float: left; padding: 2rem 5%; width: 90%;}
#tab-content .row p {margin-bottom: 1em}
#tab-content a.link-email {background: none; padding-left: 5px;}
.masthead-container {
    display:block;
    float: left;
    width: 90%;
    background: #efefef;
    padding: 0 5% 1em 5%;
    position: relative;
}
.masthead-wrapper, .editProfile {max-width: 1000px; margin: 0 auto; position: relative;}
.masthead-wrapper {min-height: 225px}
.editProfile {text-align: right; z-index: 1;}
.panelContentMain, .panelContentSide {width: 100%; margin-bottom: 1em}
#tab-content .panelContentMain a.keyword {
    display: inline-block;
    border: 1px solid #ccc;
    color: #0082bf;
    padding: .7em;
    margin: .4em .5em .4em 0;
    text-align: center;
    font-weight: 400;
}
#tab-content .panelContentMain a.keyword:hover {
    background: #efefef;
}
.box { box-sizing: border-box; border: 1px solid #ccc;  margin-bottom: 1em; padding: 60px 5% 5% 5%; position: relative; width: 100%}
#tab-content .box h2 {box-sizing: border-box; background: #efefef; position: absolute; left: 0; top:0; padding: 1% 2%; width: 100%; font-size: 20px; line-height: 1.5em;}
#tab-content .box h2 i.fa {font-size: 16px;}
#tab-content .box ul {padding:0; margin:0;}
#clinicalTrials .trial {border-bottom: 1px solid #efefef; float: left; padding: .8em;}
#clinicalTrials .trial .wrapperLeft ul.locList li {background: none}
#clinicalTrials .trial .wrapperRight {clear: left}
.email i.fa {color: #a9abac;}
.masthead-container .addthis_inline_share_toolbox {float: right;}
.content a, .content-full a { color: #0082bf; font-weight: normal; text-decoration: dotted underline;}
#tab-content h2 {color: #514689; padding-top: 8px; padding-bottom: 0}
#tab-content h3 { font-weight: 700;}
#contentWrapper .wrapperLeft label, #contentWrapper .wrapperRight label {
    text-transform: none; font-size: 1em; font-weight: 700;
}
/* SearchBlox */
.search-result-container {padding: 12px 15px;}
.word-break-filter {word-break: break-word;}
.padding-right-15 {padding-right: 15px !important;}
.line-height-24 {line-height: 24px;}
#contentWrapper ul.pagination-links {
    list-style: none;
    padding-left: 0px;
}
#contentWrapper ul.pagination-links > li { padding:0; border:none; display: list-item;}
.pagination-links > li > a {
    display: block;
    float: left;
    padding: 5px 15px 5px 15px;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 15px;
    color: #716c6b;
    border: 1px solid #ccc;
    text-decoration: none;
}
.pagination-links > li > a:hover {
    background-color: #4e2a84;
    text-decoration: none;
    color: white;
}
.pagination-links > li.active > a {
    background-color: #716c6b;
    color: white;
    text-decoration: none;
}
#web-results-notice {
    padding: .5em 1em;
    background-color: #efefef;
    margin-bottom: .5em;
}
#web-results-notice p {
    margin:0;
}
#headerWrapper {margin-bottom: 0;}
@media only screen and (min-width:481px) {
    #NMBrandHeader #siteTitle {
        padding: 0;
    }
    #NMBrandHeader #siteTitle a, #NMBrandHeader #siteTitle a:link {
        font-size: 40px;
    }
    #mainContent .profile .info .interest {
        display: block;
    }
    #profileWrapper .facImg {
        float:left;
        width: 40%;
        max-width: 150px;
        margin-right: 2%;
    }
    #profileWrapper h1 {
        font-size: 30px;
    }
    .mobileOnly {display: none;}
}
/* Desktop Layout: 768px to a max of 999px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width:768px) {
    #homepageContent #mainContent header{
        display: block;
        padding-left: 1.26582%;
    }
    #homepageContent #outerWrapper {
        float:left;
        background: url(../images/purple-background-792w.gif);
        display:block;
        border-radius: 10px;
        width: 63%;
        padding: 15px 0 50px 0;
        margin-left:1.26582%;
        margin-right: 1.26582%;
    }
    #homepageContent #wrapper1 {
        padding-bottom: 3em;
    }
    #homepageContent #wrapper1 .col1of2 { 
        display:block;
        padding-left: 2.0092%;
    }
    #homepageContent #wrapper2 {
        clear: none;
        margin-left: 0;
        padding-left: 1.26582%;
        padding-right: 0;
        width: 31.73418%;
    }
    #searchForDesktop {
        display: block;
        float:left;
        margin-bottom: 1em;
        padding-bottom: 2em;
        width: 100%;
    }
    #searchForDesktop #searchWrapper {
        float: left;
        margin: 8% 0 0 0;
        width: 100%;
    }
    #searchForDesktop #searchWrapper #q {
        width: 70%;
        float: left;
        margin: 0 auto;
        padding: 9px;
        font-size: 15px;
    }
    #searchForDesktop #searchWrapper #go {
        background: none repeat scroll 0% 0% #D4D5D6;
        float: left;
        margin: 0px;
        padding: 10px;
    }
    #profileWrapper .facImg {
        float:left;
        width: 40%;
        max-width: 150px;
    }
    ul#deptCenterList li {
        width: 45%;
        float:left;
        margin-right: 1em;
    }
    .sSearch .fa {margin-right: 7px;}
    .card_filter label .sSearch span.btnTxt{ display:inline; letter-spacing: .5px; text-transform: uppercase; }
    #slickProfiles .slickProfile .profile-image {float: left;font-size: 1em; margin-left: 1em; margin-right: 1em;}
    #slickProfiles .slickProfile .profile-image img {margin-top: 5px}
    #slickProfiles .slickProfile .profile-text {margin-right: 1em;}
    #slickProfiles .slick-prev, #slickProfiles .slick-next {
        top: 50%;
        display: block;
        height: 100%; 
        width: 4%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    #slickProfiles .slick-prev{
        left: -4%;
    }
    #slickProfiles .slick-next {
        right: -4%;
    }
    #clinicalTrials .trial .wrapperRight { clear: none;}
}
@media only screen and (min-width:1000px) {
    #slickProfiles .slickProfile .profile-name {margin: 1em 1.5em; text-align:initial;}
    #slickProfiles .slickProfile .profile-image {width: 165px; font-size: 2em; margin: 0 1em .5em 1.5em;}
    #slickProfiles .slickProfile .profile-image img {width: 100%; margin-top: 5px}
    #slickProfiles .slickProfile .profile-text {margin: 0 1.5em 0 3em;}
    #slickProfiles .slick-dots li button::before {
        font-size: 6px;
    }
    #slickProfiles {
        background: #efefef;
    }
    #slickProfiles .slick-prev, #slickProfiles .slick-next {
        background: #d4d5d6;
    }
    #slickProfiles .slick-prev:before, #slickProfiles .slick-next:before {
        color: #514689;
        display: block;
    }
    #tab-content .row { border: none; float:none; max-width: 1000px; margin: 0 auto; }
    #tab-container {float:left; margin-top: -41px; position: relative;}
    #tab-content .box h2 {padding: 2%;}
    .panelContentMain {float: left; width: 60%}
    .panelContentSide {float: right; width: 32%}
    .masthead-container {padding-bottom: 0}
    #headerWrapper.fixed {padding-bottom: 2px;}
}
@media only print {
    #profileWrapper .facImg {width: 150px}
    .addthis_inline_share_toolbox, .editProfile, #tabs li a {display: none;}
    #tabs li a.active {display: block}
    .brief .shortText {display:none;}
    .brief .fullText.hide {position: initial;}
}