/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


		
/* #General
================================================== */
	
html {
	overflow: -moz-scrollbars-vertical; 
	overflow-y: scroll;
}

body, h1, h2, h3, h4, h5, h6, ul, ol  {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

body.greenbg{
	background: #01773D url('../../images/retail/bg_body.png') repeat-x top;
}
body.greenbg .sidebar-grey{
	left: 0;
	padding: 20px;
	background: #FFFFFF;
}

.clear {
	clear: both;
}

p, ul, ol, a, address {
	font: normal 8pt/10.5pt Arial, Helvetica, sans-serif;
}

p span {
	color:#165788;
}

strong, b {
	font-weight: bold;
}

h1 {
	color: #00693C;
	margin: 15px 0 10px;
	font: normal 22px/14pt Arial, Helvetica, sans-serif;;
}

h1 span {
	color:#4D4F53;
}

h2, table .main-content h2 {
	display:block;
	padding:0 0 3px;
	border-bottom:1px solid #333;
	color:#000;
	font: bold 16px/12pt Arial, Helvetica, sans-serif;
	position:relative;
}

h3 {
	display:block;
	padding-bottom:3px;
	margin-bottom:8px;
	border-bottom:1px solid #4d4f53;
	color:#000000;
	font:bold 12px/10.5pt  Arial, Helvetica, sans-serif;
}

h3 a {
	color:#88431e;
	font:bold 10.5pt/10.5pt  Arial, Helvetica, sans-serif;
}

h3 a:hover {
	text-decoration:none;
}

h3.sup_script {
	line-height: 1.5em;	
	/*margin: -7px 0 0;*/
	padding: 0 0 5px;
	position:relative;
	top:-7px;
	margin:0 0 -3px 0;
}

h4, #blank h4 a {
	float:none;
	display:block;
	padding:0 0 3px;
	color:#4d4f53;
	font: bold 11pt/0pt  Arial, Helvetica, sans-serif;
	position:relative;
}

.gradientBg h4 a {
	float: none;
	display: block;
	padding: 3px 0;
	color: #4D4F53;
	font: bold 11pt/0pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	position: relative;
}

h6 {
	color:#4d4f53;
	margin:20px 0 10px;
	font:bold 8pt/10.5pt  Arial, Helvetica, sans-serif;
}

h6 span {
	color:#165788;
}

h6 a {
	color:#4d4f53;
	font:bold 8pt/10.5pt  Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	outline: 0;
	color: #165788;
}

a.button, a.buttonNarrow {
	display: block;
	position: relative;
	overflow: hidden;
	float: right;
	color: #FFF;
	padding: 0 20px;
	text-shadow: 1px 1px 1px #000;
	background: url(../images/buttonshade.png) top center no-repeat #165788;
	background-size: 100% 36px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 4px #444;
	letter-spacing: :;
}

a.button {
	position: relative;
	height: 30px;
	margin: 10px 0 10px 10px;
	font: bold 9pt/30px Arial, Helvetica, sans-serif;
	display: block;
}

a.buttonNarrow{
	height:20px;
	margin:10px 0 10px 8px;
	font:bold 9pt/20px Arial, Helvetica, sans-serif;
}

a.button img, a.buttonNarrow img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

li,p{
	margin:10px 0;
	padding:0;
	color:#4d4f53;
	text-decoration:none;
}

ul{
	padding:0 0 0 15px;
	list-style:none;
}

ul li{
	margin-left:0;
	padding-left:15px;
	background:url(../images/bullet.gif) no-repeat 0px 5px;
}

ol{
	padding:0 0 0 30px;
	list-style: disc outside none;
}

ol.numbered{
	padding:0 0 0 50px;
	list-style: decimal outside none;
}
ol li{
	padding:0;
	margin: 3px 0;
}

img{
	border:0;
	margin:0;
	padding:0;
}

.sup_script {
	height: 20px;
}


/* #Forms
================================================== */

form{
	margin:0;
	padding:0;
}

/* TEXT FORMAT FOR ADDRESS */
address{
	text-transform:uppercase;
	font-style:normal;
}

/* TEXTAREA RESIZER BAR*/
div.grippie {
	background:#EEEEEE url(../images/grippie.png) no-repeat scroll center 2px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}

/* CLASS OPTION IN RESIZABLE AREA */	
.option{
	padding:0 10px;		
}

/* ------------------------------
	INPUT & SELECT DEFAULT STYLE
   ------------------------------*/
input,select,textarea{
	display:block;
	//width:100%;
	padding:5;
	margin:0;
	border:1px solid #444;
	font:normal 9pt/11pt Arial, Helvetica, sans-serif;
	//outline:0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

/* -------------------------------------------------
	INPUT FIELD SHIELD, AVOID DEFERENCES IN BROWSER
   ------------------------------------------------- */
.shortinput, .longinput, .mediuminput{
	position:relative;
	border:1px solid #CCC;
	padding:1px;
	margin:10px 0;
}

/* NOTE UNDER INPUT */
.noteInput{
	position:relative;
}

.noteInput p{
	width:130px;
	clear:both;
	font:7pt/1em  Arial, Helvetica, sans-serif;
}

.noteInput p a{
	padding:0;
	margin:3px 0;
	font:7pt/1em  Arial, Helvetica, sans-serif;
}

/* BLURRED TEXTFIELD W/ DEFAULT VALUE */
input[type=text].blurred{
	color:#999;
}

/* INPUT DEFAULT */
.shortinput{
	width:50px;
}

.mediuminput{
	width:100px;
}

.longinput{
	width:130px;
}

/* --------------------------------------------
	SELECT SHIELD, AVOID DEFERENCES IN BROWSER
   -------------------------------------------- */
select{
	/*height:17px;*/	
}

.select{
	position:relative;
	border:1px solid #CCC;
	margin:10px 0;
}

.shortselect{
	width:50px;
	margin:0 2px;
	border:1px solid #ccc;
}

.mediumselect{
	width:100px;
	margin:0 2px;
	border:1px solid #ccc;
}

.longselect{
	width:130px;
	margin:0 2px;
	border:1px solid #ccc;
}

.longestselect{
	width:180px;
	margin:0 2px;
	border:1px solid #ccc;
}

/* --------------------------------------------
	MULTINPUT
   -------------------------------------------- */
.multinput .input,.multinput .shortinput,.multinput .longinput,.multinput .mediuminput,
.multinput .select,.multinput .shortselect,.multinput .longselect,.multinput .mediumselect{
	margin-top:0;
	margin-bottom:0;
}   
   
.multinput .shortinput,
.multinput .shortselect{
	width:25px;
	float:left;
	margin-right:4px;
}

.multinput .mediuminput,
.multinput .mediumselect{
	width:64px;
	float:left;
}

.multinput .longinput,
.multinput .longselect{
	width:80px;
	float:left;
}

.multinput span{
	float:left;
	padding:6px 5px 6px 1px;
	font-size:9pt;
}


/* ----------------------------------------
	RADIO & CHECKBOX STYLE WITH TEXT SPACE
   ---------------------------------------- */
.choiceButton{
	/*width:100%;*/
}   
   
.choiceButton input.choice{
	float:left;
	width:15px;
	height:15px;
}

.choiceButton [type="checkbox"]{
	border: 1px solid #CCCCCC;	
}

.ie8 .choiceButton [type="checkbox"], .ie8 .choiceButton [type="checkbox"]{
	border: none;	
}

.choiceButton .info{
	/*float: left;*/
    padding: 0 0 0 20px;
}

.choiceButton p{
    margin:0;
}

.choiceButton ul{
	padding:0;
}

.choiceButton ol{
	padding:0 0 0 15px;
}

/* ----------------------------------------
	INQUIRY FORMS
   ---------------------------------------- */

.inquiry{
	width:300px;
}

.inquiry .choiceButton{
	width:100%;
	margin:10px 0;
	float:left;
}

.inquiry .choiceButton .info{
	/*float: left;*/
    padding-top:2px;
}

.inquiry p{
	float:left;
}

.inquiry .multinput,.inquiry .longinput{
	float:right;
}

.inquiry .shortinput,.inquiry .mediuminput,.inquiry .longinput{
	margin-top:0;
	margin-bottom:0;
}

/* ----------------------------------------
	INLINE INPUT
   ---------------------------------------- */
.inlineinput{
	padding:5px 0;
}

.inlineinput div{
	float:left;
}

.inlineinput .spacing{
	margin:0 0 0 40px;
}

.inlineinput .input,.inlineinput .shortinput,.inlineinput .longinput,.inlineinput .mediuminput {
	margin:0 2px;
}

.submenu .inlineinput .longinput{
	width:130px;	
}

.inlineinput p,.inlineinput a{
	margin:3px 2px;
	float:left;
	text-decoration:none;
}

/* ----------------------------------------
	CENTERED INPUT ELEMENTS
	(Text to the right, input to the left)
   ---------------------------------------- */
.everythingOnCenter .inlineinput p{
	float:right;
	padding:0 0 10px 0;
}

.everythingOnCenter div{
	float:left;
}

/* ----------------------------------------
	HIDDEN ELEMENTS
   ---------------------------------------- */
.hiddenElement{
	display:none;	
}

#hiddenElement{
	height:25px;
	overflow:hidden;	
}

.hiddenBtn{
	display:none;
}

		
/* #Frame
================================================== */
	
.wrapper {
	position:relative;
	width:956px;
	margin:auto;
	overflow:hidden;
}

.wrapper section {
	min-height: 400px;
}

.body-content {
	min-height: 450px;
	display: block;
}

.canvas {
	margin: 5px 0 0 0;
	float: left;
	width: 100%;
}

.row {
	float: left;
	width: 100%;
	margin: 0;
}

.allPad{
	padding:10px;
}

.rowPad{
	padding:10px 0;
	clear:both;
}

.colPad{
	padding:0 10px;
}

.padTop{
    padding-top:10px;
}

.padBottom{
    padding-bottom:10px;
}

.padRight{
    padding-right:10px;
}

.padLeft{
    padding-left:10px;
}

.padAll{
	padding:10px;
}

.row, .canvas, .board, .setting {
	float: left;
	width: 100%;
}

.floatRight {
	float: right;
}

.inbox-table .board {
	padding-top: 5px;
	position: relative;
	left: -10px;
}

.double {
	float: left;
	width: 50%;
}

/* #Header
================================================== */

header {
	display: block;
	width: 100%;
	padding: 18px 0 29px 0;
	height: 60px;
}

#demo-button {
	display: block;
	float: right;
}

.header-nav {
	margin: 18px 0 0;
	padding: 0;
	float: right;
    font-size: 9pt;
    left: -10px;
    position: relative;
	text-align: right;
}

.header-nav a {
	color: #555;
	font-weight: normal;
	font-size: 1.0em;
	text-shadow: 0 0 0;
	margin: 1px;
}

.header-nav a:hover {
	text-decoration: underline;
}

#ML-logo {
	float: left;
	margin-top: 4px;
}

#client-logo {
	margin-left: 250px;
	margin-top: -5px;
	float: left;
}

/* #Main Nav
================================================== */

#menu .minimum-height {
	float:right;
	width:10px;
	height:91px;
}


/* menu container reset items*/
.main-menu ul {
	padding:0;
	list-style:none;
}


/* menu container */
.main-menu {
	position:relative;
	z-index:100;
	width:1000px;
	margin-left:0;
	background-color:#0A8546;
}

/* background layer over the main tab */
.menu-level1 {
	height:36px;
	display:block;
	z-index:100;
	width:954px;
	overflow:hidden;
	border-right:solid 1px #108F4A;
	border-left:solid 1px #004A30;
	padding:0;
	background:url(../images/menushade.png) repeat-x; /* The default background PNG24 whith alpha transparency */
	*background-image:none;/* - Remove Background for the MSI Filter in IE6 */
	/filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/menushade.png", sizingMethod="crop");*/ /* - MSI Filter to transparency in IE6 */
}

.no-menu-title {
	height:16px;
	font:bold 20px  Arial, Helvetica, sans-serif !important; 
	padding:5px 10px 15px;	
	display:block;
	z-index:100;
	width:100%;
	background:url(../images/menushade.png) repeat-x; /* The default background PNG24 whith alpha transparency */
	*background-image:none;/* - Remove Background for the MSI Filter in IE6 */
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/menushade.png", sizingMethod="crop");*/ /* - MSI Filter to transparency in IE6 */
	color:#fff;
}

.menu-level1 li{
	margin:0;
	padding:0;
	float:left;
	background-image:none;
	width:16.66666666666667%;
}
.menu-level1 li.l1-narrow {
	width: 11.66666666666667%;
}

.menu-level1 li.l1-wide {
	width: 21.66666666666667%;
}

/* IN ACCESS LIKE PAGES WHERE THE USER ISN'T LOGGED */
.main-menu .noMenu{
	position:relative;
	z-index:110;
	font:bold 14px/36px  Arial, Helvetica, sans-serif;
	
}

.main-menu .level1{
	position:relative;
	z-index:110;
	float:left;
	display:block;
	sdfpadding:0 30px 0 30px;
	width:100%;
	margin-left:-1px;
	border-right:1px solid #1d3d2a;
	border-left:1px solid #316547;
	color:#fff !important;
	font:normal 14px/36px Arial,Helvetica,sans-serif!important; 
	text-transform:capitalize;
	text-align:center;
	text-shadow: -1px 0 1px #102117;
	cursor:pointer;
}

.main-content-support .level1{
	border-right:solid 1px #C75B10;
	border-left:solid 1px #5D2C12;
}

.menu-level1 .level1.selected, .menu-level1 .level1:hover{
	text-decoration:none;
	background:#126537 url(../images/menuhover.png);
	*background:#126537; /* - Remove Background for the MSI Filter in IE6 */
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/menuhover.png", sizingMethod="crop");*/ /* - MSI Filter to transparency in IE6 */
}

.main-content-support .menu-level1 .level1.selected, .main-content-support .menu-level1 .level1:hover{
	background-color:#5D2C12;
}

.menu-panel{
	position:relative;
	z-index:1000;
	clear:both;
	float:left;
	width:100%;
	height: auto;
	line-height:0;
}

ul li .level1:hover+.menu-panel{
	display:block;
}

.menu-level2-wrapper{
	float:left;
	padding-left: 17px;
	width: 294px;
	margin-top:10px;
}

.menu-level2 {
	display:block;
	width:240px; 
	margin:0 0 0 60px;
}


.menu-level2 .level3 {
	padding:0 0 3px;
	background:none;
	margin:0;
	
}

.nav-panel {
	position:absolute;
	overflow:hidden;
	top:-2px;
	left:3px;
	display:block;
	width:950px;
	padding-bottom:20px;
	background:#fff url(../images/panel.gif) repeat-x bottom;
	border:1px solid #4d4f53;
	border-width:3px 1px;
	border-top-color:#88431e;
}

.nav-panel .row {
	padding-top: 10px;
	float: left;
	width: 100%;
}

/* #Login Page
================================================== */
form[name="LogonForm"]{
	padding: 0 50px 20px 50px;
	background: #EAF3F6;
	font-size: 16px;
	line-height: 16px;
}
form[name="LogonForm"] legend{
	padding-left: 25px;
	margin-left: -50px;
	margin-bottom: 40px;
	height: 48px;
	width: 425px;
	line-height: 48px;
	font-size: 20px;
	font-weight: bold;
	color: #136BA4;
	text-shadow: rgb(255, 255, 255) 1.25px 1.25px 0px;
	background: #CEE2EC;	
}
form[name="LogonForm"] a, form[name="LogonForm"] p,form[name="LogonForm"] ul, form[name="LogonForm"] li{
	font-size: 16px;
	line-height: 16px;
}
.formleft form[name="LogonForm"]{
	width: 376px;
	margin-top: 36px;
}
form[name="LogonForm"] h3{
	margin: 20px 0;
	border: none;
	font-size: 18px;
	font-weight: bold;
}
.formleft form[name="LogonForm"] legend{
	width: 421px;
}
.formleft form[name="LogonForm"] p{
	font-weight: bold;
}
.formleft form[name="LogonForm"] p a{
	font-weight: bold;
	color: #165788;
    outline: 0 none;
    text-decoration: none;
}
.login p {
	font-size: 12px;
	padding-bottom: 3px;
	clear: both;
	min-height: 18px;
}

.login label {
	padding-top: 0.875em;
	margin-top: 0.9375em;
    margin-bottom: 0.9375em;
    font-size: 17.6px;
    line-height: 1.2;
	color: #000000;
}

.login input[type="text"], .login input[type="password"], .login select {
	margin-bottom: 25px;
	padding: 1px 0px;
	display:block;
	height: 24px;
	width: 250px;
	font-size: 14px;
	border: 1px solid rgb(179, 179, 179);
	border-radius: 0;
}

.login input[type="checkbox"] {
	display:inline;
	border:none;
	text-align:right
}

.login-link {
	display:block;
	float:right;
	margin-right:10px;
}

.login-buttons {
}

.login-buttons a.button {
	margin: 20px 20px 15px 0;
	float:left;
	width:auto;
	display:block;
    background-size: 100%;
	background: url("../images/bg_button_primary1.png") repeat-x scroll 0 0 #2F3864;
	color: #FFFFFF;
	border: 1px solid #2F3999;
	box-shadow: 0 1px 0 #2F3864;
}

.ie8 .login-buttons a.button {
	float:left;
	width:auto;
	display:block;
    background-size: 100%;
    background-origin: content;
}

.login-buttons a.button .left {
	width:10px;
	height:100%;
	float:left;
	background-color:#f0f;
	margin-left:-20px;
}

.login-buttons a.button .right {
	width:10px;
	height:100%;
	float:right;
	margin-right:-20px;
	background-color:#f0f;
}
em.required {
    color: #ff0000;
}
/* #Register Page
================================================== */
.leftcol.register, .leftcol.register .content{
	width: 600px;
}
.leftcol.register p, .leftcol.register a{
	font-size: 16px;
	line-height: 19.2px;
}
.leftcol.register a{
	color: rgb(0, 0, 238);
	border-bottom: 1px solid rgb(0, 0, 238);
}
.leftcol.register h2{
	margin-bottom: 50px;
	font-size: 24px;
	border: 0;
}
.leftcol.register form[name="LogonForm"]{
	margin-bottom: 35px;
}
.leftcol.register form[name="LogonForm"] legend{
	width: 575px;
}
#side_privacy, #side_privacy_fr, #side_signin, #side_signin_fr {
    position: fixed;
    margin-left: 50px;
    width: 13.125em;
    border: 0.0625em solid #BFBFBF;
    padding: 1.25em 1.25em 1.25em 1.25em;
    -webkit-box-shadow: 0.0625em 0.1875em 0.25em #666;
    box-shadow: 0.0625em 0.1875em 0.25em #666;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    background: #FAFAF8 url('../../images/retail/bg_sidebar.png') repeat-x bottom;
}
#side_privacy.help_step h3, #side_privacy_fr.help_step h3 {
    font-size: 19.2px;
	line-height: 19.2px;
    margin-bottom: 19.2px;
	border: none;
}
#side_privacy.help_step p, #side_privacy_fr.help_step p{
	font-size: 12.8px;
	line-height: 16px;
}
#side_privacy.help_step a, #side_privacy_fr.help_step a{
	color: rgb(0, 0, 238);
	font-size: 12.8px;
	line-height: 12.8px;
	border-bottom: rgb(0, 0, 238) solid 1px;
}
#side_privacy {
    top: 12em;
    height: 170px;
}
#side_privacy.help_step {
    position: fixed;
    top: 12em;
}
.leftcol.register .button_primary {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 15px;
    background: #016A3C url('../images//bg_button_primary.png') repeat-x;
    border: 0.0625em solid #9B9B9B;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 16px;
	font-size: 13.3333px;
    font-weight: bold;
}
/* #Banner
================================================== */

.banner {
	width:956px;
	position:relative;
	overflow:hidden;
	padding:0px 0px 5px 0px;
}

.banner-home {
	position:absolute;
	top:0;
	left:0;
	width:450px;
	text-align:left;
	padding:40px 0 0 30px;
}

.banner-text-left {
	position:absolute;
	top:0;
	left:0;
	width:450px;
	text-align:left;
	padding:50px 0 0 30px;
}

.banner-text-right {
	position:absolute;
	top:0;
	right:0;
	width:450px;
	text-align:right;
	padding:50px 30px 0 0;
}

.banner h1 {
	color:#fff;
	margin:0;
	font:31px/38px  Arial, Helvetica, sans-serif;
}

.banner .banner-home h1 {
	color:#fff;
	margin:0;
	font:18pt/1.3em  Arial, Helvetica, sans-serif;
}

.banner-subtitle {
	color:#fff;
	margin-top:10px;
	width:250px;
	font:14pt  Arial, Helvetica, sans-serif;
	font-weight:normal;

}

.banner-text-right .banner-subtitle {
	float:right;
}

.inPageBanner {
	padding: 10px 16px 2px;	
}

.banner-text-inpage {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	text-align: left;
	padding: 50px 0 0 25px;
}

.banner-text-inpage h1 {
	color:#444;
	margin:0;
	font: 24px/28px Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	font-weight:bold;
}

.banner-text-inpage .banner-subtitle {
	color:#444;
	margin-top:0;
	font:22px  Arial, Helvetica, sans-serif;
	font-weight:normal;
	width: 200px;
}

/* BANNER IMAGE */

#home {
	height:192px;
	background:url(../images/home-banner2.jpg) no-repeat 0 0;
}

#retirement {
	height:250px;
	background:url(../images/my-group-retirement-plan.jpg) no-repeat 0 0;
}

#financial {
	height:250px;
	background:url(../images/financial-planning-ressources01.jpg) no-repeat 0 0;
}

#investing {
	height:250px;
	background:url(../images/investing-made-simple.jpg) no-repeat 0 0;
}

#inNews {
	height:250px;
	background:url(../images/in-the-news.jpg) no-repeat 0 0;
}

#popular {
	height:250px;
	background:url(../images/most-popular.jpg) no-repeat 0 0;
}


/* #Body Content
================================================== */

.leftcol {
	width:695px;
	height:100%;
	float:left;
}

.gradientBg{
	width:100%;
	background:#c9cac5 url(../images/LargeBaseContentGradient.gif) repeat-x 0 top;
	float: left;
    position: relative;
}

.gradientBg h1{
	margin-left:20px;	
}

.gradientBg .leftcol {
	width:724px;
}

.rightcol {
	/*width:212px;*/
	width:240px;
	height:100%;
	float:left;
}

.gradientBg .rightcol {
	width:212px;
}

.mainBg{
	height:100%;
	background:url(../images/default_gradient.jpg) no-repeat bottom right;
}

.mainG{
	position:relative;
	left:10px;
	float:left;
	width:936px;
	height:100%;
	background:url(../images/main_bg_glossary.jpg) repeat-y 0 0;
}

.main-content .rightcol h2 {
	padding:15px 0 5px 20px;
	border:none;
    font: bold 14pt/14pt Arial,Helvetica,sans-serif;	
}

.sidebar-grey {
	position: relative;
	left: 10px;
	float: left;
	width: 936px;
	height: 100%;
	background: url(../images/main_bg_default.gif) 0 0 repeat-y;
	background: url(../images/default_gradient.jpg) 100% 100%  no-repeat, url(../images/main_bg_default.gif) 0 0 repeat-y;
}

.content {
	float:left;
	width:668px;
	padding:0 17px 30px 10px;
	background:#FFF;
}

.canvas {
	margin:5px 0 0 0;
}

.frame {
	padding: 5px 0 0 60px;
}

.setting {
	margin: 10px 0 0 0;
	border-top: 1px solid #4d4f53;
}


/* #Home Content
================================================== */

.homeContentBox{
	height:355px;
	position:relative;
	float:left;
	padding:0 4px;
}

.homeContentBox h2{
	padding-bottom:3px;
	border-bottom:1px solid #4d4f53;
	font: bold 14pt/14pt Arial,Helvetica,sans-serif;
}

.homeContentBox .minHeight{
	height:30px;
}

.homeContentBox .shadowOnWhite img{
    width:100%;
}

.inContentBox{
	border:1px solid #cdcdce;
	background:#fff url(../images/contentGradient.gif) repeat-x 0 bottom;
	min-height:360px;
}

.homeContentBox#investmentsPerform{
    width: 433px;
}

.homeContentBox#accountBalance{
    width: 275px;
}

.homeContentBox .pie-scroll{
	height:245px;
	width:245px;
	overflow-x:auto;
	overflow-y:auto;
	position:relative;
}

.homeContentBox .pie-scroll svg{
	position: absolute !important;
	top:0px;
}

.pie-footer{
	height:45px;
	padding:5px 5px 0;
	overflow:hidden;
	font:normal 9px/12px Arial, Helvetica, sans-serif;
}

#chartPie div div{
	padding-top:4px!important;
}

.chart-area{
	height:242px;
	overflow:hidden;
}

.chart-text{
	height:auto;
	font:normal 8pt/10.5pt Arial, Helvetica, sans-serif;
}

#colsLegend .chart-text{
	height:200px;
	overflow:hidden;	
	font:normal 8pt/10.5pt Arial, Helvetica, sans-serif;
	width: 150px;
	overflow-y: auto;
}

.chart-total{
	text-align:center;
	width:100%;
	color:#666;
	font-size:12px;
	font-weight:bold;
	padding:5px 0;
}

.steps-footer{
	position:absolute;
	top: 300px;
	border-top:solid 1px #666;
	width:410px;
	padding-top:5px;
	margin-top:10px;
}

.steps-footer img{
	vertical-align:middle;
	padding-right:5px;
}

#investmentsPerform table{
	display: block;
	overflow-x:hidden;
	overflow-y:auto;
	max-height: 275px;
}

.homeContentBox #chartPie div div{
    z-index:1;
	height:20px;
	display:block;
	background-color:#f0f;
	border:solid 1px #000;
}

/* #Side Menu
================================================== */

.sideMenu {
	width:212px;
	height:414px!important;
	background-color:#ddd;
	position:absolute;
	top:297px;
	left:730px;
	background:#fff url(../images/rightColGradient.gif) repeat-x 0 bottom;
	display:block;
	overflow:hidden;
	min-height: 200px;
}

.sideMenuBg {
	width: 212px;
	height: 440px;
	background:url(../images/sideMenuGradient.gif) repeat-x 0 top;	
}

.sideMenuBgNews {
	width: 212px;
	background: url(../images/sideMenuGradient.gif) repeat-x 0 top;	
}

.sideMenuTop {
	display:none;
}

.no-borderRadius .sideMenuTop {
	height:5px;
	display:block;
}

.sideMenu {
	border-radius:5px 5px 0 0;
}

.sideMenuTop .sideMenuRounded {
	background:none;
}

.no-borderRadius .sideMenuTop .sideMenuRounded {
	width:212px;
	height:5px;
	background:url(../images/sidebarRoundedTop.gif) no-repeat 0 0;
	position:absolute;
	top:-5px;
	left:0;
}

.sideMenu .hide{
	display:none;	
}

.sideMenu h2, .rightcol .quickLink h2{
	padding:15px 0 5px 20px;
	border:none;
    font: bold 14pt/14pt Arial,Helvetica,sans-serif;	
}

.scroll-pane{
	height: 150px;
	overflow: auto;
	overflow-x: hidden;
}

.submenu {
	float: left;
	width: 220px;
	margin: 28px 0 0;
	padding: 0 10px;
}

.main-content .submenu {
	width: 187px;
}

/* #Message Centre
================================================== */

.sideMenu .msgCenter{
	width:212px;	
}

.sideMenu .msgCenter ul{
	width:170px;	
}

.sideMenu .msgCenter p, .sideMenu .msgCenter a{
	margin:0;
	font:10pt/1em  Arial, Helvetica, sans-serif;	
}

.sideMenu .msgCenter ul li{
	float:left;
	margin:5px 0;
	display:block;
	width:164px;
}

.visit{
	margin-left: 31px;	
}

.shadowContainer{
	position:relative;	
}

.shadow{height:7px;background:url(../images/shadow.png) no-repeat 0 bottom;position:relative;top:10px;}

* html .shadow{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/shadow.png",sizingMethod="scale")}

.rightcol .shadow{
	top:0;	
}

/* #Quick Links
================================================== */

.sideMenu .quickLink {
	display:block;
	height:200px;
	overflow:hidden;
}

.sideMenu .quickLink .links {
	display:block;
	height:160px;
	overflow-x:hidden;
	overflow-y:auto;
}

.ibmPortalHiddenText{
	display:none;
}

.sideMenu .quickLink a, .rightcol .quickLink a{
	border-bottom:1px solid #BBBBBB;
    border-top:1px solid #FFFFFF;
    display:block;
    font:10pt/1em Arial,Helvetica,sans-serif;
    padding:5px 20px;
}

.sideMenu .quickLink a.first, .rightcol .quickLink a.first{
    border-top:none;
}

.sideMenu .quickLink a.last, .rightcol .quickLink a.last{
    border-bottom:none;
}

/* #Policy Bar
================================================== */

.admin-bar {
	width:95%;
	height: 15px;
	padding:10px;
	margin: 20px 0 3px 0;
	background-color:#CCC;
	border:solid 1px #999;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:15px;
	background-image: linear-gradient(top, rgb(255,255,255) 6%, rgb(245,245,245) 25%, rgb(234,235,237) 86%);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 6%, rgb(245,245,245) 25%, rgb(234,235,237) 86%);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 6%, rgb(245,245,245) 25%, rgb(234,235,237) 86%);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 6%, rgb(245,245,245) 25%, rgb(234,235,237) 86%);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 6%, rgb(245,245,245) 25%, rgb(234,235,237) 86%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.06, rgb(255,255,255)),
		color-stop(0.25, rgb(245,245,245)),
		color-stop(0.86, rgb(234,235,237))
	);
}

.admin-bar a.buttonNarrow {
	margin:0;
	height:23px;
	padding-top:2px;
	padding-bottom:2px;
	position:relative;
	top:-5px;
	display: inline;
}
.admin-bar .dijitButton {
	float:right;
	margin:0;
	font-size:9px;
	font-weight:normal;
}

.admin-bar .dijitButton .dijitButtonNode {
	margin-top:0px;
}

.admin-bar .label {
	font-weight:bold;
}

.policy-label {
	font: normal 12px Arial;
	float: left;
	display:none;
}

.policy-label span {
	font: bold 12px Arial;
}

.policy-flow {
	margin-bottom:3px;
}

.proxy-error {
	background-color: rgb(255,255,255);
	width: 400px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid rgb(153,0,0);
	border-radius: 10px 10px 10px 10px;
	padding: 5px 10px 0pt 40px;
	margin: 0pt 0pt 10px;
	background-image: -moz-linear-gradient(center top, rgb(255,255,255) 6%, rgb(245, 245, 245) 25%, rbg(240, 240, 240) 86%);
	clear: both;
}

.proxy-error p {
	line-height: 19px;
	clear: both;
	min-height: 18px;
	margin: 10px 0pt;
	padding: 0 0 3px 0;
	color: rgb(77,79,83);
	text-decoration: none;
	font: 16px Arial,Helvetica, sans-serif;
}

button.close-colorbox {
	background: none;
	border: none;
	float: right;
	margin: 7px 7px 0 0;
	z-index: 250;
	cursor: pointer;
	font: bold 12px Arial;
}

#colorbox {
	z-index: 200;
	background-color: #fff;
	outline: 0;
	border-radius: 15px;
	webkit-border-radius: 15px;
	border: solid 1px #fff;
}

#colorbox h2 {
	border:none;
	color:#000;
}

#colorbox table {
	font-size: 12px;
	width:100%;
	padding:0;
	border-right-width: 0px;
	border-left-width: 0px;	
	border-top-width: 0px;
}

#colorbox table thead th {
	border-bottom: 3px solid #999999;
	color:#000;
	font-weight:bold;
	border-right-width: 0px;
	text-align:left;
	background-color:#fff;
}

#colorbox table tr {
	cursor: pointer;
}

#colorbox table td {
	padding: 10px 6px;
	color: #4d4f53;
	font-size: 11px;
	text-align: left;
}

#colorbox table td.col1 {
	color: #000;
	font-size: 12px;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #999;
	top: 0;
	left: 0;
	overflow: hidden;
}

.colorbox-header {
	margin: 0;
	display:block;
	height: 38px;
	background: url("../images/tableFoot.png") repeat scroll 0 0 #4D4F53;
	width:100%;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;	
}	

.colorbox-content {
	padding:10px;	
	max-height: 583px;
	overflow: hidden;
	clear: both;
}

.colorbox-content .tableTop {
	background: none;
}

.colorbox-footer {
	display:block;
	height: 38px;
	background: url("../images/tableFoot.png") repeat scroll 0 0 #4D4F53;
	margin: 10px 0 0;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;	
	clear:both;
	width:100%;
}

div.policy-flow {
	font-size: 12px;
}

/* #Message Centre & Inbox Pages (Table Layout)
================================================== */

.inbox-table {
	margin:10px 0 0 0;
}

.inbox-table table {
	margin-top:-30px;
	border:1px solid #999;
	width:100%;
}
				
.tableTop, .tableBot {
	z-index:90;
	position:relative;
	height:38px;
	width:100%;
	overflow:hidden;
}
.ie8 .tableTop, .ie8 .tableBot {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tableFoot.png", sizingMethod="scale");
}

.tableTop {
	border-radius:10px 10px 0 0;
}
.tableTop, .tableBot {
	background:#4D4F53 url(../images/tableFoot.png);
	background-size:100%;
	background-origin:content-box;
}

.tableBot img {
	display:none;
}

.tableBot p,.tableBot a, .tableBot font, .tableBot div {
	color:#fff!important;	
	font:normal 8pt/10.5pt Arial, Helvetica, sans-serif;
}
.tableBot a {
	margin-top:0;
}
.tableBot input {
	width:30px;
	float:none;
	margin-top:-3px;
}
.tableBot .floatRight {
	margin-right:200px;	
}

.tableBot .spacing{
	margin-left:10px;
}

.tableBot .shortselect{
	border:none;
}

.tableTop img,
.tableBot img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	* display:none;
}
					
.tableRound{
	z-index:23;
	position:relative;
	height:0;
	width:100%;
	line-height:0;
}

.tableRound .topLeft,
.tableRound .topRight,
.tableRound .botLeft,
.tableRound .botRight{
	position:absolute;
	width:6px;
	height:6px;
}

.tableRound .topLeft{
	left:0;
	background: url(../images/tableLeft.gif) no-repeat right top;
}

.tableRound .topRight{
	left:100%;
	margin-left:-6px;
	background: url(../images/tableRight.gif) no-repeat right top;
}

.tableRound .botLeft{
	top:-6px;
	left:0;
	background:url(../images/tableBL.gif) no-repeat left bottom;
}

.tableRound .botRight{
	top:-6px;
	left:100%;
	margin-left:-6px;
	background: url(../images/tableBR.gif) no-repeat right top;
}

.inbox-table thead td, .inbox-table thead th{
	padding:6px;
	border-width:0 1px 1px 0;
	text-align:center;
	color:#FFF;
	font:normal 8pt/1.2em Arial, Helvetica, sans-serif;
	background:#4D4F53 url(../images/arrowBottom.gif) no-repeat center -50px  ;
}

.inbox-table thead a {
	position:relative;
	z-index:95;
	color:#FFF;
}

.inbox-table thead a:hover {
	text-decoration:none;	
}

.inbox-table tbody td, .inbox-table tbody th {
	padding:0 5px;
	background:#fff;
}

.inbox-table tbody td{
	border-width:0 1px 0 0;
}

.inbox-table tbody th{
	border-width:0 1px 1px 0;	
}

/* Odd row (zebra) */
.inbox-table tbody .zebra td,
.inbox-table tbody .zebra th,
.zebra{
	background:#f0f0f0;
}

.inbox-table .zebra .roundLeft {
	background:url(../images/grayLeftRound.gif) no-repeat left top;
}

.inbox-table .zebra .roundRight {
	background:url(../images/grayRightRound.gif) no-repeat right top;
}

/* Text Alignment */
.inbox-table .top{
	vertical-align:top;
}

.inbox-table .leftAlign td,
.inbox-table .leftAlign th,
.inbox-table table td.leftAlign,
.inbox-table table th.leftAlign {
	text-align:left;
}

.inbox-table .rightAlign td,
.inbox-table .rightAlign th {
	text-align:right;
}

.inbox-table .centerAlign td,
.inbox-table .centerAlign th {
	text-align:center;
}

.inbox-table thead td span {
	display:block;
    text-align:left;
    width:100%;
}

.inbox-table .blankCell {
	border-right:none;
}

.contact-table td {
	vertical-align:top;
	font-size:12px;
	padding:5px;
	
}

.contact-bullets li {
margin:5px 0;
}

.colLayout tbody td, .colLayout tbody th {
border-right: 1px solid #999;
}


/* #FAQ Accordion
================================================== */

.accordion{
	position:relative;
	overflow:hidden;
	border-bottom: solid 1px #999;
	width:100%;
	margin:0px;
	float:left;
}

.accordion-last{
	border-bottom:none;
}
.accordion-open{
	background:#f0f0f0;
}

.accordion-white .accordion-open{
	background:#FFFFFF;
}
.accordion-open .accordionLink{
	color:#4d4f53;
}

.accordion-container{
	width:100%;
	margin:-3px 0;
}

.arrowBox{
	float:left;
	padding-left:2%;
	width:5%;
}

.accordionContent{
	float:left;
	width:90%;
	padding-right:2%;
	padding-bottom:5px;
}

html .accordionContent h6{
	padding:20px 0 10px;
	margin:0;
}

html .accordionContent p,
html .accordionContent ul{
	margin:0;
	padding:0 0 6px 0;
}

.accordionHidden{
	position:relative;
	overflow:hidden;
	display:none;
	float:left;
	width:100%;
}


.accordionHidden .setting, .accordionHidden .board{
	margin: 0 2.5%;
	padding-left:5%;
	width: 90%;
}

.accordionHidden .setting{
	border-top:1px solid #999;
}

.accordionHidden .column{
	padding:0px;
	margin-right:5px;
}

.accordionHidden .column p{
	float:right;
}

.accordion .accordionLink:hover{
	text-decoration:underline;
}


/* #Glossary
================================================== */

.glossaryContent{
	border-bottom:1px solid #5e6a71;
}

.glossaryContent .active{
	background-color:#f0f0f0;
}

.glossaryContent div{
	padding:5px 10px;
	border-top:1px solid #ccc;
}

.glossaryContent h5{
	font-size:12px;
	padding:5px 0 0;
}

.naviglist{
	float:right;
	overflow: hidden;
}
a.disabled-link,a.disabled-link:link,a.disabled-link:hover,a.disabled-link:visited{
	color:#ccc;
	text-decoration:none;
	cursor:default;
}
.glossarybg .rightcol{
	background:url(../images/default_gradient.jpg) no-repeat bottom right;
}
	
.glossaryIndex{
	overflow:hidden;
	position:relative;
	width:240px;
	height:644px;
}

.glossaryIndex ul{
	list-style:none;
	padding:0;
}

.glossaryIndex li{
	background:none;
	list-style:none;
	padding:0;
}

/* LETTERS */
.glossaryIndex .letters{
	float:left;
	width:39px;
	background-color:#8b8b8b;
	position:relative;
}

.glossaryIndex .letters li{
	margin:0;
}

.glossaryIndex .letters a{
	font:bold 12pt/0.8em Arial,Helvetica,sans-serif;
	color:#fff;
	display:block;
	width:39px;
	text-align:center;
	padding:6px 0;
}

.glossaryIndex a:hover{ /* HOVER STATE ADD BY JF */
	color:#F33;
}

.glossaryIndex a.letterSelected{ /* SELECTED STATE ADD BY JF */
	color:#9C0;
}

/* LIST */
.glossaryIndex .list{
	float:left;
	width:201px;
	overflow:hidden;
	position:absolute;
	left:39px;
}

.glossaryIndex .list h2{
	background:url(../images/not_selected_glossary.jpg) no-repeat 0 0;
	border:medium none;
	color:#fff;
	height:25px;
	padding:6px 0 0 10px;
	cursor:pointer;
}

.glossaryIndex .list h2.active{
	background:url(../images/selected_glossary.jpg) no-repeat 0 0;
}

.glossaryIndex .list li{
	padding:0 0 0 9px;
}

.glossaryIndex .list a{
	color:#4d4f53;
}

/* #My Profile
================================================== */

.pageTitle {
display: block;
padding-bottom: 3px;
margin-bottom: 8px;
font: bold 11px/14px Verdana, tahoma, Arial;
}

.pageTitle {
color: #336633;
vertical-align: text-top;
text-decoration: none;
}

.pageTitle a{
	color:#88431e;
	font:bold 10.5pt/10.5pt "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.pageTitle a:hover{
	text-decoration:none;
}

.pageTitle.sup_script{
	line-height: 1.5em;	
	/*margin: -7px 0 0;*/
	padding: 0 0 5px;
	position:relative;
	top:-7px;
	margin:0 0 -3px 0;
}

.defaultText {
	font: normal 10px/13px Verdana, tahoma, Arial;
	color: black;
	text-decoration: none;
}

input[type=text].blurred {
	color: #999;
}

/* #Footer
================================================== */

footer {
	position:relative;
	width:100%;
	border-top:2px solid #fff;
	background:#0A8546;
	margin-bottom:50px;
	height:46px;
	display:block;
	float:left;
	overflow:visible;
	color:#00693C;
}

footer .tagline {
	position:absolute;
	left:0;
	top:45px;
	padding:15px 0 0 15px;
	font:bold 14px Arial,Helvetica,sans-serif;
}

footer .link {
	position:absolute;
	right:0;
	top:45px;
	padding:15px;
	font:bold 9pt/12pt Arial,Helvetica,sans-serif;
	color:#fff;
}

footer .link a {
	color:#00693C;
	border:none;
	padding:0 5px;
}



/* #Icons
================================================== */

span.smallimg{
	float:left;
	width:19px;
	height:20px;
}

span.icon{
	float:left;
	width:50px;
	height:50px;
	background:url(../images/na.gif);
	display:block;
}
span.icon-pdf{
	background:url(../images/pdf.gif);
}
span.icon-advisor{
	background:url(../images/advisor.gif);
}

span.icon-fax{
	background:url(../images/fax.gif);
}

span.icon-faq{
	background:url(../images/faq.gif);
}

span.icon-forms{
	background:url(../images/forms.gif);
}

span.icon-administrative{
	background:url(../images/administrative.gif);
}

span.icon-adviceprofile{
	background:url(../images/advice-profile.gif);
}

span.icon-autoassetrebalancing{
	background:url(../images/automatic-asset-rebalancing.gif);
}

span.icon-changebankinginformation{
	background:url(../images/banking-information.gif);
}

span.icon-changeinvestments{
	background:url(../images/change-investment.gif);
}

span.icon-contributions{
	background:url(../images/contributions.gif);
}

span.icon-webtour{
	background:url(../images/easy-web-tour.gif);
}

span.icon-planningresources{
	background:url(../images/financial-planning-ressources.gif);
}

span.icon-groupincomeplus{
	background:url(../images/group-incomeplus.gif);
}

span.icon-inthenews{
	background:url(../images/in-the-news.gif);
}

span.icon-iwatch{
	background:url(../images/investment-i-watch.gif);
}

span.icon-investingmadesimple{
	background:url(../images/investment-made-simple.gif);
}

span.icon-investmentinstructions{
	background:url(../images/investments-instructions.gif);
}

span.icon-makeawithdrawal{
	background:url(../images/make-a-withdrawal.gif);
}

span.icon-giadeposits{
	background:url(../images/maturing-garanteed-interest.gif);
}

span.icon-memberinfo{
	background:url(../images/member-information.gif);
}

span.icon-messagecentre{
	background:url(../images/message-center.gif);
}

span.icon-personalratesreturn{
	background:url(../images/personal-rate-and-return.gif);
}

span.icon-pinchange{
	background:url(../images/pin-change.gif);
}

span.icon-planinvestmentinfo{
	background:url(../images/plan-investment-information.gif);
}

span.icon-print{
	background:url(../images/print.gif);
}

span.icon-readytoretire{
	background:url(../images/ready-to-retire.gif);
}

span.icon-groupretirementplan{
	background:url(../images/retirement-plan.gif);
}

span.icon-steps{
	background:url(../images/retirement-program.gif);
}

span.icon-retirementworld{
	background:url(../images/retirement-world.gif);
}

span.icon-search{
	background:url(../images/search.gif);
}

span.icon-statements{
	background:url(../images/statements.gif);
}

span.icon-transactionhistory{
	background:url(../images/transaction-history.gif);
}


span.icon-hcsa{
	background:url(../images/hcsa.gif);
}

span.icon-accountbalance{
	background:url(../images/account_balance.gif);
}

span.icon-brochures{
	background:url(../images/plan_member_brochures.gif);
}

span.icon-note{
	background:url(../images/note.gif);
}

span.icon-note-small{
	width:30px;
	height:30px;
	margin-top:16px;
	background:url(../images/note-small.gif);
}

span.icon-dental{
	background:url(../images/dental.gif);
}

span.icon-dental_guidelines{
	background:url(../images/dental_claims_guidelines.gif);
}


span.icon-dentalClaims{
	background:url(../images/dental_claims_guidelines.gif);
}

span.icon-health{
	background:url(../images/health.gif);
}

span.icon-health_guidelines{
	background:url(../images/health_claims_guidelines.gif);
}

span.icon-healthClaims{
	background:url(../images/health_claims_guidelines.gif);
}

span.icon-cash{
	background:url(../images/cash.gif);
}

span.icon-family{
	background:url(../images/family.gif);
}

span.icon-confirmation{
	background:url(../images/confirmation.gif);
}

span.icon-confirmation_active{
	background:url(../images/confirmation_active.gif);
}

span.icon-expenses{
	background:url(../images/expenses.gif);
}

span.icon-tnc{
	background:url(../images/tnc.gif);
}

span.icon-card{
	background:url(../images/card.gif);
}

span.icon-coordinate{
	background:url(../images/coordinate.gif);
}

span.icon-provider{
	background:url(../images/provider.gif);
}

span.icon-administrative{
	background:url(../images/administrative.gif);
}

span.icon-claims{
	background:url(../images/claims.gif);
}

span.icon-life{
	background:url(../images/life.gif);
}

span.icon-disability{
	background:url(../images/disability.gif);
}

span.icon-address{
	background:url(../images/address.gif);
}

span.icon-language{
	background:url(../images/langaugeprefs.gif);
}

span.icon-overview{
	background:url(../images/personal_overview.gif);
}

span.icon-receive_statements{
	background:url(../images/receive_statements.gif);
}

span.icon-digital_statements{
	background:url(../images/digital_statements.gif);
}

span.icon-welcome{
	background:url(../images/welcome.gif);
}

span.icon-date{
	background:url(../images/date.gif);
}

span.icon-date_type{
	background:url(../images/date_type.gif);
}

span.icon-wellness{
	background:url(../images/wellness.gif);
}

span.icon-accomodation{
	background:url(../images/accomodation.gif);
}

span.icon-audio{
	background:url(../images/audio.gif);
}

span.icon-change_coverage{
	background:url(../images/change_coverage.gif);
}

span.icon-coverage_overview{
	background:url(../images/coverage_overview.gif);
}

span.icon-flex-enrolment{
	background:url(../images/flex_enrolment.gif);
}

span.icon-glossary{
	background:url(../images/glossary.gif);
}

span.icon-e-mail{
	background:url(../images/e-mail.gif);
}


span.icon-password{
	background:url(../images/password.gif);
}

span.icon-student{
	background:url(../images/student.gif);
}

span.icon-phone{
	background:url(../images/phone.gif);
}

span.icon-vision{
	background:url(../images/vision.gif);
}

span.icon-site_access{
	background:url(../images/site_access.gif);
}


span.icon-benefit_type{
	background:url(../images/benefit_type.gif);
}

span.icon-booklet{
	background:url(../images/booklet.gif);
}

span.icon-drugs{
	background:url(../images/drugs.gif);
}

span.icon-send_note{
	background:url(../images/send_note.gif);
}

span.icon-step_01{
	background:url(../images/step_01.gif);
}

span.icon-step_01_active{
	background:url(../images/step_01_active.gif);
}

span.icon-step_02{
	background:url(../images/step_02.gif);
}

span.icon-step_02_active{
	background:url(../images/step_02_active.gif);
}

span.icon-step_03{
	background:url(../images/step_03.gif);
}

span.icon-step_03_active{
	background:url(../images/step_03_active.gif);
}


span.icon-submitClaim{
	background:url(../images/submitClaim.gif);
}

span.icon-fbook{
	background:url(../images/fb.gif);
}

span.icon-twitter{
	background:url(../images/twit.gif);
}
span.icon-changeemail {
    background: url(../images/icon-email.gif);
}
span.icon-password {
    background: url(../images/password.gif);
}
span.icon-changepvq {
    background: url(../images/icon-pvq.gif);
}

/* #JSScrollPane
================================================== */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: auto;
	height: 10px;
	display:none;
	/*margin: 0 17px;*/
	/*background: red;*/
}


.jspVerticalBar *,
.jspHorizontalBar * 
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}


.jspTrack
{
	background: #cbcbcb;
	width:10px;
	border:1px solid #c1c1c1;
	border-width:0 1px;
	position: relative;
}

.jspDrag
{
	background:url(../images/slider.gif) no-repeat 0 0;	
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspHorizontalBar .jspDrag
{
	background:url(../images/slider-horizontal.gif) no-repeat 0 0;	
	position: relative;
	left: 0;
	cursor: pointer;
	float: left;
	height:10px;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	/*background: #80808d;*/
}

.jspVerticalBar .jspArrow
{
	height: 10px;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspHorizontalBar .jspArrow
{
	width: 10px;
	float: left;
	height: 100%;
}

.jspHorizontalBar .jspArrow:focus
{
	outline: none;
}

.jspArrowUp{
	background:url(../images/up-arrow.gif) no-repeat 0 bottom;	
}

.jspArrowDown{
	background:url(../images/down-arrow.gif) no-repeat 0 top;	
}

.jspArrowLeft{
	background:url(../images/left-arrow.gif) no-repeat 0 top;	
}

.jspArrowRight{
	background:url(../images/right-arrow.gif) no-repeat 0 top;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* #Media Banner
================================================== */

.mediaBanner {
	position:relative;
	left:0px;
	float:left;
	width:100%;
	height:250px;
	background:url(../images/bottom-content.jpg) repeat-x 0 0;
	background-color:#CCCCCC;
	margin:10px 0 0 0;
	padding:0 6px;
}

.mediaBanner .mediaContent {
	float: left;
	overflow: hidden;
	width: 895px;
}

.mediaBanner .scroll-pane {
	width: 100%;
	height: 206px;
	overflow: auto;
}

.mediaBanner h1 {
	margin:12px 20px 7px;
}

div .mediaBannerLeft, div .mediaBannerRight {
	float:left;
	margin-top:80px;
	width:28px;
	height:28px;
}

.mediaBanner span.leftArrow {
	background:url(../images/leftArrow.gif) no-repeat transparent;
}

.mediaBanner span.rightArrow {
	background:url(../images/rightArrow.gif) no-repeat transparent;
}

.mediaBanner a .leftArrow, .mediaBanner a .rightArrow {
	cursor: pointer;
	height: 28px;
	width: 28px;
	float:left;
}
.mediaBanner a .leftArrow {
    background: url("../images/leftArrow.gif") no-repeat scroll 0 0 transparent;
}

.mediaBanner a .rightArrow {
    background: url("../images/rightArrow.gif") no-repeat scroll 0 0 transparent;
}

.imageBoxContainer {
	float:left;
	padding:0 3px;
}
.imageBox {
	background:url(../images/white-box.jpg) no-repeat 0 0;
	width:217px;
	height:205px;
}

.imageBox .innerContent {
	padding:5px 6px;
}

.imageBox .desc {
	padding:5px 6px;
}

.imageBox p {
	margin:5px 0;
}

.double .imgBox{
	display:block;
	width:332px;
	/*height:192px;*/
	margin:5px 10px;
	float:left;
}

.double .imgBox img{
	width:332px;
	/*height:122px;*/
	margin-bottom:10px;
}
.textBox p{
	margin: 5px 0 0;
}
.textBox a {
	float: left;
	margin: 5px 2px 10px;
}

#bottomContent{
	position:relative;
	left:0px;
	float:left;
	width:100%;
	height:270px;
	background:url(../images/bottom-content01.jpg) repeat-x 0 0;
	margin:0;
}

#bottomContent h1{
	margin:12px 20px 7px;
}

#bottomContent div a .leftArrow, #bottomContent div a .rightArrow{
	width:100%;
	height:100%;
	float:left;
	cursor:pointer;
}

#bottomContent div a{
	float:left;
	width:26px;
	height:26px;
	display:block;
	text-decoration:none;
	padding:82px 6px;
}

#bottomContent div h5 a{
	float:none;
	display:inline;
	padding:0;
	height:auto;
	font:bold 13px Arial,Helvetica,sans-serif;
	color:#464646;
	word-spacing:-1px;
}
#bottomContent div h5 a:hover{
	text-decoration:underline;
}

#bottomContent a .leftArrow{
	background:url(../images/leftArrow.gif) no-repeat 0 0;
}

* html #bottomContent a .leftArrow{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/leftArrow.gif",sizingMethod="crop")}

#bottomContent a .rightArrow{
	background:url(../images/rightArrow.gif) no-repeat 0 0;
}

/* #Media Library Lightbox
================================================== */

.lightbox{
	position:relative;
	left:0px;
	float:left;
	width:956px;
	height:270px;
	background:url(../images/bottom-content01.jpg) repeat-x 0 0;
	margin:0;
	overflow:auto;		
}

.lightbox h1{
	margin:12px 20px 7px;
}

.lightbox div a .leftArrow, .lightbox div a .rightArrow{
	width:100%;
	height:100%;
	float:left;
	cursor:pointer;
}

.lightbox div a{
	float:left;
	width:26px;
	height:26px;
	display:block;
	text-decoration:none;
	padding:82px 6px;	
}

.lightbox a .leftArrow{
	background:url(../images/leftArrow.gif) no-repeat 0 0;
}

* html .lightbox a .leftArrow{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/leftArrow.gif",sizingMethod="crop")}

.lightbox a .rightArrow{
	background:url(../images/rightArrow.gif) no-repeat 0 0;
}

* html .lightbox a .rightArrow{_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/rightArrow.gif",sizingMethod="crop")}

.bottomWhiteBoxContainer,.pageWhiteBoxContainer{
	float:left;
	padding:0 6px;
}

.bottomWhiteBoxContainer{
	display:block;
    width:868px;
	height:225px;
	overflow:hidden;
	position:relative;	
}

.bottomWhiteBoxContainer .scrollpane{
	float:left;	
	position:absolute;
	left:0px;
}
.pageWhiteBoxContainer{
	width:100%;
}

.ie7 .pageWhiteBoxContainer, .ie8 .pageWhiteBoxContainer{
	padding:0;
}									


.whiteBoxContainer{
	position:relative;
	float:left;	
	margin:10px;
	background-color:#fff;
	padding:10px 8px 10px 3px;
	-webkit-border-radius:7px 0 0 0;
	border-radius:7px 0 0 0;
	-webkit-box-shadow: -1px 1px 4px 0px #AAA;
	-moz-box-shadow: -1px 1px 4px 0px #AAA;
	box-shadow: -1px 1px 4px 0px #AAA;
	width:201px;
	height:201px;
}

.no-borderradius .whiteBoxContainer {
	background:url(../images/white-box.jpg) no-repeat 0 0;
}

.lightbox .whiteBoxContainer{
	margin:0 4px;
}

.pageWhiteBoxContainer .whiteBoxContainer{
	padding:10px;
	margin:7px;
}

.whiteBoxContainer-css .whiteBox{
}

.whiteBoxContainer .whiteBox{
	background:url(../images/white-box.jpg) no-repeat 0 0;
	width:217px;
	height:221px;
}

.whiteBox .innerContent{
	padding:10px 8px;
}

.desc{
	padding:5px 6px;
	height: 90px;
	overflow: hidden;
	margin: 6px 0 0 0;
}

.desc h5{
	font-size: 12px;
	font-weight: bold;
}

.whiteBox .desc h5{
	color:#464646;
	
}

.whiteBox p{
	margin:2px 0;
    color: #4D4F53;
}

.lightbox div .whiteBoxContainer a{
	float:none;
	width:auto;
	height:auto;
	display:inline;
	text-decoration:none;
	padding:0;	
}

.itn-pagination{
	width:auto;
	float:left;
	margin:20px 0 20px 250px;
	font-size:10px;
}

.itn-pagination a{
	color:#165788!important;
}

.buttonPreview, .buttonNext,.buttonPrevious, .pagination  {
	margin: 0 2px;
	float:left;
}

/* #Media Library Right Column
================================================== */

.iceberg-wrapper{
	background-color:#f0f;
	height:200px;
	position:absolute;
	top:-200px;

}
.iceberg{
	background-color: #FFFFFF;
    max-height: 240px;
    position: absolute;
	bottom:0px;
	overflow:hidden;
	border-radius:5px 5px 0 0;
	width:212px;	
}

.iceberg .iceHead{
	height:35px;
}

.iceberg .iceBody{
	padding:0 0 10px 0;
	max-height:185px;
	overflow-x:hidden;
	overflow-y:auto;
}

.rightcol .iceberg h2{
	cursor:pointer;
	font-size:13pt;
	padding:10px 0 5px 20px;
    width:155px;
	line-height:13px;
}

#blank .banner .rightcol .iceberg h2{
	cursor:pointer;
	font-size:13pt;
	padding:10px 0 5px 20px;
    width:155px;
	border:none;
}

#blank table td{
	border:none;
	border-spacing: 0px;
	padding: 0 0 0 0px;
}

.iceberg .iceHead span.img{
	display: inline-block;
    height: 14px;
    left: 180px;
    position: absolute;
    top: 12px;
    width: 14px;}

.iceberg .iceHead span.on{
	background:url(../images/arrow-down.gif) no-repeat 0 0;
}

.iceberg .iceHead span.off{
	background:url(../images/arrow-right.gif) no-repeat 0 0;
}

.iceberg span{
	display: block;
    font: 11pt/10.5pt Arial,Helvetica,sans-serif;
    padding: 5px 20px;
}
.iceberg span{
	display: block;
    font: 11pt/10.5pt Arial,Helvetica,sans-serif;
    padding: 5px 20px;
	color:#00693C;
}
.iceberg a{
	display:block;
}
.iceberg a span{
	color:#165788;
}
.iceberg a span.child-link{
	padding-left:30px;
}

/* #Forms Page
================================================== */

.forms-radio-buttons{
	margin-bottom:10px;
	font-size:12px;
}

.forms-radio-buttons a{
	font-size:14px;
	text-decoration:none;
}

.forms-radio-buttons a.active, .forms-radio-buttons a:hover.active{
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

#formpage{
	width:608px;
	position:relative;
	overflow-y:scroll;
	padding:0;
	float:left;
}

.formlist{
	width:608px;
	overflow-y:hidden;
	border-bottom:1px solid #5e6a71;
	position:relative;
	float:left;
}

.formlist .formRow{
	float:left;
	margin:-1px 0 0 0;
	padding:2px 0 0;
	height:32px;
	border-top: 1px solid #cbcbcb;
}

.formlist .formRow .text{
	width:588px;
}

.formlist .formRow div{
	float:left;
	padding:0 10px;
}

.formlist h5{
	font-size:12px;
	color:#165788;
	font-weight: bold;
}

.formlist a {
	font-size: 12px;
	color: #165788;
	font-weight: bold;
}

.formlist p{
	margin:0;
}

.formlist img{
	margin:6px 0 0 0;
}

/* #Borders
================================================== */

/*.rowBorder{
	border:1px solid #555;
	border-width:1px 0;
}

.colBorder{
	border:1px solid #555;
	border-width:0 1px;
}

.borderTop{
    border-top:1px solid #555;
}

.borderBottom{
    border-bottom:1px solid #555;
}

.borderRight{
    border-right:1px solid #555;
}

.borderLeft{
    border-left:1px solid #555;
}

.borderNone{
    border:none;
}*/

/* PALE SEPARATION */
/*.greyline {
    border-top: thin solid #CCCCCC;
}

.rowGrey{
	border:1px solid #ccc;
	border-width:1px 0;
}*/

/* DOUBLE BORDER */
/*.fencySeparation{
	background-color: #FFFFFF;
    border-top: 1px solid #888888;
    font-size: 0;
    height: 1px;
    left: 16px;
    margin: 0 34px 0 0;
    position: relative;
}

.smallframe .fencySeparation{
    border-top: 1px solid #999;
    left: 0;
    width: 100%;
	position:relative;
	top:0;
}*/
.iceberg .fencySeparation{
	/*border-bottom: 1px solid #EEEEEE;*/
	position:static;
    border-top: 1px solid #CCCCCC;
    left: 13px;
    width: 185px;
}