@font-face {
	font-family: 'robotoregular';
	src: url('fonts/Roboto-Regular-webfont.eot');
	src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular-webfont.woff') format('woff'), url('fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_condensedbold';
	src: url('fonts/RobotoCondensed-Bold-webfont.eot');
	src: url('fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotomedium';
	src: url('fonts/Roboto-Medium-webfont.eot');
	src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium-webfont.woff') format('woff'), url('fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_condensedregular';
	src: url('fonts/RobotoCondensed-Regular-webfont.eot');
	src: url('fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Regular-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_light';
	src: url('fonts/Roboto-Light-webfont.eot');
	src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light-webfont.woff') format('woff'), url('fonts/Roboto-Light-webfont.ttf') format('truetype'), url('fonts/Roboto-Light-webfont.svg#roboto_light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotobold';
	src: url('fonts/Roboto-Bold-webfont.eot');
	src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold-webfont.woff') format('woff'), url('fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* -----------Common Styles-----------------*/
html { height: 100%;  margin:0; padding:0; overflow:hidden;}

body { height: 100%; margin:-1px 0 0 0; padding:0; font-family: "robotoregular"; min-width: 768px; overflow:hidden; }
h1,h2,h3,h4,h5,h6{ margin: 0; padding:0; }
a { text-decoration: none; outline: none; color:#2589d5;  }

ul, li,
ol { list-style: none; margin:0; padding:0; }
p{ margin:0; padding:0; }

strong{ font-weight:normal; font-family: 'robotobold'; font-size:14px;}

.clearfix:before,
.clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; font-size: 0 }

.clearfix:after { clear: both }

.clearfix { *zoom: 1 } /* for IE only */

header, section, footer,
aside, nav, article, figure {
	display: block;
	margin:0;
	padding:0;
}
img{border:none;}
.slide{ float:left;}

.LeftFlt{float:left; }

.RightFlt{float:right !important;}

/*-----------------Layout start ----------------------------*/

#mf_layoutWraper 
	{
		min-width: 780px;
		max-width: 100%;
		width: auto;
		height:100%;
		overflow: hidden;
		margin:0;
		padding: 1px 0 0 0;
		.icon { background-image: url(../images/sprites.png); background-repeat: no-repeat; } 
		#mf_mainMenu
		{
			width: 105px;
			background: #0039a6 url(../images/menuShadowBg.png) repeat-y right top;
			height: 100%;
			position: absolute;
			z-index:200;
			figure
			{	
				width: 100%;
				overflow: hidden;
				a
				{
					margin: 0;
					padding: 0;
					height: 58px;
					background: #000;
					display: block;
					
					img{ 
						margin: -21px 0 0 -34px;
						position: relative;
						top: 50%;
						left: 50%; border:none;
						}
				}
			}

			
			nav
			{
				ul li
				{	
				
				
				
					&.active {  
						.mf_subNavMenu{ top:98px !important}
						&:hover{.mf_subNavMenu{ display:none}}
						}
					&.mf_newHires 
						{
						.icon { background-position: 39px -78px; 
								
						}
						&:hover, &.current, &.active {
							background-color: #006054 !important;	
						}
						
						a
							{	
								&:hover, &.current {
									background-color: #006054;		
									/*&:after{	border-left-color: #edd3d8;}*/	
								}
						&:hover{.Add{ background-position:10px -1151px;}}
								.Add{ background-position:10px -1212px; width:30px; margin-left:-29px; height:20px; position:absolute;
								}
							}
													/*span { background: url(../images/sprites.png) 0px -2357px; 
													width:9px; 
													height:17px; 
													float: right;
													position: relative;
													right: -9px;
													top: -45px;
													z-index: 100; 
													}*/
								.mf_subNavMenu{ background:none repeat scroll 0 0 #98f5e9 ;
									&:before{	top:37px; border-left-color: #98f5e9; border-right:0px ; left:0px}	
									
									ul li{
									border-bottom:1px solid #6ac8bc\9 !important;
									&.submenu_active a{ font-family:'robotobold'}
									}
								}
						}
						
						&.mf_members {
						
							.icon{ background-position: 39px -144px;}
							
							&:hover, &.current, &.active {
									background-color: #aa272f;
									}
							a
							{	
								&:hover, &.current {
									background-color: #aa272f;		
									/*&:after{	border-left-color: #edd3d8;}*/	
								}
								
								&:hover{.Add{ background-position:10px -1151px;}}
								.Add{ background-position:10px -1212px; width:30px; margin-left:-29px; height:20px; position:absolute;
							
							
							} 
							}
							.mf_subNavMenu{ 
								border:1px solid #58778b;
								border-left:none;
								border-top:none;
								background: #edd3d8;
								&:before{top:104px; 	border-left-color: #aa272f; border-right:0px  ; left:0px}
								ul{
									li
									{
											border-bottom:1px solid rgba(170, 39, 47, 0.3) !important;
											border-bottom:1px solid #d89fa5\9 !important;
											&.submenu_active a{ font-family:'robotobold' !important;}
									}
								} 
							}
							
						 }
						&.mf_retirees { 
							.icon{ background-position: 39px -212px; }
							&:hover, &.current, &.active {
									background-color: #b35b8d;	
							}
							a
							{	
								&.current {
									background-color: #b35b8d;		
									/*&:after{	border-right-color: #cedffe;}	*/
								}
							}
							.mf_subNavMenu{ 
								border:1px solid #6c8292;
								border-left:none;
								border-top:none;
								background: #f3b7d9;
								&:before{border-left-color: #002e86; top:172px; border-right:0px ; left:0px}	
								ul{
									li
									{
											border-bottom:1px solid rgba(179, 91, 141, 0.4);
											border-bottom:1px solid #da92ba\9 !important;
											&.submenu_active a{ font-family:'robotobold' !important;}
									}
								}
							 }
						 }
						&.mf_employers {
							.icon{ background-position: 39px -279px; }
							&:hover, &.current, &.active {
									background-color: #eed91e;
									color:#444444;
									
									a{ color:#000 !important;}
							}
							

							a
							{	
								&:hover, &.current {
									background-color: #eed91e;
									color:#444444;		
									/*&:after{border-right-color: #f8f2b6;}*/	
								}
							}
							.mf_subNavMenu{ 
								border:1px solid #6d808f;
								border-left:none;
								border-top:none;
								background: #f8f2b6;
								&:before{border-left-color: #eed91e;top:247px; border-right:0px;  left:0px}	
								ul{
									li
									{



											border-bottom:1px solid rgba(238, 217, 30, 0.4); 
											border-bottom:1px solid #f4e879\9 !important; 
											&.submenu_active a{ font-family:'robotobold' !important;}
									}
								} 
							}
						 }
						&.mf_investmentFunds { 
						
							.icon{ background-position: 39px -346px;}
							
							
							
							&:hover, &.current, &.active {
									background-color: #84ae02;	
							}
							a
							{	
								&:hover, &.current {
									background-color: #84ae02;	
									/*&:after{border-right-color: #d4e3a6;}*/	
								}
								
								&:hover{.Add{ background-position:10px -1151px;}}
								.Add{ background-position:10px -1212px; width:30px; margin-left:-29px; height:20px; position:absolute;
							
							
							} 
							}
							.mf_subNavMenu{ 
								border:1px solid #a0a0a0;
								border-left:none;
								border-top:none;
								background: #d4e3a6;
								
								&:before{border-left-color: #84ae02;top:174px; border-right:0px; left:0px}	
								ul{
									li
									{
											border-bottom:1px solid rgba(132, 174, 2, 0.3);
											border-bottom:1px solid #bcd375\9 !important;
											 &.submenu_active a{ font-family:'robotobold' !important;}
									}
								}
							 }
						}
						&.mf_FrsPrograms {
							.icon{ background-position: 39px -427px;  } 
							
							&:hover, &.current, &.active {
									background-color: #7c4299;		
							}
							a
							{	
								&.current {
									background-color: #ba90cf;	
									/*&:after{border-right-color: #cfcfe8;}	*/
								}
								
								&:hover{.Add{ background-position:10px -1151px;}}
								.Add{ background-position:10px -1212px; width:30px; margin-left:-29px; height:20px; position:absolute;
							
							
							} 
							}
							.mf_subNavMenu{ 
								border:1px solid #6d3c86;
								border-left:none;
								border-top:none;
								background:#ba90cf;
								&:before{top:401px;border-left-color: #7171b4 ;
										border-right:0px; left:0px}
								ul{
									li
									{
											border-bottom:1px solid rgba(124, 66, 153, 0.3);
											border-bottom:1px solid #a779be\9 !important;
											&.submenu_active a{ font-family:'robotobold' !important;}
									}
								} 
								
							}
						}
						&.mf_resources {
							.icon{ background-position: 39px -508px; }
							z-index:2000;
							
							&:hover, &.current, &.active {
									background-color: #d14625;
									
									.mf_subNavMenu:before{top:469px !important}
							}
							a
							{
							  /*z-index:2000;*/
								&.current {
									background-color: #fc937b;	 font-weigh:bold !important; color:#000 !important;
									/*&:after{border-right-color: #d1def8;}*/	
								}
								
								&:hover{.Add{ background-position:10px -1151px;}}
								.Add{ background-position:10px -1212px; width:30px; margin-left:-29px; height:20px; position:absolute;
							
							
							} 
							}
							.mf_subNavMenu{ 
								border:1px solid #bb5740;
								border-left:none;
								border-top:none;
								background: #fc937b;
								&:before{border-left-color: #1f58c5; top:473px; border-right:0px; left:0px; }
								ul{
									li
									{
											border-bottom:1px solid rgba(209, 70, 37, 0.3); 
											border-bottom:1px solid #ef7c61\9 !important; 
											&.submenu_active a{ font-family:'robotobold' !important;}
									}
								}
							 }
						 }
				
				
				
				
					a
					{	
						
						display: block;
						text-align: center;
						font-size: 11px;
						color: #dfdfdf;
						padding: 43px 5px 10px 5px;
						text-transform: uppercase;
						border-bottom: #3361b8 solid 1px;
						position: relative;
						
						&.home { background-color: #3d68bb; background-position: 38px 8px; padding: 0; border-bottom: 1px solid #003c63; border-right: 1px solid #003c63; height:39px; text-indent: 150px; overflow:hidden; 
							&:hover{
								background-color: #3D68BB;	
								&:after{display:none}
							}
						}
						
						
						&:hover, &.current, &:target, &.active {
							/*background-color: #46bcdc;		*/
							/*border-right:1px solid rgba(70,188,220,0.4);*/
							/*&:after
							{					
								left: 80.9%;
								top: 50%;
								z-index: 100;
								border: solid transparent;
								content: " ";
								height: 0;


								width: 0;
								position: absolute;
								pointer-events: none;
								border-left-color: #98f5e9;
								border-width: 10px;
								margin-top: -10px;
							}*/
								
						}
						
					}
					
					
					
					
					.mf_subNavMenu
							{
								width: 226px;
								position: absolute;
								left: 105px;
								top: 98px;
								/*background: rgba(255,255,255,1);*/
								background: rgba(70,188,220,0.4);
								z-index: 1;
								
								border:1px solid #718492;
								border-left:none;
								border-top:none;
								overflow:visible !important;
								&:before
								{					
									left:-8.6%;
									top: 50%;
									z-index: 100;
									border: solid transparent;
									content: " ";
									height: 0;
									width: 0;
									position: absolute;
									pointer-events: none;
									border-right-color: #98f5e9;
									border-width: 10px;
									margin-top: -10px;
							    }
						
								ul
								{
									
									padding:8px 0 0 20px; margin:0; display:block; height:100%;
									float:left;
									
									
									li
									{
											border-bottom:1px solid rgba(0, 96, 84, 0.3);
											padding:7px 0 8px 0; 
											width:100%; 
											float:left; 
											display: block;
											
											&.expand {
											
											
												a 
											{
												padding:0 10px 0 20px !important;	width:82% !important;
											}
											
											li a{
											
														width:88% !important;	
											}
											
											
											} 
											a {  background-position: 0px -1151px;}
											
											&:hover
											 { 	
											 	
											 	a{ background-position: 0 -1150px !important;  
													.Add{ background-position:10px -1151px !important;} 
												
												}
												ul { display: block;  li a { font-family: 'robotoregular';  } 
												
												}
											 }
											
											a
											{
												color:#333333 !important; 
												font:13px/14px 'robotoregular'; 
												float:left;
												margin-right: 10px; 
												padding:0; 
												text-align: left; 
												text-transform:none; 
												border:none;
												
												
												.rightArrow{background:url(../images/rightArrow.png) no-repeat; width:7px; height:8px; float:right; display:block}	
												
											}
											a:hover{ background-color: transparent !important; border:none; &:after{ background:none; border:none;}}
											ul
											{
												padding:0; margin:0; display: none;
												li{	border-bottom:none !important; padding:15px 0 0 0; 	}
											}
									}
								}
							}
			
					
						
				}
			}
		}
		section#content
		{
			float:right;
			margin-left: 105px; *margin-left:0px;
			width:100%;
			
			.contentWrapper
			{
				float:none;
				position:static;
				margin-left:105px;
				
				header.mf_header
				{
					background: #141414;
					height: 58px;
					padding:0;
					margin:0;
					
					h1 { line-height: 58px; color: #f2f2f2; font-size:24px; font-family:"robotomedium"; font-weight: normal; float: left; }
					.mf_Languages, .mf_user
					{ 
						 
						background: #1a1a1a; 
						float:right; 
						border-left: 1px solid #2c2c2c;
						li
						{
							background-position: 17px -817px;
							
							a
							{
								color: #fff;
								font-size: 14px;
								font-family: 'roboto_light';
								background-position: 102px -1003px;
								padding:0 40px 0 50px;
								line-height: 58px;
								display:block;
								
							}
								
							
							ul{ display: none; position: absolute; z-index: 101; width: 154px; opacity: 0; 
								li a
								{
									color: #fff;
									font-size: 14px;
									font-family: 'roboto_light';
									padding:0 20px 0 20px;
									line-height: 28px;
									display: block;
									background: #242424;
									opacity: .8;
									border-top: 1px solid #2c2c2c;
									overflow:hidden;
									text-overflow:ellipsis;
									white-space:nowrap;
									&:hover 
									{ 
										background: #1a1a1a; 
										opacity: 1;
										-moz-transition: all .3s ease-in;/* Firefox */
										-webkit-transition: all .3s ease-in;/* WebKit */
										-o-transition: all .3s ease-in;/* Opera */
										transition: all .3s ease-in;/* Standard */
									}
								}
							}
							
							&:hover 
							{
								ul
								{ 
									display: block; 
									opacity: 1; 
									
								}
							}
						}
						
					}
					
					
					.mf_user
					{ 
						 
						background: #242424; 
						float:right; 
						border-left: 1px solid #3a3a3a;
						li
						{
							background-position: 17px -2417px;
							
							a
							{
								color: #fff;
								font-size: 14px;
								font-family: 'roboto_light';
								padding:0 15px 0 45px;
								line-height: 58px;
								display:block;
								
								span { background-position: 0 -1021px; width: 15px; display: inline-block; margin-left:10px; height:15px }
							}
								
							
							ul{/* display: block; */position: absolute; z-index: 101; width: 154px; 
								li a
								{
									color: #fff;
									font-size: 14px;
									font-family: 'roboto_light';
									padding:0 20px 0 20px;
									line-height: 28px;
									display: block;
									background: #242424;
									opacity: .8;
									border-top: 1px solid #2c2c2c;
									overflow:hidden;
									text-overflow:ellipsis;
									white-space:nowrap;
									&:hover 
									{ 
										background: #1a1a1a; 
										opacity: 1;
										-moz-transition: all .3s ease-in;/* Firefox */
										-webkit-transition: all .3s ease-in;/* WebKit */
										-o-transition: all .3s ease-in;/* Opera */
										transition: all .3s ease-in;/* Standard */
									}
								}
							}
						}
						
					}
					
					.mf_loginForm
					{
						background: #242424; 
						
						border-left: 1px solid #3a3a3a;
						padding:0 10px 0 0;
						height:58px;float:right; width:450px;display:none;
						
						a { font-size:12px; color:#9edd2d; margin:2px 7px 0 0; float:right; clear:both; }
						h3{ font-size:14px; color:#f2f2f2; font-family:"robotomedium"; font-weight: normal; }
						
						li
						{
							display: inline-block;
							margin-top:10px;
							float:left;
							
							
							
													.userId, .password
							{
								width:26px;
								height: 26px;
								background-color: #8c8c8c;
								float: left;
								text-indent:100px;
								overflow:hidden;
								margin-left:10px;
								
							}
							.userId { background-position: 6px -901px;}
							.password { background-position: 6px -956px;}
							input{height: 26px; float:left; outline:0; border:none; padding:0 5px; margin:0; line-height: 26px; bakground: #e9e9e9; color: #555555; width:140px; font-size:15px; font-family:'roboto_light'; border-radius:0px }
							button{ background: #9edd2d; font-size:14px; font-family: 'robotobold'; color:1f1f1f; text-transform: uppercase; border:none; width:60px; text-align:center; line-height:24px; cursor:default; cursor:pointer; outline:none; float:left; margin: 0 0 0 10px; }
							
						}
					}
					
					.logOutPanel{ display:none;
					
					.userLog{ width:200px; float:left; /*border:1px solid #fff;*/ padding:10px 0; margin:7px 0; background-position:10px -2426px; font:14px 'roboto_light'; text-indent:40px; color:#fff;
					
					.userArrow{background-position:0px -1021px; width:25px; height:20px; float:right; margin-right:10px;}
					}
					
					.LoginPopup{
			width:200px;
			position:absolute; 
			right:200px;
			top:45px;
			background:#fff;
			box-shadow:1px 1px 2px 0 #BBBBBB;
			padding:10px 0;
			text-align:center;
			
				button{ background: #b7323a; font-size:14px; font-family: 'robotobold'; color:1f1f1f; text-transform: uppercase; border:none; width:90%; color:#fff; text-align:center; line-height:24px; cursor:default; cursor:pointer; outline:none; float:left; margin:0 0px 0 10px; cursor:pointer; }
				.BotMrg{margin-bottom:10px;}
			}
					
					}
					
					
					
					.mf_newRegister
					{
						padding:7px 18px 0;
						background: #333333; 
						float:right; 
						border-left: 1px solid #505050;
						height:51px;
						line-height: 18px;
						color: #98d132;
						font-size:18px; 
						font-family: 'robotobold';
						span
						{
							font-size:14px; font-family: 'roboto_light'; color:#fff;
						}
					}
				}
				
				.mf_subHeader
				{
					background: #eed91e;
					height: 39px;
					border-bottom: #757575 1px solid;
					overflow:hidden;
					width: 100%;
					font-family: 'robotoregular';
					
					ul 
					{
						display: table;
						*display: block;
						background: #eed91e; 
						width: 100%;float:left; margin: 0; padding:0;
						
						li 
						{
								display: table-cell; *display:inline-block; *width:20%;
								margin:0; padding:0; 
								text-align: center; 
								color:#fff;
								*float: left;
								font-family: 'roboto_light' !important;
								font-size: 13px;
								border-right: 1px solid #ceba06;
								&.arrow{ 
										background-image: url(../images/sprites.png); background-repeat: no-repeat; background-position:-138% -1012px; width:80px; height:39px;
										display:none !important; background-color:#000;
										&:hover{
											#mf_layoutWraper section#content .contentWrapper .mf_subHeader ul li.faq{ display:block !important}
										}
										
									}
								
								&.infoLinks { width: 351px; border: none; }
								&.faq 
									{ 
										.icon{ background-position: 14px -645px;}
										width: 80px;
									}
									&.calculators
									{ 
										.icon{ background-position: 14px -704px;}
										width: 108px;
									}
									&.workshops
									{ 
										.icon{ background-position: 14px -762px;}
										width: 100px;
									}
									
								a
								{
									line-height: 33px;
									height:37px;
									float:left;
									overflow: hidden;
									border: none;
									color: #444444;
									display:inline-block;
									text-align: left;
									padding-left: 44px;
									padding-right: 20px;
									font-family: 'robotoregular';
									
									
									 &.contactPane
									{
										color:#fff; 
										font-family: 'roboto_condensedbold' !important;
										font-size: 14px;
										text-align:left;
										padding:5px 10px 0 20px;
										line-height: 14px;
										display: inline-block;
										height: 34px;
										
									}
									 &.contactPane span
									{
										color:#fff; 
										font-family: 'robotobold' !important;
										font-size: 13px;
									}
									
									&.chatPane
									{
										background: none;
										width: 144px;
										padding:1px;
										
										img{ width:144px; height:37px;}
										
									}
									&.contactPane
									{
										background: url(../images/chatImg.png) left bottom no-repeat;
										width: 175px;
									}
								}
								
								&.inner{background: #c8424a; /* Old browsers */
									background: -moz-linear-gradient(top,  #c8424a 1%, #aa272f 100%); /* FF3.6+ */
									background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c8424a), color-stop(100%,#aa272f)); /* Chrome,Safari4+ */
									background: -webkit-linear-gradient(top,  #c8424a 1%,#aa272f 100%); /* Chrome10+,Safari5.1+ */
									background: -o-linear-gradient(top,  #c8424a 1%,#aa272f 100%); /* Opera 11.10+ */
									background: -ms-linear-gradient(top,  #c8424a 1%,#aa272f 100%); /* IE10+ */
									background: -ms-linear-gradient(#c8424a, #aa272f);border-left:1px solid #dd5c69;
										border-top:1px solid #dd5c69;
										border-right:1px solid #7e0810;
										border-bottom:1px solid #ab2830;}
								&.mf_submenu
								{
									height: 39px;
									/*width:455px !important;*/
									/*background: #c8424a; 
									background: -moz-linear-gradient(top,  #c8424a 1%, #aa272f 100%); 
									background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c8424a), color-stop(100%,#aa272f)); 
									background: -webkit-linear-gradient(top,  #c8424a 1%,#aa272f 100%);
									background: -o-linear-gradient(top,  #c8424a 1%,#aa272f 100%);
									background: -ms-linear-gradient(top,  #c8424a 1%,#aa272f 100%);
									background: -ms-linear-gradient(#a2d93f, #ffa220);*/
									/*width:auto;
									max-width:1019px;*/
									/*width:550px !important;*/
								
									a
									{
										
										color: #fff;
										
										
										
										text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
										
										
										&.adviserService { background-position: 14px -2166px; }
										&.accountDetails { background-position: 14px -2758px; }
										&.manageService { background-position:14px -2820px; }
										&.newService { background-position:14px -2888px; }
										&.secondService { background-position:14px -2956px; }
										&.choiceService { background-position:14px -3024px; }
										&.Enroll { background-position:14px -3095px; }
									}
								}
								
								&.mf_search
								{
									margin:0;
									padding:5px;
									form
									{
										margin:0 0 4px 0;
										padding:0;
										/*float: left;*/
										height: 30px;
										width: 100%;
										background:#fbf3c2;position:relative;
										.search { width: 30px; height:30px; background:url(../images/horizSprits.png) no-repeat scroll -74px -13px #B19D00; float:right; background-color:rgb(180, 162, 1,0.7); cursor:pointer; position:absolute; display:block; right:0;}
										input
										{ 
											/*width:75%;*/ 
											color: #444444; 
											display:inline-block; 
											margin:0;
											float:left; 
											height:20px; 
											border:none; 
											outline:none; 
											background:none;
											font-family: 'robotoregular';
											font-size: 14px;
											 padding:5px;
											&::-webkit-input-placeholder { /* WebKit browsers */ color:    #444444; }
											&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #444444; }
											&::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #444444; }
											&:-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #444444; }
											
											width:92%;
											overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
											
										}
										
									}
								}
							}
						}
					}
			}
		
		}
		#mf_homePanels
		{
			width: 256px;
			position: absolute;
			top: 98px;
			right: 0;
			z-index: 100;
			
			.panel
			{ 
				background:url(../images/transparent_bg.png) repeat; padding: 6px; display: block; float:left; width:233px; margin-top: 10px; 
				
				.infoReports 
				{ 
					background: url(../images/reportsImg.jpg) 0 0 no-repeat;
					width: 100%;
					padding-top:55px;
					a
					{
						font-family: 'roboto_condensedbold';
						color:#0670bf;
						font-size:13px;
						padding:5px 8px;
						display:block;
						text-transform:uppercase;
						background: #f0f0f0;
					} 
				}
				
				h3
				{
					height: 35px;
					background-color: #aa272f;
					background-position:  8px -1276px;
					padding-left:43px;
					font-size: 13px;
					font-weight: normal;
					color: #ffffff;
					line-height: 35px;
				}
				.tabs
				{
					background: none;
					display: block;
					height:30px;
					padding:0;
					
					li
					{ 
						background: none;
						display: inline-block; 
						padding:0; 
						border:none; 
						color:#ffffff; 
						margin:0;
						width:50%; 
						float: left;
						
						a 
						{ 
							width:100%; 
							background: #928e85;
							height:30px; 
							text-align: center;  
							
							line-height:30px; 
							display: inline-block; 
							font-family: 'robotoregular';
							text-transform:uppercase;color: #ffffff;
							
							&.active{ background:#dde3c9; color: #333333;   } 
						}
					}
					}
					ul
					{ 
						background: #dde3c9; padding-top: 10px; 
						&.downloads li { background-position: 0px -1468px; padding: 5px 0 5px 20px; }
						li
						{ 
							background-position: 0px -1345px;
							padding: 5px 0 5px 13px;
							border-bottom: 1px solid #ccd1ba;
							font-size: 13px;
							line-height: 15px;
							margin:0 10px;
							float: none;
							width: auto;
							color: #292929;
							display: block;
							font-family: 'robotoregular';
							a { color: #292929; }
							
							&.viewAll
							{
								color: #0670bf;
								font-size: 11px;
								border:none;
								padding:10px 0; width:93%;
								
								a {  font-family: 'robotoregular'; padding-right: 20px !important; text-transform: uppercase;
									
									span{background-position: 0 -1413px;
										float: left;
										height: 56px;
										margin-left: 10px;
										position: absolute;
										width: 17px;}
								
								 }
							}
							
						}
					
				}
			
			}
			
			
		} 


.Benefit table{border:1px solid #eaf6fe;}

.Benefit table tr td{border-right:1px solid #eaf6fe;}

.Benefit table tr td:last-child{border-right:0px;}

.Benefit p{ padding:0 10px;}		

.mf_contentWrapper
		{
		margin:0 266px 30px 105px ;/* 332px */
		position: absolute;
		outline: none;
		top:98px;
		/*background: #ffffff;*/
		color:#333333;
		font-family:'robotoregular';
		
		.mf_pageContent
			{ 
				margin:0 15px; 
				
				button
				{
					background: #b7323a;
					border: none;
					color: #fff;
					padding: 0.5em 1em;
					font-family: robotobold;
					font-size: 15px;
					cursor:pointer ;
					width: auto; float:left;
					a{color: #fff;}
				} 
				.tableTitle
				{
					color:#ffffff;
					font-family:  'robotobold';
					font-size: 17px;
					background: #27a9e3;
					height:36px;
					line-height:36px;
					diplay: block;
					font-weight: normal;
					padding-left: 0.5em;
				}
				.tableTitle2 
				{
					color: #555555;
					font-family: 'robotobold';
					font-size: 16px;
					background: #eaf6fe;
					height: 36px;
					line-height: 36px;
					diplay: block;
					font-weight: normal;
					padding-left: 0.5em;
				}
				
				.tableTitle3 
				{
					color: #555555;
					font-family: 'robotoregular';
					font-size: 16px;
					background: #eaf6fe;
					height:100%;
					line-height: normal;
					diplay: block;
					font-weight: normal;
					padding-left: 0.5em;
				}
				
				h2
				{
					font-size:24px;
					font-weight: normal;
					border-bottom:1px solid #d9d9d9; 
					padding:12px 0 11px 0; 
					float: left; 
					width:100%; 
					margin:0 0 15px 0;font-family:'roboto_light';color:#1E1E1E;
				}
				h4
				{
					font-size:14px;
					font-weight: bold;
					border-bottom:1px solid #d9d9d9; 
					padding:8px 0 8px 0; 
					float: left; 
					width:100%; 
					margin:0 0 10px 0;
				span{float:right;font-weight:normal;}
				
				
				}
								.ListItem
{

font-size:13px;
line-height:22px; 

}
.nolist li
{
list-style-type:none !important;
}
.leftBox
{float:left; margin-left:0px; width:30%; display:inline-block; }

.numbers li
{
list-style-type:decimal;
margin-left:25px;
background:none; font:13px 'robotoregular';
	
	b
	{
	font-size:13px;
	}
}


				
				p
				{
					font-size:13px;
					margin:0 0 15px 0; padding:0 0 0 0; /*text-align:justify;*/
				}
				
				.mf_fundList
				{ 	
					width:100%; float: left;			
					li
					{
						margin:5px 0; 
						float: left; 
						width:100%; 
						background:#f2faff; 
						border-right:1px solid #d8dde1; 
						overflow:hidden;
						a
						{
							color:#007ac9;
							font-size:16px; 
							background-position: 0px -1085px; 
							padding:0 0 0 31px; 
							margin:0 0 0 10px;
							line-height:36px;
						}
					}
				}
				
				.mf_serviceTable 
				{
					display: table;
					width: 100%;
					margin: 0; padding:0;
					font-size: 12px;
					border-left: 1px solid #f2f2f2;
					color: #444444;
					
					span { margin: 0 0.5em; display: block;}
					
					.mf_serviceTableCell 
					{	
						.tableHeader {  background: #f0f0f0; font-family: 'robotobold'; }
						
						display: table-cell;
						line-height:32px;
						height:32px;
						border-right: 1px solid #f2f2f2; 
						margin:0; 
						padding:0; 
						text-align:left; 
						
						ul, li 
						{ 
							border-bottom: 1px solid #f2f2f2; width: 100%; margin: 0; padding:0; display:block; 
						}
					}
				}
				
				
				.mf_goalTable 
				{
					display: table;
					width: 100%;
					float:left;
					margin: 0; padding:0;
					font-size: 14px;
					color: #444444;
					
					.mf_labels  
					{  
						width: 120px;
						li { padding: 0.2em 0.5em !important;  }
					}
					.mf_results  span{  background-color: #f7f7f7; display: block; padding: 0.2em 0.5em  }
					
					
					
					.mf_goalTableCell 
					{
						display: table-cell; 
						margin:0; 
						padding:0; 
						text-align:left; 
						
						ul, li 
						{ 
							width: 100%; margin: 6px 0; padding:0; display:block; 
						}
					
				}
				}
				
				.mf_greyTable
				{
					background-color: #f8f8f8;
					border-bottom: 2px solid #e9e9e9;
					float: left; 
					padding: 1em;
					strong{  color: #aa272f; }
					a { font-family: 'robotobold'; color: #0039a6; }
					h5 
					{
						font-size: 17px;
						color: #555555;
						font-family: 'robotobold';
						padding-bottom: 0.5em;
					}
					.mf_sideBorders
					{
						border-left:1px solid #e4e4e4;
						border-right:1px solid #e4e4e4;
					}
					.mf_grid_half 
					{
						background: #e3e3e3;
						margin:0 2% 0 0;
						width:50% - 2% !important;
						font-size:15px;
						font-family: 'roboto_light';
						padding: 0.2em;
						strong{ font-size: 17px; }
						
					}
				}
				
				.mf_retireTable 
				{ 
					font-size: 13px;
					
					ul li
					{
					
						padding: 3px 0 3px 8px;
						background-position: 7px -2058px;
						
					}
					
				}
				.mf_infoBox
				{
					font-size:11px;
					font-family: 'roboto_light';
					color: #858585;
					padding-left: 40px;
					background-position: 14px -2092px;
				}
				
				.mf_balanceTitle
				{
					background-color: #ededed; font-size:15px; line-height:20px;
					strong { display: block; font-size: 15px; line-height: 28px; }
				}
				.mf_balance
				{
					background-color: #84ae02; font-size: 21px; color: #fff; line-height: 39px; text-align: center;
				}
			}
		
		
	}
	table tr th{font:14px 'robotobold';color:#444; text-align:left;}
	table tr td{/*border-left:1px solid #D9D9D9;*/border-collapse:collapse;font:14px 'roboto_light';color:#444;padding:8px;margin:10px;
	/*border-top:1px solid #D9D9D9;*/}
	table tr td:last-child{/*border-right:1px solid #D9D9D9;*/-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior:url(boxsizing.htc)}
	table{/*border-bottom:1px solid #D9D9D9;*/ /*float:left*/}
	table tr td a{margin-left:0px;}
	.mf_panelOff { margin-right: 0px !important; }
footer
	{
		background:#000; 
		height:34px; 
		width:100%; 
		position:absolute; 
		bottom:0; 
		z-index:200; 
		font-family: 'roboto_light' ;
		font-size: 13px;
		color: #fff;
		overflow: hidden; opacity:0.8;
		
		/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

		ul 
		{
			display: table; height:34px;
			width: 100%;float:left; margin: 0; padding:0;
			li 
			{
				display: table-cell;  float:left;
				margin:0; padding:0; color:#fff; height: 34px;
				&.footermenu
				{ 	 float:right;
					li
					{
						text-transform: uppercase; padding-top: 8px; 
						
						a{ display: inline-block; color:#fff;  padding: 0 10px; border-left: 1px solid #6b6b6b; } 
					}
				}
			
				&.mf_Date { float:left; width:90px; line-height: 34px; padding-left:15px; }
				&.socialLinks
				{
					a 
					{
						width:24px;
						height:24px;
						float:left;
						display: inline-block;
						text-indent: 100px;
						overflow:hidden;
						margin: 5px 4px;
						
						&.facebook {  background-position:2px -1802px; }
						&.twitter {  background-position: 2px -1868px; }
						&.youtube {  background-position: 2px -1933px; }
						&.google {  background-position: 2px -2000px; }
					}
				}
			
		}
	}
	
}


.mSCaption
		{
			/*background:#000;*/
			background:url(../images/transparent_bg1.png) repeat;
			text-transform: uppercase;
			font-family: 'roboto_light';
			font-size:24px !important;
			width:37%;
			padding:10px 15px;
			position:fixed;
			/*top:60%;*/
			bottom:20%;
			color:#ffffff;
			line-height:28px;
			left: 20%;
			display: block;
			z-index: 115;
			

a{color:#ffffff; strong {font-size:24px !important; color:#ffffff;}}


					}

.mf_banner 
	{ 
		width:100%; height:100%; display: block; position:absolute; z-index:-1; overflow:hidden; 
		img{ margin:95px 0 0 100px; width:100%; }
		
		
	
	}

#mf_bannerNav
	{
		margin: 0 auto;
		height: 42px;
		width: 100%;
		bottom: 54px;
		left: 0;
		z-index: 108;
		position: absolute;

		#controls 
		{
			overflow: hidden;
			height: 100%;
			position: relative;
			text-align: left;
			z-index: 109;
			
			#slide-list 
			{
				padding: 15px 0;
				float: left;
				position: absolute;
				left: 50%;
				margin-top: 0px;
				
				li 
				{
					list-style: none;
					width: 12px;
					height: 12px;
					float: left;
					margin: 0 5px 0 0;
					padding: 0px !important;
					
					 a 
					 {
						display: block;
						width: 12px;
						height: 12px;
						background-position: 0 -1670px;
						&.active { background-position: 0 -1609px; }
						&.previous, &.next
						{
							width: 14px;
							height: 18px;
							margin-top:-3px;
						}
						&.previous { background-position: 0px -1542px; }
						&.next { background-position: 0px -1729px; }
					}
				}
			}
		}
		
	}
	
}


.mf_border{ border:1px solid #f2f2f2; display:block; float:left; }
.mf_border2{ border:1px solid #eaf6fe; border-bottom:2px #dbe7ed solid !important;  }
.mf_marginTop { margin-top: 0.5em !important; }
.padded2-sides { padding: 0 1em }
.padded2-left { padding-left: 1em }
.padded2-right { padding-right: 1em }


.mf_grid_all,
.mf_grid_1,
.mf_grid_2,
.mf_grid_3,
.mf_grid_quarter,
.mf_grid_4,
.mf_grid_third,
.mf_grid_5,
.mf_grid_6,
.mf_grid_half,
.mf_grid_7,
.mf_grid_8,
.mf_grid_two_thirds,
.mf_grid_9,
.mf_grid_three_quarters,
.mf_grid_10,
.mf_grid_11,
.mf_grid_12,
.mf_grid_13,
.mf_grid_full { margin: 0px 0px 5px 0px ; clear: none; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior:url(boxsizing.htc)
}
.mf_grid_full_dc { margin: 0px 0px 5px 0px ; clear: none; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior:url(boxsizing.htc)
}

.mf_grid_1 { width: 8.33333% }
.mf_grid_2 { width: 16.66667% }
.mf_grid_3,
.mf_grid_quarter { width: 25% }
.mf_grid_4,
.mf_grid_third { width: 33.33333% }
.mf_grid_5 { width: 41.66667% }
.mf_grid_6,
.mf_grid_half { width: 50% }
.mf_grid_7 { width: 58.33333% }
.mf_grid_8,
.mf_grid_two_thirds { width: 66.66667% }
.mf_grid_9,
.mf_grid_three_quarters { width: 75% }
.mf_grid_10 { width: 83.33333% }
.mf_grid_11 { width: 91.66667% }
.mf_grid_12,
.mf_grid_full { width: 100% }
.mf_grid_13{ width:49% }
.padded { padding: 0.5em; }
.padded-left { padding-left: 0.5em }
.padded-right { padding-right: 0.5em }
.padded-top { padding-top: 0.5em }
.padded-bottom { padding-bottom: 0.5em }
.padded-sides { padding: 0 0.5em }
.padded-vertical { padding: 0.5em 0 }
.padded-inner { padding: 1em }
.padded-inner-sides { padding: 0 1em }
.padded-reverse { margin: 0 -0.5em; width: auto; box-sizing: content-box; float: none }
.padded-reverse-all { margin: -0.5em; width: auto; box-sizing: content-box; float: none }
.flow-opposite { float: right }
.center { text-align: center }
.left { text-align: left }
.right { text-align: right }
.row { margin: 0 -0.5em; width: auto; box-sizing: content-box; float: none }
.ListItem{
margin-left:20px;
	li{
		list-style-image:url(../images/list_arrow.png);
 	ul {
	margin-left:20px;
	li{
			list-style-image:url(../images/list_arrow.png);
 	
		}
	}
	}
		
	}
	

.arrow{width:10px; height:20px;
background-position:0px -1347px;
background-repeat:no-repeat;
padding-right:5px; 
padding-left:10px;
}

/*********************** members********************** */	

	.memPdf{ background:url(../images/pdf.png) no-repeat 0 2px; padding-left:21px}
	
	.go{ background:#3399cc; border-radius:5px; border:1px solid #006699; color:#fff; cursor:pointer}
	/*.go{ background:#3399cc; border-radius:5px; padding:1px; border:1px solid #006699; color:#fff; cursor:pointer}*/
	
	.right{float:right}
	
	.olMembers{list-style: decimal outside !important; padding-left:2%;
		
		li{list-style: decimal outside !important; list-style-image:none !important;
		
			a{ clear:both; display:block;
			
					
					span{ font-weight:bold}
			
			}
		
		
		}
	
	}

	
/*********************** home page menu********************** */
	
#mf_layoutWraper #mf_mainMenu nav ul.mf_homeMenu li{

	.mf_subNavMenu{ 
		ul li{ 
			margin-right:15px;
			padding-right:0px;
			width:93%; font:13px/14px 'robotoregular';
			a{ 
				background: url(../images/rightArrow.png) right no-repeat !important; width:93%; margin-right:0px; overflow:hidden; padding:0 10px 1px 0;
				 text-overflow:ellipsisellipsis;
				&:hover{ background: url(../images/rightArrow.png) right no-repeat !important;}
			 }
		}
		&:before
								{					
									left:-9%;
									top: 50%;
									z-index: 100;
									border: solid transparent;
									content: " ";
									height: 0;
									width: 0;
									position: absolute;
									pointer-events: none;
									border-right-color: #98f5e9;
									border-width: 10px;
									margin-top: -10px;
							    }
	}
	&.mf_newHires {
		
    	position: relative; 
		.mf_subNavMenu{top:0 !important;
			&:before{ top: 36px !important;  }
			ul{float:left; background:#98f5e9}
		}
	}	
	&.mf_members { 
		position:relative;
		.mf_subNavMenu{
			top:-48px !important;
			border-top:1px solid #58778b !important;
			&:before{ top: 82px !important; border-right-color: #edd3d8; }
			ul{float:left}
		}
		
	}
	&.mf_retirees { 
		position:relative;
		.mf_subNavMenu{top:-119px !important;
			border-top:1px solid #6c8292 !important;
			&:before{ top: 153px !important; border-right-color: #f3b7d9; }
			ul{float:left}
		}
	}
	&.mf_employers {
		position:relative;
		.mf_subNavMenu{top:-104px !important;
			border-top:1px solid #6d808f !important;
			&:before{ top:137px!important; border-right-color: #f8f2b6; }
			ul{float:left}
		}
	}
	&.mf_investmentFunds { 
		.mf_subNavMenu{/*top:203px !important;*/top:109px;
			border-top:1px solid #a0a0a0 !important;
			&:before{ top: 313px !important; border-right-color: #d4e3a6; }
			ul{float:left;
			
				
			
			}
		}
	}
	&.mf_FrsPrograms {
		position:relative;
		.mf_subNavMenu{top:-100px !important;
			border-top:1px solid #6d3c86 !important;
			&:before{top:132px !important;  border-right-color: #ba90cf; }
			ul{float:left}
		}
	}
	&.mf_resources {
		/*position:relative;*/
		z-index:2000;
		a{z-index:auto !important}
		.mf_subNavMenu{
			border-top:1px solid #bb5740 !important;
			top:239px !important;
			&:before{top:331px !important ; border-right-color: #fc937b;}
			ul{float:left}
		
		}
	}
	.mf_subNavMenu ul li ul{/*display:none !important*/}
}


	
.calc_image{float:left; width:99px; height:auto; margin-right:20px;

	img{width:99px; height:154px; vertical-align:top;}
}
.calc_text{float:left; width:79%;}
.thumbs{border-top:none !important;}
.leftBox{width:77% !important;}
.rightBox{width:20% !important;  display:none;

p{text-align:left;}
}
.eventCalender{width:100%; height:768px;}

.knowledge{ 
	td{ border:0px !important;
	
		&:first-of-type::after{content:":"; float:right;}
	
input[type="text"]{width:230px !important; height:20px; border:1px solid #D9D9D9;}
	
	input[type="radio"]{width:10px !important; }
	
select {width:230px !important; height:25px;}
	}
	tr{
		&:last-child{
			td:first-of-type::after{ content:none !important}
		}
	}
	
}



#tabs .quest{padding-bottom:5px;   width:100%; height:auto;}
.question{color:#a5312c !important; line-height:30px; margin-bottom:10px; font-size:14px !important; font-family:'roboto_light'}
.answer{padding:10px; background:#f9f9f9; margin-bottom:10px;}
.box div{border-left:0px; border-right:0px;}
.empty.ui-tabs-panel{border:0px !important;padding:0px;}
.line{border-bottom:2px solid #eee; margin-bottom:15px; padding-bottom:15px; clear:both;}
.topMenu{float:right; z-index:1000;}
.topMenu a{font-size:16px; padding:5px 15px; border-left:1px solid #eee; font-family:'robotomedium'; background:#ad272e; color:#fff; margin-left:6px;}
.topMenu a:hover{background:#0039a6;}

.fixedHeight{height:246px;}
.fixedHeight2{height:310px;}

#scroll-tags{width:100%;  height:100%; border-bottom:2px solid #eee; margin-bottom:10px; position:relative; float:left; padding-bottom:10px;}
#scroll-tags ul li {float:left; width:230px; padding-left:10px; height:30px;}
#scroll-tags ul li a{margin-left:15px; font-size:13px !important; width:205px; }
.ListItem, .numbers{display:block;}
.empty2{border:1px solid #d9d9d9 !important; padding:15px; padding-left:35px; margin:0px 0px 10px 0px;  border-top:0px !important;}
.fund_table {border:none !important;}
.fund_table td{border:none !important;}
.fund_table td:first-of-type {border-right:1px solid #cccccc !important;}
.pdf_icon{margin-right:3px; vertical-align:middle;}
.order td input[type=text], .order td select { width:50px !important;}
.order td:after{display:none;}
.order{border-top:2px solid #c1c1c1; border-bottom:2px solid #c1c1c1;}
.top{border-top:0px !important;}

		
.mf_header h1{margin-left:5px !important; font-size:24px !important; font-family:"robotomedium"}

#mf_menu li span { display:none;}
#mf_menu li .mf_subNavMenu { display:none;}
#mf_menu li:hover .mf_subNavMenu { display:block; z-index: 101 !important;}

.mf_NewHireloginForm
					{
						
						float:left;
						padding:0 10px 0 0;
						
						a { font-size:12px; color:#9edd2d; margin-left:10px; float:left; }
						
						li
						{
							margin-top:10px;
							overflow:hidden;
							span{padding-left:10px;}
							.userId, .password, .changeDate
							{
								width:26px;
								height: 26px;
								background-color: #8c8c8c;
								float: left;
								text-indent:100px;
								overflow:hidden;
								margin-left:10px;
								color:#8c8c8c;
								
							}
							.userId { background-position: 6px -901px;}
							.password { background-position: 6px -956px;}
							.changeDate{ background-position: 7px -2511px; }
							input{ width:210px; height: 24px; float:left; outline:0; border:1px solid #CCCCCC; padding:0 5px; margin:0; line-height: 26px; bakground: #e9e9e9; color: #555555; font-family:'robotoregular' }
							button{ background: #9edd2d; font-size:14px; font-family: 'robotobold'; color:1f1f1f; text-transform: uppercase; padding:0.5em 2em; border:none;text-align:center; line-height:24px; cursor:default; cursor:pointer; outline:none; float:left; margin: 0 0 0 10px; }
							
						}
					}
					
					
					
	.jspPane { padding-bottom: 40px !important; }
	#FloaterLogo,#LauncherLogo{display:none!important}

.newhireImg{
		border:6px solid #b2b2b2; float:left; margin:0 23px 0 0; height:150px;
		img{ float:left}
 }

.PanelBlue{background:#EAF6FE; float:right; padding: 12px; width:57.9%;}

.newhireMain{ width:100%; float:left; margin:0;
	
		ul{list-style:none; float:left; width:100%; margin:10px 0 0 0; padding:0;
		
			li{ display:inline-block; float:left;border:1px solid #ccc; margin:0 10px 10px 0; border-radius: 3px; width:289px;
			
			a{ float:none; clear:both;   margin:0; 
			
				img{margin:3px;}
				
			
				}
				
				h3{color: #2451A6;  padding:0 0 2px 2px; border-bottom: 1px solid #f5f5f5; margin: 2px; font-size:14px; font-weight: normal; height:65px; line-height: 18px; text-align: center; font-family: 'robotomedium';
				
				span{ color: #333;  font-size:13px; font-weight: normal; line-height: 15px; display: block;  font-family: 'roboto_light'; }
				}
			
			}
		
		}

}


.mf_homeMenu .home:hover{.BgLayer{visibility:hidden;}}


.mf_subNavMenu.submenu_active a{color:#f00;}

#WidgetFloaterPanels img{display:none !important;}

#mf_layoutWraper #mf_mainMenu nav ul.mf_homeMenu li.active .mf_subNavMenu{}

#mf_layoutWraper #mf_mainMenu nav ul li.hover div{ height:100%;}

#mf_layoutWraper #mf_mainMenu nav ul li.active .mf_subNavMenu, #mf_layoutWraper #mf_mainMenu nav ul.mf_homeMenu li.active .mf_subNavMenu{top:0px !important; margin-top:98px !important; position:fixed }
	
	
 #mf_layoutWraper #mf_mainMenu nav ul li.mf_resources.current .mf_subNavMenu:before, #mf_layoutWraper #mf_mainMenu nav ul li.mf_resources.active .mf_subNavMenu:before{top:469px !important}
	
 #mf_layoutWraper #mf_mainMenu nav ul li.mf_FrsPrograms.current .mf_subNavMenu:before, #mf_layoutWraper #mf_mainMenu nav ul li.mf_FrsPrograms.active .mf_subNavMenu:before{top:396px !important}
 
  #mf_layoutWraper #mf_mainMenu nav ul li.mf_investmentFunds .current .mf_subNavMenu:before, #mf_layoutWraper #mf_mainMenu nav ul li.mf_investmentFunds .active .mf_subNavMenu:before{top:174px !important}
  
    #mf_layoutWraper #mf_mainMenu nav ul li.mf_employers .current .mf_subNavMenu:before, #mf_layoutWraper #mf_mainMenu nav ul li.mf_employers.active .mf_subNavMenu:before{top:242px !important}
	
	    #mf_layoutWraper #mf_mainMenu nav ul li.mf_retirees .current .mf_subNavMenu:before, #mf_layoutWraper #mf_mainMenu nav ul li.mf_retirees.active .mf_subNavMenu:before{top:170px !important}
		
		
	    #mf_layoutWraper #mf_mainMenu nav ul li.mf_members .current .mf_subNavMenu:before, #mf_layoutWraper #mf_mainMenu nav ul li.mf_members.active .mf_subNavMenu:before{top:102px !important}
		
/*********************languages******************/
		
#WidgetFloaterPanels{
 		background:none !important; box-shadow:none !important;top:-1px !important; right: 74.5em !important;left:auto !important;
		border-left:1px solid #3A3A3A;padding:0 20px 0 20px; width:120px; float:right !important;
		#WidgetFloater{ border:none !important; 
		}
 }

#WidgetFloater{width:300px\9 !important;}
#WidgetFloaterPanels #WidgetFloater{ width:130px\9 !important; background:#000\9 !important; }
#LanguageMenuPanel { padding-top:17px\9 !important; background:#000\9 !important; }
#WidgetFloaterPanels span.DDStyle{background:#000\9 !important; }
#LanguageMenuPanel{margin-top:17px\9 important; }

	
	
 #LanguageMenuPanel {height:auto !important;margin-left: 31px; margin-top: 17px; background-color:transparent;
 }
	
#WidgetFloaterPanels span.DDStyle
		{background: url(../images/sprites.png) no-repeat transparent; background-position:right -1019px; color:#fff !important; 
				font-family: 'roboto_light'; font-size: 14px !important;padding-right:0px !important; text-align:left !important; 
			     letter-spacing:0px;width:auto;text-transform: none; overflow: hidden !important;text-overflow: ellipsis;
		}
		
#WidgetFloater{background: url(../images/sprites.png) no-repeat transparent; background-position:0px -832px; height:42px; display:block !important;}

#WidgetFloaterPanels{ 
	.DDStyle_outer{height: 29px !important;margin-top: 63px;}
	span.DDStyle:hover, span.DDStyle:focus
	{
		background-color: transparent !important;
		color: white !important;
	}
	div.DDStyle{ background-color: #191919; border: none;opacity: 0.95; padding: 0.5em 0 0; position: absolute;z-index: 999;}
	 .DDStyle a, .DDStyle a:visited { color: #FFFFFF !important;}
	 
	 .DDStyle table { font-size: 13px;}
}

#WidgetLogoPanel,#WidgetTranslateWithSpan,#CTFLinksPanel,#WidgetFloaterCollapsed, div#WidgetFloaterPanels+div {display:none !important;}

#FloaterProgressBar{ height:0px !important}

.mf_newHiresa a:hover{background-color:none !important;}

.mightyslider_modern_skin .mSPages{ display:none !important}
.mSCover{ background: url(../images/loader.gif) #fff;}
.mightyslider_modern_skin.horizontal .mSPrev{top:-110px;}


	
.PDF{
	background:url("../images/pdf.png") no-repeat 0 2px;
	height:15px;
	width:15px;
	margin:0px 5px 0px 0px;
	padding-left:20px;
}



/*----------------  Tabs  --------------------------------------------*/
.ui-widget-header{background:none; border:0px; border-bottom: 1px solid #ddd; border-radius: 0; }
.ui-widget-content{background:none; border:0px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-weight:normal; border: 1px solid #23538A;   	  
 background-color: #a7cfdf; /* Old browsers */ 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3Y2ZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzUzOGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* IE10+ */
background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C */
 background-color: #366597\9 !important; 

 }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{font-weight:normal;
background: #fff !important;  color:#23538A !important;

}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ /*font-family:'robotobold';*/ font-weight:normal; color:#23538A !important;

 
}
.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a{ color: #23538a !important; font-family: 'robotomedium'; background: #fff ;
margin-bottom: -2px !important; -webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;}

.ui-tabs .ui-tabs-nav li a:hover{ color: #23538a !important;  }



.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{border: 1px solid #23538a;}
.ui-state-default a, .ui-state-default a:link,{color:#fff; font-size:14px;}
 .ui-state-default a:visited{color:#666 !important;}
.ui-tabs-panel{border: 1px solid #dddddd !important; border-radius:0px; border-top: none !important; }
.ui-tabs .ui-tabs-nav{padding:0px;}
/*.ui-tabs .ui-tabs-panel{ float:left !important; }*/
.ui-widget{font-family:inherit; font-size:14px !important;}
.ui-tabs a{color:#2589D5;}


/*---------------- End Tabs  --------------------------------------------*/


/*----------------  Left Tabs  --------------ui-worshopMenu-nav------------------------------*/


.workTitle
				{
					color: #013f78;
					font-family: 'robotobold';
					font-size: 15px;
					height:27px;
					line-height: 7px;
					diplay: block;
					font-weight: normal;
				}


.boxBorder{ border: 1px solid #999999; border-right: none; }
.borderTop{ border-top: 1px solid #dddddd !important; }

.BorderWorkshop{ border: 1px solid #999999; border-right: none; }

.mf_grid_three_quarters .ui-tabs-panel{border:0px !important; border-radius:0px; border-top: none !important; }

.ui-worshopMenu-nav 

{
	 &.ui-state-active a, &.ui-widget-content .ui-worshopMenu-nav .ui-state-active a, &.ui-widget-header &.ui-state-active a{ color: #23538a !important; font-family: 'robotomedium'; width:92%; height:100%; display:block; background: none ; border-radius: none !important; }
	 
	 
	 &.ui-state-default a,  .ui-state-default a:link,{color:#23538a; font-size:13px;  padding:10px !important;  dispaly:block !important;  }
	 
	 
	 
li {
	list-style: none;
	/*float: left;*/
	position: relative;
	top: 0;
	margin:0 !important;
	padding:10px 0  !important; vertical-align:middle;
	display:block !important; border-radius:0px; background:#e4e6e5 !important;  border:0px !important; border-bottom: 1px solid #d9d9d9 !important; 
	
	a{height:100% !important; float:left; display: block; 
	
		&:hover{ color:#23538a !important; height:100% !important; float:left; }
	
	}
	
	
			.W_arrow{
					width:10px; height:20px;
					 float:left;
					 background-position:6px  -1349px; padding-right:10px;
					}
}

.ui-tabs-anchor{float:none !important;}

}



/*----------------  Left Tabs  --------------End------------------------------*/

.workshopTabs{ padding: 0 !important; margin-top: 20px; border: 1px solid #999999; float:left; border-radius:0px;}

.workshopTabs li.ui-state-default{ background-color:#e4e6e5 !important; }

.workshopTabs li:hover{ background-color:#fff !important}

.workshopTabs .ui-state-active, .workshopTabs .ui-widget-content .ui-state-active, .workshopTabs .ui-widget-header .ui-state-active{ background: #fff !important;}


.RightFlt {margin-left: -1px !important;}

.Re_PanelBlue{background:#EAF6FE; width:99%; float:left; padding:15px 10px;}

.FRS_PanelBlue{ width:58% !important; background:#EAF6FE;  float:left;  padding:5px;}

#WidgetFloaterPanels{z-index:100 !important; }

#WidgetFloaterPanels span.DDStyle *{color:#fff\9 !important; background:url("../images/sprites.png") no-repeat scroll right -1019px rgba(0, 0, 0, 0);}

.leftframe {
	left:2px;
	top:0px;
	position:absolute;
	background:#FFF;
	margin-top:90px;
}
.rightframe{
	right:0px;
	top:0px;
	position:absolute;
	background:#FFF;
	margin-top:90px;
	
}

.leftframecal {
	left:2px;
	top:0px;
	position:absolute;
	background:#FFF;
	margin-top:90px;
}
.rightframecal{
	right:0px;
	top:0px;
	position:absolute;
	background:#FFF;
	margin-top:90px;
	
}

.ListView{
font-size:14px;
line-height:22px; 
li{background:url("../images/rightArrow.png") no-repeat scroll left center rgba(0, 0, 0, 0) !important; padding-left:10px;}

}

.planeMrg{margin:20px 0 20px 0;}


/******************************pagePath**********/

.pagePath{ margin:10px 0 0 15px; font:13px/13px 'robotoregular'; color:#666666; width: 80% !important;

 	a{padding-right:10px; background:url("../images/rightArrow.png") no-repeat right 7px transparent !important; margin-right:5px; padding-right:12px;}
}
.pageBack{margin:0;background:url("../images/horizSprits.png") no-repeat scroll -220px -16px rgba(0, 0, 0, 0); width:21px; height:21px; margin:0 5px -3px 0; display:inline-block; overflow:hidden; text-indent:100px; display: none}

   #loading {
   left: 50%;
    position: absolute;
    top: 50%;
    z-index: 999;
    margin-left:25px;
    margin-top:25px;
}

/******************************Langauge**********/

.mf_Languages #MicrosoftTranslatorWidget{ width:165px !important; background:none !important; border:none !important; border-color:none !important;}

#MicrosoftTranslatorWidget{
	
		margin-left:13px !important;
		
			#MSTWHeader{border:none !important; }
			
			
			select, option{background-color:none !important; border-color:none !important; border:none !important;}
			
			select{ width:125px !important; height:20px !important; line-height:20px !important;}
			
			 #MSTWFooter{ display:none !important;}

}

/***************** faQ **********************/

.FAQItem{
	border-bottom:2px solid #eee;
	width:100%;
	float:left;
	padding-bottom:15px;
	margin-bottom:15px;
	li{
		background-position:0 -1345px !important;
		display:list-item;
		padding-left:10px;font-size:13px;
line-height:22px;

		span{
			.arrow{width:10px; height:20px;
			background-position:0px -1347px;
			padding-right:5px; 
			float:left;
			}
			
			}
		
		a{float:left; width:98%;}
	}
	
	}

/***************** NHAssetAllocation **********************/	


			
.assetList{
	border-bottom:2px solid #eee;
	width:100%;
	float:left;
	padding-bottom:15px;
	margin-bottom:15px;
	li{
		display:list-item;
		padding-left:10px;font-size:13px;
line-height:22px;

				.assetArrow{width:10px; height:33px;
				background-position:0px -1347px;
				padding-right:5px; 
				float:left;
				}
	}
	
	}
	
	
	/**************************************** Back to top button *******************************************/	
 
 
#back-top {
	position: fixed;
	bottom: 40px;
right:25px; 

		a {
	
		display: block;
		text-align: center;
		font: 11px/100% Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		color: #0039a6;
		/* background color transition */
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		
		&:hover {color: #000;
		
			span {opacity:0.9;}
		}
	}
	
	span {
	width:40px; height:40px;
	display: block;
	margin-bottom: 7px;
	background:#a5312c url(../images/sprites.png) no-repeat 10px -2573px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;border-radius:5px;opacity:0.9;
}


}
.frame_heading h2{z-index:100;position:relative;}


.ui-widget-header li.ui-state-active, .ui-widget-header li.ui-state-hover{ background:#fff;}
	

/**************************************** workshop *******************************************/	

.workshopCont{ width:23%;}	
	
.calcFram{overflow:hidden;}

.topHidding{margin-top:-10%;}

.leftHidding{margin-left:-12.3%;}


.workItem{
margin-left:20px;
	li{
		list-style-image:url(../images/list_arrow.png); width:280px !important; line-height:20px; margin-bottom:15px;
		
		a{margin-left:0px !important;}
 	ul {
	margin-left:20px;
	li{
			list-style-image:url(../images/list_arrow.png);
 	
		}
	}
	}
		
	}
	
	#header_userdetails{float:right;}
	
	


/************************************* pop up ****************/

	
	#overlay {
    display:none;    
    position:fixed;  
    left:0px;        
    top:0px;         
    width:100%;      
    height:100%;     
    background:#000; 
    opacity:0.5;     
    z-index:99999;   
}

#myfrsPopUp, #myfrsPopUpError, #myfrsPopUpSuccess {
    display:none;
    position:fixed;
    left:50%;        
    top:43%;         
    width:480px;     
    min-height:212px;
	height:auto;
    margin-top:-75px;
    margin-left:-150px;
    background:#FFFFFF;
    border:4px solid #aa272f;
    z-index:100000;      
}
.contentDiv{margin:13px 0 20px; float:left;}
.contentDiv p{ font:14px robotoregular !important; color:#555555; text-align:center; width:100%; margin:2px 0px 2px 0 !important}
.contentDiv a{ background:#eed91e; padding:0px 18px; color:#191919; font:14px/35px robotoregular !important; text-decoration:none; float:left; margin:16px 187px 0}
.contentDiv a:hover{ color:#191919; }
.contentHead{background:#aa272f; height:auto; float:left; width:100%}
.contentHead p{ font:18px/29px robotoregular !important; color:#fff; margin:13px 0 17px 0 !important; float:left; padding:0 0 0 89px !important; /*background:url(../images/alerts.png) no-repeat 54px center;*/
			.notify{margin:0;background:url("../images/horizSprits.png") no-repeat scroll -34px -12px rgba(0, 0, 0, 0); width:29px; height:27px; margin:0 0px 0 -34px; display:inline-block; overflow:hidden; float:left }
			.error{margin:0;background:url("../images/horizSprits.png") no-repeat scroll -294px -13px rgba(0, 0, 0, 0); width:29px; height:27px; margin:0 0px 0 -34px; display:inline-block; overflow:hidden; float:left }
			.success{margin:0;background:url("../images/horizSprits.png") no-repeat scroll -255px -13px rgba(0, 0, 0, 0); width:29px; height:27px; margin:0 0px 0 -34px; display:inline-block; overflow:hidden; float:left }
}
#CloseBtn, #CloseBtnSuccess, #CloseBtnError{background:url("../images/horizSprits.png") no-repeat scroll -124px -8px rgba(0, 0, 0, 0) !important;
    height: 34px;
    margin-top: -20px;
    position: absolute;
    right: -21px;
    top: 0;
    width: 34px; cursor:pointer;}
	
#myFrsPopUpNotify, #myFrsPopUperror, #myFrsPopUpsuccess{ margin-right:10px !important}

/*------------------------------- Site map -----------------------------*/
.SiteMarg{margin-top:-15px;}

.siteMap{ float:left; width:289px;  padding:0 0 5px 0; height:420px; margin-top:15px;

	h5{ color:#fff; height:30px; font:15px/30px 'robotoregular'; text-indent:10px;}
	

	ul{float:left;
	
		li{
		background:url("../images/rightArrow.png") no-repeat scroll 10px center rgba(0, 0, 0, 0) !important;
		display:list-item;
		padding:4px 0 4px 25px;

		a{font:13px 'robotoregular'; color:#333333 !important; display:block; width:100%;}

		}
	
	}
	
	
 }

	.HiresH{background:#006054; }
	.MembersH{background:#aa272f;} 
	.RetireesH{background:#b35b8d;}
	.EmployersH{background:#e3cb02;}
	.FundsH{background:#84ae02;}
	.ProgH{background:#7c4299;}
	.ResourH{background:#d14625;}
	.GeneralH{background:#858989;}
	
 
	.Hires{ background:#98f5e9; margin-right:15px;}
	.Members{background:#edd3d8; margin-right:15px;}
	.Retirees{background:#f3b7d9; margin-right:15px;}
	.Employers{background:#f8f2b6; margin-right:15px;}
	.Funds{background:#d4e3a6; margin-right:15px;}
	.Prog{background:#ba90cf; margin-right:15px;}
	.Resour{background:#fc937b; margin-right:15px; }
	.General{background:#d5d6d6;}
	
	
/**************************************** email *******************************************/

.emailDiv{
	.emailUl
		{ 
		 margin:-10px 0 0 0; float:left; width:100%;
		li{ 
			margin:10px 0 0 0;
			width:100%;
			float:left;
			label{ width:100%; float:left; margin-bottom:5px;
				span{ font-weight:bold;}
			}
			input[type="text"]{ border:1px solid #CCCCCC; height:24px; padding:0 5px; font:13px/24px robotoregular; color:#555555}
			ul {
				margin:0;
				label{ float:none; width:auto; margin:0}
				input{ float:left}
			}
			
			.SelectedEmail
			{
				margin:0 0 15px 0; float:left; width:100%;
				select{ float:left; border:1px solid #CCCCCC; margin:0 10px 0 0; height:24px; padding:0 0px 0 5px; font:13px/24px robotoregular; color:#555555}
				label{ width:auto;  margin:0 10px 0 0; line-height:24px}
			}
		}
	}
	.buttonsDiv button{ margin:0 10px 0 0}
	p{ float:left; width:100%}

}




/**************************************** Loggin inside *******************************************/	

.MrgnBtm{margin-bottom:15px; float:left !important; width:100% !important;}
.btnMrg{margin-top:10px;}
.userAcc .mf_NewHireloginForm{padding:0 !important}
.goBtn{padding:3px !important; margin:10px; width:60px !important;}
.UserBtn{padding:5px !important; margin-left:10px;}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	
	border-bottom: 8px solid #fff; margin-top:-18px;float:right;
}
#customHome_content_drop{ 
	padding:0 !important;
	table{ border:0px none !important}
	p{margin: 0 0 18px;}
	ul{ 
		float:left;
		width:100%;
		margin:0 0 18px 0;
		li{ 
				font-size: 13px;
				color: #333;
				font-family: ''robotoregular'';
				.icon{background-position: 7px -2058px;padding: 3px 0 3px 24px;}
				
		}
	}
	td{
		border:0px none !important;
		font-size: 13px;
		color: #333 !important;
		font-family: 'robotoregular';
		padding:0 !important;
		strong{color: #AA272F; font-weight:normal; width:100%; float:left}
		u{
			color: #555555 !important;
			font-family: 'robotobold' ;
			font-size: 17px;
			padding-bottom: 0.5em;
			text-decoration:none !important;
			float:left;
			width:100%;
		}
		h1{border-bottom:1px solid #D9D9D9; color:#1E1E1E; font-family:'roboto_light'; font-size:24px; font-weight:normal; margin:0 0 15px; padding:12px 0 11px; width:100%;}
	}
	
}

#customHome_content_retirementoutlook{
	p{margin: 0 0 18px; font-size:13px;color: #333}
	ul li{}
}

#customHome_nocontent_simulation, #customHome_nocontent_simulation_DC, #customHome_nocontent_simulation_old, #customHome_content_newhire{
	
	table,td{ border:0px none !important}
	
	
}

#customHome_content_newhire{ 

	td{ padding:0 !important;
		.mf_border2{  border:1px solid #eaf6fe !important; border-bottom:2px #dbe7ed solid !important;padding:0.5em !important}
		p{ float:left}
	}
	
	.tableTitle2{ width:98.5%}
	h5{font:17px 'robotobold';color: #555555; padding-bottom:0.5em}
	
}

#customHome_content_newhire{
.rcorners1{
    border-radius: 30px;
    background: #A9D0F5;
    padding: 20px;
   
}
}

.fltNone{ float:none !important}
	
#CurrentInvestPlanBalance strong{  font-weight:normal}

.ui-icon-notice{ float:left !important}

#customHome_nocontent_investment{ font-size:15px;color: #333 !important;font-family: 'robotoregular';}

.testDiv{ font-size: 10px; background:#FF0000;}

#customHome_content_servicesummary{

	table{
		border-collapse:collapse;
		th{ background:#F0F0F0; color: #444444;font-size: 12px;font-family: 'robotobold';}
		
		td{border:1px solid #F2F2F2;
		
			
		}
		
		
	
	}

}
#customHome_dc_content_servicesummary table {
  border-collapse: collapse;
}
#customHome_dc_content_servicesummary table th {
  background: #F0F0F0;
  color: #444444;
  font-size: 12px;
  font-family: 'robotobold';
}
#customHome_dc_content_servicesummary table td {
  border: 1px solid #F2F2F2;
}


.alert-box {
    color:#555;
    border-radius:10px;
    padding:10px 10px 10px 36px;
    margin:10px;
}
 .error {
    background:#ffecec url('../images/error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9 url('../images/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
.warning {
    background:#fff8c4 url('../images/warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc url('../images/notice.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}

.jqplot-xaxis-tick	{ margin:20px 0 10px 0 !important;}		

.alert-box span {
 font-weight:bold;
 text-transform:uppercase;
}

#methodology {h3.tableTitle2 
				{
					color: #555555;
					font-family: 'robotobold';
					font-size: 17px;
					background: #eaf6fe;
					height: 36px;
					line-height: 36px;
					diplay: block;
					font-weight: normal;
					padding-left: 0.5em;
				}
				p{
					font-size:13px;
					margin:0 0 10px 0;
					color:#333333;
					strong{font-family:'robotobold'; font-size:14px; font-weight:normal}
				}
				}
				
#header_link_advisor{width:117px}
#header_link_investment{width:181px}
 #header_link_newhirelink{width:119px}
#header_link_pension{width:164px}
#header_link_secondchoice{ width:132px}
#header_link_choiceservice{ width:153px}
#header_link_election{ width:100px}

 .ui-dialog-title{background:url("../images/sprites.png") no-repeat #AA272F 8px -1276px; color:#FFFFFF; font-size:13px; font-weight:normal; height:35px; line-height:35px;
padding-left:43px; width:calc(~"100% - 43px") !important; margin:0 !important}

.ui-dialog-titlebar .ui-state-default{ background:#fff !important; border:1px solid grey !important}

.ui-dialog{ box-shadow: 0 0 5px #000}

.ui-dialog-titlebar{ padding:0 !important; margin:0 !important; border-bottom:0px none !important}

#alert-message-display{ padding:0px !important; background:url("../images/transparent_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;}

#alert-message-display #alert-message-container{ background:#fff !important}

#alert-message-display li{/* background:url("../images/sprites.png") no-repeat 0 -1345px ;*/ padding:5px 0 5px 13px;/* border-bottom:1px solid #CCD1BA;*/ font-size:13px; line-height:15px;
margin:0 10px; width:auto; color:#292929;
						&:last-child{ border-bottom:0px none !important}
}

#alert-message-display ul{ padding:10px 0}


#customHome_content_calculatepp_benefit .mf_greyTable{ float:none !important}

#alert-message-display{ background:#fff !important; color:#292929 !important; font-size:13px !important;
	font{ color:#292929 !important; font-size:13px !important; padding:5px 0 5px 13px; float:left;
		&:first-child{padding:15px 0 5px 13px;}
	}
}

.orderTableTd td { 
				width:48%; margin:0 !important; padding:0 !important;
				
				b label{ width:94%; float:left; text-align:right !important}
				
				input{ width:214px; padding:0 5px; height:24px; color:#555555; border:1px solid #CCCCCC; font:13px/24px 'robotoregular'}
				
				&:nth-child(2){ }

}

.kapcha{ margin-left:34%;}

.kapchaInput{width:214px; padding:0 5px; height:24px; color:#555555; border:1px solid #CCCCCC; font:13px/24px 'robotoregular'; position:absolute; margin:14px 0 0 5px}

.requiredAll{ line-height:41px; margin:0 0 0 20px}

.orderTableSumary tr:nth-child(even){ background:#f6f6f6}

.orderTableSumary tr:nth-child(2){ background:none}

.orderTableSumary tr:nth-child(28){ background:none}


/************************************* @media screen 1950px  **************************************************/

@media screen and (max-width: 1950px){
	.PanelBlue{width:72.9% !important; float:left !important}
}


/************************************* @media screen 1370px  **************************************************/

@media screen and (max-width: 1370px){
	.PanelBlue{ width:57.9% !important}
}


/************************************* @media screen 1355px  **************************************************/



@media screen and (max-width: 1355px){
	.PanelBlue{width:48.9% !important; float:left !important}
}

/************************************* @media screen 1300px  **************************************************/

@media screen and (max-width: 1300px){ .PanelBlue{width:41.9% !important}

.MrgnBtm{margin-bottom:15px; float:none !important; width:100% !important;}

.mf_grid_quarter .userInfo table tr td{padding:3px !important; font:13px 'roboto_light' !important;}

.mf_grid_quarter .mf_NewHireloginForm li input{width:74% !important;}
}


/************************************* @media screen 1280px  **************************************************/

@media screen and (max-width: 1280px){ 

	.PanelBlue{width:35% !important}
		
	#mf_layoutWraper section#content .contentWrapper header.mf_header .mf_loginForm{
	
		width:366px;
	
		 li input{ width:102px}
		 
		 a{ margin-right:0px}
	
	}
}





/************************************* @media screen 1200px  **************************************************/


@media screen and (max-width: 1200px)
{
			.testDiv{ font-size: 20px; background: #11AC00;}
			.mf_search form input{  width:79% !important;}
			
				
				#mf_layoutWraper{ 
					section#content .contentWrapper header.mf_header{
					
						& .mf_newRegister 
						{ 
							font-size:14px;
							padding: 10px 15px 0;
							height: 48px;
							span  { font-size:12px; }
						
						}
						.mf_Languages li {background-position: 6px -816px;
							a 
							{
								padding: 0 30px 0 40px;
								background-position: 95px -1003px; 
							}
					   }
						.mf_loginForm
						{ 
						
							a{ clear:none !important;}
						}
						 ul li a{
						 	&.chatPane, &.contactPane{display:none;}
						 }
	
					
					}
					 footer{ font-size:9px; z-index:200;}
				
			}
			#WidgetFloaterPanels{ right:60.5em !important; left:auto !important; width:120px;padding:0 10px !important; border:0px none !important}

			.ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:0.5em 0.6em;}

			.ui-state-default a, .ui-state-default a:link,{color:#fff; font-size:14px;}
			
			.newhireMain ul li{
			
				width:277px;
			
				img{width:271px;}
			}

			.calc_text{ width:100%;}
			.mf_newRegister{ font-size:14px !important;}
			.mf_loginForm{ width: 353px !important;}
			.mf_loginForm form ul li input{width:95px !important;}
	
			.mf_header h1{font-size: 18px !important;font-family:"robotomedium"}

			.PanelBlue{width:92% !important; margin:0 1% !important; float:left !important}
			.newhireImg{ 
					margin:0 23px 19px 0 !important; clear:both; dispaly:block; float:none !important; border:0px !important;
						img{border:6px solid #B2B2B2}
			}
			
			
			
}

/************************************* @media screen 996px  **************************************************/

@media screen and (max-width: 1025px)
{

	/*.mf_user{display:none !important;}*/
	#header_link_investment, #header_link_pension, #header_link_secondchoice, #header_link_choiceservice { width:auto !important}
	#header_link_investment a, #header_link_pension a, #header_link_secondchoice a, #header_link_choiceservice a { line-height:normal !important; padding-right:0px !important}
	.mf_header h1{font-size: 16px !important ;font-family:"robotomedium"}
	.mf_newRegister{ font-size:13px !important}

}

/************************************* @media screen 996px  **************************************************/

@media screen and (max-width: 996px)
{
	header.mf_header h1{ display: none;}
	.testDiv{ font-size: 30px; background: #0013A8;}
	
#customHome_content_retirementoutlook .mf_grid_half{ width:100% !important}
	
}

@media screen and (max-width: 790px){
body.pace-running #mf_layoutWraper section#content .contentWrapper .mf_subHeader ul li.mf_search{ position:absolute; top:8px; left:238px; border-right:none}

#header_link_investment a, #header_link_pension a, #header_link_secondchoice a, #header_link_choiceservice a { line-height:normal !important}

.orderTableTd td { 
				
				input{ width:140px; padding:0 5px; height:24px; color:#555555; border:1px solid #CCCCCC; font:13px/24px 'robotoregular'}
}

.kapcha{ margin-left:20%;}

.submitOrderMat{ margin-left:-50%}

#mf_layoutWraper footer ul li.footermenu { width:86%;
	li { width:auto !important; padding-top:12px;
		a{padding:0 8px}
	}
}

}

/************************************* @media screen 480px  **************************************************/

@media (max-width: 480px) {
.s_mf_grid_all,
.s_mf_grid_1,
.s_mf_grid_2,
.s_mf_grid_3,
.s_mf_grid_quarter,
.s_mf_grid_4,
.s_mf_grid_third,
.s_mf_grid_5,
.s_mf_grid_6,
.s_mf_grid_half,
.s_mf_grid_7,
.s_mf_grid_8,
.s_mf_grid_two-thirds,
.s_mf_grid_9,
.s_mf_grid_three-quarters,
.s_mf_grid_10,
.s_mf_grid_11,
.s_mf_grid_12,
.s_mf_grid_full { margin: 0; clear: none; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior:url(boxsizing.htc)
}
.s_mf_grid_1 { width: 8.33333% }
.s_mf_grid_2 { width: 16.66667% }
.s_mf_grid_3,
.s_mf_grid_quarter { width: 25% }
.s_mf_grid_4,
.s_mf_grid_third { width: 33.33333% }
.s_mf_grid_5 { width: 41.66667% }
.s_mf_grid_6,
.s_mf_grid_half { width: 50% }
.s_mf_grid_7 { width: 58.33333% }
.s_mf_grid_8,
.s_mf_grid_two_thirds { width: 66.66667% }
.s_mf_grid_9,
.s_mf_grid_three_quarters { width: 75% }
.s_mf_grid_10 { width: 83.33333% }
.s_mf_grid_11 { width: 91.66667% }
.s_mf_grid_12,
.s_mf_grid_full { width: 100% }
.s_mf_padded { padding: 0.5em }
.s_mf_padded_left { padding-left: 0.5em }
.s_mf_padded_right { padding-right: 0.5em }
.s_mf_padded_top { padding-top: 0.5em }
.s_mf_padded_bottom { padding-bottom: 0.5em }
.s_mf_padded_sides { padding: 0 0.5em }
.s_mf_padded_vertical { padding: 0.5em 0 }
.s_mf_padded_inner { padding: 1em }
.s_mf_padded_inner_sides { padding: 0 1em }
.s_mf_padded_reverse { margin: 0 -0.5em; width: auto; box-sizing: content-box; float: none }
.s_mf_padded_reverse_all { margin: -0.5em; width: auto; box-sizing: content-box; float: none }
.s_mf_flow-opposite { float: right }
.s_center { text-align: center }
.s-left { text-align: left }
.s-right { text-align: right }
.s-hidden { display: none }
}

/************************************* @media screen 480px and 800px  **************************************************/

@media (min-width: 481px) and (max-width: 800px) {
.mf_header h1{display:none !important;}
.infoLinks{ width:156px !important;}
.infoLinks a.contactPane{ display:none !important;}
#WidgetFloaterPanels{left:105px !important}

.m_mf_grid_all,
.m_mf_grid_1,
.m_mf_grid_2,
.m_mf_grid_3,
.m_mf_grid_quarter,
.m_mf_grid_4,
.m_mf_grid_third,
.m_mf_grid_5,
.m_mf_grid_6,
.m_mf_grid_half,
.m_mf_grid_7,
.m_mf_grid_8,
.m_mf_grid_two-thirds,
.m_mf_grid_9,
.m_mf_grid_three-quarters,
.m_mf_grid_10,
.m_mf_grid_11,
.m_mf_grid_12,
.m_mf_grid_full { margin: 0; clear: none; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior:url(boxsizing.htc)
}
.m_mf_grid_1 { width: 8.33333% }
.m_mf_grid_2 { width: 16.66667% }
.m_mf_grid_3,
.m_mf_grid_quarter { width: 25% }
.m_mf_grid_4,
.m_mf_grid_third { width: 33.33333% }
.m_mf_grid_5 { width: 41.66667% }
.m_mf_grid_6,
.m_mf_grid_half { width: 50% }
.m_mf_grid_7 { width: 58.33333% }
.m_mf_grid_8,
.m_mf_grid_two-thirds { width: 66.66667% }
.m_mf_grid_9,
.m_mf_grid_three-quarters { width: 75% }
.m_mf_grid_10 { width: 83.33333% }
.m_mf_grid_11 { width: 91.66667% }
.m_mf_grid_12,
.m_mf_grid_full { width: 100% }
.m-padded { padding: 0.5em }
.m-padded-left { padding-left: 0.5em }
.m-padded-right { padding-right: 0.5em }
.m-padded-top { padding-top: 0.5em }
.m-padded-bottom { padding-bottom: 0.5em }
.m-padded-sides { padding: 0 0.5em }
.m-padded-vertical { padding: 0.5em 0 }
.m-padded-inner { padding: 1em }
.m-padded-inner-sides { padding: 0 1em }
.m-padded-reverse { margin: 0 -0.5em; width: auto; box-sizing: content-box; float: none }
.m-padded-reverse-all { margin: -0.5em; width: auto; box-sizing: content-box; float: none }
.m-flow-opposite { float: right }
.m-center { text-align: center }
.m-left { text-align: left }
.m-right { text-align: right }
.m-hidden { display: none }

#mf_layoutWraper section#content .contentWrapper .mf_subHeader ul li{
	/*&.mf_submenu{width:551px !important}*/
	/*&.workshops{ width:110px}
	&.faq{display:none !important}
	&.calculators{}
	&.arrow{ display:none !important;
		
	}*/
}

/*#mf_layoutWraper section#content .contentWrapper .mf_subHeader ul li.arrow:hover{
			&.faq{display:block !important; position:absolute}
		}*/


/*.mf_search form input{width:89% !important;}
*/


}


/************************************* @media screen 801px  **************************************************/

@media (min-width: 801px) {
.l_mf_grid_all,
.l_mf_grid_1,
.l_mf_grid_2,
.l_mf_grid_3,
.l_mf_grid_quarter,
.l_mf_grid_4,
.l_mf_grid_third,
.l_mf_grid_5,
.l_mf_grid_6,
.l_mf_grid_half,
.l_mf_grid_7,
.l_mf_grid_8,
.l_mf_grid_two_thirds,
.l_mf_grid_9,
.l_mf_grid_three_quarters,
.l_mf_grid_10,
.l_mf_grid_11,
.l_mf_grid_12,
.l_mf_grid_full { margin: 0; clear: none; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior:url(boxsizing.htc)
}
.l_mf_grid_1 { width: 8.33333% }
.l_mf_grid_2 { width: 16.66667% }
.l_mf_grid_3,
.l_mf_grid_quarter { width: 25% }
.l_mf_grid_4,
.l_mf_grid_third { width: 33.33333% }
.l_mf_grid_5 { width: 41.66667% }
.l_mf_grid_6,
.l_mf_grid_half { width: 50% }
.l_mf_grid_7 { width: 58.33333% }
.l_mf_grid_8,
.l_mf_grid_two_thirds { width: 66.66667% }
.l_mf_grid_9,
.l_mf_grid_three_quarters { width: 75% }
.l_mf_grid_10 { width: 83.33333% }
.l_mf_grid_11 { width: 91.66667% }
.l_mf_grid_12,
.l_mf_grid_full { width: 100% }
.l_mf_padded { padding: 0.5em }
.l_mf_padded-left { padding-left: 0.5em }
.l_mf_padded_right { padding-right: 0.5em }
.l_mf_padded_top { padding-top: 0.5em }
.l_mf_padded_bottom { padding-bottom: 0.5em }
.l_mf_padded_sides { padding: 0 0.5em }
.l_mf_padded_vertical { padding: 0.5em 0 }
.l_mf_padded_inner { padding: 1em }
.l_mf_padded_inner_sides { padding: 0 1em }
.l_mf_padded_reverse { margin: 0 -0.5em; width: auto; box-sizing: content-box; float: none }
.l_mf_padded_reverse_all { margin: -0.5em; width: auto; box-sizing: content-box; float: none }
.l_flow_opposite { float: right }
.l_center { text-align: center }
.l_left { text-align: left }
.l_right { text-align: right }
.l_hidden { display: none }
#mf_layoutWraper section#content .contentWrapper .mf_subHeader ul li.mf_submenu{/*width:361px !important*/}

}


.ie.mf_newRegister{ font-size:14px !important;}
.ie.mf_loginForm{ width: 353px !important;}
.ie.mf_loginForm form ul li input{width:95px !important;}
.mf_header h1.ie{font-size: 18px !important;font-family:"robotomedium"}
.mf_header h1.ie8{display:none!important;}
.siteMap{width:276px !important;}
						



.errorType .errorMsg{
	font-size:2em;
	color:#AAAAAA;
	font-family:"robotomedium"
	}
	
.errorType .errorSymbol{
		font-size: 10em;
		font-family: 'robotobold';
	}
	
	
	
	*#prevslide{ 
	left:10px; 
	background-image: url('../img/frsSprities.png');
	background-repeat: no-repeat;
	background-position: -2px 0px;
	filter: alpha(opacity=50);
	display:none !important;
	}
	*#nextslide{ right:265px; 
	background-image: url('../img/frsSprities.png');
	background-repeat: no-repeat;
	background-position: 0px -51px;
	filter: alpha(opacity=50);display:none !important;}
	
	
	
.jspScrollable .jspVerticalBar{ width:13px !important;}

.jspScrollable .jspDrag{ background: #5293b5;}


/************************************* @media screen 480px  **************************************************/
/*@media (min-width: 480px) {

	#mf_layoutWraper #mf_homePanels{ display:none}
	
	#nextslide{ left:auto !important; right:8px !important}
	
	ul#slide-list{ margin-left:0px !important}
	
	#mf_layoutWraper .mSCaption{ left:40% !important}
	
	#mf_layoutWraper section#content .contentWrapper header.mf_header .mf_loginForm li:first-child, #mf_layoutWraper section#content .contentWrapper header.mf_header .mf_loginForm li:nth-child(2){
		display:none;
	}
	
	#mf_layoutWraper section#content .contentWrapper .mf_subHeader ul li.mf_search{ width:19% !important}
	
	
	#mf_layoutWraper .mf_contentWrapper .mf_pageContent .tableTitle2{ font-size:10px;}
	
	.pagePath{ font-size:10px;}
	
}
*/

/*@media (min-width: 360px){


#mf_layoutWraper .mf_contentWrapper .mf_pageContent .tableTitle2{ font-size:12px; height:65px; line-height:21px;}

.mf_NewHireloginForm li input{ width:105px;}

.pagePath{ font-size:10px;}

#mf_layoutWraper table tr td{ padding:1px; font:12px 'roboto_light';}

#mf_layoutWraper table tr td strong{ font-size:11px;}

.newhireMain ul li {
    width: 205px;
}

.newhireMain ul li img {
    width: 97%;
}

.newhireMain ul li h3 { height:85px;}

.mf_grid_full object embed, .mf_grid_full img, .knowledge td input[type="text"]{ width:100%;}


.order td input[type="text"], .order td select{ width:45px !important;}

.ui-tabs .ui-tabs-nav li{ dispaly:table-row !important;}

}*/

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container, span[class^="skype_pnh_print_container"] {display:inline !important;}



/*----------------Welcome Popup--------------------------*/

#welcomePopUp{
	width:100%;
	height:100%;
	display:table;
	background: rgba(0,0,0,0.8);
	z-index: 1000;
	position:absolute;

}
#welcomePopUp .popUpcontent{ 
	background: #3D68BB ;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    color: #FFFFFF;
    font-family: 'roboto_light';
    font-size: 16px;
    margin: 7% auto;
    padding: 10px 20px 20px;
    width: 550px;
	box-shadow:0px 0px 30px 0 #000000;
}
#welcomePopUp .popUpcontent strong{ 
	font-family: 'robotoregular';
    font-size: 21px;
    font-weight: normal;
    line-height: 21px;
}
#welcomePopUp .popUpcontent a.viewBtn {
    background: #CEBA06;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    color: #FFFFFF;
    font-family: 'robotobold';
    font-size: 18px;
    line-height: 80px;
    margin-left: 140px;
    padding: 10px 30px;
    text-decoration: none;
}
#welcomePopUp .popUpcontent a.viewBtn:hover {
    background: #fff;
	color:#3D68BB;
}

#welcomePopUp .popUpcontent a.closeBtn {
    background:  #000000;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
    color: #FFFFFF;
    float: right;
	font-family: 'robotobold';
    font-size: 24px;
    line-height: 38px;
    margin: -19px -19px 0 0;
    padding: 0 14px;
    text-decoration: none;
	opacity: 0.5;
}

#welcomePopUp .popUpcontent .hintMsg { font-weight:normal; text-align: center; font-size: 18px;}
#welcomePopUp .popUpcontent .hintMsg a { color: #ffff00; display: block}

#MSTTSpacer, 
#MicrosoftTranslatorToolbar { display: none !important;}

#contentInv { width:auto !important;}

.NewsLetter{
	display:block; width:100%; float:left; margin:0 0 10px 0;
	strong{ float:left; margin-right:5px}
	select{ float:left; margin-right:5px; height:22px}
	input{ float:left}
}

#subframe{
border: none;
padding: 0;
margin: 0;
height: 100%;
}

.csr_selectuser{ cursor: pointer !important; color:#2589d5 !important;}
.dataTables_wrapper thead { background: #e2e2e2 !important;}
.dataTables_wrapper .dataTables_length{ margin-bottom: 20px !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button{ padding: 0.2em 0.6em !important;}
.mf_NewHireloginForm select{
 height: 27px; line-height:27px; margin-left: 10px; width: 247px; border: 1px solid #cccccc; padding-top: 5px; 	
	}
	
.workshopConetent ol{ margin:auto; padding:0 0 0 35px !important; font-size:13px; list-style:outside outside none !important;}
.workshopConetent ol li{list-style:decimal !important;}

.noBorder{border:0px none !important}

.calenderTable table{ margin-bottom:20px}