/**
* Sun Life Global Investments
*
* Global resdesign of the Sun Life Global Investments Web site.
*
* @project 		SLGI Redesign (2010)
* @version 		1.16
* @author 		Mike Badgley, High Road Communications
* @copyright	2010
*
* @history		2010-08-18	Added in lit state for toolbar navigation.
*							Created gaps between form rows in the My links
*							popup.
*
*/



/**
* Reset
*
* Global reset of all X/HTML elements. This section MUST appear at the top!
*
* @author 	Eric Meyer, meyerweb.com
* @version	1.0 | 20080212
* @see 		http://meyerweb.com/eric/tools/css/reset/
* @section 	reset
*/
@media all {

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

	/* remember to define focus styles! */
	a:active {
		outline: 0;
	}

	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

}


div.pagination {
	padding-left:265px;
	text-align:right;
}

/**
* Core Layout
*
* Basic styling for most X/HTML elements to give a general layout that is
* usable and shared across all devices and browsing platforms.
*
* @section	core
*/
html {
	font-size: 100.01%;
	height: 100%;
}

body {
	background-color: #d6d5d1;
	color: #6c6c6c;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	height: 100%;
	word-wrap: break-word;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #82786f;
	text-decoration: underline;
}
a:hover,
a:active,
a:focus {
	text-decoration: none;
}

address, p, hr {
	margin: 18px 0;
}

address { font-style: normal; }

h1, h2, h3, h4, h5, h6 {
	color: #82786f;
	margin: 18px 0;
}
	h1 {
		font-size: 32px;
		font-weight: normal;
		line-height: 1;
		margin: 0;
	}
	h2 {
		color: #6c6c6c;
		font-size: 14px;
		font-weight: bold;
		margin: 18px 0 -18px;
	}
		h2 img { display: block; }

img {
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}
	img.align-left {
		float: left;
		margin: 0 18px 9px 0;
	}
	img.align-right {
		float: right;
		margin: 0 0 9px 18px;
	}

blockquote, dl, ol, ul {
	margin: 18px 0 18px 36px;
}
	blockquote *, dl *, ol *, ul * {
		margin: 0;
	}

	ul {
		margin-left: 22px;
	}
		ul li {
			background: transparent url(/static/slgi/images/gi_u_icon_goldbullet_4w_4h.gif) no-repeat 0 0.55em;
			padding-left: 16px;
			position: relative;
		}

sub, sup {
	font-size: 10px;
	line-height: 1;
}
	sub { vertical-align: top; }
	sup { vertical-align: super; }

form { }
	input.text {
		border: solid 1px #b0b0b0;
		color: #6c6c6c;
		font: normal 12px/normal Arial, Helvetica, sans-serif;
		height: 15px;
		padding: 2px 5px;
	}
	select {
		color: #6c6c6c;
		font: normal 12px/normal Arial, Helvetica, sans-serif;
	}
	textarea {
		overflow: auto;
		position: relative;
	}
	    textarea:focus {
		    border: 1px solid #a0acbf;
	    }



/**
* Page Layout
*
* Define major sections of the template - header, column(s) and footer.
*
* @section	layout
*/
@media screen, projection {

	/**
	* @subsection Page layout
	*/
	#wrapper {
		background-color: #fff;
		border-left: solid 2px #c0bfbc;
		border-right: solid 2px #c0bfbc;
		height: auto !important;
		height: 100%;
		min-height: 100%;
		margin: 0 auto -136px;
		position: relative;
		width: 969px;
	}


	/**
	* @subsection Header
	*/
	#header {
		background-color: #82786f;
		border-bottom: solid 7px #eaac1f;
		height: 141px;
		position: relative;
		padding-top: 1px;
		width: 100%;
	}

		/**
		* @subsection Corporate Logo
		* @notes Display for "screen" type devices only.
		*/
		#header h1 {
			left: 20px;
			margin: 0;
			overflow: hidden;
			position: absolute;
			text-indent: -5000px;
			top: 54px;
		}
			/* English version. */
			.en #header h1 {
				background: transparent url(/static/slgi/images/english/gi_e_sprite_wrapper.png) no-repeat 0 0;
				height: 57px;
				width: 254px;
			}

			/* French version. */
			.fr #header h1 {
				background: transparent url(/static/slgi/images/french/gi_f_sprite_wrapper.png) no-repeat 0 0;
				height: 65px;
				width: 291px;
			}

			#header h1 a {
				display: block;
				height: 100%;
				text-decoration: none;
			}


		/**
		* @subsection Corporate Logo
		* @notes Typically only displayed on the print/mobile version unless
		* it is being applied to white background.
		*/
		#header .logo { display: none; }
		
		/**
		* @ To hide #choose-country div
		*/
		#choose-country {
			display:none;
		}


		/**
		* @subsection Search
		*/
		#header #site-search {
			font-size: 12px;
			position: absolute;
			right: 27px;
			top: 66px;
		}
			#site-search input.text {
				border: solid 1px #645c55;
				color: #6c6c6c;
				font: normal 12px/normal Arial, Helvetica, sans-serif;
				height: 15px;
				margin-right: 10px;
				padding: 2px 3px;
				vertical-align: top;
				width: 185px;
			}

			#site-search input.submit {
				border: 0;
				cursor: pointer;
				height: 14px;
				margin-top: 4px;
				*padding-top: 14px;
				text-indent: -5000px;
				vertical-align: top;
				width: 61px;
			}
				/* English version */
				.en #site-search input.submit {
					background: transparent url(/static/slgi/images/english/gi_e_sprite_wrapper.png) no-repeat -217px -59px;
				}
				/* French version */
				.fr #site-search input.submit {
					background: transparent url(/static/slgi/images/french/gi_f_sprite_wrapper.png) no-repeat 0 -67px;
					width: 92px;
				}

	/**
	* @subsection Content
	*/
	#content {
		display: block;
		float: left;
		margin-bottom: 50px;
		position: relative;
		width: 100%;
	}
		#content div.column,
		#content div.col-left,
		#content div.col-middle,
		#content div.col-right,
		#content #content-body,
		#content #content-sidebar,
		#content #content-navigation {
			display: inline;
			float: left;
			left: 969px;
			position: relative;
		}

		#content #content-body h1 {
			margin-bottom: 15px;
		}

		#content #content-body h2 {
			margin-bottom:14px;
		}


		/**
		* @subsection Three Column Layout
		*/
		div.three-column-layout {
			background: #fff url(/static/slgi/images/gi_u_layout_threecolumn_969w_6h.gif) repeat-y 0 0;
		}
			div.three-column-layout #content-body {
				margin-left: -741px;
				width: 450px;
			}
			div.three-column-layout #content-sidebar {
				margin-left: -261px;
				width: 240px;
			}
			div.three-column-layout #content-navigation {
				margin-left: -949px;
				width: 178px;
			}


		/**
		* @subsection Two Column Layout (Right)
		*/
		div.two-column-right {

		}
			div.two-column-right #content-body {
				margin-left: -949px;
				width: 658px;
			}

				/**
				* @subsection Inner Three Column Layout
				*/
				div.two-column-right #content-body div.col-left,
				div.two-column-right #content-body div.col-middle,
				div.two-column-right #content-body div.col-right {
					left: 0;
					margin-left: 46px;
					width: 185px;
				}
					div.two-column-right #content-body div.col-left { margin-left: 0; }

			div.two-column-right #content-sidebar {
				margin-left: -261px;
				width: 240px;
			}


		/**
		* @subsection Two Column Layout (Left)
		*/
		div.two-column-left {

		}
			div.two-column-left #content-body {
				margin-left: -741px;
				width: 697px;
			}
			div.two-column-left #content-navigation {
				margin-left: -949px;
				width: 178px;
			}


		/**
		* @subsection One Column Layout
		*/
		div.one-column-layout {

		}
			div.one-column-layout #content-body {
				margin-left: -969px;
				width: 969px;
			}

				/**
				* @subsection Inner Three Column Layout
				*/
				div.one-column-layout div.three-column { background: transparent; }

				div.one-column-layout #content-body div.col-left {
					margin-left: -949px;
					width: 303px;
				}
				div.one-column-layout #content-body div.col-middle {
					margin-left: -621px;
					width: 303px;
				}
				div.one-column-layout #content-body div.col-right {
					margin-left: -291px;
					width: 270px;
				}
/* Lipper award */
div.award {
		background-color: #E6E4E2; 
		margin:25px 0px;
		height:auto !important;
		min-height:70px;
		height:70px;
		padding: 7px 0 5px 0;
		float:left;
		width:450px;
	}
.award p, div.fundfacts .award p {
		float:left;
		display:inline;
		position:relative;
		left:208px;
		margin:0;
		width:222px;
	}

div.award img {
		display:inline;
		margin:-20px 10px -20px -208px; 
		float: left;
	}
/* MFS award */
div.award_MFS {
		background-color: #E6E4E2; 
		margin:5px;
		height:auto !important;
		min-height:100%;
		height:70px;
		padding: 7px;
		float:right;
		width:150px;
	}
.award_MFS p, div.fundfacts .award_MFS p {
		float:left;
		display:inline;
		position:relative;
		margin: 0 0 0 5px;
		width:150px;
	}
.fr .award_MFS p, .fr div.fundfacts .award_MFS p {
		font-size:smaller;
}
	/*end award */

	/**
	* @subsection Footer
	*/
	#footer {
		background: transparent url(/static/slgi/images/gi_u_layout_brownswoosh_969w_136h.gif) no-repeat 0 100%;
		clear: both;
		color: #000;
		font-size: 0.91em;
		height: 136px;
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 969px;
	}
		#footer p {
			margin: 0 0 10px 0;
		}

		#footer .legal a { margin: 0 5px; }

		#footer .social a.linkedin {
			background: transparent url(/static/slgi/images/gi_u_icon_linkedin_16w_16h.gif) no-repeat 0 0;
			display: inline-block;
			*display: inline;
			margin-right: 15px;
			padding-left: 27px;
			zoom: 1;
		}

		#footer .social a.subscribe {
			background: transparent url(/static/slgi/images/gi_u_icon_rss_14w_14h.gif) no-repeat 0 2px;
			display: inline-block;
			*display: inline;
			padding-left: 20px;
			zoom: 1;
		}


	/**
	* @section Push/Footer Stick
	*/
	div.push {
		clear: both;
		height: 136px;
	}


	/**
	* @section Miscellaneous
	* @subsection Skip over navigation
	*/
	#skipper {
		position: absolute;
		text-indent: -9999px;
	}


	/**
    * @section Miscellaneous
	* @subsection Graphical headers
	* @note This is a nearly-retired item as Cufon is now the solution for an
	* text replacement that is required.
	*/
	.bg, .hdr {
		background-color: transparent;
		background-position: left top;
		background-repeat: no-repeat;
		display: block;
		overflow: hidden;
		text-decoration: none;
		text-indent: -5000px;
	}


	/**
	* @section Cufon
	* @subsection Hide all elements being replaced by Cufon to avoid FOUT.
	*/
	.cufon-loading h1 {
		visibility: hidden !important;
	}


	/**
	* @section Miscellaneous
	* @subsection Float "clearfix"
	*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		line-height: 0;
		visibility: hidden;
	}
	.clearfix {
		display: inline-block;
	}
	/* Hide from IE Mac \*/
	.clearfix {
		display: block;
	}
	/* End hide from IE Mac */

}
@media print {

    #skipper { display: none; }

}



/**
* Navigation
*
* Styling for the primary, secondary, etc. navigation is found within this
* section.
*
* @section	navigation
*/
@media screen, projection {

	/**
	* @subsection Global
	*/
    ul.navigation,
	#toolbar,
	#primary,
	#breadcrumb ul,
	#secondary {
		list-style-type: none;
		margin: 0;
    }
		ul.navigation li,
		#toolbar li,
		#primary li,
		#breadcrumb li,
		#secondary li {
			background-image: none;
			margin: 0;
			padding: 0;
			position: static;
		}


	/**
	* @subsection Toolbar
	*/
	#toolbar {
		font-size: 12px;
		line-height: normal;
		position: absolute;
		right: 27px;
		text-align: right;
		top: 102px;
	}
		#toolbar li {
			display: inline;
			float: left;
			margin-left: 20px;
		}
			#toolbar a {
				color: #fff;
				display: block;
				font: normal 12px/1 Arial, Helvetica, sans-serif;
				text-align: left;
				text-decoration: none;
				text-transform: uppercase;
			}
			#toolbar a.lit,
			#toolbar a:hover { color: #b0aaa4; }


   		/**
		* @section Toolbar
		* @subsection Text Resize, Printer Functionality, Sign In and My Links
		*/
		#resize {
			position: absolute;
			right: 30px;
			top: 0;
			_top: 1px;
		}
			#resize #sign-in,
			#resize #my-links,
			#resize #text-large,
			#resize #text-medium,
			#resize #text-small,
			#resize #print-page {
				float: right;
				position: relative;
			}
			#resize #sign-in,
			#resize #my-links { height: 29px; }

				#resize #text-large a,
				#resize #text-medium a,
				#resize #text-small a,
				#resize #print-page a {
					display: block;
					overflow: hidden;
					text-decoration: none;
					text-indent: -5000px;
				}

				#resize #text-large a,
				#resize #text-medium a,
				#resize #text-small a {
					height: 15px;
					margin: 5px 0 0 10px;
					width: 14px;
				}

				#resize #print-page a {
					height: 16px;
					margin: 6px 7px 0 0;
					width: 17px;
				}

				#resize #text-large a { background-position: -542px -18px; }
				#resize #text-medium a { background-position: -526px -18px; }
				#resize #text-small a { background-position: -510px -18px; }
				#resize #print-page a { background-position: -510px 0; }

				/* English version */
				.en #sign-in a.bg {
					background: transparent url(/static/slgi/images/english/gi_e_sprite_wrapper.png) no-repeat -325px -28px;
					height: 26px;
					width: 56px;
				}
					.en #sign-in a.lit,
					.en #sign-in:hover a.bg { background-position: -452px -28px; }

				.en #my-links a.hdr {
					background: transparent url(/static/slgi/images/english/gi_e_sprite_wrapper.png) no-repeat -256px -28px;
					height: 26px;
					margin: 0 13px 0 20px;
					width: 67px;
				}
					.en #my-links a.lit,
					.en #my-links:hover a.hdr { background-position: -383px -28px; }

				.en #text-large a,
				.en #text-medium a,
				.en #text-small a,
				.en #print-page a {
					background: transparent url(/static/slgi/images/english/gi_e_sprite_wrapper.png) no-repeat;
				}

				/* French version */
				.fr #sign-in a.bg {
					background: transparent url(/static/slgi/images/french/gi_f_sprite_wrapper.png) no-repeat -94px -95px;
					height: 26px;
					width: 128px;
				}
					.fr #sign-in a.lit,
					.fr #sign-in:hover a.bg { background-position: -224px -95px; }

				.fr #my-links a.hdr {
					background: transparent url(/static/slgi/images/french/gi_f_sprite_wrapper.png) no-repeat -94px -67px;
					height: 26px;
					margin: 0 13px 0 20px;
					width: 69px;
				}
					.fr #my-links a.lit,
					.fr #my-links:hover a.hdr { background-position: -165px -67px; }

				.fr #text-large a,
				.fr #text-medium a,
				.fr #text-small a,
				.fr #print-page a {
					background: transparent url(/static/slgi/images/english/gi_e_sprite_wrapper.png) no-repeat;
				}


			/**
			* @subsection Dropdown for My Links and Sign In
			*/
			#resize div.dashboard {
				background-color: #cbc7c3;
				border: solid 1px #b9b4af;
				padding: 2px;
				position: absolute;
				right: 0;
				top: 28px;
				visibility: hidden;
				width: 182px;
			}
			#resize #sign-in div.dashboard {
				right: -13px;
				width: 132px;
			}

				div.dashboard div.layout {
					background-color: #fff;
					border: solid 1px #b9b4af;
					padding: 11px;
				}

					/**
					* @subsection Dashboard Header
					*/
					div.dashboard h2 {
						font-size: 14px;
						font-weight: bold;
						margin: 0 0 5px 0;
						text-transform: none;
					}


					/**
					* @subsection In-Dashboard Navigation
					*/
					#resize div.dashboard ul.navigation {
						margin: 0 -9px 10px 0;
						text-align: right;
					}
						#resize div.dashboard ul.navigation li {
							background-image: none;
							border-bottom: 0;
							display: inline;
							margin: 0 3px;
							padding: 0;
							position: static;
						}
							#resize div.dashboard ul.navigation a { margin-right: 6px; }


					/**
					* @subsection Bulleted Links
					*/
					#resize div.dashboard ul li {
						background: transparent url(/static/slgi/images/gi_u_icon_rightarrow_6w_7h.gif) no-repeat 1px 5px;
						border-bottom: solid 1px #ccc;
						display: list-item;
						margin: 0 0 2px 0;
						padding: 0 0 2px 14px;
						position: relative;
					}
					#resize div.dashboard ul li.last {
						border-bottom: 0;
						margin-bottom: 0;
						padding-bottom: 0;
					}
						#resize div.dashboard ul a { text-decoration: none; }
						#resize div.dashboard ul a:hover { text-decoration: underline; }


			/**
			* @subsection Popup Window
			* @notes The popup that appears when clicking on any of the Add,
			* Edit or Help links.
			*/
			div.dashboard-popup {
				background-color: #fff;
				margin: 30px auto;
				padding-bottom: 1px;
				width: 380px;
			}
				div.dashboard-popup div.navigation {
					background-color: #82786f;
					color: #e4dfd8;
					height: auto !important;
					height: 16px;
					min-height: 16px;
					position: relative;
					padding: 32px 12px 10px 0;
					text-align: right;
				}
					div.dashboard-popup h2 {
						bottom: 0;
						left: 0;
						margin: 0;
						position: absolute;
					}

					div.dashboard-popup a {
						border-right: solid 1px #e4dfd8;
						color: #e4dfd8 !important;
						font-size: 13px;
						margin-right: 3px;
						padding-right: 5px;
						text-decoration: none !important;
						vertical-align: top;
					}
					div.dashboard-popup .help a,
					div.dashboard-popup a.close {
						border-right: 0;
						margin-right: 0;
					}

					div.dashboard-popup a.lit {
						color: #EAAC1F !important;
					}

				div.dashboard-popup div.pane {
					padding: 18px 35px 18px;
				}

				div.dashboard-popup h3 {
					color: #6c6c6c;
					font: bold 15px/17px Arial, Helvetica, sans-serif;
					margin: 0 0 18px -15px;
					position: relative;
				}
				div.dashboard-popup h3.hdr {
					display: inline;
					font-size: 12px;
					margin: 0 5px 0 0;
					text-indent: 0;
				}

				div.dashboard div.formrow { margin: 10px 0; }

			/**
			* @subsection Edit a Link
			*/
			div.pane-edit {
				overflow: auto;
				position: relative;
				zoom: 1;
			}
				ul.mylist-links {
					display: inline;
					float: left;
					margin: 0 0 18px 0;
					width: 181px;
				}
					ul.mylist-links li {
						background-image: none;
						border-bottom: solid 1px #dfdcda;
						overflow: hidden;
						*margin-left: -16px;
						padding: 5px 5px 5px 25px;
						position: relative;
						zoom: 1;
					}
						ul.mylist-links input {
							float: left;
							margin: 3px 0 0 -25px;
							*margin-top: -1px;
							vertical-align: middle;
						}

				div.mylist-tools {
					display: inline;
					float: right;
					margin-top: -18px;
					width: 110px;
				}
					div.mylist-tools a {
						border-right: 0;
						margin: 0;
						padding: 0;
					}


	/**
	* @subsection Primary
	*/
    #primary {
		font-size: 14px;
		line-height: 1;
		position: relative;
		word-wrap: normal;
		z-index: 100;
    }

		/**
		* @subsection Custom-styled for "Home" Page
		*/
		#primary li {
			display: inline-block;
			font-family: Arial, Helvetica, sans-serif;
			margin-left: 20px;
			max-width: 7em; /* 104 */
			padding: 10px 0;
			padding-right: 5px;
			padding-left: 5px;
			position: relative;
			vertical-align: middle;
			left: 5px !important;
			*display: inline;
			_width: 90px;
			*zoom: 1;
		}
			/* French version */
			.fr #primary li { max-width: 8.86em; }
			.fr #primary > li { max-width: 7.4em; *max-width: 8.75em; margin-left: 15px;}
			.fr #primary li { _width: 100px; }

			/* slightly boost the width of the first link "about us" */
			#primary > li:first-child {
				min-width: 6em;
			}

			/* bump over the last link, but only on the french side */
			.fr #primary > li:last-child {
				position: relative;
				left: -1px !important;
				max-width: 9.4em;
				margin-left: 30px !important;
			}

			#primary a {
				display: inline;
				text-decoration: none;
				text-transform: uppercase;
			}

			#primary :hover a,
			#primary .sfhover a,
			#primary a.lit,
			#primary a:hover { color: #eaac1f !important; }

		/**
		* @subsection Display Dropdown on Hover
		*/
		#primary li:hover ul,
		#primary li.sfhover ul {
			visibility: visible;
		}


	/**
	* @subsection Dropdown
	*/
    #primary ul {
		background-color: #fff;
		border: solid 1px #b9b4af;
		left: 0;
		margin: 0 0 0 -10px;
		padding: 14px;
		position: absolute;
		visibility: hidden;
		width: 146px;
    }
		#primary ul li {
			border-bottom: solid 1px #ccc;
			display: list-item;
			font: normal 12px/normal Arial, Helvetica, sans-serif;
			margin: 0 0 6px 0;
			max-width: none !important;
			padding: 0 0 6px 0;
			_width: auto !important;
		}
			#primary ul li.last {
				border-bottom: 0;
				margin-bottom: 0;
				padding-bottom: 0;
			}
				#wrapper #primary ul a {
					color: #82786f !important;
					padding: 0;
					text-transform: none;
				}
				#primary ul a:hover { text-decoration: underline; }


	/**
	* @subsection Secondary
	*/
    #secondary {
		font-size: 12px;
		line-height: 18px;
    }
		#secondary li {
			border-bottom: solid 1px #bfb9b5;
			display: inline;
			float: left;
			width: 100%;
		}
			#secondary a {
				color: #6c6c6c;
				display: block;
				padding: 8px 1px;
				text-decoration: none;
			}
			#secondary .last { border-bottom: 0; }
			#secondary a:hover { text-decoration: underline; }
			#secondary a.lit { font-weight: bold; }

		/**
		* @subsection Second Level
		*/
		#secondary ul {
			margin: -5px 0 2px 17px;
			zoom: 1;
		}
			#secondary ul li {
				border-bottom: 0;
			}
				#secondary ul a {
					background: transparent url(/static/slgi/images/gi_u_icon_rightarrow_6w_7h.gif) no-repeat 0 13px;
					color: #82786f;
					padding-left: 15px;
				}


	/**
	* @subsection Breadcrumb
	*/
    #breadcrumb {
    	border-bottom: solid 1px #b9b4af;
		border-top: solid 1px #b9b4af;
		font-size: 11px;
		line-height: 18px;
		margin: 0 0 25px 0;
		padding: 4px 355px 6px 22px;
		position: relative;
		z-index: 90;
    }

		#breadcrumb ul.clearfix li {
			display: inline;
			margin-right: 8px;
		}
			#breadcrumb ul.clearfix a {
				background: transparent url(/static/slgi/images/gi_u_icon_brownarrow_5w_8h.gif) no-repeat 100% 3px;
				color: #7c7c7c;
				padding-right: 19px;
			}

			#breadcrumb ul.clearfix a.lit {
				background-image: none;
				font-weight: bold;
				padding-right: 0;
				text-decoration: none;
				cursor: default;
			}
			
	/**
	* @subsection Disclaimer
	*/		
		#content #disclaimer {display:none;}
		#disclaimer { padding:20px; font-size:0.8em;line-height:1.2em;} 
		#disclaimer sub, #disclaimer sup {font-size:0.8em; line-height:1.2em;}
}



/**
* Rotating Billboards
*
* Rotate through a series of static billboards. Configured to work for a one-
* column template only.
*
* @section	rotator
*/
@media screen, projection {

	div.rotator {
		background-color: #6b6159;
		height: 208px;
		overflow: hidden;
		/*padding-right: 291px;*/
		position: relative;
		/*width: 678px;*/
		width:100%;
	}
		div.rotator div.billboards {
			position: relative;
		}
			div.rotator div.billboards div {
				left: 0;
				position: absolute;
				top: 0;
			}
			div.rotator div.billboards img { max-width: none; }


		/**
		* @subsection Tabbed Navigation
		* @notes For paging through the list of billboards.
		*/
		div.rotator div.navigation {			
			position: absolute;
			right: 321px;
			top: 175px;
		}
			div.rotator div.navigation a {				
				border: solid 1px #a19991;
				cursor: pointer;
				float: left;
				height: 8px;
				margin-right: 6px;
				overflow: hidden;
				position: relative;
				text-indent: 0;
				width: 8px;
			}
			div.rotator div.navigation a.current {
				background-color: #eaac1f;
				border-color: #eaac1f;
			}
				div.rotator div.navigation span {
					background-color: gray;
					_background-color: transparent;
					filter: alpha(opacity=10); 
					-ms-filter: alpha(opacity=10); 
					opacity: 0;
				}


		/**
		* @subsection Sidebar
		* @notes Content panel to the immediate right of the billboard rotator.
		*/
		div.rotator div.sidebar {
				font-size: 13px;			
			height: 193px; /* 208 */
			left: 677px;
			line-height: 1.1;
			padding: 15px 22px 0;
			position: absolute;
			top: 0;
			width: 248px; /* 292 */
		}
			div.rotator div.sidebar .signin-advisor { margin-left: 10px; }
			
			div.rotator div.sidebar h2 {
				margin: 0 0 3px !important;
			}
			
			div.rotator div.sidebar p {
				margin: 0 0 12px;
			}
			
			div.rotator div.sidebar a.more {
				color: #fff;
				text-decoration: none;
			}
			div.rotator div.sidebar a.more:focus,
			div.rotator div.sidebar a.more:hover {
				text-decoration: underline;
			}
				div.rotator div.sidebar a.more img {
					margin-left: 8px;
					vertical-align: middle;
				}



}



/**
* Features
*
* Content features that have custom styling from regular page content. The
* follow are generic styles that are shared by all feature types.
*
* @section	features
*/
@media all {

	div.feature {

	}
		/**
		* @subsection Main Heading
		*/
		div.feature h2,
		div.feature h3 {
			color: #eaac1f;
			font: normal 17px/normal Arial, Helvetica, sans-serif;
			margin-bottom: 0;
			text-transform: uppercase;
		}
		div#content-sidebar.company-profile div.teaser h3 {
			font-size:19px;
		}
}

hr.yellow {
	padding: 0; 
	margin: 0; 
	color: #EAAC1F;
}
.campaign-video {
    background: none repeat scroll 0 0 #F2F1F0;
    border: 1px solid #BAB4AF;
    font-size: 1.09em;
    margin: 0 0 18px;
    padding: 2px;
}
.campaign-video .thumb img {
    display: block;
    width: 100%;
}
.caption-desc {
    margin: 3px 10px 10px;
}

/**
* Feature: Teaser
*
* A teaser is composed of a graphic (inline) header with/without a photo banner
* directly beneath it. A short text summary follow.
*
* @section	feature-teaser
*/
@media all {

	div.feature.teaser {
		margin: 0 0 30px 9px;
	}
	div#content-sidebar.company-profile div.teaser {
		border-top: 1px solid #bfb9b5;
	}

		/**
		* @subsection Graphic Heading
		*/
		div.teaser h2,
		div.teaser h3 {
			margin: 9px 0 17px 0;
		}
		div#content-sidebar.company-profile div.teaser h3 {
			margin: 17px 0;
		}
			div.teaser h3 img {
				display: block;
				max-width: none;
			}


		/**
		* @subsection Photo Banner
		*/
		div.teaser img.photo {
			display: block;
			margin: 0 0 -8px 0;
		}
			div.teaser.video img.photo {
				margin-left: -10px;
				max-width: none;
			}

		div.teaser p { margin-left: 5px; }


		/**
		* @subsection Icon-based Links
		*/
		div.teaser a.icon {
			background: transparent no-repeat 0 0;
			display: inline-block;
			*display: inline;
			height: auto !important;
			height: 20px;
			min-height: 20px;
			padding-left: 31px;
			zoom: 1;
		}
			div.teaser a.icon.linkedin { background-image: url(/static/slgi/images/gi_u_icon_linkedin_16w_16h.gif); }
			div.teaser a.icon.news { background-image: url(/static/slgi/images/gi_u_icon_emailrss_22w_20h.gif); }
			
			
		div#content-sidebar.company-profile div.teaser ul {
			margin-left:8px;
		}
}



/**
* Feature: Welcome
*
* Introductory text that sits at the top of the page (body column) and normally
* will include a left-aligned photo.
*
* Note: The image MUST appear first in the markup (i.e. before the main heading)
*
* @section	feature-welcome
*/
@media all {

	div.feature.welcome {
		height: 200px;
		margin-bottom: 28px;
		overflow: hidden;
		padding: 50px 400px 11px 31px;
		position: relative;
		zoom: 1;
	}
		div.welcome img.banner{
			left: 0;
			position: absolute;
			top: 0;
		}

		div.welcome h1,
		div.welcome p {
			position: relative;
		}

}



/**
* Feature: Products List
*
* List of products that includes a short summary with an associated thumbnail
* aligned to the left.
*
* @section	feature-prodlist
*/
@media screen, projection {

	div.feature.prodlist {
		margin: 36px 0 18px;
	}

		/**
		* @subsection Wrapper for the List of Products
		*/
		div.prodlist ul {
			margin-left: 0;
		}
			div.prodlist ul li {
				background-image: none;
				clear: left;
				height: auto !important;
				height: 91px;
				margin: 0 0 30px 0;
				min-height: 91px;
				overflow: hidden;
				padding-left: 128px;
				_height: 1%;
				_overflow: visible;
			}

				/**
				* @subsection Thumbnail
				*/
				div.prodlist img.thumb {
					height: 91px;
					left: 0;
					position: absolute;
					top: 0;
					width: 109px;
				}


				/**
				* @subsection Product Name
				*/
				div.prodlist h2 {
					font: bold 1.18em/normal Arial, Helvetica, sans-serif;
					margin: 3px 0 0 0;
					text-transform: none;
				}
					div.prodlist h2 a { text-decoration: none !important; }


				/**
				* @subsection Product Summary
				*/
				div.prodlist p {
					margin-top: 0
				}

}



/**
* Feature: Headlines
*
* Text feature consisting of a headline (bolded/hyperlinked) and a short teaser.
*
* @section	feature-headlines
*/
@media all {

	div.feature.headlines {
		margin: 36px 0 18px 0;
	}
		div.headlines dl,
		dl.news-listing { margin-left: 0; }

			div.headlines dt,
			dl.news-listing dt {
				font-size: 1.18em;
				font-weight: bold;
			}

			div.headlines dd,
			dl.news-listing dd{ margin-bottom: 18px; }

			dl.news-listing dd a {
				display: block;
			}
			dl.news-listing dd i a {
				display: inline;
			}

}



/**
* Feature: News
*
* Similar feature "Headlines"; includes an extra line for the publication date.
*
* @section	feature-news
*/
@media all {

	div.feature.news {
		font-size: 1.09em;
		margin: 36px 0 18px 0;
	}
		div.news dl { margin-left: 0; }
			div.news dt span.pubdate {
				display: block;
				font-weight: bold;
			}
			div.news dd { margin-bottom: 18px; }

}



/**
* Feature: Advisor Sign In
*
* Login feature for accessing the Advisor section of the site.
*
* @section	feature-signin
*/
@media screen, projection {

	div.feature.signin {
		padding-left: 7px;
	}

		/**
		* @subsection Register Button
		*/
		div.signin p.register {
			margin: 9px -2px 0 -8px;
		}

		/**
		* @subsection Sign In Form
		*/
		div.signin form {
			border-bottom: solid 1px #dfdcda;
			margin-left: -7px;
			padding: 0 0 1px 7px;
			zoom: 1;
		}

		/**
		* @subsection Form Rows
		* @notes Each form row contains one or more fields.
		*/
		div.signin div.row {
			margin-bottom: 16px;
		}
			div.signin div.row input.text { width: 210px; }

		/**
		* @subsection Remember Me
		* @notes Toggle form to remember the username for future sessions.
		*/
		div.signin label.remember {
			float: right;
			font-size: 0.91em;
			line-height: normal;
			margin: 0 11px;
			overflow: hidden;
			padding-left: 20px;
			position: relative;
			width: 73px;
		}
			/* French version */
			.fr div.signin label.remember {
				float: none;
				display: block;
				margin: 5px 0 0 0;
				width: auto;
			}

			label.remember input {
				float: left;
				margin: 3px 0 0 -20px;
				*margin: -1px 0 0 -23px;
			}


		/**
		* @subsection Form Errors
		* @notes Display above the form fields in a shaded box.
		*/
		div.signin .error {
			background-color: #fbeed2;
			color: #82786f;
			margin-top: 10px;
			padding: 13px;
		}
			div.signin .error a { color: #82786f; }

}



/**
* Feature: Rate This Article
*
* Star rating system for a given page/article.
*
* @section	feature-rating
*/
@media screen, projection {

	div.feature.rating {
		background-color: #f2f1f0;
		margin-bottom: 17px;
		padding: 12px 13px;
		position: relative;
	}
		div.rating h2 { margin-top: 0; }

		/**
		* @subsection Stars
		*/
		div.rating div.stars {
			border-bottom: solid 1px #d9d8d8;
			height: 15px;
			margin: 15px 0 2px;
			padding-bottom: 12px;
			position: relative;
		}
			div.rating div.stars a {
				background: transparent url(/static/slgi/images/gi_u_layout_starrating_91w_90h.gif) no-repeat 0 0;
				display: block;
				height: 15px;
				position: absolute;
				text-indent: -5000px;
				top: 0;
				width: 15px;
			}
				div.rating div.stars a.star1 { left: 0; }
				div.rating div.stars a.star2 { left: 19px; }
				div.rating div.stars a.star3 { left: 38px; }
				div.rating div.stars a.star4 { left: 57px; }
				div.rating div.stars a.star5 { left: 76px; }

		/**
		* @subsection Current Rating
		*/
		div.rating .current {
			display: block;
			font-size: 0.82em;
		}

}



/**
* Feature: Add This
*
* Third-party social bookmarking tool.
* http://www.addthis.com/
*
* @section	feature-addthis
*/
@media screen, projection {

	div.feature.addthis { margin-bottom: 26px; }

}



/**
* Feature: Table Data Grid
*
* Tables within this feature recieve custom layout treamtment.
*
* @section	feature-grids
*/
@media screen, projection {

	div.feature.historical-data {
		margin-top: 34px;
		padding-top: 16px;
	}
		div.feature table.grid {
			margin: 18px 0;
			width: 100%;
		}

			/**
			* @subsection Heading Row(s)
			*/
			table.grid thead th {
				background-color: #7e7872;
				border-bottom: solid 1px #fff;
				color: #fff;
				font-weight: bold;
				padding: 7px 10px 8px;
				text-align: left;
			}
			table.grid thead td {
				padding: 7px 0 7px 10px;
			}
				table.grid thead td.pubdate { text-align: right; }


			/*START: GV Table Style properties */
			table#gv thead th.gvColHeader {
				text-align:center;
				width:35%;
			}

			table#gv tbody td.gValues {
				text-align:right;
			}

			.en table#gv tbody td.gValues {
					padding-right:15px;
			}
			/*END: GV Table Style properties */

			/**
			* @subsection Body/Content Row(s)
			* @notes JavaScript stripes the even table rows.
			*/
			table.grid tbody th,
			table.grid tbody td { padding: 3px 10px 4px; }
				table.grid tbody .shaded th,
				table.grid tbody .shaded td { background-color: #e2e2df; }

}

/**
* Feature: Daily Prices
*
* CSS properties for Daily prices table to make the table body data in aligned with table header.
*
* @section	Daily Prices
*/

@media screen, projection {
	table#dpTable thead th.cpHead {
		text-align: center;
		padding-right: 0px;
	}


	.fr table#dpTable tbody td.cprices {
		padding-right: 6px;
	}

	.en table#dpTable tbody td.cprices {
		padding-right:11px;
	}

	table#dpTable thead th.rt {
		text-align: right;
	}

	.en table#dpTable thead th.rt {
		width: 70px;
	}

	table#dpTable tbody td {
		text-align: right;
	}

	table#dpTable tbody td.fName {
		text-align: left;
	}

	table#dpTable {
		margin-top: 7px;
	}
}

/**
* Feature: Distribution prices
*
* CSS properties for Distribution prices table to make the table body data in aligned with table header.
*
* @section	Distribution prices
*/

@media screen, projection {
	table#dstrbtn .dDate {
		text-align: center;
	}

	table#dstrbtn thead th.daHead {
		text-align: center;
		padding-right:4px;
	}

	table#dstrbtn tbody td.dAmount {
		text-align: right;
	}

	table#dstrbtn .fName {
		width: 160px;
	}
}

/**
* Feature: Historical Prices
*
* Form for sorting through the "Historical Prices" data grid.
*
* @section	feature-historical-prices
*/
@media screen, projection {

	div.feature.historical-prices {

	}
		/* Series and Fund name */
		div.historical-prices div.row.series { 
			margin: 18px 0;
		}
			div.historical-prices div.row.series label { 
				display: inline-block;
				width: 4em;
				*display: inline;
				*zoom: 1;
			}
		
		div.historical-prices div.row.date {
			margin: 18px 0;
			overflow: hidden;
		}
			div.historical-prices div.date div {
				display : inline;
			}

			div.historical-prices div.date input.text {
				background: transparent url(/static/slgi/images/gi_u_icon_calendar_15w_14h.gif) no-repeat 97% 2px;
				cursor: pointer;
				margin: 5px 0 0;
				width: 150px;
			}
			
			div.ui-datepicker { z-index: 99999 !important; }
		
		div.historical-pagination {
			margin: 18px 0;
			text-align: right;
		}
			div.historical-pagination p {
				margin: 5px 0;
			}

		
		div.historical-prices input.button {
				border: 0;
				cursor: pointer;
				padding-top: 30px;
				/*text-indent: -5000px;*/
				vertical-align: top;
			}

		.en div.historical-prices input#showprices {
					background: transparent url(/static/slgi/images/english/gi_e_btn_showprices_138w_30h.gif) no-repeat;
					height: 30px;
					width: 138px;
					margin-right:10px;
				}

		.en div.historical-prices input#spreadsheet {
					background: transparent url(/static/slgi/images/english/gi_e_btn_downloadspreadsheet_227w_30h.gif) no-repeat;
					height: 30px;
					width: 227px;
				}

		.fr div.historical-prices input#showprices {
					background: transparent url(/static/slgi/images/french/gi_f_btn_showprices_144w_30h.gif) no-repeat;
					height: 30px;
					width: 144px;
					margin-right:10px;
				}

		.fr div.historical-prices input#spreadsheet {
					background: transparent url(/static/slgi/images/french/gi_f_btn_downloadspreadsheet_202w_30h.gif) no-repeat;
					height: 30px;
					width: 202px;
				}

		div.historical-prices div.imgBtn {
					text-align : center;
		}

		table#hpTable .netAsset, table#hpTable .chng, table#hpTable .prev{
                            text-align:right;
                }

                table#hpTable .values {
                            text-align:right;
                }

                .fr table#hpTable .clsDate {
                    width:130px;
                }

                .fr table#hpTable .netAsset{
                    text-align: center;
                    padding-right:0px;
                }
		

}


/**
* Feature: Historical distributions
*
* Form for sorting through the "Historical distributions" data grid.
*
* @section	feature-historical-distributions
*/

@media screen, projection {
		
		div.historical-distributions div.row.series { 
			margin: 18px 0;
		}
			div.historical-distributions div.row.series label { 
				display: inline-block;
				width: 4em;
				*display: inline;
				*zoom: 1;
			}
		
		div.historical-distributions div.row.date {
			margin: 18px 0;
			overflow: hidden;
		}
			div.historical-distributions div.date div {
				display : inline;
			}

			div.historical-distributions div.date input.text {
				background: transparent url(/static/slgi/images/gi_u_icon_calendar_15w_14h.gif) no-repeat 97% 2px;
				cursor: pointer;
				margin: 5px 0 0;
				width: 150px;
			}
			
			div.ui-datepicker { z-index: 99999 !important; }
		
		div.historical-pagination {
			margin: 18px 0;
			text-align: right;
		}
			div.historical-pagination p {
				margin: 5px 0;
			}

		
		div.historical-distributions input.button {
				border: 0;
				cursor: pointer;
				padding-top: 30px;
				/*text-indent: -5000px;*/
				vertical-align: top;
			}

		.en div.historical-distributions input#showdistributions {
					background: transparent url(/static/slgi/images/english/gi_e_btn_showdistribution_197w_30h.gif) no-repeat;
					height: 30px;
					width: 197px;
					margin-right:10px;
				}

		.fr div.historical-distributions input#showdistributions {
					background: transparent url(/static/slgi/images/french/gi_f_btn_showdistribution_221w_30h.gif) no-repeat;
					height: 30px;
					width: 221px;
				}

		div.historical-distributions div.imgBtn {
					text-align : center;
		}

		table#hdTable .disHeader {
                        text-align:center;
                    }

                    table#hdTable .dateVal {
                        text-align:center;
                    }

                    table#hdTable .values {
                        text-align:right;
                    }

                    .en table#hdTable th#income{
                            padding-right:7px;
                    }

                    .en table#hdTable th#capGain{
                            padding-right:5px;
                    }

                    .en table#hdTable th#amnt{
                            padding-right:6px;
                    }

			.fr table#hdTable th#disDate{
                            padding: 6px 0;
                    }

		    .fr table#hdTable th#income{
                            padding: 6px 0;
                    }

                    .fr table#hdTable th#capGain{
                            padding: 6px 10px 6px 0px;
                    }

                    .fr table#hdTable th#amnt{
                            padding: 6px 0;
                    }
			
			.fr table#hdTable .values {
                        padding-left: 10px;
						padding-right: 15px;
                    }

}

/**
* Feature: Tabbed Content
*
* Create tabbed content from a list of content 'panes' that are found within
* this construct.
*
* @section	feature-tabs
*/
@media screen, projection {

	div.feature.tabs {

	}

		/**
		* @subsection Tabbed Navigation
		* @notes Built within the tabbedContent() JavaScript function.
		*/
		#tertiary {
			border-bottom: solid 1px #b3b3b3;
			margin: 0 0 28px 0;
			position: relative;
			zoom: 1;
		}
			#tertiary li {
				background-image: none;
				display: inline;
				float: left;
				margin: 0;
				padding: 0;
			}
				#tertiary a {
					background-color: #efefed;
					background-image: none;
					color: #6c6c6c;
					display: block;
					font: normal 16px/17px Arial, Helvetica, sans-serif;
					margin: 4px 0 0 0;
					padding: 11px 16px 7px;
					text-decoration: none !important;
				}
				#tertiary a.lit {
					background-color: #fff;
					border: solid 1px #b3b3b3;
					border-bottom: 0;
					margin: 0;
					padding: 13px 15px 8px;
					position: relative;
					top: 1px;
				}

}



/**
* Feature: Search Banner / Search Results
*
* Large banner region for search term entry and the results which are returned
* from the query shown below.
*
* @section	feature-search
*/
@media screen, projection {

	div.banner-search {
		background-color: #e2e2df;
		height: auto !important;
		height: 158px;
		margin: 0 20px 20px;
		min-height: 158px;
		padding: 20px 450px 1px 20px;
		position: relative;
	}
		div.banner-search img.photo {
			position: absolute;
			right: 0;
			top: 0;
		}

		div.banner-search input.text {
			margin-right: 4px;
			vertical-align: top;
			width: 210px;
		}

	#ftr-searchresults {
		margin: 0 40px 20px;
	}
		#ftr-searchresults div.summary {
			margin-bottom: 36px;
			overflow: hidden;
			position: relative;
		}
			#ftr-searchresults div.summary .label {
				clear: left;
				float: left;
				font-weight: bold;
				margin-right: 5px;
			}
			#ftr-searchresults div.summary .result { display: block; }

		#ftr-searchresults dl.news-listing dd {
			border-bottom: solid 1px #dfdcda;
			padding-bottom: 18px;

		}

		/*CSS rules for the error messages*/
		.errmsg {
			 color: #c00;
			 font-weight: bold;
		}

}