@charset "utf-8";
/* CSS Document */
/* TESTING */
.popover.top > .arrow {
	top: 100% !important;
}
/* end testing */
body {
	background: #666;
	font-size: 16px;	
}
h1 {
	color: #d81f26;
	margin: 0;
	font-size: 30px;
	line-height: 34px;	
}
/* this is for topline message that don't have the ? icon next to title */
h1 + div.what_is {
	margin-top: 20px;
}
h2, h3, h4, h5 {
	color: #000;	
}
h2 {
	font-size: 20px;	
}

.findfree {
    color: #000;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
}

.what_know h2 {
	line-height: 26px;
}
li {
	margin-bottom: 8px;
}
.nav li {
	margin-bottom: 0;
}
.wrapper {
	background: #fbe8e9;
	background: #fff;	
	
}
.topBand {
	border-top: 10px #1f2831 solid;	
}
.bannerHome {
	margin: 0;
	background: #fff;	
	border-top: 10px #1f2831 solid;	
}
.bannerSubpage {
	margin: 0;
	background: #fff;	
	border-top: 10px #1f2831 solid;	
	border-bottom: 10px #1f2831 solid;	
}
.bannerLogo {
	display: block;
	margin: 0px 0 10px 20px;	
	max-width: 400px;
}
.bannerLogo img {
	max-width: 100%;
	height: auto;
	margin: 15px 0 5px 0;
}
.hamburgerBtn {
	float: right;
	margin: 0px 0 0 0;

}
.topRightLinks {
	float: right;
	/* margin: 10px 10px 0 0;*/
	margin: 10px 30px 0 0;	
}
	.topRightLinks form {
		float: right; 
		max-width: 200px;
	}
	.topRightLinks p {
		float: right; 
		line-height: 34px;
		margin-right: 30px;
	}
.lightBoxContent {
	border-radius: 10px 10px 0 0;
	background: #333;	
}
.lightBoxFooter {
	border-radius: 0 0 10px 10px;
	background: #000;
	/*padding: 5px;*/	
}
.lightBoxNav {
	border-radius: 10px;
	background: #dddedf;
	color: #000;
	padding: 5px 15px;
	text-align: center;
}


/* MEDIA QUERIES */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/*
	* {
		color: #ccc !important;
	}
*/
.customizeBar {
	background: #5c606a;
	color: #ddd;
	margin: 0 0 0px 0px;
	padding: 5px 0px 0 15px;
	border-radius: 0;
	float: none;
}
.customizeBar a.buttonGray:link,
.customizeBar a.buttonGray:visited {
	background: #8b8d90;
	color: #fff !important;
	padding: 10px 10px 5px 10px;
	border-radius: 0 0 5px 5px;
	float: right;
	margin: -5px 10px 10px 20px;
	display: inline-block;
}
.customizeBar buttonRed.arrowUp {
	background: url(images/customizeArrow_up.png) no-repeat center #e31e26;
	color: #fff;
	padding: 5px 10px;
	border-radius: 0 0 5px 5px;
}
.customizeBar .summaryDescription span {
	font-weight: 700;
	color: #fff;
}
.customizeDot {
	color: #fff;
	background: #e31e26;
	font-weight: bold;
	display: inline-block;
	width: 32px;
	line-height: 32px;
	text-align: center;
	margin-bottom: 10px;
}
.customizeDot.hivStatus {
	color: fff;
	background: #8b8d90;	
}
.customizeDot.partners {
	color: fff;
	background: #272827;	
}
.customizeBar .customizeDots,
.customizeBar .customizeText,
.customizeBar .customizeUpdate {
	display: inline-block;
	vertical-align: top;
}
.customizeBar .customizeDots {
	max-width: 110px;
}
.customizeBar > .customizeText {
	max-width: 420px;
	margin: 6px 10px;
}
.customizeBar .customizeUpdate {
	min-width: 109px;
}

.messageContent {
	/*border-left: 1px #939598 solid;*/
	min-height: 600px;	
}
.messageContent .row {
	padding: 20px 0;	
}
.messageContent .row.logoZone {
	padding: 0px 0;	
}
.messageContent h2 {
	margin: 0 0 10px 0;	
}

.messageTop {
	background: #fff;
	margin: 0 -15px;
	padding: 20px 0 20px 15px;	
}
/* OTHER CLASSES */
.pinkRow {
	background: #fbe8e9;	
	/*margin-left: -15px;
	padding-left: 15px;	*/
}
.whiteRow {
	background: #fff;	

}
.second-image {
	display: block;
	margin: 20px 0;
}
#what_is_section .row {
	margin-right:0;
}
/* ANCHORS */
/*
a, a:link, a:visited {
	color: #d81f26;
}*/
.messageContent a:link, .messageContent a:visited {
	color: #0e76bc;
	font-weight: bold;	
}
.messageContent a:hover {
	color: #d81f26;
}
.externalLink a:link, .externalLink a:visited,
a.externalLink:link, a.externalLink:visited {
	font-weight: normal;
	text-decoration: underline;
}
.whatIs, 
.questionMarkIcon {
	color: #fff;
	background: #d81f26;	
	width: 30px;
	display: inline-block;
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	cursor: pointer;
}
	.whatIs:hover,
	.questionMarkIcon:hover {
		background: #0e76bc;
	}
	.questionMarkIcon {
		width: 24px;
		font-size: 18px;
		line-height: 24px;
	}
.messageContent a.moreInfoIcon:link,
.messageContent a.moreInfoIcon:visited {
	color: #fff;
	/*background: #d81f26;*/
	background: #666;	
	display: inline-block;
	font-size: 18px;
	line-height: 16px;
	padding: 3px 6px;
	vertical-align: middle;
	text-decoration: none;
}
	.moreInfoIcon span {
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
		padding: 0 4px 2px 0;
		margin-right: 5px;
		border-right: 1px #ddd solid;
	}
	.messageContent a.moreInfoIcon:hover {
		text-decoration: none;
		background: #0e76bc;
		color: #fff !important;
		cursor: pointer;
	}
.more_information {
	/* padding: 20px 50px 20px 50px; 
	margin: 0 0px 25px 0px; */
	color: #444;
	background: #fafafa;
	border-radius: 6px;
	cursor: pointer;
}
.more_information.collapsing,
.more_information.collapse,
.more_information.collapse.in {
	margin-bottom: 25px;
}
.more_information_text {
	padding: 20px 50px 20px 50px; 
	/*margin: 0 0px 55px 0px;*/
}
.more_information p:first-child::before { 
    content: "More Information";
	padding: 0px 0px 0px 0px;
    margin: 0 0 5px 0;
    color: #d81f26;
    font-weight: bold;
    display: block;
}
.learnMoreDemo .more_information p:first-child::before { 
    content: "Learn more";
} 
.glossary_term {
	color: #d81f26;
	font-weight: bold;
	padding-right: 25px;
	background: url("../images/icon_glossary.png") right center no-repeat;
	cursor: pointer;
}
.glossary_term.information_link {
	color: #d81f26;
	font-weight: bold;
	padding-right: 25px;
	background: #dedeee url("../images/icon_info.png") right center no-repeat;
	cursor: pointer;
	border-radius: 5px;
	text-decoration: none;
}
.internalLink {
	padding-right: 0;
	background: none;
}
.popover-title {
	background-color: #eaeaea;
	color: #d81f26;
	font-weight: bold;
}
a.information_link + div.popover {
	min-width: 550px;
	max-width: 650px;
}
/* LEFT NAV AREA */
.navWrapper {
	background: #fff;	
	padding: 0 0 30px 0;	
	border-right: 1px #939598 solid;
	border-right: 1px #dadada solid;
}
.nav ul {
	padding: 0;
}
.nav li {
	list-style-type: none;

}
.nav-stacked>li+li {
	margin-top: 0;
}
	.nav .navWrapper {
		padding-bottom: 30px;
			
	}
	.nav a.navLevel1:link,
	.nav a.navLevel1:visited,
	.nav a.navLevel1:focus {
		display: block;
		padding: 10px 0 10px 5px;
		background: #8a8b8e; /* Old browsers */
		background: -moz-linear-gradient(top,  #8a8b8e 10%, #292929 90%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#8a8b8e), color-stop(90%,#292929)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #8a8b8e 10%,#292929 90%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #8a8b8e 10%,#292929 90%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #8a8b8e 10%,#292929 90%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8b8e', endColorstr='#292929',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(to bottom,  #8a8b8e 10%,#292929 90%); /* W3C */
		/* flatten buttons */
		background: #3a3a3a;
		border-bottom: 1px solid #555;
	}
	.nav a.navLevel1.ON,
	.nav a.redNavItem {
		background: #b9141a; /* Old browsers */
		background: -moz-linear-gradient(top,  #b9141a 0%, #5f0000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9141a), color-stop(100%,#5f0000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #b9141a 0%,#5f0000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #b9141a 0%,#5f0000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #b9141a 0%,#5f0000 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9141a', endColorstr='#5f0000',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(to bottom,  #b9141a 0%,#5f0000 100%); /* W3C */
		/* flatten buttons */
		background: #b6191f;		
	}
	.nav a.navLevel1:hover {
		text-decoration: none;
		background: #1f2831;

		background: #eee; /* Old browsers */
		background: -moz-linear-gradient(top,  #f1f1f1 50%, #aaaaaa 90%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f1f1f1), color-stop(90%,#aaaaaa)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f1f1f1 50%,#aaaaaa 90%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f1f1f1 50%,#aaaaaa 90%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f1f1f1 50%,#aaaaaa 90%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(to bottom,  #f1f1f1 50%,#aaaaaa 90%); /* W3C */
		/* flatten buttons */
		background: #eaeaea;
	}
	.nav a.navLevel1 p,
	.nav a.navLevel1 > span  {
		display: inline-block;
		margin: 0;
		padding: 0 0 0 10px;
		border-left: 10px #fff solid;
		color: #fff;
		font-size: 15px;
		line-height: 40px;
	}
	.nav a.navLevel1:hover p  {
		color: #d81f26;
		border-left: 10px #d81f26 solid;
	}
	.nav a.navLevel1 p.linewrap  {
		line-height: 20px;
	}
	.nav a.navLevel1 p img {
		display: inline-block;
		float: right;
		margin-right: 20px;
	}
	.nav a.navLevel1 div + p {
		height: 0;
		display: none;
	}
	.nav a.navLevel2,
	.nav a.navLevel3 {
		display: block;
		padding: 8px 0px 8px 25px;
		background: #fafafa;
		border-bottom: 1px solid #ddd;
		color: #333;
	}
	.nav a.navLevel3 {
		padding: 8px 0px 8px 45px;
		background: #eee;
	}
	.nav a.navLevel2.ON,
	.nav a.navLevel3.ON {
		background: #d81f26;
		color: #fff;
	}
	.arrowWrapper {
		display: block;
		float: right;
		margin-right: 20px;
		background: #ccc;
		vertical-align: top;
		max-height: 30px;
	}
	.arrow-down,
	.arrow-up {
		width: 0; 
		height: 0; 
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #f00;
		margin: 3px 6px;
	}
	.arrow-up {
		border-bottom: 5px solid #f00;
		border-top: none;
	}
	.caret, .caretUp {
	  display: block;
	  width: 0;
	  height: 0;
	  border-top: 6px solid;
	  border-right: 8px solid transparent;
	  border-left: 8px solid transparent;
	  color: #fff;
	  margin: 0 auto;
	}
	.caretUp {
	  border-bottom: 6px solid;
	  border-top: 0;
	  margin-bottom: 4px;
	}
	.caretBox {
	  	display: inline-block;
		float: right;
		padding: 7px;
		border: 1px #ddd solid;
	  	vertical-align: middle;
	  	text-align: center;
	  	margin: -6px 5px 0px 10px;
	  	background: #999;
	}
	a.navLevel1 > .caretBox {
		border: 1px #777 solid;
	  	margin: 3px 5px 0px 0px;
	  	background: #999;
	}
	.after_nav_with_linebreak {
		margin-top: -24px !important;
	}	
	.caretBox:hover,
	a.navLevel1 > .caretBox:hover {
		background: #d81f26;
	}
	a.navLevel1 > .caretBox:hover,
	a.navLevel1:hover > .caretBox {
		border-color: #ddd;
	}	
	.caretBox:hover .caret,
	.caretBox:hover .caretUp {
		color: #fff;
	}
	.navToggle {
		float: right;
	  	margin: -6px 10px 0px 10px;
	  	color: #555;			
	}
	.leftTestingWidget {
		background: url('../images/leftPatternBand.png') bottom left repeat-x;
		padding: 10px 5px 20px 5px;
		margin: 10px 10px 20px 10px;
		text-align: center;
	}
	.leftFooterLinks {
		font-size: .8em;
		color: #d81f26;
		text-align: center;
	}
/* buttons */
.btn-danger {
	background-color: #d81f26;
	border-color: #d81f26;
	font-weight: normal;
}
/* Other classes */
.red {
	color: #d81f26;
}

.em {
  font-style: italic;
}
img.img-rounded {
	display: block;
	max-width: 100%;
	height: auto;
}

.navbar-toggle {
  position: relative;
  float: right;
  width: 60px;
  padding: 9px 10px;
  margin-top: 15px;
  margin-left: 15px;
  margin-bottom: 8px;
  background-color: #d81f26;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 5px;
}
.navbar-toggle:hover {
  background-color: #ddd;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 100%;
  height: 2px;
  margin: 0.4rem 0;
  padding: 0.2rem;
  border-radius: 1px;
  border: 0px solid aqua;
  color: green;
  background: #fff;
}
.navbar-toggle:hover .icon-bar {
  color: green;
  background: #d81f26;	
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
/*
	* {
		color: #0ff !important;
	}
*/	
	.customizeBar > .customizeText {
		max-width: 420px;
	}
	.navbar-toggle {
	  display: inline-block;
	}
	.bannerLogo {
		display: block;
		margin: 0px 0 10px 20px;	
		max-width: 550px;
	}
}/* END of Small */

/* Medium devices ONLY!!! (desktops, 992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
	.topRightLinks {
	  margin: 10px 40px -44px 0;
	}
	.customizeBar > .customizeText {
		max-width: 470px;
	}
	.nav a.navLevel1 p.lineBreak_md {
		line-height: 2.1rem !important;
	}
	.after_nav_with_linebreak-md {
			margin-top: -24px !important;
	}	
	.messageContent .row.logoZone {
		padding: 0px 0;	
		margin: 30px 0 0 0;
	}
	.nav div.raiseCaretBox_md {
		margin-top: -20px !important;
	}	
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
/*
	* {
		color: #0f0 !important;
	}
*/
	.customizeBar {
		background: #5c606a;
		color: #ddd;
		margin: 0 0 0px 20px;
		padding: 5px 0px 0 15px;
		border-radius: 0 0 5px 5px;
		float: left;
	}
	.customizeBar a.buttonGray:link,
	.customizeBar a.buttonGray:visited {
		background: #8b8d90;
		color: #fff !important;
		padding: 10px 10px 5px 10px;
		border-radius: 0 0 5px 5px;
		float: right;
		margin: -5px 10px 10px 20px;
		display: inline-block;
	}
	.customizeBar buttonRed.arrowUp {
		background: url(images/customizeArrow_up.png) no-repeat center #e31e26;
		color: #fff;
		padding: 5px 10px;
		border-radius: 0 0 5px 5px;
	}
	.customizeBar .summaryDescription span {
		font-weight: 700;
		color: #fff;
	}
	.customizeDot {
		color: #fff;
		background: #e31e26;
		font-weight: bold;
		display: inline-block;
		width: 32px;
		line-height: 32px;
		text-align: center;
		margin-bottom: 10px;	
	}
	.customizeDot.status {
		color: fff;
		background: #8b8d90;	
	}
	.customizeDot.partners {
		color: fff;
		background: #272827;	
	}
	.customizeBar .customizeDots,
	.customizeBar .customizeText,
	.customizeBar .customizeUpdate {
		display: inline-block;
		vertical-align: top;
	}
	.customizeBar .customizeDots {
		max-width: 110px;
	}
	.customizeBar > .customizeText {
		max-width: 610px;
		margin: 6px 10px;
	}
	.customizeBar .customizeUpdate {

	}
	.navbar-toggle {
	  display: none;
	}
	#navbar.collapse {
		display: block;
	}

}/* END of Medium */

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
/*
	* {
		color: #ff0 !important;
	}
*/
	.customizeBar > .customizeText {
		max-width: 500px;
	}
	.nav div.raiseCaretBox_lg {
		margin-top: -20px !important;
	}
}/* END of Large */

.editor_tooltip_toggle i{
    color: #000000 !important;
  display: none !important;
}