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

   * Morneau Shepell Inc.
   * http://www.morneaushepell.com
   * Last modified / March 01, 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, body.logon.portal-ui { 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; }
body.portal-ui.fluid,
body.portal-ui.fluid #page,
body.portal-ui.fluid .content-inner div.x2col { min-width:auto; width:auto; }


/* Body styles: end */

/* 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:#455f76;
	font-weight:normal;
	text-decoration:none;
}

a:hover {
   	color:#000;
	text-decoration:underline;
}

a.menulink {
	Color:#166699;
	font-weight:bold;
	text-decoration:none;
}

a.menulink:hover {
    Color:#990000;
	text-decoration:none;
}

a.menulink:visited {
    Color:#166699;
	text-decoration:none;
}
	
a.menulink:visited:hover {
   	Color:#990000;
	text-decoration:none;
}

a.logon {
	Color:#009999;
	font-weight:bold;
	text-decoration:underline;
}

a.logon:visited:hover {
   	Color:#009999;
	text-decoration:underline;
}	
  
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;
}

/* Anchors styles: end */

/* Paragraph styles: start */

p {
	line-height:14px;
	margin-bottom:1em;
}

p.news {
	font-weight: normal;
	font-size: 10px;
	color: #000033;
} 

p.pageBlurb {
	color:black;
}

p.clsGrayRow {
    PADDING: 5px;
    BACKGROUND-COLOR: #eaeaea
}

/* Paragraph styles: end */

/* Heading styles: start */

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

h1 {
	color:#000;
	font-size:2.4em;
	font-weight:normal;
	line-height:1.2em;
}

h1.condense {
	margin-bottom: 0;
}

h2 {
	color:#a20102;
	font-size:2em;
	font-weight:normal;
	line-height: 1.5em;
}

h3 {
	color:#3f3f3f;
	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:#000;
	text-transform:capitalize;
}

h2.docHead {
	color:#a20102;
}

h3.docHead {
	color:#3f3f3f;
}

h4.docHead {
	color:#3f3f3f;
}

h5.docHead {
	color:#3f3f3f;
}

h6.docHead {
	color:#3f3f3f;
	font-style:italic;
}
	
/* Heading styles: end */

/* 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.NavVersion {
	width:800px; 
	padding:0px; 
	border-collapse:collapse; 
	border-left:1px solid #333333;
	border-right:1px solid #333333;
    border-bottom:1px solid #333333;
}

table.Middle {
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333; 
	padding:0px; 
	width:800px; 
	border-collapse:collapse;
}

table.ContentLayout {
	padding:0; 
	border-collapse:collapse;
}

table.Breadcrumbs {
	padding:0; 
	margin:0; 
	border-collapse:collapse;
}

table.Breadcrumbs td.ModuleName {
	color:#009999;
	font-weight:bold;
}

table.Breadcrumbs td.PageTitle {
	font-weight:bold;
}

table.PrintTool {
	padding:0; 
	margin:0; 
	border-collapse:collapse;
	width:100%;
}

table.PrintTool td {
	white-space:nowrap;
	text-align:right;
}

table.Footer {
	width:100%;
}

table.Footer td.CopyRight {
	width:150px;
}

table.Footer td.TermsOfUse {
	text-align:center;
}

table.Footer td.EmptySpace {
	width:150px;
}

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.PrintTool {
	width:100%; 
	text-align:right; 
	vertical-align:bottom; 
	white-space:nowrap;
}

td.MainContent {
	text-align:left;
	vertical-align:top; 
}

td.InnerContent {
	width:630px; 
	height:500px; 
	vertical-align:top; 
	padding-right:5px;
}

td.FixedWidth {
	width:600px;
}

td.FlexWidth {
	width:100%;
}

td.TopBar {
	background-color:#fff;
	height:7px;
}

td.BannerLeft {
	background-color:#fff; 
	width:15px
}

td.BannerImage {
	vertical-align:top; 
	width:179px;
}

td.BannerText {
	background-color:#fff;
	color:#000;
	padding:0px;
	font-weight:bold; 
	width:525px;
}

td.BannerRight {
	width:80px; 
	background-color:#fff; 
	color:white;
}

td.TopNav {
	border-right:0px; 
	text-align:right; 
	height:40px;
	white-space:nowrap;
}

td.LeftGap {
	width:10px; 
	vertical-align:top;
}

td.BottomSection {
	text-align:left;
	padding:3px;
}

TD.clsGrayRow {
    BACKGROUND-COLOR: #eaeaea;
} 

TD.clsWhiteRow {
    BACKGROUND-COLOR: #ffffff;
} 

TD.clsChangesLight {
    COLOR: #0000EE;
}

TD.clsChangesGrey {
   COLOR: #0000EE;
   BACKGROUND-COLOR: #eaeaea;
}

TD.clsTableOptionFont {
    BACKGROUND-COLOR: #eaeaea;
}

TD.clsTableOptionFontClear {
    BACKGROUND-COLOR: #ffffff;
}
TD.clsTableDetailFont {
    BACKGROUND-COLOR: #eaeaea;
}

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 {
	font-size:12px;
	font-weight:bold;
	background-color:#D3D3D3;
}

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

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

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

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.TabSelected {
	font-weight:bold; 
	font-size:10px; 
}

td.TabUnSelected {
	background-color:#FFCC00;
	font-weight:bold; 
	font-size:10px; 
}

TD.clsSummmaryLeftCol {
    VERTICAL-ALIGN: middle;
    WIDTH: 50%;
}

TD.clsSummmaryRightCol {
    VERTICAL-ALIGN: middle;
    WIDTH: 50%;
}

TD.clslogin {
    COLOR: white;
}

TD.clsPromptLabel {
	vertical-align:bottom;
	text-align:right;
}

TD.clsPromptExample {
	vertical-align:bottom;
	text-align:right;
}

TD.clsPromptSubmit {
	vertical-align:top;
	text-align:center;
	padding:10px;
}

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

td.clsToDoListInProgress {
	background-color:#EEEEEE; 
}

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

/* Table styles: start */

/* Horizontal rule styles: start */

hr {
	Color: #333333;
	margin-top: .5em;
	margin-bottom: .5em;
}

/* Horizontal rule styles: end */

/* Division styles: start */

div.logo_sm {
	width:100%; 
	text-align:center;
}

div.LeftNav {
	width:160px; 
	padding:0 10px;
}

div.TopLink {
	text-align:right;
}

/* Division styles: end */

/* Span styles: start */

SPAN.subHead {
	color:#990000;
	font-Weight:bold;
}

SPAN.subHead2 {
	Color:#333366;
	font-size:10px;
	font-weight:bold;
}
	
/* Span styles: end */

/* Break style: start */

br.spacing {
	margin-bottom: 150px; 
}

/* Break style: end */

/* Lists styles: start */

ul {
	margin-top:0;
	margin-left: 0;
	margin-bottom: 2em;
}
	
ol {
	margin-top:0;
	margin-left: 0;
	margin-bottom: 2em;
}

li {
 	margin-left: 2.6em;
 }

ul.noleft {
	margin-top: 1em;
	margin-left: .1em;}

ul.LeftNav
{
	padding-left:10px;
	margin:0;
	line-height:1.4;
}

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;}

/* Lists styles: end */

/* Image styles: start */

img.PrinterIcon {
	border:none;
	vertical-align:bottom;
}

/* Image styles: end */

/* Left navigation styles: start */

/*td.leftNav {
	background-color:white;
	border-right-style: inset;
	border-left-style: outset;
	width:185px; 
	text-align:left; 
	vertical-align:top;
}

li.clsMenu1, li.clsMenu1_on {
	color:#009999;
	list-style-type:none;
	margin:0;
}

li.clsMenu1 a, li.clsMenu1 a:link, li.clsMenu1 a:visited {
	color:#009999;
	text-decoration:none;
}

li.clsMenu1 a:Hover,
li.clsMenu1_on a, li.clsMenu1_on a:visited, li.clsMenu1_on a:hover {
	color:#333333;
	text-decoration:none;
}

li.clsMenu3, li.clsMenu3_on {
	color:#333333;
	background-color:#F6F6F6;
	list-style-image:url(/_images/rightArrow.gif);
	list-style-type:none; 
	margin-left:0;
	padding-left:0;
}

li.clsMenu3 a, li.clsMenu3 a:link, li.clsMenu3 a:visited
{
	color:#333333;
	font-weight:normal;
	text-decoration:none;
}

li.clsMenu3 a:hover
{
	color:#009999;
	text-decoration:none;
}

li.clsMenu3_on a, 
li.clsMenu3_on a:link,  
li.clsMenu3_on a:visited, 
li.clsMenu3_on a:hover, 
li.clsMenu3_on a:active {
	color:#333333;
	font-weight:bold;
	text-decoration:none;

}

li.clsMenu5, li.clsMenu5_on {
	color:#333333;
	background-color:#F6F6F6;
	list-style-type:none; 
	margin-left:0;
	padding-left:0;
}

li.clsMenu5 a, li.clsMenu5 a:link, li.clsMenu5 a:visited {
	color:#333333;
	font-weight:normal;
	text-decoration:none;
	font-size:10px;
}

li.clsMenu5 a:hover
{
	color:#009999;
	text-decoration:none;
}

li.clsMenu5_on a, 
li.clsMenu5_on a:link,  
li.clsMenu5_on a:visited, 
li.clsMenu5_on a:hover, 
li.clsMenu5_on a:active {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	font-size:10px;
}*/

/* Left navigation styles: end */

/* Top navigation styles: start */

a.topMenu, a.topMenu:link, a.topMenu:visited {
	color:#626261;
	text-decoration:none;
	font-weight:normal;
}

a.topMenu:hover
{
	color:#008799;
	text-decoration:none;
}

a.topMenu_on, a.topMenu_on:visited, a.topMenu_on:hover {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}

/* Top navigation styles: end */

/* Copyright stuff - Begin */

A.clsIncCpyRt {
	font-weight:normal; 
	font-family:verdana,arial,helvetica,sans-serif;
	color:#333333;
	text-decoration:none;
}

A.clsIncCpyRt:visited {
	color:#333333;
}

A.clsIncCpyRt:hover { 
	color:#333333;text-decoration:underline; 
}

P.clsIncCpyRt {
	position:relative;
	Left:3pt;
}

/* Copyright styles: end */

/* Form styles: start */

form {
	z-index:0;
}

Select.calculationfield {
	FONT-WEIGHT: normal;
    background-color:#FFFFFF;
}

/* Form styles: end */

/* 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
}

.calendarDays {}

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

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

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

/* Miscellaneous styles: end */

/* UNUSED styles: start */

hr.clsGlossary {
	Color:#336699;
}

font.subhead {
	color: #000000;
	font-size:8pt;
	line-height:10pt;
	text-decoration:none;
}

/* UNUSED styles: end */

/* 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;
}

/* DOCHEAD Section: end */

/* 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 {
    BACKGROUND-COLOR: #FFFFFF;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: center;
    WIDTH: 100%;
}

TD.c4-bottom
{
    BACKGROUND-COLOR: #FFFFFF;
    VERTICAL-ALIGN: bottom;
    TEXT-ALIGN: center;
    WIDTH: 100%;
}

TD.c4-middle {
    BACKGROUND-COLOR: #FFFFFF;
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: center;
    WIDTH: 100%;
}

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
{
    font-weight: normal;
    color: #333366;
    text-align: left;
    vertical-align: middle
}

INPUT.c3-button {
    font-weight: bold;
    color: #333366;
    text-align: center;
    vertical-align: middle;
}

INPUT.c4 {
   color: #333366
}

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;
}

#moduleMenu, #moduleMenu:Visited {
	color:#776F68;
	text-decoration:none;
	font-weight:bold;
}

#moduleMenu:Hover, #moduleMenu_on, #moduleMenu_on:visited, #moduleMenu_on:Hover {
	color:#DEB209;
	text-decoration:none;
	font-weight:bold;
}

#glossHead {
	color:#104A31;
	font-size:1.8em;
}

#topNav {
	background-color:#004B85;
}

#topNav td {
	font-family:arial, verdana, times;color:white;
	font-size:0.7em;
}

/* 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/bt_gotop.png) no-repeat;
    bottom: 48%;
    cursor: pointer;
    display: none;
    height: 43px;
    position: fixed;
    right: 10px;
    text-indent: 666em;
    width: 43px;
    z-index: 666;
}
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 #a2a2a2;
		position:relative;
		z-index:10;
		behavior: url(/_private/PIE.htc);
		
	}	.box-grey:before { 
			background:#bdbdbd;
			border:1px solid #e5e5e5; 
			content: '';
			position:absolute;
			top:1px; right:1px; bottom:1px; left:1px;
			z-index:-1;
			behavior: url(/_private/PIE.htc);
		}
		
.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; }

.print-menu { text-align:right; }
.fixed { position:fixed; width:220px; top:10px; }


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

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

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

/* header // */
.header-inner { 
	height:130px;  
	position:relative;
	border-top:7px solid #555; 
	border-bottom:none;
	z-index:1099;
	
} .base .header-inner { background:url(/_images/bg_header-bg.jpg) bottom repeat-x; }
  .logon .header-inner { height:156px; }
	
		
	.logo {
		background:url("/en/_images/bg_client-logo.png") no-repeat;
		width:420px; height:93px;
		text-indent:-9999px;
		margin:30px 0 0 22px;
	}

		html[lang="fr-CA"] .logo { 
		background:url("/fr/_images/bg_client-logo.png") no-repeat;
		}

	.logofr {
		background:url("/fr/_images/bg_client-logo.png") no-repeat;
		width:420px; height:93px;
		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:#455f76;
				padding:0 13px 0 10px;
			}	
				.language-picker li a:hover { color:#000; text-decoration:underline;}
				.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:35px; 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;
	}
	
	
	
	.forgotPassword-section {
		float:left;
		padding:10px;
		margin:0;
		/*float:right;
		padding:35px;
		width:355px;*/
	}
		/*.forgotPassword-section, .forgotPassword-section p { color:#fff; }*/
		
		.portal-ui .forgotPassword-section {
			float:left;
			padding:10px;
			margin:0;
		}
	
		.logon-container .more-info {
			display:none;
			margin-top:25px;
			width:303px;
			padding-right:50px;
		}
	
	.logoff-section {
		margin:20px 20px 0 0;
		color:#000;
	}
		.logoff-section h1,
		.logoff-section p  { color:#fff; }
		.logoff-section .logon-redirect a  { color:#fff;  font-weight:bold; font-size:13px;}
		.logoff-section .logon-redirect a:hover { color:#fff;}
		.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; }
	
	
	.quicksearch {
		background:#ddd;
		border:1px solid #bdbdbd; border-radius:3px;
		padding:0 0 10px;
		behavior: url(/_private/PIE.htc);
		margin-bottom:15px;
	}
	
		.quicksearch h2 {
			background:#474747;
			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:inline-block; margin:12px 30px 0; }
		.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:#eee;
			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:#455f76;
					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:#555; 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:#b9373d;
	border:1px solid #cd7a7e;
	padding:6px 10px;
	margin:0 0 5px;
}
	.notif a { color:#fff; }
	.notif a:hover { color:#fff; }
	.notif > ul { 
		background:#999999;
		border:1px solid #666;
		display:none;
		padding:10px 4px;
		width:350px;
		z-index:9999;	
	 }

/* breadcrumbs */
.breadcrumb { margin:0 0 15px; }
	.breadcrumb, .breadcrumb a { color:#b4b4b4; }

/* 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; }
		
 

/* web portal specific -- overrides */
#asynch-target-BOLEventComponent #page { width:auto; }
#asynch-target-BOLEventComponent #page .content-inner { min-height:auto; padding-bottom:5px; }
		
iframe[id^="external-content"] .logoff-section { color:#fff; float:none; width:auto; }
iframe[id^="external-content"] .logoff-section h1, .logoff-section p { color:#fff; }



.modal-title {
    color: #222222;
    font-family: Helvetica,"Myriad Pro",Arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 6px 0 4px;
    overflow: hidden;
    padding: 8px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
div.modal-icon-question, div.notif-icon-question {
    background: url("http://w3.demos.morneaushepell.com/WebPortal/themes/MS360/images/dialogs/question.png") no-repeat scroll left top transparent;
    color: #3A87AD;
    padding-left: 40px;
}
div.modal-icon-info, div.notif-icon-info {
    background: url("http://w3.demos.morneaushepell.com/WebPortal/themes/MS360/images/dialogs/info.png") no-repeat scroll left top transparent;
    color: #3A87AD;
    padding-left: 40px;
}
div.modal-icon-generic, div.notif-icon-generic {
    background: url("http://w3.demos.morneaushepell.com/WebPortal/themes/MS360/images/dialogs/well.png") no-repeat scroll left top transparent;
    color: #555555;
    padding-left: 40px;
}
div.modal-icon-error, div.notif-icon-error {
    background: url("http://w3.demos.morneaushepell.com/WebPortal/themes/MS360/images/dialogs/xmark.png") no-repeat scroll left top transparent;
    color: #C54A48;
    padding-left: 40px;
}
div.modal-icon-attention, div.notif-icon-attention {
    background: url("http://w3.demos.morneaushepell.com/WebPortal/themes/MS360/images/dialogs/exclam.png") no-repeat scroll left top transparent;
    color: #C54A48;
    padding-left: 40px;
}
div.modal-icon-warning, div.notif-icon-warning {
    background: url("http://w3.demos.morneaushepell.com/WebPortal/themes/MS360/images/dialogs/warning.png") no-repeat scroll left top transparent;
    color: #DD9900;
    padding-left: 40px;
}
div.modal-icon-cancel, div.notif-icon-cancel {
    background: url("http://w3.demos.morneaushepell.com/WebPortal/themes/MS360/images/dialogs/donot.png") no-repeat scroll left top transparent;
    color: #C54A48;
    padding-left: 40px;
}
div.modal-icon-success, div.notif-icon-success {
    background: url("http://w3.demos.morneaushepell.com/WebPortal/themes/MS360/images/dialogs/checkmark.png") no-repeat scroll left top transparent;
    color: #55AA77;
    padding-left: 40px;
}


.notif-box {
    background-clip: padding-box;
    border-radius: 4px 4px 4px 4px;
    color: #333333;
    font-size: 14px;
    margin: 8px 0 12px;
    padding: 8px 16px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
span.notif-title {
    color: #222222;
    font-family: Helvetica,"Myriad Pro",Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.5px;
}
div.notif-title {
    color: #222222;
    font-family: Helvetica,"Myriad Pro",Arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 4px;
    padding-bottom: 10px;
    padding-top: 6px;
}
.notif-foot {
    margin: 16px 0 4px;
}
.notif-foot .but-white {
    min-width: 80px;
}
.notif-error, .notif-attention, .notif-cancel {
    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);
}
.notif-error .notif-title, .notif-attention .notif-title, .notif-cancel .notif-title {
    color: #C54A48;
}
.notif-info, .notif-question {
    background-color: #FCFDFE !important;
    border: 1px solid #3A87AD !important;
    box-shadow: 0 0 8px 4px #D9EDF7 inset, 0 3px 7px rgba(0, 0, 0, 0.3);
}
.notif-info .notif-title, .notif-question .notif-title {
    color: #3A87AD;
}
.notif-warning {
    background-color: #FFFFF8 !important;
    border: 1px solid #CD9853 !important;
    box-shadow: 0 0 8px 4px #FCF8E3 inset, 0 3px 7px rgba(0, 0, 0, 0.3);
}
.notif-warning .notif-title {
    color: #CD9853;
}
.notif-success {
    background-color: #FEFFFE !important;
    border: 1px solid #468864 !important;
    box-shadow: 0 0 8px 4px #DFF0D8 inset, 0 3px 7px rgba(0, 0, 0, 0.3);
}
.notif-success .notif-title {
    color: #468864;
}
.notif-generic {
    background-color: #FAFAFA !important;
    border: 1px solid #AAAAAA !important;
    box-shadow: 0 0 8px 4px #F0F0F0 inset, 0 3px 7px rgba(0, 0, 0, 0.3);
}
.notif-generic .notif-title {
    color: #555555;
}
.notif-close, .notif-close:visited {
    color: #666666;
    display: none;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    opacity: 0.75;
    position: relative;
    right: -8px;
    text-decoration: none;
    top: -4px;
}
.notif-close:hover, .notif-close:focus {
    color: #CC2222;
}
.notif-close:active {
    top: -2px;
}
.ui-closable .notif-close {
    display: block;
}