﻿@charset "utf-8";

/*
*	This css is used to add global custom DND required styling
*/
/********************************************** WET 4.0.x custom CSS START ************************************************/

/* ------------------------------------------*/
/* ---------->>> CUSTOM STYLES <<<-----------*/
/* ------------------------------------------*/

/* custom panel background */
section:not([class*="panel-"]) div[class*="bg-"] , section.panel div[class*="bg-"]:first-child, .wb-eqht section.panel {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	
}
section.panel div[class^="bg-"] {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;	
}

/* custom corporate colors */
a.list-group-item-, a.list-group-item-panel{
	color:#295376;
}
a.list-group-item-:hover, a.list-group-item-panel:hover,a.list-group-item-:focus, a.list-group-item-panel:focus{
	color:#0535d2;
}
.text-corp-dark {
	color:#193d53;
}

.text-corp-med{
	color:#206b99;
}

.corp-med, .bg-corp-med, .panel-corp-med > .panel-heading, .list-group-item-corp-med, bg-corp-med > .panel-body {
	background-color: #206b99;
	color: #fff;
}

.corp-dark, .bg-corp-dark, .panel-corp-dark > .panel-heading, .list-group-item-corp-dark, bg-corp-dark > .panel-body {
	background-color: #193d53;
	color: #fff;
}

.panel-corp-dark, .panel-corp-dark > .panel-heading {
	border-color: #193d53;
}

.panel-corp-med, .panel-corp-med > .panel-heading {
	border-color: #206b99;
}

.bg-corp-med a, .bg-corp-dark a, .bg-corp-med a:hover, .bg-corp-med a:Active,.bg-corp-dark a:hover, .bg-corp-dark a:Active{
	color: #d9edf7;
}
.bg-corp-med a:visited, .bg-corp-dark a:visited{
	color: #fff;
}

div.corp-med h2.bg-danger, div.corp-med h3.bg-danger, div.corp-med h4.bg-danger, div.corp-med h5.bg-danger, div.corp-med h6.bg-danger
div.corp-med h2.bg-success, div.corp-med h3.bg-success, div.corp-med h4.bg-success, div.corp-med h5.bg-success, div.corp-med h6.bg-success
div.corp-med h2.bg-info, div.corp-med h3.bg-info, div.corp-med h4.bg-info, div.corp-med h5.bg-info, div.corp-med h6.bg-info
div.corp-med h2.bg-warning, div.corp-med h3.bg-warning, div.corp-med h4.bg-warning, div.corp-med h5.bg-warning, div.corp-med h6.bg-warning
div.corp-med h2.panel-title, div.corp-med h3.panel-title, div.corp-med h4.panel-title, div.corp-med h5.panel-title, div.corp-med h6.panel-title
div.corp-dark h2.bg-danger, div.corp-dark h3.bg-danger, div.corp-dark h4.bg-danger, div.corp-dark h5.bg-danger, div.corp-dark h6.bg-danger
div.corp-dark h2.bg-success, div.corp-dark h3.bg-success, div.corp-dark h4.bg-success, div.corp-dark h5.bg-success, div.corp-dark h6.bg-success
div.corp-dark h2.bg-info, div.corp-dark h3.bg-info, div.corp-dark h4.bg-info, div.corp-dark h5.bg-info, div.corp-dark h6.bg-info
div.corp-dark h2.bg-warning, div.corp-dark h3.bg-warning, div.corp-dark h4.bg-warning, div.corp-dark h5.bg-warning, div.corp-dark h6.bg-warning
div.corp-dark h2.panel-title, div.corp-dark h3.panel-title, div.corp-dark h4.panel-title, div.corp-dark h5.panel-title, div.corp-dark h6.panel-title {
	color: #000;
}

/* custom corporate colours for list of links group item style (with separator lines) */
a.list-group-item-corp-med, a.list-group-item-corp-dark {
  color: #fff; 
}
a.list-group-item-corp-med:hover, a.list-group-item-corp-med:focus {
	color: #fff;
	background-color: #105580; 
}
a.list-group-item-corp-dark:hover, a.list-group-item-dark:focus {
	color: #fff;
	background-color: #113043; 
}

.glyphicon-download-alt {
	color: #000;
}

/* background colour muted */
.bg-muted {
	background-color: #f5f5f5;
	color: #333;
}

/* background colour muted -- need to overwrite content bg bleeding */
.bg-white {
	background-color: #fff;
	color: #000;
}

/* Equal Height Column CSS */
.wb-eqht div.panel-heading.bg-white {
	border-top: 0.1px solid #fff;
	border-left: 0.1px solid #fff;
	border-right: 0.1px solid #fff;
}

.wb-eqht div.panel-heading.bg-success {
	border-top: 0.1px solid #dff0d8;
	border-left: 0.1px solid #dff0d8;
	border-right: 0.1px solid #dff0d8;
}

.wb-eqht div.panel-heading.bg-info {
	border-top: 0.1px solid #d9edf7;
	border-left: 0.1px solid #d9edf7;
	border-right: 0.1px solid #d9edf7;
}

.wb-eqht div.panel-heading.bg-warning {
	border-top: 0.1px solid #fcf8e3;
	border-left: 0.1px solid #fcf8e3;
	border-right: 0.1px solid #fcf8e3;
}

.wb-eqht div.panel-heading.bg-danger {
	border-top: 0.1px solid #f2dede;
	border-left: 0.1px solid #f2dede;
	border-right: 0.1px solid #f2dede;
}

.wb-eqht div.panel-heading.bg-muted {	
	border-top: 0.1px solid #f5f5f5;
	border-left: 0.1px solid #f5f5f5;
	border-right: 0.1px solid #f5f5f5;	
}

.wb-eqht div.panel-heading.bg-primary {	
	border-top: 0.1px solid #2572b4;
	border-left: 0.1px solid #2572b4;
	border-right: 0.1px solid #2572b4;	
}

.wb-eqht div.panel-heading.bg-corp-med {	
	border-top: 0.1px solid #206b99;
	border-left: 0.1px solid #206b99;
	border-right: 0.1px solid #206b99;	
}

.wb-eqht div.panel-heading.bg-corp-dark {	
	border-top: 0.1px solid #193d53;
	border-left: 0.1px solid #193d53;
	border-right: 0.1px solid #193d53;	
}
.wb-eqht .panel-heading.bg-primary a,
.wb-eqht .panel-heading.bg-corp-med a,
.wb-eqht .panel-heading.bg-corp-dark a, 
.wb-eqht section > .bg-primary a, 
.wb-eqht section > .bg-corp-med a,
.wb-eqht section > .bg-corp-dark a,
.wb-eqht section.panel-primary > header.panel-heading a,
.wb-eqht section.panel-corp-med > header.panel-heading a,
.wb-eqht section.panel-corp-dark > header.panel-heading a {
	color: #E7F6FA;
}

.wb-eqht .panel-heading.bg-primary a:hover,
.wb-eqht .panel-heading.bg-primary a:Active, 
.wb-eqht .panel-heading.bg-primary a:focus, 
.wb-eqht .panel-heading.bg-corp-med a:hover,
.wb-eqht .panel-heading.bg-corp-med a:Active,
.wb-eqht .panel-heading.bg-corp-med a:focus,
.wb-eqht .panel-heading.bg-corp-dark a:hover,
.wb-eqht .panel-heading.bg-corp-dark a:Active,
.wb-eqht .panel-heading.bg-corp-dark a:focus,
.wb-eqht section > .bg-primary a:hover,
.wb-eqht section > .bg-primary a:Active,
.wb-eqht section > .bg-primary a:focus,
.wb-eqht section > .bg-corp-med a:hover,
.wb-eqht section > .bg-corp-med a:Active,
.wb-eqht section > .bg-corp-med a:focus,
.wb-eqht section > .bg-corp-dark a:hover,
.wb-eqht section > .bg-corp-dark a:Active,
.wb-eqht section > .bg-corp-dark a:focus,
.wb-eqht section.panel-primary header.panel-heading a:hover,
.wb-eqht section.panel-primary header.panel-heading a:Active, 
.wb-eqht section.panel-primary header.panel-heading a:focus, 
.wb-eqht section.panel-corp-med header.panel-heading a:hover,
.wb-eqht section.panel-corp-med header.panel-heading a:Active,
.wb-eqht section.panel-corp-med header.panel-heading a:focus,
.wb-eqht section.panel-corp-dark header.panel-heading a:hover,
.wb-eqht section.panel-corp-dark header.panel-heading a:Active,
.wb-eqht section.panel-corp-dark header.panel-heading a:focus {
	color: #FFF0F8;
}

.wb-eqht .panel-heading.bg-primary a:visited,
.wb-eqht .panel-heading.bg-corp-med a:visited,
.wb-eqht .panel-heading.bg-corp-dark a:visited,
.wb-eqht section > .bg-primary a:visited,
.wb-eqht section > .bg-corp-med a:visited,
.wb-eqht section > .bg-corp-dark a:visited,
.wb-eqht section.panel-primary header.panel-heading a:visited,
.wb-eqht section.panel-corp-med header.panel-heading a:visited,
.wb-eqht section.panel-corp-dark header.panel-heading a:visited {
	color: #FFFFD0;
} 

.wb-eqht .panel-heading.bg-white a {
	color: #284162;
}

.wb-eqht .panel-heading.bg-white a:focus,
.wb-eqht .panel-heading.bg-white a:hover,
.wb-eqht .panel-heading.bg-white a:Active {
	color: #0535d2;
}

.wb-eqht .panel-heading.bg-white a:visited {
	color: #7834bc;
}

.wb-eqht .panel-heading.bg-success a,
.wb-eqht .panel-heading.bg-info a,
.wb-eqht .panel-heading.bg-warning a,
.wb-eqht .panel-heading.bg-danger a,
.wb-eqht .panel-heading.bg-muted a,
.wb-eqht section > .bg-success a,
.wb-eqht section > .bg-info a,
.wb-eqht section > .bg-warning a,
.wb-eqht section > .bg-danger a,
.wb-eqht section > .bg-muted a,
.wb-eqht section.panel-success header.panel-heading a,
.wb-eqht section.panel-info header.panel-heading a,
.wb-eqht section.panel-warning header.panel-heading a,
.wb-eqht section.panel-danger header.panel-heading a,
.wb-eqht section.panel-muted header.panel-heading a {
	color: #1F3E58;
}

.wb-eqht .panel-heading.bg-success a:hover,
.wb-eqht .panel-heading.bg-success a:Active,
.wb-eqht .panel-heading.bg-success a:focus,
.wb-eqht .panel-heading.bg-info a:hover,
.wb-eqht .panel-heading.bg-info a:Active,
.wb-eqht .panel-heading.bg-info a:focus,
.wb-eqht .panel-heading.bg-warning a:hover,
.wb-eqht .panel-heading.bg-warning a:Active,
.wb-eqht .panel-heading.bg-warning a:focus,
.wb-eqht .panel-heading.bg-muted a:hover,
.wb-eqht .panel-heading.bg-muted a:Active,
.wb-eqht .panel-heading.bg-muted a:focus,
.wb-eqht section > .bg-success a:hover,
.wb-eqht section > .bg-success a:Active,
.wb-eqht section > .bg-success a:focus,
.wb-eqht section > .bg-info a:hover,
.wb-eqht section > .bg-info a:Active,
.wb-eqht section > .bg-info a:focus,
.wb-eqht section > .bg-warning a:hover,
.wb-eqht section > .bg-warning a:Active,
.wb-eqht section > .bg-warning a:focus,
.wb-eqht section > .bg-muted a:hover,
.wb-eqht section > .bg-muted a:Active,
.wb-eqht section > .bg-muted a:focus,
.wb-eqht section.panel-success header.panel-heading a:hover,
.wb-eqht section.panel-success header.panel-heading a:Active,
.wb-eqht section.panel-success header.panel-heading a:focus,
.wb-eqht section.panel-info header.panel-heading a:hover,
.wb-eqht section.panel-info header.panel-heading a:Active,
.wb-eqht section.panel-info header.panel-heading a:focus,
.wb-eqht section.panel-warning header.panel-heading a:hover,
.wb-eqht section.panel-warning header.panel-heading a:Active,
.wb-eqht section.panel-warning header.panel-heading a:focus,
.wb-eqht section.panel-muted header.panel-heading a:hover,
.wb-eqht section.panel-muted header.panel-heading a:Active,
.wb-eqht section.panel-muted header.panel-heading a:focus {
	color: #5f3688;
}

.wb-eqht .panel-heading.bg-danger a:hover,
.wb-eqht .panel-heading.bg-danger a:Active,
.wb-eqht .panel-heading.bg-danger a:focus,
.wb-eqht section > .bg-danger a:hover,
.wb-eqht section > .bg-danger a:Active,
.wb-eqht section > .bg-danger a:focus,
.wb-eqht section.panel-danger header.panel-heading a:hover,
.wb-eqht section.panel-danger header.panel-heading a:Active,
.wb-eqht section.panel-danger header.panel-heading a:focus {
	color: #472866;
}

.wb-eqht .panel-heading.bg-success a:visited,
.wb-eqht .panel-heading.bg-info a:visited,
.wb-eqht .panel-heading.bg-warning a:visited,
.wb-eqht .panel-heading.bg-danger a:visited,
.wb-eqht .panel-heading.bg-muted a:visited,
.wb-eqht section > .bg-success a:visited,
.wb-eqht section > .bg-info a:visited,
.wb-eqht section > .bg-warning a:visited,
.wb-eqht section > .bg-danger a:visited,
.wb-eqht section > .bg-muted a:visited,
.wb-eqht section.panel-success header.panel-heading a:visited,
.wb-eqht section.panel-info header.panel-heading a:visited,
.wb-eqht section.panel-warning header.panel-heading a:visited,
.wb-eqht section.panel-danger header.panel-heading a:visited,
.wb-eqht section.panel-muted header.panel-heading a:visited {
	color: #783030;
}

.wb-eqht section[class*="bg-corp-"] div.panel-heading.bg-success,
.wb-eqht section[class*="bg-corp-"] div.panel-heading.bg-info,
.wb-eqht section[class*="bg-corp-"] div.panel-heading.bg-warning,
.wb-eqht section[class*="bg-corp-"] div.panel-heading.bg-danger,
.wb-eqht section[class*="bg-corp-"] div.panel-heading.bg-muted,
.wb-eqht section.panel-success .panel-heading,
.wb-eqht section.panel-info .panel-heading,
.wb-eqht section.panel-warning .panel-heading,
.wb-eqht section.panel-danger .panel-heading,
.wb-eqht section.panel-muted .panel-heading {
	color: #000000;
}

/* start component on new row */
.new-row {
	clear:left;
}

/* custom margins */
.mt-0 {
	margin-top:0;
}
.mt-5px {
	margin-top:5px;
}
.mb-0 {
	margin-bottom:0;
}
.mb-5px {
	margin-bottom:5px;
}
/* clear left used in link image component*/
.clear-left {
    clear:left;
}

/* full width component */
.full {
	padding-left: 15px;
	padding-right: 15px;
	clear: left;
}

/* redacted text */
.redacted { background-color:#000; color:#fff; }

/* news teaser archive header override */
section.media a {
	font-weight: 700;
}

div[class^="col-md-"] .newsListBanner {
	margin-left: 0;
	max-width: 100%;
}

div.exp-col-bleed {
	padding-right:1em;
}

.expand-collapse {
	width:100%;
}

.wb-eqht > section {
	display: inline-block;	
}

.wb-eqht section.panel div[class*="bg-"]:first-child {
	border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.wb-eqht section.bg-white, .wb-eqht section.panel-white {
	-webkit-box-shadow: 0 0px 0px rgb(255, 255, 255);
	box-shadow: 0 0px 0px rgba(0,0,0,.05);
	border: none;
} 

.bg-well {
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3; 
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.eqht-col {
    border-radius: 4px;    
    margin-bottom: 20px;
    min-height: inherit;
    padding: 15px;
}

.eqht-brdr {
	min-height: inherit;
}

.eqht-col-topics {
    border-radius: 4px;    
    margin-bottom: 20px;
    padding: 0px;
}

div.eqht-col > div {
	padding: 0px;
}

.page-header {
	border-bottom: 1px solid #C1C2C6;
}
.page-header-underline-color-topics {
	margin: 46px 0 10px;
}

.eqht-col-panel {
	border: 1px solid transparent;
}

.ehc-header {
	padding-left: 15px;	
}

.ehc-header + .page-header {
	border-bottom: 1px solid #206b99;
}
section.panel-success .eqht-col-panel {
	border-color: #d7e9c6;
}

section.panel-info .eqht-col-panel {
	border-color: #bce9f1;
}

section.panel-warning .eqht-col-panel {
	border-color: #faeacc;
}

section.panel-danger .eqht-col-panel {
	border-color: #ebccd1;
}

section.panel-default .eqht-col-panel {
	border-color: #ddd;
}

section.panel-primary .eqht-col-panel {
	border-color: #2572b4;
}

section.panel-corp-med .eqht-col-panel {
	border-color: #206b99;
}

section.panel-corp-dark .eqht-col-panel {
	border-color: #193d53;
}

section.panel-muted .eqht-col-panel {
	border-color: #ddd;
}

.panel-muted > .panel-heading {
	color: #000;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.panel-muted {
	border-color: #ddd;	
}

.img-banner img {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

.img-banner {
	margin-top: 13px;
}

.news-search .form-control {
		width: 100%;
}
.news-search .col-md-2 {
	margin-top: 28px !important;
}


/* Photo credits */
.carousel-s1 figure .col-md-12, .carousel-s2 figure .col-md-12 {
	padding-right: 0;
}

/* Special branding */
.forces-banner {padding-bottom: 20px;}
#inner-banner button > a {color: #fff; text-decoration: none;}
#inner-banner .list-inline > li {padding-right: 0;}

.news-search .form-control {
		width: 100%;
}

.news-search .col-md-2 {
		margin-top: 28px !important;
}

.photo-credit {
	color: #000;
}

/* TODO: Remove this class if in future WIM upgrades quirk modes is no longer used in edit mode (Bug #6865)
	See priorities.xsl for more details in comments */
.priorities-image {
	padding-left: 4px !important;
	padding-right: 4px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}


/* -------------------------------------------------*/
/* ---------->>> OVERWRITES/HACKS <<<-----------*/
/* -------------------------------------------------*/

/************** Start Left Nav *************/

#wb-sec { padding-right: 0; }
#wb-sec h3 { background-color: #193d53; }
#wb-sec h3 a { color: #fff; }

#wb-sec .list-group .list-group a.list-group-item.wb-navcurr,
#wb-sec .list-group .list-group .list-group a.list-group-item.wb-navcurr,
#wb-sec .list-group .list-group .list-group .list-group a.list-group-item.wb-navcurr,
#wb-sec .list-group .list-group .list-group .list-group .list-group a.list-group-item.wb-navcurr,
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group a.list-group-item.wb-navcurr,
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group a.list-group-item.wb-navcurr,
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group a.list-group-item.wb-navcurr,
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group a.list-group-item.wb-navcurr,
#wb-sec .list-group .list-group .list-group a.list-group-item[href]:hover,
#wb-sec .list-group .list-group .list-group .list-group .list-group a.list-group-item[href]:hover,
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group a.list-group-item[href]:hover,
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group a.list-group-item[href]:hover {
	background-color: #808080;
	color: #fff;
}

#wb-sec .list-group .list-group .list-group .list-group-item,
#wb-sec .list-group .list-group .list-group .list-group .list-group-item,
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group-item,
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group-item,
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group-item,
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group-item,
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group-item {
	color: #000;
	background-color: #e6e6e6;
}

/* Level 4 */
#wb-sec .list-group .list-group .list-group .list-group-item {
    padding-left: 2.8em;
}
/* Level 5 */
#wb-sec .list-group .list-group .list-group .list-group .list-group-item {
    padding-left: 3.8em;
}
/* Level 6 */
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group-item {
    padding-left: 4.8em;
}
/* Level 7 */
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group-item {
    padding-left: 5.8em;
}
/* Level 8 */
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group-item {
    padding-left: 6.8em;
}
/* Level 9 */
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group-item {
    padding-left: 7.8em;
}
/* Level 10 */
#wb-sec .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group .list-group-item {
    padding-left: 8.8em;
}

/************** End Left Nav *************/

/* Header padding with background colour */
h2[class*="bg-"], h3[class*="bg-"], h4[class*="bg-"], h5[class*="bg-"], h6[class*="bg-"] {
	padding: 10px 15px;
}

/*** Fix the width of main content when was dragged to sidebar, to override its default column class ***/

/* Resize the width each class from main content is above 2 col */
#wb-right-col div.col-md-3 ,#wb-right-col div.col-md-4, #wb-right-col div.col-md-5, #wb-right-col div.col-md-6, #wb-right-col div.col-md-7, #wb-right-col div.col-md-8, #wb-right-col div.col-md-9, #wb-right-col div.col-md-10, #wb-right-col div.col-md-11, #wb-right-col div.col-md-12{
	width: 100%
}

/* When the col is 2 from main content */
#wb-right-col div.col-md-2 {
	width: 64%;
}

/* When the col is 1 from main content */
#wb-right-col div.col-md-1 {
	width: 33%;
}

/* fix image special effects when caption is enabled and all images in edit/preview */
div[class^="col-md-"] a > img, div[class^="col-md-"] > img {
    padding-left: 0px;
    padding-right: 0px;
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

div[class^="col-md-"] a > img.media-object , div[class^="col-md-"] > img.media-object {    
    margin-right: 15px;      
}

/* fix image border padding */
.img-thumbnail{
    padding: 4px !important;

}

/* fix image special effect when resizing image*/
img.col-md-12 {
	padding:0px;
	
}

/* these are to disable rollover effect on expand/collapse component title */ 
summary, summary:focus, summary:hover, summary:active, summary:visited {
	/*background: #ddd; mobile mega menu*/
	color: #000;
}

summary.bg-danger, summary.bg-danger:focus, summary.bg-danger:hover, summary.bg-danger:active, summary.bg-danger:visited {
	background: #f2dede;
	color: #000;
}

summary.bg-success, summary.bg-success:focus, summary.bg-success:hover, summary.bg-success:active, summary.bg-success:visited {
	background: #dff0d8;
	color: #000;
}

summary.bg-info, summary.bg-info:focus, summary.bg-info:hover, summary.bg-info:active, summary.bg-info:visited {
	background: #d9edf7;
	color: #000;
}

summary.bg-warning, summary.bg-warning:focus, summary.bg-warning:hover, summary.bg-warning:active, summary.bg-warning:visited {
	background: #fcf8e3;
	color: #000;
}

summary.bg-primary, summary.bg-primary:focus, summary.bg-primary:hover, summary.bg-primary:active, summary.bg-primary:visited {
	background: #2572b4;
	color: #fff;
}

summary.corp-med, summary.corp-med:focus, summary.corp-med:hover, summary.corp-med:active, summary.corp-med:visited {
	background: #206b99;
	color: #fff;
}

summary.corp-dark, summary.corp-dark:focus, summary.corp-dark:hover, summary.corp-dark:active, summary.corp-dark:visited {
	background: #193d53;
	color: #fff;
}


/* Image Gallery custom css for image caption*/
.wb-lbx img {
    max-width: 100%;
    height: auto;
}
.wb-lbx a {
    text-decoration: none;
}
.wb-lbx li {
    margin-bottom: 20px;
}
.caption-overlay {
    padding-left: 5px;
    padding-right: 5px;
    left: 0;
} 

/* Image Link Gallery remove hover underline*/
.linked-image a {
		text-decoration: none;
	}
.linked-image a:hover {
	text-decoration: underline;
}

.feeds-cont {
    border-top: 1px solid #e8e8e8;
    padding: 0;
}

.feeds-cont li {
	    border: 1px solid #e8e8e8;
	    border-top: 0;
	    list-style-type: none;
	    padding: 10px; 
}

.pagination > li > span {
	display: inline-block;
	margin-bottom: 0.5em;
	padding: 10px 16px;
}

.pagination > li > span:focus, .pagination > li > span:hover {
	  color: #335075;
      background-color: #eaebed;
      border: 1px solid #dcdee1;
}



/* custom table header text alignment override */
table.text-right th {
	text-align:right;
}
table.text-center th {
	text-align:center;
}
.align-left
{
	text-align: left !important;
}
.align-center
{
	text-align: center !important;
}
.align-right
{
	text-align: right !important;
}
.align-inherit
{
	text-align: inherit !important;
}
.align-top
{
	vertical-align: top !important;
}
.align-middle
{
	vertical-align: middle !important;
}
.align-bottom
{
	vertical-align: bottom !important;
}
.valign-inherit
{
	vertical-align: inherit !important;
}

/* custom table width */
table.col-md-1, td.col-md-1
{
	width: 8.33% !important;
}
table.col-md-2, td.col-md-2
{
	width: 16.66% !important;
}
table.col-md-3, td.col-md-3
{
	width: 25% !important;
}
table.col-md-4, td.col-md-4
{
	width: 33.33% !important;
}
table.col-md-5, td.col-md-5
{
	width: 41.66% !important;
}
table.col-md-6, td.col-md-6
{
	width: 50% !important;
}
table.col-md-7, td.col-md-7
{
	width: 58.33% !important;
}
table.col-md-8, td.col-md-8
{
	width: 66.66% !important;
}
table.col-md-9, td.col-md-9
{
	width: 75% !important;
}
table.col-md-10, td.col-md-10
{
	width: 83.33% !important;
}
table.col-md-11, td.col-md-11
{
	width: 91.66% !important;
}
table.col-md-12, td.col-md-12
{
	width: 100% !important;
}
/* text wrapping the table */
table.pull-left
{
	margin-right: 8px;
    margin-bottom: 0 !important;
}
.no-float, table.no-float
{
	float:none !important;
	padding-left: 2px;
	padding-right: 2px;
}

/***** Start margin fix to line up with other components (bug #6648) *****/
h1#wb-cont { margin-left: 14px; }


.news-body { margin-left: 15px; }

/***** End margin fix to line up with other components (bug #6648) *******/

/* Date Modified padding fix for 2-col template */
div#ls-row-2-col-1 #wb-dtmd {
	padding-right: 15px;
}

/* Fix bug 5169/6674/6739 where the bullets overlap images  */
div div.pull-left ~ ul, div div.pull-left ~ ol, div.full ul, div.full ol {
    overflow:hidden;
    padding-left:30px;		
}

/* Ordered lists: these custom styles existed in WET3 but were removed in WET4 */
ol ol {
    list-style-type: lower-alpha;
}
ol ol ol {
    list-style-type: lower-roman;
}

/*duplication of archiving classes for crisis alert */

#crisis-alert-bnr {
	background-color:#f00;
}

#crisis-alert-bnr p {
	margin:0;text-align:center;
}

#crisis-alert-bnr a {
	color:#fff;
	display:block;
	font-weight:700;
	padding:.75em 44px;
	text-decoration:none;
}

#crisis-alert-bnr a:focus,#crisis-alert-bnr a:hover {
	text-decoration:underline;
}

#crisis-alert-bnr .overlay-close {
	color:#000;
}

#crisis-alert {
	margin-top: 22px;
}

/********************************************** WET 4.0.x custom CSS END ****************************************************/

/* TODO: Remove the CSS below a little bit at a time to make sure nothing else breaks*/

/* Remove ie7 margin fix (not required in our layout engine) */
.ie7 #wb-core { margin-bottom:0 !important; }

/* Remove LS spacing that breaks side-by-side floats */
.ls-canvas .ls-cmp-wrap { padding: 0 !important; }
.ls-canvas .iw_component { margin: 0 !important; }

/* News archive */
.news-archive details summary { padding: 0.5em 0.2em 0.5em; }
.news-archive details ul li p { padding: 0 !important; }

/* custom collapsible & expandible component */
summary:hover, summary:focus, summary:active {outline-offset:-1px;}

/* fix <p> margins within definition list component */
dl dd p{ margin:0px !important; }

#wb-core .block-lang-en, #wb-core .block-lang-fr, #wb-core .block-lang-la, #wb-core .block-lang-es, #wb-core .block-lang-pt, #wb-core .block-lang-it, #wb-core .block-lang-nl {
	background-repeat:no-repeat !important;	
	padding-left: 17px;  
	overflow: hidden;
	zoom:1;  	
	border-bottom: 0 none transparent !important;	
}

/* Alternate Formats */
div.altformat ul {
    list-style-type: none;
    padding-left: 0px;
}

/* Create full text justify class since WET does not have one*/
.align-full{
	text-align:justify;
}

/**** News Ticker Custom CSS ****/

#wb-sm .nvbar {
	border-bottom: 10px solid #fff;
}

.news-prefix{
float:left;
	
	color:#fff;
	padding: 0px 2px;
	
}
figcaption.breaking .news-prefix{
	background-color: #e40000;

}

figcaption.news .news-prefix{
	background-color: #19304f;
}

.news-divider{
	width: 0; 
	height: 0; 
	border-top: 11px solid transparent;
	border-bottom: 12px solid transparent;		
	float:left;
	margin-right:5px;
}

#news-ticker {
	padding:0px;
}
#news-ticker ul[role="tablist"]{
	position: absolute;
	left:auto;
	right: 5px !important;
	top: 2px !important;
	
}

#news-ticker ul li .plypause span:nth-child(2){
	display:none;

}

#news-ticker .tabpanels figure{
	background: #dee0e1;
	

}
#news-ticker .wb-tabs{
	margin-bottom: 0px;
}
#news-ticker .tabpanels figure figcaption{
	padding:0px;
	color: #295376;

}
#news-ticker .tabpanels figure figcaption.breaking{
	
	border: 1px solid #e40000;

}

#news-ticker .tabpanels figure figcaption.news{
	
	border: 1px solid #19304f;

}

#news-ticker ul li.tab-count{
	display:none;
}

#news-ticker ul li{
	margin-right:2px;
}
#news-ticker .wb-tabs [role="tablist"] >li a{

	padding:0px;
	
}
#news-ticker .wb-tabs [role="tablist"] li {
	background: none;
	border:0px;
}

#news-ticker .wb-tabs [role=tabpanel] a {
	color: #295376;
}

.newsTickerLabel {
	padding: 4px;
}

figure.thumbnail a > img, figure.thumbnail > img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2px;
    padding-right: 2px;
    width: 100%;
}

div.above > figure.thumbnail {
	display: inline-block;
}

div.below > figure.thumbnail {
	display: inline-block;
}

figure.thumbnail > figcaption.caption {
	padding-top: 0;
	padding-bottom: 0;
}

.thumbnail {
	margin-bottom: 2px;
}

figure.no-border {
	border: none;
	border-style: none;	
}


/* Image - slideshow (User story: 7530)*/
.carousel-s1.wb-tabs figure, .carousel-s2.wb-tabs figure{
	background: #E5E6E7;
}

.carousel-s1.wb-tabs figcaption, .carousel-s1.wb-tabs [role=tabpanel] p, .carousel-s1.wb-tabs figcaption p, 
.carousel-s2.wb-tabs figcaption, .carousel-s2.wb-tabs [role=tabpanel] p, .carousel-s2.wb-tabs figcaption p {
	color: #000000;
}

.carousel-s2.wb-tabs UL[role=tablist] {
	border-top: 1px solid #C1C2C6;
}

.carousel-s2.wb-tabs {
	background-color: #E5E6E7;
}

.carousel-s1.wb-tabs [role=tabpanel] a,
.carousel-s2.wb-tabs [role=tabpanel] a{
	color: #003846;
}

.carousel-s1.wb-tabs [role=tabpanel] a:active, .carousel-s1.wb-tabs [role=tabpanel] a:focus, .carousel-s1.wb-tabs [role=tabpanel] a:hover,
.carousel-s2.wb-tabs [role=tabpanel] a:active, .carousel-s2.wb-tabs [role=tabpanel] a:focus, .carousel-s2.wb-tabs [role=tabpanel] a:hover {
	color: #572588;
}

.black-color {
	color: black;
}