@charset "utf-8";
/*************************************************************************************************/
/****                                                                                         ****/
/****          DO NOT ALTER THIS BLOCK OF CSS: WET Template Overrides for veterans.gc.ca      ****/
/****          PLACE ALL CUSTOM CSS BELOW THE ENDING COMMENT FOR OVERRIDES                    ****/
/****                                                                                         ****/
/*************************************************************************************************/
/* Consult with eComms before modifying the following to be sure your modifications don't have a negative impact on other people's work */

@media screen {
	
	/* Float fix for list (ul/ol) indentation */
	ul.list-float-fix, ol.list-float-fix {
		overflow:auto;
		padding:0 0 0 40px;
	}

	/* Template styles - ANY CHANGES WILL AFFECT ALL PAGES */
	#azlink { border-right: none !important }
	
	/*#wb-cont {
		border-bottom: 1px solid #eee;
		margin-top: 38px;
		padding-bottom: 5px;
	}*/

	.improvements-banner {
		background-color:#ccc;
	}
	
	.footer-follow-us li { vertical-align: bottom }
	
	#wb-dtmd { margin: 23px 0 5px 0 }
	
	/* Home Page */
	#mva-sign-in-home { position: relative }
	
	.list-group-item-img {
		padding: 0px
	}
	.image-mask {
		overflow: hidden;
		height: 200px !important;
	}
	
	/* Charts custom styles */
	td.legendLabel { padding: 0 5px }
	.wb-graph details { padding-left: 1.1em; padding-right: 1.1em }
	.wb-graph details > * { margin-left: 0 }
	/*.wb-graph figcaption { margin-bottom: 10px }
	.wb-graph details { margin: 10px 0 }
	
	.wb-graph details summary { padding: 3px }
	.wb-graph details table caption { margin: 10px 0 }*/
	
	/*.wb-eqht .panel,.wb-eqht .well,.wb-eqht .alert,.wb-eqht .thumbnail { min-height: inherit !important; }*/
	.alert > p + p { margin-top: 11.5px }
	.alert > p + ul { margin-top: 11.5px }
	.alert > ul + p { margin-top: 11.5px }
	
	.panel-body>p, .panel-body>ul { margin-bottom: 0 }
	.panel-body > p + p { margin-top: 11.5px }
	.panel-body > p + ul { margin-top: 11.5px }
	.panel-body > ul + p { margin-top: 11.5px }
	
	a.list-group-item { text-decoration: none }
	a.thumbnail { text-decoration: none }
	
	.thumbnail .caption p:last-of-type { margin-bottom: 0 }
	
	/* ===== Begin Benefits Browser styles ===== */
	/* ===== Begin link on home page to Benefits Browser section ===== */
	#sbw-ad {
		position:relative;
		background-image:url(/images/services-benefits-wizard/ben-wiz-main-page.jpg);
		background-repeat:no-repeat;
		width:399px;
		height:220px;
		background-color:#003366;
	}
	#sbw-ad h2 { margin:0;padding:15px 15px 80px;color:white; }
	#sbw-ad p { position:absolute;top:156px;left:3px;margin:0;padding:0;width:100%; }
	#sbw-ad a {
		font-size:13px;
		text-align:center;
		display:inline-block;
		*display:inline;
		zoom:1;
		line-height:20px;
		height:22px;
		width:195px;
		color:#fff !important;
		font-weight:700;
		padding:0;
		margin-right:-5px;
		border:solid 1px transparent;
	}
	#sbw-ad span { visibility:hidden;position:absolute; }
	#sbw-ad a:hover, #sbw-ad a:focus, #sbw-ad a:active { background-color:#9cc3e8;text-decoration:none;border:solid 1px #9cc;color:#000 !important; }
	/* ===== End Benefits Browser styles ===== */
	
	/* ===== Begin fieldset styles ===== */
	fieldset { border-top: 0; }
	fieldset legend { border-bottom: 1px solid #ddd; }
	fieldset.legend-brdr-bttm legend {
		border-bottom: 1px solid #e5e5e5;
		float: none;
		margin-bottom: 10px;
	}
	fieldset.chkbxrdio-grp {
		border-top: 0;
		padding-top: 0;
	}
	fieldset.chkbxrdio-grp legend {
		border: 0;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 5px;
	}
	/* ===== End fieldset styles ===== */
	
	label.btn { white-space:nowrap }
	
	/* Used on table @ http://10.199.41.146/eng/help/faq/disability-award-increase */
	.text-rotate {
		transform: translate(5px, 70px) rotate(270deg);
		width: 20px;
		white-space: nowrap;
	}
	
	.dl-horizontal dt, .dl-horizontal dd {
		border-top: none;
	}
	
}

/*****************************************************************************/
/**********************                                 **********************/
/**********************          END Overrides          **********************/
/**********************                                 **********************/
/*****************************************************************************/

/**** Helpers ****/

.bold { font-weight: 700 }
.nobold { font-weight: 100 }
.italic, em { font-style: italic }
.underline { text-decoration: underline }
.force-text-left { text-align: left !important }
.wrap-none { white-space: nowrap }
.wrap-normal { white-space: normal }
.align-middle { vertical-align: middle !important }
.text-capitalize { text-transform: capitalize }
.opct-85 { opacity: 0.85 }
.width-5 { width: 5% }
.width-10 { width: 10% }
.width-15 { width: 15% }
.width-20 { width: 20% }
.width-25 { width: 25% }
.width-30 { width: 30% }
.width-35 { width: 35% }
.width-33 { width: 33% }
.width-35 { width: 35% }
.width-40 { width: 40% }
.width-45 { width: 45% }
.width-50 { width: 50% }
.width-55 { width: 55% }
.width-60 { width: 60% }
.width-65 { width: 65% }
.width-70 { width: 70% }
.width-75 { width: 75% }
.width-80 { width: 80% }
.width-85 { width: 85% }
.width-90 { width: 90% }
.width-95 { width: 95% }
.width-100 { width: 100% }
.width-auto { width: auto }
.w-50 { width: 50px !important }
.w-60 { width: 60px !important }
.auto-truncate {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.bg-white { background-color:#fff; }
.text-black { color: #000 !important }
.uppercase { text-transform: uppercase }
.capitalize { text-transform: capitalize }
.lt-ie9 .opct-80 {
	opacity: 0.80;
    filter: alpha(opacity=80)
}
.lt-ie9 .width-100 { width: 100% }

.icon.facebook {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NTU5MTU0RTVBMkUxMUUzQTgzODlDQkVCQTlCRjdERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NTU5MTU0RjVBMkUxMUUzQTgzODlDQkVCQTlCRjdERCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY1NTkxNTRDNUEyRTExRTNBODM4OUNCRUJBOUJGN0REIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY1NTkxNTRENUEyRTExRTNBODM4OUNCRUJBOUJGN0REIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+tKO1uwAAAaRQTFRF9vf68/X5UGmoVm6rGzuNMlCZeIy8OlacSmSkPFidPlqfdoq7PVmePFieR2KjOVWcPFedU2ypJ0aTPlmeQlyg3uPvHj6OSGKkQFygPVie/f7+IUCQ9Pb6GjqMM1CZK0mVdYi6LEqVPFeePlqeHDyNOVacPlmf0tnqRl+iOladRV+hGzeLP1mfX3awVW2q2N7sHT6OOFWbLkyX4+fx9/j7NVGaMk+ZRV6irbjWMU+YME2XZ320PVqe6+713eLuI0ORg5XB6e30GjyNdYm6IUCP9/f7KEeTIkKReIu7NlKaKEeU5eny3+Tv5unyNlSaYHavSWOk0dfoSmKkPVmdTmenRmGiQl6hW3Ou5OjyJEOS3uLuNVKbYnix8vT5CSyEa4G1OFWcIkGRKkiUSmSl6u30h5jDn63QMU+ZRF6iKUeTO1ad7vH3K0qVr7rYMU6YJkSTYniw8vX58fT4LUqWLkyYbYK32d7sIUGReo689fb6TGal8PL3NlOb+Pr8/Pz909rpSGOkU2up+Pn8xs3iNFGZXXStXHStAySAP1qfT2in////O1ed8qxkgAAAARpJREFUeNqU0sVuxEAMBuApbTa8zFhmZtoyMzMzMzNOPC/ddKUko2ov/S+WP1mWD0b9JrPyN2bTIOIJHdGOMadWHkk0N37MujK7GUwkpBjKZnQdk8kRh7xnUWjHUc9Wc9P91Y4/m3ZhtyYH1DyNBTHl3pCt9pdhI9dFO+fPbwU4PBn+Gu8lhrOOUmsA3ooOtkNENFyo6vv2nsGtpy1mkzlqPkssmDgFZL2QV0i64eXLc89OH/gGSpyj69eFmjNrN6BlH3dwuod53d/D54K+5+Gu57OlEx43L9un58uM/Zah+qWpRUAvq9EjlqXuIfagkgSouI7JUxvKcWqy6ilp8eb/7k7obhRJ6BFUof3Da/VCACobpPg/zPwIMACYFdTbOAfyBwAAAABJRU5ErkJggg==)
}

.icon {
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 2em;
	min-height: 27px;
	min-width: 27px;
	padding-left: 35px;
}

/* CUSTOM HR COLOR - OVERRIDES WET4 HR STYLE */
hr.brdr-tp-drk, .brdr-tp-drk {
	border-top: 1px solid #dfdfdf;
}

/* CUSTOM CLASSES FOR ENDNOTES */
.en-lnk {
	margin-left: 5px;
	background-color: #eee;
    border: 1px solid #ccc;
    padding: 1px 10px 2px;
    white-space: nowrap;
}

.en-lnk:hover, .en-lnk:focus, sup:focus .en-lnk, .wb-enote dd:focus .en-rtn a, .wb-enote .en-rtn a:hover, .wb-enote .en-rtn a:focus {
	background-color:#555;
	border-color:#555;
	color:#fff!important;
}

.wb-enote {
	border-color: #ccc;
    border-style: solid;
    border-width: 1px 0;
    margin: 2em 10px 0;
}

.wb-enote dl { margin:0 }

.wb-enote dt {
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.wb-enote dd {
	border: 1px solid transparent;
    margin: .375em 0;
    position: relative;
}

.wb-enote dd:focus {
    background-color: #eee;
    border-color: #555; 
}

.wb-enote p:first-child {
    padding-top: .375em;
}

.wb-enote p {
    margin: 0 0 0 3.75em;
    padding: 0 .375em .375em;
}

.wb-enote .en-rtn {
	margin: 0;
	overflow: hidden;
	padding-right: 0;
	padding-top: .375em;
	position: absolute;
	top: 0;
	width: 3.375em;
}

.wb-enote .en-rtn a {
	display: inline-block;
    padding-bottom: 0;
}

.wb-enote .en-rtn a {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px 10px 2px;
	white-space: nowrap;
}

/* END CUSTOM CLASSES FOR ENDNOTES */


/* 
	Github addition Widget Format 
*/
.fd-wdgt.panel {
  padding-left: 0;
  padding-right: 0; }
.fd-wdgt .panel-heading {
  border-bottom: 1px solid #ddd; }
.fd-wdgt .panel-body {
  max-height: 25em;
  overflow-y: scroll;
  padding: 0; }
.fd-wdgt .media {
  border-top: 1px solid #ddd;
  margin-top: 0;
  padding: 15px 15px 0 5px;
  position: relative; }
  .fd-wdgt .media:first-child {
    border-top: 0; }
  .fd-wdgt .media p {
    font-size: 0.9em; }
.fd-wdgt .panel-title {
  padding-right: 30px; }
  .fd-wdgt .panel-title .icon {
    position: absolute;
    right: 5px;
    top: 5px; }
.fd-wdgt .feeds-date {
  display: inline-block;
  float: none !important;
  padding-top: 10px; }
.fd-wdgt .media-body img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 10px 5px; }

/* IE Tweaks */
.lt-ie9 .fd-wdgt .panel-title {
  padding-right: 30px; }
  .lt-ie9 .fd-wdgt .panel-title .icon {
    padding-left: 0; }

#myMap { height: 550px !important }

@media print {
	.footer-follow-us { display: none }
	.print-none { display: none }
}

/* A-Z Links Navigation buttons */
/*Added by @hmmyers 26 January 2015 */
#azLinks .btn {width:45px; margin-bottom:4px;}
#azLinksLarge.btn-group {width:100% !important;} #azLinksLarge .btn {width:3.8461538% !important; padding: 0.4em; /* 100/26 */}


/* COPIED FROM /CSS/VAC-CUSTOM.CSS */
/* World War Timelines - I REMEMBER */
#ww1-timeline { background: url("/images/remembrance/i-remember/ww1a-timeline.jpg") bottom right no-repeat; }
#ww2-timeline { background: url("/images/remembrance/i-remember/ww2a-timeline.jpg") bottom left no-repeat; }
#korea-timeline { background: url("/images/remembrance/i-remember/korea-timeline.jpg") bottom left no-repeat; }
#caf-timeline { background: url("/images/remembrance/i-remember/caf-timeline.jpg") bottom left no-repeat; }
#nwm-timeline { background: url("/images/remembrance/i-remember/nwm-timeline.jpg") bottom right no-repeat; }

.remember-timeline {
	height: 174px;
	overflow: hidden;
}

.remember-timeline .title {
	font-size: 12px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 7px 5px 7px;
	background: rgba(0,0,0,0.75) !important;
}

.remember-timeline .inner {
	width: 1760px;
	height: 174px;
	padding: 0;
	position: relative;
	left: 0;
	/*Transition*/
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

#ww1-timeline .inner {  }
#ww2-timeline .inner {  }
#korea-timeline .inner { width: 1320px }
#caf-timeline .inner { width: 3080px }
#nwm-timeline .inner {  }

.remember-timeline ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.remember-timeline ul li {
	float: left;
	line-height: 1.1;
	margin: 0;
	text-align: center;
}

.remember-timeline ul li a {
	text-decoration: none;
	display: block;
	position: relative;
	height: 70px;
	width: 220px;
	top: 109px;
	background: #fff;
	background: rgba(255,255,255,0.9);
	font-size: 11px;
	font-weight: normal!important;
}

.remember-timeline.french ul li a {
	height: 92px;
	top: 82px;
}

.remember-timeline ul li a:hover { background: rgba(255,255,255,0.95); }

.remember-timeline ul li a .date {
	font-weight: bold;
	padding-top: 5px;
	font-size: 11px;
}

/* Superscript hacks to make everytyhing line up*/
.remember-timeline ul li a.superscript .date {
	padding-top: 1px; /* Firefox */
	padding-top:2px \ ;
}

.pager {
	padding-left: 0px;
	margin: 23px 0px;
	list-style:none;
	text-align:center;
}

.pager li {
	display:inline;
}

.pager>li>a {
	text-decoration:none;
}

.pager>li>a, .pagination>li>a {
	cursor: pointer;
	display: inline-block;
	margin-bottom: .5em;
	padding: 10px 16px;
}

.pager li>a {
	background-color: #eaebed !important;
	border: 1px solid #dcdee1 !important;
	border-radius: 4px;
}

pagination>li>a {
	position: relative;
	float: left;
	line-height: 1.4375;
	color: #335075;
}

.pagination {
	display: inline-block;
	border-radius: 4px;
}

.pagination>li:first-child>a {
	margin-left: 0px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}


@media screen and (min-width: 992px) {
	/* Fix for text overlaying image on mental health page VINCE */
	.pstn-lft-md {
		top: 0;
		margin-top: 50px;
		margin-left: 50px;
	}
	
	.pstn-lft-md p {
		font-size: 16px;
	}
	
	/* 3 column box spacing*/
	.one-thrd-col {
		margin-left: 50px;
	}
}

@media screen and (min-width: 280px) and (max-width:440px) {
	.pstn-lft-md {
		width: 100%;
	}
	
	.pstn-lft-md h1 {
		color:black;
	}
	
	.pstn-lft-md p {
		color:black;
	}
	
	.poof440 {
		display: none !important;
	}

	/* 3 column box spacing*/
	.one-thrd-col {
		margin-left: 0px;
	}
}

@media screen and (min-width: 440px) and (max-width:599px) {
	.pstn-lft-md {
		width: 100%;
	}
	
	.pstn-lft-md h1 {
		color:black;
	}
	
	.pstn-lft-md p {
		color:black;
	}
}

@media screen and (min-width: 600px) and (max-width:991px) {
	.pstn-lft-md {
		width: 100%;
	}
	
	.pstn-lft-md h1 {
		color:black;
	}
	
	.pstn-lft-md p {
		color:black;
	}
}

@media screen {
		
	.crisis-pop-header {
		background-color: #146094 !important;
	}
		
	.crisis-pop-body {
		padding-top: 0px;
	}
}

@media screen and (min-width:510px){
	.resourcesimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Resources.png');
		height:120px;
		width:122px;
	}
	
	.resourcesimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Resources-Lt.png');
		height:120px;
		width:122px;
	}
	
	.familiesimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Families.png');
		height:120px;
		width:122px;
	}
	
	.familiesimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Families-Lt.png');
		height:120px;
		width:122px;
	}

	.providersimg {
		background: url('/images/services/mental-health/Mental_Health_icons_HealthCare_Providers.png');
		height:120px;
		width:122px;
	}
	
	.providersimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_HealthCare_Providers-Lt.png');
		height:120px;
		width:122px;
	}

	.researchimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Research.png');
		height:120px;
		width:122px;
	}
	
	.researchimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Research-Lt.png');
		height:120px;
		width:122px;
	}

	.servicesimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Services_and_Supports.png');
		height:120px;
		width:122px;
	}
	
	.servicesimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Services_and_Supports-Lt.png');
		height:120px;
		width:122px;
	}
	
	.helpimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Help.png');
		height:120px;
		width:122px;
	}
		
	.helpimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Help-Lt.png');
		height:120px;
		width:122px;
	}
	
	.pop-btn {
		display: inline-block;
		padding: 15px;
		height: 120px;
	}
}

@media screen and (max-width:509px){
	.resourcesimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Resources.png') no-repeat center;
		background-size: 40px 40px;
		height:40px;
		width:42px;
	}
	
	.resourcesimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Resources-Lt.png') no-repeat center;
		background-size: 40px 40px;
		height:40px;
		width:42px;
	}
	
	.familiesimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Families.png') no-repeat center;
		background-size: 40px 40px;
		height:40px;
		width:42px;
	}
	
	.familiesimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Families-Lt.png') no-repeat center;
		background-size: 40px 40px;
		height:40px;
		width:42px;
	}

	.providersimg {
		background: url('/images/services/mental-health/Mental_Health_icons_HealthCare_Providers.png') no-repeat center;
		background-size: 40px 40px;
		height:40px;
		width:42px;
	}
	
	.providersimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_HealthCare_Providers-Lt.png') no-repeat center;
		background-size: 40px 40px;
		height:40px;
		width:42px;
	}

	.researchimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Research.png') no-repeat center;
		background-size: 40px 40px;
		height:40px;
		width:42px;
	}
	
	.researchimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Research-Lt.png') no-repeat center;
		background-size: 40px 40px;
		height:40px;
		width:42px;
	}

	.servicesimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Services_and_Supports.png') no-repeat center;
		background-size: 40px 40px;
		height:40px;
		width:42px;
	}
	
	.servicesimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Services_and_Supports-Lt.png') no-repeat center;
		background-size: 40px 40px;
		height:40px;
		width:42px;
	}
	
	.helpimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Help.png') no-repeat center;
		background-size: 40px 40px;
		height:40px;
		width:42px;
	}
		
	.helpimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Help-Lt.png') no-repeat center;
		background-size: 40px 40px;
		height:40px;
		width:42px;
	}
}

@media screen and (max-width:410px){
	.resourcesimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Resources.png') no-repeat center;
		background-size: 30px 30px;
		height:30px;
		width:32px;
	}
	
	.resourcesimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Resources-Lt.png') no-repeat center;
		background-size: 30px 30px;
		height:30px;
		width:32px;
	}
	
	.familiesimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Families.png') no-repeat center;
		background-size: 30px 30px;
		height:30px;
		width:32px;
	}
	
	.familiesimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Families-Lt.png') no-repeat center;
		background-size: 30px 30px;
		height:30px;
		width:32px;
	}

	.providersimg {
		background: url('/images/services/mental-health/Mental_Health_icons_HealthCare_Providers.png') no-repeat center;
		background-size: 30px 30px;
		height:30px;
		width:32px;
	}
	
	.providersimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_HealthCare_Providers-Lt.png') no-repeat center;
		background-size: 30px 30px;
		height:30px;
		width:32px;
	}

	.researchimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Research.png') no-repeat center;
		background-size: 30px 30px;
		height:30px;
		width:32px;
	}
	
	.researchimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Research-Lt.png') no-repeat center;
		background-size: 30px 30px;
		height:30px;
		width:32px;
	}

	.servicesimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Services_and_Supports.png') no-repeat center;
		background-size: 30px 30px;
		height:30px;
		width:32px;
	}
	
	.servicesimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Services_and_Supports-Lt.png') no-repeat center;
		background-size: 30px 30px;
		height:30px;
		width:32px;
	}
	
	.helpimg {
		background: url('/images/services/mental-health/Mental_Health_icons_Help.png') no-repeat center;
		background-size: 30px 30px;
		height:30px;
		width:32px;
	}
		
	.helpimg:hover {
		background: url('/images/services/mental-health/Mental_Health_icons_Help-Lt.png') no-repeat center;
		background-size: 30px 30px;
		height:30px;
		width:32px;
	}
}
/* End sections VINCE */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.remember-timeline ul li a.superscript .date {
		padding-top: 3px !important; }
}

.remember-timeline ul li a span {
	display: block;
	clear: both;
	font-size: 18px;
	line-height: 1;
	border-bottom: 1px solid #ddd;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

.remember-timeline ul li a .item { padding: 0 10px; }

.remember-timeline .left-arrow,
.remember-timeline .right-arrow {
	background: #fff;
	background: rgba(255,255,255,0.9);
	position: absolute;
	top: 114px;
	z-index: 99;
	text-decoration: none;
	color: #000;
	font-size: 36px;
	height: 35px;
	width: 24px;
	line-height: 30px;
	display: inline-block;
	cursor: pointer;
}

.remember-timeline.french .left-arrow,
.remember-timeline.french .right-arrow {
	top: 38px;
}

.remember-timeline .right-arrow {
	right: 0;
	text-align: right;
	padding-right: 4px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.remember-timeline .left-arrow {
	left: 0;
	text-align: left;
	padding-left: 4px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
/* END COPIED FROM /CSS/VAC-CUSTOM.CSS */


/* Remebrance Feature Header 2014 Veterans Week */
.rfh-display-container{
	position:relative;
	height:325px;
}

.rfh-display-year{
	position:relative;
	background-color: rgba(0,0,0,.9);
	/*filter:alpha(opacity=90);*/
	color:#FFFFFF;
	width:120px;
	height:30px;
	top:50px;
	left:70px;
	font-size:80%;
	z-index:5;
}
.lt-ie9 .rfh-display-year{background-color:#000;}

.rfh-display-afghanistan .rfh-display-year{
	position:absolute;
	left:auto;
    right:280px;
}

.rfh-display-year span{
	display:block;
	text-align:center;
	line-height:2.25em;
	/*position:relative;
	margin-left:30px;
	top:5px;*/
}
.rfh-display-war{
	position:relative;
	background-color: rgba(255,255,255,.9);
	/*filter:alpha(opacity=90);*/
	color:#000000;
	width:290px;
	height:66px;
	top:35px;
	left:40px;
	font-size:180%;	
	z-index:4;
}
.lt-ie9 .rfh-display-war{background-color:#fff;}

.rfh-display-afghanistan .rfh-display-war{
	position:absolute;
	top:65px;
	left:auto;
	right:140px;
}

.rfh-display-war span{
	display:block;
	text-align:center;
	line-height:2.6em;
	/*position:relative;
	margin-left:60px;
	top:15px;*/
}
.rfh-display-war span.small{
	line-height:3.4em;
	font-size:80%;
}
.rfh-display-content{
	position:relative;
	background-color: rgba(0,0,0,.9);
	/*filter:alpha(opacity=90);*/
	color:#FFFFFF;
	width:420px;
	height:160px;
	top:10px;
	left:25px;
	font-size:90%;
	z-index:3;
}
.lt-ie9 .rfh-display-content{background-color:#000;}

.rfh-display-afghanistan .rfh-display-content{
	position:absolute;
	top:105px;
	left:auto;
	right:25px;
}

.rfh-display-content span{
	position:relative;
	margin-left:20px;
	margin-right:20px;
	top:45px;
	display:block;
}
.rfh-display-btn{
	position:relative;
	background-color: rgba(188,57,13,.9);
	/*filter:alpha(opacity=90);*/
	color:#FFFFFF !important;
	text-decoration:none;
	width:140px;
	height:40px;
	top:-10px;
	left:290px;
	font-size:80%;
	z-index:5;
	display:block;
}
.lt-ie9 .rfh-display-btn{background-color:#BC390D;}

.rfh-display-afghanistan .rfh-display-btn{
	position:absolute;
	top:245px;
	left:auto;
	right:40px;
}

.rfh-display-btn span{
	display:block;
	text-align:center;
	line-height:3em;
	/*position:relative;
	margin-left:20px;
	top:12px;*/
}
.rfh-display-sub-text{
	position:relative;
	color:rgba(0,0,0,.5);
	/*filter:alpha(opacity=50);*/
	margin-top:-20px;
	margin-left:855px;
	font-size:180%;
	font-weight:bold;
	z-index:5;
}

.rfh-display-fww{background: url("/images/remembrance/feature-header/fww.jpg") top center;}
.rfh-display-sww{background: url("/images/remembrance/feature-header/sww.jpg") top left;}
.rfh-display-korea{background: url("/images/remembrance/feature-header/korea.jpg") top left;}
.rfh-display-peace{background: url("/images/remembrance/feature-header/peace.jpg") top right;}
.rfh-display-afghanistan{background: url("/images/remembrance/feature-header/afghanistan.jpg") top left;}

.rfh-feature-list-btns{
	margin-top:5px;
}
.rfh-feature-list-btns li{
	list-style:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.rfh-btn-container{
	width:20%;
	display:block;
	float:left;
}
.rfh-btn-link{
	text-decoration:none !important;	
	color:#273f61 !important;	
}
.rfh-header-link{
	color:#273f61 !important;	
}
.rfh-btn-container:hover{
	opacity:.4;
}
.rfh-btn{
	display:block;
    height:60px;
	margin-right:3px;	
	margin-left:3px;
	padding-top:3px;
	background-repeat:no-repeat;
    background-color:#fafafa;
	font-weight:bold;
	font-size:70%;
}
.rfh-btn-text{
	display:block;
}
.lt-ie9 .rfh-btn:hover{
	filter:alpha(opacity=40);
}
.lt-ie9 .rfh-btn-text:hover{
	color:#8BA3C5!important;
}

.rfh-btn-date{
	font-weight:normal;
	font-size:90%;
    color:#000000;	
}
.rfh-btn-no-margin-left{
	margin-left:0px !important;	
}
.rfh-btn-no-margin-right{
	margin-right:0px !important;	
}
.rfh-btn-fww{background: url("/images/remembrance/feature-header/btn-fww.jpg") no-repeat top right;}
.rfh-btn-sww{background: url("/images/remembrance/feature-header/btn-sww.jpg") no-repeat top left;}
.rfh-btn-kor{background: url("/images/remembrance/feature-header/btn-kor.jpg") no-repeat top center;}
.rfh-btn-pec{background: url("/images/remembrance/feature-header/btn-pec.jpg") no-repeat top right;}
.rfh-btn-afg{background: url("/images/remembrance/feature-header/btn-afg.jpg") no-repeat top left;}

.rfh-btn-active-font{
	color:#ac2c00 !important;
	opacity:.4;
}
.lt-ie9 .rfh-btn-active-font, .lt-ie9 .rfh-btn-active-font:hover{
	color:#F2B8A4!important;
}
.rfh-btn-active-img{
	opacity:.4;
}
.lt-ie9 .rfh-btn-active-img{
	filter:alpha(opacity=40);
}
.rfh-font{
	font-family: 'Crete Round', serif;
}
.rfh-no-pad{padding:0px;}

.wb-youtube-video .wb-mltmd.youtube .wb-mm-ctrls { border-bottom: none }

@media screen and (max-width: 991px) {
	.rfh-display-sww{background: url("/images/remembrance/feature-header/sww.jpg") top right -100px;}
	.rfh-display-peace{background: url("/images/remembrance/feature-header/peace.jpg") top left -300px;}
	.rfh-display-afghanistan{background: url("/images/remembrance/feature-header/afghanistan.jpg") top left -40px;}
}
@media screen and (max-width: 767px) {
	
	#rfh-container{margin-top:30px;}
	
	.rfh-display-container{
		height:300px;
	}
	
	.rfh-display-war, .rfh-display-afghanistan .rfh-display-war{
		position:absolute;
		background:none;
		top:-50px;
		left:0;
		right:auto;
	}
	.rfh-display-war span{
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight:700;
		font-size:26px;
		color:#333333;
		text-align:left;
	}
	.rfh-display-war span.small{
		line-height:2.6em;
		font-size:26px;
		white-space:nowrap;
	}
	.lt-ie9 .rfh-display-war{background:none;}
	
	.rfh-display-content, .rfh-display-afghanistan .rfh-display-content{
		position:absolute;
		background-color: rgba(0,0,0,1);
		width:100%;
		height:auto;
		top:auto;
		bottom:-110px;
		left:0;
		right:auto;
	}
	.rfh-display-content span{
		position:relative;
		margin:15px 15px 35px 15px;
		top:auto;
		display:block;
	}
	
	.rfh-display-btn, .rfh-display-afghanistan .rfh-display-btn{
		position:absolute;
		height:30px;
		top:auto;
		bottom:-110px;
		left:auto;
		right:0;
	}
	.rfh-display-btn span{
		line-height:2.33em;
	}
	
	.rfh-feature-list-btns{
		margin-top:115px;
	}
	
	.rfh-display-fww{background: url("/images/remembrance/feature-header/fww-768.jpg") top center;}
	.rfh-display-sww{background: url("/images/remembrance/feature-header/sww-768.jpg") top left}
	.rfh-display-korea{background: url("/images/remembrance/feature-header/korea-768.jpg") top center;}
	.rfh-display-peace{background: url("/images/remembrance/feature-header/peace-768.jpg") top center;}
	.rfh-display-afghanistan{background: url("/images/remembrance/feature-header/afghanistan-768.jpg") top left;}
	
	
	.rfh-100-years-xs{
		background: url("/images/remembrance/feature-header/100-years-720-bg.png") top center;
		height:16px;
		width:100%;
	}
	
	.rfh-100-ans-xs{
		background: url("/images/remembrance/feature-header/100-years-720-bg-f.png") top center;
		height:16px;
		width:100%;
	}
	
}

@media screen and (min-width: 768px) {
	
	.modal-dialog.modal-width-lg{
		width:1000px;
	}
	
	.modal-dialog.modal-width-md{
		width:800px;
	}
	
}



.align-top {vertical-align: top !important;}
*:active {outline: none;}


/* EMULATE TABLE DISPLAY WITH DL BEGIN | DEBUT DES STYLES POUR SIMULER UNE TABLE AVEC UN LISTE DE DEFINITION */
dl.table-display
{
	float: left;
	width: 100%;
	margin: 0 10px;
	padding: 0;
}

.table-display dt
{
	clear: left;
	float: left;
	width: 35%;
	margin: 0;
	margin-bottom:5px;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;
}

.table-display dd
{
	float:left;
	width: 60%;
	margin: 0;
	margin-bottom:5px;
	padding: 5px;
	border-top: 1px solid #999;
}

/* EMULATE TABLE DISPLAY WITH DL END | FIN DES STYLES POUR SIMULER UNE TABLE AVEC UN LISTE DE DEFINITION */

/* Banner image for Have Your Say pages */

#banner_image {
	/*height: 282px;*/
	height: 271px;
	overflow: hidden;
	position: relative;
}

#banner_image img {
	position: absolute;
	bottom: 21px; /*-4px;*/
	left: 0;
	z-index: 1;
}

#banner_image p {
	background: #f5f5f5;
	font-size: 13px;
	margin: 0;
	padding: 8px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 97%; /*100%;*/
	min-height: 30px;
}

@media screen and (max-width: 991px) {
	#banner_image {
		height: 4em;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
	#banner_image img {bottom: 52px;}
	#banner_image p { width: 100%;}
}
@media screen and (max-width: 500px) {
	#banner_image { min-height: 6em;}
}
@media screen and (max-width: 350px) {
	#banner_image { min-height: 10em;}
}

/* END Banner image for Have Your Say pages */


/* testing Services page follow us */
.followus {
    background-color: #eaebed;
    display: inline-block;
    margin-bottom: 15px;
    padding: 10px 5px;
}
.followus h2 {
    display: inline;
    font-size: 16px;
    margin-left: 5px;
}
.followus ul {
    display: inline;
    margin-left: 5px;
    padding-left: 0;
}
.followus ul li {
    display: inline-block;
    margin: 5px 0;
    padding: 0;
}
.followus ul li a {
    border: solid 2px #eaebed;
    padding: 10px 6px;
}
.followus .facebook, .followus .flickr, .followus .linkedin, .followus .pinterest, .followus .rss, .followus .twitter, .followus .youtube {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline;
    min-height: 27px;
    min-width: 27px;
    position: relative;
    vertical-align: text-bottom;
}
.followus ul li a:active, .followus ul li a:focus, .followus ul li a:hover {
    border: solid 2px #0535d2;
}
/* END testing Services page follow us */

/*My VAC Account custom class to make buttons full-width for mobile*/
@media all and (max-width: 767px) {
	.btn-mobile {
		display:inline-block!important;
		width:100%!important;
		margin-bottom:5px!important;
		text-align:center!important;
		}
}

/*My VAC Account title fix for buttons in small size*/
@media all and (min-width:768px) and (max-width: 991px) {
	.mva-title { width: 75%;}
}
@media all and (min-width:992px) and (max-width: 1200px) {
	.mva-title { width: 80%;}
}

@media only screen and (min-width:992px) and (max-width: 1100px) and  {
	.mva-title { width: 75%;}
}
@media only screen and (min-width:760px) and (max-width:770px) and (orientation: portrait)  {
	.mva-title { width: 70%;}
}

@media all and (max-width: 1200px) {
	.contact-modal-text {
		text-align:center;
	}
}


/**** CSS used to create page loading spinner ******/

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.process-spinner {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/images/process-spinner.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .process-spinner {
    display: block;
}

.modal-footer {
	background:#fff;
}

/**** CSS used to create page loading spinner *****/

.table-noborders>tbody>tr>td, .table-noborders>tbody>tr>th {
	border: 0;
}
.table-noborders>tfoot tr:not(:first-child) td, .table-noborders>tfoot tr:not(:first-child) th {
	border: 0;
}

.table-noborders>tbody>tr>td, .table-noborders>tbody>tr>th, .table-noborders>tfoot>tr>td, .table-noborders>tfoot>tr>th, .table-noborders>thead>tr>td, .table-noborders>thead>tr>th {
	vertical-align: bottom;
}

.pddng-tp-0 { padding-top: 0px; }
.pddng-tp-sm { padding-top: 5px; }
.pddng-tp-md { padding-top: 15px; }
.pddng-tp-lg { padding-top: 30px; }
.pddng-tp-xl { padding-top: 50px; }

.pddng-bttm-0 { padding-bottom: 0px; }
.pddng-bttm-sm { padding-bottom: 5px; }
.pddng-bttm-md { padding-bottom: 15px; }
.pddng-bttm-lg { padding-bottom: 30px; }
.pddng-bttm-xl { padding-bottom: 50px; }

.pddng-lft-0 { padding-left: 0px; }
.pddng-lft-sm { padding-left: 5px; }
.pddng-lft-md { padding-left: 15px; }
.pddng-lft-lg { padding-left: 30px; }
.pddng-lft-xl { padding-left: 50px; }

.pddng-rght-0 { padding-right: 0px; }
.pddng-rght-sm { padding-right: 5px; }
.pddng-rght-md { padding-right: 15px; }
.pddng-rght-lg { padding-right: 30px; }
.pddng-rght-xl { padding-right: 50px; }