h3.border-top-lt-blue {
                padding-top:14px;
                border-top:4px solid #ebf4f6;
                font-weight:bold;
                font-family:Arial, "Helvetica Neue", Helvetica,  "sans-serif";
}
 
 
 
 
.tab-accord h3 {
    font-size: 1em;
}
 
#tabContent p, 
#tabContent li {
     font-size: .95em !important;
}

#tier4innerContent li li,
#tier4innerContent li p {
	font-size: 1em !important;
}
 
.newbanner {
margin-bottom:30px;
}
.highlightPost {
-moz-border-radius: 0px 6px 25px 0px;
-webkit-border-radius: 0px 6px 25px 0px;
border-radius: 0px 6px 25px 0px;
border-right: 10px solid #8889B5;
border-bottom: 2px solid #8889B5;
}
.headerGradientHighlightPost {
    color: #000;
    padding: 5px 0px 5px 0px;
  background: #8889B5; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(136, 137, 181,0),rgba(136, 137, 181,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(136, 137, 181,0),rgba(136, 137, 181,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(136, 137, 181,0),rgba(136, 137, 181,1)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(136, 137, 181,0), rgba(136, 137, 181,1)); /*Standard*/ 
  border-bottom: 2px double #8889B5;
}

/* ---------------- images ------------------- */

.image-right {
	display:block;
	float: right;
	margin: 0 0 20px 20px;
}

.image-left {
	display:block;
	float: left;
	margin: 0 20px 20px 0;
}

img.border {
border: 1px solid #cccccc;	
}


/* ------------------ misc text formatting ----------------- */

.phone-number,
  .phone {
    white-space: nowrap;
}
 
/* ------------------- box -------------- */
.light-blue-box {
                display: block;
                padding: 20px;
                background: #ebf4f6;
                margin-bottom:25px;
                border-top:4px solid #7fc1de;
}
 
.light-blue-box h3 {
                font-weight:bold;
                font-family:Arial, "Helvetica Neue", Helvetica,  "sans-serif";
}
 
.light-blue-box > h3 {
                margin-top: 0;
               
}
 
.light-blue-box.large {
    font-size:1.2em !important;
    border-bottom:4px solid #7fc1de;

}

.light-blue-box.rounded {
    border-radius: 8px;
  border-left:none;
}
 
/* ----------------- TOP COLOR BAR ------------------ */
 
@media (min-width: 960px) {
/*
                #container #mainContentWrapper:after {
    background: url(/MENTALHEALTH/images/homepage/banner-color-bar.png) no-repeat;
                content: "";
    height: 10px;
    left: 200px;
    background-size: 737px;
    position: relative;
    top: 11px;
    width: 737px;
    display: block;
                              
}
                */
               
#container1 #mainContentWrapper:after {
    background: url(/MENTALHEALTH/images/banner-color-bar-solid.png) no-repeat;
                content: "";
    height: 10px;
    left: 200px;
    background-size: 737px;
    position: relative;
    top: 11px;
    width: 737px;
    display: block;
                              
}
}

/* -------------- MISC ----------------- */

#tier4innerContent ul.download-image-list {
    list-style-type: none;
    margin:0;
    padding:0;
    
}

#tier4innerContent ul.download-image-list li {
    margin:0;
    padding:0;
    list-style: none;
	display: inline; /* Prevents "stepdown" */

}

#tier4innerContent ul.download-image-list li a {
    display: block;
    float: left;
    margin: 0 20px 20px 0;
}

.rule-above {
    margin-top:20px;
    padding-top: 15px;
    border-top: 1px solid #cccccc;
}

/* #tier4innerContent ul.download-image-list li a::after {
	content: attr(title);
    color: #003f72;
    font-size: 10px;
    display: block;
    text-decoration: none !important;
}
*/

/* ---------------- buttons ---------------------- */

a.btn-blue {
    color: #ffffff !important;
    cursor: pointer;
    font-weight: bold;
    padding: 8px 10px 8px 10px;
    border: none;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #0083be !important;
    text-decoration: none !important;
}
 
 
/* ---------------- drop menu button ---------------- */
 
/* Style The Dropdown Button */
.dropbtn {
    color: #ffffff;
    cursor: pointer;
                font-weight: bold;
    padding: 10px 30px 8px 10px;
    border: none;
                -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
                background:#0083be url(/MENTALHEALTH/images/down-arrow_white.png) no-repeat 95% center;
               
}
 
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
 
}
 
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
                height: auto;
    max-height: 200px;
                overflow-y: scroll;
 
}
 
/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
 
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
                background-color: #0083be;
                color:#ffffff;}
 
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}
 
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #003f72;
                color:#ffffff;
}
  
  /* ---------------- rounded ----------------- */

.rounded-12 {
	border-radius: 12px 12px 12px 12px;
}
 
 
 
/* ---------------- home page update ----------------- */
 
 
 
.slider2 .scrollable .items > div .slider-info {
                background:#0174b2 url(/MENTALHEALTH/images/homepage/slide-content-chevron.png) top center no-repeat;
                background-size: 100% 72px;
  padding-top:15px;
}
 
.scrollable .slider-info h3 {
    margin-bottom: 30px;
    text-align: center;
  	min-height:55px;
}
 
 
#home-icon-section img {
                float:left;
                margin-right:20px;
}
#home-icon-section h3,
#home-icon-section p {
                padding-left:165px;       
}
 
#home-icon-section h3 {
                font-weight: bold;
                color: #0c3165;
                font-size: 20px;
                font-family: Arial, Helvetica, san-serif;
}
 
#home-icon-section a.main-link {
                font-weight: bold;
}
 
.widget-title .location {
                display: block;
               
}
 
.widget-title.location h4 {
                text-align: left;
                margin-left:50px;
}
 
img.map-pin-icon {
                float: left;
    margin-right: 5px;
    margin-left: 20px;
}
 
#home-stories h3 {
                display: block;
                background: #0083be url(/MENTALHEALTH/images/homepage/blue-angled-box.jpg) bottom center no-repeat;
                background-size: 100% 50%;
                text-align: center;
                color:#ffffff;
                font-weight: bold;
                text-transform: uppercase;
                padding:8px 10px 20px;               
}
 
#home-stories .intro {
                padding: 0 20px 6px;
                border-bottom: 2px solid #ffffff;
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,ebf4f6+100 */
 
/*  background: #fefefe; /* Old browsers */
/* background: -moz-linear-gradient(top, #fefefe 0%, #ebf4f6 100%); /* FF3.6-15 */
/* background: -webkit-linear-gradient(top, #fefefe 0%,#ebf4f6 100%); /* Chrome10-25,Safari5.1-6 */
/* background: linear-gradient(to bottom, #fefefe 0%,#ebf4f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ebf4f6',GradientType=0 ); /* IE6-9 */
}
 
#home-stories .item p {
                padding: 0;
                margin: 0;
}
 
#home-stories .item {
                padding: 12px 20px 12px 71px;
                border-bottom: 2px solid #ffffff;
                background: #ebf4f6 url(/MENTALHEALTH/images/homepage/icon-circle-arrow.png) no-repeat 20px 50%;
                background-size: 34px;
               
}
 
#home-stories .item h4 {
                font-family: Arial, Helvetica, san-serif;
                font-weight: bold;
                padding: 0;
                margin: 0;
               
 
}
 
#home-stories .read-more {
                padding: 8px 20px 6px;
                background: #0083be;
                                font-family: Arial, Helvetica, san-serif;
                text-transform: uppercase;
                text-align: right;
}
 
#home-stories .read-more a {
                                color:#ffffff;
 
}
 

 
 
 
 
/* ----------------- CONDITIONS PAGES --------------------- */
 
h2.page-title-blue {
    display: block;
    margin-left: -20px;
    margin-right: -20px;
    background: #003f72;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 1.65em;
                margin-top:0;
}


 
.main-image {
    display: block;
    width:107%;
    margin:0 -20px;
}
 
@media (max-width: 480px) {   
    .main-image {
           width:115%;
}
}
 
h2.conditions-bkgd,
h3.conditions-bkgd,
h4.conditions-bkgd {
    display: block;
    background: #003f72 url(/MENTALHEALTH/images/conditions-angle-art.png) no-repeat;
    background-size: auto 100%;
    background-position: 90% 0;
    padding: 10px 15px;
    margin-top:20px;
    color: #ffffff;
    border-top: #0083be 5px solid;
    font-family: Arial, "Helvetica Neue", Helvetica,  "sans-serif";
    font-weight: normal;
}

.pane h4 {
    font-family: Arial, "Helvetica Neue", Helvetica,  "sans-serif";
  	font-weight:bold;
  font-size: 1.2em;
}
 
 
/* ----------------- TABS Blue ---------------------- */

#tier4innerContent .mh-blue ul.menu-tabs {
	list-style: none;
	margin:0;
	padding:0;
	display: block;
	clear: both;
	float:right;

}

#tier4innerContent .mh-blue ul.menu-tabs li {
	list-style-type: none;
	margin:0;
	padding: 0;
}

#tab-menu-icon {
	display: block;
    position:absolute;
    left:-10000;
	width: 30px;
	height: 30px;
	background: url(/MENTALHEALTH/images/menu-icon.png) center;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    color:#ffffff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 6px 6px 40px;

}

a:hover#tab-menu-icon {
	border-radius: 4px 4px 0 0;
    

}
 
.mh-blue .tab a {
    font-size: 1em;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #003f72;
    margin: 0;
    margin-bottom:5px;
    position: relative;
    border:none;
    background:#C1DDEC;
    background-image: none !important;
    font-family: Arial, "Helvetica Neue", Helvetica,  "sans-serif";
    font-weight: bold;
    top:0;
}
 
.mh-blue .tab a.current,
.mh-blue .tab a.current:hover {
    cursor: default !important;
    color: #ffffff !important;
    background:#003f72;
    border-top:2px solid #002451;
}
 
.mh-blue .pane {
    border:none;
    background: none;
    padding:0 15px 30px;
}

.mh-blue .pane h3 {
	font-family: Arial, Helvetica, san-serif;
	font-weight: bold;
}

@media (max-width: 767px) {
    
    #tier4innerContent .mh-blue nav#blue-tabs {
        width: 114%;
        background: #195FA4;
        margin-left: -7%;
        margin-right: -7%;
    }

    #tab-menu-icon {
        display: block;
    position: relative;
    left: 6;
    top: 0;

	}

	#tier4innerContent .mh-blue nav#blue-tabs ul, 
    #tier4innerContent .mh-blue nav#blue-tabs:active ul { 

		display: none;
		position: relative;
		padding: 0;
		background: #fff;
		right: 20px;
		top: 0;
		width: 89%;
		border-radius: 4px 0 4px 4px;

	}

	#tier4innerContent .mh-blue nav#blue-tabs li {

		text-align: center;
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;

	}
    
    #tier4innerContent .mh-blue nav#blue-tabs li a {
        padding: 6px 10px;
        margin: 0 0 1px 0;
    }

	#tier4innerContent .mh-blue nav#blue-tabs:hover ul {
		display: block;
	}
}

/* -------- temporary fix 

@media (max-width: 767px) {
	
	#tier4innerContent  .mh-blue li {
		display: block;
		float:left
	}
	
	#tier4innerContent  .mh-blue li.tab a {
    border-radius: 0 0 0 0;
    padding: 2px 4px;
    margin-bottom: 1px;
    margin-right: 5px;
	background: none;
	font-weight:normal;
		font-size:.95em;
	
	}
	#tier4innerContent  .mh-blue li.tab a:active,
	#tier4innerContent  .mh-blue li.tab a.current{
		border:none !important;
		border-radius: 0 0 0 0;
    	padding: 2px 4px;
    	margin-bottom: 1px;
    	margin-right: 5px;
		color:#003f72 !important;
		font-weight:bold;
		
	}
}

*/

 
@media (min-width: 768px) {    
               
    .mh-blue .tabs {
        float: right;
         display:block;
                }
  
    /* single tab */
                
    .mh-blue .tab {
        float: left;
                }
                
    .mh-blue .tab a {
        border-radius: 0 0 5px 5px;
        padding: 10px 14px;
        margin-bottom:20px;
        margin-right:5px;
                }
 
.mh-blue .tab a.m {
                width: auto;
}
}


 
 
 
/* ------------ Accordion Blue ------------------- */
 
.mh-blue .CollapsiblePanel {
    margin: 0px;
    padding: 0px;
    border: none;
    margin-bottom: 6px;
                background:#efefef;
}
 
.mh-blue .CollapsiblePanelTab {
    background-color: #c1ddec;
    padding-left: 30px;
    background-position: 10px;
    background-repeat: no-repeat;
}
 
.mh-blue .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-color: #0083be;
                color:#ffffff;
    background-position: 10px;
   background-repeat: no-repeat;
}
 
.mh-blue .CollapsiblePanelContent {
    border-top: none;
    border-bottom: none;
    padding: 20px;
    line-height: 18px;
    color: #333;
    background-color: #efefef;
}


/* ---------------- COLORS --------------------- */

#angled-buttons .blue a { /* #54a2cd; */
	border-top: 9px solid #54a2cd;
}

#angled-buttons .lt-blue a { /* #ccdbee; */
	border-top: 9px solid #ccdbee;
}


#angled-buttons .gray-color a { /* #c5beb7; */
	border-top: 9px solid #c5beb7;
}

#angled-buttons .gray-color-2 a { /* #c5beb7; */
	border-top: 9px solid #707e9b;
}


#angled-buttons .green a { /* #598527; */
	border-top: 9px solid #598527;
}


#angled-buttons .med-green a { /* #73bd5c; */
	border-top: 9px solid #73bd5c;
}


#angled-buttons .orange a { /* #ff834e; */
	border-top: 9px solid #ff834e;
}


#angled-buttons .purple a { /* #928fd2; */
	border-top: 9px solid #928fd2;
}

#angled-buttons .yellow a { /* #f0b82d; */
	border-top: 9px solid #f0b82d;
}

#angled-buttons .lt-yellow a { /* #f6eccc; */
	border-top: 9px solid #f6eccc;
}

#angled-buttons a:hover { /* #f6eccc; */
	border-top: 9px solid #cccccc !important;
}

#angled-buttons #lgbt a:hover { /* #f6eccc; */
	border-top: none !important;
}


/* --------------- CUSTOM BUTTONS ------------------- */

ul#angled-buttons {
	list-style: none;
	margin:40px 0 0 0;
	padding: 0;
}

ul#angled-buttons li {
	margin:0;
	padding:0 !important;
	list-style-type: none;
}

#angled-buttons li a,
#angled-buttons li a:hover {
	width: 200px;
    height: 132px;
    display: block;
    float: left;
    padding: 0;
    margin: 0 24px 24px 0;
    color: transparent;
    background-size: 100% 100% !important;
	background-repeat: no-repeat;

}

/* CONDITIONS */

#angled-buttons li#anxiety a { background-image: url(/mentalhealth/images/buttons/bt-cond-anxiety.png); }

#angled-buttons li#anxiety a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-anxiety-ro.png); }

#angled-buttons li#bipolar a { background-image: url(/mentalhealth/images/buttons/bt-cond-bipolar.png); }

#angled-buttons li#bipolar a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-bipolar-ro.png); }

#angled-buttons li#depression a { background-image: url(/mentalhealth/images/buttons/bt-cond-depression.png); }

#angled-buttons li#depression a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-depression-ro.png); }

#angled-buttons li#mst a { background-image: url(/mentalhealth/images/buttons/bt-cond-mst.png); }

#angled-buttons li#mst a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-mst-ro.png); }

#angled-buttons li#ptsd a { background-image: url(/mentalhealth/images/buttons/bt-cond-ptsd.png); }

#angled-buttons li#ptsd a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-ptsd-ro.png); }

#angled-buttons li#schizophrenia a { background-image: url(/mentalhealth/images/buttons/bt-cond-schizophrenia.png); }

#angled-buttons li#schizophrenia a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-schizophrenia-ro.png); }

#angled-buttons li#substance a { background-image: url(/mentalhealth/images/buttons/bt-cond-substance.png); }

#angled-buttons li#substance a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-substance-ro.png); }

#angled-buttons li#suicide-prev a { background-image: url(/mentalhealth/images/buttons/bt-cond-suicide-prev.png); }

#angled-buttons li#suicide-prev a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-suicide-prev-ro.png); }

#angled-buttons li#tbi a { background-image: url(/mentalhealth/images/buttons/bt-cond-tbi.png); }

#angled-buttons li#tbi a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-tbi-ro.png); }

#angled-buttons li#tobacco a { background-image: url(/mentalhealth/images/buttons/bt-cond-tobacco.png); }

#angled-buttons li#tobacco a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-tobacco-ro.png); }



/* GROUPS */

#angled-buttons li#returning-vets a { background-image: url(/mentalhealth/images/buttons/bt-group-returning-vets.png); }

#angled-buttons li#returning-vets a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-returning-vets-ro.png); }

#angled-buttons li#vets-recovery a { background-image: url(/mentalhealth/images/buttons/bt-group-vets-support.png); }

#angled-buttons li#vets-recovery a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-vets-support-ro.png); }

#angled-buttons li#woman-vet a { background-image: url(/mentalhealth/images/buttons/bt-group-woman-vet.png); }

#angled-buttons li#woman-vet a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-woman-vet-ro.png); }

#angled-buttons li#vets-work a { background-image: url(/mentalhealth/images/buttons/bt-group-vets-work.png); }

#angled-buttons li#vets-work a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-vets-work-ro.png); }

#angled-buttons li#vets-family a { background-image: url(/mentalhealth/images/buttons/bt-group-vets-family.png); }

#angled-buttons li#vets-family a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-vets-family-ro.png); }

#angled-buttons li#mh-provider a { background-image: url(/mentalhealth/images/buttons/bt-group-mh-provider.png); }

#angled-buttons li#mh-provider a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-mh-provider-ro.png); }

#angled-buttons li#hc-provider a { background-image: url(/mentalhealth/images/buttons/bt-group-healthcare-provider.png); }

#angled-buttons li#hc-provider a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-healthcare-provider-ro.png); }

#angled-buttons li#college-faculty a { background-image: url(/mentalhealth/images/buttons/bt-group-college-faculty.png); }

#angled-buttons li#college-faculty a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-college-faculty-ro.png); }

#angled-buttons li#lgbt a { background-image: url(/mentalhealth/images/buttons/bt-group-lgbt.png); }

#angled-buttons li#lgbt a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-lgbt-ro.png); }

 
/* ------------- VIDEO YouTube Responsive ------------- */
 
 
.videoWrapper {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 */
            padding-top: 25px;
            height: 0;
}
.videoWrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
}


.ratio16to9 iframe {
            width: 100% !important;
            height: 75% !important;
}



/* --------------------- LAYOUT ---------------------------------- */
.col-left {
	display: block; 
	float: left; 
	margin-right:15px !important;
}
 
/* -------------------- VCL buttons ------------------------ */

#tier4innerContent ul.buttons-vcl {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#tier4innerContent ul.buttons-vcl li {
	list-style: none;
	margin:0;
	padding: 0;
		
}

#tier4innerContent ul.buttons-vcl li img {
	background:#ffffff;
	border: 1px solid #7fc1de;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
	border-radius: 20px;
	
	width:100%;
	max-width: 280px;
	margin-bottom: 20px;
}

@media (min-width: 960px) {
	
	#tier4innerContent ul.buttons-vcl {
		margin-left: 20px;
	}
	
	#tier4innerContent ul.buttons-vcl li img {
		max-width:180px;
	}
	
	
	#tier4innerContent ul.buttons-vcl li a {
		display: inline-block; 
		float: left;
		margin-right:20px;
	}
}