/*
	--------------------------------------------------
	NAVIGATION STYLES
	--------------------------------------------------

	Author:	eSolutionsGroup.ca
		
*/


/* ===================================================================================== COMMON ELEMENTS */

.horizNavSeparator { padding: 0px 7px 0px 7px; }
#topNav .horizNavSeparator { padding: 0px 10px 0px 10px; }
#footerNav .horizNavSeparator { padding: 0px 24px 0px 24px; }
#actions .horizNavSeparator{ float: right; display: block; height: 21px; padding: 0 7px 0 7px; background: url(../images/structure/bg-actions-divider.gif) center 0px no-repeat; }


/* ===================================================================================== LANGAUGE NAVIGATION */


#langNav{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#langNav li {
	float: left;
	margin: 0 6px 0 0;
}

a.langNavItem, a.langNavItem:active, a.langNavItem:visited {
	float: left;
	padding: 0;
	height: 37px;
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
	background-image: url(../en/images/structure/languageNav.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

#langNavTab01 a.langNavItem { background-position: 0px 0px; width: 63px; }
#langNavTab02 a.langNavItem { background-position: -69px 0px; width: 72px; }
#langNavTab03 a.langNavItem { background-position: -147px 0px; width: 60px; }
#langNavTab04 a.langNavItem { background-position: -213px 0px; width: 58px; }
#langNavTab05 a.langNavItem { background-position: -277px 0px; width: 69px; }
#langNavTab06 a.langNavItem { background-position: -352px 0px; width: 35px; }
#langNavTab07 a.langNavItem { background-position: -393px 0px; width: 63px; }
#langNavTab08 a.langNavItem { background-position: -462px 0px; width: 58px; }
#langNavTab09 a.langNavItem { background-position: -526px 0px; width: 36px; }
#langNavTab10 a.langNavItem { background-position: -568px 0px; width: 67px; }
#langNavTab11 a.langNavItem { background-position: -641px 0px; width: 75px; }
#langNavTab12 a.langNavItem { background-position: -722px 0px; width: 83px; }

#langNavTab01 a.langNavItem:hover, #langNavTab01 a.langNavItem:focus, #langNavTab01 a.current { background-position: 0px -37px; }
#langNavTab02 a.langNavItem:hover, #langNavTab02 a.langNavItem:focus, #langNavTab02 a.current { background-position: -69px -37px; }
#langNavTab03 a.langNavItem:hover, #langNavTab03 a.langNavItem:focus, #langNavTab03 a.current { background-position: -147px -37px; }
#langNavTab04 a.langNavItem:hover, #langNavTab04 a.langNavItem:focus, #langNavTab04 a.current { background-position: -213px -37px; }
#langNavTab05 a.langNavItem:hover, #langNavTab05 a.langNavItem:focus, #langNavTab05 a.current { background-position: -277px -37px; }
#langNavTab06 a.langNavItem:hover, #langNavTab06 a.langNavItem:focus, #langNavTab06 a.current { background-position: -352px -37px; }
#langNavTab07 a.langNavItem:hover, #langNavTab07 a.langNavItem:focus, #langNavTab07 a.current { background-position: -393px -37px; }
#langNavTab08 a.langNavItem:hover, #langNavTab08 a.langNavItem:focus, #langNavTab08 a.current { background-position: -462px -37px; }
#langNavTab09 a.langNavItem:hover, #langNavTab09 a.langNavItem:focus, #langNavTab09 a.current { background-position: -526px -37px; }
#langNavTab10 a.langNavItem:hover, #langNavTab10 a.langNavItem:focus, #langNavTab10 a.current { background-position: -568px -37px; }
#langNavTab11 a.langNavItem:hover, #langNavTab11 a.langNavItem:focus, #langNavTab11 a.current { background-position: -641px -37px; }
#langNavTab12 a.langNavItem:hover, #langNavTab12 a.langNavItem:focus, #langNavTab12 a.current { background-position: -722px -37px; }



/* ===================================================================================== TOP NAVIGATION */

#topNav a, 
#topNav a:link, 
#topNav a:visited {
	color: #080808;
	text-decoration: none;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#topNav a:hover, #topNav a:active, #topNav a:focus { text-decoration: underline; }


/* ===================================================================================== MAIN NAVIGATION */


/* ========== 1st Level (Global) Navigation ========== */

#nav {
	list-style-type: none;
	list-style-image: none;
}

#nav li {
	float: left;
}

#navTab01, #navTab02, #navTab03, #navTab04, #navTab05 {
	position: relative;
	float: left;
}

a.mainNavItem, a.mainNavItem:active, a.mainNavItem:visited {
	float: left;
	padding: 0;
	height: 58px;
	background-image: url(../en/images/structure/mainNav.png);
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}

#navTab01 a.mainNavItem { background-position: 0px 0px; width: 176px; }
#navTab02 a.mainNavItem { background-position: -176px 0px; width: 173px; }
#navTab03 a.mainNavItem { background-position: -349px 0px; width: 267px; }
#navTab04 a.mainNavItem { background-position: -616px 0px; width: 195px; }
#navTab05 a.mainNavItem { background-position: -811px 0px; width: 169px; }

.dropdownHover #navTab01 a.mainNavItem { background-position: 0px -116px; width: 176px; }
.dropdownHover #navTab02 a.mainNavItem { background-position: -176px -116px; width: 173px; }
.dropdownHover #navTab03 a.mainNavItem { background-position: -349px -116px; width: 267px; }
.dropdownHover #navTab04 a.mainNavItem { background-position: -616px -116px; width: 195px; }
.dropdownHover #navTab05 a.mainNavItem { background-position: -811px -116px; width: 169px; }

#navTab01 a.mainNavItem:hover { background-position: 0px 0px; width: 176px; }
#navTab02 a.mainNavItem:hover { background-position: -176px 0px; width: 173px; }
#navTab03 a.mainNavItem:hover { background-position: -349px 0px; width: 267px; }
#navTab04 a.mainNavItem:hover { background-position: -616px 0px; width: 195px; }
#navTab05 a.mainNavItem:hover { background-position: -811px 0px; width: 169px; }

#navTab01 a.current, #navTab01 a.mainNavItem:focus { background-position: 0px -58px; width: 176px; }
#navTab02 a.current, #navTab02 a.mainNavItem:focus { background-position: -176px -58px; width: 173px; }
#navTab03 a.current, #navTab03 a.mainNavItem:focus { background-position: -349px -58px; width: 267px; }
#navTab04 a.current, #navTab04 a.mainNavItem:focus { background-position: -616px -58px; width: 195px; }
#navTab05 a.current, #navTab05 a.mainNavItem:focus { background-position: -811px -58px; width: 169px; }

.dropdownHover #navTab01 a.current { background-position: 0px -174px; width: 176px; }
.dropdownHover #navTab02 a.current { background-position: -176px -174px; width: 173px; }
.dropdownHover #navTab03 a.current { background-position: -349px -174px; width: 267px; }
.dropdownHover #navTab04 a.current { background-position: -616px -174px; width: 195px; }
.dropdownHover #navTab05 a.current { background-position: -811px -174px; width: 169px; }

#navTab01 a.currentHover { background-position: 0px -232px !important; }
#navTab02 a.currentHover { background-position: -176px -232px !important; }
#navTab03 a.currentHover { background-position: -349px -232px !important; }
#navTab04 a.currentHover { background-position: -616px -232px !important; }
#navTab05 a.currentHover { background-position: -811px -232px !important; }


/* ========== 2nd Level (Drop-down) Navigation ========== */

.treenode{
	display: none;
}

.dropdownContainer{
	position: absolute;
	width: 980px;
	top: 58px;
	float: left;
	padding-top: 3px;
	z-index: 1000;
}

#navTab01 .dropdownContainer{background: url(../images/structure/bg-mainnav-dropdown-top01.png) transparent 0 0 no-repeat; left: 0px; }
#navTab02 .dropdownContainer{background: url(../images/structure/bg-mainnav-dropdown-top02.png) transparent 0 0 no-repeat; left: -176px; }
#navTab03 .dropdownContainer{background: url(../images/structure/bg-mainnav-dropdown-top03.png) transparent 0 0 no-repeat; left: -349px; }
#navTab04 .dropdownContainer{background: url(../images/structure/bg-mainnav-dropdown-top04.png) transparent 0 0 no-repeat; left: -616px; }
#navTab05 .dropdownContainer{background: url(../images/structure/bg-mainnav-dropdown-top05.png) transparent 0 0 no-repeat; left: auto; right: 0;}

.dropdownContainerBottom{
	float: left;
	width: 980px;
	background: url(../images/structure/bg-dropdown-bottom.png) center bottom no-repeat;
	padding-bottom: 7px;
}

.dropdownContainerBody{
	float: left;
	width: 980px;
	background: url(../images/structure/bg-dropdown-body.png) center top repeat-y;
}

.dropdownWrapper{
	float: left;
	width: 980px;
	background: url(../images/structure/bg-dropdown-wrapper.png) center bottom no-repeat;
	min-height: 60px;
	padding: 27px 0 20px 0;
}

.dropdownMenu{
	float: left;
	background: url(../images/structure/bg-menu-borders.png) 325px 0 repeat-y;
}

.dropdownWrapper ul{
	float: left;
	width: 254px;
	margin: 0;
	padding: 0 36px;
	list-style-type: none;
	list-style-image: none;
	font-size: 18px;
	line-height: 24px;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

.dropdownWrapper li{
	padding: 9px 0 10px 0;
	width: 254px;
	border-top: 1px dotted #ababab;
	overflow: hidden;
}

.dropdownWrapper li:first-child{ padding-top: 0; border: none; }

.dropdownWrapper li a{
	width: 254px;
	display: block;
	color: #000;
	text-decoration: none;
}

.dropdownWrapper li a:hover, .dropdownWrapper li a:active, .dropdownWrapper li a:focus{
    text-decoration: none;
    color: #01447B;
    font-weight: bold;
}

.dropDownSummary{
	float: left;
	width: 262px;
	padding: 0 32px 0 34px;
	overflow: hidden;
}

.dropDownSummary img{
	width: 252px;
	height: 88px;
	padding: 5px;
	background: url(../images/structure/bg-dropdown-image.png) 0 0 no-repeat;
}

.dynamicText{
	width: 262px;
	overflow: hidden;
}

.dropDownSummary p{
	padding: 0 0 0 5px;
	margin: 7px 0;
	font-size: 14px;
	line-height: 18px;
	color: #000;
}

.dropDownSummary p.summaryTitle{
	margin-top: 0;
	font-size: 18px;
	line-height: 24px;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

/* Left & Right Tab Shadows */

#shadowLeft{
	display: none;
	width: 4px;
	height: 58px;
	background:url(../images/structure/mainnav-tab-shadow-left.png) 0 0 no-repeat;
	text-indent: -9999em;
	overflow: hidden;
	font-size: 1%;
	position: absolute;
	top: 11px;
}

#shadowRight{
	display: none;
	width: 4px;
	height: 58px;
	background:url(../images/structure/mainnav-tab-shadow-right.png) 0 0 no-repeat;
	text-indent: -9999em;
	overflow: hidden;
	font-size: 1%;
	position: absolute;
	top: 11px;
}

.mainNav02 #shadowLeft{ display: block; left: 183px; }
.mainNav03 #shadowLeft{ display: block; left: 356px; }
.mainNav04 #shadowLeft{ display: block; left: 623px; }
.mainNav05 #shadowLeft{ display: block; left: 818px; }

.mainNav01 #shadowRight{ display: block; left: 187px; }
.mainNav02 #shadowRight{ display: block; left: 360px; }
.mainNav03 #shadowRight{ display: block; left: 627px; }
.mainNav04 #shadowRight{ display: block; left: 822px; }



/* ===================================================================================== BREADCRUMBS  */


#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
	text-decoration: none;
	color: #333;
}

#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus { text-decoration: underline; }




/* ===================================================================================== ACTIONS  */

#actions .printLink,
#actions .rssLink,
#actions .emailLink,
#actions .brosweAloudLink,
#actions .ShareLink,
#actions .textSize{
	padding: 0 0 0 0px;
	float: right;
}

#actions .printLink img,
#actions .rssLink img,
#actions .emailLink img,
#actions .brosweAloudLink img,
#actions .ShareLink img {
	position: relative;
	padding: 0 0 0 0;
}

#actions a:focus img  {
	outline: 1px solid #D9D9D9;
}

#textSize{
	position: relative;
	float: right;
	height: 21px;
	width: 31px;
}

.textPlus{
	position: absolute;
	right: 1px;
	top: 3px;
	width: 7px;
	height: 5px;
}

.textMinus{
	position: absolute;
	right: 1px;
	bottom: 4px;
	width: 7px;
	height: 5px;
}

.textReset{
	position: absolute;
	left: 1px;
	top: 0;
}

.textSize img{
	position: absolute;
	top: 0;
	left: 0;
}

/*
   Share Drop-down Styles - see:
   /share/share.css
*/




/* ===================================================================================== SUB NAVIGATION */

.subNav {
	margin: 0;
	padding: 0 0 20px 0;
	width: 217px;
	list-style-image: none;
	list-style: none;
	float: left;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	overflow: hidden;
}

.subNav.top{
	background-color: #d7e1ea;
	padding: 12px 0 0 0;
	padding: 0 0 0 0;
	margin-bottom: 20px;
}

.subNav li {
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug */
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style: none;
}


/* ========== 2nd Level ========== */

.subNav a, 
.subNav a:link, 
.subNav a:visited {
	display: block;
	padding: 4px 25px 4px 20px;
	width: 172px;
	border-bottom: solid 1px #c1c1c1;
	text-decoration: none;
	color: #333;	
	cursor: pointer;
	overflow: hidden;
}

.subNav .withChildren a, 
.subNav .withChildren a:link, 
.subNav .withChildren a:visited {
	background: url(../images/structure/subnav_arrow_up.png) 198px 11px no-repeat;
}

.subNav a:hover, .subNav a:focus {
	background-color: #FFF;
}

.subNav .withChildren a:hover, .subNav .withChildren a:focus { 
	background: url(../images/structure/subnav_arrow_over.png) #FFF 198px 11px no-repeat;
}

.subNav a.current {
	background-color: #d7e1ea !important; 
	color: #0c5b94 !important;
	font-size: 20px;
	line-height: 26px;
	padding: 16px 25px 4px 20px;
	border-bottom: solid 1px #a4bed2;
	font-weight: bold;
}

.subNav .withChildren a.current {
	background: url(../images/structure/subnav_arrow_on.png) #d7e1ea  196px 28px no-repeat !important;
}

.subNav .withChildren a.open {
	background: url(../images/structure/subnav_arrow_open.png) #d7e1ea  196px 28px no-repeat !important;
	font-size: 20px;
	line-height: 26px;
	padding: 16px 25px 4px 20px;
	color: #0c5b94 !important;
	border-bottom: solid 1px #a4bed2;
	font-weight: normal;
}

.subNav .withChildren a.open:hover, .subNav .withChildren a.open:focus {
	background: url(../images/structure/subnav_arrow_open.png) #FFF 196px 28px no-repeat !important;
}

/* ========== 3rd Level ========== */

.subNav ul a,
.subNav ul a:link,
.subNav ul a:visited {
	padding: 4px 25px 4px 20px !important;
	width: 172px;
	background-color: #d7e1ea !important;
	background-image: none !important;
	border-bottom: solid 1px #a4bed2;
	color: #0c5b94;
	font-size: 16px !important;
	line-height: 22px !important;
}

.subNav ul .withChildren a,
.subNav ul .withChildren a:link,
.subNav ul .withChildren a:visited {
	background: url(../images/structure/subnav_arrow_up_l3.png) #d7e1ea 198px 11px no-repeat !important;
}

.subNav ul a:hover, .subNav ul a:focus {
	background-color: #FFF !important;
}

.subNav ul .withChildren a:hover, .subNav ul .withChildren a:focus { 
	background: url(../images/structure/subnav_arrow_over_l3.png) #FFF 198px 11px no-repeat !important;
}

.subNav .withChildren ul a.current {
	font-weight: bold !important;
	background-image: none !important;
}

.subNav .withChildren ul .withChildren a.current {
	background: url(../images/structure/subnav_arrow_on.png) #d7e1ea  198px 11px no-repeat !important;
}

.subNav .withChildren ul .withChildren a.open {
	background: url(../images/structure/subnav_arrow_open.png) #d7e1ea  198px 11px no-repeat !important;
	font-weight: bold !important;
}

.subNav .withChildren ul .withChildren a.open:hover, .subNav .withChildren ul .withChildren a.open:focus{
	background: url(../images/structure/subnav_arrow_on.png) #FFF 198px 11px no-repeat !important;
}


/* ========== 4th Level ========== */

.subNav ul .withChildren ul a,
.subNav ul .withChildren ul a:link,
.subNav ul .withChildren ul a:visited {
	font-weight: normal !important;
	padding: 4px 25px 4px 34px !important;
	width: 158px;
	background: url(../images/structure/subnav_bullet_14.gif) #d7e1ea 22px 12px no-repeat !important;
	border-bottom: solid 1px #a4bed2;
	color: #0c5b94;	
}

.subNav ul .withChildren ul .withChildren a,
.subNav ul .withChildren ul .withChildren a:link,
.subNav ul .withChildren ul .withChildren a:visited {
	background: url(../images/structure/subnav_bullet_arrow_up.png) #d7e1ea 22px 11px no-repeat !important;
}

.subNav ul .withChildren ul a:hover, .subNav ul .withChildren ul a:focus {
	background: url(../images/structure/subnav_bullet_14.gif) #FFF 22px 12px no-repeat !important;
}
.subNav ul .withChildren ul .withChildren a:hover, .subNav ul .withChildren ul .withChildren a:focus { 
	background: url(../images/structure/subnav_bullet_arrow_over.png) #FFF 22px 11px no-repeat !important;
}

.subNav .withChildren ul .withChildren ul a.current {
	background: url(../images/structure/subnav_bullet_14.gif) #d7e1ea 22px 12px no-repeat !important;
	font-weight: bold !important;
}

.subNav .withChildren ul .withChildren ul .withChildren a.current {
	background: url(../images/structure/subnav_bullet_arrow_on.png) #d7e1ea 22px 11px no-repeat !important;
}

.subNav .withChildren ul .withChildren ul .withChildren a.open {
	background: url(../images/structure/subnav_bullet_arrow_open.png) #d7e1ea 22px 11px no-repeat !important;
	font-weight: bold !important;
}

.subNav .withChildren ul .withChildren ul .withChildren a.open:hover, .subNav .withChildren ul .withChildren ul .withChildren a.open:focus{
	background-color: #FFF !important;
}

/* ========== 5th Level ========== */

.subNav ul .withChildren ul .withChildren ul a,
.subNav ul .withChildren ul .withChildren ul a:link,
.subNav ul .withChildren ul .withChildren ul a:visited {
	font-weight: normal !important;
	padding: 4px 25px 4px 48px !important;
	width: 144px;
	background: url(../images/structure/subnav_bullet_14.gif) #d7e1ea 38px 12px no-repeat !important;
	border-bottom: solid 1px #a4bed2;
	color: #0c5b94;		
}

.subNav ul .withChildren ul .withChildren ul a:hover, .subNav ul .withChildren ul .withChildren ul a:focus {
	background-color: #FFF !important;
	background: url(../images/structure/subnav_bullet_14.gif) #FFF 38px 12px no-repeat !important;
}

.subNav .withChildren ul .withChildren ul .withChildren ul a.current {
	font-weight: bold !important;
	background: url(../images/structure/subnav_bullet_14.gif) #d7e1ea 38px 12px no-repeat !important;
}

.subNav .withChildren ul .withChildren ul .withChildren ul .withChildren ul{
    display: none !important;
}



/* ===================================================================================== FOOTER NAVIGATION */

#footerNav a, #footerNav a:link, #footerNav a:visited {
	color: #000;
	text-decoration: none;
}

#footerNav a:hover, #footerNav a:focus,
#footerNav a:active {
    text-decoration: underline;
}