/*===== 

Document:		CSS stylesheet for fsncapital.com
Author: 		Kjetil Sørby, SIKT www.siktweb.no
Created:		april 2010
Colors:			Dark blue: #18263D, 
Font:			Gill Sans --> Helvetica --> Arial
Baseline grid:	20px, font-size 14px
Column margins:	20px
Site width:		960px

=====*/
* {
    margin: 0;
    padding: 0;
}
body {font-size: 14px; line-height: 20px; font-family: "Gill Sans", Helvetica, Arial, Sans-serif; background: url(http://www.fsncapital.com/graphics/bg_blue.jpg) repeat-x #18263d; }


#mainWrapper {
    position:absolute;
	margin: 0 auto;
    width: 100%;
    height: 100%;
}

img {border: none;}
a img 		{ border: none; }
p a img 	{ border: none; }

/*=====  TEXT - FSN Capital based on 20px baseline grid =====*/
h1, h2, h3, h4, h5, h6 	{ color: #18263d; }
h1 					{ margin-bottom: 20px; font-size: 32px; line-height: 40px; text-transform: uppercase; font-weight: 400; }
h1 small			{ font-size: 12px; color: #cccccc; font-style: italic; }
h1.down				{ margin-bottom: 16px; margin-top: 40px; }
h2 					{ margin-top: 10px; margin-bottom: 10px; font-size: 20px; font-weight: 400; text-transform: uppercase;}
h3 					{ margin-top: 20px; font-size: 18px; line-height: 20px; font-weight: 400; text-transform: uppercase;}
h4					{ margin-top: 20px; font-size: 16px; font-weight: 400; }
h6					{ margin-top: 19px; margin-bottom: 20px; border-top: 1px solid #cccccc; font-size: 11px; font-weight: 400; }
p 					{ margin-bottom: 20px; color: #333333; }
ul, ol 				{ margin-bottom: 20px; margin-left: 40px; }
blockquote p, blockquote 	{ background: none; padding-left: 40px; margin-bottom: 20px; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 20px; line-height: 20px; color: #cccccc;}
p.ingress 			{ font-weight: bold; }
p.infoline			{ font-size: 14px; color: #ffffff; margin-left: -20px; background: #18263D; padding-left: 10px;}
p.infoline span		{ font-size: 11px; color: #cccccc; padding-left: 10px; text-transform: uppercase; }
p.infoline span:first	{ padding-left: 0; }
a {text-decoration: underline; color: #18263d;}

ol 		{ margin-left: 20px; padding-left: 10px;  }
ol li 	{ padding-left: 20px; }
ul, ol, dl 	{ position: relative; } /*fix for disappearing background images*/



#fpWrapper 		{ margin: 0 auto; width: 960px; position: relative; }
#fpHeader 		{ width: 960px; height: 100px; position: relative; }
#printHeader	{ display: none; }
#mainContent 	{ background: #ffffff; padding-bottom: 20px;}
#logo {position: absolute; top: 20px; left: 0; width: 102px; height: 58px;}
.main_img 		{ margin-top: 10px; margin-left: 10px; float: left; width: 940px; display: inline; }
#jqSlideshow	{ overflow: hidden; width: 940px; height: 300px; }
#quote {position: absolute; top: 140px; left: 0; width: 960px; height: 100px;}
#quote blockquote {text-indent: -9999px; background: url(http://www.fsncapital.com/graphics/quote_transformation.png) no-repeat top left; display: block; width: 538px; height: 89px; position: absolute; left: 20px; top: 0;}
#about {width: 559px; float: left; padding-bottom: 20px; padding-top: 10px; border-right: 1px dotted #cccccc; margin-top: 20px;}
#about p {padding: 10px 20px; text-align: left; border-left: 1px solid #ffffff; font-size: 16px; color: #888888;}
#about p span {color: #18263d;}
#fsn_video {width: 380px; float: right; margin-top: 40px;}
#fsn_video img { margin-right: 20px;}
.fp_news h2 		{ font-size: 12px; margin-top: 0; padding-right: 20px; }
.fp_news h2 a 		{ text-decoration: none; }
.fp_news h2 a:hover { text-decoration: underline; }
.fp_news h6			{ margin-bottom: 0; margin-right: 20px; }
.fp_news h6	span	{ color: #888888; }

#footerWrapper {position: relative; float: left; clear: both; width: 100%; margin-top: 40px; padding-bottom: 10px; background: url(http://www.fsncapital.com/graphics/footer_line.png) no-repeat bottom center; margin-bottom: 20px;}
#footer {margin: 0 auto; width: 960px; text-align: center; background: url(http://www.fsncapital.com/graphics/footer_line.png) no-repeat top center; padding-top: 10px;}
#footer img {margin-bottom: 10px;}
#footer p {color: #ffffff; font-size: 12px;}
#footer p span {padding-left: 10px; padding-right: 10px;}

/*=====  sidebar  =====*/
#sidebar 				{ margin-top: 30px; }
#sidebar h3				{ text-transform: uppercase; font-weight: 400; font-size: 16px; padding-left: 40px; background: url(http://www.fsncapital.com/graphics/arrow888.png) no-repeat 20px center; padding-bottom: 10px; margin-top: 26px; }
#sidebar h3 a 			{ text-decoration: none; display: block; }
#sidebar h3 a:hover 		{ color: #cccccc; cursor: pointer; }
#sidebar ul 			{ list-style-type: none; margin: 0; padding: 0; }
#sidebar li 			{ margin: 0; padding: 0; border-bottom: 1px solid #cccccc; }
#sidebar li.first 		{ margin: 0; padding: 0; border-top: 1px solid #cccccc; }
#sidebar li.first a		{ padding-top: 9px; }
#sidebar li a 			{ text-decoration: none; padding: 10px 10px 9px 60px; color: #888888; background: url(http://www.fsncapital.com/graphics/arrow888.png) no-repeat 20px center; display: block; width: 230px;}
#sidebar li.here a 		{ background: url(http://www.fsncapital.com/graphics/arrow_white.png) no-repeat 20px center #dddddd; color: #333333; width: 230px;}
#sidebar li:hover		{ background: url(http://www.fsncapital.com/graphics/bg_gradient.jpg) repeat-x bottom left; }
#sidebar li a:hover 	{ color: #333333; background: url(http://www.fsncapital.com/graphics/arrow_white.png) no-repeat 20px center; }
#sidebar li a:hover.active { color: #333333; background: url(http://www.fsncapital.com/graphics/arrow_white.png) no-repeat 20px center #dddddd; }

/*=====  Main Content  =====*/
#contentWrapper 		{ 	background: #ffffff; padding-bottom: 20px; 
							box-shadow: 0 0 15px #12213b;
							-webkit-box-shadow: 0 0 15px #12213b;
							-moz-box-shadow: 0 0 15px #12213b; 
						}
#mainContentFull { width: 940px; margin-left: 10px; margin-top: 40px;}
/*
#mainContentFull h1, #mainContent h1 {font-weight: 400; text-transform: uppercase; padding-left: 20px; margin-bottom: 20px; padding-top: 15px;}
#mainContentFull p, #mainContent p {padding-left: 20px; padding-right: 40px; font-size: 14px; color: #333333; margin-bottom: 10px;}

*/
#mainContentFull ul, #mainContent ul {list-style-type: square; margin-left: 20px; padding-right: 40px; margin-bottom: 20px;}
#mainContent li {padding-left: 20px;padding-bottom: 10px; color: #333333;}
#mainContentFull li {padding-left: 20px; color: #333333;}
.image {width: 960px; float: left;}
.image img {padding-left: 10px; padding-top: 10px; margin-bottom: 20px;}
#mainContent ul li {list-style-type: square; padding-left: 30px;}

/*=====  Investments view  =====*/
.investments 		{ margin-bottom: 40px; height: 340px;border-bottom: 1px dotted #cccccc; }
img.inv_three_up 	{ float: right;}
.inv_logo 			{ margin-bottom: 20px; }
.company_logo		{ height: 110px; }
.company_logo img	{ margin: 0; }
.company_desc 		{ height: 210px; position: relative; }
.company_desc p 	{ font-size: 18px; font-weight: 400; color: #18263d; line-height: 22px; position: absolute; bottom: 0; margin-bottom: 0; }
.thesis	h2			{ font-weight: 400; font-size: 18px; text-transform: uppercase; padding-left: 40px; }
.thesis ul			{ margin-left: 60px; }
.thesis ul li 			{ list-style-type: square; padding-left: 10px; }
.thesis ul li ul 	{ margin-left: 20px; margin-bottom: 0; }
.thesis ul li ul li { list-style-type: none; padding-left: 20px; background: url(http://www.fsncapital.com/graphics/nested_li.jpg) left 6px no-repeat; }


/*=====  Key Facts =====*/
#key_facts h4 {padding-right: 40px; text-align: right; margin-bottom: 0; font-size: 12px; text-transform: uppercase; margin-top: 0;}
#key_facts h4 span { background: #ffffff; padding: 3px 10px; border: 1px solid #cccccc; border-bottom: none; }
table.keyfacts_table th {font-weight: 400; text-align: right; padding: 5px; padding-right: 10px; font-style: italic; }
table.keyfacts_table td {padding: 5px;}
table.keyfacts_table { font-size: 12px; border: 1px solid #cccccc; line-height: 20px; width: 278px;}

/*=====  Investment Table  =====*/
table.investment_table {width: 100%; border: 0;}
/*table.investment_table tr.altrow:hover, table.investment_table tr:hover {background-color: #cccccc;}*/
tr.altrow {background-color: #f9f9f9;}
table.investment_table th {background: #18263d; color: #ffffff; padding: 5px; text-align: left; font-size: 14px; font-weight: 400; cursor: pointer;}
table.investment_table td {border-bottom: 1px solid #eeeeee; padding: 5px; font-size: 12px;}
table.investment_table td.year {text-align: left; width: 110px}

/*=====  IR  =====*/
.chart 		{ border-bottom: 1px dotted #cccccc; }
.chart h4 	{ margin-top: 0;}

/*=====  the Team  =====*/
.office						{ margin-top: 20px; border-top: 1px dotted #cccccc; padding-top: 19px; }
.office h2 					{ font-weight: 400; border-bottom: 1px solid #cccccc; padding-right: 40px; color: #888888; font-size: 16px; margin-bottom: 0; }
.norway h2 					{ background: url(http://www.fsncapital.com/graphics/flags/norway24.jpg) top right no-repeat; }
.sweden h2 					{ background: url(http://www.fsncapital.com/graphics/flags/sweden24.jpg) top right no-repeat; }
.denmark h2 				{ background: url(http://www.fsncapital.com/graphics/flags/denmark24.jpg) top right no-repeat; }
.office .team_ind			{ border-bottom: 1px dotted #cccccc; padding-top: 5px; padding-bottom: 4px; }
.office .team_ind p			{ text-transform: uppercase; margin-left: 80px; margin-top: 20px; margin-bottom: 0; }
ul.team_member p span, ul.team_member2 p span		{ text-transform: none; font-style: italic; color: #888888; }
ul.team_member a, ul.team_member2 a 				{ text-decoration: none; } 

ul.team_member, ul.team_member2			{ margin: 0; padding: 0; float: left; }
ul.team_member li						{ float: left; list-style-type: none; margin: 0; padding: 0; border-bottom: 1px dotted #cccccc; padding-top: 5px; padding-bottom: 4px; width: 280px; cursor: pointer; }
ul.team_member2 li						{ float: left; list-style-type: none; margin: 0; padding: 0; border-bottom: 1px dotted #cccccc; padding-top: 5px; padding-bottom: 4px; cursor: pointer; display: inline; margin-left: 20px; margin-right: 20px; }
ul.team_member li:hover, ul.team_member2 li:hover	{ background: url(http://www.fsncapital.com/graphics/bg_gradient.jpg) repeat-x bottom left; }
ul.team_member p, ul.team_member2 p		{ text-transform: uppercase; margin-left: 70px; margin-top: 20px; margin-bottom: 0; }
.backoffice ul.team_member2 li:hover 	{ background: none; cursor: default; }

/*-----  the Team view page -----*/
img.member 				{ margin-left: 20px; margin-bottom: 20px; }
p.team_title			{ text-transform: uppercase; }
dl#team_member_info p 	{ margin-bottom: 5px; padding-left: 20px; }
dl#team_member_info dt	{ border-top: 1px dotted #cccccc; font-size: 11px; text-transform: uppercase; color: #18263D; margin-right: 220px; margin-top: 10px; }

/*=====  Advisor Network  =====*/
.network				{ border-top: 1px solid #ccc; padding-top: 5px; }
.network h2 			{ font-size: 18px; padding-top: 10px; }
.network p				{ text-transform: uppercase; border-top: 1px solid #ddd; cursor: pointer; padding-left: 20px; background: url(../graphics/arrow5d.png) no-repeat 5px 12px; margin-bottom: 0; padding-bottom: 5px; padding-top: 5px; }
.network p.activeperson	{ background: url(../graphics/arrow4l.png) no-repeat 5px 12px; }
.network ul 			{ display: none; list-style-type: none; margin: 0; padding: 0; padding-bottom: 20px; }
.network li 			{ list-style-type: none; background: url(../graphics/arrow4l.png) no-repeat 20px 9px; margin: 0; padding: 0 10px 5px 40px; font-size: 12px; color: #444; }

/*=====  NEWS  =====*/
.news, .news_archive 	{ margin-top: 60px; margin-bottom: 20px; }
.news_archive h2		{ font-size: 16px; }
.news_archive h2 a		{ text-decoration: none; }
.news_archive h2 a:hover	{ text-decoration: underline; }
.news_archive h6		{ margin-bottom: 0; margin-top: 39px; }

/*=====  Contact  =====*/
.contact 			{ margin-bottom: 50px; }
.contact_norway 	{ padding-top: 60px; background: url(../graphics/contact_norway.jpg) top left no-repeat; padding-top: 80px; }
.contact_denmark 	{ padding-top: 60px; background: url(../graphics/contact_denmark.jpg) top left no-repeat; padding-top: 80px; }
.contact_sweden 	{ padding-top: 60px; background: url(../graphics/contact_sweden.jpg) top left no-repeat; padding-top: 80px; }
.contact dl 		{ padding-top: 10px; margin-bottom: 20px; float: left; border-top: 1px solid #cccccc; }
.contact dt			{ width: 80px; text-align: right; padding-right: 20px; clear: both;  float: left; font-size: 11px; color: #888888; text-transform: uppercase; }
.contact dd			{ width: 180px; float: left;  }
.contact img 		{ margin-top: 20px; }

/*=====  MISC  =====*/
.hidden {display: none;}
.pushdown10 	{ margin-top: 10px; }
.pushdown20 	{ margin-top: 20px; }
.pushdown40 	{ margin-top: 40px; }
.pushdown50 	{ margin-top: 50px; }
.mb20 			{ margin-bottom: 20px; }
.mb40 			{ margin-bottom: 40px; }
.mr280			{ margin-right: 280px; }

.clearleft 	{ clear: left; }
.clear 		{ clear: both; }
.right 		{ float: right; }
.left		{ float: left; }
.wrapper 	{ overflow: hidden; float: left; width: 100%; }
a.download	{ background: url(../graphics/download.jpg) top left no-repeat; padding-left: 20px; }

/*=====  GS  =====*/
.onethird {width: 380px; margin-left: 10px; margin-right: 10px; float: left;}
.twothird {width: 520px; margin-left: 10px; margin-right: 10px; float: left;}
.half {width: 50%; float: left; overflow: hidden;}



/* MENU */

#nav 	{ float: right; margin: 0; padding: 0; border-bottom: none; z-index: 100; bottom: 0; position: absolute; right: 0; line-height: 20px;}
#nav li a, #nav li { float: left; font-size: 12px; text-transform: uppercase; }
#nav li 				{ list-style: none; position: relative; }
#nav li a 				{ padding: 10px 20px 35px 5px; text-decoration: none; color: white; border-left: 1px solid #ffffff; }
#nav li a.firstlevel 	{ height: 15px; }
#nav li a.active 		{ background: url(http://www.fsncapital.com/graphics/arrow_white_up.png) bottom center no-repeat; }
#nav li a:hover 		{ color: #aaaaaa; }
p.link_to_funds			{ margin-top: 40px; color: #cccccc; }
p.link_to_funds a 		{ font-size: 12px; color: #888888; }
p.link_to_funds a:hover	{ font-size: 12px; color: #cccccc; }

/*=====  SIKTgrid system - based on 960.gs  FSN: 6 grids 20px baselinegrid & 960 fullwidth. BLG/Margins of 20px =====*/

.container_6g { width: 960px; margin: 0 auto; position: relative; }
.container { width: 100%; float: left; overflow: hidden; }

.g1, li.g1, .g2, li.g2, .g3, .g4, .g5, .g6, ._4g1, ._4g2, ._4g3, ._4g1 { display: inline; float: left; margin-left: 20px; margin-right: 20px; }
.container_6g .g1, .container_6g li.g1 { width: 120px; }
.container_6g .g2, .container_6g li.g2 { width: 280px; }
.container_6g .g3 { width: 440px; }
.container_6g .g4 { width: 600px; }
.container_6g .g5 { width: 760px; }
.container_6g .g6 { width: 920px; }

/* - 4g don´t support pre/post in this siplified version - */
.container_6g ._4g1 { width: 200px; }
.container_6g ._4g2 { width: 440px; }
.container_6g ._4g3 { width: 680px; }
.container_6g ._4g4 { width: 920px; }

.container_6g .pre1 { padding-left: 160px; }
.container_6g .pre2 { padding-left: 320px; }
.container_6g .pre3 { padding-left: 480px; }
.container_6g .pre4 { padding-left: 640px; }
.container_6g .pre5 { padding-left: 800px; }

.container_6g .post1 { padding-right: 160px; }
.container_6g .post2 { padding-right: 320px; }
.container_6g .post3 { padding-right: 480px; }
.container_6g .post4 { padding-right: 640px; }
.container_6g .post5 { padding-right: 800px; }

.container_6g .g1_nomargin { width: 160px; margin-left: 0; margin-right: 0; float: left; display: inline; }
.container_6g .g2_nomargin { width: 320px; margin-left: 0; margin-right: 0; float: left; display: inline; }
.container_6g .g3_nomargin { width: 480px; margin-left: 0; margin-right: 0; float: left; display: inline; }
.container_6g .g4_nomargin { width: 640px; margin-left: 0; margin-right: 0; float: left; display: inline; }
.container_6g .g5_nomargin { width: 800px; margin-left: 0; margin-right: 0; float: left; display: inline; }
.container_6g .g6_nomargin { width: 960px; margin-left: 0; margin-right: 0; float: left; display: inline; }

.container_6g .g1_mr { width: 140px; margin-left: 0; margin-right: 20px; float: left; display: inline; }
.container_6g .g2_mr { width: 300px; margin-left: 0; margin-right: 20px; float: left; display: inline; }
.container_6g .g3_mr { width: 460px; margin-left: 0; margin-right: 20px; float: left; display: inline; }
.container_6g .g4_mr { width: 620px; margin-left: 0; margin-right: 20px; float: left; display: inline; }
.container_6g .g5_mr { width: 780px; margin-left: 0; margin-right: 20px; float: left; display: inline; }
.container_6g .g6_mr { width: 940px; margin-left: 0; margin-right: 20px; float: left; display: inline; }

.container_6g .g1_ml { width: 140px; margin-left: 0; margin-right: 20px; float: left; display: inline; }
.container_6g .g2_ml { width: 300px; margin-left: 20px; margin-right: 0; float: left; display: inline; }
.container_6g .g3_ml { width: 460px; margin-left: 20px; margin-right: 0; float: left; display: inline; }
.container_6g .g4_ml { width: 620px; margin-left: 20px; margin-right: 0; float: left; display: inline; }
.container_6g .g5_ml { width: 780px; margin-left: 20px; margin-right: 0; float: left; display: inline; }
.container_6g .g6_ml { width: 940px; margin-left: 20px; margin-right: 0; float: left; display: inline; }

.alpha { margin-left: 0; }
.omega { margin-right: 0; }


.pushdown_1 { margin-top: 20px; }
.pushdown_2 { margin-top: 20px; }

.roundbox { 
    background-color: #991a37;          /* if needed */
    -webkit-border-radius: 20px;    /* for Safari */
    -moz-border-radius: 20px;       /* for Firefox */
    overflow: hidden;
	padding: 18px;
	-moz-box-shadow: 3px  3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
 }

/*=====  Imprved version of the clearfix method: perishablepress.com  =====*/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
      }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

a.pdf	{ background: url(../graphics/icons/pdf.jpg) top left no-repeat; padding-left: 30px; }
.doc_list td	{ padding: 5px; border-bottom: 1px solid #ccc; }
.doc_list th	{ background: #18263d; color: #ffffff; padding: 5px; text-align: left; font-size: 14px; font-weight: 400; }

ul.login	{display: block; position: absolute; right: 0; top: 0; height: 20px; line-height: 20px; margin: 0; padding: 0; list-style-type: none;}
ul.login li	{ margin: 0; padding: 0; display: inline;  }
ul.login li a	{ padding: 5px 10px;  color: #fff; text-decoration: none; background: #18263D; }

#loginWrapper { background: #18263D; width: 100%; overflow: hidden; padding-top: 5px; padding-bottom: 5px; }
#loginWrapper p	{ color: #fff; margin-bottom: 0; font-size: 12px; }
input 	{ padding: 5px; }

table.reports	{ width: 100%;  margin-bottom: 18px; }
table caption	{ padding: 5px; background: #eee; }
.reports td	{ padding: 5px; border-bottom: 1px solid #ccc; }
.reports th	{ background: #18263d; color: #ffffff; padding: 5px; text-align: left; font-size: 14px; font-weight: 400; }
td.report-file	{ line-height: 20px; }
td.report-file a { background: url(../graphics/icons/downloadpdf-h20.jpg) left center no-repeat; padding-left: 25px; }

.member-fp	{ border-bottom: 1px dotted #cccccc; padding-top: 5px; padding-bottom: 4px; width: 280px; cursor: pointer; overflow: hidden; margin-bottom: 9px; }
.member-fp:hover	{ background: url(http://www.fsncapital.com/graphics/bg_gradient.jpg) repeat-x bottom left; }
.member-fp p		{ text-transform: uppercase; margin-left: 70px; margin-top: 20px; margin-bottom: 0; }
.member-fp p span	{ text-transform: none; font-style: italic; color: #888888; }
.member-fp a 		{ text-decoration: none; }