p small {
	line-height: 1em;
}

#Content a {
	color: #478fd9 ;
}


/* @group Header */

#Header .login-info-wrapper .login {
	position: relative;
}

	#Header .login-info-wrapper .login #login_box {
		position: absolute;
		top: 20px;
		right: 0;

		background: #fff;
		width: 200px;
		border-bottom: 1px solid #ccc;

		padding: 0 10px 10px;

		-webkit-box-shadow: rgba(0,0,0,0.2) 0 3px 7px;
		-moz-box-shadow: rgba(0,0,0,0.2) 0 3px 7px;
		box-shadow: rgba(0,0,0,0.2) 0 3px 7px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

		#Header .login-info-wrapper .login #login_box .arrow {
			width: 11px;
			height: 6px;
			background: url(/Content/images/arrow.png);

			position: absolute;
			top: -6px;
			right: 24px;
		}

		#Header .login-info-wrapper .login #login_box label {
			display: block;
			color: #000;
			letter-spacing: 0;
			font-size: 11px;
			font-weight: bold;
			margin-top: 5px;
			height: 16px;
		}

		#Header .login-info-wrapper .login #login_box input#username,
		#Header .login-info-wrapper .login #login_box input#password {
			width: 192px;

			border: 1px solid #ddd;
			border-top: 1px solid #ccc;
			font-family: helvetica, arial, sans-serif;
			padding: 2px;

			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;

			-webkit-box-shadow: #f6f6f6 0 1px 2px;
			-moz-box-shadow: #f6f6f6 0 1px 2px;
			box-shadow: #f6f6f6 0 1px 2px;
		}

		#Header .login-info-wrapper .login #login_box input#login {
			margin-top: 8px;
		}

		#Header .login-info-wrapper .login #login_box input {
			font-size: 16px;
		}

		#Header .login-info-wrapper .login #login_box input[type=submit] {
			font-size: 14px;
		}

		#Header .login-info-wrapper .login #login_box .spinner {
			background: url(/Content/images/spinner.gif) top left;
			height: 16px;
			width: 16px;
			display: block;

			position: absolute;
			bottom: 14px;
			right: 12px;
		}


/* @group Content Center */

#Content.center {
}

	#Content.center .related-content {
		display: none;
	}

	#Content.center .main-content {
		margin: 15px 215px 30px 215px;
	}


/* @group Content Wide */

#Content.wide {
}

	#Content.wide .related-content {
		display: none;
	}

	#Content.wide .main-content {
		margin: 15px 30px 30px 30px;
	}


/* @group Fieldset */

		fieldset {
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;

			border: 0 !important;
			border-top: 1px solid #ccc !important;
			margin-top: 20px !important;
			padding: 10px 0 !important;
		}

			fieldset legend {
				padding: 0 6px 0 0 !important;
			}

			fieldset + fieldset {
				margin-top: 0 !important;
			}

		fieldset ul li {
			min-height: 30px;
		}

			fieldset ul li select {
				width: 400px;
				font-size: 16px;
				padding: 2px;
			}
			fieldset ul li .short {
				width: 240px !important;
			}
		
		fieldset.center {
			width: 300px;
			margin-left: auto;
			margin-right: auto;
		}
		
			fieldset.center ul {
				margin: 0;
			}
		
			fieldset.center ul li input[type="text"],
			fieldset.center ul li input[type="password"],
			fieldset.center ul li textarea {
				width: 182px;
				font-size: 19px;
			}
			
			fieldset.center ul li.textwithlabel label {
				width: 100px;
				text-align: left;
			}
			
			fieldset ul li.textwithlabel label
			{
			    width: 170px !important;
			}
			fieldset ul li.textwithoutlabel 
			{
			    margin-left: 180px!important;
			}
			fieldset ul li input[type="text"], fieldset ul li input[type="email"], fieldset ul li input[type="password"], fieldset ul li textarea, fieldset ul li select 
			{
			    width: 360px!important;
			}
			
			fieldset.center ul li.textwithoutlabel {
				margin-left: 108px;
			}


/* @group Form Fields */

		input, select, textarea {
			border: 1px solid #ddd;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}

		input, button 
		{
			border-top: 1px solid #ccc;
			-webkit-transition-property: border, box-shadow;
			-webkit-transition-duration: 0.2s;
			-moz-transition-property: border, box-shadow;
			-moz-transition-duration: 0.2s;
		}

		input[type=submit], input[type=button], button 
		{
		    cursor: pointer;
			outline: 0;
			background: #dadada url(/Content/images/button.png) top center repeat-x;
			border: 1px solid #ddd;
			border-bottom: 1px solid #bbb;

			padding: 4px 8px;
			font-family: helvetica, arial, sans-serif;
			font-size: 14px;
			font-weight: bold;

			text-shadow: #fff 0 1px 0;

			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}

			input[type=submit]:active, button:active 
			{
			    cursor: pointer;
				outline: 0;
				border: 1px solid #bbb;
				border-top: 1px solid #999;
				background-position: bottom center;
				
				-webkit-transition-duration: 0s;
				-moz-transition-duration: 0s;
			}

			input.important, button.important 
			{
			    cursor: pointer;
				font-size: 20px;
				padding: 4px 10px;
				font-weight: normal;
			}

			input.huge, button.huge 
			{
			    cursor: pointer;
				font-size: 24px;
				padding: 7px 18px;
				font-weight: bold;
				background-image: url(/Content/images/button_huge.png);
				
				-webkit-border-radius: 24px;
				-moz-border-radius: 24px;
				border-radius: 24px;
			}

			fieldset + input[type=submit] {
				margin: -15px 0 0 126px;
			}
			
			button.small 
			{
			    cursor: pointer;
				font-size: 11px;
				padding: 2px 5px;
			}
			
			button.wide 
			{
			    cursor: pointer;
				padding-left: 20px;
				padding-right: 20px;
			}

		input:focus {
			outline: 0 !important;
			border: 1px solid #7eafe1 !important;
			border-top: 1px solid #6099d4 !important;
			border-bottom: 1px solid #87b7e8 !important;

			-webkit-box-shadow: #87b7e8 0 0 1px, inset #dbedff 0 0 3px !important;
			-moz-box-shadow: #87b7e8 0 0 1px, inset #dbedff 0 0 3px !important;
			box-shadow: #87b7e8 0 0 1px, inset #dbedff 0 0 3px !important;
		}

/* @group Progress */

#progress {
	margin: 24px 0 0;

}

	h1 + #progress {
		margin-top: 10px;
	}

	#progress h2 {
		padding: 0;
	}
	
	#progress h2 + ol {
		margin-top: 10px;
	}

	#progress ol {
		padding: 0;
		margin-top: 0;
		width: 940px;
	}

	#progress ol li {
		width: 157px;
		height: 20px;

		padding: 10px;
		margin-right: 12px;
		padding-top: 106px;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		text-align: center;

		list-style: none;
		float: left;

		border: 1px solid #ccc;
		background: #fff;

		-webkit-box-shadow: 0 1px 2px #eee;
		-moz-box-shadow: 0 1px 2px #eee;
		box-shadow: 0 1px 2px #eee;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

		position: relative;
		z-index: 3;

		cursor: default;
	}
	
		#progress ol li.one {
			border: 1px solid #78a100;
			-webkit-box-shadow: inset #f7fddd 0 8px 24px, #ddd 0 2px 4px;
			-moz-box-shadow: inset #f7fddd 0 8px 24px, #ddd 0 2px 4px;
			box-shadow: inset #f7fddd 0 8px 24px, #ddd 0 2px 4px;
			
			background: url(/Content/images/one.png) center 22px no-repeat;
		}
			#progress ol li.one.inactive {
				border: 1px solid #dde7bf;
				background-image: url(/Content/images/one_inactive.png);
			}
			#progress ol li.one.inactive a {
			    color: #AAA!important;text-decoration: none;
			}
			#progress ol li.one.inactive:hover {
			    background: url(/Content/images/one.png) center 22px no-repeat;
			    cursor: pointer;
			    cursor: hand;
			}
	
		#progress ol li.two {
			border: 1px solid #a11750;
			-webkit-box-shadow: inset #ffecf7 0 8px 24px, #ddd 0 2px 4px;
			-moz-box-shadow: inset #ffecf7 0 8px 24px, #ddd 0 2px 4px;
			box-shadow: inset #ffecf7 0 8px 24px, #ddd 0 2px 4px;
			
			background: url(/Content/images/two.png) center 22px no-repeat;
		}
			#progress ol li.two.inactive {
				border: 1px solid #e7c5d3;
				background-image: url(/Content/images/two_inactive.png);
			}
			#progress ol li.two.inactive.hover:hover {
			    background: url(/Content/images/two.png) center 22px no-repeat;
			    cursor: pointer;
			    cursor: hand;
			}
	
		#progress ol li.three {
			border: 1px solid #1763a1;
			-webkit-box-shadow: inset #e8f9ff 0 8px 24px, #ddd 0 2px 4px;
			-moz-box-shadow: inset #e8f9ff 0 8px 24px, #ddd 0 2px 4px;
			box-shadow: inset #e8f9ff 0 8px 24px, #ddd 0 2px 4px;
			
			background: url(/Content/images/three.png) center 22px no-repeat;
		}
			#progress ol li.three.inactive {
				border: 1px solid #c5d8e7;
				background-image: url(/Content/images/three_inactive.png);
			}

		#progress ol li.inactive {
			color: #aaa;
			
			border: 1px solid #aaa;
			
			text-shadow: #fff 0 1px 0;
			
			z-index: 2;
		}


/* @group Bli kund */

	#Content.bli-kund {
	}
	
		#Content.bli-kund .three-columns {
			margin: 20px 0;
			line-height: 19px;
		}
		
		#Content.bli-kund .three-columns h3 {
			font-size: 13px;
			padding-bottom: 2px;
		}

	#Content.bli-kund .pdf-material {
		margin: 14px 0;
	}
	
		#Content.bli-kund .pdf-material a.to-pdf {
			display: inline-block;
			margin-right: 20px;
		}

	#Content.bli-kund fieldset.accept-terms {
		border: 1px solid #ccc !important;
		padding: 12px 10px !important;
		margin: 20px 0;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		
		font-size: 15px;
		line-height: 20px;
	}
	
		#Content.bli-kund fieldset.accept-terms legend {
			display: none;
		}
		
		#Content.bli-kund fieldset.accept-terms input[type=checkbox] {
			float: left;
			margin-top: 4px;
		}
		
		#Content.bli-kund fieldset.accept-terms label {
			display: block;
			margin-left: 22px;
			width: 500px;
		}

	#questionnaire {
		background: #f9f9f9;
		margin: 0;
		padding: 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border-bottom: 1px solid #e4e4e4;
	}
	
		#questionnaire ul {
			margin: 0;
		}

		#questionnaire ul li {
			padding: 10px 20px;

			border-bottom: 1px solid #e4e4e4;
		}
		
		#questionnaire ul li:last-child {
			border-bottom: 0;
		}

		#questionnaire ul li .question {
			font-weight: bold;
		}
		
		#questionnaire ul li p {
			margin: 2px 0;
		}

		#questionnaire ul li input[type=checkbox],
		#questionnaire ul li input[type=radio] {
			margin-left: 20px;
		}

		#questionnaire ul li input.short {
			display: block;
			margin-left: 20px;
			font-size: 12px;
		}
	
	#questionnaire_link {
		margin: 0;
	}
	
	#print_req_conf {
		position: relative;
		height: 30px;
	}

	#request_prints {
		margin: 10px 0;
		height: 23px;
		position: absolute;
		top: 0;
		left: 132px;
	}

	#prints_confirm {
		height: 14px;
		
		background: #e8f9ff;
		
		width: 440px;
		margin: 10px auto;
		padding: 4px 10px;
		
		text-align: center;
		
		position: absolute;
		top: 0;
		left: 98px;
	}
	
		#prints_confirm p {
			margin: 0;
			font-size: 11px;
		}


/* @group Mina sidor Login */

	#Content.mina-sidor fieldset.login {
		background: #eee;
		border: 1px solid #ddd !important;
		border-bottom: 1px solid #ccc !important;
		
		-webkit-box-shadow: inset #f9f9f9 0 60px 140px;
		-moz-box-shadow: inset #f9f9f9 0 60px 140px;
		box-shadow: inset #f9f9f9 0 60px 140px;
	}

		#Content.mina-sidor fieldset.login legend {
			display: none;
		}

		#Content.mina-sidor fieldset.login label {
			text-shadow: #fff 0 2px 1px;
			padding-top: 8px;
		}

		#Content.mina-sidor fieldset.login input[type=text],
		#Content.mina-sidor fieldset.login input[type=password] {
			font-size: 21px;
		}


/* @group Mina sidor */

	#Content.mina-sidor h2 {
		font-size: 27px;
		margin: 30px 0 4px;
	}
	
	#Content.mina-sidor .two-columns {
		margin: -15px -30px 0 -30px;
		padding: 0 30px;
		border-bottom: 1px solid #eee;
	}

		#Content.mina-sidor .two-columns .column {
			min-height: 180px;
		}
		
		
		#Content.mina-sidor .two-columns .column:first-child {
			border-right: 1px solid #eee;
		}
		
		#Content.mina-sidor .two-columns h1,
		#Content.mina-sidor .two-columns h2 {
			font-size: 19px;
			margin: 20px 0 8px;
			padding: 0;
		}


/* @group Column layout component */

	.two-columns {
	}

		.two-columns .column {
			float: left;
			width: 47%;
		}
		.two-columns .column:first-child {
			padding-right: 3%;
			margin-right: 3%;
		}

	.three-columns {
	}

		.three-columns .column {
			float: left;
			width: 200px;
			margin-right: 1%;
		}


/* @group Table Styles */

	table {
		border-spacing: 0;
		width: 100%;
	}
	
		table th, table td {
			padding: 5px 20px 5px 0;
			border-bottom: 1px solid #eee;
			text-align: left;
		}

		table th.value, table td.value {
			text-align: right;
		}

		table th.center, table td.center {
			text-align: center;
		}

		table th.positive, table td.positive {
			color: #478fd9;
		}

		table th.negative, table td.negative {
			color: #d34545;
		}
		
		table th:last-child, table td:last-child {
			padding-right: 0;
		}
			
		table button.small 
		{
		    cursor: pointer;
			margin: -10px 0;
		}
	
	table.big {
	}
	
		table.big th, table.big td {
			font-size: 15px;
			padding-top: 5px;
			padding-bottom: 7px;
		}


/* @group Fund boxes */

	span.box {
		height: 0.9em;
		width: 0.9em;
		display: inline-block;
		margin-right: 3px;
		
		position: relative;
		top: 1px;
	}

		span.box.norden {
			background: #7eb0cc;
		}

		span.box.nya-europa {
			background: #82a996;
		}

		span.box.afrika {
			background: #948671;
		}

		span.box.asien {
			background: #e31519;
		}

		span.box.kina {
			background: #f95461;
		}

		span.box.indien {
			background: #cfa6ce;
		}

		span.box.balans {
			background: #f99a32;
		}

		span.box.likviditet {
			background: #ced5ce;
		}