/**
* Sun Life Financial: Mobile
*
* @project 		Sun Life Financial: Mobile
* @version 		1.0
* @author 		Mike Badgley, iStudio
* @copyright	2009
*
* @colordef 	#000000 Content
* @colordef 	#5482ab Hyperlinks
*/

	html { 
		margin: 0; 
		padding: 0; 
	}

	body {
		background: #fff;/*url(../_images/mobile_u_bg_header_5w_100h.gif) repeat-x left top*/
		color: #000;
		font: normal medium Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		-webkit-text-size-adjust: none;
	}

	a {
		color: #5482ab;
	}

	#header {
		font-size: 80%;
		/*position: relative;*/
	}
	/* SLF logo. */
	#logo, #tagline {
		border: 0;
		display: block;
	}

	/* Worldwide tagline.
	#tagline {
		position: absolute;
		right: 0;
		top: 0;
	}
	*/

	#logo {
		background-color: #eaab00;
		border-bottom: 1px solid #fff;
		padding: 0;
		width: 100%;
	}
	#logo img { border: 0; }
		
	#logo td.brand { 
		border: 0;
		padding: 0;
		width: 167px; 
	}
	#logo td.country { 
		border: 0;
		padding: 0;			
		text-align: right; 
		width: 133px; 
	}

	/* Top navigation. */
	#primary {
		background: transparent url(/static/global/images/mobile_u_bg_header_5w_100h.gif) repeat-x left top;
		font-size: 100%;
		list-style-type: none;
		margin: 0;
		padding: 9px 0;
		text-align: center;
	}
	#primary a {
		margin: 0 5px;
	}

	#content {
		font-size: 80%;
		padding: 0 5px;
	}
	/* Main header of each page. */
	#content h1 {
		color: #5482ab;
		font-size: 130%;
		font-weight: bold;
		margin: 0;
		padding: .8em 0 .60em 0;
	}
	#content h2 {
		color: #000;
		font-size: 115%;
		font-weight: bold;
		margin: 0;
		padding: 0 0 .60em 0;
	}
	#content h3 {
		color: #000;
		font-size: 100%;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

	#content p {
		margin: 0;
		padding: 0 0 .60em 0;
		text-indent: 0;
	}

	#content ul {
		/*list-style-image: url(../_images/mobile_u_bullet_yellow.gif);*/
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: .60em;
	}
	
	div.disclaimer {
		font-size: 100%;
	}


	#footer {
		font-size: 100%;
		padding: 14px 5px 0 5px;
	}
	#footer p {
		font-size: 70%;
		margin: 0;
		padding: 7px 0;
	}

	/* Bottom navigation. */
	#toolbar {
		border-bottom: 1px solid #000;
		margin: 0;
		font-size: 70%;
		padding: 0 0 7px 0;
		position: relative;
		text-indent: 0;
		zoom: 1;
	}

	/* List of news headlines. */
	dl.headlines {
		margin-left: 0;
		padding-left: 0;
	}
	dl.headlines dt {
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	dl.headlines dd {
		margin: 0;
		padding: 0 0 .60em 0;
	}

	/* Data grid (tabular data). */
	#content table {
		border: 0;
		border-collapse: collapse;
		font-size: 80%;
		margin: 0;
		padding: 0 0 .60em 0;
		table-layout: fixed;
		width: 100%;
	}

	#content table td, table th {
		border-bottom: 1px solid #E9AB00;
		padding: 2px;
	}
	#content table th {

	}
	#content table td.shade { background-color: #FDF6E5; }

	/* Miscellaneous text-alignments. */
	.tcenter {
		text-align: center;
	}

	/* Force this element to be hidden. */
	.mobile-hide { 
		display: none !important; 
	}

	/* Multi-column content. */
	div.columns {
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	div.columns .column {
		display: inline;
		float: left;
		overflow: hidden;
		padding-right: 3%;
		position: relative;
		width: 40%;
	}

	/* Stockgroup "Share chart" */
	#share-performance-by-stockgroup img {
		display: block;
	}
	/* View/Download History links. */
	#share-performance-by-stockgroup p a {
		margin: 0 5px;
	}

	/* Form options for the "Share chart". */
	#ftr-chart-options span.formrow {
		display: block;
		margin: 0;
		padding: 0 0 .6em 0;
	}

	/* For top navigation link & share chart & share history tab highlight: added by z089*/
	#primary a.lit, #content a.lit {
		font-weight:bold;
	}
