/* -----------------------------------------------------------------------

   * Morneau Shepell Inc.
   * http://www.morneaushepell.com
   * Last modified / Dec 24, 2012 ( Rayon Whyte )

----------------------------------------------------------------------- */

/* reset.css */
html {color:#000;background:#fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, table, th, td {margin:0;padding:0;}
fieldset, img, a {border:0;}
:focus {outline:0;}
table {border-collapse:collapse;border-spacing: 0;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
legend {color:#000;}

	/* alternative ie hack for hiding text in buttons ((refer to [quicksearch] for original approach)) */
	.hide-btn-txt {
		background-image: url('my-picture-with-text.jpg');
		line-height: 999px; /* Set it higher than your image height */
		overflow: hidden; /* Hide the text */
		font-size:0; /* FF2 doesn't like the above */
	}

	/* forms ui */
	form[action*="/ms/_private/listmembersscript.asp"] td[align="right"] { text-align:left; padding: 0 0 10px 10px !important; }
	form[action*="/ms/_private/listmembersscript.asp"] table,
	form[action*="/ms/_private/listmembersscript.asp"] td { 
		border-spacing:0 !important; border-collapse:collapse; padding:0 !important; 
	}


/* #####################---------------------#####################
 * ###### Benefits On Line Cleaned Up Cascading Style Sheet ######
 * #####################---------------------##################### */

/* 
	Colour Palette
	==============
	
	RGB - Hex Code - Description - Example(s)
	---   --------   -----------   ----------
	Logo colours:
	rgb(20, 131, 150) - #148396 - green-blue - logo colour
	
	Website colours:
	rgb(0, 53, 110) - #00356E - dark blue - top banner middle
	rgb(64, 99, 154) - #40639A - medium blue - top banner right
	
	Left nav colours:
	rgb(20, 131, 150) - #148396 - green-blue - unvisited, visited
	rgb(0,0,0) - #000000- black - hover
	rgb(0,0,0) - #000000- black - on
	
	Top nav colours:
	rgb(98, 98, 98) - #626261 - gray - unvisited, visited
	rgb(0,0,0) - #000000 - black - on
	rgb(20, 131, 150) - #148396 - green-blue - hover
	
	Link/Anchor colours:
	rgb(20, 131, 150) - #148396 - green-blue - unvisited, visited, selected
	rgb(0,0,0) - #000000- black - hover
	
*/

/* Body styles: start */

body, p {
	/*background:url(/_images/main-bg.jpg) repeat #fff;*/
	color:#2c2c2c; 
	font:12px/20px Arial, Helvetica, sans-serif;

}
	
body.printversion {
	margin:10px; 
}

body.navversion {
	margin:0;
}

body.logon { background:url(/_images/bg_login-bg.jpg) 50% 0 no-repeat #fff; }
body.logon.no-bg { background:none; }
body.logon.no-bg #page h1,
body.logon.no-bg #page h2,
body.logon.no-bg #page h3,
body.logon.no-bg #page p { margin-left:8px; margin-right:8px; }


/* Anchors styles - start */

/*
NOTE: order is important (keep the following order)
:link - unvisited link
:visited - visited link
:hover - mouse over link
:active - selected link
*/

a {
	color:#148396;
	font-weight:bold;
	text-decoration:underline;
}
	a:hover { color:#000; }

a.docHead {
	color:#104A31;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}
	a.docHead:visited { color:#104A31; }
	a.docHead:hover { color:#990000; }

a.Head {
	color::#104A31;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}
	a.Head:visited { color::#104A31; }
	a.Head:hover { color::#990000; }

a.subHead {
	color:#990000;
	font-size:smaller;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
	a.subHead:visited { color:#990000; }
	a.subHead:hover { color:#166699; }
	
a.subHead2 {
	color::#166699;
	font-size:smaller;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
	a.subHead2:visited { color::#166699; }
	a.subHead2:hover { text-decoration:underline; color::#990000; }

a.inline {
	color:#166699;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

a.inline:visited {
	color:#166699;
	text-decoration:none;
}

a.inline:hover {
	color:#990000;
	text-decoration:none; 
}

a.Tab {
	text-decoration:none;
}



/* Paragraph styles: start */
p { line-height:14px; margin-bottom:1em; }
	p.clsGrayRow { padding:5px; background-color:#eaeaea;	}



/* Heading styles: start */
h1, h2, h3, h4, h5, h6 {
	color:#166699;
	font-style:normal;
	font-weight:bold;
	margin-bottom: .9em;
	margin-top:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	/*text-transform: capitalize;*/
}

	h1 {
		color:#474747;
		font-size:2.4em;
	}
		h1.condense { margin-bottom: 0; }
	
	h2 {
		color:#333333;
		font-size:2em;
		font-weight:normal;
		line-height: 1.5em;
	}
	
	h3 { color:black; font-size:1.1em; }
	h4 { font-size:1em; }
	h5 { font-size:1em; font-style:italic; }
	h6 { font-size:0.9em; }


/* DOCHEAD Section  - Start*/
h1.docHead { color:#017E8E; }
h2.docHead { color:#DEB209; }
h3.docHead { color:#776F68; }
h4.docHead { color:#104A31; }
h5.docHead { color:#104A31; }
h6.docHead { color:#104A31; font-style:italic; }


#homePgImage {
	background-image: url(../_images/home-slide1.jpg);
	background-repeat:no-repeat;

	height:309px; 
	position:relative;
}
#homePgImage_text {
	 position:absolute;
	 top:20px; 
	 width:300px;
	 left:430px;
}	


/* Table styles: start */
table {
	border-color:#FFFFFF;
	background-color:transparent;
	font-family: Arial, Helvetica, sans-serif;
	/*empty-cells: show;*/
}

table.info {
	border:1px solid black;
	border-collapse: collapse;
	margin-bottom:1em;
}

table.info td, table.info th {
	border:1px solid black;
	vertical-align:top;
	padding:5px;
}

table.info th {
	background-color:#efefef;
	text-align:left;
}

table.info th.col1, table.info td.col1 {
	width:25%;
}

table.info td ul {
	list-style:none;
	padding:0;
	margin:0;
}

table.info td ul li {
	padding:0;
	margin:0;
}

table.PrintVersion {
	width:100%; 
	border:none; 
	padding:0; 
	border-collapse:collapse; 
	text-align:center;
}
	
	table.PrintTool {
		padding:0; 
		margin:0; 
		border-collapse:collapse;
		width:100%;
	}
	
		table.PrintTool td {
			white-space:nowrap;
			text-align:right;
		}
		
		td.PrintTool {
			width:100%; 
			text-align:right; 
			vertical-align:bottom; 
			white-space:nowrap;
		}

table.sitemap { width:100%; }
	table.sitemap ul {
		list-style-type:none;
		line-height:1.5;
		text-transform:lowercase;
		margin-left:0;
		padding-left:0;
	}

tr.grayHeaderRow {
	font-style:normal;
	font-weight:bold;
	color:black;
	background-color:#D9D9D9;}

td, th {
	/* font-size:1em; */ /* if you want to design for accessibility */
	font-size:12px; /* if you want consistency */
	
}
	
td { font-weight:normal; }
	


td.clsGrayRow { background-color:#eaeaea; } 
td.clsWhiteRow { background-color:#ffffff; } 
td.clsChangesLight, td.clsChangesGrey { color:#0000EE; }

td.clsChangesGrey,
td.clsTableOptionFont,
td.clsTableDetailFont { background-color:#eaeaea; }

td.clsTableOptionFontClear,
td.clsTableDetailFontClear { background-color:#ffffff; }


td.clsTableHeader3 {
    font-size:10px;
    color:#333333;
    background-color:#E8E8E8;
}

td.clsTableHeader {
	font-weight:bold;
	color:black;
	background-color:#D9D9D9;
}

td.clsTableHeader_small {
	font-style:normal;
	font-weight:bold;
	background-color:#C0C0C0;
}

td.clsTableHeader2,
td.clsTableHeaderWarning {
	font-size:12px;
	font-weight:bold;
	background-color:#D3D3D3;
}
	td.clsTableHeaderWarning {	background-color:#FF0000; }


/* ensure background color is different from td.clsTableBodyClear */
td.clsTableBody { background-color:#eeeeee; }

/* ensure background color is in line with td.clsToDoListInProgressClear */
td.clsTableBodyClear { background-color:#fff; }

td.clsColumnHeader {
	font-weight:bold;
    border-bottom:thin solid rgb(0,0,0);
}

td.clsColumnFooter {
	font-weight:bold;
	border-top:thin solid rgb(0,0,0);
}

td.clsEventTableBody { background-color:#EEEEEE; }
td.clsSummmaryLeftCol { vertical-align:middle; width:50%; }
td.clsSummmaryRightCol { vertical-align:middle; width:50%; }


/* looks like background color should be in line with td.clsTableBody */
td.clsToDoListNotStarted {	background-color: #eaeaea; }
td.clsToDoListInProgress { background-color:#eeeeee; }

/* ensure background color is inline with td.clsTableBodyClear  */
td.clsToDoListInProgressClear { background-color:#fff; }


/* Billing styles (PPAM) // */
td.clsTable6Header { background-color:#54777B; }
td.XPTabActiveLeft, td.XPTabActiveBody, td.XPTabActiveRight {
	background:#54777B;
	background-image:none;
	border-top:1px solid #54777B;
}
	td.XPTabActiveLeft { border-left:1px solid #54777B; }
	td.XPTabActiveRight { border-right:1px solid #7D99D5; }
	td.XPTabActiveBody a:link { color:#fff; }
	td.XPTabActiveBody a:hover { text-decoration:underline; }
	
td.XPTabInactiveLeft, td.XPTabInactiveBody, td.XPTabInactiveRight {
	background:#f1f1f1;
	background-image:none;
	border-top:1px solid #ccc; border-bottom:1px solid #54777B;
}
	td.XPTabInactiveLeft { border-left:1px solid #ccc; }
	td.XPTabInactiveRight { border-right:1px solid #ccc; }

td.XPTabRest { border-bottom:1px solid #54777B; }
td.XPTabBottom { border-right:1px solid #54777B; border-bottom:1px solid #54777B; border-left:1px solid #54777B;}



/* Horizontal rule styles: start */
hr { color:#333333; margin-top: .5em; margin-bottom: .5em; }



/* Lists styles: start */
ul, ol { margin-top:0; margin-left: 0; margin-bottom: 2em; }
li { margin-left: 2.6em; }

ul.noleft, ol.noleft { margin-top: 1em; margin-left: .1em; }
li.spacer { margin-bottom:1em; }

li.lowalpha { list-style-type: lower-alpha; margin-bottom: 1em; }
li.lowroman { list-style-type: lower-roman; margin-bottom: 1em; }



/* form styles: start */
form { z-index:0; }
select.calculationfield { background-color:#fff; font-weight:normal; }



/* miscellaneous class-level styles: start */
.clsNote {
	font-style:italic;
	font-weight:bold;
}

.clsNoteSmall {
	font-size:smaller;
	font-weight:bold;
}

.clsHighlite {
	background-color:#FFFF00;
}

.clsErrorHeader {
	color:red;
	font: bold 10px Tahoma;
}

.clsErrorContent {
	color:red;
	font: xx-small Verdana;
}

.clsTableBodyRight {
	font: 12px Tahoma;
}

.calendarTable TD {
	font: 10px Arial !important;
}

.calendarCurrDate {
	background-color: red !important; 
	color:navy; 
	font-weight:bold
}

.calendarTable a {
	font-weight: normal !important;
}

.calendarTable td.clsTableHeader {
	font-weight: bold !important;
}

.clsWhiteSeperatorBar {
	height:1px;
	width:1px;
	background-color:White;
}


/* CAC styles: start */
h1.clsCACTitle {
   font-size:15px;
   FONT-WEIGHT: bold;
   MARGIN-BOTTOM: .1em;
}

.clsCACStepTitleEnabled, a.clsCACStepTitleEnabled:link, a.clsCACStepTitleEnabled:visited {
    font-size:10px;
    color:#000066!important;
    text-decoration:none;
}

a.clsCACStepTitleEnabled:hover{
    font-size:10px;
    color:#666699!important;
    text-decoration:none;
}   

.clsCACStepTitleDisabled {
    font-size:10px;
    color:#D6D6D6!important;
    text-decoration:none;
}

td.clsCACNavLineOn {
    background-color:#000066!important;
}

td.clsCACNavLineOff {
    background-color:#D6D6D6!important;
}

p.docHead {
	font-size:1em;
}

p.docHead_ap {
	background-color:#ffff00;
	font-size:10pt;
}



/* Standard Report: start */
table.std {
    background-color:#FFFFFF;
    width:100%;
    height:100%;
}
table.c4-inner {
    background-color:#FFFFFF;
    color: #333366;
	 border: 3px solid #bbbbcc;
    width:100%;
    height:100%;
}
table.c4-outer {
    background-color:#FFFFFF;
    color: #333366;
	border: none;
    width:100%;
    height:100%;
}

tr.c4-header {
    font-size:13px;
    font-weight: bold;
    VERTICAL-ALIGN: middle;
    background-color:#bbbbcc;
    color: #333366
}

tr.c4-light-row {
    background-color:#FFFFFF;
    color: #333366
}

tr.c4-dark-row {
    background-color:#CCCCCC;
    color: #333366
}

td.c3-input {
    vertical-align: middle
}

td.c3-prompt {
    font-weight: bold;
    color: #333366;
    vertical-align: bottom
}

td.c3-button {
    text-align: right;
    vertical-align: top
}

td.c3a-clientname {
    font-weight: bold;
    color: #333366
}

td.c3b-clientname {
    font-size:14px;
    font-weight: normal;
    color: #333366;
    text-align: center;
}

td.c3b-environment {
    font-size:13px;
    font-style: italic;
    color: #666699;
    text-align: center;
}

td.c4-top, td.c4-middle, td.c4-bottom {
    background-color:#fff;
    vertical-align:top;
    text-align:center;
    width:100%;
}
	td.c4-middle { vertical-align:middle; }
	td.c4-bottom { vertical-align:bottom; }

td.c4-report-title {
    font-size:14px;
    font-style: normal;
    font-weight: bold;
    color: #333366;
    /*background-color:#FFFFFF;*/
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: center;
    width:100%;
}

input.c3-input, input.c3-button {
    font-weight: normal;
    color: #333366;
    text-align: left;
    vertical-align: middle
}
	input.c3-button {
		 font-weight: bold;
		 text-align: center;
	}

input.c4, select.c4 { color:#333366; }


/* Standard Report: end */

/* Obsolete ID Definitions: start
   keeping this for historical reasons - in case core uses this ID definition 
   delete when determined to be not necessary
*/

/* WARNING: use the equivalent class definition instead of this ID definition */
#infoTable {
	border:1px solid black;
	border-bottom:0;
	border-right:0;
	border-width: 1px 1px 1px 1px;	
	border-spacing: 0;
	border-style: solid solid solid solid;
	border-color: #C1BEBE; 
	border-collapse: collapse;
	padding:5px;
}
	#infoTable TD {
		border-bottom:1px solid black;
		border-right:1px solid black;
		vertical-align:top;
		border-width: 1px 1px 1px 1px;	
		border-spacing: 0px;
		border-style: solid solid solid solid;
		border-color: #C1BEBE; 
		border-collapse: collapse;
	}

/* Obsolete ID Definitions: end */

/* 
 *	EventBox - jQuery 
 *	Implemented by - Rayon Whyte
 *	Requires: jQuery v1.4+
 *
 *  Credits - Fancybox 
 */
 
#eventBox {
	display:block;
    overflow: auto;
	width: 400px;
	height: auto;
	background-color: #FDFDFD;
}

#eventBox img, .eventMessage { 
	display: block; 
	float:left;
}

.eventMessage { 
	width:80%; 
}
 
.eventMessage table { 
	margin:8px 0 0 15px; 
}

#eventBox p { 
	margin: 0; 
	padding:8px 15px;
}

/* Caps Lock warning message */
#capslockwarning {
   background:url(../_images/Warning_icon.png) #fff no-repeat 2px 2px;
   border:1px solid red;
   color:red;
   display:none;
   padding:5px 40px;
   position:relative;
   text-align:left;
   width:250px;
}
	#capslockwarning * {
		font-size:11px;
	}


/* general settings // */
/* 	------------------------------------------------------ */
body.TextSmall {
	font-size:11px;
	/*font-size:0.69em;*/ /* relative fonts sizes can mess up the flyout format when viewing larger or largest setting  */
}

body.TextLarge {
	/*font-size:13px; - E.Fong -- increased because of defect #726*/
	font-size:14px;
	/*font-size:.88em;*/ /* relative fonts sizes can mess up the flyout format when viewing larger or largest setting  */
}

a[href$=".pdf"] {
	background:url() no-repeat;
	padding-left:20px;
}

.TopLink { visibility:hidden; }
a#toTop {
    background: url(/_images/bg_gotop.png) no-repeat;
    bottom: 48%;
    cursor: pointer;
    display: none;
    height: 43px;
    position: fixed;
    right: 10px;
    text-indent: 666em;
    width: 43px;
    z-index: 666;
}
	html[lang="fr-CA"] a#toTop { background: url(/_images/bg_gotop-fr.png) no-repeat; }

a#toTop:hover { background-position:center bottom;}
	html[lang="fr-CA"] a#toTop:hover { background-position:center bottom;}

.info-table { margin:10px 0; }
	.info-table th { background:#54777b; color:#fff; font-weight:bold; text-transform:uppercase; }
	.info-table th, .info-table td { padding:6px; }
	.info-table td { background:#efefef; border-bottom: 1px solid #FFFFFF; }
	.info-table td, .info-table p { color:#787878; }
	.info-table ul { margin-bottom: .5em; }
	.info-table .category { background:#00b2aa; color:#fff; }

table.x3col th {
    padding: 6px;
    vertical-align: top;
    width: 33%;
}

.xalign50 { text-align:center !important; }
	
cite { display:block; margin:10px 0 20px; }

.box-grey {  
		background:#fff;
		border:1px solid #c8c8c8;
		float:left;
		position:relative;
		z-index:10;
		
	}	.box-grey:before { 
			background:#dfdfdf;
			border:1px solid #e5e5e5; 
			content: '';
			position:absolute;
			top:1px; right:1px; bottom:1px; left:1px;
			z-index:-1;
		}
		
.box-rounded-green {  
		background:#00acac;
		border:1px solid #005d5d;
		border-radius:3px;
		float:left;
		position:relative;
		z-index:10;
		/*behavior: url(/_private/PIE.htc);*/
		
	}	.box-rounded-green:before { 
			background:#008080;
			border-radius:3px; 
			content: '';
			position:absolute;
			top:1px; right:1px; bottom:1px; left:1px;
			z-index:-1;
			/*behavior: url(/_private/PIE.htc);*/
		}


.width00	{ width:auto !important; }
.width20	{ width:20% !important; }
.width30	{ width:30% !important; }
.width40  	{ width:40% !important; }
.width45  	{ width:45% !important; }
.width60   	{ width:60% !important; }
.width75  	{ width:75% !important; }
.width100	{ width:100% !important; }

.align-m { text-align:center; }
.block { display:block; }
.fixed { position:fixed; width:220px; top:10px; }
.offline-notif-site { text-align:center; }
.print-menu { text-align:right; }

.base.portal div.x1col, 
.layout1col div.x2col, 
.layout1col div.x3col, 
.layout2col div.x3col,
.layout3col div.x3col { 
	display:none;
}

.portal .layout3col div.x3col  { 
	display:block;
}

.clsDividerCol {
    background-color: #BABAB9;
    border: 0 none;
    font-size:0 !important;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    width: 1px;
}

#glossaryterm {
    background-color: #FFFFFF;
    border: 1px solid #005238;
    display: none;
    position: absolute;
    width: 40%;
    z-index: 100;
}

/* page layout styles // */
/* 	------------------------------------------------------ */
#page { 
	width:1000px;
	margin:0 auto; 
}

/* header // */
.header-inner { 
	height:156px;  
	position:relative;
	border-top:7px solid #474747; 
	border-bottom:none;
	z-index:1099;
	
} .base .header-inner { background:url(/_images/bg_header-bg.jpg) bottom repeat-x; }
		
	.logo {
		background:url("/_images/bg_client-logo.png") no-repeat;
		width:271px; height:75px;
		text-indent:-9999px;
		margin:30px 0 0 22px;
	}
		.logon .logo { margin:31px 0 0 22px;}
	
	.top-nav { 
		position:absolute;
		top:0; right:20px;
		list-style-type:none;
		margin:0;
	}
		.top-nav li { float:left; }
			.top-nav li.first a { 
				background:url(/_images/home-ico.png) no-repeat; 
				text-indent:-9999px;
				width:62px; height:31px;
				display:block;			
			}
		.top-nav li a { 
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-weight:normal;
			line-height:28px;
			color:#767676;
			text-transform:uppercase;
			text-decoration:none;
		}
		
		
	.language-picker { float:right; list-style:none; }
		.language-picker li {
			float:left;
			margin:0;
			padding:0;
		}
			.language-picker li a {
				background:url(/_images/bg_li-bullet-grey.png) 100% 50% no-repeat;
				display:block;
				text-decoration:none;
				text-transform:uppercase;
				color:#686868;
				padding:0 13px 0 10px;
			}	
				.language-picker li a:hover { color:#008080; }
				.language-picker li.last a,
				.language-picker li:last-child a { background:none; }
	
	.member-info { 
		text-align:right; 
		font-size:16px; color:#4c4c4c; 
		text-transform:uppercase;
		position:absolute;
		bottom:70px; right:18px;
		margin:0;
	}
	
	

/* content // */
.content-inner {
	overflow:auto;
	padding-bottom:20px; 
	z-index:0;
	min-height:440px;
}

	.logon-container {
		overflow:auto;
	}
	.logon-section {
		color:#fff;
		padding:16px 20px 50px;
		margin-right:40px;
	}
		.logon-form h2 {
			color:#fff;
			font-size:24px;
			margin-bottom:0.7em;
		}
		
		.logon-form .inputtext {
			width:196px; height:20px;
			margin-bottom: 5px;
			vertical-align:baseline;
		}
		
		.logon-form .checkbox, .logon-form .login-btn {
			display:block;
			background:url(/_images/bg_login-btn.png) no-repeat;
			width:129px; height:38px;
			border:0;
			padding:0;
			cursor:pointer;
			line-height:34px;
			font-weight:bold;
		}
		.logon-form .forget-pwd {
			margin-left:115px; margin-right:5px;
			line-height:20px;
			color:#fff;
		}
		.logon-form .help-ico {
			background:url(/_images/help-ico.png) 0 0 no-repeat;
			width:16px; height:17px;
			display:inline-block;
		}
		
		.logon-form .login-btn {
			margin-top:20px;
			padding:1px 7px;
		}
		
		.logon-form label {
			width:115px;
			float:left;
			margin-bottom: 5px;
		}
			html[lang^="sp"] .logon-form label { width:130px; }
		
	.logon-section, .logon-container .more-info, .logoff-section {
		width:330px;
		float:right;
	}
	
		.logon-container .more-info {
			display:none;
			margin-top:25px;
			width:303px;
			padding-right:50px;
		}
	
	.logoff-section {
		margin:20px 20px 0 0;
		color:#fff;
	}
		.logoff-section h1,
		.logoff-section p,
		.logoff-section .logon-redirect a  { color:#fff; }
		.logoff-section .logon-redirect a:hover { color:#00ecec; }
		.logoff-section .logon-redirect { margin-top:100px; }
	
	
	.base .content-inner div.x1col, 
	.base .content-inner div.x2col,
	.base .content-inner div.x3col {
		float:left;
		margin-top:26px;
	} .base .content-inner div.x3col { margin-left:10px; }
	
	.base .content-inner div.x1col { width:220px; margin-right:28px; }
	.base .content-inner div.x2col { width:750px; position:relative; }
	.base .content-inner div.x3col { width:236px;	}
	
	.module-intro { margin:26px 0; }
	
	.module { width:362px; }
		.module.pensav { margin-left:10px;}
		
	.module h2 { 
		margin:12px 14px 16px; 
		text-indent:-9999px; 
	
	}	.module.benefits h2 { background:url(/_images/bg_benefits-title-bg.png) no-repeat; height:23px; }
		.module.pensav h2 { background:url(/_images/bg_pensav-title-bg.png) no-repeat; height:23px; }
	
	.module span { display:block; background:#e5e5e5; padding:4px 18px 4px 65px; position:relative; margin-bottom:5px; }
	.module span:before { display:block; position:absolute; left:18px; top:12px; }
		.module.benefits .n1:before { content:url(/_images/icons/icon-1.png); }
		.module.benefits .n2:before { content:url(/_images/icons/icon-2.png); }
		.module.benefits .n3:before { content:url(/_images/icons/icon-3.png); }
		.module.benefits .n4:before { content:url(/_images/icons/icon-4.png); }
		
		.module.pensav .n1:before { content:url(/_images/icons/icon-5.png); }
		.module.pensav .n2:before { content:url(/_images/icons/icon-6.png); }
		.module.pensav .n3:before { content:url(/_images/icons/icon-7.png); }
		.module.pensav .n4:before { content:url(/_images/icons/icon-8.png); }
		
	.module span strong { font-family:Verdana, Geneva, sans-serif; color:#005353; line-height:16px; }
	.module span p { color:#383838; margin-bottom:0; line-height:15px; }
	
	div.x3col > div { width:100%; margin-bottom:20px; }
	
	#std-header { 
		width:100%; 
	}	
		#std-header td { width:20%; text-align:right; vertical-align:top; }
		#std-header td.first { text-align:left; width:80%; }
	
	.quicksearch {
		background:#bdbdbd;
		border:1px solid #bdbdbd; border-radius:3px;
		padding:0 0 10px;
		/*behavior: url(/_private/PIE.htc);*/
	}
	
		.quicksearch h2 {
			background:#3e3e3e;
			border-radius:3px;
			color:#fff;
			margin:0 0 10px; padding:0 12px;
			font-family:Verdana, Geneva, sans-serif;
			font-size:1.1em; font-weight:bold; line-height:2.8em;
			
			/*behavior: url(/_private/PIE.htc);*/
		}
		
		.quicksearch label { 
			float:left; 
			text-align:right; 
			display:block;
			width:55px; 
			padding-right:8px;
			line-height:25px;
		}
		.quicksearch .inputtext {
			background:url(/_images/bg_search-ico.jpg) 120px center no-repeat #fff;
			/*background-attachment: fixed;*/
			margin:0 0 5px; padding-right:25px;
			border:1px solid #828282;
			width:124px; height:25px;
			line-height:25px;
		}
		.quicksearch select { border:1px solid #828282; padding:4px 4px 4px 0; width:110px; }
		.quicksearch a { display:block; margin:12px 30px 0; text-align:center; }
		.quicksearch .search-btn {
			background:url(/_images/bg_search-btn-en.png) 50% bottom no-repeat;
			text-indent:-9999px;
			width:37px; height:23px;
			border:none;
			color:transparent; text-transform: capitalize;	/* ie hack to remove text from submit button */			
			/*font-size:10px; line-height:16px;
			color:#474747;
			padding:0;*/
			cursor:pointer;
		}
		
			html[lang="fr-CA"] .quicksearch .search-btn {
				background:url(/_images/bg_search-btn-fr.png) 50% bottom no-repeat;
			}
	
	.admin .menu-sect.horizontal { right:45px; }
	.portal.admin .menu-sect.horizontal { right:1px; }
	.portal.admin .quicksearch-min { display:none; }
	
	.quicksearch-min {
		/*display:none;*/
		position:absolute;
		right:0; bottom:2px;
	}
		.quicksearch-min a {
			background:url(/_images/bg_search-ui-inactive.png) no-repeat;
			display:block;
			width:43px; height:38px;
			text-indent:-9999px;
		}	
			.quicksearch-min a:hover {
				background:url(/_images/bg_search-ui-active.png) no-repeat;
			}
		
		.quicksearch-min .admin-search-section { display:none; }
	
	.quicklinks { padding:1px; }
		.quicklinks h2 {
			background:#3e3e3e;
			border:1px solid #919191;
			padding:8px; margin:0;
			color:#fff; 
			font-size:1.1em; font-weight:bold; line-height:14px;
			font-family:Verdana, Geneva, sans-serif;
		}
		.quicklinks ul { list-style:none; margin:1px 0 0; } 
			.quicklinks li {
				background:#dddddd;
				border-bottom:1px solid #cfcfcf;
				padding:2px 6px; margin:0 0 3px;
			}
			.quicklinks li a { text-decoration:none; color:#6c6c6c; }
			.quicklinks li a:hover { text-decoration:none; color:#3e3e3e; }
	

	.dyk h2 { 
		background:url(/_images/bg_dyk-title-bg.png) no-repeat; 
		height:45px; 
		text-indent:-9999px;
		margin:22px 15px;
	}	
		html[lang="fr-CA"] .dyk h2 { 
			background:url(/_images/bg_dyk-title-fr-bg.png) no-repeat; 
		}
		
	.dyk p { 
		font-family:Verdana, Geneva, sans-serif; 
		line-height:14px; 
		margin:0 15px 5px; 
		color:#fff; 
	}
	.dyk .more-info { display:block; text-align:right; padding-right:20px; margin-bottom:14px; }
	.dyk .more-info a { color:#01e2d5; }
	.dyk .more-info a:before { 
		padding-left:18px; 
		background:url(/_images/arrow-right-ico.png) 0 2px no-repeat;
		content:'';
	}
	
	.page-tags {
		background:#f5f5f5;
		border-top:2px solid #bfbfbf;
		border-bottom:1px solid #e2e2e2;
		list-style:square;
		margin:0 0 35px; padding:5px 5px 8px;
		color:#c3c4c5;
	}
		.page-tags a {
			color:#333333;
			text-decoration:none;
			font-size:12px;
		}
		
		p + .page-tags { margin:25px 0 35px; }
	
/* footer // */
.footer-inner {
	border-bottom:1px solid #333;
}

	.footer-inner {
		background:#474747;
		padding:9px; padding-left:16px;
		color:#fff;
		font-size:11px;
		border-bottom:4px solid #999999;
	}	
		.footer-inner .footer-nav { margin-left:15px; }
		.footer-inner .footer-nav a { color:#fff; text-decoration:none; }
		.footer-inner .footer-nav a:hover { text-decoration:underline; }
	


/* navigation // */
.menu-sect ul { margin:0; padding:0; }
	
	
	/* horizontal orientation */
	.menu-sect.horizontal {
		/*background:#ebebeb;*/
		background-color: rgba(235,235,235,0.76);
		position:absolute;
		right:1px;
		bottom:2px;
		width:727px; height:48px;
		
		/*-pie-background: rgba(235,235,235,0.76);*/
		/*behavior: url(/_private/PIE.htc);*/
	}
		.menu-sect.horizontal .main-nav {
			position:absolute;
			right:0; bottom:0;
			margin:0; padding:0;
			
			/*height:16px;
			vertical-align: bottom;
			overflow:visible;*/
		}
			.menu-sect.horizontal ul { list-style:none; }
			.menu-sect.horizontal .main-nav > li {	float:left; height:47px; }
			.menu-sect.horizontal .main-nav li { margin:0; padding:0; position:relative; }			
			
			.menu-sect.horizontal .main-nav li a,
			.menu-sect.horizontal .main-nav li a:visited {
				font:12px/12px Arial, Helvetica, sans-serif;
				text-decoration:none;
				color:#616161;
				display:block;
				/*padding:11px 12px;*/
			}
			
			.menu-sect.horizontal .main-nav > li > a,
			.menu-sect.horizontal .main-nav > li > a:visited { 
				font:14px/14px Arial, Helvetica, sans-serif;
				color:#414141;
				padding:13px 36px 0;
				height:30px; width:108px;
				text-align:center;
				border-left:1px solid #fff;
				background:url(/_images/bg_nav-arrow-bg.png) 155px 19px no-repeat;
			}
				.menu-sect.horizontal .main-nav > li.first > a,
				.menu-sect.horizontal .main-nav > li.first > a:visited { border-left:none; }
			
			.menu-sect.horizontal .main-nav > li:hover > a,
			.menu-sect.horizontal .main-nav > li > a:hover {
				background:url(/_images/bg_nav-arrow-bg.png) 155px 18px no-repeat #fff;
				height:34px;
				padding:12px 35px 0 36px !important;
				border:1px solid #a4a4a4 !important;
				border-width:1px 1px 0 1px !important;
				text-align:center;
				/*border-bottom:none;
				margin-top:-6px;
				overflow:hidden;*/
			}
				
				/* to make menus more dynamic -- decrease padding ^ width */
				html[lang="fr-CA"] .menu-sect.horizontal .main-nav > li > a,
				html[lang="fr-CA"] .menu-sect.horizontal .main-nav > li > a:visited {
					padding:13px 28px 0;
					width:124px;
				}
				
				html[lang="fr-CA"] .menu-sect.horizontal .main-nav > li:hover > a,
				html[lang="fr-CA"] .menu-sect.horizontal .main-nav > li > a:hover {
					padding:12px 27px 0 28px !important;
				}
			
			.menu-sect.horizontal .main-nav > li.clsMenu1_on > a {
				background:url(/_images/bg_nav-arrow-bg.png) 155px 18px no-repeat #fff;
				height:34px;
				padding:12px 35px 0 36px !important;
				border-top:1px solid #a4a4a4;
				border-right:1px solid #a4a4a4;
				border-left:1px solid #a4a4a4;
				border-bottom:2px solid #fff !important;
				/*border-width:1px 1px 0 1px !important;*/
				text-align:center;
			}
				html[lang="fr-CA"] .menu-sect.horizontal .main-nav > li.clsMenu1_on > a {
					padding:12px 27px 0 28px !important;
				}
			
			.menu-sect.horizontal ul.sub-menu { display: none; width:179px; }
			.menu-sect.horizontal ul.sub-menu li { list-style-type: none; float:left; } /* float fixes IE7 1px gap (glitch) */
			
			.menu-sect.horizontal .main-nav li:hover ul.sub-menu {
				display: block;
				position: absolute;
				margin: 0; padding:0;
			}
				.menu-sect.horizontal .main-nav li.clsMenu1_on ul.sub-menu { display:none; }
			
			.menu-sect.horizontal .main-nav li:hover ul.sub-menu li a,
			.menu-sect.horizontal .main-nav li:hover ul.sub-menu li a:visited {
				margin:0; padding:10px 12px 8px;
				width:179px;  		
				font-size:12px;
				line-height:12px;
				background:#fff;
				border-left: 1px solid #919191 !important; border-right: 1px solid #919191 !important;
				border-bottom: 1px solid #919191 !important;
			}	
				.menu-sect.horizontal .main-nav li:hover ul.sub-menu .first a {
				 	border-top: 1px solid #cacaca;
				}
			.menu-sect.horizontal .main-nav li:hover ul.sub-menu li a:hover { color:#00565f; font-weight:bold;}
				
	
	/* vertical orientation */
	
	.menu-sect.vertical { 
		background:url(/_images/bg_nav-border-top.png) no-repeat;
		padding-top:9px;		
	}
		.menu-sect.vertical .main-nav {
			background:#ededed;
			border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-left:1px solid #cfcfcf;
			margin:0; padding:0;
			list-style:none;
		}
		
		.menu-sect.vertical .main-nav li { margin:0;}
		
		.menu-sect.vertical .main-nav li a {
			display:block;
			margin:0; padding:9px; *padding:8px 9px;
			font:14px/18px Arial, Helvetica, sans-serif;
			color:#474747;
			border-top:1px solid #cfcfcf;
			text-decoration:none;
		}
			.menu-sect.vertical .clsMenu1 > a,
			.menu-sect.vertical .clsMenu1_on > a {
				background:#f7f7f7;
				background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
				background:-webkit-linear-gradient(#ffffff,  #ededed);
				background:-moz-linear-gradient(top,  #ffffff,  #ededed);
				background:-ms-linear-gradient(#ffffff, ededed);
				background:linear-gradient(#ffffff, #ededed);
				/*-pie-background: linear-gradient(#ffffff, #ededed);*/
				/*behavior: url(/_private/PIE.htc);*/
			}
			
			.menu-sect.vertical .clsMenu1_on > a,
			.menu-sect.vertical .clsMenu3_on > a { font-weight:bold !important; }
		
		.menu-sect.vertical ul.sub-menu { display: none; }
			.menu-sect.vertical ul.sub-menu li { float: none; list-style-type: none; list-style-image:none;  }
				.menu-sect.vertical ul.sub-menu li a, 
				.menu-sect.vertical ul.sub-menu li a:visited {
					color:#00565f;
					font-size:12px;
					line-height:12px;
					padding:6px;
					*padding:2px;
					padding-left:18px;
				}
		.menu-sect.vertical .clsMenu1_on ul.sub-menu { display: block; }
		.menu-sect.vertical .main-nav .clsMenu3_on > a,
		.menu-sect.vertical .main-nav .clsMenu3_on > a:visited { background:#008080; color:#fff; }
	


/* 	apps & widgets // */
/* 	------------------------------------------------------ */

/* slideshow // */
.slideshow {
	/*padding-bottom:4px;*/
	width:734px;
}

	.slideshow-inner {
		position:relative;
		width:734px;
		height:309px;
		overflow:hidden;
	}
	
	.slideshow-reel {
		position:absolute;
		top:0; left:0;
	}
	
	.slide {
		float:left;
		height:309px;
		width: 734px;
	}			
		.slide img {
			margin: 0;
			padding:0;
			float:left;
		}
	
	.paging {
		position: absolute;
		bottom: 15px; right: 25px;
		width: 90px; height:20px;
		cursor: pointer;
		z-index: 100; /*--Assures the paging stays on the top layer--*/
		/*text-align: center;
		line-height: 40px;
		background: url(paging_bg2.png) no-repeat;*/
		display: none; /*--Hidden by default, will be later shown with jQuery--*/
	}
	
		.control {
		  display:block;
		  width:39px;
		  height:263px;
		  text-indent:-10000px;
		  position:absolute;
		  cursor: pointer;
		}
		
		.paging .slide-picker {
			 background:url(/_images/bg-slidepicker.png) center no-repeat;
			 padding:6px;
			 color:#fff;
			 text-decoration:none;
			 position:relative;
			 top:10%;
			 font-size:12px;
		} .paging .slide-picker:hover, .paging .active { background:url(/_images/bg-slidepicker-active.png) center no-repeat; color:#fff; }

/* slideshow -- end */



/* ui tools - undefined */
/* notify */
.notif {
	background:#999999;
	border:1px solid #333;
	padding:6px 10px;
	margin:0 0 5px;
}
	.notif a { color:#fff; }
	.notif a:hover { color:#005d5d; }
	.notif > ul {
		background:#999999;
		border:1px solid #666;
		display:none;
		padding:10px 4px;
		width:350px;
		z-index:9999;
	}
		.notif > ul li {}
	
	
span.notif-attention	{
	background-color: #FFFAFA !important;
	border: 1px solid #C54A48 !important;
	/*box-shadow: 0 0 8px 4px #F2DEDE inset, 0 3px 7px rgba(0, 0, 0, 0.3);*/
	display:inline-block; 
	padding:0 5px;  
}

/* breadcrumbs */
.breadcrumb { margin:0 0 15px; }
	.breadcrumb, .breadcrumb a { color:#b4b4b4; }
	
	/* breadcrumbs - textid controls */
	.breadcrumb a[href*="/textedit.asp?"] { color:#148396; }
	.breadcrumb a[href*="/textedit.asp?"]:hover { color:#000; }

/* ui minified */ 
.ui-min {
	position:absolute;
	top:0; right:0
}

	/* print version */
	.ui-min a.print-icon {
		background:url(/_images/printer_icon.gif) left 50% no-repeat;
		padding-left:24px;
		text-decoration:none;
		float:right;
		margin-left:15px;
	}
	
	/* text-resize */
	.ui-min .text-resize-ui {
		list-style:none;
		float:right;
		margin:4px 0 0 15px;
	}
		.text-resize-ui li { float:left; margin:0 5px 0 0; }
		.text-resize-ui li a { width:13px; height:12px; text-indent:-9999px; display:block; }
		
		.text-resize-ui .small { background:url(/_images/TextSmall.jpg) no-repeat; }
		.text-resize-ui .medium { background:url(/_images/TextMedium.jpg) no-repeat; }
		.text-resize-ui .large { background:url(/_images/TextLarge.jpg) no-repeat; }