/*	WORKBC
	------------------------------
	Author: ALMD Web Services Unit
	Version: 1.0
	Copyright: (c) Ministry of Advanced Education . All rights reserved.
	Notes:
	- Elements with px or pt values WILL NOT be resized | Elements with em or % values WILL be resized
	- H2, H4 text will be replaced with image text automatically
	
	Colors: 
			Dark Grey: #242424
			Light Blue: #4fb1dd
			Lightest Blue: #83caea
			Dark Blue: #234075
			Orange: #e3a82b
*/

/* RESET
--------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* CORE
--------------------------------------------------------------------------- */
html {background:#ECECEC;}
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

	
body {
	color:#111; 
	font:12px arial, helvetica,sans-serif; 
	margin:0; 
	padding:0; 
	text-align:center; 
	}
	
.breadcrumbs li,
h2.features,
.home-icon,
#map a.bullet { 
 behavior: url('/assets/js/iepngfix.htc') 
}	

html,
body {height:100%}
	
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.container {position:relative; margin:0 auto; width:960px; text-align:left}

.left {float:left}
.right {float:right}
.divider {clear:both; width:680px; height:1px; margin:2em 0; background:url('/assets/img/contentDivider.gif') no-repeat top left}

img.intro {float:right; display:block; margin:5px 10px 0 20px;}

img.right {float:right; display:block; margin:5px 10px 15px 20px;}
img.left {float:left; display:block; margin:2px 20px 0 0}
.border {padding:4px; background:#fff; border:1px solid #ddd; -moz-border-radius:4px; -webkit-border-radius:4px;}

hr{clear:both;float:none;width:100%;height:11px;border:none;margin:10px 0;}
.hr {background:url('/assets/img/divider.gif') no-repeat 50% 0; border:none; clear:both; float:none; height:10px; margin:20px 0 0; width:100%;}

/*---------------------------------------------------*/
/* COLUMNS                                  	     */
/*---------------------------------------------------*/
.grid {display:inline; float:left; position:relative; margin:0; padding:0}
.col-1 {width:199px;} /* 1 column */
.col-2 {width:480px; border-right:1px solid #ddd} /* 2 columns */
.col-3 {width:225px; border-right:1px solid #ddd} /* 3 equal columns */
.col-4 {width:240px} /* 4 equal columns */
.col-5 {width:191px; border-right:1px solid #ddd} /* 5 equal columns */
.col-two {width:339px; border-right:1px solid #ddd}

.last {border-right:0}
.split-col {width:720px} /* For use with col-4 for sidebar */
.sitemap {width:300px;}
.padding {padding:15px 10px}
.bigPadding {padding:15px 20px 20px 20px}

.menubar {float:left; display:inline; margin:0; padding:0; width:240px}
.sidebar {float:left; display:inline; margin:0; padding:0; width:720px}

.highlight {background:#fff3d9; padding:10px; border:1px solid #ffebc1}
.highlight h2 {font-size:22px; color:#e3a92e}

.inset {background:#e6f4fb; padding:10px; border-top:1px solid #52b5e2; border-bottom:1px solid #52b5e2;}
.inset h4.subTitle {margin:0; padding:5px 0 0 0}

/* TYPOGRAPHY
--------------------------------------------------------------------------- */
h2 {font-size:28px; color:#0996d6; margin:0; padding:0; letter-spacing:0; font-weight:400}
h2.dark {color:#234075; margin:30px 0 0px 5px; padding:0; z-index:1; position:relative; font-size:24px;}
.dark-title h2 {font-size:20px; color:#fff; margin:0; padding:0}

h3 {font-size:14px; font-weight:bold; color:#d78b00; margin:0 0 1em 0}
h3.dark {color:#8a8a8a}
h3.blue {color:#0996d6; margin:1em 0 0 0}

h4 {font-size:18px; color:#234075; margin:0 0 1em 0}
h4.dark {color:#8a8a8a}
h4.grey {color:#242424}
h4.subTitle {padding:25px 0 0 0; margin-bottom:5px; font:italic 2em Georgia, Helvetica, Arial, Helvetica, serif; color:#234075;}

h5 {text-transform:uppercase; margin:5px 0 30px; font-size:1.3em}

sup,sub {height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative; font-size:9px; font-weight:700}
sup {bottom: 1ex;}
sub {top: .5ex;}

p {font-size:1.2em; line-height:1.8em}
p.small, {font-size:1.0em; line-height:1.8em}
.intro {font-size:16px; font-weight:700; color:#7b8188; line-height:2}
.uppercase {text-transform:uppercase}

#resizecontent {padding-bottom:20px}
#resizecontent.small-text {font-size: 12px;}
#resizecontent.medium-text {font-size: 14px;}
#resizecontent.large-text {font-size:16px}

.content p {margin:1em 0}
a {text-decoration:none; color:#111;}
a:hover {text-decoration:none;} 
a img {border: none; outline: none;}

.subpage {padding:15px 0 0 0}

.entry {}
.entry ul li,
.entry ol li {line-height:2em; margin:0 50px 15px 50px; font-size:14px;}
.entry ul li {list-style:none; font-size:14px; background:url('/assets/img/bullets/bullet_orange.gif') no-repeat 0 8px; padding:2px 0 2px 20px; margin:0 0 5px 0}
.entry ul.small li {font-size:12px;}
.entry ol li {list-style:decimal;}

.entry blockquote {margin:5px 0 10px; font-family:Cambria, Georgia, serif;}
.entry blockquote {font-size:1.2em; font-style:italic; padding:10px 20px 10px 20px; border-left:5px solid #E5E6E2;}
.entry blockquote p {line-height:130%; margin:0; padding:0; color:#828282}
.entry blockquote em {font-size:14px; line-height:210%;}
.entry blockquote a {color:#999; font-weight:normal}

.list ul {font-size:1.2em}
.list li {}
.list li a {display:block; padding: 8px 5px 8px 5px; border: 1px solid #fff;}
.list li a:hover {background:#f4f4f4; border:1px solid #ddd;}

.subpage a {text-decoration:underline; color: #3f3f3f; font-weight:700}
.subpage a:hover {text-decoration:none}
.subpage a:visited {color:#777;}

.subpage ul.bullet {margin:0; padding:0}
.subpage ul.bullet li {list-style:none; font-size:12px; background:url('/assets/img/bullets/bullet_black.gif') no-repeat center left; padding:2px 0 2px 20px; margin:0 0 5px 0}
.subpage ul.bullet li a {color:#111;}

.definitions ul {margin:10px 0; padding:0}
.definitions li {margin:0; padding:0; line-height:18px}
.definitions li strong {font-size:12px; display:block; margin:10px 0 5px 0; padding:0}
.definitions ul ol {list-style-type:lower-alpha; margin:0 0 0 30px}

.popup {font-size:12px;}
.popup ul {margin:10px 0 0 20px; padding:0; list-style:square}
.popup li {padding:0 0 8px 5px; font-size:12px}
.popup a {color:#fff}

/*---------------------------------------------------*/
/* CATEGORY LIST FOR FIRST LEVEL INTRO PAGES	     */
/*---------------------------------------------------*/

ul#categories_list { list-style:none; width:680px; padding:20px 0 25px 0; margin:0; clear:both; overflow:hidden; }
ul#categories_list li { position:relative; float:left; width:210px; margin:0 0 0 25px; }
ul#categories_list li:hover { background:url('/assets/img/categoriesBG.gif') no-repeat top center }
ul#categories_list li.first { margin:0 }
ul#categories_list li a { text-decoration:none; text-transform:none; font-weight:bold; }
ul#categories_list li a.None span { display:none; } 
ul#categories_list li a.Light { color:#fff; }
ul#categories_list li a.Light:hover span,
ul#categories_list li a.Light:focus span { background-color:rgba(0,0,0,0.5); text-shadow: 0 1px #111; color:#fff }
ul#categories_list li img { border:1px solid #ddd; padding:4px; margin:8px 8px 0 8px; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px}
ul#categories_list li span { position:absolute; top:100px; left:9px; font-size:14px; letter-spacing:-1px; line-height:20px; padding:5px 10px; background-color:rgba(0,0,0,0.5); text-shadow: 0 1px #111; }
ul#categories_list li em.descrip { display:block; font-weight:normal; font-style:normal; color:#111; text-transform:none; font-size:14px; line-height:24px; padding:5px 15px 0 15px; text-align:left; min-height:145px }
ul#categories_list li a:hover em,
ul#categories_list li a:focus em { color:#444; }
ul#categories_list em.more { font-size:14px; float:right; font-weight:700; font-style:normal; color:#111; line-height:40px; padding:0 15px 0 0; margin:0 20px 10px 0; background:url('/assets/img/bullets/arrow-right.gif') no-repeat center right; text-decoration:none; }

/*---------------------------------------------------*/
/* CATEGORY LIST FOR SECOND LEVEL INTRO PAGES	     */
/*---------------------------------------------------*/

.subCategories ul {margin: 10px;}
.subCategories li a {display:block; font-size:16px; line-height:130%; color:#999; padding:10px;}
.subCategories li.last a {border:0;}

#itemBox {}
#itemBox span,
#itemBox em {display:block;}
#itemBox span {font-size:16px; font-weight:700; margin-bottom:2px; color:#30a9cf}
#itemBox em {font-size:14px; font-style:normal; color:#242424}
#itemBox a {text-decoration:none;}
#itemBox a:hover {background:#ececec; -moz-border-radius:6px; -webkit-border-radius:6px}
#itemBox a:hover span {color:#111;}  
#itemBox a:hover em {color:#111;}

/* TOPBAR
--------------------------------------------------------------------------- */
#topbar {position:relative; height:30px; background:#393969; border-bottom:1px solid #58659A; font-size:12px}
#topbar p {float:left; width:800px; color:#fff; line-height:30px; margin:0}
#topbar ul {float:left; width:160px; list-style:none; margin:0; padding:0}
#topbar li {float:left; color:#fff; line-height:30px; margin-left:20px; display:inline; text-align:right}
#topbar li a {color:#fff; text-decoration:none}	
#topbar li a:hover {border-bottom:1px solid #fff}
	
/* HEADER
--------------------------------------------------------------------------- */
#header {
	position:relative;
	height:130px;
	background:#254f84 url('/assets/img/header-bg.gif') repeat-x top left;
	border-top:1px solid #56a8e9;
	border-bottom:1px solid #30639F
	}

#header .logo {width:580px}

#header h1 a {
	text-indent: -9999px;
	background:url('/assets/img/page-elements.gif') no-repeat 0 0;
	display:block;
	width:310px;
	height:98px;
	margin-top:10px;
	font-size:16px;
	border:none;
	font-weight:normal
	}

#header .tools {width:380px; margin-top:10px;}
#header .txt-resize {background:url('/assets/img/tools/tools-divider.gif') no-repeat bottom right; height:50px}
#header .txt-resize p {float:left; display:inline; color:#fff; font-weight:700; font-size:14px; margin-left:125px; line-height:45px;}	
#header .small a, #header .medium a, #header .large a {
	border:none;
	font-weight:normal;
	float:left;
	text-indent:-99999px;
	display:inline;
	height:40px;
	width:30px;
	font-size:14px;
	background:url('/assets/img/tools/text-resize.gif') no-repeat;
	}

#header .small a {background-position: 0 0; margin-left:10px}
#header .small a:hover, #header .small .textresizer-active {background-position: 0 -40px}

#header .medium a {background-position: -30px 0; margin-left:5px}
#header .medium a:hover, #header .medium .textresizer-active {background-position: -30px -40px}

#header .large a {background-position: -60px 0; margin-left:5px}
#header .large a:hover, #header .large .textresizer-active {background-position: -60px -40px}

#header .search {clear:both; padding-top:10px; text-align:right}
#header #searchBox fieldset {border:none; margin:0; padding:0}
#header #searchBox fieldset input.textbox {
	background:url('/assets/img/tools/searchbox.gif') no-repeat top left;
	border:none;
	color:#111;
	font-size:14px;
	height:26px;
	padding:7px 0 1px 30px;
	width:245px;
}

#header #searchBox fieldset input.button {
	border:none;
	position:relative;
	right:5px;
	top:0;
	font-size:14px
}

/* MAINBODY
--------------------------------------------------------------------------- */
#mainbody {position:relative; margin-top:39px; border-top:4px solid #d4d4d4}

#mainbody .content {clear:both; background:#fff url('/assets/img/main-bottom.gif') no-repeat bottom left; margin-top:10px}
#mainbody .content .main-top {background:url('/assets/img/main-top.gif') no-repeat top left; display:inline-block; width:960px}
#mainbody .content .dark-title {position:relative; background:#242424 url('/assets/img/dark-top.gif') no-repeat top left; padding:15px; margin:0}

#mainbody .content-secondary {clear:both; background:#dcdcdc url('/assets/img/secondary-bottom.gif') no-repeat bottom left; margin-top:10px;}		
#mainbody .content-secondary .top {background:url('/assets/img/secondary-top.gif') no-repeat top left; display:inline-block; width:960px}

#mainbody .content-bookmark {clear:both; background:#f4f4f4 url('/assets/img/bookmark-bottom.gif') no-repeat bottom left; margin-top:0px; min-height:110px}
#mainbody .content-bookmark .top {background:url('/assets/img/bookmark-top.gif') no-repeat top left; display:inline-block; width:680px}

/* SUBSECTION INTRODUCTION PAGES
--------------------------------------------------------------------------- */

.subhead {display:block; background: #fff; width:680px; height:250px; margin:0; padding:0}
.subhead .description {float:left; width:360px; padding:15px 20px 0 20px; color:#fff}
.subhead h2 {color:#fff}

/* BREADCRUMBS
--------------------------------------------------------------------------- */
.breadcrumbs p {font-weight:700; float:left; display:ineline; margin:0 10px; font-size:12px; line-height:30px;}
.breadcrumbs ul {list-style:none; margin:0; padding:0; font-size:12px;}
.breadcrumbs li {float:left; display:inline; line-height:30px; height:30px; overflow:hidden; padding: 0 20px 0 10px; margin:0 5px 0 0; background:url("/assets/img/breadcrumb.png") 100% 50% no-repeat}
.breadcrumbs li a {font-weight:700; text-decoration:underline; color:#a9a9a9}
.breadcrumbs li a:hover {color:#111}
.breadcrumbs li.current {background:none; font-weight:700}	
	
/* GET INFORMED
--------------------------------------------------------------------------- */
.get-informed {height:310px; border-right:1px solid #ddd; padding:20px 20px 0 20px;}

.get-informed h2 {
	display:block;
	text-indent:-99999px;
	background: url('/assets/img/get-informed.gif') no-repeat 0 0;
	margin:0;
	width:166px;
	height:97px;
	}

.get-informed p {
	display:block;
	text-indent:-99999px;
	background: url('/assets/img/get-informed.gif') no-repeat 0 -311px;
	width:239px;
	height:189px;
	position:absolute;
	bottom:-11px;
	left:0
	}
	
/* JQUERY SCROLLABLE
--------------------------------------------------------------------------- */
div.scrollable {position:relative; overflow:hidden; width:720px; height:310px}

h2.features {
	display:block;
	text-indent:-99999px;
	width:72px;
	height:72px;
	position:absolute;
	top:0px;
	left:1px;
	background:url('/assets/img/slider/features-banner.png') no-repeat;
	z-index:5
	}

#thumbs {position:absolute; width:3800px; clear:both; height:283px; background: url('/assets/img/slider/slider-divider.gif') repeat-x bottom left;}
#thumbs div {float:left; width:240px; height:250px; color:#111; cursor:pointer; background:url('/assets/img/slider/slider-vertical.gif') no-repeat 0 -1px}
#thumbs .item {width:180px; padding:30px 30px 0 30px}
#thumbs div.hover .item {background:url('/assets/img/slider/slider-hover.gif') no-repeat center 12px}
#thumbs div.active .item {background-color:#fff; cursor:default}
#thumbs .title {font-size:16px; font-weight:700; letter-spacing:-1px; color:#0896d6; line-height:40px; text-decoration:none}
#thumbs em {font-size:14px; line-height:24px; color:#111; text-decoration:none; font-style:normal}
#thumbs em.more {font-size:14px; float:right; font-weight:700; padding-right:15px; background:url('/assets/img/bullets/arrow-right.gif') no-repeat center right; text-decoration:none}

div.navi {position:absolute; bottom:4px; left:300px; width:124px; height:29px; display:block; background:url('/assets/img/slider/slider-controlbg.gif') no-repeat}
div.navi a {
	position:relative;
	top:8px;
	left:32px;
	width:8px;
	height:8px;
	float:left;
	margin:3px 2px;
	background:url('/assets/img/slider/navigator.gif') 0 0 no-repeat;
	display:block;
	font-size:1px;
	z-index:5
}

	
div.navi a:hover {background-position:0 -8px}
div.navi a.active {background-position:0 -16px}

a.prevPage, a.nextPage {
    position:absolute;
	display:block;
	width:18px;
	height:18px;
	float:left;
	margin:0;
	cursor:pointer;
	font-size:1px;
}

a.prevPage {background:url('/assets/img/slider/left.gif') no-repeat; bottom:9px; left:310px}
a.nextPage {background-image:url('/assets/img/slider/right.gif'); clear:right; bottom:9px; left:397px}

a.prevPage:hover, a.nextPage:hover {background-position:0px -18px}
a.prevPage .disabled, a.nextPage .disabled {/*visibility:hidden !important*/background-position:0 -8px}

/* NAVIGATION
--------------------------------------------------------------------------- */
#navigation {
	position:absolute;
	top:163px;
	left:0;
	float:left;
	display:inline;
	height:40px;
	background:#363E65;
	width:100%;
	padding:0;
	margin:0;
	z-index:2
	}
	
#navigation:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

ul#menu {left:0; top:5px; position:absolute}
ul#menu li {background:url('/assets/img/nav/nav-divider.gif') no-repeat right -5px; display:block; margin:0}
ul#menu li.last {background:none}	
ul#menu li.first {margin-left:0}
ul#menu li a {padding:7px 20px 0px 20px; border:none}	

ul#menu li, 
ul#menu li a {
	float:left;
	height:54px;
	display:block;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	font-weight:400
}

ul#menu li a:hover {
	text-decoration:underline
	}

.home-icon {
	text-indent:-99999px;
	background:url('/assets/img/nav/home-icon.png') no-repeat top left;
	display:block;
	height:15px;
	width:16px
	}

body.home ul#menu li.home,
body.career ul#menu li.career,
body.seekers ul#menu li.seekers,
body.employers ul#menu li.employers,
body.providers ul#menu li.providers,
body.statistics ul#menu li.statistics {
	float:left;
	background:url('/assets/img/nav/nav-tab.gif') no-repeat right top;
	padding:0;
	}

body.home ul#menu li.home a,
body.career ul#menu li.career a,
body.seekers ul#menu li.seekers a,
body.employers ul#menu li.employers a,
body.providers ul#menu li.providers a,
body.statistics ul#menu li.statistics a {
	display:block;
	background:url('/assets/img/nav/nav-tab2.gif') no-repeat left top;
	color:#111;
	text-align:center;
	}
	
/* SUB NAVIGATION
--------------------------------------------------------------------------- */
#sub-nav {width:240px; float:left; padding:0; position:relative; background:url('/assets/img/nav/sub-bg.gif') no-repeat top left; margin:0}
#sub-nav div.wrap {display:block; position:relative; float:left; width:220px; background:url('/assets/img/nav/sub-bottom.gif') no-repeat bottom left; margin:0; padding:0}
#sub-nav ul {list-style-type:none; margin:10px 0; padding:0;}
#sub-nav li {margin:0; padding:0;}
#sub-nav li a {display:block; font-size:15px; letter-spacing:-1px; font-weight:600; text-decoration:none; padding:10px 10px 12px 15px; text-shadow: 0 1px #f4f8fc;}

#sub-nav li a:link,
#sub-nav li a:visited {color:#444; background: url('/assets/img/nav/sub-arrow-closed.gif') no-repeat scroll 190px center; border:none;}
#sub-nav li a:hover {color:#000; background:fff; text-decoration:underline}
#sub-nav li.current a:hover {text-decoration:none}

/*Parent*/
#sub-nav li.current a:link,
#sub-nav li.current a:visited,
#sub-nav li.current a:hover,
#sub-nav li a:link.current,
#sub-nav li a:visited.current,
#sub-nav li a:hover.current {color:#444;}

#sub-nav li.expand.current a:link,
#sub-nav li.expand.current a:visited,
#sub-nav li.expand.current a:hover {position:relative; left:1px; width:205px; background:url('/assets/img/page-elements.gif') no-repeat 0 -118px;}

/*Child*/
#sub-nav li.current li a:link,
#sub-nav li.current li a:visited {color:#444;}
#sub-nav li.current li a:hover {color:#000; background:#fff; text-decoration:underline;}

#sub-nav li li a.current:link,
#sub-nav li li a.current:visited,
#sub-nav li li a.current:hover,
#sub-nav li li a.current:active {color:#0996D6; font-weight:600; text-decoration:underline;}

#sub-nav li.expand.current li a:link,
#sub-nav li.expand.current li a:visited {border:none; background:none}

#sub-nav li ul {list-style-type:none; margin:0; padding:0;}
#sub-nav li li {margin:0; padding:0 5px 0 15px;}
#sub-nav li li a:link,
#sub-nav li li a:visited,
#sub-nav li.open li a:link,
#sub-nav li.open li a:visited,
#sub-nav li.open li a:active {font-size:12px; letter-spacing:0; font-weight:400; color:#444; margin:0; padding:8px 0; background:none}

#sub-nav li li a:hover,
#sub-nav li li a:active,
#sub-nav li.open li a:hover,
#sub-nav li.open li a:active {color:#444;}

/* ZOOM MAP
--------------------------------------------------------------------------- */

#mapback {position:absolute; display:block; padding:7px 15px; bottom:14px; left:30px; background:#000; color:#fff; font-size:12px;}
#map { position: relative; width: 680px; height: 620px; overflow: hidden;}

#map a.bullet {
	display: none;
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	background-image: url('/images/zoommap/marker.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 2;
	border:none;
}

#map a.bullet:hover { text-decoration: none; background-position: 0 -15px; border:none}

#map .data {position:absolute; top:10px; right:30px; width:365px; height:265px;}
#map .data-left {position:absolute; top:10px; left:30px; width:365px; height:265px}
#map .datacontent {padding:15px 20px}
#map h3 {color:#444; font-weight:700; font-size:16px; margin:0; padding:0}
#map h2 {color:#6c6c6c; font-weight:normal; font-size:12px; margin-bottom:10px;}
#map .large {font-size:20px; color:#0a82a2}
#map li {padding:3px 0}
#map .categories ul {font-size:12px; list-style:none; margin: 5px 0 5px 10px}
#map .categories li strong {float:left; width:210px}
#map .categories li span {font-size:12px; text-align:right; font-weight:700; color:#0a82a2}
#map .categories li a {display:block; padding:5px 0; margin:0; font-size:14px}
#map .categories li a:hover{border:none}
#map .categories li a:hover span {color:#444}
#map p {margin:0; padding:0}
 
#map .popup {display:none; position:absolute; width:213px; height:120px; background: url('/images/zoommap/popupcontent.png') no-repeat; z-index:10;}
#map .popup-left{display:none; position:absolute; width:213px; height:120px; background: url('/images/zoommap/popupcontentL.png') no-repeat; z-index:10;}

#map #victoria-box {top:470px; left:220px}
#map #nanaimo-box {top:365px; left:410px}
#map #vancouver-box {top:420px; left:45px}
#map #abbotsford-box {top:396px; left:337px}
#map #kamloops-box {top:317px; left:336px}
#map #vernon-box {top:374px; left:134px}
#map #kelowna-box {top:438px; left:384px}
#map #princegeorge-box {top:292px; left:353px}
#map #dawsoncreek-box {top:386px; left:350px}
#map #princerupert-box {top:286px; left:25px}
#map #cranbrook-box {top:400px; left:295px}

#map .popup h3 {display:block; padding:15px 0 0 15px; color:#fff; font-size:16px;}
#map .popup-left h3 {display:block; padding:15px 0 0 30px; color:#fff; font-size:16px;}

#map .popupcontent {
	position: absolute;
	top: 0;
	height: 100px;
	padding: 10px;
	overflow: auto;
	overflow: visible; 
	font-size: 11px;
	color:#fff;
	line-height: 14px;
}
#map .popupcontent p {margin:55px 0 0 5px; width:200px;}
#map .popup-left .popupcontent p {margin-left:20px}
#map .popupcontent .large {color:#fff}

#map .popup a.close{display:block; position:absolute; bottom:10px; right:30px; color:#fff; text-transform:uppercase}
#map .popup-left a.close {displya:block; position:absolute; bottom:10px; right:15px; color:#fff; text-transform:uppercase}
#map .popup a.close img{border:none; z-index:100;}


/* FOOTER
--------------------------------------------------------------------------- */
#footer {clear:both; padding:10px 0; font-size:1em}
#footer ul {list-style:none; float:right; margin:10px 0 20px 0}
#footer li {display:block; float:left; margin:0 8px; line-height:20px}
#footer li a {font-weight:700;}
#footer li a:hover {border-bottom:1px solid #111}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/assets/img/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/assets/img/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/assets/img/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/assets/img/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/assets/img/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/assets/img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/assets/img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/assets/img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/assets/img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; text-align:left}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:left; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/assets/img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/assets/img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/assets/img/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/assets/img/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/assets/img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/*----------------------------------------------------
  =Tabbed Box
------------------------------------------------------*/

div.tabs {list-style:none; margin:0 auto; padding:0; width:100%;}

ul.tabs {list-style-type:none; margin:0; padding:0; width:100%;}
ul.tabs-h {list-style-type:none; margin:0; padding:0; width:150px; float:left}
ul.tabs li, 
ul.tabs-h li {font-size:14px; margin:0; padding:5px 0 5px 30px;}
ul.tabs-h li:hover {background-color:#efefef}
ul.tabs-h li.activeli {background-color:#efefef}

li.local {background:url('/images/icons/building.png') no-repeat center left}
li.steps {background:url('/images/icons/text_list_numbers.png') no-repeat center left}
li.rights {background:url('/images/icons/user_suit.png') no-repeat center left}
li.financial {background:url('/images/icons/money.png') no-repeat center left}
li.representative {background:url('/images/icons/flag_orange.png') no-repeat center left}
li.prepare {background:url('/images/icons/calendar.png') no-repeat center left}
li.provincial {background:url('/images/icons/tick.png') no-repeat center left}
li.faq {background:url('/images/icons/information.png') no-repeat center left}

li.hr-planning {background:url('/images/icons/folder_user.png') no-repeat center left}
li.leadership {background:url('/images/icons/user_suit.png') no-repeat center left}
li.recruitment {background:url('/images/icons/user_add.png') no-repeat center left}
li.retention {background:url('/images/icons/user_go.png') no-repeat center left}
li.succession-planning {background:url('/images/icons/user_edit.png') no-repeat center left}

li.year {background:url('/images/icons/calendar.png') no-repeat center left}


ul.tabs li a {
	background:#fff;
	border-bottom:0;
	color:#666;
	display:block;
	font-weight:normal;
	text-decoration:none;
}

ul.tabs-h li a {
	background:transparent;
	border-bottom:0;
	color:#666;
	display:block;
	font-weight:normal;
	text-decoration:none;
}

ul.tabs li a span, 
ul.tabs-h li a span {display:block;}

ul.tabs li a:hover, 
ul.tabs li a.active {
	background:#fff;
	color:#666;
	display:block;
	font-weight:normal;
	text-decoration:underline;
}

ul.tabs-h li a:hover, ul.tabs-h li a.active {
	background:#efefef;
	color:#666;
	display:block;
	font-weight:normal;
	text-decoration:none;
}

ul.tabs li a.active, 
ul.tabs-h li a.active {font-weight:bold}

div.tabs-container {background:#fff; clear:both;}
div.tabs-container2 {background:#efefef; float:left; width:525px; margin:0 0 20px 0}
div.tabs-container .module-content, div.tabs-container2 .module-content {margin:0; padding:0;}
div.tabs-container2 .module-content {padding:10px 10px 10px 30px}
* html .module-content {height:1%; overflow:visible;}
*+html .module-content {min-height:1%;}
.module-content:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

ul.docs li {padding:0 0 10px 0; font-size:13px}
ul.docs li a {padding:0 3px 0 0}