@import url(blankcanvas.css);
@import url(base-typography.css);
@import url(base-datasets.css);
@import url(assets.css);

/*
	Site: 968px / 60.5em
	Gutters: 30px / 1.875em
	Padding: 10px / 0.625em
	Single Column: 130px / 8.125em
	Font sizes: 48px (3em), 16px (1em), 14px (0.875), 12px (0.75em)
*/

@media screen {

	/** =aegonassetmanagement */
	
		body { background: #f6f6f6; }
		div#aegonassetmanagement { margin: 0 auto; width: 60.5em; }

	/** =header */
		div#top_header { height:5.5em; position:relative; }
		div.micro_header {	top:-12px	}
		p#branding { font-size:0.5em; position:absolute; top:36px; }
		p#branding a { display:block; width:182px; height: 31px; }
		p#branding a span { background: url(../../images/branding/branding.gif) no-repeat; }
		
		ul#site_help { 
			float: right; background-color: #f5f7f8; overflow: hidden; display: inline;	
			background-image: url(../../images/layout/site-help-bg.gif);
			background-repeat: repeat-x; background-position: left bottom; 
		}
		
		ul#site_help li { float: left; font-size: 0.75em; line-height:2.1em; text-align: center; color:#b8babe; }
		ul#site_help li a { padding:0 0.5em 0.3em 0.5em; float:left; display:inline; line-height:2.2em; }
		ul#site_help li.first { background-repeat: repeat-y; background-image: url(../../images/layout/site-help-left.gif);	}
		ul#site_help li.last { background-repeat: repeat-y; background-image: url(../../images/layout/site-help-right.gif); background-position: right top; }
		ul#site_help li.first a { background-repeat: no-repeat; background-image: url(../../images/layout/site-help-bl.gif); background-position: left bottom; padding-left: 1.2em; }
		ul#site_help li.last a { background-repeat: no-repeat; background-image: url(../../images/layout/site-help-br.gif); background-position: right bottom; padding-right: 1.2em; }

		ul#site_help li a { text-decoration: none; color: #1f66b3; }
		ul#site_help li a:hover, 
		ul#site_help li a:active,
		ul#site_help li a:focus
		{ text-decoration: underline; }
		
		div.role_selection { position:absolute; top:62px; #top:60px; right:0; text-align: right; clear: both; }
		div.role_selection label { padding-right: 0.75em; }
		div.role_selection label span { font-size: 0.75em; color: #666666; padding-right: 0.4em; }
		div.role_selection label strong { font-weight: bold; color: #1d64b2; }
		div.role_selection label select { font-family: Arial, sans-serif; width: 13em; padding: 0 0 0 0.1em; font-size: 0.75em; color: #666666; }
		
		div#header {
			background-color: #e2e3e3; background-repeat: repeat-x; width: 100%;
			background-image: url(../../images/layout/header-bg.gif); 
			position: relative; clear: both; overflow: hidden; padding: 4px 0 0;
		}
		 
		div#header ul#primary_navigation { 
			padding-bottom: 4px; position: relative; background-position: left bottom; 
			z-index: 90; overflow: hidden; width: 100%; background-repeat: repeat-x; 
			background-image: url(../../images/layout/header-bottom.gif); 
		}

		div#header ul#primary_navigation li { float: left; font-size: 0.90em; }
		div#header ul#primary_navigation li.focus,div#header ul#primary_navigation li.active,div#header ul#primary_navigation li:hover { background-image: url(../../images/layout/navigation-top.gif); background-position: center top; background-color: #f6f7f8; }
		div#header ul#primary_navigation li a { display: block; text-decoration: none; color: #0c80c5; font-size:1.04em; }
		div#header ul#primary_navigation li a span { 
			padding: 0.6em 1.3em 0.7em; display: block; 
			background-repeat: no-repeat; background-position: right center;
			background-image: url(../../images/layout/navigation-inactive.gif);
		}
		
		div#header ul#primary_navigation li a:hover, 
		div#header ul#primary_navigation li a:active,
		div#header ul#primary_navigation li a:focus,
		div#header ul#primary_navigation li.active a
		{ background-image: url(../../images/layout/navigation-left.gif); background-repeat: repeat-y; background-position: left top; margin-left: -2px; padding-left: 2px;  }
		
		div#header ul#primary_navigation li.first a { background-image: url(../../images/layout/header-left.gif); background-repeat: repeat-y; background-position: left top;  }
		div#header ul#primary_navigation li.first a span { padding-left: 1.7em; }
		div#header ul#primary_navigation li.first a:hover, 
		div#header ul#primary_navigation li.first a:active,
		div#header ul#primary_navigation li.first a:focus,
		div#header ul#primary_navigation li.first.active a 
		{ background-position: 2px top; }

		div#header ul#primary_navigation li a:hover span, 
		div#header ul#primary_navigation li a:active span,
		div#header ul#primary_navigation li a:focus span,
		div#header ul#primary_navigation li.active a span
		{ background-image: url(../../images/layout/navigation-right.gif); background-repeat: repeat-y; background-position: right top; } 
		
		div#header div.search { 
			position: absolute; right: 0; top: 0.6em; background-repeat: repeat-y; 
			padding: 0 0.7em 0 0; z-index: 100; background-position: right top; 
			background-image: url(../../images/layout/header-right.gif); 
			text-align: right; width: 15em;
		}
		
		div#header div.search input { font-family: Arial, sans-serif; font-size: 0.7em; color: #526069; padding: 0.1em; }
		div#header div.search label span { display: none; }
		div#header div.search input.button { background: transparent; border: none; font-size: 0.75em; height:1.6em; color: #1d64b2; cursor: pointer; }
		
	/** =content */
		
		div#content { margin-bottom:0.2em; overflow: hidden; width: 100%; padding: 0.625em 0; background-repeat:no-repeat; background-position:left bottom; }
		div#content .microsite_main{ float: right; width: 49.35em;}
		div#content div#content_main { float: right; width: 49.35em; }
		
	   
		div#content ul#secondary_navigation { width: 9em; float: left; margin-top: 2.8em; padding-bottom:240px }
		

		div#content ul#secondary_navigation li { font-size: 0.75em; padding-bottom: 1em; line-height: 1.35em; }
		div#content ul#secondary_navigation li ul { padding: 1.15em 0 0 0.65em; }
		div#content ul#secondary_navigation li li { font-size : 0.95em; line-height: 1.4em; padding-bottom: 0.25em;  }
		
		div#content ul#secondary_navigation li a { color: #262626; text-decoration: none; }
		div#content ul#secondary_navigation li a:hover,
		div#content ul#secondary_navigation li a:focus,
		div#content ul#secondary_navigation li a:active,
		div#content ul#secondary_navigation li.active a
		{ color: #1d64b2; }
		div#content ul#secondary_navigation li.active li a { color: #333333; }
		div#content ul#secondary_navigation li li a:hover,
		div#content ul#secondary_navigation li li a:focus,
		div#content ul#secondary_navigation li li a:active,
		div#content ul#secondary_navigation li li.active a
		{ color: #1d64b2; }
		
	/** =tag cloud */

		div#content div#tag_cloud_text { position: absolute; }	
					
	/** =footer */
	
		div#footer { clear: both; width: 100%;  border-top: 1px solid #a1a1a1; padding: 0.625em 0 2em; overflow: hidden; width: 100%; }
		div#footer p { display: inline; float: left; padding: 0 0.75em 1em 0; font-size: 0.75em; color: #3f3f3f; }
		
		div#footer ul#site_information { display: inline; float: right; position: relative; }
		div#footer ul#site_information li { float: right; border-right: 1px solid #1d64b2; font-size: 0.75em; padding: 0 0.4em 0 0.5em; }
		
		div#footer ul#site_information li.first { border: none; padding-right: 0.8em;  }
		div#footer ul#site_information li.branding { border: none; position: absolute; right: 0.5em; top: 1em; font-style: italic; }
		div#footer ul#site_information li.branding img { padding: 0 0.3em 0 0.3em; _padding-right:0; position: relative; top: 0.5em; }
		div#footer ul#site_information li.branding a { color: #222222; text-decoration: none !important; }
		
		div#footer ul#site_information li a { color: #1d64b2; text-decoration: none; }
		div#footer ul#site_information li a:hover, 
		div#footer ul#site_information li a:active, 
		div#footer ul#site_information li a:focus 
		{ text-decoration: underline; }

}