@import 'color.css';

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

html, body {
	/*height: 100%;*/
    /*font-family: Verdana, Arial, sans-serif;*/
}

body {
	position: relative;
	margin: 0;
}

table caption {
	color: #757575;
}

.wrapper {

	
}

.fas.fa-file-pdf {
     color: #db1f29;
}
.centered-icon {
	padding:2px 0 0 0
}

.py-1 {
	padding: 1em .5em;
	
}

.text-white {
	color: #fff;
}

.mb-0 {
	margin-bottom: 0;
}

.steps-breadcrumb {
    width: 100%;
    min-width: 300px;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    counter-reset: flag;
    font-family: arial;
    text-align: center;
}

    .steps-breadcrumb .item {
        position: relative;
        display: block;
        float: left;
        width: 33%;
        background: #E3E3E3;
        color: #3D3D3D;
        text-decoration: none;
        outline: none;
        font-size: 13px;
        font-weight: bold;
        line-height: 44px;
        white-space: nowrap;
        padding: 0 20px 0 60px;
    }

    .steps-breadcrumb .item:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

	@media print {
		.collapse {
			display: block !important;
			height: auto !important;
		}
	}
	
@media screen and (max-width: 991px) {
    .steps-breadcrumb .item {
        font-size: 13px;
    }
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .item {
        line-height: normal;
        text-align: center;
        padding-bottom: 4px;
        padding-left: 0;
        padding-right: 0;
    }

        .steps-breadcrumb .item:not(.active) {
            padding-top: 2px;
            padding-bottom: 6px;
        }
}

.steps-breadcrumb .item:first-child {
    border-radius: 5px 0 0 5px;
}

    .steps-breadcrumb .item:first-child:before {
        left: 14px;
    }

@media screen and (max-width: 991px) {
    .steps-breadcrumb .item:first-child:before {
        left: 0;
    }
}

.steps-breadcrumb .item:first-child:last-child {
    border-radius: 0 5px 5px 0;
}

.steps-breadcrumb .arrow {
    position: absolute;
    top: 22px;
    right: 1px;
    z-index: 2;
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .arrow {
        top: 24px;
    }
}

.steps-breadcrumb .arrow:after, .steps-breadcrumb .arrow:before {
    content: " ";
    position: absolute;
    height: 0;
    width: 0;
    border: solid transparent;
}

.steps-breadcrumb .arrow:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #E3E3E3;
    border-width: 20px;
    margin-top: -20px;
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .arrow:after {
        margin-top: -23px;
        right: -12px;
        border-width: 23px 0 24px 12px;
    }
}

.steps-breadcrumb .arrow:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #fff;
    border-width: 23px;
    margin-top: -23px;
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .arrow:before {
        margin-top: -28px;
        border-width: 28px 0 28px 15px;
    }
}

.steps-breadcrumb .item:before {
    content: counter(flag);
    counter-increment: flag;
    position: absolute;
    top: 0;
    left: 30px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    margin: 8px 0;
    background: white;
    box-shadow: 0 0 0 1px #ccc;
    font-size: 18px;
    font-weight: bold;
    color: green;
    line-height: 24px;
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .item:before {
        position: relative;
        display: block;
        left: 0;
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 14px;
        margin: 6px auto 4px;
    }
}

.steps-breadcrumb .item:hover, .steps-breadcrumb .active {
    background: #fff;
}

    .steps-breadcrumb .item:hover .arrow:after {
        border-left-color: #fff;
    }

.steps-breadcrumb .active {
    border-top: 2px solid #09F;
    border-bottom: 2px solid #09F;
    line-height: 40px;
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .active {
        line-height: normal;
    }
}

.steps-breadcrumb .active:before {
    color: #09F;
}

.steps-breadcrumb .active .arrow {
    top: 20px;
}

@media screen and (max-width: 991px) {
    .steps-breadcrumb .active .arrow {
        top: 22px;
    }
}

.steps-breadcrumb .active .arrow:before {
    border-left-color: #09F;
}

.steps-breadcrumb .active .arrow:after {
    border-left-color: #fff;
}

.steps-breadcrumb .active:first-child {
    border-left: 2px solid #09F;
}

.steps-breadcrumb .active:last-child {
    border-right: 2px solid #09F;
}

.steps-breadcrumb .item.completed {
    background: #1b75bc;
    color: #fff;
}

    .steps-breadcrumb .item.completed .arrow:before, .steps-breadcrumb .item.completed .arrow:after {
        border-left-color: #1b75bc;
    }

    .steps-breadcrumb .item.completed:after {
        box-shadow: 2px -2px 0 2px #1b75bc, 3px -3px 0 2px #1b75bc;
    }

@media screen and (max-width: 991px) {
    .hide-mobile {
        display: none;
    }
}

.show-mobile {
    display: none;
}

@media screen and (max-width: 991px) {
    .show-mobile {
        display: inline-block;
    }
}

*, :after, :before {
    box-sizing: border-box;
}




.nav-search {
	vertical-align: middle;
	height: 50px;
}


.header-search-span {
    float: left;
    width: 200px;
    display: inline-block;
	color: #fff;
}

.header-search {
    width: 200px;
    /* position: relative; */
    float: left;
	padding-top: 9px;
	
}

    .header-search input {
       /*  position: absolute; */
        /* width: 0px; */
        float: Left;
		width: 170px;
        /* -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out; */
        border-radius:0;
        padding: 0 2px 0 2px;
        border: 0;
        box-shadow: none;
    }

       /*  .header-search:hover input, .header-search input:focus {
            width: 200px;
            margin-left: 0px;
            color: #000000;
            font-weight: bold;
            background: rgba(255, 255, 255,1);
			border-radius: 5px;
        }
        
        .header-search input::placeholder {
            color: #ffffff;
            font-weight: normal;
        } */

.btn-srch {
    position: absolute;
    right: 0;
    border: 0;
    background: transparent;
}

.btn-srch i {
	color: #fff;
	font-size: 1.5em;
	padding-top: 5px;
}

@media (max-width: 767px) {

}





.notification-home {
	margin: 5px 0px;
}

.link-secondary, .link-secondary:visited {
	color: #fff;
	background-color: #c73531;
	border: 1px solid #c73531;
	font-size: 14px;
	padding: 3px 5px;
	margin: 3px 3px 3px 0px;
	display: inline-block;
}

.link-secondary:hover {
	color: #fff;
	background-color: #B02F2B;
	text-decoration: none;
	border: 1px solid #c73531;
	font-size: 14px;
	display: inline-block;
}


.block {
    display: block;
}

a.longURL
{
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}


.hero {
	/*background: linear-gradient(180deg, #fff, #eee);*/
}

.hero-image-container {
	position: relative;
	max-width: 1199px;
}

.hero-image {
	width: 100%;
	display: inline-block;
}

.hero-text {
	margin: 5px 10px;
}

/*.hero-text a {
	color: #87CEFA;
}*/

.hero .row {
	margin-bottom: 0px;
}

.overlay {
  color: #ffffff;
  background-color: rgba(0,0,0,.75);
  position: absolute;
  bottom: 0;
  left: 0;

}

.hero .nav-pills {
	padding: 0px 10px 5px 10px;
}

.hero .nav.nav-pills li a {
	background-color: #eee;
	color: #000;
	border: 1px solid #000;
	margin-bottom: 3px;
	
}

.hero .nav.nav-pills li a:hover {
	background-color: #1b75bc;
	color: #fff;
	border: 1px solid #000;
	border-bottom: 0;
}

.row.padded-row {
    padding-bottom: 15px;
}

.img-padding{
	width:300px;
	padding:0px 20px 0px 0px;
}

.skipnav {
	position: absolute;
	right: 10000px;
}

.skipnav:focus {
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
}




@media (max-width: 767px) {
	/* NAVIGATION  VIEWPORT 1*/
	.navbar-header {
		padding-left: 15px;
	}
	
	.navbar-nav {
		clear: both;
		display: block;
		float: left;
	}
	
	.btn-srch i {
		padding-right: 15px;
	}
	.header-search input {
		width: 150px;
		
	}
	
	.navbar-nav .open .dropdown-menu {
		background-color: #eee;
	}

	#fullnav .container {
		padding: 0px !important;
		margin: 0px !important;
	}
	
	#nav li.divider {
		display: none;
	}
	
	.navbar-collapse {
		margin-bottom: 7px;
        padding-right: 0px;
		clear: both;
	}
	
	.navbar-collapse .navbar-nav {
		width: 100%;
	}
	
    .navbar-nav {
        margin-right: 0px;
        padding-right: 0px;
    }

	.navbar-nav .dropdown {
		min-height: 40px;
	}

    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .navbar-nav .mega-dropdown li ul li {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dropdown-menu .dropdown-content {
        margin-left: -15px;
    }
	
	.navbar li {
		padding-left: 15px;
	}

    .navbar li > ul.dropdown-menu {
        margin-left: 0px;
        margin-right: 0px;
		min-width: 300px;
    }
	
	.nav-module {
		padding: 0px;
		margin: 0px;
	}
	
	.navbar-toggle {
		margin-right: 15px;
	}
	
	/* HERO VIEWPORT 1*/
	.hero {
	    background: #fff;
	}

    .hero .container {
        margin: 0 10px;
        padding: 0;
    }

	.hero-image-container {
		position: relative;
		max-width: 1199px;
	}

	.hero-image {
		width: 100%;
		display: inline-block;
	}

	.hero-text {
		margin: 5px 10px;
	}

	/*.hero-text a {
		color: #17639f;
	}*/

	.hero .row {
		margin-bottom: 0px;
	}

	.overlay {
	  color: #000;
	  background-color: #fff;
	  position: relative;
	  top: 0;
	  left: 0;

	}

	.hero .nav.nav-pills li a {
		background-color: #eee;
		color: #000;
		border: 1px solid #000;
		
	}

	.hero .nav.nav-pills li a:hover {
		background-color: #1b75bc;
		color: #fff;
		border: 1px solid #000;
	}

    .panel-info {
        margin-top: 10px;
    }

}






footer .lower {
	background-color: #eee;
	height: auto;
	width: 100%;
	
	margin-bottom: 0;
	padding-bottom: 0;
	clear: both;
}

footer > p {
	text-align: bottom;
}

footer .upper {
	background-color: #ddd;
}

footer .upper .container .dismissable {
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	height: auto;
	display: inline;
}

footer .upper .container .dismissable li {
	list-style-type: none;
	display: inline;
}

footer .upper .container .dismissable li a {
	list-style-type: none;
	display: inline-block;
	padding: 5px 10px 5px 5px;
	color: #000;
}

.footernav h4 {
    margin: 0px 0px 3px 0px;
}

.footernav ul {
    list-style-type: none;
    padding-left: 0px;
}

.footernav ul li {

}

.footernav ul li a {
    color: #000;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 2px 0px 2px 8px;
}

.footernav ul li:hover {
    background-color: #fff;
}

body {
  color: #000;
}


.row {
	margin: 10px -15px 10px -15px;
}


h1, h2, h3,h3 bold, h4, h5, h6 {
	color: #1b75bc;
	color: #BF202F;
}

h1 {
	color: #000;
	font-size: 30px;
}

h2 {
	color: #1b75bc;
	font-size: 24px;
}

/*h2, h3, h4 {
	color: #BF202F;
	color: #1b75bc;
}*/

h3 {
	color: #BF202F;
	font-size: 21px;
	color: #000;
}
.bold {
	font-weight: bold;

}
h4 {
	/*color: #BF202F;*/
	/*font-weight: bold;*/
	color: #1b75bc;
	font-size: 18px;
}
.text-faq h4{
	color:#000;
	font-weight: bold;
}

h5 {
	font-size: 16px;
	font-weight: bold;
	/*color: #BF202F;*/
	color: #000;
}
.gray {
	
	color: rgba(94, 94, 94, 1);
	font-weight: bold;
	
}
h6 {
	font-size: 14px;
	/*color: #BF202F;*/
	/*color: #000;*/
	color: #1b75bc;
    color: #000;
	font-weight: bold;
}


/*h2 {
	font-size: 24px;
}*/


.cdc-image {
	padding-bottom: 20px;
}

/* Global Content Container Settings */

#content ul > li, #content p, #content dl, #content dl dd, #content address, #content ol > li {
	line-height: 1.6;
}

#content ul > li {
	margin-bottom: 8px;
}

#content ul > li > ul {
	margin: 8px 0px 8px 0px;
}

.nested-toc ol {
    counter-reset: item;
}
.nested-toc ol li {
    display: block;
    position: relative;
}
.nested-toc ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}

#content dl > dd {

}

#content dl dt, #content dl dd {
	white-space: normal;
	margin-bottom: 15px;
}



#wannabox {
    margin-top: 0px;
}

.wants {
    height: 100%;
    padding: 8px 5px;
     background-color: #eaeaea;
}





/*.wants ul {
    list-style-type: none;
}

.wants ul li {
    background-color: #fff;
    color: #000;
    border: 1px solid #1b75bc;
    border-radius: 4px;
    padding: 3px 5px;
}

.wants ul li:hover {
    background-color: #1b75bc;
    color: #fff;
}

.wants ul li:hover a {
    background-color: #1b75bc;
    color: #fff;
    text-decoration: none;
}

.wants ul li a {
    color: #000;  
}*/


@media (min-width: 992px) {
	#wannabox {
		margin-top: 0px;
		position: absolute;
		bottom: 0;
	}

		height: 100%;
	.wants {
		padding: 8px 5px;
		 background-color: #eaeaea;
		 opacity: .9;
	}
}

.wants ul {
    list-style-type: none;
}

.wants ul li {
    
    margin-bottom: 0px;
    float: left;
    width: 30%;
    position: relative;
}

.wants ul li:hover {
    background-color: #fff;
    color: #000;
    cursor: pointer;
}

.wants ul li:hover a {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

.wants ul li a {
    color: #000;
    display: block;
    height: 100%;
    padding: 3px 5px;
}


@media (max-width: 767px) {	
	.wants ul {
        list-style-type: none;
    }

    .wants ul li {
        margin-bottom: 0px;
        float: left;
        width: 100%;
        position: relative;
    }

    .wants ul li:hover {
        background-color: #fff;
        color: #000;
        cursor: pointer;
    }

    .wants ul li:hover a {
        background-color: #fff;
        color: #000;
        text-decoration: none;
    }

    .wants ul li a {
        color: #000;
        padding: 3px 5px;
    }
}




#i-want-to {
    margin-left: -20px;
}

#i-want-to .arrow-right {
	display: inline-block;
	position: relative;
	background: #C73531;
}
#i-want-to .arrow-right:after {
	content: '';
	display: block;  
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -24px;
	width: 0;
	height: 0;
	border-top: 24px solid transparent;
	border-right: 24px solid transparent;
	border-bottom: 24px solid transparent;
	border-left: 24px solid #C73531;
}

#i-want-to h2 {
    background-color: #C73531;
    color: #fff;
    padding: 3px 20px 5px 20px;
    margin-top: 5px;
}

.hero-image-container {
    padding-top: 0px;
    margin-top: -10px;
}

/* Fieldset CSS*/
fieldset {
	border: 0;
    margin-bottom: 30px;
}

fieldset legend {
    font-size: 16px;
}


fieldset ul{
    list-style:none;
    margin:0;
    padding:0;
}

fieldset ul li{
    margin-bottom:10px;
}

fieldset input{
    float:left;
    margin-right:10px;
}

fieldset label{
    overflow:auto;
    display:block;
    margin-left: 20px;
}

fieldset legend {
	width: 100%;
	white-space: normal;
	display: block;
}

fieldset legend span {
	width: 100%;
	display: block;
}

.explanation {
    border: #8faad8 solid 1px;
    background: #fff;
    padding: 10px;
    margin-bottom: 14px;
    border-radius: 10px;
}


/* CANCER DEFINITION LIST ON CONDITIONS PAGE  */
#content dl.cancer > dd {
	margin-bottom: 8px;
	display: list-item;
	list-style-type: disc;
	margin-left: 6em;
}

#content dl.cancer dt {
	/*color: #1b75bc;*/
	display: list-item;
	list-style-type: disc;
	margin-left: 3em;
	margin-bottom: 8px;
}

ul.list-block {
	list-style: none;
	display: block;
	padding: 5px 0;
}

ul.list-block li {
	margin: 0;
	display: inline-block;
	width: 100%;
	padding: 5px 0;
}

/* HANDBOOK CSS */
table.cce.directory {
	border: 2px solid #fff;
}

table.cce.directory th {
	background-color: #1b75bc;
	color: #fff;
	padding: 5px 5px;
	border-bottom: 2px solid #fff;
}

table.cce.directory th.subheader {
	background-color: #e2e9f8;
	color: #000;
}

table.cce.directory td {
	padding: 5px 5px;
	border: 2px solid #fff;
	text-align: top;
	vertical-align: top;
	background-color: #f5f5f5;
}

table.cce.directory tbody.group td {
	border: 0;
}

table .center {
	text-align: center;
}

table td span.success {

	color: green;
	
}


/* MEDIA OBJECTS */

.navigation-buttons .media-heading {
	color: #1b75bc;
	font-weight: normal;
}






/* Feature Thumbnails
-------------------------------------------------- */

.thumbnail .caption {
	padding: 0px;
	margin-top: 5px;
}

.thumbnail .caption h3 {
	padding: 8px 5px 8px 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #1b75bc;
	color: #fff;
	font-size: 16px;
}




@media (min-width:404px) and (max-width: 767px) {
	.thumbnail.feature {
		height: 100%;
		overflow:auto;
	}
	
	.thumbnail.feature img {
		width: 25%;
		float: left;
	}
	
	.thumbnail.feature .caption {
		padding: 0px;
		margin-top: 5px;
		width: 74%;
		float: left;
		margin-left: 1%;
	}
	
	
	.thumbnail .caption h3 {
	padding: 8px 5px 8px 5px;
	margin-top: -5px;
	margin-bottom: 3px;
	background-color: #1b75bc;
	color: #fff;
	font-size: 16px;
	}

    .thumbnail img {
    padding-bottom: 3px;
    }
}

@media (max-width: 403px) {
	.thumbnail.feature {
		height: 100%;
		overflow:auto;
	}
	
	.thumbnail.feature img {
		float: left;
		display: none;
	}
	
	.thumbnail.feature .caption {
		padding: 0px;
		margin-top: 5px;
		width: 100%;
		float: left;
	}
	
	
	.thumbnail .caption h3 {
	padding: 8px 5px 8px 5px;
	margin-top: -5px;
	margin-bottom: 3px;
	background-color: #1b75bc;
	color: #fff;
	font-size: 16px;
	}

    .thumbnail img {
    padding-bottom: 3px;
    }
	
	.skipnav:focus {
		float: right;
		position: relative;
	}
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  /*height: 500px;*/
  /*max-height: 240px;*/
  /*margin-bottom: 60px;*/
  overflow: hidden;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  /*height: 500px;*/
  background-color: #777;
 /*max-height: 240px;*/
}

.carousel .item .slide {
  /*width: 100%;
  height: 100%;*/
}
.carousel .item  .container {
  /*height: 500px;*/

  background-color: #777;

}



/*.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}*/

/* Carousel Caption */

.carousel-caption h2 {
	color: #fff;
	font-size: 20px;
}

.carousel-caption p {
	color: #fff;
	font-size: 14px;
}




#myCarousel {
	top: -10px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.carousel-fade .carousel-inner {
	overflow: hidden;
}

.carousel-fade .item {
	overflow: hidden;

}

.carousel-fade, .carousel-fade .carousel-inner, .carousel-fade .item {
	height: auto !important;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  height: auto;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner img {
  margin-left: 25%;
  width: 75%;
}

.carousel-fade .carousel-inner .carousel-caption {
  background-color: #1b75bc;
  left: 0;
  top: 0;
  height: 100%;
  width: 25%;
}

.carousel-fade .carousel-indicators {
	clear: both;
}

@media (min-width: 546px) and (max-width: 768px) {
	#myCarousel, #myCarousel .carousel-caption, #myCarousel .carousel-content, #myCarousel .carousel-inner, #myCarousel .item .container {
		max-height: 240px;
	}
	
	.carousel-fade h2 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	
	.carousel-fade p {
		font-size: 12px;
	}
	


	
	#myCarousel .item .container {

	}
	
	#myCarousel img {
		width: 100%;
		height: 100%;
		margin-left: 0;
	}
	
	#myCarousel .carousel-inner {
		width: 100%;
		height: 100%;
		clear: both;
	}
	
	#myCarousel .carousel-indicators {
		bottom: -12px;
	}
	
	#myCarousel .carousel-caption {
    position: absolute;
    top: 145px;
    font-family: 'museo_slab500';
    font-size: 150%;
    color: #fff;
    padding: 0 20px;
    width: 100%;
	height: 40%;
    line-height: 150%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
	text-align: left;
	}
	

	#myCarousel .carousel-caption .content-link .btn {
		float: right;
		margin-top: 25px;
	}
	
	#myCarousel .carousel-caption .carousel-content {

	}
	
	#myCarousel .carousel-caption .carousel-content .btn {

	}
	

}

@media (min-width: 768px) and (max-width: 991px) {
	#myCarousel, #myCarousel .carousel-caption, #myCarousel .carousel-content, #myCarousel .carousel-inner, #myCarousel .item .container {
		max-height: 300px;
	}
	
	.carousel-fade h2 {
		font-size: 24px;
		margin-bottom: 5px;
	}
	
	.carousel-fade p {
		font-size: 16px;
	}
	
	.overlay {
	  color: #000;
	  background-color: #fff;
	  position: relative;
	  top: 0;
	  left: 0;

	}
	
	
	.hero .overlay .container {
		padding: 0px;
		margin: 0px;
	}
	
	.hero .nav-pills {
		margin: 0px;
		padding: 0px;
	}
	
	.hero .nav-pills li {
		padding: 2px;
	}
	
	.hero .nav-pills li a {
		background-color: #eee;
		color: #000;
		border: 1px solid #000;
	}

	.hero .nav-pills li a:hover {
		background-color: #1b75bc;
		color: #fff;
		border: 1px solid #000;
	}
	
	.hero-text {
		margin: 0px;
	}
	
	/*.hero-text a {
		color: #17639f
	}*/

	.hero-text p {
		margin-bottom: 0px;
	}
	
	#myCarousel .item .container {

	}
	
	#myCarousel img {
		width: 100%;
		height: 100%;
		margin-left: 0;
	}
	
	#myCarousel .carousel-inner {
		width: 100%;
		height: 100%;
		clear: both;
	}
	
	#myCarousel .carousel-indicators {
		bottom: -5px;
	}
	
	#myCarousel .carousel-caption {
    position: absolute;
    top: 190px;
    font-family: 'museo_slab500';
    font-size: 150%;
    color: #fff;
    padding: 0 20px;
    width: 100%;
	height: 40%;
    line-height: 150%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
	text-align: left;
	}
	

	#myCarousel .carousel-caption .content-link .btn {
		float: right;
		margin-top: 25px;
	}
	
	#myCarousel .carousel-caption .carousel-content {

	}
	
	#myCarousel .carousel-caption .carousel-content .btn {

	}

    
}

@media (min-width: 992px) and (max-width: 1200px) {

    
    #myCarousel, #myCarousel .carousel-caption, #myCarousel .carousel-content, #myCarousel .carousel-inner, #myCarousel .item .container {

	}
	
	.carousel-fade h2 {
		font-size: 24px;
		margin-bottom: 5px;
	}
	
	.carousel-fade p {
		font-size: 16px;
	}
	
	
	.overlay {
	  color: #000;
	  background-color: #fff;
	  position: relative;
	  top: 0;
	  left: 0;

	}
	
	
	.hero .overlay .container {
		padding: 0px;
		margin: 0px;
	}
	
	.hero .nav-pills {
		margin: 0px;
		padding: 0px;
	}
	
	.hero .nav-pills li {
		padding: 2px;
	}
	
	.hero .nav-pills li a {
		background-color: #eee;
		color: #000;
		border: 1px solid #000;
	}

	.hero .nav-pills li a:hover {
		background-color: #1b75bc;
		color: #fff;
		border: 1px solid #000;
	}
	
	.hero-text {
		margin: 0px;
	}
	
	/*.hero-text a {
		color: #17639f;
	}*/

	.hero-text p {
		margin-bottom: 0px;
	}

	
	#myCarousel .item .container {

	}
	
	#myCarousel img {
		width: 100%;
		height: 100%;
		margin-left: 0;
	}
	
	#myCarousel .carousel-inner {
		width: 100%;
		height: 100%;
		clear: both;
	}
	
	#myCarousel .carousel-indicators {
		bottom: -5px;
	}
	
	#myCarousel .carousel-caption {
    position: absolute;
    top: 300px;
    font-family: 'museo_slab500';
    font-size: 150%;
    color: #fff;
    padding: 0 20px;
    width: 100%;
	height: 40%;
    line-height: 150%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
	text-align: left;
	}
	

	#myCarousel .carousel-caption .content-link .btn {
		float: right;
		margin-top: 25px;
	}
	
	#myCarousel .carousel-caption .carousel-content {

	}
	
	#myCarousel .carousel-caption .carousel-content .btn {

	}
}

@media (min-width: 1200px) {
	#myCarousel, #myCarousel .carousel-caption, #myCarousel .carousel-content, #myCarousel .carousel-inner, #myCarousel .item .container {
		height: 150px;
	}
	
	.carousel-fade h2 {
		font-size: 24px;
		margin-bottom: 5px;
	}
	
	.carousel-fade p {
		font-size: 16px;
	}
	

    .overlay {
	  color: #000;
	  background-color: #fff;
	  position: relative;
	  top: 0;
	  left: 0;

	}
	
	
	.hero .overlay .container {
		padding: 0px;
		margin: 0px;
	}
	
	.hero .nav-pills {
		margin: 0px;
		padding: 0px;
	}
	
	.hero .nav-pills li {
		padding: 2px;
	}
	
	.hero .nav-pills li a {
		background-color: #eee;
		color: #000;
		border: 1px solid #000;
	}

	.hero .nav-pills li a:hover {
		background-color: #1b75bc;
		color: #fff;
		border: 1px solid #000;
	}
	
	.hero-text {
		margin: 0px;
	}
	
	/*.hero-text a {
		color: #17639f;
	}*/

	.hero-text p {
		margin-bottom: 0px;
	}
	
	#myCarousel .item .container {
		height: auto;
	}
	
	#myCarousel img {
		width: 100%;
		height: 100%;
		margin-left: 0;
	}
	
	#myCarousel .carousel-inner {
		width: 100%;
		height: 100%;
		clear: both;
	}
	
	#myCarousel .carousel-indicators {
		bottom: -5px;
	}
	
	#myCarousel .carousel-caption {
    position: absolute;
    top: 410px;
    font-family: 'museo_slab500';
    font-size: 150%;
    color: #fff;
    padding: 0 20px;
    width: 100%;
	height: 20%;
    line-height: 150%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
	text-align: left;
	}
	

	#myCarousel .carousel-caption .content-link .btn {
		float: right;
		margin-top: 25px;
	}
	
	#myCarousel .carousel-caption .carousel-content {

	}
	
	#myCarousel .carousel-caption .carousel-content .btn {

	}
	

}







.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
  display: none;
}

.carousel-fade .carousel-control {
  z-index: 2;
  display: none;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: .75;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: .75;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}





/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}



/* NAVBAR
------------------------- */

#fullnav {
    background-color: #1b75bc;
    border-bottom: 1px solid #000;
}

.navbar {
	margin-bottom: 0px;
	border: 0;
	border-radius: 0;
}

.navbar .navbar-collapse {
	/* Align navbar to left border of container when removing Home button */
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.navbar-default .navbar-nav>li>a {
    width: 100%;
	color: #fff;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar .dropdown-menu.nav-module .dropdown-content li a:hover, .navbar .dropdown-menu.nav-module .dropdown-content li a:focus {
	color: #fff;
	background-color: #0E5D9D;
}

.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background-color: #0E5D9D;
}

.navbar-header .navbar-brand {
	color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-header .navbar-brand:hover {
	color: #fff;
	background-color: #0E5D9D;
}

.navbar .dropdown-menu.nav-module {
	left: auto;
	margin-top: 0px;
	margin-left: -1px;
	background-color: #eee;
}

.navbar .dropdown-menu.nav-module .dropdown-content {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	min-width: 210px;
}

.navbar .dropdown-menu.nav-module .dropdown-content li {
	padding: 0px;
	margin: 0px;
}

.navbar .dropdown-menu.nav-module .dropdown-content li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #000;
    white-space: normal;
}
.navbar .dropdown-menu.nav-module .dropdown-content li a:hover, .navbar .dropdown-menu.nav-module .dropdown-content li a:focus {
    text-decoration: none;
    color: #000;
    background-color: #fff;
}



.navbar .dropdown-menu.nav-module .dropdown-content li a {
	color: #000;
}

.mega-dropdown {
    position: static !important;
    width:100%;

}

.mega-dropdown .row {
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 0px !important;
}

.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
	clear: both;
	background-color: #eee;
}

.mega-dropdown-menu .divider {
	background-color: #999;
}


.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #000;
    white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #000;
    background-color: #fff;
}
.mega-dropdown-menu .dropdown-header, .mega-dropdown-menu .dropdown-header {
    color: #428bca;
    font-size: 16px;
    font-weight:bold;
}
.mega-dropdown-menu form {
    margin:3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

.socialRow ul {
    list-style-type: none;
    display: block;
    margin: 10px 0px 10px 10px;
    padding: 0;
}

.socialRow ul li {
    display: inline;
    float: left;
}

.socialRow ul li a {
    padding: 3px;
}

@media (min-width: 992px)
    {
	/*
	.open .dropdown-toggle:after {
    border-bottom: 15px solid #fff;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    content: "";
    left: 163px;
    position: absolute;
    bottom: -21px;
    z-index: 1500;
}
.open .dropdown-toggle span:after {
    border-bottom: 17px solid #ccc;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    content: "";
    left: -10px;
    position: absolute;
    bottom: -41px;
    z-index: 8;
}*/

/*.modal:before {

  }
  
  .modal-dialog {
	top: 25%;
}*/

	/* NAVIGATION VIEWPORT 2 VIEWPORT 3 VIEWPORT 4*/

	.navbar-nav {
		display: flex;
	}

	.navbar-nav > li {
		width: auto;
		border-left: 1px solid #0E5D9D;
	}

	.navbar-nav > li > a {
			padding: 15px 10px;
		}

	.dropdown-toggle {
		display: inline;
	}

	.glyphicon-chevron-down, .glyphicon-chevron-up {
		white-space: nowrap;
		margin-left: 10px;
		display: inline;
		text-align: right;
	}

	.navbar-nav > li:last-of-type {
		border-right: 1px solid #0E5D9D;
	}

	.navbar-default .navbar-nav>li>a {
		white-space: nowrap;
		color: #fff;
	}
}

@media (max-width: 767px) {
	
	
	span.glyphicon-chevron-down, .glyphicon-chevron-up  {
	white-space: nowrap;
	margin-left: 10px;
	display: inline;
	float: right;
	text-align: right;
	}
	
	#headerImage img {
		margin-left: -15px;
		vertical-align: left;
		padding-left: 0px;
	}

	footer .upper .container .dismissable li {
		list-style-type: none;
		display: block;
	}

	footer .upper .container .dismissable li a {
		list-style-type: none;
		display: block;
		padding: 5px 10px 5px 5px;
		color: #000;
	}

    #ppm_handbook ul, #ppm_handbook ol {
        margin-left: -18px;
    }
	
}

.navbar-nav {
	margin-top: 0px;
	margin-bottom: 0px;
}

span.glyphicon-chevron-down, span.glyphicon-chevron-up  {
	white-space: nowrap;
	margin-left: 10px;
	display: inline;
	text-align: right;
}

.panel .glyphicon-chevron-down, .panel .glyphicon-chevron-up {
    display: block;
    float: right;
}

.panel div.list-group > div.list-group {
    margin-bottom: 0px;
	margin-top: 1px;
}

.panel div.list-group > div.list-group a {
    padding-left: 40px;
}

.lower {
    clear: left;
}



/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* PANEL DESIGN
-------------------------------------------------- */
/*
.panel-transparent, .panel {
        background: none;
        border: 1px solid black;
    }

    .panel-transparent .panel-heading {
        background: rgba(14, 93, 157, .9) !important;
        color: #fff;
    }

    .btn-primary, .panel .panel-heading {
        background-color: #0E5D9D;
        color: #fff;
    }

    .panel-transparent .panel-body{
        background: rgba(45, 30, 30, .90);
    }

    .panel-transparent {
        background: none;
    }

.panel-nav-transparent .panel-heading {
        background: rgba(14, 93, 157, .9) !important;
        color: #fff;
    }

.panel-nav-transparent .panel-body * {
     background: rgba(255, 255, 255, .90);
}

    .panel-nav-transparent .list-group{
        background-color: rgba(45, 30, 30, .25);
    }

    .well, .panel-heading {
    background-color: rgba(14, 93, 157, .90);
}
*/


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 545px) {
	.carousel {
		display: none;
	}
}

@media (max-width: 767px) {
	span.glyphicon-chevron-down, span.glyphicon-chevron-up  {
		white-space: nowrap;
		margin-left: 10px;
		display: inline;
		text-align: right;
	}
}

@media (min-width: 768px) {
  /* Navbar positioning foo */


  .featurette-heading {
    font-size: 50px;
  }
  
	span.glyphicon-chevron-down, span.glyphicon-chevron-up  {
		white-space: nowrap;
		margin-left: 10px;
		display: inline;
		text-align: right;
	}
	


  
}

@media (min-width: 992px) {
	

  .featurette-heading {
    margin-top: 120px;
  }
  
	span.glyphicon-chevron-down, span.glyphicon-chevron-up  {
		white-space: nowrap;
		margin-left: 10px;
		display: inline;
		text-align: right;
	}
}








#headerImage {
	background-color: #fff;
}

.navigation-buttons, .media-menu {
	height: 100%;
	margin-bottom: 20px;
}

.nav-button {
	background-color: transparent;
	padding: 0;
	color: #333;
}

.navigation-buttons  .media i, .media-menu i{
	margin: 10px;
}

.navigation-buttons .media-left, .media-menu .media-left {
	min-width: 6em;
	text-align: center;
}

.navigation-buttons .media {
	background-color: #eee;
	padding: 5px;
	margin: 3px;
	height: auto;
	color: #000;
	border-radius: 5px;
}

.navigation-buttons .media-heading {
	color: #000;
}

.navigation-buttons a:hover {
	text-decoration: none;
}

.navigation-buttons .glyphicon {
	font-size: 48px;
}



.navigation-buttons .media:hover, .navigation-buttons .media:focus {
	background-color: #ddd;
	color: #000;
}
.btn-red{
	border: 1px solid #ab1d23;
	background-color: #c73531;
	margin: 2px;
	color: #fff;
	
}

.btn-red:hover, .btn-red:focus {
        border: 1px solid #ab1d23;
		background-color: #ab1d23;
        color: #fff;
}

.btn-secondary {
	border: 1px solid #E58B00;
	background-color: #FAA61A;
	margin: 2px;
	color: #000;
}

.btn-secondary:hover, .btn-secondary:focus {
	border: 1px solid #E58B00;
	background-color: #E58B00;
	color: #000;
}




/*.panel .panel-heading {
    font-weight: bold;
}*/

.panel.panel-block {
	border-radius: 0;
}

.panel.panel-block .panel-heading {
	border-radius: 0;
}

.panel.panel-block .list-group {
	padding-top: 0px;
}
.panel.panel-block h3 {
	margin-bottom: 0px;
}

.panel-secondary {
	border: 1px solid #FAA61A;
}

.panel-secondary .panel-heading {
	background-color: #FAA61A;
	color: #000;
}

.panel-related {
    border: 1px solid #C0D4DE;
}

.panel-related .panel-heading {
    background-color: #d9edf7;
    color: #000;
}

.panel-related a.list-group-item {
    border: 1px solid #C0D4DE;
}

/*
#on-this-page > .panel-primary > div.list-group > a {
	background-color: #eeeeff;
}
*/

#on-this-page, .on-this-page {

}

#on-this-page.right-col, .on-this-page.right-col {
	padding-left: 0px;
	margin-left: 15px;
}

#on-this-page div.list-group div.list-group, .on-this-page div.list-group div.list-group {
	margin-bottom: 0px;
	margin-top: 1px;
}

#on-this-page div.list-group div.list-group > a, .on-this-page div.list-group div.list-group > a {
	padding-left: 40px;
}

@media (max-width: 767px) {
	#on-this-page, .on-this-page {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#on-this-page, .on-this-page {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
}

.resources .resources-header {
	background-color: #1b75bc;
}

.resources .resources-header h3 {
	color: #fff;
	margin-top: 0px;
	padding: 10px 15px;
	font-size: 14px;
}

.resources .resources-header h3 small {
	color: #fff;
	margin-top: 0px;
	padding: 8px 0 8px 15px;
}

.legal {
	font-size: 10px;
	clear: both;
}

#news-feed {
	border: 1px solid #1b75bc;
	margin-bottom: 15px;
}

#news-feed #news-header {
	background-color: #1b75bc;
}
.header-block-primary{
	background-color: #1b75bc;
	color: #fff;
	padding: 8px 5px 8px 8px;
	
}

.header-block-secondary{
	background-color: #FAA61A;
	color: #fff;
	padding: 8px 5px 8px 8px;
	
}

.header-block-red{
	background-color: rgba(199,53,49,1);
	color: #fff;
	padding: 8px 5px 8px 8px;
	
}


#news-feed  #news-header h3 {
	color: #fff;
	margin-top: 0px;
	padding: 8px 0 8px 15px;
}


#news-feed .media, .update-feed .media {
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 15px;
	border-bottom: 1px solid #ccc;
}

#news-feed .media h4 {
	font-size: 14px;
}

#news-feed .media-danger, .update-feed .media-danger {
	margin-bottom: 0px;
	margin-top: 0px;
}

#news-feed .media-heading a {
	font-size: 14px;
	font-weight: bold;
}

#news-feed .media-danger .media-heading a  {
	font-size: 14px;
	color: #BF202F;
}

#news-feed .media-footer, .update-feed .media-footer {
	color: #767676;
	text-align: right;
	clear: both;
}

#news-feed #news-footer .news-more, .update-feed .news-more {
	text-align: right;
	padding: 10px 10px 0px 10px;
	
}

.update-feed {
	border: 1px solid #1b75bc;
}

.update-feed h2 {
	background-color: #1b75bc;
	color: #fff;
	padding: 5px;
	margin: 0px;
}

.update-feed  h3 {
	color: #000;
	border-bottom: 1px solid #000;
	padding: 5px;
}

.update-feed h4 {
	/*color: #000;
	padding-left: 5px;*/
	font-size: 18px;
	color: #c73531;
	
	margin-top: 15px;
}




.btn {
	margin-top: 2px;
}


.landing-header {
	background-color: #1b75bc;
}

.landing-header h3 {
	color: #fff;
	margin-top: 0px;
	padding: 8px 0 8px 15px;
}

.landing-header h3 small {
	color: #fff;
	margin-top: 0px;
	padding: 8px 0 8px 15px;
}

.landing-header .print-size {
	position: absolute;
	top: 4px;
	right: 20px;
	z-index: 2;
}

@media (max-width:400px) {
	.landing-header .print-size {
		top: -5px;
		right: 0;
		position: relative;
	}
	
}

#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

address {
	display: block;
}

address strong {
	float: left;
	clear: both;
}

address  > .contact {
	text-align: right;
	vertical-align: top;
}

address > p {
	padding-bottom: 15px;
}

table .head {
	background-color: #1b75bc;
}

.breadcrumb {
	background-color: #fff;
	padding-bottom: 0px;
	padding-left: 0px;
}

.faqm {
	padding-top: 8px;
}

img.appeal-arrow {
	height: 64px;
	width: 64px;
}

.lang-buttons {
	margin-top: 10px;
	margin-bottom: 10px;
}

.navigation-buttons img {
	height: 30px;
	width: 30px;
}

.navigation-buttons .media-heading, .navigation-buttons .media-body {
	vertical-align: middle;
	margin-bottom: 0px;
}

.contact h3 {
	font-size: 18px;
	color: #000;
}


 
.indent p {
  padding-left: 50px;
  
   /*text-indent: 50px;*/
}

.member-tabs-container {
	border: 3px solid #1b75bc;
	border-radius: 5px;
	
	/*2nd color overlay*/
	border: 3px solid #eee;
}


.member-tabs-container .tab-content {
	
}

.member-tabs-container .nav.nav-tabs  {
	width: 100%;
	background-color: #1b75bc;
	color: #fff;
	
	/*2nd color overlay*/
	background-color: #eee;
	color: #000;
	
}

.member-tabs-container .nav.nav-tabs .tab  {
	margin-bottom: 0px;
}

.member-tabs-container .nav.nav-tabs a  {
	color: #fff;
	border-bottom: 0px;
	
	/*2nd color overlay*/
	color: #000;
}

.member-tabs-container .nav.nav-tabs li.active {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.member-tabs-container .nav.nav-tabs a:hover, .member-tabs-container .nav.nav-tabs li.active a {
	color: #fff;
	background-color: #0E5D9D;
	border-bottom: 0px;
	
	/*2nd color overlay*/
	background-color: #fff;
	color: #000;
	border: none;
}

.member-tabs-container .nav.nav-tabs li.active a {
	color: #fff;
	background-color: #0E5D9D;
	
	/*2nd color overlay*/
	background-color: #fff;
	color: #000;
	border: none;
}


.member-tabs-container .tab-content  {
	margin: 10px;
}

#member-tabs-accordion {
	margin-bottom: 0px;
	border: 0px;
}

#member-tabs-accordion .panel {
	margin-top: 0px;
	border-radius: 0px;
}

#member-tabs-accordion .panel-default {
	border: none;
	border-radius: 0px;
}

#member-tabs-accordion > div {
	margin-bottom:1px;
}

#member-tabs-accordion > div:last-of-type {
	margin-bottom: 0px;
}

#member-tabs-accordion .panel-heading {
	padding: 0px;
	background-color: #1b75bc;
	color: #fff;
	
	/*2nd color overlay*/
	background-color: #eee;
	color: #000;
	
	border-radius: 0px;
}

#member-tabs-accordion .panel-heading:hover {
	padding: 0px;
	background-color: #0E5D9D;
	color: #fff;
	
	/*2nd color overlay*/
	background-color: #fff;
	color: #000;
}

#member-tabs-accordion .panel-title a{
	display: block;
	padding: 10px 0px 10px 10px;
	text-decoration: none;
}

.glanceImg {
	border: 1px solid #ccc;
	margin: 10px 0px 10px 0px;
}

.img-article.pull-left {
	margin: 0px 10px 10px 0px;
}

@media (max-width: 420px) {
	.img-article.pull-left {
		width: 100%;
		display: none;
	}
}

.thumbnail-div {
	width: 100%;
	padding: 0px;
}

.desc {
	background-color: #000;
    bottom: 0;
    color: #fff;
    left: 0;
    opacity: 0.5;
    position: absolute;
    width: 100%;
}


/*
.printimg {
	float: left;
}

.printlist {
	float: right;
}
*/



#vidcontainer iframe {
	width: 100%;
}


.vidl {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.vidl iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 756px) {
	#content {
		min-height: calc(100vh - 290px);
	}
	/*.footer {
	  height: 200px;
	}*/
}

#content {
  min-height: calc(100vh - 290px);
}
/*.footer {
  height: 117px;
}*/

.socialNav {
	background-color: #bbb;
	margin-bottom: 0px;
	margin-top: 20px;
}

.socialNav .followcdc ul {
	padding-left: 0px;
	margin-bottom: 0px;
	display: inline-block;
	float: left;
}

.socialNav .followcdc ul li {
	list-style-type: none;
	display: inline-block;
	padding: 5px 2px 5px 2px;
}

.socialNav .cdcmedia ul {
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	display: inline-block;
}

.socialNav .cdcmedia ul li {
	list-style-type: none;
	display: inline-block;
	padding: 5px 2px 5px 2px;
}

.module.catalog {
	border: 1px solid #1b75bc;
	margin-bottom: 10px;
}

.round {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.module.catalog h3 {
	margin-top: -10px;
}

.module.catalog img {
	margin-left: 15px;
}

.module.catalog .landing-header .print-size {
	position: absolute;
	top: -7px;
	right: 20px;
	z-index: 2;
}

@media (max-width:400px) {
	.module.catalog  .landing-header .print-size {
		top: -5px;
		margin-left: 15px;
		margin-right: 15px;
		right: 0;
		position: relative;
	}
	
}




#toc h3 {
	margin-top: 0px;
}

#toc > .scrollnav > li > a {
	padding: 1px 1px 1px 10px;
	font-size: 12px;
}

#toc > .scrollnav li {
	margin: 1px;
}

#toc > .scrollnav li ul {
	margin: 1px 1px 1px 25px;
	display: none;
}

#toc > .scrollnav li ul li {
	margin: 1px;
}

#toc > .scrollnav li.active ul {
	margin: 1px 1px 1px 25px;
	display: block;
}

#toc > .scrollnav li ul li a {
	padding: 1px 1px 1px 10px;
	font-size: 12px;
}


#toc .scrollnav > li.active > a {
	color: #1b75bc;
	border-left: 2px solid #1b75bc;
}





#collapseExample > .scrollnav > li > a {
	padding: 1px 1px 1px 10px;
	font-size: 12px;
}

#collapseExample > .scrollnav li {
	margin: 1px;
}

#collapseExample > .scrollnav li ul {
	margin: 1px 1px 1px 25px;
	display: none;
}

#collapseExample > .scrollnav li ul li {
	margin: 1px;
}

#collapseExample > .scrollnav li.active ul {
	margin: 1px 1px 1px 25px;
	display: block;
}

#collapseExample > .scrollnav li ul li a {
	padding: 1px 1px 1px 10px;
	font-size: 12px;
}


#collapseExample .scrollnav > li.active > a {
	color: #1b75bc;
	border-left: 2px solid #1b75bc;
}



.affix {
  top: 20px;
  width: 213px;
  position: -ms-device-fixed;
}


@media (max-width: 992px) {	
	.affix {
		position: fixed;
		top: 0;
		background: #FFF;
		z-index: 2;
		left: 0;
		right: 0;
		max-width: 992px;
		width: 100%;
		margin: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.affix #toc {
		margin: auto;
		padding: 0px;
		max-width: 720px;
	}
	
	.affix #toc select {
		margin: 0;
		padding: 0 15px 0 15px;
	}
	
	.affix #toc h3 {
		margin:  0 15px 15px 0;
	}

    .navbar li:last-of-type .dropdown-menu.nav-module {
	right: 0;
	margin-top: 0px;
	background-color: #eee;
    margin-right: 0;
}
}

@media (min-width: 1200px) {
  .affix {
    width: 263px;
  }         
}

.affix-bottom {
  position: absolute;
  width: 213px;
}


@media (min-width: 1200px) {
  .affix-bottom {
    width: 263px;
  }
}

a.define {
	font-weight: bold;
}

.cce_table {
	
}

.cce_table th {
	color: #fff;
	background-color: #1f497d;
}

.cce_table th strong {
	margin: 2px;
}

.cce_table td {
	vertical-align: top;
	border: 1px solid #1f497d;
}

.cce_table td * {
	margin: 2px;
}

@media (max-width: 767px) {

    html, body {
        overflow-x: hidden;
    }

    .cce td, .cce th {
        font-size: 12px;
        font-weight: normal;
    }
	
	.affix {
		position: fixed;
		top: 0;
		background: #FFF;
		z-index: 2;
		left: 0;
		right: 0;
		max-width: 992px;
		width: 100%;
		margin: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.affix #toc {
		margin: auto;
		padding: 0 15px 0 15px;
		max-width: 767px;
	}
	
	.affix #toc select {
	}
	
	.affix #toc h3 {
		margin:  0 15px 15px 0;
	}
}

.manual ul > li > ul, .manual ol > li > ol {
	margin: 0px 5px 5px 5px;
}


@media only screen and (max-width: 800px) {
        /* Force table to not be like tables anymore */
        .no-more-tables table,
        .no-more-tables thead,
        .no-more-tables tbody,
        .no-more-tables th,
        .no-more-tables td,
        .no-more-tables tr {
        display: block;
        }
         
        /* Hide table headers (but not display: none;, for accessibility) */
        .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        }
         
        .no-more-tables tr { border: 1px solid #ccc; }
          
        .no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
        }
         
        .no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        }
         
        /*
        Label the data
        */
        .no-more-tables td:before { 
            content: attr(data-title); 
        }
}



.media img {
    max-width: 90px;
}




.fauxtable {
    border: 1px solid #eee;
}

.fauxtable .row:last-of-type {
    margin-bottom: 0px;
}


.fauxtable > .row:nth-of-type(even) {
    background: #eee;
    
}

footer h4 {
    text-transform: uppercase;
    font-size: 14px;
    /*color: #000;*/
    font-weight: bold;
}

.align-right {
    text-align: right;
}

@media (min-width: 768px) {
    .contact .contact-info {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .contact .contact-info {
        text-align: left;
    }
}

.bg-gray {
    background-color: rgba(221, 221, 221, 1);
	
}

.bg-gray2 {
    background-color: rgba(221, 221, 221, 1);
	padding: 8px 8px 8px 8px;

}

.bg-gray3 {
    background-color: rgba(221, 221, 221, 1);
	padding: 10px 10px 10px 30px;

}
.bg-blue {
    background-color: #1b75bc;
	padding: 8px 5px 8px 8px;

}

.bg-graylite {
    background-color: #ddd ;
	padding: 8px 5px 8px 8px;

}

.bg-bluelite {
    background-color: #bce8f1;
	padding: 8px 5px 8px 8px;

}


#graphs section {
    margin-bottom: 75px;
    border-bottom: 1px solid #aaa;
}

.clear-none {
    clear: none;
}

.clear-right {
    clear: right;
}

.handbook-group {
    margin-top: 10px;
    margin-bottom: 10px;
}
.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
    min-height: 178px;
}
.youtube img {
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    /*width: 90px;
    height: 60px;*/
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
table.ifr tr td:first-child {
    width: 70%;
}

table.ifr tr td:nth-child(2n) {
    width: 15%;
}

table.ifr tr td:nth-child(3n) {
    width: 15%;
}

.background-secondary {
	background-color: #FAA61A;
	margin: 2px;
	color: #000;
}
.background-primary section#administrator {
	background-color: #1b75bc;
	margin: 2px;
	color: #000;
}

#handbook_content article h4 {
	color: #000;
	font-weight: bold;
}

/*#handbook_content section#welcome {
	padding-left: 10px;
	border-left: 3px solid #1b75bc;
}*/

#VCFRegistrationDeadlines20210608_content section#tab blockquote {
	font-size:12px;
	background-color: #fff;
	color: #1b75bc;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
	
}#handbook_content section#welcome blockquote {
	background-color: #fff;
	color: #1b75bc;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
}

#handbook_content section#welcome h2 {
	color: #1b75bc;
	font-size: 36px;
}

#handbook_content section#welcome h3 {
	background-color: #1b75bc;
	color: #fff;
	padding: 8px 5px 8px 8px;
}



/*#handbook_content section#overview {
	padding-left: 10px;
	border-left: 3px solid #1b75bc;
}*/


#handbook_content section#overview blockquote {
	background-color: #1b75bc;
	color: #fff;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
}
#handbook_content section#overview h2 {
	color: #1b75bc;
	font-size: 36px;
}

#handbook_content section#overview h3 {
	background-color: #1b75bc;
	color: #fff;
	padding: 8px 5px 8px 8px;
}
 #handbook_content section#act h2 {
	color: #1b75bc;
	font-size: 36px;
}

#handbook_content section#act h3 {
	background-color: #1b75bc;
	color: #fff;
	padding: 8px 5px 8px 8px;
}

#handbook_content section#act th {
	background-color: #1b75bc;
}
 


/*#handbook_content section#applying {
	padding-left: 10px;
	border-left: 3px solid #BF2134;
}*/

/*
original color: BF2134
proposed color change: ab1d2e
*/

#handbook_content section#applying blockquote {
	background-color: #ab1d2e;
	color: #fff;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
}

#handbook_content section#applying h2 {
	color: #ab1d2e;
	font-size: 36px;
}

#handbook_content section#applying h3 {
	background-color: #ab1d2e;
	color: #fff;
	padding: 8px 5px 8px 8px;
}

#handbook_content section#applying th {
	background-color: #ab1d2e;
	color: #fff;
}


/*#handbook_content section#certifications {
	padding-left: 10px;
	border-left: 3px solid #DBD8C1;
}*/

#handbook_content section#certifications blockquote {
	background-color: #DBD8C1;
	color: #000;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
}

#handbook_content section#certifications h2 {
	color: #B8B0A0;
	font-size: 36px;
}

#handbook_content section#certifications h3 {
	background-color: #DBD8C1;
	color: #000;
	padding: 8px 5px 8px 8px;
}

#handbook_content section#certifications th {
	background-color: #DBD8C1;
	color: #000;
}





/*#handbook_content section#treatment {
	padding-left: 10px;
	border-left: 1px solid #D2721A;
}*/
#handbook_content section#treatment blockquote {
	background-color: #D2721A;
	color: #fff;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
}

#handbook_content section#treatment h2 {
	color: #D2721A;
	font-size: 36px;
}

#handbook_content section#treatment h3 {
	background-color: #D2721A;
	color: #fff;
	padding: 8px 5px 8px 8px;
}

#handbook_content section#treatment th {
	background-color: #D2721A;
	color: #fff;
}



/*#handbook_content section#support {
	padding-left: 10px;
	border-left: 3px solid #857D70;
}*/

#handbook_content section#support blockquote {
	background-color: #857D70;
	color: #fff;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
}

#handbook_content section#support h2 {
	color: #857D70;
	font-size: 36px;
}

#handbook_content section#support h3 {
	background-color: #857D70;
	color: #fff;
	padding: 8px 5px 8px 8px;
}

#handbook_content section#support th {
	background-color: #857D70;
	color: #fff;
}



/*#handbook_content section#glossary {
	padding-left: 10px;
	border-left: 3px solid #EFB002;
}*/

#handbook_content section#glossary blockquote {
	background-color: #B26115;
	color: #fff;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
}

#handbook_content section#glossary blockquote.test {
	background-color: #EFB002;
	color: #000;
	border: none;
	margin-top: 10px;
	padding: 50px 30px;
}

#handbook_content section#glossary h2 {
	color: #B26115;
	font-size: 36px;
}

#handbook_content section#glossary h3 {
	background-color: #B26115;
	color: #fff;
	padding: 8px 5px 8px 8px;
}

#handbook_content section#glossary th {
	background-color: #B26115;
	color: #fff;
}

.bg-blue2 {
	background-color: #1b75bc;
	color: #fff;
	border: none;
	margin-top: 10px;
	padding: 30px 30px;
}

.imageAndText {position: relative;} 
.imageAndText .col {position: absolute; z-index: 1; top: 0; left: 0;
}


.bg-primary3 {
	background-color: #1b75bc;
	color: #fff;
	size: 16px;
	padding: 8px 5px 8px 8px;
}

.bg-secondary{
	background-color: #FAA61A;
	color: #fff;
	size: 16px;
	padding: 8px 5px 8px 8px;
}

.bg-red{
	background-color: #ab12e;
	color: #fff;
	size: 16px;
	padding: 8px 5px 8px 8px;
}

.hyperlink{
	color:#fff;
}

.container-mind{
	background: #000 (img src="/wtc/images/newsletter/Mind-Body-Medicine.svg");
	color: #fff;
	height: 400px;
	width: 100%;
	padding: 8px 5px 8px 5px;
	
}


@media (min-width: 768px) and (max-width: 991px) {
	/* NAVIGATION  VIEWPORT 2*/
	.navbar-header {
		padding-left: 0px;
	}
	
	#nav .navbar-collapse {
		position: absolute;
		z-index: 3;
		top: 51px;
		background-color: #1b75bc;
	} 
	
	#nav .navbar-collapse > .navbar-nav > li {
		padding-left: 0px;
	}
	
	.navbar-nav , .navbar-nav li{
		clear: both;
		display: block !important;
		float: left !important;
		border: none;
		width: 100%;
	}
	
	.navbar-nav .dropdown ul {
		/* width: 100%; */
		/* position: absolute; */
		top: 0;
		left: 100%;
		background-color: #eee;
	}
	
	.navbar-nav .dropdown.mega-dropdown .mega-dropdown-menu {
		min-width: 300px;
		position: absolute;
		top: auto;
		left: 100%;
		padding: 0px;
	}
	
	.btn-srch i {
		padding-right: 0px;
	}
	.header-search input {
		left: -15px;
	}
	
	.navbar-nav .open .dropdown-menu {
		top: 0;
		left: 100%;
		min-width: 250px;
		background-color: #eee;
	}

	/* #fullnav .container {
		padding: 0px !important;
		margin: 0px !important;
	} */
	
	#nav li.divider {
		display: none;
	}
	
	.navbar-collapse {
		margin-bottom: 7px;
        padding-right: 0px;
		clear: both;
	}
	
	.navbar-collapse .navbar-nav {
		width: 100%;
	}
	
    .navbar-nav {
        margin-right: 0px;
        padding-right: 0px;
    }

	.navbar-nav .dropdown {
		min-height: 40px;
	}

    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .navbar-nav .mega-dropdown li ul li {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dropdown-menu .dropdown-content {
        margin-left: -15px;
    }
	
	.navbar li {
		padding-left: 15px;
	}

    .navbar li > ul.dropdown-menu {
        margin-left: 0px;
        margin-right: 0px;
    }
	
	.nav-module {
		padding: 0px;
		margin: 0px;
	}
	
	.navbar-toggle {
		margin-right: 15px;
	}
	
	.navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }

}

.tab-pane .well table thead, .tab-pane .well table tbody {
    background-color: #fff !important;
}

.tab-pane .well caption {
    font-weight: bold !important;
}

.ul_space h3 {
    color: #fff;
    background-color: #1b75bc;
    padding: 10px;
    border-radius: 5px;
}

.ul_space h3:hover {
    background-color: #025CA3
}

.ul_space > a {
    text-decoration: none;
}

.ul_space > a:hover {
    text-decoration: none;
}

.ul_space h3 span {
    float: right;
}

.list-group.address-list-group {
	
}

.list-group.address-list-group li {
	vertical-align: top;
	padding-right: 20px;
}

.panel-toggle {
	color: #fff;
    background-color: #1b75bc;
    padding: 10px;
	display: block;
	width: 100%;
}

.media-toggle {
	color: #fff;
    background-color: #1b75bc;
    padding: 10px;
    border-radius: 5px;
	display: block;
	width: 100%;
	margin-bottom: .5em;
}

.media-toggle:hover, .media-toggle:focus, .panel-toggle:hover, .panel-toggle:focus {
	text-decoration: none;
	background-color: #025CA3;
	color: #fff;
}

.media-toggle-gray {
	color: #000;
    background-color: #efefef;
    padding: 10px;
    border-radius: 5px;
	display: block;
	width: 100%;
	margin-bottom: .5em;
	border: 1px solid #ccc;
}

.media-toggle-gray:hover, .media-toggle-gray:focus {
	text-decoration: none;
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #000;
}

.table.table-gray th {
	background-color: #efefef;
	border: 1px solid #ccc;
}

.table.table-gray caption {
	color: #000;
}

.table.table-gray td {
	border: 1px solid #ccc;
}

.table.table-gray {
	border: 1px solid #ccc;
}

.btn-wrap {
	white-space: normal;
}

.ul-scroll{
overflow-y: scroll;
height: 12rem;
}



.faq-list {
	
}

.faq-list .faq-list-item{
	
}

.faq-list .faq-list-item .faq-question {
font-size: 1.125em;
} 

.faq-list .faq-list-item .faq-answer {
margin-top: 1em;
margin-bottom: 2em;
}