@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Regular.otf');
	font-weight: normal;
}
@font-face {
    font-family: 'Source Sans Pro';
	src: url('../fonts/SourceSansPro-Semibold.otf');
	font-weight: 600;
}
@font-face {
    font-family: 'Source Sans Pro';
	src: url('../fonts/SourceSansPro-SemiboldIt.otf');
	font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Bold.otf');
    font-weight: bold;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-It.otf');
    font-style: italic;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-BoldIt.otf');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-Light.otf');
    font-weight: 300;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/SourceSansPro-LightIt.otf');
    font-style: italic;
    font-weight: 300;
}
@font-face {
	font-family: 'EB Garamond';
	src: url('../fonts/EBGaramond-Regular.ttf');
}
button, input, select, textarea {
    font-family: 'Source Sans Pro', sans-serif;
}

/* =============================================================================
 *   HTML Elements
 * ========================================================================== */

html {
    background: #fff;
}
body {
	margin: 0;
	padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #444444;

	-webkit-user-select: initial !important;
	-moz-user-select: initial !important;
	-ms-user-select: text !important;
	-o-user-select: initial !important;
	user-select: initial !important;


}
h1, h2, h3, h4, h5 {
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 110%;
	margin-bottom: .5em;
	margin-top: 0px;
	/*margin-top: 1.2em;*/
}


h1 a, h2 a, h3 a, h4 a, h5 a{
	text-decoration: none !important;
}


h1, h2 {
  font-weight: 600;
}

h1 {
    color: #444;
    font-size: 36px;
}
h2 {
    color: #0c2a61;
    font-size: 30px;
}
h3 {
    font-size: 26px;
    font-weight: 600;
}
h4 {
	font-size: 22px;
	font-weight: 600;
}
h5 {
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
letter-spacing: .05rem

}

h1 + h2, h2 + h3, h3 + h4, h4 + h5 {
	margin-top: 0;
}

ul, ol {
    margin-left: 20px;
    padding-left: 0;
}

li {
    margin-bottom: .6em;
}
p {
	line-height: 1.5;
}

sup{
	vertical-align:super!important;
	line-height:inherit;
	top:0em;
}
sup a{
	display:inline-block;
	text-decoration:none;
	}
a, a:link, a:visited {
    text-decoration: underline;
	color: #004fba;
}
a.active, a:hover, a:focus {
    text-decoration: underline;
	color: #103881;
}
 a.reset-link:hover{
	font-weight:bold!important;
}
a.no-decoration, .no-decoration{
  text-decoration: none;
}
.darkbackground a{
	color:white !important;
}
.lightbluebackground {
	background-color:#c4e2fc;
}

.clearfix{
	clear:both;
}

small, .small{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5;
	color: #606060;
}

	.section-label, #panels-ipe-display-panel-context-page-ninds-home-page-page-ninds-home-page-ninds-home-page-2 .pane-title{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 600;
		font-size: 18px;
	}


pre,
code,
tt,
samp,
kbd,
var {
    font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
}

hr.vertical{
  margin: 0;
  border-top: none;
  float:left;
}

hr.vertical:after{
  content:'';
  border-right: 2px solid #dedede;
  position: absolute;
  height: 60%;
}

hr.purple{
  border-top: 3px solid #A94294
}


.hr-thin{
	margin-top:5px;
	margin-bottom:5px;
	border-top: 1px solid #DEDEDE;
}
.element-invisible{
	display:none;
}

.link-spacing {
    padding-bottom: 15px;
}
.italicized {
  font-style: italic;
}
.capitalize{
  text-transform: capitalize;
}
.bold {
  font-weight: bold;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.two-column {
    width: 48%;
}

.no-gutter-left{
	padding-left:0;
}
.no-gutter{
	padding-left:0;
	padding-right:0;
}
.no-gutter-right{
	padding-right:0;
}

.site-logo {
    /*width: 33%;*/
    height: auto;
    width: 100%;
}
.panel-default > .panel-heading-customr {
    background: #1c78c8;
    color: #fff;
    display: block;
}
.panel-default > .panel-heading-customp {
    background: #0a589a;
    color: #fff;
    display: block;
}
.panel-default > .panel-heading-customh {
    background: #0c285a;
    color: #fff;
    display: block;
}
.panel-heading {
    cursor: pointer;
}
button.accordion.active,
button.accordion:hover {
    background-color: #ddd;
}
button.accordion:after {
    content: '\02795';
    font-size: 10px;
    color: #000;
    float: right;
    margin-left: 5px;
}

select {
    background-color: white;
}

/* =============================================================================
 *   Wrappers
 * ========================================================================== */
/*
 * Outer wrappers:
 * - #page-wrapper: body > #page-wrapper
 * - #page: body > #page-wrapper > #page
 * - .container: body > #page-wrapper > #page.container
 *
 * The .container class holds the page width value from theme settings.
 */

#page-wrapper {} #page {} #page .container {}
/*
 * Wraps all header elements - branding and .region-header
 */

#header {
    border-bottom: 6px solid #a74593;
    padding: 0px 0px 0px 0px;
}
/*
 * Wraps the sidebars the content column
 */

#columns {
    padding: 0px 15px 15px 15px;
}


.page-home-page #columns .columns {
	padding: 0px 15px 15px 15px;
}
.view-htr-view tr.info, .view-htr-view tr.even, .view-htr-view tr:nth-child(2n+2){
	background-color:transparent!important;
}

/*
 * Main content column wrapper
 */

#content-column {

}
/*
 * Wraps the main-content-header, the content region and feed-icons. Use this
 * wrapper to style the entire main content column
 */

#main-content {

}
#landingpage-main-content {
    padding-right: 25px;
}
/*
 * Wraps the content region, avoid applying styles to this wrapper, its used
 * mainly for position and invisible gutters and can be problematic to style
 */

#content {
	margin-right: 10px;
}



.page-home-page #content{
	margin-right: 0px;

}

/*
 * Footer wrapper
 */

#footer {
    /*margin-top:50px;*/
}
/*
 * Panels may need additional margin wrangling when in the $content region
 */

#content .panel-display {}
/*
 * Full Width Wrappers
 * These are used in the optional page--full-width-wrappers.tpl.php template.
 * All have internal .container classes. In the full width wrapper template the
 * .container classes set the width or max-width - you can style this but never
 * add any width/margin/padding/borders etc to .container
 */
/*
 * Wraps the leaderboard
 */

#leaderboard-wrapper {} #leaderboard-wrapper .container {}
/*
 * Wraps the header
 */

#header-wrapper {
    /* Debug styles, is this working */

    background: rgba(255, 192, 203, 0.5);
}
#header-wrapper .container {}
/*
 * Wraps the nav elements
 */

#nav-wrapper {} #nav-wrapper .container {}
/*
 * Wraps breadcrumb
 */

#breadcrumb-wrapper {} #breadcrumb-wrapper .container {}
/*
 * Wraps messages and help
 */

#messages-help-wrapper {} #messages-help-wrapper .container {}
/*
 * Wraps the secondary content/preface region
 */

#secondary-content-wrapper {} #secondary-content-wrapper .container {}
/*
 * Wraps the main content column
 */

#content-wrapper {} #content-wrapper .container {}
/*
 * Wraps the tertiary content/postfix region
 */

#tertiary-content-wrapper {} #tertiary-content-wrapper .container {}
/*
 * Footer wrapper
 */

#footer-wrapper {
    /* Debug styles, is this working? */

    background: rgba(255, 192, 203, 0.5);
}
#footer-wrapper .container {}

/* =============================================================================
 *   Branding
 * ========================================================================== */
/*
 * Wraps all the branding elements, logo, name and slogan
 */

#branding {
  margin: 0 15px;
}

/*
 * Logo
 */

#logo {
    float: left;
    /*padding: 10px 0;*/
}

#logo img {
    vertical-align: bottom;
}

#site_search {
    float: right;
    margin-top: 10px;
}


/* Site search customizations */

.region-site-search {
    margin-top: 0;
}

#search-block-form {
    margin-top: 0;
    padding-top: 0;
}

#search-block-form .form-submit input[text] {
    margin-top: 0;
    padding-top: 0;
}

#dg_search_form {
	margin-bottom: .8em;
}

#query { /* digital gov search form input text box */
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #999;
  font-size: 16px;
  padding-left: 32px;
  color: #444;
}
.input-wrapper {
    display: inline-block;
    position: relative;
}
#dg_search_form .input-wrapper:before {
  position: absolute;
  font-family: 'FontAwesome';
  top: 4px;
  left: 3px;
  content: "\f002";
}
#query::placeholder {
  color: #d7d7d7;
  opacity: 1; /* Firefox */
}

.container-inline .form-item-search-block-form .form-text {
    margin-top: -10px;
    padding-top: 0;
}

/*********************** HOMEPAGE ****************************/
.homepage-hero {
  background-color: #0c257a;
  background-image: url(../images/hero_banner2.jpg);
  background-size: cover;
  height: 300px;
}
#front-page-wrapper #columns{
  padding:0;
}
.homepage-news-events .block-inner{

  clear: none;
}
.homepage-news-events .block-inner.clearfix:after {
    display: inline;
    clear: none;
}
.ninds-two-tab-image.events-placeholder-img{
  background-image: url(https://www.ninds.nih.gov/sites/default/files/nih_badge-color.jpg);
}

/**************************************************************/
/***********************NEWS PAGE ****************************/

.neACTIVE{
	font-weight:bold;
}

.events-search .form-submit{
       width: 140px;

}
.events-search .form-text {
    width: 70%;
}



.events-filter{
	padding-top:15px;
	padding-bottom:25px;
  float:left;
}
.view-id-ninds_events_view {
	padding-right: 30px;
}

/*short term fix until .clearfix is added to event items */
.view-id-ninds_events_view .view-content .even:before, .view-id-ninds_events_view .view-content .even:after,
.view-id-ninds_events_view .view-content .odd:before, .view-id-ninds_events_view .view-content .odd:after {
	content: "";
	display: table;
}
.view-id-ninds_events_view .view-content .even:after, .view-id-ninds_events_view .view-content .odd:after {
	clear: both;
}
.view-id-ninds_events_view .view-content .even, .view-id-ninds_events_view .view-content .odd {
	zoom: 1;
}
/* end fix */

.events-anchor{
	float:left;
	padding-right:5px;
	/*color: #d7d7ce;*/
	color: #606060;
	font-size: 14px;
}



#views-exposed-form-ninds-news-view-page, #views-exposed-form-press-releases-page{

}
.view-id-ninds_news_view.view-display-id-page .views-exposed-form label,
.view-id-press_releases.view-display-id-page .views-exposed-form label,
.view-id-ninds_events_view.view-display-id-page .views-exposed-form label{
  font-weight:normal;
}
.view-id-ninds_news_view.view-display-id-page .views-exposed-form .views-exposed-widget input[type="text"],
.view-id-press_releases.view-display-id-page .views-exposed-form .views-exposed-widget input[type="text"],
.view-id-ninds_events_view.view-display-id-page .views-exposed-form .views-exposed-widget input[type="text"]{
  width:100%;
}
.view-id-ninds_news_view.view-display-id-page .views-exposed-form .views-submit-button,
.view-id-press_releases.view-display-id-page .views-exposed-form .views-submit-button,
.view-id-ninds_events_view.view-display-id-page .views-exposed-form .views-submit-button{
  padding-top:0;
}

.node-type-events .region-three-inset-right-inset{
	width:33%;
}

.cb-bio-anch .field-item, .cb-bio-less .field-item{
	color:#004fba !important;
	text-decoration:underline;
	font-family: 'Source Sans Pro', sans-serif !important;
	padding-left:5px;
}
.cb-bio-anch .field-item p, .cb-bio-less .field-item p{
line-height:1;
}
.cb-bio-anch .field-items, .cb-bio-less .field-items{
float:right;
}
.field-name-field-cb-bio-object .field-collection-view{
	border-bottom:none;
	margin:0;
}


/*////////////////// EVENTS TESTING //////////////////*/



/*
.ninds-events-view-div-date {
    height: 75px;
	width:75px;
    float: left;
	padding: 0 .4em 0;
    vertical-align: top;
	text-align:center;
	color: #ffffff;
	background-color:#1C78C8;
	font-size: 27px;
	line-height:30px;
	font-weight:bold;
	padding-top:5px;
	clear:both;*/
	/*margin-right: 2em;*//*
}*/
.ninds-events-month, .ninds-events-day, .ninds-events-year{
width:60px;
height:auto;
vertical-align:top;
text-align:center;
	clear:both;
	display:block;
	float:left;
	margin:0px;
	padding-top:5px;
	!padding-bottom:5px;
	margin-right:10%;
}
.ninds-events-month, .ninds-events-day{
	background-color:#1C78C8;
	color:#FFFFFF;
}
.ninds-events-month{
	padding-top:5px;
}
.ninds-events-day{
	padding-bottom:5px;
}


.ninds-list-register a{
	display:inline-block;
}

/*.ninds-list-register a:hover, .events-register a:hover, #edit-submit-ninds-bios-block-view:hover, .form-submit:hover{*/
.form-submit:hover, #edit-submit-ninds-bios-block-view:hover, .events-search .form-submit:hover, .ninds-list-register a:hover, .events-register a:hover,.dtNav:hover, .dtNavButton:hover{
  background: #a74592;
  color: white;
  border-radius: 3px;
  text-decoration: none;
}

.ninds-list-register{
	/*display:block;*/
	margin: 0 0 10px 100px;
}

.view-id-ninds_events_view  .odd, .view-id-ninds_events_view .even{
	border-bottom:1px solid #ececec;
	min-height:85px;
	margin-top:10px;
}
.view-id-ninds_events_view  .pager .odd, .view-id-ninds_events_view  .pager .even{
	border-bottom:none;
}



/*//////////////////////EVENTS ITEM PAGE/////////////////////////*/
.events-location p{
	margin-top:0px;
}

.events-website, .events-type-wrapper, .field-name-field-ninds-events-location,
.events-summary, .events-post-summary, .events-contact-wrapper-name, .events-contact-wrapper-number, .events-contact-wrapper-email{
	clear:both;
	float:left;
}

.events-contact-wrapper-name, .events-location, .events-website, .events-contact-wrapper-number, .events-contact-wrapper-email{
 padding-left:28px;
}
.events-contact-wrapper-number h2, .events-location h2, .events-contact-wrapper-email h2, .events-contact-wrapper-name h2{
	font-size:16px;
	line-height: 125%;
}
.events-summary{
	border-top:1px solid #d7d7ce;
	padding-bottom:25px;
	padding-top:25px;
	margin-top:25px;
}

.events-post-summary{
	padding-top:25px;
	background-color:#ececec;
	padding:25px;
}
.events-date-wrapper-end, .events-date-wrapper-start{
float:left;
}

.field-name-field-volorg-city{
	float:left;
	display:inline-block;
}

.field-name-field-volorg-state{
	float:left;
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
}


 .field-name-field-ninds-events-location{
	 padding-bottom:25px;
 }
.field-name-field-ninds-event-end-date .date-display-single:before{
	padding-left:5px;
	padding-right:5px;
	content:"To";
	font-weight:bold;
}
.node-events .date-display-single{
	font-weight:bold;
}

.region .region-three-inset-right-inset{
	padding-left:25px;
}
.event-links {
  clear:both;
}
#block-views-events-reference-view-block--2 h2.block-title{
  display:block;
}

/*
#block-bean-events-item-right-rail .right-rail-primary-body, #block-bean-post-event-references .right-rail-primary-body{
	background-color:#ececec;
}

#block-bean-events-item-right-rail .right-rail-primary-container, .events-image, #block-bean-post-event-references .right-rail-primary-container{
	width:300px;
}
*/
/*CONTACT US WEBFORM*/
label[for=edit-submitted-nature-of-request], label[for=edit-submitted-subject], label[for=edit-submitted-comment-question], label[for=edit-submitted-how-would-you-like-to-be-contacted],
label[for=edit-submitted-first-name], label[for=edit-submitted-last-name], label[for=edit-submitted-address-1], label[for=edit-submitted-address-2], label[for=edit-submitted-city], label[for=edit-submitted-state],
label[for=edit-submitted-postal-code], label[for=edit-submitted-country], label[for=edit-submitted-email], label[for=edit-submitted-organization]
{
  min-width:200px;
}
.CU_field, .webform-component-textarea .grippie{
max-width:500px;
}
@media only screen and (min-width: 673px) {
    .webform-component-textarea .grippie, #edit-submitted-comment-question{
        margin-left:200px;
    }

}
@media only screen and (MAX-width: 673px) {
    .form-text{
        width: 100%;
    }
}
/*END CONTACT US WEBFORM*/


/* HD-BRAC Form Styles */
fieldset label {
   min-width:200px;
}

fieldset .form-managed-file .form-file {
   margin-bottom:20px;
}

select#edit-submitted-institutional-address-fieldset-institutional-state {
    width: 25%;
}

.webform-datepicker .form-select {
    width: 70px;
}

.HD-radio-wrapper .form-item{
    display:inline;
}
.HD-radio-wrapper .form-item>label{
    display:inline;
}
/* HD-BRAC Form Styles */


/*.active{
	color:red;
	font-size:50px;
}*/

.events-register{
float:right;
}
/*
.field-name-field-ninds-event-start-date .date-display-single:before {
    content: url(../images/calendericon.png);
width:100px;
	zoom: .1;
	float:left;
	-moz-transform: scale(.1);
}*/

.field-name-field-ninds-event-start-date .date-display-single:before {
content: url(../images/calendericon.png);
float:left;
width:10px;
height:10px;
transform: scale(0.1);
transform-origin: top left;
-moz-transform: scale(0.1);
-moz-transform-origin: top left;
}
.field-name-field-link-to-event-website a{
	font-weight:bold;
	color:#103881;
}
.field-name-field-link-to-event-website a:after{
	content: url(../images/arrow-right-purple.png);
    zoom: .8;
	padding-left:10px;
}

.field-name-field-event-image{
	margin-bottom:25px;
}
.field-name-field-ninds-event-start-date .date-display-single{
	padding-left:17px;
}
.events-summary h2, .events-post-summary h2{
	font-size:28px;
	padding-bottom:10px;
}

.events-right-rail-object{
	width:100%;
	float:left;
	text-decoration:underline;

}
.field-name-field-events-right-rail {
	width:250px;

}
.field-name-field-events-right-rail .block-title{

}


/**************************************************************/
#edit-title-beginswith-wrapper{
	display:none;
}

.view-ninds-events-view .ninds-events-view-div-title a{
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}

.events-right-rail{
 padding-bottom:10px;
text-decoration:underline;
}

/* To change position of close button to Top Right Corner */


#colorbox #cboxClose
{
top: 0;
right: -15px;
}



#cboxClose{
	position:absolute;

	background: url(../images/xicon.png) no-repeat!important;
	background-size: 25px 25px !important;
	margin-right: 2.5%;

}

#cboxWrapper{
	height:600px !important;
	width:565px !important;
}
#cboxContent, #cboxLoadedContent{
	width:565px !important;
}


/*WEB FROM CLOSED - CSS hide notification */
.page-node-15252 #messages .messages.warning{
  display:none;
}

/*END WEB FORM CLOSED*/
/*
 * Wrapper for the site name and slogan
 */

#name-and-slogan {}
/*
 * Site name (h1)
 */

#site-name {
    margin: 0;
}
#site-name a {} #site-name a:link,
#site-name a:visited {
    text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
    text-decoration: underline;
}
/*
 * Site slogan (h2)
 */

#site-slogan {
    margin: 0;
}
/* =============================================================================
 *   Page content header
 * ========================================================================== */
/*
 * Main content header wraps the page title, tabs and actions links
 */

#main-content-header {}
/*
 * The main page title (h1)
 */

#page-title {
    margin: 0;
}
/* =============================================================================
 *   Misc Global Styles
 * ========================================================================== */
/*
 * Feed icons
 */

.colSpace {
    float: left;
    padding-right: 20px;
}
.feed-icon {}
/*
 * Aggregator feed source
 */

#aggregator .feed-source .feed-icon {
    display: inline;
    float: none;
    margin-right: 10px;
}
.feed-details dt,
.feed-details dd {
    display: inline;
    margin: 0;
}
/*
 * External link styles
 */
.fa-external-link:before {
	font-family: 'FontAwesome';
    content: "\f08e";
	text-decoration: none;
}
 span.fa-external-link {
    position: relative;
    font-size: 12px;
    line-height: 1.5;
    top: -2px;
    margin-left: 4px;
    margin-right: 1px;
}
.element-invisible {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Generic styles for the more link
 */
.disorder-row .more-link{
	padding-top:10px;
	float:right;
}

/*
 * Generic styles for links. See the ul.links declaration in node and comment
 * stylesheets
 */

ul.links {
    margin: 0;
    padding: 0;
}
ul.links.inline {
    display: block;
}
ul.links li {
    display: inline;
    list-style: none;
    padding: 0 10px 0 0;
}
/*
 * Search results are an ordered list so reset the margin
 */

.search-results {
    margin: 0;
    padding: 0;
}
/*
 * Attribution message and link
 */

.attribution {
    display: block;
    opacity: 0.65;
    padding: 1em 0;
    text-align: center;
}
.attribution a {
    text-decoration: none;
    color: inherit;
}
.attribution a:hover,
.attribution a:focus {
    text-decoration: underline;
}
/*
 * Make visible to screen readers only
 */
 .screenreaderonly {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* =============================================================================
 *   Regions
 * ========================================================================== */
/*
 * Standard region wrapper, don't add width to any regions, you will bork the
 * layout - no margin, padding or borders etc
 */

.region {}
/*
 * Regions have an inner div - perfect for adding margin, padding or borders
 */

.region-inner {}
/*
 * Regions can be nested, such as when using Panels
 */

.region-inner .region-inner {}
/*
 * Header region, embedded in the #header
 */

.region-header {}
/*
 * Generally used to output Drupals help block, if the help module is enabled
 */

.region-help {}
/*
 * Secondary content
 */

.region-secondary-content {}
/*
 * Sits above the main content header, like a content-top region
 */

.region-highlighted {}
/*
 * Sits below the main content, like a content-bottom region
 */

.region-content-aside {}
/*
 * Sidebars - targets both
 */

.sidebar {}
/*
 * First sidebar
 */

.region-sidebar-first {
    padding-top: 10px;
}
/*
 * Second sidebar
 */

.region-sidebar-second {

}
/*
 * Tertiary content
 */

.region-tertiary-content {}
/*
 * Footer region
 */

.region-footer {
    /*background-color:#191970;	*/
    padding: 20px 40px;
    margin: 0 auto;
    background-color: #0c285a;
    color: white;
}
/*.colSpace
{
float:left;
padding-right:20px;
}*/

/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */

.nav {
    clear: both;
}
.nav ul,
.nav ul.menu {
    margin: 0;
    padding: 0;
}
.nav li,
.nav ul.menu li {
    display: inline;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav li a,
.nav ul.menu li a {
    display: block;
    white-space: nowrap;
    padding: 0 10px;
}
.nav li a:visited,
.nav ul.menu li a:visited {} .nav li a:hover,
.nav li a:focus,
.nav ul.menu li a:hover,
.nav ul.menu li a:focus {} .nav .block {
    margin-bottom: 0;
}
li.expanded ul.menu{
	margin-left:20px !important;
}
ul li.collapsed {
 list-style-image: none !important; 
 list-style-type: none !important;
}

/* =============================================================================
 *   Superfish
 * ========================================================================== */

ul.sf-menu {
    margin-bottom: 0;
}
ul.sf-menu a {
    border-left: 0;
    border-top: 0;
    padding: 0 10px;
    text-decoration: none;
    height: 2.5em;
    line-height: 2.5em;
}
ul.sf-menu a:link,
ul.sf-menu a:visited {} ul.sf-menu li {} ul.sf-menu li:hover,
ul.sf-menu li.sfHover {
    outline: 0;
}
ul.sf-menu a {} ul.sf-menu a:focus,
ul.sf-menu a:hover,
ul.sf-menu a:active {
    outline: 0;
}
/*
 * Superfish blocks
 */

.block-superfish {} .block-superfish .block-inner .content {} .block-superfish ul {
    margin: 0 !important;
    padding: 0 !important;
}
.block-superfish ul ul {} .block-superfish ul ul ul {} .block-superfish ul ul ul ul {} .block-superfish li {
    margin: 0 !important;
    padding: 0 !important;
}
/*
 * Vertical style
 */

.sf-vertical {
    width: 100%;
}
.sf-vertical li {
    width: 100%;
}
.sf-vertical li.last {} .sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
}
.sf-vertical li a {
    padding: 0 10px;
}
/*
 * Navbar style
 */

.sf-navbar {
    padding-bottom: 0 !important;
}
/*
 * Sensible padding for the default style
 */

.sf-menu.sf-style-default a {
    padding: 0 10px;
}
/* =============================================================================
 *   Menu Toggles
 * ========================================================================== */

.at-mt .at-menu-toggle,
.at-mt .at-menu-toggle ul,
.at-mt .at-menu-toggle ul.menu {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.at-mt .at-menu-toggle-button {
    margin: 0;
}
.at-mt .at-menu-toggle ul a {
    padding: 0 100px;
    white-space: nowrap;
}
/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */

ul.menu {
    padding-left: 15px;
}
ul.menu ul {
    padding-left: 15px;
}
ul.menu ul ul {} ul.menu ul ul ul {} ul.menu li {
    margin: 0;
}
ul.menu li.collapsed,
ul.menu li.expanded,
ul.menu li.leaf {} ul.menu li a {} ul.menu li a:link,
ul.menu li a:visited {} ul.menu li a:active,
ul.menu li a.active {} ul.menu li a:hover,
ul.menu li a:focus {} ul.menu li.active a,
ul.menu li.active-trail a {} ul.menu li.first,
ul.menu li.last {}
/* If li.content exists it's a problem, so reset the padding */

.block .menu li.content {
    padding: 0;
}
/* =============================================================================
 *   Book navigation menu
 * ========================================================================== */

.book-navigation {} .book-navigation .page-links {} .book-navigation .page-previous {} .book-navigation .page-next {} .book-navigation .page-up {
    /* Prevent text wrapping to a new line, assumes the string is two chars */

    min-width: 2em;
    white-space: nowrap;
}
.book-navigation .menu {
    margin-left: 0;
}

/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */

#breadcrumb {
    margin: 10px 0;
}

.breadcrumb {
    border-bottom: 1px solid #DEDEDE;
    background-color: white;
    !margin: 0;
    padding: 10px 0;
    !width: 72%;
	width:100%;
	font-size: 13px;
}

.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited {
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
/* If the label is set to show in theme settings the label class is added */

#breadcrumb .breadcrumb-label {
    font-size: 1em;
    display: inline;
    padding-right: 10px;
}

#breadcrumb .breadcrumb-label:after {
    content: ":";
}

#breadcrumb ol {
    margin: 0;
    padding: 0;
}

#breadcrumb .with-breadcrumb-label ol {
    display: inline;
}

#breadcrumb li {
    list-style: none;
    display: inline;
}

#breadcrumb li.crumb-first {}
#breadcrumb li.crumb-last {}
#breadcrumb a {
    color: #606060 !important;
}
#breadcrumb a:link,
#breadcrumb a:visited {}
#breadcrumb a:active,
#breadcrumb a.active {}
#breadcrumb a:hover,
#breadcrumb a:focus {}
#breadcrumb .crumb-separator {}

/* =============================================================================
 *   Pagers
 * ========================================================================== */

ul.pager {
    clear: both;
    margin: 0;
    text-align: center;
}
.item-list ul.pager li {
    margin: 0;
}
ul.pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: .5em;
}
ul.pager li.pager-current {
    font-weight: 700;
}
.block ul.pager li {
    margin: 0;
}
/*
 * Theme the various states of pager links
 */

ul.pager li {} ul.pager li a {} ul.pager li a:link,
ul.pager li a:visited {} ul.pager li a:active,
ul.pager li a.active {} ul.pager li a:hover,
ul.pager li a:focus {} ul.pager li.pager-item {} ul.pager li.first {} ul.pager li.last {} ul.pager li.pager-current {} ul.pager li.pager-first {} ul.pager li.pager-previous {} ul.pager li.pager-next {} ul.pager li.pager-last {}

/* =============================================================================
 *   Skip Navigation
 * ========================================================================== */

#skip-link {
    left: 50%;
    margin-left: -6.5em;
    margin-top: 0;
    padding: 0 0.5em;
    position: absolute;
    width: 12em;
    z-index: 50;
}
#skip-link a {
    background: #444;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: block;
    line-height: 2;
    padding: 0;
    text-align: center;
    text-decoration: none;
}
#skip-link a:link,
#skip-link a:visited {
    background: #444;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: block;
    line-height: 2;
    padding: 0;
    text-align: center;
    text-decoration: none;
}
#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
    outline: 0;
}
/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */

#tasks {
    !margin-bottom: 15px;
	margin-bottom:3px;
}
#tasks ul.primary{
	margin-bottom:0px!important;
}
html.js fieldset.collapsed{
	border-top-width:0;
	padding-top:30px;
}
.bef-select-as-checkboxes-fieldset a{
	color:black;
	text-decoration:none;
	font-weight:bold;
	padding-left:30px;
}
.bef-select-as-checkboxes-fieldset{
	border:none;
}
ul.primary {
    !border-bottom-color: #ccc;
	border-bottom:none;
	border-left:none;
    margin: 20px 0;
    padding: 0 0 0 5px;
}
ul.primary li {
    display: block;
    float: left;
    margin: 0 1px -1px;
}


ul.primary li:last-child a{
	border:none;
}
ul.primary li a {
    background-color: white;
    !border-color: #ccc;
	border-left:none;
	border-top:none;
    margin-right: 1px;
    padding: 0 10px;
    display: block;
    float: left;
    height: 1.5em;
    line-height: 1.5em;
	text-decoration: none;
}
ul.primary li a:hover,
ul.primary li a:focus {
    background-color: #eee;
    !border-color: #ccc;
}
ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
    background-color: #fff;
	border-top:none;
	border-left:none;
    !border-bottom-color: #fff;
	font-weight: bold;
}
ul.secondary {
    border-bottom: 1px solid #ccc;
    margin: 1em 0 0;
    padding: 0 .3em 1em;
}
ul.secondary li {
    border-right: 0;
    list-style: none;
    padding: 0 10px 0 0;
}
ul.secondary li a:hover,
ul.secondary li a.active {
    border-bottom: none;
	border-left:none;
    text-decoration: underline;
}
/* =============================================================================
 *   Action links
 * ========================================================================== */

ul.action-links {
    margin: 20px 0 0;
    list-style: none;
}
ul.action-links li {}
/* =============================================================================
 *  Field Styling
 * ========================================================================== */
/*
 * Wrapper for any field
 */

.field {}
/*
 * Above and inline classes are on the field wrapper
 */

.field-label-above {}
/*
 * When labels are set to inline in field display settings the clearfix class is
 * automatically added
 */

.field-label-inline {} .field-label-inline .field-label {
    margin: 0;
}
/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted
 * ineritance issues
 */

/*.field-label {
    font-size: 1em;
    font-weight: 700;
    font-family: inherit;
    line-height: inherit;
    margin-bottom: 0;
}*/
/*
 * Field types (Core)
 */
/*
 * Image fields use the <figure> and <figcaption> elements from HTML5
 */
 figure.image{
   display: table!important;
 }
figure.image figcaption{
  font-size: calc(.85 * 16px);
  padding: 10px;
  line-height: 17px;
  background-color: #ececec;
  caption-side: bottom;
  display: table-caption;
}
.field-type-image {} .field-type-image .caption {} .field-type-image .full-caption {} .field-type-image .teaser-caption {}
/*
 * Taxonomy
 */

.field-type-taxonomy-term-reference {
    /* The same bottom margin as p, blockquote, ul, ol and dl */

    margin-bottom: 1.5em;
}
.field-type-taxonomy-term-reference.field-label-inline .field-items {
    margin: 0;
    padding: 0;
}
.field-type-taxonomy-term-reference.field-label-inline .field-item {
    display: inline;
    list-style: none;
    padding: 0 10px 0 0;
}
/*
 * Text
 */

.field-type-text {}
/*
 * Long text
 */

.field-type-text-long {}
/*
 * Text with summary
 */

.field-type-text-with-summary {}
/*
 * File
 */

.field-type-file {}
/*
 * Number/Integer
 */

.field-type-number-integer {}
/*
 * Decimal
 */

.field-type-number-decimal {}
/*
 * Number float
 */

.field-type-number-float {}
/*
 * List
 */

.field-type-list-text {}
/*
 * List boolean
 */

.field-type-list-boolean {}
/*
 * List integer
 */

.field-type-list-integer {}
/*
 * List float
 */

.field-type-list-float {}
/*
 * Field types (Contrib)
 */

.field-type-datetime {} .field-type-node-reference {} .field-type-user-reference {}
/*
 * Named fields
 */

.field-name-body {} .field-name-field-image {} .field-name-field-tags {}
/*
 * Underscores in field name are replaced with dashes
 */

.field-name-field-FIELDNAME {}
/*
 * Image Alignment Theme Settings - included here so you can easily override
 */
/*
 * Float none setting
 */

.ia-n .field-type-image,
.iat-n .field-type-image {}
/*
 * Float left setting
 */

.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
    margin: 5px 20px 15px 0;
}
/*
 * Centered setting
 */

.ia-c .field-type-image figure,
.iat-c .field-type-image figure {
    margin: 5px auto 15px;
}
/*
 * Float right setting
 */

.ia-r .field-type-image figure,
.iat-r .field-type-image figure {
    margin: 5px 0 15px 20px;
}
/* =============================================================================
 *   Block Styling
 * ========================================================================== */
/*
 * Main wrapper for most blocks, block_system_main does not have it
 */

.block {
    /*margin-bottom: 20px;*/
}
/*
 * Inner wrapper for most blocks, good for margin, padding and borders,
 * block_system_main does not have it
 */

.block-inner {
    margin: 0;
}


/*
 * The first block in the region
 */

.block.first {}
/*
 * The last block in the region
 */

.block.last {}
/*
 * Zebra striping for each block in the region
 */

.block.odd {}
/*
 * Zebra striping for each block in the region
 */

.block.even {}
/*
 * Block title
 */

.block-title {
    margin: 0;
}
/*
 * Block content wrapper
 */

.block-content {}
/*
 * Match item list and block menu margin and padding
 */

.block-content {} .block-content ul,
.block-content ol {
    padding: 0 0 0 15px;
}

.block-content li {
    margin: 0;
    padding: 0;
}

/*
 * Block for the latest news items in the first category
 */

#block-aggregator-category-1 {}
/*
 * Block for the latest news items in the first feed
 */

#block-aggregator-feed-1 {}
/*
 * First block created with "Add block" link
 */

#block-block-1 {}
/*
 * "Recent blog posts" block
 */

#block-blog-recent {}
/*
 * "Book navigation" block for the current book's table of contents
 */

#block-book-navigation {}
/*
 * "Recent comments" block
 */

#block-comment-recent {}
/*
 * "Active forum topics" block
 */

#block-forum-active {}
/*
 * "New forum topics" block
 */

#block-forum-new {}
/*
 * Language switcher block
 */

#block-locale-language {}
/*
 * Custom menu block
 */

#block-menu-menu-NAME {}
/*
 * "Recent content" block
 */

#block-node-recent {}
/*
 * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon
 */

#block-node-syndicate {}
/*
 * "Most recent poll" block
 */

#block-poll-recent {}
/*
 * "Author information" block for the profile of the page's author
 */

#block-profile-author-information {}
/*
 * "Search form" block
 */

#block-search-form {}
/*
 * "Shortcuts" block
 */

#block-shortcut-shortcuts {}
/*
 * "Popular content" block
 */

#block-statistics-popular {}
/*
 * "Main menu" block
 */

#block-system-main-menu {}
/*
 * "Management" block for Drupal management menu
 */

#block-system-management {}
/*
 * "Navigation" block for Drupal navigation menu
 */

#block-system-navigation {}
/*
 * "User menu" block for Drupal user menu
 */

#block-system-user-menu {}
/*
 * "System help" block
 */

#block-system-help {}
/*
 * "Main page content" block
 */

#block-system-main {}
/*
 * "Powered by Drupal" block
 */

#block-system-powered-by {}
/*
 * "User login form" block
 */

#block-user-login {}
/*
 * "Who's new" block for a list of the newest users
 */

#block-user-new {}
/*
 * "Who's online" block for a list of the online users
 */

#block-user-online {}

/* =============================================================================
 *   Node Styling
 * ========================================================================== */

.node {
    margin-bottom: 20px;
}
.node.node-promoted {} .node.node-sticky {} .node.node-by-viewer {} .node.node-teaser {} .node.node-full {} .node.odd {} .node.even {} .node .node-title {
    margin: 0;
}
.node .user-picture {}
.node .submitted {}
.node .submitted .username {}
.node .submitted time {}
.node .node-content {}
.node ul.links {}
.node ul.links li {}
.node ul.links li a {}
.node ul.links li.node-read-more a {}
.node ul.links li.comment-add a {}
.node ul.links li.comment-comments a {}
.node ul.links li.comment-new-comments a {}
.node ul.links li.blog-sernames-blog a {}
.node ul.links li.print-html a {}
.node ul.links li.print-email a {}
.node ul.links li.print-pdf a {}
.preview .node {}
.node-unpublished {
  background-color: transparent!important;
}
/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */

.node-page {} .node-article {} .node-book {} .node-forum {} .node-poll {}
/* =============================================================================
 *   Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */
/*
 * Wrapper for the list of comments and its titles
 */

#comments {
    margin: 1.5em 0;
}
#comments h2 {} #comments h2.comment-title {
    margin: 0;
}
#comments h2.comment-form {
    margin: 0;
}
/*
 * Wrapper for a single comment
 */

.comment {
    margin-bottom: 20px;
}
.comment.first {} .comment.last {} .comment.odd {} .comment.even {} .comment .user-picture {} .comment .submitted {} .comment .submitted p {} .comment .submitted .username {} .comment .submitted time {} .comment .user-signature {} .comment ul.links {}
/*
 * Comment title
 */

.comment-title {
    margin: 0;
}
/*
 * Comment states
 */

.comment-new {} .comment-by-anonymous {} .comment-by-node-author {} .comment-by-viewer {} .comment-title-hidden {} .comment-with-picture {} .comment-with-signature {}
/*
 * Preview of the comment before submitting new or updated comment
 */

.comment-preview {}
/*
 * "New" marker for comments that are new for the current user
 */

.new {
    color: #c00;
}
/*
 * Nested comments are indented
 */

.indented {
    margin-left: 40px;
}

/* =============================================================================
 *   Forms
 * ========================================================================== */

/* Wrapper for a form element (or group of form elements) and its label */

.form-item {}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 1px solid #c00;
}

.form-item label {
    font-weight: 700;
    font-size:12px;
}

.form-item label.option {
    font-weight: normal;
    font-size:16px;
}

 /* Global form text */
 .form-text {
    height: 30px;
    box-shadow: none;
    outline: 0;
    border: 1px solid #d7d7ce;
    border-radius: 3px;
    /*width: 100%;*/
    margin-top:0;
	padding-left:10px;
 }
 .block-ninds-custom-search-box  .form-text{
	 border-top-right-radius:0px;
	 border-bottom-right-radius:0px;
 }




 /* Global form submit */
.form-submit, #edit-submit-ninds-bios-block-view, .events-search .form-submit, .ninds-list-register a, .events-register a, .dtNav{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #a74592;
    background: #f0f0f0;
    margin-top: 20px;
    border: solid #a74592 2px;
    text-decoration: none;
    min-width: 120px;
	padding:5px 15px;
	font-size:16px;
	text-transform: uppercase;
	font-weight: 700;
}
.funding-opps-search form{
	margin-bottom:5px;
}
a.reset-link{padding-left:15px;
text-decoration:none;
}
.funding-opps-search .form-text{
	width:85%;
	font-size:100%;
	font-family:'Source Sans Pro', sans-serif;
}
.funding-opps-search .form-submit{
	margin-top:0px!important;
	margin-left:15px!important;
	}


.ninds-list-register a, .events-register a{
		text-align:center;
		padding: 5px 25px;
		text-transform:uppercase;
		width:auto;
		height:auto;
}
.events-search .form-submit{
	margin-left:1%;
}
 #edit-submit-ninds-bios-block-view, #edit-submit-ninds-program-directors-bios-view{
	 margin-left:3%;
	 	 margin-top:26px;
 }

#views-exposed-form-professional-societies-page .form-submit,
#views-exposed-form-patient-organizations-page-1 .form-submit,
#views-exposed-form-patient-organizations-page .form-submit{
	margin-top: 1.6em;
}

/*
 * Highlight marks and form required mark
 */

.marker,
.form-required {
    color: #c00;
}
.form-item .description {
    font-size: 0.85em;
}
.form-checkboxes .form-item,
.form-radios .form-item {}
.author-datetime{
	display:none;
}
/*
 * The submit button
 */

.right-rail-primary-container .form-text {
    height: 30px;
    box-shadow: none;
    outline: 0;
    border: 1px solid #d7d7ce;
    vertical-align: top;
    border-radius: 3px;
	width:100%;
	padding-left:10px;
	margin-bottom:2.5%;
}

.right-rail-primary-container .form-select {
	margin-top:2.5%;
    width: 100%;
    height: 30px;
    box-shadow: none;
    outline: 0;
    border: 1px solid #d7d7ce;
    vertical-align: top;
    border-radius: 3px;
    -webkit-appearance: none;
    padding-left: 10px;
    overflow: hidden;
	background-image: url(../images/arrow-down-gray.png);
    background-position: right;
    background-repeat: no-repeat;
}

#views-exposed-form-ninds-bios-block-view-page .form-select ,
#views-exposed-form-ninds-program-directors-bios-view-page .form-select{
	margin-top:0 !important;
    width: 225px;
    height: 34px;
    box-shadow: none;
    outline: 0;
    border: 1px solid #d7d7ce;
    vertical-align: top;
    border-radius: 3px;
    -webkit-appearance: none;
    padding-left: 10px;
    overflow: hidden;
    background-position: right;
    background-repeat: no-repeat;
	margin-bottom: 2.5%;
}

#views-exposed-form-ninds-bios-block-view-page .form-item-combine input,
#views-exposed-form-ninds-program-directors-bios-view-page .form-text{
    box-shadow: none;
    outline: 0;
    border: 1px solid #d7d7ce;
    vertical-align: top;
    border-radius: 3px;
	width:225px;
	padding-left:10px;
	margin-bottom:2.5%;
}

.form-select {
    width: 100%;
    height: 30px;
    box-shadow: none;
    outline: 0;
    border: 1px solid #d7d7ce;
    vertical-align: top;
    border-radius: 3px;
    -webkit-appearance: none;
    padding-left: 10px;
    overflow: hidden;
	background-image: url(../images/arrow-down-gray.png);
    background-position: right;
    background-repeat: no-repeat;
}




/*custom-search-image*/

.search-image {
    height: 30px;
	width:30px;
    border-radius: 0px 3px 3px 0px;
    border: 1px #d7d7ce solid;
    position: relative;
    right: 1px;
    top: 9px;
    background-color: #d7d7ce;

}

.search-spanish{
  font-size: 14px;
}



.container-inline div,
.container-inline label {
    display: inline;
}

/*
 * Define consistent borders
 */

fieldset {
    border: 1px solid #ccc;
}

/*
 * Tips for Drupal's input formats
 */

.tips {}

/*
 * Buttons used by contrib modules like Media
 */

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}
/*
 * Password confirmation
 */

.password-parent,
.confirm-parent {
    margin: 0;
}
/* =============================================================================
 *   Tables
 * ========================================================================== */

table, table.dataTable {
  border: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
 }
table.dataTable.no-footer {
  border-bottom: 0;
 }
table caption{
  padding: 8px 27px;
  font-weight: 700;
  color: white;
  caption-side: initial;
  background-color: #606060;
  text-align: left;
}

table thead tr, table.dataTable thead tr {
  border-bottom: 0;
}
table thead tr:not(:first-child), table.dataTable thead tr:not(:first-child) {
  border-top: 1px solid darkgrey;
}
table thead tr th:first-child, table tbody tr td:first-child, table.dataTable thead tr td:first-child, table.dataTable.cell-border tbody tr td:first-child {
  padding-left: 27px;
  border-left: 0;
}
table thead tr th:last-child, table tbody tr td:last-child, table.dataTable thead tr td:last-child, table.dataTable.cell-border tbody tr td:last-child {
  padding-right: 27px;
  border-right: 0;
}
table thead tr th, table.dataTable thead tr th, table.dataTable thead tr td {
  font-weight: 700;
  background: #D7D7D7;
  color: #2B2B2B;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 0;
  border-left: none
  vertical-align: middle;
}
table thead tr th.active, table.dataTable thead tr td.sorting_asc, table.dataTable thead tr td.sorting_desc {
  background-color: #C4E2FC;
}
table tr td, table tr th, table.dataTable tr td, table.dataTable tr th {
  padding: 4px 9px;
}
table tbody tr, table tbody tr.odd, table tbody tr.even, table.dataTable tbody tr {
  background: white;
  border-bottom: 0;
  padding: 0;
}
table tbody tr:hover td, table tbody tr:hover th, table.dataTable tbody tr:hover td, table.dataTable tbody tr:hover th {
  background-color: #EDEDED;
}
table tbody tr th,  table.dataTable tbody tr th {
  font-weight: 600;
  background: white;
  color: black;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-left: 27px;
  border: 0;
  border-top: 1px solid #CCC;
  vertical-align: top;
}
table tbody tr td, table.dataTable.cell-border tbody tr td {
  border: 0;
  border-top: 1px solid #CCC;
  border-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: top;
  text-align: left;
}
table tbody tr td.active, table tbody tr th.active, table.dataTable tbody tr td.sorting_1{
  background-color: #E1F0FD;
}
table thead tr th a.active, table thead tr th a:hover, table thead tr th a:focus {
  color: #2B2B2B;
  text-decoration: none;
}

/* =============================================================================
 *   Messages
 * ========================================================================== */
/* Left and right margin are set by the global gutter width */

div.messages {
    margin-bottom: 10px;
    margin-top: 10px;
}
div.messages ul {
    margin-top: 0;
    margin-bottom: 0;
}
div.status {} div.warning {} tr.warning {} div.error,
tr.error {} .error {} .warning {}
/*
 * Unpublished nodes
 */

.node-unpublished,
.comment-unpublished {} .node-unpublished,
.comment-unpublished {} .node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
    color: pink;
    color: rgba(239, 170, 170, 0.4);
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-size: 75px;
    font-weight: bold;
    height: 0;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: center;
    text-transform: uppercase;
    word-wrap: break-word;
}
/*
 * Otherwise these elements will appear below the "Unpublished" text
 */

.lt-ie8 {} .lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
    position: relative;
}
/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */

.maintenance-page {} .maintenance-page .container {
    padding: 40px 0;
}
.maintenance-page #site-name,
.maintenance-page #page-title {
    margin: 0;
}
.db-offline {} .db-offline .container {
    margin: 0 auto;
    padding: 40px 0;
    width: 100%;
    max-width: 960px;
}
.db-offline div.messages {
    margin: 20px 0 0;
}
.db-offline #content {
    padding: 20px 0;
}
/* =============================================================================
 *   Misc overrides for contrib modules
 * ========================================================================== */
/*
 * Admin menu overrides
 */

#admin-menu {
    margin: 0;
    padding: 0;
}
/*
 * Devel Module
 */

.dev-query {
    background: #eee;
    padding: 30px;
}
/*
 * Styleguide module tweaks
 */

#styleguide-header {
    padding: 0 10px;
}
#styleguide-header .item-list {
    font-family: inherit;
    margin: 0 20px 20px 0;
    min-height: 260px;
    width: auto;
}
.bean-beans-3col-image-static-view {
    border-bottom: 1px solid #DEDEDE !important;
    margin-bottom: 25px;
}





.homepage-directorsmessage-container {
    margin-top:0px;
    margin-bottom:50px;
}







.homepage-directorsmessage-title {
    width: 100%;
    background-color: #DEDEDE;
    padding: 10px;
    font-size: 18px;
}
.homepage-directorsmessage-col1 {
    float: left;
    width: 17%;
    min-height: 125px;
}
.homepage-directorsmessage-col1 img {
    padding: 10px;
}
.homepage-directorsmessage-col2 {
    width: 44.5%;
    float: left;
    min-height: 125px;
    padding-left: 5px;
    padding-right: 5px;
}

.homepage-directorsmessage-col2  a{
    text-decoration:underline;
}


.homepage-directorsmessage-col3 {
    width: 38%;
    float: left;
    border-left: 1px solid #DEDEDE;
    min-height: 125px;
}


.homepage-directorsmessage-col3 a {
	text-decoration: none;
    font-weight: bold;
}


.more-link, #org-slide {
    font-weight: bold;
	padding-right:10px;
	margin: 10px 0px;
	text-align:left;

}
 .homepage-news-events .ninds-two-tab-view .view-footer .more-link a{
	text-decoration: underline white;
}

.purplearrow-link a, .more-link a, .events-right-rail-link a, #org-slide {
    font-weight: bold;
	text-decoration: none;
	margin: 10px 0px;
}
.purplearrow-link a:after, .more-link a:after, .events-right-rail-link a:after, #org-slide:after, .purplearrow-publink:after {
    font-family: 'FontAwesome';
	content: '\f18e';
	color: #a74593;
    padding-left: 10px;
    font-weight: normal;

	/*display: inline;*/

}
/********SLIDE SHOW********/


/*////////////////////////////////////////////////////////COLLAPSE///////////////////////////////////////////////////////////////////*/

.accordion {
    height: auto;
}
.FirstAccordian {
    background: #1c78c8 !important;
}
.SecondAccordian {
    background: #0a589a !important;
}
.ThirdAccordian {
    background: #0c285a !important;
}
.accordionContainer {
    background-position: center top;
    background-repeat: no-repeat;
    height: 100px;
    position: relative;
	background-size:cover;
}
.textBox {
    border-top: 10px solid #49a1eb;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 50px;
    height: 300px;
    width: 90%;
    background: #dedede;
    padding: 5px;
}
/*collapse inner attributes*/

.accordion label {
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    padding: 0 15px;
    position: relative;
    height: 35px;
	line-height: 35px;
    cursor: pointer;
    color: #ffffff;
    font-size: 12px;
    width: 100%;
    margin-bottom: 0;
}

.accordion label p{
	margin-top:10px;
}

/*Expanded content*/

.accordion .article {
    /*color of background on collapse*/

    background: #FFFFFF;
    overflow: hidden;
    height: 0;
    /*Transition of box upon "collpasing"*/

    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.accordion input:checked ~ .article {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/*Action on click - expands collapsed menu*/

.accordion input:checked ~ .article.ac-large {
    height: 430px;
    background: #dedede;

}
.accordion input[type="radio"] {
    display: none;
}
.accordion input:empty ~ label:before {
    content: '\271A';
    font-weight: normal;
    text-indent: .9em;
    color: #ffffff;
    float: right;
}
/* toggle on */

.accordion input:checked~ label:before {
    content: '';
    font-weight: normal;
    text-indent: .9em;
    color: #ffffff;
    float: right;
}
.accordion input:checked ~ label {
    color: #ffffff;
}
.accordionContainer .textBox .field-name-field-beans-collapsible p{
	margin:0px;
}
/* Accordion for Funding Opportunities */
.view-funding-announcement .jqaccordion{
border-bottom:2px solid #d7d7ce;
	padding-bottom:20px;
}
.ui-widget {
	font-family: inherit;
	font-size: inherit;
}
.ui-accordion {
	margin: .5em 0 1em 0;
}
.ui-accordion .ui-accordion-header {
	background-image: none;
	background-color: #ececec;
	border: 0 none;
	border-radius: 0;
	color: #444444;
	font-weight: bold;
	font-size: 15px;
	padding: 12px 50px 12px 25px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	!left: auto;
	left:15px;
	right: 30px;
	background-image: none;
	text-indent: inherit;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon:after {
	font-family: 'FontAwesome';
	content: '\f067';
	color:#888;
}
.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:after {
	font-family: 'FontAwesome';
	content: '\f068';
}
.ui-accordion .ui-accordion-header:hover {
	background-color: #d7d7d7;
	border: 0 none;
}
.ui-accordion .ui-accordion-content {
	padding: 25px;
	border: 3px solid #ececec;
	border-top: 0 none;
}
.ui-accordion-content p {
	max-width: 600px;
}
.ui-accordion-content p:first-child {
	margin-top: 0;
}
.ui-accordion-content p:last-child {
	margin-bottom: 0;
}

.view-funding-announcement .view-content .jqaccordion .ui-accordion-content p{
max-width:none;
}
}
/*///////////////////////////////////////////////////////////end Collapse////////////////////////////////////////////////////////////////////*/


/*////////////////Mega Menu Framework - Formerly TB MEGA MENU//////////////////////////*/

#block-megamenu-framework-megamenu-framework .block-inner{

}

#block-megamenu-framework-megamenu-framework .megamenu-pulldown-wrapper {
	background-color: #fff;
	width:98%;
	top:41px;
  left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
	text-align:left;
  border: 1px solid lightgrey;
}




.mainmenu-item .inner a {
	color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	padding: 3px 13px;
	text-decoration: none;
}
.mainmenu-item .inner a:hover{
	background:#a74593;
  padding-top: 13px;
  padding-bottom: 14px;
  text-decoration: underline;
}
.mainmenu-item.active-trail{
    background: #10388B;

}
.mainmenu-item:hover .inner a {
	text-decoration:none;
	color:#ffffff;
	background: #a74593;
}

.mainmenu-item.active-trail .inner a {
    text-decoration:none;
    color:#ffffff;
    background: #1C78C8;
    padding-bottom: 14px;
    padding-top: 13px;
}

.mainmenu-item .inner a span {

}
.megamenu-pulldown-wrapper .block-menu-block h2.block-title,
.megamenu-pulldown-wrapper .block-bean h2.block-title  {
	border:none;
	margin:0;
	padding-bottom: 10px;
  line-height: 18px;
}
.megamenu-pulldown-wrapper .block-menu-block h2.block-title a,
.megamenu-pulldown-wrapper .menu-block-wrapper li.menu-depth-3 a {
	text-decoration: none;
	color: #2b2b2b;
}
.megamenu-pulldown-wrapper .block-menu-block h2.block-title a,
.megamenu-pulldown-wrapper .block-bean h2.block-title {
  font-weight: 700;
	text-transform: none;
	text-decoration: none;
	font-size: 15px;
  color: #a94294;
}
.megamenu-pulldown-wrapper .menu-block-wrapper li.menu-depth-3 a {
	margin:0;
	border:none;
	padding:0;
}
.megamenu-pulldown-wrapper .menu-block-wrapper li.menu-depth-3 a:focus,
.megamenu-pulldown-wrapper .menu-block-wrapper li.menu-depth-3 a:hover,
.megamenu-pulldown-wrapper .menu-block-wrapper li.menu-depth-3 a:active,
.megamenu-pulldown-wrapper .block-menu-block h2.block-title a:focus,
.megamenu-pulldown-wrapper .block-menu-block h2.block-title a:hover,
.megamenu-pulldown-wrapper .block-menu-block h2.block-title a:active {
	text-decoration: underline;
}

.megamenu-pulldown-wrapper #block-bean-menu-alpha-search .alphaContainer{
  background-color: #fff;
}
.megamenu-pulldown-wrapper #block-bean-menu-alpha-search .alphaSearchBanner{
	width: 100%;
    height: auto;
    line-height: normal;
    padding: 10px 0 10px 0;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
}
.megamenu-pulldown-wrapper #disSearch3{
    height: 2.4rem;
    border: 1px solid gray;
    border-radius: 4px;
    background-color: #eed9ea;
    font-size: 16px;
    padding-left: 32px;
    color: #444;
}
.megamenu-pulldown-wrapper .input-wrapper:before {
  position: absolute;
  font-family: 'FontAwesome';
  top: 8px;
  left: 8px;
  content: "\f002";
  color: #a94294;
}

.megamenu-pulldown-wrapper #block-bean-menu-alpha-search .alphaText{
  color: #2b2b2b;
}
.megamenu-pulldown-wrapper #block-bean-menu-alpha-search .alphaText a{
  color: #004fba;
}
.megamenu-pulldown-wrapper #block-bean-menu-alpha-search .alphaText a:hover,
.megamenu-pulldown-wrapper #block-bean-menu-alpha-search .alphaContainer li a:hover {
  color: #103881;
}
.megamenu-pulldown-wrapper #block-bean-menu-alpha-search .alphaContainer li {
    border-right: .5px solid lightgrey;
    color: #2b2b2b;
}
.megamenu-pulldown-wrapper #block-bean-menu-alpha-search .alphaContainer li a {
    color: #2b2b2b;
    text-decoration: underline;
}
.megamenu-pulldown-wrapper #block-bean-menu-alpha-search #AlphSearch3 input{
	width:100%;
}
#AlphSearch3 div.input-wrapper{
  display:block;
}
.megamenu-pulldown-wrapper .alphaSearchBanner
{
	width: 100%;
    height: auto;
    line-height: normal;
    padding: 10px 0 10px 0;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.megamenu-pulldown-wrapper .alphaContainer{
	background-color: #a74593;
    width: 90%;
    height: auto;
	opacity: 1;
}

.megamenu-pulldown-wrapper .alphaSearchTextbox {
    margin-bottom: 15px;
	text-align: left;
}

.megamenu-pulldown-wrapper .menu-block-wrapper ul{
	padding:0;
	margin:0;
}
.megamenu-pulldown-wrapper .menu-block-wrapper ul li{
	font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
	color: #f8f8f8;
	border:none;
	padding:0;
	margin-bottom: 6px;
	line-height: 16px;
}
.megamenu-pulldown-wrapper .menu-block-wrapper ul li.collapsed{
	list-style:none;

}
.megamenu-pulldown-wrapper ul ul{
	padding:0;
	margin:0;
}

.megamenu-pulldown-wrapper figure{

}

#megamenu-mainmenu div.mainmenu-item{
	  background-color: #103881;
    margin-top: 18px;
	  color: #00008B;
    font-weight: 600;
    font-size: 18px;
    text-shadow: none;
    bottom: 0;
	  line-height: 14px;
  	padding: 0;
}

#megamenu-mainmenu div.mainmenu-item .inner a:after {
    font-family: 'FontAwesome';
    content: '\f0d7';
    color: white;
    padding-left: 8px;
    font-weight: normal;
}

#megamenu-mainmenu div.mainmenu-item.last{
    border-right: none;
}

.megamenu-pulldown-wrapper {
    margin-top: 15px;
}

.megamenu-pulldown-wrapper .bean-mega-menu-featured-content .field-name-field-mega-menu-fc-url{
	margin-left:5%;
	padding-top:10px;
}

.megamenu-pulldown-wrapper .bean-mega-menu-featured-content .field-name-field-mega-menu-fc-url a{
	color: #f8f8f8;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
	font-weight:Bold;
	line-height: normal;
}
.megamenu-pulldown-wrapper .bean-mega-menu-featured-content {
  background-color: #a94294;
  border-radius: 10px;
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.megamenu-pulldown-wrapper .bean-mega-menu-featured-content .content{
  position: absolute;
  top: 0;
  padding: 12% 12% 0px 12%;
  overflow: hidden;
  height: 90%;
  line-height: normal;
}
.megamenu-pulldown-wrapper .bean-mega-menu-featured-content .content img{
  width: 100%;
}

.megamenu-pulldown-wrapper .column {
    padding-left: 15px;
    padding-right:15px;
}
#megamenu-framework-pulldown-disorders_menu .bean-mega-menu-featured-content,
#megamenu-framework-pulldown-news__events_menu .bean-mega-menu-featured-content{
  width: auto;
  margin-right: 22.5%;
  padding-top: 77.5%;
}

/*/////////////////TB GROUP HEADER//////*/
#edit-submit{

}
/*///////////////////////////////////////////*/
/*////////////////////////Sidebar Content  Navbar News and Events////////////////////////*/

.region-sidebar-first .block-menu-block .block-title{
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
	padding-bottom:5px;
	margin-bottom: 10px;
}
.region-sidebar-first .block-menu-block .block-title a {
	color:#444444;
	text-decoration:none;
}
.region-sidebar-first .block-menu-block .menu-block-wrapper ul{
	margin:0;
	padding:0;
}

.region-sidebar-first .block-menu-block .menu-block-wrapper li{
	font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: normal;
  padding-right: 15px;
}

.region-sidebar-first .block-menu-block .menu-block-wrapper li a{
	color: #004fba;
    font-weight: 600;
    text-decoration: none;
    font-size: 15px;
}
.region-sidebar-first .block-menu-block .menu-block-wrapper li a:hover{
	color:#003173;
	text-decoration: underline;
}
.block-menu-block .block-title {
    color: black;
    border-bottom: 2px solid #DCDCDC;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    margin-right: 25px;
}
.block-menu-block{
	margin-bottom:20px;
}

.mm-list a.mm-subopen, #cboxPrevious, #cboxNext, #cboxSlideshow
{

font-size:0px !important;
}


ul.menu li.active-trail a{
    margin-left: -8px;
    border-left: 4px solid #a74593;
    padding-left: 5px;
}



ul li.leaf {
    list-style-type: none;
    list-style-image: none;

	/***Added Pad for Left Nav***/
	padding-bottom: 10px;
}
/*//////////////////////////////////////////////////////////////////////*/
/*///////////////////// Udall-Centers table////////////*/
#udallctr {
  width: 555px;
}

#udallctr div.clear{
   clear:both;
  }
#udallctr div.left, #udallctr div.right {
  float:left;  height:95px;
}
#udallctr div.left {
  width: 200px;
}

#udallctr div.right {
  width:350px;
}
/*////////////////////////////////////////////////*/

/*///////////////////////////////////////Landing page - banner/////////////////////////*/
.lp-banner-title
{
	width:30%;
	float:left;
	background-color:#0a589a;
	height:200px;
}
.lp-banner-slider
{
	width:60%;
	float:left;
	background:rgba(255,255,255,.1);
}


/*///////////////////////////////////////Landing page - banner end/////////////////////*/
/*///////////////////////////////////Mobile Slider Testing ///////*/

.ulSlider:after {
    content: "";
    clear: both;
    display: inline-block;
    height: 50px;
}
.horizontal_scroll_wrap {
    width: 350px;
    overflow: hidden;
    display: inline-block;
}
.horizontal_scroll_wrap > .scroller {
    /*this will need to be set to the number of elements * element_width */

    width: 100%;
    height: 100%;
}
.horizontal_scroll_wrap > .scroller > ul {
    list-style-type: none;
    height: 100%;
    width: 1380px;
    height: 50px;
    padding: 0;
    margin: 0;
}
.horizontal_scroll_wrap > .scroller > ul > li {
    float: left;
    box-sizing: border-box;
}
#example_1.horizontal_scroll_wrap > .scroller > ul > li {
    width: 50px;
    height: 50px;
    background-color: #A74593;
    text-align: center;
    color: white;
    line-height: 50px;
}
#masterWrap {
    display: inline-block;
    position: relative;
}
.arrow-left {
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 10px 17.32px 10px 0;
    border-color: transparent white transparent transparent;
    background-color: #a74593;
}
/*////////////////////////////////////////End Slider //////////*/

.txtSearch {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 20px 10px 20px;
    border: solid #dedede 1px;
    text-decoration: none;
	height:30px;
    width: 70%;
}
.hr-blue {
    border-top: 3px solid #4da8f7;
}
.hr-grey{
	border-top: 3px solid #dedede;
}
.bean-banner-container{
    height: 65px;
	line-height:20px !important;
}

.bean-banner-title{
	background-color:#103881;
    color: white !important;
	font-family:"EB Garamond";
	line-height:25px;
	font-weight:normal !important;
	margin-top:0px;
	padding: 15px 20px;
	}

.bean-banner-title h1{
    color: white !important;
	font-family:"EB Garamond";
	line-height:25px;
	font-weight:normal !important;
	margin:0px;

}


.bean-banner-subtitle {
    color: white;
}


.lp-banner-text {} .lp-banner-slideshow {}

	#page-title {
    display:none;
}

.view-grouping .view-grouping-header
{border-top:2px solid #d7d7d7;}

/*/////////////////////////////////////Disorders test ///////////////////////////////*/

.block-menu-block {
	font-style:normal!important;
}
.print-icon{
	float:right;
	!background-color:#103881;
	color:#004fba;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
	font-weight:700!important;
    text-transform: uppercase!important;
}


.print-icon:after{
	content: "print";
	float:right;
}
.print-icon:press{
color:#103881;
}
.print-icon:hover{
color:#103881;
!color:red;
}

.field-name-field-ninds-print{
	width:40px !important;
	float:right!important;
}
.print-icon span{
	display:none;
}
.button-container {
    width: 325px;
    height: 60px;
    border: black solid 2px;
}


#button-row1 {
    width: 50px;
    height: 50px;
    border: black solid 2px;
    float: left;
}
#button-row2 {
    width: 50px;
    height: 50px;
    border: black solid 2px;
    float: left;
}
#button-row3 {
    width: 50px;
    height: 50px;
    border: black solid 2px;
    float: left;
}
.row1 {
    width: 325px;
    height: 60px;
    border: black solid 2px;
}
.row2 {
    width: 325px;
    height: 60px;
    border: black solid 2px;
}
.row3 {
    width: 325px;
    height: 60px;
    border: black solid 2px;
}
.definition-r1 {
    width: 100px;
    height: 50px;
    border: grey solid 2px;
    float: left;
}
.treatment-r1 {
    width: 100px;
    height: 50px;
    border: grey solid 2px;
    float: right;
}
.prognosis-r2 {
    width: 100px;
    height: 50px;
    border: grey solid 2px;
    float: left;
}
.clinical-trials-r2 {
    width: 100px;
    height: 50px;
    border: grey solid 2px;
    float: right;
}
.organizations-r3 {
    width: 100px;
    height: 50px;
    border: grey solid 2px;
    float: left;
}
.publications-r3 {
    width: 100px;
    height: 50px;
    border: grey solid 2px;
    float: right;
}
.disorders-container {
    width: 325px;
    height: 200px;
    border: blue solid 2px;
}

.disorder-print{
	display:none;
}
.cb-bio-less{
	display:none;
}
.dis-header-research{
	width: 60%!important;
	padding-right:20px;
	}
.search-disorder{
	width: 35%!important;
	min-width:351px;
	float:left;
}
.cb-bio-less, .cb-bio-anch{
	cursor: pointer;
}

#search-text-disorders{
	width:65%;
}
/***********************TRAINING AND CAREER LP****************************/
#tc-nav-1:hover{
		background-image: url(../images/icon1white.svg);
}
#tc-nav-2:hover{
		background-image: url(../images/icon2.svg);
}
#tc-nav-3:hover{
		background-image: url(../images/icon3white.svg);
}

.TC-nav-object:hover{
		background-repeat:no-repeat;
    background-position-x:center;
    background-position-y:10%;
		!text-align:center;
		display:block;
		margin:auto;
}

.nav-text{
		margin-top:50px;
}
.svg-image .nav-text{
  margin-top:0;
}

.TC-nav-object.svg-image object{
  pointer-events: none;
}

.TC-nav-object{
	  background-repeat:no-repeat;
    background-position-x:center;
    background-position-y:10%;
		!text-align:center;
		display:block;
		margin:auto;
}

	#tc-nav-1{
		background-image:url(../images/TChs.svg);
	}
		#tc-nav-2{
		background-image:url(../images/TCpt.svg);
	}
		#tc-nav-3{
		background-image:url(../images/TCpd.svg);
	}

  .TC-inline-nav a {
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        color:#444444;
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
  }

  .TC-inline-nav:hover{
    color:white;
  }

  .TC-nav-object:hover {
        text-align:center;
        background-color:#a74593;
        color: #ffffff;
  }


.TC-nav-mobile{
	display:none;
}
.TC-banner{
	width:100%;
}
.TC-banner img{
	margin:auto;
	display:block;
}
.TC-banner-inner{
	display:block;
	margin:auto;
}
.TC-nav-image{
	display:block;
	margin:auto;
}
.TC-nav-object{
	text-align:center;
	padding:.5em;
	min-height:130px;
  float: left;
  width: 14%;
  position:relative;
}
.TC-header{
	margin-bottom:20px;
	margin-top:20px;
}
.TC-nav-object:before{
	content: '';
    border-right: 2px solid #dedede;
    position: absolute;
    height: 75px;
    left: 0;
    top: 10;

}
#tc-nav-1:before{
	border:none;
}

.TC-object-last{
	padding:20px;
	background-color:#C8E2FC;
	margin-top:30px;
}
.TC-object{
	margin-right:5%;
	width:45%!important;
	margin-bottom:15px;
}
.TC-object-last .TC-notes{
	float:none;
	width:100%;
	margin-bottom:15px;
}
.TC-object-last .TC-pac{
	margin-right:80px;
}

.TC-item{
  margin-top:30px;
}

.mechanism-awards .awards-border{
  display: inline-block;
  margin-right: 5px;
  border: 2px solid #3D78C9;
  padding: 5px;
  color: #3D78C9;
  margin-bottom: 5px;
}

.mechanism-awards-body{
	padding-top:10px;
	margin-bottom:20px;
}

#block-bean-training-career-related-resource{
	margin-bottom: 20px;
    width: 100%;
}

#block-bean-training-career-related-resource .block-title{
	display:block;
	background-image: url(../images/sidebar_dark_bg.jpg);
    background-position: 0px 75px;
    background-color: #00569c;
	color: white;
    padding: 10px 30px;
    font-size: 22px;
}
#block-bean-training-career-related-resource .field-name-field-body{
    background-color: #ececec;
    padding: 30px;
}
#block-bean-training-career-related-resource .field-name-field-body p:first-child{
	margin-top:0;
}
#block-bean-training-career-related-resource .field-name-field-body p:last-child{
	margin-bottom:0;
}
/**********************END TRAINING AND CAREER LP*************************/

/********************** START Awards + Grants ****************************/
.award-code{
  border: 3px solid #3D78C9;
  font-size: 26px;
  color: #3d78C9;
  padding: 12px;
  text-transform: uppercase;
  text-align: center;
  max-width: 80px;
  min-height: 70px;
}

.award-code.diversity{
  background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 25%, #e6c8e0 100%);
  font-size:24px;
  padding: 12px 7px;
}

.award-code.long{
  font-size: 20px;
  padding: 5px 10px;
}

.award-title{
    font-size: 25px;
}
.award-title h2{
  color:#103881;
}

.award-title a{
    text-decoration:none;
    color:#004FBA;
}

.view-training-career-development .views-row {
	margin-bottom:25px;
}
.view-training-career-development .view-header{
  margin-bottom:10px;
}

.award-body{
	margin-top:45px;
}

.award-dates div{
	display:inline;
}
.award-body .field {
	margin-bottom:15px;
}

/********************** END Awards + Grants   ****************************/

/***********************DISORDERS MOBILE **********************************/


.ThirdAccordian{
	margin-bottom:20px;
}

.right-rail-primary-container, .right-rail-secondary-container {
    margin-bottom: 20px;
	width:100%;
}
.right-rail-primary-title, .right-rail-secondary-title, .field-name-field-events-right-rail .block-title, #block-views-events-reference-view-block--2 .block-title{
    color: white;
    padding: 10px 30px;
	background-color: #103881;
	font-size: 22px;
}

.right-rail-primary-title {
	background-image: url(../images/sidebar_dark_bg.jpg);
	background-position: 0px 75px;
	background-color: #00569c;
}

.right-rail-secondary-title, .field-name-field-events-right-rail .block-title, #block-views-events-reference-view-block--2 .block-title {
	background-image: url(../images/sidebar_light_bg.jpg);
	background-position: 0px 75px;
	background-color: #1C78C8;
}
.right-rail-primary-body, .right-rail-secondary-body{
	background-color: #ececec;
	padding: 30px;
}
.events-right-rail-object{
	background-color:#ececec;
	padding:5px 30px 5px 30px;
}
.right-rail-primary-body p:first-child, .right-rail-secondary-body p:first-child {
	margin-top: 0;
}
.right-rail-primary-body p:last-child, .right-rail-secondary-body p:last-child {
	margin-bottom: 0;
}
.right-rail-primary-body .form-text, .right-rail-secondary-body .form-text {
    width: 100%;
}

.region-sidebar-second .block-title{
	display:none;
}
.events-right-rail-link {
	margin-top: 1em;
}

/***Secondary Landing Page***/
	.lp2-list-item{
		border-bottom: 1px dotted #D3D7D9;
		margin-bottom: 10px;
		padding: 1em 0 0.3em 0;
	}
	.ninds-list-row {
        margin-bottom: 10px;
    }

	#landingpage-main-content .ninds-list-row{
		margin:30px 0px 30px 0px;
	}

    .ninds-list-image img {
		width:100%;
		height:17vw;
		max-width:122px;
		max-height:122px;
		object-fit:cover;
    }


   .ninds-list-content {
		width: calc(79% - 2em);
		float: left;
   }

   .ninds-list-title {
        display:inline-block;
   }
	.ninds-list-title a {
		text-decoration: none;
	}
	.ninds-list-title a:focus,
	.ninds-list-title a:hover,
	.ninds-list-title a:active {
		text-decoration: underline;
	}

    .ninds-list-date {
        min-height: 25px;
	}

    .ninds-list-summary{
        padding-bottom: 20px;
    }

    .view-ninds-events-view .ninds-list-title{
        width: calc(79.75% - 1.2em);
    }
	.view-ninds-events-view .ninds-list-summary {
		width:unset!important;
		float: right;
	}
	.view-ninds-events-view    .ninds-list-date {
		float: right;
	}
	.ninds-list-register a{
		margin-top:0;

	}
  .post-event-summary{
    clear:both;
  }
	.ninds-list-link {
    }

	.ninds-list-fullwidth{
		width:100% !important;
	}

	.ninds-list-odd{
		clear:both;
		margin-bottom:30px;
	}

	.ninds-list-even{
		clear:both;
		margin-bottom:30px;
    }

	/***End of NINDS List Page***/

  .landing-page-image {
    width: 20%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  .landing-page-image {
    width: 20%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
  }

  .landing-page-image img {
    width: 100%;
    height: auto;
    max-height: 190px;
    max-width: 170px;
  }

  .landing-page-item {
    width: 80%;
  }
  .landing-page-item h2 {
	  margin-top: 0;
  }


    /*Phi's overrrides*/

    .container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .panels-flexible-ninds_home_page .panels-flexible-column-inside-first {
        padding-right: 0 !important;
    }
    .panels-flexible-region-ninds_home_page-home_page___take_me_to___region {
        width: 100% !important;
    }

	.pane-bean-home-page-takemeto, div.homepage-takemeto{
		margin-bottom: 25px;
	}
    /*The End of Phi's overrrides*/


/*///////////////////////Alphabet Searchbox///////////////////////////////////////////////////////////*/
 .alphaContainer {
    width: 300px;
    height: 225px;
    background: #853775;
    /*opacity: .9;*/
  }


    .alphaContainer a, .alphaContainer a:hover, .alphaContainer a:focus {
		color: #ffffff;
	}

  .alphaSearchBanner {
    padding-left: 25px;
    width: 300px;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: white;
    background: #a74593;
    line-height: 40px;
    opacity: 5 !important;
  }

  .alphaText {
    margin-left: 25px;
    height: 40px;
    color: white;
    font-size: 12px;
    line-height: 45px;
    float: left;
  }

  .alphaSearchTextbox {
    text-align: center;
  }

  .alphaSearch {
    float: left;
    width: 80%;
    color: white;
    font-size: 12px;
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
    margin-left: 10px;
  }

  .alphaContainer ul {
    text-align: center;
    overflow: hidden;
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    width: 100%;
    margin: auto;
  }

  .alphaContainer li {
    float: left;
    margin-bottom: 1px;
    border-right: .5px solid #74254d;
    font-size: 13px;
    display: inline-block;
    width: 11%;
	text-align: center;
	color:#dac2d7;
  }

  .alphaContainer li a {
    color: white;
    text-decoration: underline;
  }

  .alphaContainer li:nth-child(10) {
    clear: left;
  }

  .alphaContainer li:nth-child(9) {
    border-right: none;
  }

  .alphaContainer li:nth-child(19) {
    clear: left;
  }

  .alphaContainer li:nth-child(18) {
    border-right: none;
  }

  .alphaSearch form {
    width: 200px;
    margin: 5px auto;
  }

  .alphaSearch search {
    padding: 8px 15px;
    background: rgba(50, 50, 50, 0.2);
    border: 0 solid #dbdbdb;
  }

  .alphaSearch button {
    position: relative;
    padding: 6px 15px;
    left: -8px;
    border: 2px solid #207cca;
    background-color: #207cca;
    color: #fafafa;
  }

  #AlphSearch input, #AlphSearch1 input, #AlphSearch3 input  {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    color: #444;
    font: 12px;
    width: 225px;
    height: 35px;
    margin: auto;
    padding: 10px;
    transition: background 0.3s ease-in-out 0s;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  #AlphSearch button, #AlphSearch1 button, #AlphSearch3 button  {
    cursor: pointer;
    height: 35px;
    width: 35px;
    border: 2px solid #d9d9d9;
    vertical-align: bottom;
    background: #d9d9d9;
    background-image: url(../images/arrow-right-gray.png);
    transform: scale(1.0);
    background-position: center;
    background-repeat: no-repeat;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  .search-label{
	  position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
  }

/*//////////////////////////////////////////////////AlphaSearch END/////*/

/*///////////////////////////////////////////////////////Footer//////////////////////////////////*/


  .FooterBox {
    float: left;
    width: 25%;
  }

  .FooterBox p {
    width: 200px;
  }

  .FooterBox a {
    color: white;
}

.FooterBox a:hover{
    color: #a4c9fc;
}



  .FooterBoxSocial {
    padding-right: 50px;
    float: left;
    width: 25%;
  }

  .iconInline {

  }


/*////////////////////////////////////////////////////////END FOOTER/////////////////////////////////*/






	/*Home Page*/
    .panels-flexible-row-ninds_home_page-1{
		background-color: #0c257a;
        background-image: url(../images/hero_banner2.png);
		background-size: cover;
		color: #ffffff;
    }


    .view-directors-messages{
        margin-top:25px;
    }

/***************** DECISION TREE CSS ***************************************/
.dtBoxQuestion{
	padding: 20px;
  display: none;
  margin: 0 auto;
}

.dtBoxQuestion:first-of-type{
  display: block;
}
.dtBoxHeader{
    margin-bottom: 30px;
    margin-left: 13%;
}
.dtBoxHeader h2{
  font-size: 24px;
}
.dtButton{
	width: 75%;
	margin: 5px auto 0px;
	background-color: #f4f4f4;
	border-radius: 4px;
	border: none;
	color: #004fba;
	text-align: left;
  display: block;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 600;
  border-left: 7px solid transparent;
}
.dtButton:hover{
  border-left: 7px solid #a74593;
}
.navBox{
  margin-bottom: 25px;
  display:none;
  text-align: center;
}
.navBox .dtNav .fa-chevron-left{
  font-size: 9px;
  line-height: 10px;
  vertical-align: middle;
}
.dtNav{
  text-transform: none;
  background: #fff;
}
/***************** END DECISION TREE ****************/

/*********************************DISORDER PAGE***************************************/

    .disorder-banner{

        background-image: url(../images/hero_banner2.png);
		background-size: cover;
    }



    .disorder-page-nav, .TC-nav{
        margin:auto;
        width:80%;
        overflow: hidden;
        padding-bottom: 15px;
    }
	.TC-nav{
		width:90% !important;
	}
    .disorder-page-nav-item{
        width:16%;
        border-right: 1px solid #dedede;

    }

    .disorder-page-nav-image{
        width:100%;
        text-align:center;
        line-height:2;
        padding-top:5px;
        margin-top:30px;
        border-right: 2px solid #dedede;
    }
    .disorder-page-nav-image-pub{
        width:100%;
        text-align:center;
        line-height:2;
        padding-top:5px;
        margin-top:30px;
        border-right: none;
    }


    .disorder-page-nav-text{
        width:100%;
        text-align:center;
        margin-top:-15px;
    }

    .disorder-main{
        background-color:#EFECE7;
        overflow:hidden;
        padding-top:30px;
    }

    .disorder-related{
        background-color:#dad5cf;
        overflow:hidden;
        padding-top:30px;

    }
    .disorder-related-title{

        padding-left:44px;

    }

    .disorder-row{
        padding: 29px;
        overflow: hidden;
        background-color:#EFECE7;
    }

    .disorder-card {
        background-color: white;
        width:48%;
        min-height:400px;

    }

    .disorder-card:nth-child(odd) {
        float: left;
    }

    .disorder-card:nth-child(even) {
        float: right;
    }

    .disorder-menu-image{
        position:absolute;
        margin-left:20px;
        margin-top: -35px;

    }
    .disorder-title{
        height:45px;
        line-height:35px;
        padding-top:10px;
        color: #ffffff;
        padding-left: 20px;
        font-size:1.6em;
        font-weight: bold;
    }

    .disorder-body{
        padding:15px;
        overflow:hidden;
    }

	.disorder-body-wrapper{
    -webkit-column-width: 500px;
    column-width: 500px;
	}

		.disorder-body-mobile, .dis-res-mob{
		display:none;
	}



	    .dis-org-pop {
        background-color: white;
        width:100%;
        height:100%;
    }
	#dis-org-slide{
			display:none;
	}
	#org-slide{
		background-color:white;
		border:none;
		color:#004fba;
	}
	#org-slide:hover
	{
		color: #103881;
	}
    .disorder-body{
        padding:15px;
        overflow:hidden;
    }
#dis-org-slide .disorder-body{
	height:100%;
}
    /*//////////////////////////////////////////////////////////////////*/

	/*///////////////////////////CLINICAL TRIALS///////////////////////*/
	/*///////////////////////////CLINICAL TRIALS///////////////////////*/
	/*///////////////////////////CLINICAL TRIALS///////////////////////*/
	.bef-tree{
		list-style-type:none;
                display: inline-flex;
	}
	.bef-tree ul li{
		display:block;
                padding-right: 6.5em;
	}
	.form-item-edit-term-node-tid-depth-2430 label.option, .form-item-edit-term-node-tid-depth-2434 label.option {
		font-weight:700;
	}


	#views-exposed-form-find-ninds-clinical-trials-page .funding-opps-search{
		display:inline-block;
		width:100%;
	}
	#edit-submit-find-ninds-clinical-trials{
		width:135px;
		margin-top:25px!important;
	}
	#views-exposed-form-find-ninds-clinical-trials-page .reset-link{
		display:inline-block;
		margin-top:38px;
		margin-left:15px;
	}
	.views-exposed-form  .funding-opps-search .views-exposed-widget
{
	!float:none!important;
}

	#block-bean-clinical-trials-highlighted-deta {
		background-color: #ececec;
		padding: 15px;
		margin-bottom: 20px;
	}
/*///////////////////////////CLINICAL TRIALS///////////////////////*/
/*///////////////////////////CLINICAL TRIALS///////////////////////*/
/*///////////////////////////CLINICAL TRIALS///////////////////////*/


    /*////////////////////////////TIMS DISORDERS //////////////////////////*/
	.dis-search-header
	{
		font-size:18px;
		font-family: 'Source Sans Pro';
		color: #444;
		font-weight:700;
	}
	.disorders-research-header {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight:bold;
		color: #103881;
		font-size:19px;
		padding-bottom:2%;
	}

    .disorder-title-res,
	.disorder-title-def,
	.disorder-title-pop,
	.disorder-title-tre,
	.disorder-title-tre-popup,
	.disorder-title-pro,
	.disorder-title-cli,
	.disorder-title-org,
	.disorder-title-pub,
	.disorder-title-def-active,
	.disorder-title-tre-active,
	.disorder-title-pro-active,
	.disorder-title-cli-active,
	.disorder-title-org-active,
	.disorder-title-pub-active {
		min-height:45px;
		line-height:35px;
		padding-top:10px;
		color: #ffffff;
		padding-left: 20px;
		font-size:1.6em;
		font-weight: bold;
	}

	.disorder-title-res,
	.disorder-title-def,
	.disorder-title-pop,
	.disorder-title-tre,
	.disorder-title-tre-popup,
	.disorder-title-pro,
	.disorder-title-cli,
	.disorder-title-org,
	.disorder-title-pub {
        background-color:#1c78c8;
    }

    .disorder-title-def-active,
	.disorder-title-tre-active,
	.disorder-title-pro-active,
	.disorder-title-cli-active,
	.disorder-title-org-active,
	.disorder-title-pub-active {
        background-color:#a84794;
    }

    .disorder-page-nav-image-image-def {
        width:50px;
        height:auto;
        text-align:center;
        background-color: #ffffff;
        border-radius:50%;
    }

    .disorder-page-nav-image-image-tre {
        width:50px;
        height:auto;
        text-align:center;
        background-color: #ffffff;
        border-radius:50%;
    }

    .disorder-page-nav-image-image-pro {
        width:50px;
        height:auto;
        text-align:center;
        background-color: #ffffff;
        border-radius:50%;
    }

    .disorder-page-nav-image-image-cli {
        width:50px;
        height:auto;
        text-align:center;
        background-color: #ffffff;
        border-radius:50%;
    }

    .disorder-page-nav-image-image-org {
        width:50px;
        height:auto;
        text-align:center;
        background-color: #ffffff;
        border-radius:50%;
    }

    .disorder-page-nav-image-image-pub {
        width:50px;
        height:auto;
        text-align:center;
        background-color: #ffffff;
        border-radius:50%;
    }

    .disorder-page-nav-item-def {
        background-image:url(../images/definition-default.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
    }

    .disorder-page-nav-item-def-active {
        background-image:url(../images/definition-active.png) !important;
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
    }

    .disorder-page-nav-item-def:hover {
        background-image:url(../images/definition-hover.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
        background-color:#a74593;
        color: #ffffff;
    }

    .disorder-page-nav-item-tre {
        background-image:url(../images/treatment-default.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
    }

    .disorder-page-nav-item-tre-active {
        background-image:url(../images/treatment-active.png) !important;
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
    }

    .disorder-page-nav-item-tre:hover {
        background-image:url(../images/treatment-hover.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
        background-color:#a74593;
        color: #ffffff;
    }

    .disorder-page-nav-item-pro {
        background-image:url(../images/prognosis-default.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
    }

    .disorder-page-nav-item-pro-active {
        background-image:url(../images/prognosis-active.png) !important;
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
    }

    .disorder-page-nav-item-pro:hover {
        background-image:url(../images/prognosis-hover.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
        background-color:#a74593;
        color: #ffffff;
    }

    .disorder-page-nav-item-cli {
        background-image:url(../images/clinical-trials-default.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
    }

    .disorder-page-nav-item-cli-active {
        background-image:url(../images/clinical-trials-active.png) !important;
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
    }

    .disorder-page-nav-item-cli:hover {
        background-image:url(../images/clinical-trials-hover.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
        background-color:#a74593;
        color: #ffffff;
    }

    .disorder-page-nav-item-org {
        background-image:url(../images/organizations-default.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
    }

    .disorder-page-nav-item-org-active {
        background-image:url(../images/organizations-active.png) !important;
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
    }

    .disorder-page-nav-item-org:hover {
        background-image:url(../images/organizations-hover.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
        background-color:#a74593;
        color: #ffffff;
    }

    .disorder-page-nav-item-pub {
        background-image:url(../images/publications-default.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
    }

    .disorder-page-nav-item-pub-active {
        background-image:url(../images/publications-active.png) !important;
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
    }

    .disorder-page-nav-item-pub:hover {
        background-image:url(../images/publications-hover.png);
        background-repeat:no-repeat;
        background-position-x:center;
        background-position-y:25%;
        height:85px;
        width:16%;
        text-align:center;
        background-color:#a74593;
        color: #ffffff;
    }

    .disorder-view-all {
        padding:15px;
        display:block;
        background-color: #ffffff;
    }

    .disorder-pop-btn, .dis-research-btn {
       /* background-image: url(../images/arrow-right-purple.png);
        transform: scale(1.0);
        background-position:right;
        background-repeat:no-repeat;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;*/
        padding-right:30px;
        background-color: Transparent;
        border: none;
        cursor:pointer;
        overflow: hidden;
        outline:none;
        margin-right:2%;
        margin-top:0;
        color: #103881;
    	height:30px;
    	font-weight:bold;
		text-decoration:none;
    }
	.disorder-pop-btn{
		        float:right;
	}
	.dis-research-btn{
		float:left;
	}
	.disorders-action a:after {
	font-family: 'FontAwesome';
	content: '\f18e';
	color: #a74593;
    padding-left: 10px;
    font-weight: normal;
	}

img[src=''], img:not([src])      {opacity:0;}
	#view-full-def, #view-full-tre, #view-full-pro, #view-order-ninds{
		margin-top:-3%;
	}

	#view-hope-through-research a, #view-hope-through-research-pop a, #view-fact-sheet a, #view-fact-sheet-pop a, #view-order-ninds a {
		color:#103881;
		text-decoration:none;
	}
	#view-order-ninds {
		text-decoration:none;
	}
	.fact-sheet-intro{
		color: #0000;
		font-size:3;
		font: "Calibri";
	}

	.close {
		opacity:10;
	}

    .treatment-link {
		width:400px;
		float:right;
		margin-top:-5%;
	}

    .disorder-pop {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }

    .disorder-body-pop {
        overflow-y:scroll;
        padding:15px;
        height:400px;
    }

    .dis-pop-cont {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        border: 1px solid #888;
        width: 50%;
        top:10%;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        -webkit-animation-name: zoom;
        -webkit-animation-duration: 0.4s;
        animation-name: zoom;
        animation-duration: 0.4s
    }

    .show-read-more .more-text {
    	display:none;
    }

    /* Add Animation */

    @-webkit-keyframes zoom {
      from {
        -webkit-transform: scale(0)
      }
      to {
        -webkit-transform: scale(1)
      }
    }

    @keyframes zoom {
      from {
        transform: scale(0)
      }
      to {
        transform: scale(1)
      }
    }


    /* The Close Button */

    .close {
      color: white;
      float: right;
      font-size: 28px;
      font-weight: bold;
    }

    .close:hover,
    .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }


    .disorders-promo {
        width:100%;
        height:100%;
        padding-left:25px;
        padding-right:25px;
    }

.view-disorders-publications .views-field-body p:last-of-type{
  margin-bottom:0;
}

.view-disorders-publications .views-row{
  margin-bottom:.75em;
}

/*///////////////////////////All DISORDER SEARCH BAR CSS  ////////////////////////*/

.view-all-disorders .view-content{
    padding: 20px 0;
}

#views-exposed-form-all-disorders-page .views-reset-button{
     margin: -6px 0;
}

    /*///////////////////////END TIMS DISORDERS/////////////////////////*/
/*///////////////////////////DISORDER END////////////////////////*/

    /*/////////////////////////////HOMEPAGE COMPS UPDATE///////////////////*/
/*News for Ninds padding*/

.panels-flexible-ninds_home_page .panels-flexible-region .link-spacing, .homepage-news-dir .link-spacing {
    padding-left:20px;
}

.panels-flexible-ninds_home_page .panels-flexible-region .more-link, .homepage-directorsmessage-container .more-link, .homepage-news-dir .more-link {
    padding-left:20px;
}




/*Accordion update */
/*


    /* Homepage Banner Size*/
    .panels-flexible-row-ninds_home_page-1-inside {
        height: 300px;
    }





    /*////////////////////////////END HOMEPAGE COMPS UPDATE///////////////*/


	/*////////////////////////Translational research //////////////////////////*/
.tr-2-col-header{
	padding: 20px 0px 20px 0px;
}
.tr-left-header, .tr-mid-header{
margin-right:20px;
}
.tr-2-col-header .two-column{
	width:50%;
}
.field-name-field-dtr-link{
	display:inline-block;
}

.three-column{
	width:33%;
}

.tr-left-header h2, .tr-mid-header h2, .tr-right-header h2{
  font-size: 22px;
}

/*
.tr-dt-icon{
	width:200px;
}
.tr-dt-row-text{
	width:75%;
	padding:20px;
}
.dt-icon-cl{
	max-width:65%;
	max-height:100px;
}
*/
.dt-icon-cl{
	padding:20px;
	width: 100%;
}
.tr-dt-row{
	background-color:#c4e2fc;
	display:inline-block;
	width:100%;

}
.tr-object-contact{
	display:inline-block;
}
.tr-object-contact .field-item{
    display: inline;
}
.tr-object-contact .field-item:before{
    content: ",\0020";
}
.tr-object-contact .field-item:first-child:before{
    content: "";
}
.tr-object-contact .field-name-field-tr-object-contact .field-items:before{
    content: "Contact:\0020";
}
.tr-contact-wrapper{
	padding-top:20px;
}
.tr-object-content, .tr-contact-wrapper, .tr-object-more{
    padding-left:20px;
    padding-right:20px;
}
.tr-object-more{
padding-bottom:20px;
}
.tr-object-content p{
	margin-bottom:0px;
}

.tr-object-more a:after{
text-decoration: none!important;
content: " \00bb";
display:inline-block;
padding-left:5px;
}
.dt-row{
	padding:20px;
}
.dt-row-left{
	width:25%;
}
.dt-row-right{
	width:75%;
	margin-top:20px;
}
.tr-object-header{
	background-image:url(../images/bg_translational_research_groups.jpg);
	background-position: center top !important;
    background-repeat: repeat-x;
	min-height:100px;
	padding:20px;
}
.tr-object-wrapper{
	border:1px solid #d7d7d7;
	!padding:20px;
	margin-top:20px;
}
	/*end Translational research /////////////////////////////////////*/
    /*/////////////////////////////Landingpage - Search ninds Staff ////////////////////////////*/

    .search-NINDS-staff-container {
        height: 125px;
        width: 300px;
        border: 3px solid #1c78c8;
    }
    .sns-banner {
        color: white;
        background: #1c78c8;
        height: 30px;
        width: 100%;
        vertical-align: center;
        font-weight: bold;
        text-indent: 1em;
        line-height: 30px;
    }
    #sns-button {
        background-image: url(../images/arrow-right-white.png);
        background-color: darkgrey;
        background-position: center;
        background-repeat: no-repeat;
        height: 40px;
        width: 40px;
        box-shadow: none;
        outline: 0;
        border: 1px solid darkgrey;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .sns-search {
        width: 200px;
        height: 40px;
        box-shadow: none;
        outline: 0;
        border: 1px solid darkgrey;
        vertical-align: top;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    #sns-Wrapper {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-top: 20px;
    }

	/*////////////////////////////////////////TESTING PAGER ///////////////////*/
     ul.pager li.pager-first {
        display: none;
    }
     ul.pager li.pager-last {
        display: none;
    }
    .pager li>a,
    .pager li>span {
        border-radius: 0;
        border: none;
        text-decoration: underline;
        padding: 0;
    }
ul.pager li.pager-item {
        padding: 1em;
    }
    ul.pager li.pager-current {
        color: purple;
        text-decoration: underline;
        padding: 1em;
    }
    ul.pager li {
        padding: 0;
    }
     ul.pager li.pager-ellipsis {
        display: none;
    }
    ul.pager li.pager-previous a {
        text-decoration: none;
        border: none;
    }
    ul.pager li.pager-next a {
        text-decoration: none;
        border: none;
    }

	.view-ninds-program-directors-bios-view .item-list .pager{
		padding-right:95px;
		padding-left:0px;
		display:block;
	}
    .item-list .pager {

        padding-top: 25px;
        padding-bottom: 50px;
    }

/*//////////////////////////////TESTING PAGER///////////////////////*/
 /***Site Pager***/

 .pager li {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }
    .pager li.odd {
        border-right: 2px solid #dedede;
    }
    .pager li.even {
        border-right: 2px solid #dedede;
    }
    .pager li.pager-current {
        border-right: 2px solid #dedede;
        height: 20px;
    }
    .pager li.pager-next {
        border: none;
    }
    .pager li.pager-previous {
        border: none;
    }

    .ninds-menu-funding {
        width: 100%;
        /*overflow:hidden;*/
    }
    #nihLogo {
        background-image: url(../images/NINDS_Logo_Small.png);
    }

  .block-secondary-landing-page---banner .block-inner{
	margin:0 !important;
}

    .bean-lp-banner-first{
            width: 30%;
            background-color:#1c78c8;
            height:200px;
            padding: 15px;
            color:white !important;
			float:left;
    }

    .lp-banner-text h1{
            color: #ffffff;
            font-family: 'EB Garamond', sans-serif;
			font-weight: normal;
			border-bottom: 3px solid #4da9f7;
			margin-top: 0;
      font-size: 30px;
    }
	.lp-banner-text p {
		padding-right: 20px;
	}

    .bean-lp-banner-second{
            width: 70%;
            /*padding:20px 40px;*/
            height:200px;
            color:white !important;
			background-image:url(../images/PrimaryLandingPageSliderBG.png);
			float:left;
		}

.acc-body{
  /*display: none;*/
  overflow:hidden;
  display:inline-block;
  height:50px;
}
.read-more{
  color: #0071BC;
  font-size: 15px;
  line-height: 24px;
  cursor: pointer;
  display: inline-block;

}
.cb-member-container, .collapsible-container{
  margin-top:20px;
  margin-bottom:10px;
}
.read-more.fa-plus:before{
  color:black;
  margin-right:10px;
}
.read-more.fa-minus:before{
  color:black;
  margin-right:10px;
  text-decoration:none;
}
    /***SlideShow***/
	.ssbttncss, .ss-button{
		visibility:hidden;
	}

    .slideshow-slide{
		font-size:18px;
		padding: 10px 75px 0px 75px !important;
    max-height:160px;
	}
ul.slideshow-indicators{
  padding:0 0 0 65px!important;
  transform:none!important;
  left:0!important;
}
    .slideshow-slide a{
		color:white;
		text-decoration: none;
	}

	.slideshow.slideshow-padding {
		/* padding-bottom: 40px; */
	}

	.slideshow-slide h1, .slideshow-slide h2 {
    color:white !important;
    font-family: "EB Garamond";
		margin-top: 0;
		font-weight: normal;
    font-size: 30px;
    }
	.slideshow-slide p {
		margin-bottom: 0;
	}

    .ss-container {
        width: 90%;
        height:100%;
    }

    .demo {
        height: 200px;
    }




    /***End of SlideShow***/


.tmt{
	width:25%;
	float:left;
	height:100px;
	text-align:center;
	vertical-align:middle;
	background-size: cover;
	display: table;
    border-top: 5px #49a1eb solid;

}

.tmt a{
	color:white;
	font-family: "EB Garamond";
	text-decoration:none;
    font-size: 22px;
	display: table-cell;
    vertical-align: middle;
}



.tmt img {
    width: 15px;
    height: 15px;
}



.tmt a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#164fd9+0,164fd9+100&0.7+0,0.4+100 */
background: -moz-linear-gradient(top,  rgba(22,79,217,0.7) 0%, rgba(22,79,217,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(22,79,217,0.7) 0%,rgba(22,79,217,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(22,79,217,0.7) 0%,rgba(22,79,217,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3164fd9', endColorstr='#66164fd9',GradientType=0 ); /* IE6-9 */

}



    /*////////////////////////////////////end TakeMeTo //////////////////////////////*/

    /*///////////////////////////////////////////////////////Footer//////////////////////////////////*/


    /*////////////////////////////////////////////////////////END FOOTER/////////////////////////////////*/
	/*///////////////////////////////////////////HTR GRID //////////////////////////////////////////////*/
	.view-htr-view .panel-2col .panel-col-first{
		width:25% !important;
	}
	.view-htr-view .views-view-grid td{
		display:inline-block;
		width:500px;
	}
	.view-htr-view .views-view-grid  {
		margin-left:15%;
	}
	/*///////////////////////////////////////////////END HTR GRID///////////////////////////////////*/
    /*//////////////////////////////////////////////////////////TGMENU//////////////////////////////////////////*/

  #leftLogo,
    #rightLogo {
    display: inline-block;
  }

	.wrapLogo {
		/*padding-left:50px;*/
		margin-top: 10px;
		width:100%;
		position: relative;
		height:50px;
    background-color: #103881;
	}

	.wrapLogoMob {
		display:none;
	}

	.logoInline {
		width:206px;
		height:50px;
		z-index:10;
    float:left;
    margin-top:10px;
	}

	.menuInline {
		width:100%;
		height: 50px;
		position:absolute;
		top: 0px;
		left: 0px;
		z-index:5;
		text-align:center;
	}
    /*/////////////////////////////////////////////////////////END TGMENU//////////////////////////////////////////*/

	.panel-separator {
		margin: 0 !important;
	}
    /*//////////////////////////////TAB //////////////////////////////*/


  .nindstabs {

  }


.tabs-menu {
    height: 30px;
    float: left;
    clear: both;
	color: #0c285a;
	margin-bottom: -1px;
    margin-top: -3px;
}

.tabs-menu li {
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px;
	list-style-type: none;
}

.tabs-menu li.current {
    position: relative;
	border-bottom: 5px solid purple;

    z-index: 5;

}

.tabs-menu li a {
    padding: 0px 10px;
    text-decoration: none;
}

.tabs-menu .current a {
    color: purple;
}

.tab {
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: auto;
    border-top: 1px solid #d4d4d1;
    border-bottom: 1px solid #d4d4d1;

	}

.tab-content {
    width: 100%;
    padding: 10px;
    display: none;
}

#tab-1 {
 display: block;
}


.ninds-two-tab-image {
  width:15%;
  height: 175px;
  float: left;
}

.ninds-two-tab-image img {
    width: 100%;
    height: 175px;
    object-fit: cover;
}
.ninds-two-tab-content {
    width: 45%;
    float: left;
    padding-left: 15px;
    padding-right: 10px;
}
.homepage-directorsmessage-col2 h2,
.ninds-two-tab-content h2 {
	margin-top: 0;
	font-size: 24px;
}
.ninds-two-tab-content a{
    text-decoration:underline;
}
.homepage-news-events .ninds-two-tab-view {
    width: 38%;
    float: left;
    padding-left: 5px;
    border-left: 1px solid #DEDEDE;
	text-decoration: underline;

	}
    /*//////////////////////////END TAB ////////////////////////////////*/


  #block-bean-banner-directors-message .h2 {
    display: none;
  }

  /*Home Page*/

  	.panels-flexible-row-ninds_home_page-1 {
		background-color: #0c257a;
        background-image: url(../images/hero_banner2.jpg);
		background-size: cover;
		margin: 0px -15px !important;
    }

	.panels-flexible-row-ninds_home_page-main-row-inside {
		padding-right: 0px;
		margin: 0px -15px;
	}
    .view-directors-messages {
        margin-top: 25px;
    }



.panels-flexible-region-ninds_home_page-home_page___take_me_to___region{
	width:100% !important;
}

/*The End of Phi's overrrides*/


/*////////////////////////////////////end TakeMeTo //////////////////////////////*/


/*///////////////////////////////////GLOBAL CHECKBOX///////////////////////////////*/



input[type='checkbox'] {
    opacity: 0;
    position: absolute;
}

input[type='checkbox'] , .option {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.option {
    position: relative;
}

input[type='checkbox']  + .option:before {
    content: '';
    background: #fff;
    border: 1px solid #d7d7ce;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
	border-radius:3px;
	font-family: 'Source Sans Pro', sans-serif;
}

input[type='checkbox']:checked + .option:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #a74593;
    color: #fff;
	font-size:12px !important;
}

.form-checkboxes .form-item, .form-radios .form-item{
	margin-left:15px;
	margin-bottom:2px;
}

input[type='checkbox']:focus + .option{
  outline: 1px solid #ddd;
}



html.js fieldset.collapsible .fieldset-legend{
	    background:url(../images/icon_arrow_close.svg)5px 65% no-repeat;
		!padding-left:35px;
	!-ms-transform: rotate(180deg); /* IE 9 */
   ! -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    !transform: rotate(180deg);
}
html.js fieldset.collapsed .fieldset-legend{
	    background-image:url(../images/icon_arrow_open.svg);
		background-position: 5px 50%;
}

.bef-select-as-checkboxes-fieldset legend{
	margin-bottom:0px;
}

.foa-search-results{
	background-color:#a74593;
	padding:8px;
	font-weight:bold;
	color:#FFF;
	width:100%;
	!margin-bottom:20px;
	font-size:18px;
}
.view-funding-announcement .view-header,.view-highlighted-clinical-trials-phi .view-header,.view-find-ninds-clinical-trials .view-header{
	margin-bottom:20px;
	font-size:13px;
	color:#606060;
	font-style:italic;
}



/*//////////////////////////////////END GLOBAL CHECKBOX////////////////////////////////*/

/*////////////////////////////////////Page Specific //////////////////////////////*/

/*Find a Funding Opportunity*/
.page-funding-find-funding-opportunities #edit-combine-wrapper, .page-funding-find-funding-opportunities #edit-submit-funding-announcement{
	float:none;
	display:none!important;
}

.views-exposed-form .views-exposed-widget .form-submit{
	margin-top: 2em;
}
.views-exposed-widget #edit-submit-all-disorders{
	margin-top:1.65em;
}

.foa-item{
  width:50%;
  float:left;
}

/**HOME PAGE**/
.panels-flexible-region-ninds_home_page-search_disorders{
		min-width: 305px;
}
.homepage-hero .block-home-page-slideshow {
  float: left;
  width: 66.2665%;
}
.homepage-hero .block-home-page---alpha-search{
  min-width: 305px;
  float: left;
  width: 32.7335%;
  padding-left: .5em;
}
.homepage-hero #block-bean-home-page-slideshow{
  color: white;
}

/*Views Collapsible Exposed Filter Widget*/
.views-exposed-form .views-exposed-widget {
    float: left;
    padding: .5em 1em 0 0;
}

.view-highlighted-clinical-trials-phi .alert-header,
.node-clinical-trials .alert-header{
    background: #DC143C;
    color: white;
}
.view-highlighted-clinical-trials-phi .alert-body,
.node-clinical-trials .alert-body{
        border-left: 3px solid #DCDCDC;
    border-bottom: 3px solid #DCDCDC;
    padding: 10px;
    border-right: 3px solid #DCDCDC;
}
span.glyphicon-alert{
    padding-left:15px;
}

.alert-header .alert-header-title{
    font-size: 22px;
    margin: 15px;
    display: inline-block;
}
.view-highlighted-clinical-trials-phi .views-field-field-alert h4{
    display: inline-block;
    margin: 15px;
}
.view-highlighted-clinical-trials-phi .views-field-field-alert-1 h3{
    display: inline-block;
}

.view-highlighted-clinical-trials-phi .views-field-field-alert-1 span.glyphicon-alert{
    color: #DC143C;
    top: -1px;
}


div.form-item form-type-textfield, .form-item-field-disorders-taxonomy-tags-tid, #autocomplete{
    background-color: #FFFFFF;
}

/*Find Funding Announcement*/

#edit-secondary-wrapper{
	width:50%;
}

/*BEF*/
.bef-secondary-options .form-item{
	min-width:200px;
}
.fieldset-title{
	font-weight:700;
	font-size:16px;
}

/*JQuery UI*/
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 0px;
    padding: 10px;
    min-height: 0;
    background-color: #ececec !important;
    border: 0px;
    background: none;
	padding-left:40px;
}



/* Mobile Alpha Slider */
.slywrap {
	background-color: #a74593;
	position: relative;
	display:none;
}

.slyframe {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}

.slyframe ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 44px;
  font-size: 18px;
  position: relative;
  /*left: 41px;*/
}

.slyframe ul li {
  float: left;
  width: 40px;
  height: 100%;
  margin: 0 1px 0 0;
  padding: 0;
  background: #853775;
  color: #ddd;
  text-align: center;
  cursor: pointer;
}

.slyframe ul li.active {
  color: #fff;
  background: #853775;
}

.slyframe a {
	color:#fff;
	text-decoration:none;
}

.slywrap button.slideshow-nav-btn {
	background-color: #ccc;
	top: 37px !important;
    height: 53px;
}

.sly-right, .sly-left{
	float: left;
    width: 25px;
    height: 50px;
    font-size: 33px;

	background: silver;
    border: 0;
    color: #fff;
    opacity: .5;

}
.sly-right{
	float: right;
}


/*Drupal Search*/
.search-info{
	display:none;
}


/*Media Icon*/
.ninds-media-icon {
    margin-left: 4px;
    margin-right: 1px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 12px/1.5em "Droid Sans",Trebuchet MS,Arial,Helvetica,sans-serif;
    background-color: #616066;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: 0;
    position: relative;
    top: -2px;
}


/*Clinical Trials in the Spotlight*/
.page-disorders-clinical-trials-highlighted-clinical-trials .views-exposed-form .form-item, .views-exposed-form .form-submit{
	width: 100%;

}
.page-disorders-clinical-trials-highlighted-clinical-trials .form-checkboxes .form-item, .form-radios .form-item{
	width: 47%;
	float: left;

}

html.js fieldset.collapsed .fieldset-legend {
/*    background-position: 15px 50%;*/
	padding-left:7px;
}

html.js fieldset.collapsible .fieldset-legend {
/*    background-position: 15px 50%;*/
	padding-left:7px;
}

label.option {
    display: inline-flex;
}

.form-checkboxes .form-item, .form-radios .form-item {
    margin-left: 15px;
    margin-bottom: -7px;
}

/* Webform Styles */
.node-type-webform .form-item .form-type-radio {
	float:none;
}

.node-type-webform .new-line label {
	display: block;
}
.webform-client-form label{
  min-width: 200px;
}

.webform-client-form .form-type-radio label{
  min-width: inherit;
}
.webform-client-form .grid input,
.webform-client-form .grid .form-select{
  width: 100%;
}

.webform-client-form  .form-select{
  width: inherit;
  min-width:30%
}
.webform-client-form label{
  display: inherit;
}
.webform-client-form .webform-container-inline label{
  display: inline-block;
}
.webform-client-form .webform-grid-option{
  display: table-cell;
}
.webform-client-form .webform-grid-option .checkbox{
  display: inline-block;
}
/* LANDIS Webform field styles */
.webform-component--nominator-info label,
.webform-component--your-information label,
.webform-component--nominate-a-mentor label,
.webform-component--overview label {
	display: inline-block;
	margin-right: 0;
}

.webform-component--nominator-info select,
.webform-component--your-information select,
.webform-component--nominate-a-mentor select,
.webform-component--overview select {
	width: 442px;
}

/* =============================================================================
 *    Survey Styles
 * ========================================================================== */
#wtph-survey {
	width: 500px;
	padding-left: 40px;
	margin-top: 3em;
}
#wtph-survey input[type='checkbox']{
	position:relative;
	opacity:100;
}
#wtph-survey h2 {
	font-size: 1em;
}

#wtph-survey .button {
	border: 1px solid #b7b7b7;
	border-left: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #20558a;
	color: #fff;
	height: 35px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	margin-left: -3px;
	min-width: 67px;
	padding: 0 1em;
}

#wtph-survey .button-prev {
	margin-right: 1em;
}

#wtph-survey textarea, #wtph-survey input {
	border: 1px solid #b7b7b7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right:5px;

}

#wtph-survey textarea {
	width: 100%;
	height: 90px;
}

#wtph-survey input[type="text"] {
	width: 90%;
}

#wtph-survey h2#survey-q1, #wtph-survey div.question-q1 .form-element {
    display: inline;
    margin-right: 25px;
}

/*=========
* Webform
*=========*/

.webform-client-form .form-item label {
	font-size:16px;
}

/* ===================================*
* Medicine Cabinet                    *
* ====================================*/

.medicine-header{
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 149px;
  background: white;
  z-index: 2;
}
.node-type-medicine-cabinet-therapy .region-sidebar-first{
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 49px;
  background: white;
  z-index: 2;
}
.medicine-title{
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 49px;
  background: white;
  z-index: 2;
  height: 100px;
  margin-bottom: -15px;
}

.node-type-medicine-cabinet-therapy .region-secondary-content{
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 0;
  background: #103881;
  z-index: 3;
  padding-top: 10px;
}

.node-type-medicine-cabinet-therapy .columns > div:nth-child(2){
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 0px;
  background: white;
  z-index: 2;
  padding-top: 10px;
}


@-moz-document url-prefix() {
    .medicine-header, .node-type-medicine-cabinet-therapy .region-sidebar-first,
    .medicine-title, .node-type-medicine-cabinet-therapy .region-secondary-content,
    .node-type-medicine-cabinet-therapy .columns > div:nth-child(2){
        top: initial;
    }
}

.inline-nav {
  margin:0;
  padding:15px 0;
}
.inline-nav .inline-nav-item{
  list-style: none;
  text-decoration: none;
  display:inline-block;
  text-align: center;
  max-width: 150px;
  min-height:100px;
  padding: 10px;

}

.inline-nav object{
  margin: 0 25%;
  pointer-events: none;
}

.inline-nav .inline-nav-item.active{
  font-weight: bold;
}
.inline-nav .inline-nav-item:hover{
  background: #a74593;
}
.inline-nav .inline-nav-item:hover svg.medicine-cabinet-svg g path,
.inline-nav .inline-nav-item:hover svg.medicine-cabinet-svg rect{
  fill: white;
}

.inline-nav .inline-nav-item:hover svg.medicine-cabinet-svg #icon3,
.inline-nav .inline-nav-item:hover svg.medicine-cabinet-svg #icon4,
.inline-nav .inline-nav-item:hover svg.medicine-cabinet-svg #icon5,
.inline-nav .inline-nav-item:hover svg.medicine-cabinet-svg #icon6,
.inline-nav .inline-nav-item:hover svg.medicine-cabinet-svg #Group-6 path
{
  stroke: white;
}

.inline-nav .inline-nav-item.active svg g path,
.inline-nav .inline-nav-item.active svg rect{
  fill: #a74593;
}

.inline-nav .inline-nav-item.active svg #icon3,
.inline-nav .inline-nav-item.active svg #icon4,
.inline-nav .inline-nav-item.active svg #icon5,
.inline-nav .inline-nav-item.active svg #icon6,
.inline-nav .inline-nav-item.active svg #Group-6 path
{
  stroke: #a74593;
}



.inline-nav a:hover{
  color:#FFF!important;
}
.inline-nav .nav-title{
  width:100px;
  margin:auto;
}

.ninds-image img{
  max-height:250px;
  width:100%;
  display:block;
  object-fit: cover;
}

.ninds-image-credit{
  position: absolute;
  bottom: 0;
  text-shadow: 0px 1px 5px rgba(0,0,0,0.7);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
  width: 100%;
  padding: 5px;
}
.ninds-image-credit small{
  color: #FFFFFF;
}

.field-name-field-therapy-timeline-item .field-item.odd .timeline{
  float:right;
}

.timeline-legend .blue-event{
  width:22px;
  height: 22px;
  border-radius:50%;
  background-color: #0C3683;
  margin:0 10px;
  float:left
}
.timeline-legend {
  margin-bottom:10px;
}

.field-name-field-therapy-timeline-item .field-item .date{
  text-align:center;
  color: #FFFFFF;
  line-height: 38px;
  font-size: 36px;
  font-family: "Noto Serif";
  padding-top:40px;
  margin-top: 35%;
}

.field-name-field-therapy-timeline-item .field-item .date.blue{
  background-color: #0C3683;
}
.field-name-field-therapy-timeline-item .field-item .date.end-date{
  padding-top:30px;
}
.field-name-field-therapy-timeline-item .date-end{
  margin-left: -10px;
}
.timeline .date{
    background-color: #A54596;
    height: 132px;
    width: 132px;
    border-radius: 50%!important;
    margin:auto;
}
.field-name-field-therapy-timeline-item .timeline.body{
    padding-top:42px;
    color: #444444;
    font-family: "Source Sans Pro";
    font-size: 24px;
    line-height: 31px;
}

.field-name-field-therapy-timeline-item .timeline.image img{
    display: block;
    width: 100%;
    height: 250px;
    object-fit: fill;
}

.field-name-field-therapy-timeline-item .timeline p:last-of-type{
  display:inline;
}

.field-name-field-therapy-timeline-item .timeline img{
  display:inline-block;
}

.cabinet.references li{
  	font-family: "Source Sans Pro";
    font-size: 13px;
    line-height: 17px;
}

.medicine-header a{
  text-decoration: none;
  color: black;
  font-family: "Source Sans Pro";
  font-size: 15px;
  line-height: 19px;
}

.node-type-medicine-cabinet-therapy .tooltip{
  opacity:1!important;
  box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.node-type-medicine-cabinet-therapy .tooltip-inner{
  	background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0, 1);
    color: #606060;
    font-family: "Source Sans Pro";
    font-size: 13px;
    line-height: 17px;
    max-width:  240px;
    text-align: left;
}

.node-type-medicine-cabinet-therapy .tooltip.top .tooltip-arrow{
  border-top-color: #FFFFFF;
}

.node-type-medicine-cabinet-therapy .anchor{
  display:block;
  position: relative;
  top:-350px;
  visibility: hidden;
}

.node-type-medicine-cabinet-therapy .overview, .node-type-medicine-cabinet-therapy .development{
  background-color: rgba(201,226,252,0.5);
}
.node-type-medicine-cabinet-therapy .references{
  background-color: #ECECEC;
}
.node-type-medicine-cabinet-therapy .ninds-container .cabinet{
  padding:26px 17px 26px 20px
}

.node-type-medicine-cabinet-therapy .ninds-container .cabinet.dev-timeline{
    padding: 26px 0;
}

.node-type-medicine-cabinet-therapy  #-ninds-medicine-cabinet-form {
  background-color: #ECDAE9;
  min-height: 113px;
  padding: 13px 61px 40px 67px;
  width: 100%;
  max-width: 750px;
  margin-left: 100px;
}

#-ninds-medicine-cabinet-form .form-type-select{
  background-color: #ECDAE9;
  min-height: 113px;
  padding: 13px 61px 40px 67px;
  width: 81%;
  position: relative;
  margin: -32% 0 14% 0;
  left:10%;
}
.node-type-medicine-cabinet-therapy #-ninds-medicine-cabinet-form .form-type-select{
  background-color: transparent;
  min-height: initial;
  padding: 0;
  width: 100%;
  margin: 0;
  position: initial;
  top: 0;
}
.node-type-medicine-cabinet-therapy #-ninds-medicine-cabinet-form img{
  display:none;
}

.node-type-medicine-cabinet-therapy #-ninds-medicine-cabinet-form  .form-submit{
  float: right;
  margin: 0;
  position: initial;
}
#-ninds-medicine-cabinet-form label{
    color: #444444;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    width: 100%;
    padding-bottom:12px;
}
#-ninds-medicine-cabinet-form select{
    float: left;
    width: 80%;
    padding-right: 30px;
}
#-ninds-medicine-cabinet-form  .form-submit{
  float: right;
  position: relative;
  right: 12%;
  margin: -21% 0 25% 0;
}
.node-medicine-cabinet-therapy #-ninds-medicine-cabinet-form{
    margin-left:0;
    max-width: none;
}

.node-medicine-cabinet-therapy .dates .field-name-field-therapy-timeline-item  .field-item{
  	background-color: rgba(201,226,252,0.6);
    margin-bottom:0;
    min-height:250px;
}

.field-name-field-therapy-timeline-item  .field-item .timeline{
  min-height: 250px;
}

.node-medicine-cabinet-therapy .dates .field-name-field-therapy-timeline-item  .field-item.odd{
  	background-color: rgba(201,226,252,0.26);
}
.node-medicine-cabinet-therapy .dates  .field-name-field-therapy-timeline-item .entity .field-item{
  background:transparent;
}

.node-medicine-cabinet-therapy .field-collection-container {
     border-bottom: none;
     margin-bottom: 0;
}
.node-medicine-cabinet-therapy .field-collection-view {
    padding: 1em 0 0.3em 0;
    margin: 0 1em 0 1em;
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

.node-medicine-cabinet-therapy sup{
  position: initial;
}

.node-medicine-cabinet-therapy .medicine-read-more{
  font-size: 13px;
  line-height: 17px;
  font-family: "Source Sans Pro";
  color: #08449E;
}

.node-medicine-cabinet-therapy .medicine-read-more span.glyphicon{
    font-size: 11px;
}

.node-medicine-cabinet-therapy .medicine-read-more span.glyphicon::after{
  content:"\2212";
  height:11px;
  width:11px;
}

.node-medicine-cabinet-therapy .medicine-read-more.collapsed span.glyphicon::after{
  content:"\2b";
}

.vis-timeline{
  border:none!important;
  overflow: visible;
}

.vis-time-axis{
  overflow: visible;
}

.vis-time-axis .vis-text{
  font-size:14px;
}

.vis-time-axis .vis-text:last-of-type{
  overflow:visible;
}

.vis-item.vis-dot{
  	background-color: rgba(202, 143, 190, .8);
    border-color: transparent;
    border-radius: 50%!important;
    width:22px;
    height:22px;
    top:10px!important;
}
.vis-dot.blue{
    background-color: rgba(12,54,131,0.6);
}

.vis-content::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    border-bottom: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;


}
.vis-panel.vis-center{
  height: 40px!important;
}
.vis-vertical{
  display:none!important;
}

.vis-panel.vis-bottom, .vis-panel.vis-center,
.vis-panel.vis-left, .vis-panel.vis-right, .vis-panel.vis-top {
    border: 0!important;
}


/*===========================
* Focus On Template         *
*===========================*/
.focuson-header-img, .lpsec-header-img{
	margin-bottom: 15px;
}
.focuson-header-img.small, .lpsec-header-img.small{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.5;
	color: #606060;
}
.focuson-header-img img, .lpsec-header-img img{
	width: 100%;
}
.focuson-header-img .field-label, .lpsec-header-img .field-label{
	display:none;
}
.focuson-header-img .field-name-field-image-credit, .lpsec-header-img .field-name-field-image-credit{
	font-style: italic;
}
.focuson-highlight{
	padding: 20px;
	margin-bottom: 15px;
}
.focuson-resourcestools{
	padding: 20px 10px 20px 10px;
	margin-right: -40%;
}
.focuson-resourcestools h3, .ninds-resourcestools h3{
	color:#103881;
}
.focuson-program-desc, .focuson-related-fed, .focuson-proceedings{
	margin-bottom: 20px;
}
.focuson-resourcestools .section-label a{
	text-decoration: none;
}
.ninds-resourcestools{
	padding: 20px 10px 20px 10px;
}
.ninds-resourcestools-extend{
  margin-right: -40%;
}
/*===========================
*   Last Updated Date       *
*===========================*/

.ninds-lastupdated{
    float: right;
    padding-right: 1em;
}


/*===========================
*   Social Media            *
*===========================*/
.fb-icon::before{
    font-family: FontAwesome;
    content: "\f082";
}
.twitter-icon::before{
    font-family: FontAwesome;
    content: "\f081";
}
.rss-icon::before{
    font-family: FontAwesome;
    content: "\f143";
}
.youtube-icon::before{
    font-family: FontAwesome;
    content: "\f16a";
}
.square-icon::before{
    font-family: FontAwesome;
    content: "\f0c8";
}
.linkedin-icon:before {
    font-family: FontAwesome;
    content: "\f08c";
}

/*=== Footer ===*/
.FooterBox a[class*="-icon"]::before{
    display: inline-block;
    color: #4da9f7;
    padding-right: 10px;
}
.FooterBox .youtube-icon::before{
    font-size:.9em;
}
.FooterBox .blog-icon{
    position:relative;
    display:inline-block;
}
.FooterBox .blog-icon span{
    margin-left: 24px;
}
.FooterBox .blog-icon svg{
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left:0;
}

/*=== Follow Me Page ===*/
.social-grid{
    display:table;
    width: 100%;
    border-spacing: 20px;
}
.social-row{
    display:table-row;
    height: 300px; /*this sets min height*/
}
.social-box{
    display:table-cell;
    background-color: #ececec;
    padding: 20px;
    max-width: 0;
}
.social-box h2[class*="-icon"]::before{
    padding-right: 10px;
    color: #0a589a;
}

.social-box div.square-icon{
    position:relative;
}
.social-box .square-icon:before{
    color: #0a589a;
    position: absolute;
    z-index:0;
    font-size: 2em;
    top:-7px;
}
.social-box .youtube-icon::before{
    color: #ececec!important;
    padding: 5px 4px 4px 5px!important;
    font-size: .6em;
    position: absolute;
    z-index: 0;
    top:-6px;
}
.social-box .youtube-icon span{
    padding-left: 40px;
}

.social-box .blog-icon svg{
    width: 28px;
    height: 28px;
    margin-right: 10px;
    vertical-align: top;
}
.social-box .blog-icon h2{
    display:inline-block;
}
.social-box .podcast-icon img{
  width: 30px;
  margin-right: 10px;
  vertical-align: top;
}

/*===========================*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .medicine-header{
    position: relative;
    top: 0;
  }
  .node-type-medicine-cabinet-therapy .region-sidebar-first{
    position: relative;
    top: 0;
  }

  .medicine-title{
    position: relative;
    top: 0;
  }

  .node-type-medicine-cabinet-therapy .region-secondary-content{
    position: relative;
    top: 0;
  }

  .node-type-medicine-cabinet-therapy .columns > div:nth-child(2){
    position: relative;
    top: 0;
  }

  .form-select::-ms-expand {
     display: none;
 }
 .organization-child-container{
   flex-direction: column;
 }
}

@-moz-document url-prefix() {
	select:-moz-focusring {
 		color: transparent; text-shadow: 0px 0px 0px #000;
 	}
}


/**
  * NINDS ORGANIZATION
  */

.organization{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.organization-root{
  text-align: center;
}
a.organization-root-item {
  display: inline-block;
  text-align: center;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
  padding: 20px;
  background-color: #4C2693;
  position: relative;
  border-radius: 6px;
}

.organization-root-item::after{
  background-color: #606060;
  content: '';
  position: absolute;
  height: 50px;
  left: 50%;
  bottom: -50px;
  width: 2px;
}
.organization-content-wrapper{
  margin-top:100px;
  position: relative;
}
.organization-content-wrapper::before{
  background-color: #606060;
  content: '';
  position: absolute;
  height: 2px;
  top: -50px;
  width: calc(50% + 11px);
  left: -9px;

}
.organization-blue-wrapper::after{
  background-color: #606060;
  content: '';
  position: absolute;
  height: calc(100% + 50px);
  top: -89px;
  bottom: 100%;
  width: 2px;
  left: -16px;
}

.organization-pink-wrapper::after{
  background-color: #606060;
  content: '';
  position: absolute;
  height: calc(50% + 187px);
  top: -130px;
  bottom: 100%;
  width: 2px;
  left: -16px;
}

.organization-green-wrapper::after{
  background-color: #606060;
  content: '';
  position: absolute;
  height: calc(50% + 244px);
  top: -244px;
  bottom: 100%;
  width: 2px;
  left: -16px;
}

.organization-wrapper-label{
  font-size: 20px;
  font-weight: 600;
  margin-left: 6px;
  padding-bottom: 10px;
}
.organization-wrapper{
  padding: 20px 18px;
  border-radius: 5px;
  margin-bottom:50px;
  margin-left: 6px;
  display: inline-flex;
  flex-wrap: wrap;
  position: relative;
}
.organization-wrapper::before{
  background-color: #606060;
  content: '';
  position: absolute;
  height: 2px;
  top: calc(50%);
  left: -16px;
  width: 16px;
}

.organization-blue-wrapper{

  background-color: #D0E8FD;
  border: 1px solid #0C3683;

}
.organization-pink-wrapper{

  background-color: #F1E1ED;
  border: 1px solid #A94294;
}
.organization-green-wrapper{
  background-color: #C9F0EF;
  border: 1px solid #1D4F4E;
  margin-bottom: 0;
}

.organization .item{
  border-radius: 5px;
  color: #fff;
  max-width: 145px;
  white-space: pre-wrap;
  margin: 0 15px;
  height:75px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  font-weight: 600;
}
.organization .item::after{

  background-color: #606060;
  content: '';
  position: absolute;
  height: 2px;
  top: 50%;
  right: -34px;
  width: 34px;
}

.organization .organization-wrapper .item:last-of-type::after{
  height: 0;
  top: 0%;
  right: 0;
  width: 0;
}

.organization .has-child:not(.closed){
  border-radius: 5px 5px 0 0;
}


.organization-blue-wrapper .item{
  background-color: #0B3683;
  border-color: #0B3683;
}

.organization-pink-wrapper .item{
  background-color: #843775;
  border-color: #843775;
}
.organization-pink-wrapper .item.light-pink{
  background-color: #A94294;
  border-color: #A94294;
}
.organization-green-wrapper .item{
  background-color: #1D4F4E;
  border-color: #1D4F4E;
}
.organization-accordion-wrapper{
  display: inline-block;
  position: relative;
  max-width: 175px;

}
.organization-accordion{
  position: absolute;
  top: 42px;
  right: 18px;
  color: #fff;
  text-decoration: none;
  padding: 10px 4px 3px 15px;
  font-weight: bold;
}
.organization-accordion:hover{
  color: #fff;
}
.organization-accordion.collapsed::after{
  content: "+";
}

.organization-accordion::after{
  content: "-";
}
 .accordion-container{
  background-color: #88C6FA;
  border-radius: 0 0 5px 5px;
  margin: 0 15px;
}
.organization-pink-wrapper  .accordion-container{
  background-color: #CA8FBE;
}

.accordion-container .card{
  padding: 10px;
}
.accordion-container a{
  font-size: 12px;
  color: #2B2B2B;
  text-align: center;
}

@media(max-width:1191px){

  .organization-accordion-wrapper{
    max-width: 100%;
    width:100%;
  }
  .accordion-container{
    margin:0;
  }
  .accordion-container a {
    font-size:14px;
    font-weight: 600;
  }
  .organization .item{
    max-width: 100%;
    width:100%;
    margin: 15px 0 0 0;
    font-size: 18px;
  }


  .organization .item::after{

    background-color: none;
    content: '';
    height: 0;
    top: 0;
    right: 0;
    width: 0;
  }

  .organization-content-wrapper{
    max-width: 90%;
    margin: 100px auto 0 auto;
  }

  .organization-content-wrapper::before {
    width: calc(50% + 11px);
    left: -9px;
  }

}

@media(max-width:779px) {
  .organization{
    margin-top:50px;
  }
}

  /***================================
    * News Node
    *================================*/

.news-body{
  float:left;
  width:75%;
  padding-right:15px;
}

.news-images{
  float:left;
  width:25%;
  padding-left:15px;
}
.news-images img{
  margin-bottom:15px;
}


  /***================================================================================
    * removes search throbber icon and replaces it with "x" to clear input text fields
    *================================================================================*/

html.js input.form-autocomplete {
background-size: 16px 16px;
background-image: none;
}

html.js input.form-autocomplete.x  {
    background-position: right center;
background-image:url("../images/xicon-clearfields.png");}

html.js input.form-autocomplete.onX{
    background-image:url("../images/xicon-clearfields.png");
    cursor: pointer; }

  /***================================
    * Video Objects
    *================================*/

.media_embed object{
  width: 560px;
  max-width: 100%;
  height: 315px;
  padding: 15px;
  display: block;
  clear: both;
}
.media_embed object.videocast{
  width: 620px;
  height: 360px;
  padding:0;
}
.media_embed object.centered{
  margin: 0 auto;
}
.media_embed object.right{
  float: right;
}
.media_embed object.left{
  float: left;
}

  /***================================
    * PhotoSwipe
    *================================*/

.pswp{
  z-index:9999!important;
}

.photoswipe-gallery a{
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0;
}
.photoswipe-gallery img{
  border: 1px solid #e8e8e8;
  box-shadow: -1px 1px 4px -2px rgba(0,0,0,0.14);
}
.photoswipe-gallery figure.clearfix{
  clear:none;
}
.photoswipe-gallery figure.clearfix:after{
  content: unset;
  display: initial;
  clear:none;
}
.photoswipe-gallery:after{
  content: "";
  display: table;
  clear: both;
}
.pswp__caption{
  z-index: -1!important;
}
.pswp__caption__center {
    max-width: 90%!important;
}

/***================================
  * Slick Image Carousel
  *================================*/
.slick-wrapper{
  background-color: #F4F4F4;
  margin: 0px auto;
}
.slick.image-gallery-preview{
  height: 400px;
}
.image-gallery-preview .media{
  height: 400px;
  padding: 2em 3em 2em 3em;
}
.image-gallery-preview img{
  max-height: 100%;
  width: auto;
}
.image-gallery-preview div.media:hover{
  cursor: pointer;
}
.image-gallery-nav{

}
.image-gallery-wrapper img{
  border-top: 1px solid #979797;
  width: 90%;
}
.image-gallery-nav{
  margin: 0 5em;
  padding: 20px 0;
  border-top: 1px solid #979797;
}
.slick-prev:before, .slick-next:before {
  color: black!important;
}
.image-gallery-nav .slick-track{
  margin: 5px 0;
}

.image-gallery-nav .slick-slide{
  margin: 0 10px;
  background-color: black;
  border-radius: 5px;
}
.image-gallery-nav .slick-slide img{
  height: 110px;
  object-fit: cover;
  border-radius: 5px;
  border: 1px solid #979797;
}
.image-gallery-nav .slick-slide img:hover{
  transition: opacity .3s;
  opacity: .8!important;
  cursor: pointer;
}

.image-gallery-caption{
  background-color: white;
  border: 1px solid #979797;;
  padding: 10px;
  overflow: auto;
  overflow-y: scroll;
  height: 100px;
  font-size: 14px;
  margin-bottom: 16px;
}
.image-gallery-caption p{
  line-height: initial;
}
.image-gallery-caption-item{
  display: none;
}
.image-gallery-caption-item.active{
  display: block;
}
.slick-arrow{
  height: 20px;
  width: 20px;
}
.slick-prev{
  left: -25px;
}
.slick-next{
  right: -25px;
}
.slick-prev:before, .slick-next:before {
  font-size: 20px;
}

/***================================
  * CKEditor Template Styles
  *================================*/

  .image-right{
  	float: right;
  	margin-left: 10px!important;
  }
  .image-left{
  	float: left;
  	margin-right: 10px!important;
  }
  .image-center{
  	margin: 0 auto 10px auto;
  	display: block;
  }


/**********************
*  Blueprint Accordion
*********************/
h2.bp--collapse, h3.bp--collapse{
    color: #1B1C1A;
    font-size: 17px;
    font-weight: bold;
    line-height: 22px;
    width: 100%;
    text-align: left;
    padding: 14px 26px 12px 26px;
    background-color: #F1F1F1;
    margin-bottom:0;
    margin-top: 20px;
}

h2.bp--collapse:after, h3.bp--collapse:after{
    content: '-';
    float:right;
    color: #000000;
    font-family: FontAwesome;
    font-size: 17px;
    line-height: 17px;
    margin-right:-20px;
}

h2.bp--collapse.collapsed:after, h3.bp--collapse.collapsed:after{
    content: '+';
}

.bp--wrapper{
  padding: 15px 26px 17px 26px;
  color: #212121;
  font-family: "Merriweather", sans-serif;
  font-size: 15px;
  line-height: 24px;
  border: 1px solid #F1F1F1;
}

.bp--expand-collapse{
  text-align: right;
}

.bp--expand-collapse-text{
  color: #3076B3;
  cursor: pointer;
  padding-right:20px;
}

.bp--expand-collapse .bp--expand-collapse-text:after{
  content: '-';
  float:right;
  color: #3076B3;
  font-family: FontAwesome;
  font-size: 17px;
  line-height: 17px;
  margin-right:-20px;
}

.bp--expand-collapse.collapsed .bp--expand-collapse-text:after{
    content: '+';
}

/**********************
*  Taxonomy View
*********************/
.page-taxonomy-term #view-title{
  text-transform: capitalize;
}
.view-taxonomy-and-synonyms .views-field-title a{
    text-decoration: none;
}
.view-taxonomy-and-synonyms .views-row{
  margin: 20px 0 10px 0;
  padding-bottom:10px;
  border-bottom: 1px solid #a74593;
  min-height:150px;
}
.view-taxonomy-and-synonyms .views-row:last-of-type{
  border:none;
}


/**********************
*  NINDS Staff Bios
*********************/
.node-type-bios h1{
  margin-bottom:5px;
}

.bios-title{
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 30px;
}
.bios-data{
  margin-bottom:10px;
}
.bios-specialties .bold,
.bios-offices .bold{
  display:inline;
}

.bios-staff-item, .purple-border-box{
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 4px 0 rgba(0,0,0,0.2);
  border-left: 9px solid #853775;
  min-height:200px;
  margin-bottom:30px;
  display: flex;
  align-items: center;
}
.bios-staff-item:hover{
  background-color: #EDDAE9;
}

.views-field-field-bios-image, .purple-border-box-image{
  text-align: center;
}
.purple-border-box-image img{
  width: 140px;
}
.bios-staff-item .spacer{
  margin-bottom: 14.5px;
}

span.bios-staff-title{
  font-family: "Source Sans Pro";
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  text-decoration: underline;
  color: #444444;

}

.purple-border-box{
  padding: 20px 20px 20px 0px;
  min-height: initial!important;
  width: 85%;
  display: block;
}
.purple-border-box-title{
  font-size: 18px;
  font-weight: 600;
  text-decoration: none!important;
}
.callout-box{
  padding: 20px 20px 20px 20px;
  display: block;
  border-radius: 5px;
  background-color: #FFFFFF;
  border: 2px solid grey;
  margin-bottom:30px;
}
.callout-title{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

.callout-purple{
    border: 2px solid #853775;
    background-color: #EDDAE9;
}
.callout-green{
    border: 2px solid #4CCFCC;
    background-color: #C9F0EF;
}
.mr-10{
  margin-right: 10px;
}
.curly-quotes{
  border-left: 5px solid #A74593;
  background-color: #F1F1F1;
  padding: 16px 16px 16px 72px!important;
}
.curly-quotes:before{
  content: '\201F';
  font-size: 120px;
  color: #A74593;
  display: inline-block;
  line-height: 105px;
  height: 45px;
  vertical-align: top;
  float: left;
  margin-left: -57px;
}
.curly-quotes p{
  font-style: italic;
}
.curly-quotes .blockquote-caption{
  font-weight: 600;
  font-style: normal;
}

.card-small{
  font-size: 14px;
}

.view-award-winners .views-exposed-form{
  margin-bottom:24px;
}

/**********************
*  Exposed Filters
*********************/

.open-filter-wrapper{
  display: none;
}
.widget-wrapper, .views-exposed-form-buttons{
  !display: none;
}
#views-exposed-form-find-ninds-clinical-trials-page .widget-wrapper{
  display: block;
}
#views-exposed-form-ninds-bios-block-view-page .widget-wrapper,
#views-exposed-form-ninds-bios-block-view-page .views-exposed-form-buttons,
#views-exposed-form-funding-announcement-page-2 .views-exposed-form-buttons,
#views-exposed-form-funding-announcement-page-2 .widget-wrapper,
#noticef .views-exposed-form-buttons,
#closef .views-exposed-form-buttons,
#views-exposed-form-otr-projects-page .widget-wrapper,
#views-exposed-form-otr-projects-page .views-exposed-form-buttons,
#views-exposed-form-find-ninds-clinical-trials-page .views-exposed-form-buttons,
#views-exposed-form-highlighted-clinical-trials-phi-page .views-exposed-form-buttons{
  display: block;
  margin-top: 20px;
}
button#edit-submit-filters {
    border-radius: 0 3px 3px 0;
    border: 0;
    font-weight: 600;
    font-size: 15px;
    padding: 6px 13px 7px 15px;
    margin-left: -1px;
    background-color: #a94294;
    color: #fff;
    line-height: 1.42857;
    text-align: center;
}
.views-widget.search input, .funding-opps-search input{
  border-radius: 0;
}

/* full-width input text */
#views-exposed-form-all-disorders-page input#edit-title,
.form-item-combine input,
#views-exposed-form-ninds-bios-block-view-page .form-item-combine-2,
#views-exposed-form-ninds-bios-block-view-page .form-item-combine-2 input,
#views-exposed-form-otr-projects-page #edit-field-pi-value,
#views-exposed-form-find-ninds-clinical-trials-page #edit-field-disorders-taxonomy-tags-tid,
#views-exposed-form-highlighted-clinical-trials-phi-page #edit-field-disorders-taxonomy-tags-tid{
    width: 100%;
}
/* input text width on a right rail page */
#views-exposed-form-ninds-events-view-page .views-widget{
  width: 80%;
}
.views-exposed-form input, .funding-opps-search input,
#views-exposed-form-find-ninds-clinical-trials-page #edit-province{
  height: 34px;
}

/*hide search button where not needed*/
#views-exposed-form-otr-projects-page .apply-filter-wrapper{
  !display: none;
}

#filterby, #sortBy{
  font-weight: bold;
  padding-top: 13px;
}
.container-inline-date .form-item .form-item{
  min-width:150px;
}

.sort-by-container{
  margin-bottom: 10px;
  padding-top:10px;
}

.sort-by-container .views-exposed-widget{
  min-width:150px;
}

.inline-block{
  display: inline-block;
}

.views-exposed-form label{
  display: none;
}
.page-current-research-research-funded-ninds-translational-research-partnering .view-filters label{
  display: none;
}
..filterby{
  margin-top: 0px;
}
.views-exposed-form .views-exposed-form-buttons {
    text-align: right;
}
.views-exposed-form-buttons button{
  border-color: #a94294;
  color: #a94294;
  font-weight: 700;
}
.views-exposed-form-buttons .views-reset-button{
  margin-left: 1em;
}
.funding-opps-search #edit-submit-filters{
  padding: 7px 13px 6px 15px;
}

.views-exposed-form select{
  background-image: none;
}
.views-exposed-form-buttons #submit-filters:hover,
.views-exposed-form-buttons #submit-filters:active,
.views-exposed-form-buttons #submit-filters:focus,
.views-exposed-form-buttons #edit-reset:hover,
.views-exposed-form-buttons #edit-reset:active,
.views-exposed-form-buttons #edit-reset:focus{
  background: #a94294;
  color: white;
  border-color: #a94294
}

#views-exposed-form-all-disorders-page #filterby,
#views-exposed-form-all-disorders-page .views-exposed-form-buttons{
  display: none;
}
/* chosen */
.chosen-container{
  font-size: 16px;
}
.chosen-container.chosen-container-multi,
.chosen-container.chosen-container-single{
  min-height: 34px;
  height: 100%;
  border: 0;
  padding-left: 0;
  overflow: initial;
  background-image: none;
}
.chosen-container .chosen-choices,
.chosen-container .chosen-single{
  min-height: 34px;
  border-color: #d7d7ce;
  padding: 3px 5px;
  background-image: none;
  border-radius: 0px;
}
.chosen-container .chosen-choices li.search-field input{
  vertical-align: middle;
}
.chosen-container-single .chosen-default, .chosen-container-single .chosen-single{
  color:#6d6d6d;
}
.chosen-container-single .chosen-single span{
  padding-top: 3px;
}
.chosen-container-single .chosen-single.chosen-default span{
  padding-top: 0px;
}
.chosen-container-single .chosen-single div{
  top: 6px;
}

.widget-wrapper .chosen-container-multi .chosen-choices li.search-choice a.search-choice-close {
  background: none;
  font-size: inherit;
}

.widget-wrapper .chosen-container-multi .chosen-choices li.search-choice a.search-choice-close::after {
  content: "x";
  color: #fff;
}


/**********************
*  Topic Areas
*********************/

.topc-area-wrapper{
  background-color: #C4E2FB;
  border-radius:5px;
  padding:20px 15px;
  margin-top:20px;
}
.topc-area-wrapper ul{
  list-style-type: none;
  padding:0;
  margin:0;
}
.topc-area-wrapper ul li:before{
  content:"-";
}


/**
 * Award Winners
 */

.award-data{
  margin-bottom: 10px;
}
.award-data .bold,
.award-data .field{
  display:inline-block;
}

/**
 * DM Modal and Full Image Carousel
 */
.modal-header .close {
 color: black;
}
#full-image-carousel .carousel-inner{
  width: 90%;
  margin: 0 auto;
  overflow: visible;
}
#full-image-carousel .carousel-inner>.item{
 height: 70vh;
}
.dm-modal-image{
  height: 90%;
  padding-bottom: 15px;
}
.dm-modal-image img{
  width: auto;
  height: 100%;
  margin: 0 auto;
  object-fit: contain;
  display:block;
}
.dm-modal-caption{
  color: white;
  text-align: center;
  height: 10%;
}
#full-image-carousel .carousel-control{
  color: #004fba;
  width: 5%;
  height: 90%;
}
.carousel-control.left, .carousel-control.right{
  background-image: none;
}
#full-image-carousel .carousel-control:focus, #full-image-carousel .carousel-control:hover {
  color: #004fba;
}
#full-image-carousel a.carousel-control{
  color: white;
}
#js-modal{
  border: none;
}
#js-modal h1{
  display: none;
}
.no-scroll{
 position: fixed;
 width: 100%;
}
#js-modal-close{
  display: none;
}
.js-modal-close{
  margin: 0px 12px 6px 12px;
  font-size: 24px;
  cursor: pointer;
  background-color: transparent;
  color: white;
  padding: 9px 12px;
}
.js-modal-close:focus, .js-modal-close:hover{
  color: white;
  background-color: gray;
  border-radius: 50%;
}

 /* ------- styles for van11y-accessible-modal-window-aria modal --------*/
 .invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hidden { display: none; }

dialog {
  display: block;
  border: 0;
}
/* removes scroll when modal is opened */
.no-scroll {
  overflow: hidden;
}
/* overlay covers everything */
.simple-modal-overlay,
.simple-animated-modal-overlay{
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000;
  opacity: .95;
  z-index: 666;
  cursor: pointer;
}
.simple-modal-overlay[data-background-click="disabled"],
.simple-animated-modal-overlay[data-background-click="disabled"]{
  cursor: auto;
}
.simple-modal-overlay,
.simple-animated-modal-overlay {
  animation: fadewhite ease .5s 1 normal ;
}

@keyframes fadewhite {
  0% {
    opacity: 0;
  }
  100% {
    opacity: .95;
  }
}

.simple-modal,
.simple-animated-modal{
  position: fixed;
  left: 5%;
  width: 90%;
  top: 5vh;
  max-height: 90vh;
  border: 2px solid #000;
  background: transparent;
  z-index: 667;
  right: auto;
  overflow: auto;
}
.simple-modal-close,
.simple-animated-modal-close{
  float: right;
  background: #128197;
  border-radius: 1em;
  color: #fff;
  border: 0;
  font: inherit;
  padding: .25em .5em;
  cursor: pointer;
}
.simple-modal-close:focus,
.simple-modal-close:hover,
.simple-modal-close:active {
  outline: 1px dotted #fff;
}
.simple-modal-close:hover,
.simple-modal-close:active {
  background: #4d287f;
}

.simple-animated-modal {
  -webkit-animation: apparition ease .5s 1 normal ;
          animation: apparition ease .5s 1 normal ;
}

@-webkit-keyframes apparition {
  0% {
    opacity: 0;
	  max-height: 0;
	  width: 0;
	  left: 50%;
  }
  100% {
    opacity: 1;
	  max-height: 100%;
	  width: 90%;
	  left: 5%;
  }
}
@keyframes apparition {
  0% {
    opacity: 0;
	  max-height: 0;
	  width: 0;
	  left: 50%;
  }
  100% {
    opacity: 1;
	  max-height: 100%;
	  width: 90%;
	  left: 5%;
  }
}

@media (max-width: 44.375em) {
  .simple-modal,
  .simple-animated-modal{
    left: 1%;
    top: 16%;
    width: 98%;
  }
  #full-image-carousel .carousel-inner{
    font-size: 14px;
    width: 80%;
  }
  #full-image-carousel .carousel-inner>.item{
   height: 50vh;
  }
  .dm-modal-image {
    height: 75%;
  }
  .dm-modal-caption {
    height: 25%;
  }
  #full-image-carousel .carousel-control {
    width: 10%;
  }
}

/* Sidebar Updates Carousel */
#block-views-sidebar-update-carousel-block{
  border: 1px solid #f4f4f4;
  border-radius: 5px;
  width: 93%;
  background-color: #f4f4f4;
  padding: 0px 10px 10px 10px;
}
#block-views-sidebar-update-carousel-block h2.block-title{
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  color: black;
  padding: 18px 0px;
}
#sidebar-update-carousel{
  padding-bottom: 30px;
}
#sidebar-update-carousel .carousel-inner {
    margin: 0 auto;
}
/* Sidebar Carousel Arrows */
#sidebar-update-carousel .carousel-control{
  color: black;
  width: 10%;
  height: 70%;
}
#sidebar-update-carousel .carousel-control .glyphicon{
  top: 55px;
}

/* Sidebar Carousel Indicators */
#sidebar-update-carousel .carousel-indicators li{
  background-color: lightgrey;
  border: 1px solid lightgrey;
}
#sidebar-update-carousel .carousel-indicators .active{
  background-color: royalblue;
}

ol.carousel-indicators{
  padding: 0;
  margin-bottom: 0;
  bottom: 0px;
}

/* Sidebar Update Carousel content */
#sidebar-update-carousel .sidebar-item-title {
  font-weight: 600;
  font-size: 14px;
  margin: 13px 0px;
  line-height: normal;
  text-align: center;
  min-height: 36px;
}
#sidebar-update-carousel .sidebar-item-link{
  text-align: center;
}
#sidebar-update-carousel .sidebar-item-image{
  width: 70%;
  margin: 0 auto;
  position: relative;
  padding-top: 70%;
}
#sidebar-update-carousel .sidebar-image{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}
#sidebar-update-carousel .sidebar-item-image img{
  width: auto;
  height: 100%;
  margin: 0 auto;
  object-fit: cover;
  display: block;
}
#sidebar-update-carousel .btn{
  border-color: #a94294;
  color: #a94294;
  font-weight: 700;
  white-space: normal;
  text-decoration: none;
}
#sidebar-update-carousel .btn:hover{
  background: #a94294;
  color: white;
  border-color: #a94294;
}