@charset "utf-8";
/* CSS Document */



/* #### Pagination ### */		
ul.pagination {
	width: 100%;
	display: inline-block;
	float: left;
	margin: 10px 0 10px 0;
}
ul.pagination li {
	width: 33.333%;
	display: inline-block;
}
ul.pagination li a {
	font-size: 18px;
	color: #0173af;
	text-decoration: underline;
}
ul.pagination li a:hover {
	text-decoration: none;
}
ul.pagination li.next {
	float: right;
	text-align: right;
	list-style: none;
}
ul.pagination li.previous {
	float: left;
	text-align: left;
	list-style: none;
}
.pagination li.next a:before {
	background-image: url(/imagesCFScripts/pagination/chevronNext.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0 0 5px 0;
	margin: 0 0 0 10px;
	display: block;
	float: right;
	width: 10px;
	height: 18px;
	content: " ";
}
.pagination li.previous a:before {
	background-image: url(/imagesCFScripts/pagination/chevronPrevious.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0 0 5px 0;
	margin: 0 10px 0 0;
	display: block;
	float: left;
	width: 10px;
	height: 18px;
	content: " ";
}
.pagination li span.pagination__title {
	display: block;
	font-size: 14px;
	color: #0173af;
	margin: 3px 0 0px 0;
}
/* #### END - Pagination ### */	

/* ###############################################
	Transition Wrapper Div
#################################################*/	
div.transitionWrapper h1 {
	font-size: 25px;
}
div.transitionWrapper h1.primary {
	font-size: 28px;
}
div.transitionWrapper h2 {
	font-size: 21px;
	padding: 25px 0 5px 0;
}
div.transitionWrapper h3 {
	font-size: 18px;
	margin: 10px 0px 7px 0px;
}
div.transitionWrapper h4 {
	font-size: 16px;
}
div.transitionWrapper p {
	font-size: 16px;
	padding: 7px 0px 7px 0px;
	line-height: 20px 20px 20px 20px;
	margin: 4px 0px 5px 0px;
}
div.transitionWrapper h3 + p {
	padding: 0px 0px 7px 0px;
}
div.transitionWrapper li {
	font-size: 16px;
	line-height: 20px;
	margin: 10px 0 10px 0;
}
div.transitionWrapper ol ul li {
	margin: 10px 0 10px 0;
}
div.transitionWrapper div.content_photo, div.content_chart {
	margin: 20px 0;
	padding: 20px 20px 20px 20px;
	font-size: 16px;
}
div.transitionWrapper .small_text {
	font-size: 12px;
}
div.transitionWrapper table.DataTable, div.transitionWrapper table.DataTable td, div.transitionWrapper table.DataTable th, div.transitionWrapper table.DataTable caption, div.transitionWrapper table.DataTable tfoot.tableFooter td {
	font-size: 16px;
	box-sizing: border-box;
}
div.transitionWrapper table.DataTable.small, div.transitionWrapper table.DataTable.small td, div.transitionWrapper table.DataTable.small th, div.transitionWrapper table.DataTable.small caption {
	font-size: 12px;
}
div.transitionWrapper table.DataTable td, div.transitionWrapper table.DataTable th, div.transitionWrapper table.DataTable tfoot.tableFooter td {
	padding: 5px 8px 5px 8px;
}
/* ########## Quotes ########################### */
/* Exists already. This is a transitionWrapper version */
div.cmhcQuote {
	margin: 30px 0 30px 0;
	float: left;
}
div.transitionWrapper div.cmhcQuote p {
	font-size: 18px;
	margin-bottom: 0;
	line-height: 26px;
}
div.transitionWrapper div.cmhcQuote.profilePhoto p {
	position: relative;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	width: 81%;
}
div.transitionWrapper div.cmhcQuote.profilePhoto img {
	position: relative;
	margin: 10px 25px 0px 0px;
	border-radius: 50px;
	float: left;
	width: 93px;
}
div.transitionWrapper div.cmhcQuote p.cmhcQuote_source {
	margin-top: 0;
	font-size: 14px;
	text-align: right;
	line-height: 14px;
	float: right;
}
div.transitionWrapper div.featureContainer.mediaContent {
	margin: 30px 0 30px 0;
	padding: 25px 0 15px 30px;
	box-sizing: border-box;
}
div.transitionWrapper div.featureContainer.mediaContent h2 {
	font-size: 18px;
	color: #0173AF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
div.transitionWrapper div.featureContainer.mediaContent ul li {
	list-style-image: url(/en/inpr/afhoce/afhoce/images/bullet_icon_check.png);
	margin: 20px 0 20px 20px;
}
div.transitionWrapper .footnote, div.transitionWrapper .footnote a, div.transitionWrapper .caption {
	font-size: 12px;
}
/* ########## END - Quotes ########################### */



div.transitionWrapper div.featureContainer.topBorder {
	margin: 15px 0px 30px 0px;
	border-top: 4px solid #0173af;
}
div.transitionWrapper div.featureContainer.topBorder:hover {
	background-color: #F8F8F8;
}
div.transitionWrapper div.supportingNote {
	display: inline-block;
	padding: 15px;
	margin: 15px 0 30px 0;
	border-radius: 5px;
	/*	border: 1px solid #f6f4de;
	background-color: #fcfcf7; */
	border: 1px solid #fed88d;
	background-color: #fcfcf7;
	text-align: left;
	color: #333;
	width: 100%;
	box-sizing: border-box;
}
/* #####	InfoGraphic:     ##### */

div.transitionWrapper h1.infoGraphic {
	font-size: 41px;
}
div.transitionWrapper h2.infoGraphic {
	font-size: 36px;
}
div.transitionWrapper h3.infoGraphic {
	font-size: 33px;
}
div.transitionWrapper h4.infoGraphic {
	font-size: 28px;
}
div.transitionWrapper p.infoGraphic {
	font-size: 28px;
	padding: 7px 0;
	line-height: 32px;
}
div.transitionWrapper span.infoGraphic {
	font-size: 41px;
}
div.transitionWrapper li.infoGraphic {
	font-size: 28px;
	line-height: 32px;
	margin: 10px 0 10px 0;
}
div.transitionWrapper li.infoGraphic {
	font-size: 28px;
	line-height: 32px;
	margin: 10px 0 10px 0;
}
div.transitionWrapper .infoGraphic.centerOne {
	margin-top: 20px;
}
div.transitionWrapper .infoGraphic.centerTwo {
	margin-top: 30px;
}
div.transitionWrapper .infoGraphic.centerThree {
	margin-top: 40px;
}
div.transitionWrapper .infoGraphic.centerFour {
	margin-top: 50px;
}
/* #####	END - InfoGraphic:     ##### */



/* #####	YouTube Video     ##### */

.videoInnerContainer {
	width: 100%;
	position: relative;
	padding-bottom: 56.45%;
	height: 0;
}
div.videoInnerContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.showHideMeLink {
	display: block;
	text-align: left;
}
div.showHideMeContent {
	border: 1px solid transparent;
}
.showHideMeLink.inline {
	display: inline;
	text-align: inherit;
}
.showHideMeLink::before {
	content: "";
	width: 0px;
	height: 0px;
	display: inline-block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #333;
	border-right: 4px solid transparent;
	margin: 0 3px 0px 0;
}
.showHideMeLink.inline::before {
	content: inherit;
	width: 0px;
	height: 0px;
	display: inline;
	border: none;
	margin: 0 0px 0px 0;
}
.showHideMeLink.arrowDown::before {
	border-top: 4px solid #333;
	border-bottom: 4px solid transparent;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	margin: 0 3px -2px 0px;
}
.showHideMeLink.video__transcriptButton {
	background-color: #333;
	padding: 3px 0px 3px 10px;
	color: white;
	box-sizing: border-box;
	margin: 0px;
	font-size: 12px;
}
.showHideMeLink.video__transcriptButton::before {
	border-left: 4px solid white;
}
.showHideMeLink.video__transcriptButton.arrowDown::before {
	border-top: 4px solid white;
	border-bottom: 4px solid transparent;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}
div.transcriptContent {
	height: 150px;
	text-align: left;
	line-height: 18px;
	background-color: #f5f5f5;
	border: 1px solid black;
	margin: 0px auto 15px auto;
	padding: 5px 10px 5px 10px;
	overflow-x: hidden;
	overflow-y: scroll;
	box-sizing: border-box;
}
/* #####	END - YouTube Video     ##### */

.showHideMeLink.button__tray {
	background-color: #0173af;
	padding: 15px 0px 18px 10px;
	color: white;
	box-sizing: border-box;
	margin: 0px;
	font-size: 18px;
	text-align: center;
}
.showHideMeLink.button__tray:hover {
	background-color: #015480;
}
.showHideMeLink.button__tray::after {
	display: inline-block;
	content: url('/imagesCFScripts/innovationFund/arrowEmpty.png');
	background: url('/imagesCFScripts/innovationFund/arrowDown.png');
	margin: 0 0 0 15px;
	background-position: 0px 8px;
	background-repeat: no-repeat;
	width: 14px;
}
.showHideMeLink.button__tray.arrowDown::after {
	display: inline-block;
	content: url('/imagesCFScripts/innovationFund/arrowEmpty.png');
	background: url('/imagesCFScripts/innovationFund/arrowUp.png');
	margin: 0 0 0 15px;
	background-position: 0px 8px;
	background-repeat: no-repeat;
	width: 14px;
}
.showHideMeLink.button__tray::before {
	border: none;
	margin: 0 0px 0px 0;
}
/*##################################################################
# Accordion Nav
#####################################################################*/

div.transitionWrapper div.accordionContainerV2 {
	overflow: auto;
}
div.transitionWrapper div.accordionContainerV2 div.accordionSectionHead, div.transitionWrapper div.accordionContainerV2 div.accordionSectionHeadFirst, div.transitionWrapper div.accordionContainerV2 h3.accordionSectionHead, div.transitionWrapper div.accordionContainerV2 h2.accordionSectionHead {
	background-position: 10px 23px;
}
/*div.transitionWrapper div.accordionContainerV2 p {
	font-size: 16px;
	padding: 2px 0px 7px 0px; 
	line-height: 20px;
	margin:4px 0px 5px 0px;
}*/
div.transitionWrapper div.accordionContainerV2 h2, div.transitionWrapper div.accordionContainerV2 h3.accordionSectionHead {
	font-size: 19px;
	font-weight: normal;
}
div.transitionWrapper div.accordionContainerV2 h2.callToAction, div.transitionWrapper div.accordionContainerV2 h3.accordionSectionHead.callToAction {
	color: #dc5d21;
	border: 1px solid #dc5d21;
	background-image: url(/images/arrow--callToAction.gif);
}
div.transitionWrapper div.accordionContainerV2 h2.callToAction:hover, div.transitionWrapper div.accordionContainerV2 h3.accordionSectionHead.callToAction:hover {
	color: white;
	border: 1px solid white;
	background-color: #dc5d21;
	background-image: url(/images/arrow--down--callToAction.gif);
	background-position: 10px 25px;
}
div.transitionWrapper div.accordionContainerV2 div.accordionSectionHeadSelected, div.transitionWrapper div.accordionContainerV2 h3.accordionSectionHeadSelected, div.transitionWrapper div.accordionContainerV2 h2.accordionSectionHeadSelected {
	background-image: url(/images/down_arrow.gif);
	background-position: 10px 25px;
}
div.transitionWrapper div.accordionContainerV2 h3.accordionSectionHeadSelected.callToAction, div.transitionWrapper div.accordionContainerV2 h2.accordionSectionHeadSelected.callToAction {
	background-image: url(/images/arrow--down--callToAction.gif);
	background-position: 10px 25px;
	border: 1px solid white;
	background-color: #dc5d21;
	color: white;
}
/*##################################################################
# END - Accordion Nav
#####################################################################*/


/*##################################################################
# Responsive Tabs
#####################################################################*/
/*.responsive-tabs {
	max-width: 100%;
}
/* REQUIRED for core functionality 
NOTE: Taken from CSS from Script. Update upon script update */
/*.responsive-tabs__heading {
	display: none;
}
.responsive-tabs__list__item {
	display: inline;
	cursor: pointer;
}

@media (max-width: 767px) {
.responsive-tabs__list {
	display: none;
}
.responsive-tabs__heading {
	display: block;
	cursor: pointer;
}
.responsive-tabs__panel--closed-accordion-only {
	display: none;
}
}

@media (min-width: 768px) {
.responsive-tabs__panel--closed-accordion-only {
	display: block !important;
}
}
/* END - Required for core functionality */
/* OPTIONAL - Basic Skin */
/*.responsive-tabs-wrapper {
	clear: both;
	zoom: 1;
}
.responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after {
	content: "";
	display: table;
}
.responsive-tabs-wrapper:after {
	clear: both;
}
div.responsive-tabs-wrapper h2.responsive-tabs__heading--active {
	display: block;
	text-align: left;
	margin: 2% 0 0% 0;
}
.responsive-tabs__heading:focus, .responsive-tabs__list__item:focus {
	outline: none !important;
}
.responsive-tabs__heading--active:focus, .responsive-tabs__list__item--active:focus {
	outline: none !important;
}
.responsive-tabs__list {
	width:90%;
	/*padding: 0;*/
	/*border-bottom: 1px solid #bbbbbb;*/
/*	border: none;
	padding: 0 0% 10px 0%;
 	margin:40px auto;
}
div.responsive-tabs.fr .responsive-tabs__list {
	width:100%;
}
.responsive-tabs__list__item {
	background-color: #f9f9f9;
	color: #0583a9;
	padding: 1% 2% 1% 2%;
	margin-right: 0em;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #bbbbbb;
	font-size: 20px;
	font-weight: normal;
}
.responsive-tabs__list__item:hover {
	background: #eaeaea;
}
.responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover {
	background: white;
	border-bottom-color: white;
}
.responsive-tabs__panel {
	margin: 2% 0 2% 0;
	text-align: left;
}
div.responsive-tabs-wrapper div.responsive-tabs__panel p {
	text-align: left;
}

@media (max-width: 767px) {
.responsive-tabs__heading {
	padding: 0.5em;
	border-radius: 5px;
	border: 1px solid #bbbbbb;
	background: #f9f9f9;
	position: relative;
	font-size: 16px;
}
.responsive-tabs__heading:after {
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 40%;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #bbbbbb;
}
.responsive-tabs__heading:hover, .responsive-tabs__heading--active:hover {
	background-color: #eaeaea;
}
div.responsive-tabs-wrapper h2.responsive-tabs__heading {
	color: #0583a9;
	font-weight: normal;
	font-size: 20px;
}
div.responsive-tabs-wrapper h2.responsive-tabs__heading--active {
	background: white;
	display: block;
	text-align: center;
	margin: 1% 0 0% 0;
}
.responsive-tabs__heading--active:after {
	border-bottom: 5px solid #bbbbbb;
	border-top: 0;
}
}

@media (min-width: 768px) {
.responsive-tabs__list:after, .responsive-tabs__list:before {
	border-bottom: 1px solid #bbbbbb;
	content: "";
	width: 5% !important;
	display: inline-block;
	margin: 0px 0px -14px 0px;
}

div.responsive-tabs.fr .responsive-tabs__list:after, .responsive-tabs__list:before {
	width: 2.5% !important;
}

.responsive-tabs__list__item {
	background-color: #ebebeb;
	color: #0583a9;
	padding: 1.45% 2.35% 1.45% 2.35%;
	margin-right: 0em;
	-webkit-border-top-left-radius: 6px;
	-moz-border-top-left-radius: 6px;
	-ms-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-top-right-radius: 6px;
	-ms-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
	border: 1px solid #bbbbbb;
	font-size: 16px;
	font-weight: normal;
}
div.responsive-tabs.fr .responsive-tabs__list__item {
	font-size: 15px;
}
.responsive-tabs__list__item:hover {
	background-color: #d7d7d7;
}
.responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover {
	background: white;
	border-bottom-color: white;
	color: #0583a9;
}
}*/
/* END - Optional - Basic Skin */
/*##################################################################
# END - Responsive Tabs
#####################################################################*/

/*##################################################################
# END - Responsive Tabs - v2
#####################################################################*/


/* REQUIRED for core functionality */

.responsive-tabs__heading {
	display: none;
}
div.transitionWrapper .responsive-tabs__list__item {
	display: inline;
	cursor: pointer;
	line-height: 17px;
	color: #0583a9;
}

@media (max-width: 767px) {
.responsive-tabs__list {
	display: none;
}
.responsive-tabs__heading {
	display: block;
	cursor: pointer;
}
.responsive-tabs__panel--closed-accordion-only {
	display: none;
}
}

@media (min-width: 768px) {
.responsive-tabs__panel--closed-accordion-only {
	display: block !important;
}
}
/* END - Required for core functionality */


/* OPTIONAL - Basic Skin */

.responsive-tabs-wrapper {
	clear: both;
	zoom: 1;/*	margin-left:9%;*/
}
.responsive-tabs-wrapper h2, .responsive-tabs-wrapper p {
	text-align: left;
}
.responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after {
	content: "";
	display: table;
}
.responsive-tabs-wrapper:after {
	clear: both;
}
.responsive-tabs__heading:focus, .responsive-tabs__list__item:focus {
	outline: 1px solid #ccc;
}
.responsive-tabs__heading--active:focus, .responsive-tabs__list__item--active:focus {
	outline: none !important;
}
.responsive-tabs__list {
	font-size: 1.2em;
	margin: 2em 0 0 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 11px;
	line-height: 1em;
}
.responsive-tabs__list__item {
	background: #eee;
	padding: 10px 20px;
	margin-right: 1em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #ddd;
}
.responsive-tabs__list__item:hover {
	background: #efefef
}
.responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover {
	background: #fff;
	border-bottom-color: #fff;
}
.responsive-tabs__panel {
	margin-bottom: 50px;
	padding-top: 20px;
}

@media (max-width: 767px) {
.responsive-tabs__heading {
	padding: 0.5em;
	border-radius: 5px;
	border: 1px solid #ccc;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
	background: #ddd;
	position: relative;
}
.responsive-tabs__heading:after {
	content: "";
	display: block;
	position: absolute;
	right: 20px;
	top: 40%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #000;
}
.responsive-tabs__heading:hover, .responsive-tabs__heading--active:hover {
	background-color: #efefef
}
.responsive-tabs__heading--active {
	background: #fff;
}
.responsive-tabs__heading--active:after {
	border-bottom: 10px solid #000;
	border-top: 0;
}
.responsive-tabs__panel {
	padding-top: 1px;
}
}
/* END - Optional - Basic Skin */


.responsive-tabs div.tabPanel {
	text-align: left;
}
/*##################################################################
# END - Responsive Tabs - v2
#####################################################################*/


/*##################################################################
# Tool tip DIV
#####################################################################*/
div.toolTipDiv {
	padding: 0;
	margin: 15px 0;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #EDE2B1;
	background-color: #fcfcf7;
}
div.toolTipDiv p {
	font-size: 16px;
	line-height: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
/*##################################################################
# END - Tool tip DIV
#####################################################################*/

/*##################################################################
# Centered Content Container
#####################################################################*/

div.transitionWrapper section.contentContainer {
	width: 90%;
	box-sizing: border-box;
	margin: 15px auto;
	border-radius: 5px 5px 5px 5px;
	background-color: #FcFcFc;
	padding: 40px 0px 10px 0px;
	border: 1px solid #e4e4e4;
}
div.transitionWrapper section.contentContainer.plain {
	width: 90%;
	box-sizing: border-box;
	margin: 15px auto;
	border-radius: 0 0 0 0;
	background-color: transparent;
	padding: 20px 0px 10px 0px;
	border: none;
}
/*##################################################################
# END - Centered Content Container
#####################################################################*/
/*##################################################################
# Start - Innovation Fund
#####################################################################*/
div.transitionWrapper section.contentContainer div.introInnovationFund {
	text-align: center;
	background-image: url('/imagesCFScripts/innovationFund/cityscape_large.png');
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center top;
	padding: 0 0 0px 0;
}
body[lang="fr"] div.transitionWrapper section.contentContainer div.introInnovationFund {
	background-image: url('/imagesCFScripts/innovationFund/cityscape_large_fr.png');
}
div.transitionWrapper section.contentContainer div.introInnovationFund div.innovationFundIntroContent {
	padding: 240px 140px 40px 140px;
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto 0 auto;
	background-image: url('/imagesCFScripts/innovationFund/hardhat_large.png');
	background-repeat: no-repeat;
	background-size: 13%;
	background-position: 97% 25px;
}
div.transitionWrapper section.contentContainer div.introInnovationFund div.innovationFundIntroContent p {
	padding: 0px;
	margin: 0px;
}
div.transitionWrapper section.contentContainer.plain {
	border-radius: 0px;
	background-color: transparent;
	border: none;
}
div.showHideMeContent.innovationFund {
	box-sizing: border-box;
	padding: 40px 0 0 0;
}
form#innovationForm div.error {
	font-size: 14px;
	color: #fe000b;
	margin-top: 5px;
}
form#innovationForm .errorField {
	border: 2px solid #fe000b;
}
form#innovationForm input.multipleUpload {
	margin: 15px 0 10px 0;
}
a#addFile {
	background-image: url(/imagesCFScripts/innovationFund/add.png);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding: 2px 0 5px 30px;
}
/*##################################################################
# End - Innovation Fund
#####################################################################*/


div.transitionWrapper .required::after {
	display: inline-block;
	content: "*";
	color: #fe000b;
	margin-left: 5px;
}
div.transitionWrapper form {
	font-size: 16px;
	margin: 0 auto;
	width: 60%;
	box-sizing: border-box;
	padding: 0 0 0 0em;
}
div.transitionWrapper section.contentContainer.innovationFund form {
}
div.transitionWrapper form label {
	display: block;
	margin: 0 0 .25em 0;
	font-weight: bold;
}
div.transitionWrapper form input, div.transitionWrapper form textarea, div.transitionWrapper form select {
	margin: 0 0 1.5em 0 !important;/* border:1px solid $grey;*/
}
div.transitionWrapper form label {
	color: #333;
}
div.transitionWrapper form input:not([type]), div.transitionWrapper form input[type="text"], div.transitionWrapper form select, div.transitionWrapper form textarea {
	color: #333333;
	padding: 10px 10px 10px 10px;
	font-size: 16px;
	border: 1px solid #cdcdcd;
	width: 100%;
	box-sizing: border-box;
}
div.transitionWrapper form fieldset legend {
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
}
div.transitionWrapper form input.shortInput {
	width: 20%;
}
div.transitionWrapper form fieldset.phoneNumber input {
	width: 15%;
}
div.transitionWrapper form fieldset.phoneNumber label:first-of-type {
	margin-left: -5px;
}
div.transitionWrapper form label.checkbox {
	/* This aligns the text beside the checkbox */
	padding-left: 15px;
	text-indent: -15px;
	margin-bottom: 15px;
}
div.transitionWrapper form label.checkbox.required::after {
	margin-left: 15px;
}
div.transitionWrapper form label.checkbox input {
	margin: 0px 0 2px 0 !important;
	vertical-align: middle;
}
div.transitionWrapper form fieldset.phoneNumber label, div.transitionWrapper form fieldset.sameLine label {
	display: inline-block;
}
/* Highlights Inputs in form on focus */
div.transitionWrapper form input[type=text], div.transitionWrapper form textarea, div.transitionWrapper form select {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	border: 1px solid #DDDDDD;
}
div.transitionWrapper form input[type=text]:focus, div.transitionWrapper form textarea:focus, div.transitionWrapper form select:hover {
	box-shadow: 0 0 5px rgba(1, 115, 175, 1);
	border: 1px solid rgba(1, 115, 175, 1);
}
/* END - Highlights Inputs in form on focus */

/* --------------------- button start --------------------- */

div.transitionWrapper .hero_btn {
	margin: 5px 0px 15px 0px;
	padding: 15px 25px 15px 25px;
	background-color: #0173af;
	display: inline-block;
	border-radius: 4px;
	font-weight: bold;
	font-size: 16px;
	box-shadow: none;
	border-top: none;
	border-bottom: 2px solid #015480;
	border-left: 2px solid #015480;
	border-right: none;
	text-decoration: none;
	color: #fff;
}
div.transitionWrapper .hero_btn:hover {
	background-color: #015480;
	cursor: pointer;
}
/* --------------------- button end --------------------- */




/* ---------------------  New ToolTips  --------------------- */


div.tooltipBox {
	padding: 20px;
	margin: 30px 0;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #EDE2B1;
	background-color: #fcfcf7;
	box-sizing: border-box;
}
div.tooltipBox.error {
	border: 1px solid #fe000b;
	background-color: #ffd9db;
	background-image: url("/en/inpr/afhoce/afhoce/images/icon_error_hollow_red.png");
	background-repeat: no-repeat;
	background-position: 20px 25px;
	padding: 20px 20px 20px 85px;
}
div.tooltipBox.success {
	border: 1px solid #387b2b;
	background-color: #e1ebdf;
	background-image: url("/en/inpr/afhoce/afhoce/images/icon_checkmark_hollow_green.png");
	background-repeat: no-repeat;
	background-position: 20px 25px;
	padding: 20px 20px 20px 85px;
}
div.tooltipBox p, div.tooltipBox.success p, div.tooltipBox.error p {
	padding: 0px;
}
/* --------------------- END - New ToolTips --------------------- */

/* --------------------- Table of Contents --------------------- */

ol.toc {
	margin-top: 12px;
	margin-bottom: 25px;
}
ol.toc li {
	margin-top: 8px;
	margin-bottom: 8px;
}
/* --------------------- END - Table of Contents --------------------- */


/* --------------------- Event Tiles --------------------- */
div.transitionWrapper article.eventTile {
	margin: 50px 0 50px 0;
	padding: 25px 0 15px 30px;
	border: 1px solid #eaeaea;
	box-sizing: border-box;
}
div.transitionWrapper article.eventTile h1 {
	font-size: 22px;
}
div.transitionWrapper article.eventTile div.topDate {
	border: 1px solid #eaeaea;
	box-sizing: border-box;
	margin: -52px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 60px;
}
div.transitionWrapper article.eventTile div.topDate p.topDate-month {
	background-color: #fe000b;
	color: white;
	text-transform: uppercase;
	padding: 5px 10px 5px 10px;
	margin: 0;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
}
div.transitionWrapper article.eventTile div.topDate p.topDate-day {
	color: black;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	padding: 0px 0px 0px 0px;
}
/* --------------------- END - Event Tiles --------------------- */


/* ###############################################
	END - Transition Wrapper Div
#################################################*/

div#introBlock {
	float: left;
	width: 100%;
}
div#introBlock h1 {
	font-size: 25px;
}
div#introBlock img {
	padding-left: 70px;
	padding-bottom: 10px;
	float: right;
}
div#introBlock p {
	font-size: 16px;
}
ul.categoryBlock {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.categoryBlock > li {
	border-left: thick solid #E1E1E1;
	padding-left: 15px;
	margin: 0 0 30px 0;
}
ul.categoryBlock p, ul.categoryBlock li {
	font-size: 16px;
}
ul.categoryBlock li > strong { /*TEMP*  - to be changed to H2s */
	font-size: 18px;
}
ul.categoryBlock li h2 {
	font-size: 18px;
	margin: 0;
	padding: 0;
}
ul.categoryBlock > li h2 a {
	font-size: 18px;
	font-weight: normal;
}
ul.categoryBlock li p {
	margin: 0;
	padding: 0;
}
ul.categoryBlock li a {
	text-decoration: underline;
}
ul.categoryBlock li a:hover {
/*	text-decoration: none;*/
}
ul.categoryBlock > li > a {
	font-size: 18px;
}
ul.categoryBlock li ul {
	margin-top: 10px;
}
ul.categoryBlock > li.listBlockMember {
	margin: 0;
	padding-bottom: 30px;
}
ul.categoryBlock > li.lastMember {
	margin-bottom: 30px;
	padding-bottom: 0;
}
/* ###############################################
	Feature Container V2
#################################################*/

div.transitionWrapper div.featureContainerV2 {
	/*	float: left;
	clear: both;*/
	width: 100%;
	/*max-width:400px;*/
	text-align: center;
	margin: 15px 0px 15px 0px;
	border-radius: 5px 5px 5px 5px;
	background-color: #FcFcFc;
	/*	box-shadow: 3px 3px 5px #e1e1e1;*/
	padding: 25px 50px 20px 50px;
	overflow: auto;
	vertical-align: middle;
	display: inline-block;
	border: 1px solid #e4e4e4;
	box-sizing: border-box;
}
div.transitionWrapper div.featureContainerV2:hover {
	background-color: #f8f8f8;
}
div.transitionWrapper div.featureContainerV2.split {
	padding: 0px 0px 0px 0px;
}
div.transitionWrapper div.featureContainerV2.split .splitHeroImage, div.transitionWrapper div.featureContainerV2.split .splitHeroImage img {
	width: 100%;
}

div.transitionWrapper div.featureContainerV2.split .twoColumnDiv.oneOfTwo {
	border-right: 1px solid #e4e4e4;
	padding: 30px 51px 50px 50px;
	width: 50%;
	text-align: center;
	box-sizing:border-box;
}
div.transitionWrapper div.featureContainerV2.split .twoColumnDiv.twoOfTwo {
	padding: 30px 50px 0 40px;
	text-align: center;
	width: 48%;
	box-sizing:border-box;
}

/* ###############################################
	END - Feature Container V2
#################################################*/