@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'DINNeuzeit';
    src: url('../fonts/dinneuzeitgrotesk-boldcond-regular-webfont.eot');
    src: url('../fonts/dinneuzeitgrotesk-boldcond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinneuzeitgrotesk-boldcond-regular-webfont.woff') format('woff'),
         url('../fonts/dinneuzeitgrotesk-boldcond-regular-webfont.ttf') format('truetype'),
         url('../fonts/dinneuzeitgrotesk-boldcond-regular-webfont.svg#DINNeuzeitGroteskBoldCondRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

*
{
	padding: 0;
	margin: 0;
}
html, body {
	width: 100%;
	height: 100%;
}
body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #323232;
	font-size: 62.5%;
}
hr {
  margin: 0 auto;
  width: 95%;
  height: 1px;
  color: #ccc;
  background-color: #ccc;
  border: 0;
}
h1
{
	font-size: 1.8em;
	padding: 15px 24px;
	line-height: 30px;
	background: #f6f6f6;
	border-radius: 5px;
}
	h1.alt
	{
		background: none;
		position: relative;
	}
		h1.alt span
		{
			position: absolute;
			display: block;
			left: -44px;
			top: 0;
			width: 54px;
			height: 54px;
			text-align: center;
			line-height: 54px;
			overflow: hidden;
			font-size: 30px;
			color: #808080;
			background: url('../img/bgHeadingAlt.png') no-repeat;
		}
		.content > aside + article > h1.alt span
		{
			left: -519px; /* right aligned content: move ordinal to the left margin */
		}
h2
{
	font-size: 1.8em;
	padding: 22px 24px 10px 24px;
	width: 100%;
	overflow: hidden;
}
	h2 span
	{
		display: block;
		float: left;
		width: 35px;
		padding-bottom: 15px;
	}
	h2 span + span
	{
		width: 390px;
	}
h3
{

}
p
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	padding: 15px 24px 0 24px;
	line-height: 1.7em;
}
	.light
	{
		color: #929292;
	}
sup {
	line-height: 1em;
}
ul li
{
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1.7em;
	padding-left: 40px;
	background: url('../img/bullet.gif') no-repeat 26px 0.7em;
}

ol {
	padding-left: 40px;
}

ol li
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1.7em;
}

.left {
	float: left !important;
}
.right {
	float: right !important;
}
.nowrap {
	white-space: nowrap;
}
.button
{
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	min-width: 189px;
	text-align: center;
	padding: 10px 18px 9px 18px;
	margin: 20px 25px 0 25px;
	color: #fff;
	font-size: 1.5em;
	text-transform: uppercase;
	text-decoration: none;
	background: #a1c942;
	cursor: pointer;
	border: 0;
	/*-webkit-border-radius: 5px;*/	/* Safari 3 to 4, iOS 1 to 3.2, Android <= 1.6 */
	/*-moz-border-radius: 5px;*/	/* FireFox 1 to 3.6 */
    border-radius: 5px;				/* Opera 10.5, IE9, Safari 5, Chrome, FireFox 4, iOS 4, Android 2.1+ */
	-webkit-appearance: none;		/* Prevent iOS default styling */
}
.button.between {
	margin: 10px 25px 0 25px;
}
.button:hover, .button.hover
{
	background: #779d1c;
}
	.button.back
	{
		min-width: 100px;
		background-color: #ccc;
	}
		.button.back:hover {
			background-color: #999;
		}
	.button.medium
	{
		min-width: 164px;
	}
	.button.large
	{
		min-width: 240px;
	}
	.button.right
	{
		float: right;
		margin-left: 0;
	}
	p .button.right {
		margin-right: 0;
	}
	.button.left {
		float: left;
	}
	.button.inline
	{
		min-width: auto;
		font-size: 1.3em;
		margin-left: 24px;
		padding: 7px 10px 6px 10px;
	}
		.button.inline.back
		{
			margin-right: 0;
		}
	.button.disabled,
	.button.disabled:hover
	{
		color: #fff;
		background: #d0e4a0;
		cursor: default;
	}
	.submit .button
	{
		min-width: 225px;
	}
	.submit .button.back
	{
		min-width: 100px;
		/*line-height: 20px;*/
	}
	.button.small
	{
		font-size: 13px;
		min-width: 84px;
		padding: 3px 10px 1px 10px;
		margin: 0 25px 0 0;
		background: #0084cb;
		line-height: 27px;
	}
	input.button.small {
		height: 31px;
	}
		article p .button.small
		{
			margin-top: 6px;
		}
	.button.small:hover, .button.small.hover
	{
		background: #005c8e;
	}
	.button.small.disabled,
	.button.small.disabled:hover {
		background-color: #7fc1e5;
	}
span.label,
span.euro,
span.amount,
span.comment
{
	display: inline-block;
}
	span.label
	{
		width: 165px;
	}
	span.euro
	{
		width: 12px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 1.2em;
	}
	span.amount, span.display
	{
		width: 65px;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 1.2em;
	}
	span.display {
		color: #323232 !important;
		width: 300px !important;
	}
	span.otherTotal
	{
		width: 93px;
		padding-right: 0;
	}
	span.comment
	{
		width: auto;
	}
.clearFix:after
{
	visibility:hidden;
	display:block;
	font-size:0px;
	content:" ";
	clear: both;
	height:0px;
	clear: both;
}
.clearer
{
	clear: both;
}
span.version{ color:#888; padding-left: 14px;}

.hidden,
.pngContent,
span.label.hidden,
span.euro.hidden,
span.amount.hidden,
span.comment.hidden
{
	display: none;
}
.concealed {
	visibility: hidden;
}

.highlight
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* Category */
ul.category
{
	display: block;
	width: 950px;
	height: 290px;
	list-style: none;
	padding: 0;
}
	ul.category li
	{
		position: relative;
		z-index: 1;
		float: left;
		display: block;
		width: 179px;
		height: 166px;
		margin: 50px 0 0 0;
		background: none;
	}
	ul.category li a
	{
		text-decoration: none;
	}
	ul.category li:first-child
	{
		margin-left: 39px;
	}
		ul.category li img
		{
			border: none;
		}
		ul.category li img + img,
		ul.category li span
		{
			display: none;
		}
	ul.category li.current
	{
		position: relative;
		z-index: 2;
		width: 380px;
		height: 257px;
		margin: 12px -101px 0 -100px;
		overflow: hidden;
	}
	ul.category li:first-child.current
	{
		margin-left: -61px;
	}
		ul.category li.current img
		{
			display: none;
		}
		ul.category li.current img + img
		{
			display: block;
		}
		ul.category li.current a span
		{
			display: block;
			position: absolute;
			top: 220px;
			left: 117px;
			width: 225px;
			height: 37px;
			line-height: 37px;
			text-align: center;
			color: #fff;
			font-size: 1.1em;
			text-transform: uppercase;
			text-decoration: none;
			background: #a1c942;
			border-radius: 5px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
		}
			ul.category li.current a span:hover
			{
				background: #779d1c;
			}


/* Tables */
table
{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #323232;
}
th
{
	text-align: left;
	padding: 6px 10px;
	font-weight: normal;
	/* text-transform: lowercase; */
}
	th.progress,
	th.status
	{
		width: 110px;
	}
	th.result
	{
		width: 150px;
	}
td
{
	padding: 6px 10px;
	vertical-align: top;
}
	tr.odd td
	{
		background: #eaf4f9;
	}
		tr.odd td.first
		{
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}
		tr.odd td.last
		{
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
		}
	tr.even td
	{
		background: none;
	}
	tr.subcategory td {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	tr.subcategory td.first {
		padding-left: 80px;
	}
		tr.subcategory.odd td.first {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
		tr.subcategory.odd td.last {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}

		/* last tr in tbody: no bottom radii (on expenses page) */
		div.expenses.editable tr.odd:last-child td.first {
			border-bottom-left-radius: 0;
		}
		div.expenses.editable tr.odd:last-child td.last {
			border-bottom-right-radius: 0;
		}
		/* last subcategory: include bottom radii (on expenses page) */
		div.expenses.editable tr.subcategory.odd:last-child td.first {
			border-bottom-left-radius: 5px;
		}
		div.expenses.editable tr.subcategory.odd:last-child td.last {
			border-bottom-right-radius: 5px;
		}

		tr.subcategory span.euro, tr.subcategory span.amount {
			font-weight: normal;
		}
.detail table
{
	width: 900px;
	margin-left: 25px;
	font-size: 1em;
}
.detail tr.odd td
{
	background: #e5edf0;
}
.detail tr.even td
{
	background: none;
}
.detail .button {
	margin-top: 5px;
}
.done,
.open,
.na
{
	display: block;
	width: 54px;
	height: 21px;
	text-indent: -10000px;
	pverflow: hidden;
}
.done
{
	background: url('../img/iconCheck.png') no-repeat center 0;
}
.open
{
	background: url('../img/iconCross.png') no-repeat center 0;
}
.na
{
	background: url('../img/iconNA.png') no-repeat center 0;
}
.rate,
.percentage
{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.rate
{
	width: 35px;
}
.expenses
{
	margin-left: 24px;
	margin-right: 24px;
	padding: 15px 0;
}
	.expenses table
	{
		font-size: 1.4em;
		width: 100%;
		/* display: table-cell; */
	}
		.expenses th.description
		{
			width: 31%;
		}
		.expenses th.month
		{
			width: 19%;
			padding: 6px 0 6px 30px;
		}
		.expenses th.average {
			width: 30%;
		}
		.expenses th.year
		{
			width: 20%;
			padding: 6px 0 6px 30px;
		}
			.expenses td
			{
				padding: 16px 10px 14px 10px;
			}
			.expenses tr:last-child td {
				padding-bottom: 19px;
			}
				.expenses label
				{
					margin-top: -8px;
				}
				.expenses span.euro,
				{
					display: block;
					float: left;
					margin: 0;
					padding-left: 0;
					width: 12px;
					font-size: 1.1em;
				}
					.expenses .subcategory span.euro {
						padding-top: 9px;
						font-size: 1em;
					}
				.expenses label input[type="text"].number
				{
					margin: 8px 0 0 0;
				}
				.expenses label input[type="text"].small {
					margin-top: 6px;
				}
				.expenses .subcategory label {
					margin-left: 10px;
				}
				.expenses span.amount
				{
					font-size: 18px;
					width: 52px;
					padding-right: 10px;
				}

				.expenses .footer {
					border-bottom: 3px solid #323232;
				}
				.expenses .footer > div, .expenses .footer > input {
					margin-top: 25px;
				}

				.expenses td.expense {
					padding-left: 50px;
					padding-top: 24px;
					background-image: url(../img/expenseIcons.png);
					background-repeat: no-repeat;
				}
				.expenses .expense.category1 {
					background-position: 4px 6px;
				}
				.expenses .expense.category2 {
					background-position: 4px -54px;
				}
				.expenses .expense.category3 {
					background-position: 4px -116px;
				}
				.expenses .expense.category4 {
					background-position: 4px -174px;
				}
				.expenses .expense.category5 {
					background-position: 4px -234px;
				}
				.expenses .expense.category6 {
					background-position: 4px -294px;
				}
				.expenses .expense.category7 {
					background-position: 4px -354px;
				}
.total
{
	float: right;
	margin-right: 52px;
}
	.total span.label
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		text-align: right;
		padding-right: 10px;
		font-size: 1.6em;
	}
	.total span.euro
	{
		font-size: 1.7em;
		display: inline;
		float: none;
	}
	.total span.amount
	{
		width: 92px;
	}

/* Centered elements */
header > div,
.banner > div,
.content,
.toolBar > div,
.next,
.step
{
	position: relative;
	margin: 0 auto;
	width: 950px;
}
.cols50-50 article,
.cols50-50 aside,
.cols20-80 article,
.cols20-80 aside,
.cols80-20 article,
.cols80-20 aside,
.cols67-33 article,
.cols67-33 aside,
.cols33-67 article,
.cols33-67 aside,
.leftColumn,
.rightColumn
{
	float: left;
	padding-bottom: 11px;
}
div.alt
{
	border-bottom: 1px solid #dcdcdc;
	margin: 0 25px;
	/*padding-bottom: 20px;
	margin-bottom: 20px;*/
}
.accordion div.alt:last-child {
	border-bottom: none;
}
	div.alt > aside > img {
		padding-left: 40px;
		padding-top: 10px;
	}
	div.alt .button {
		margin-right: 0;
	}

	.cols50-50 article,
	.cols50-50 aside,
	.leftColumn,
	.rightColumn
	{
		width: 50%;
	}
	.cols80-20 > article:first-child,
	.cols80-20 > aside:first-child,
	.cols80-20 > h1 + article,
	.cols80-20 > h1 + aside
	{
		width: 80%;
	}
	.cols80-20 > article:first-child + aside,
	.cols80-20 > aside:first-child + article,
	.cols80-20 > h1 + article + aside,
	.cols80-20 > h1 + aside + article
	{
		width: 20%;
	}
	.cols20-80 > article:first-child,
	.cols20-80 > aside:first-child,
	.cols20-80 > h1 + article,
	.cols20-80 > h1 + aside
	{
		width: 20%;
	}
	.cols20-80 > article:first-child + aside,
	.cols20-80 > aside:first-child + article,
	.cols20-80 > h1 + article + aside,
	.cols20-80 > h1 + aside + article
	{
		width: 80%;
	}
	.cols67-33 > article:first-child,
	.cols67-33 > aside:first-child,
	.cols67-33 > h1 + article,
	.cols67-33 > h1 + aside
	{
		width: 67%;
	}
	.cols67-33 > article:first-child + aside,
	.cols67-33 > aside:first-child + article,
	.cols67-33 > h1 + article + aside,
	.cols67-33 > h1 + aside + article
	{
		width: 33%;
	}

.next
{
	padding-bottom: 20px;
}
.next.between
{
	padding-bottom: 0;
}
.step
{
	padding-bottom: 20px;
	text-align: center;
}
		.step ul li
		{
			display: inline-block;
			list-style: none;
			width: 13px;
			height: 13px;
			margin: 5px;
			background: url('../img/step.png') no-repeat;
		}
		.step ul li.current
		{
			background-position: 0 -13px;
		}
			.step ul li span
			{
				display: none;
			}


/* You Tube Video */
.youtube-player
{
	width: 800px;
	height: 500px;
	margin: 25px;
	border: none;
}
	.cols50-50 .youtube-player
	{
		width: 400px;
		height: 250px;
	}


#backgrounImage
{
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	max-height: 100%;
	overflow: hidden;
}
	#backgrounImage img
	{
		width: 100%;
	}
	.grid
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url('../img/grid.gif');
	}
.wrapper
{
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	header
	{
		width: 100%;
		min-height: 200px;
		background: url('../img/bgHeader.gif') repeat-x;
	}
		header a
		{
			color: #fff;
			text-decoration: none;
		}
		.logo
		{
			float: left;
			/*height: 32px;*/
			color: #9f9f9f;
			font-size: 1.8em;
			font-weight: bold;
			padding: 6px 8px 0 15px;
		}
			.logo img
			{
				border: none;
			}
		.client
		{
			float: left;
			font-size: 1.5em;
			color: #9f9f9f;
			font-weight: normal;
			padding: 8px 0 0 15px;
			background: url('../img/bulletClient.png') no-repeat 0 14px;
		}
		.topMenu
		{
			float: right;
			padding-right: 25px;
		}
			.topMenu nav
			{
				float: left;
			}
			.topMenu nav a
			{
				float: left;
				display: block;
				font-size: 1.2em;
				margin-left: -1px;
				padding: 10px 10px 7px 10px;
				background: url('../img/pipeTopMenu.png') no-repeat right center;
			}
			.topMenu nav a:hover
			{
				background: #4a4a4a;
			}
			.topMenu nav span.user
			{
				display: inline-block;
				font-size: 1.2em;
				padding: 10px 0 8px 9px;
				color: #b8b8b8;
			}
				.topMenu nav span.user a
				{
					float: none;
					display: inline-block;
					font-size: 1.0em;
					background: none;
					padding: 0;
				}
				.topMenu nav span.user a:hover
				{
					text-decoration: underline;
				}
		.banner
		{
			width: 100%;
			height: 134px;
			padding-bottom: 20px;
			background: url('../img/bgHeader.png') no-repeat center bottom;
		}
			#visualClient
			{
				position: absolute;
				right: 0;
				z-index: 1;
				width: 500px;
				height: 134px;
			}
				#visualClient img
				{
					position: absolute;
					z-index: 1;
					border: none;
					width: 500px;
					height: 134px;
				}
				#visualClient div.raster
				{
					position: absolute;
					z-index: 2;
					width: 500px;
					height: 134px;
					background: url('../img/visualOverlay.png') no-repeat;
				}
			.module
			{
				position: absolute;
				left: 0;
				top: 0;
				z-index: 2;
				height: 134px;
			}
				.module div
				{
					float: left;
				}
				.module p
				{
					float: left;
					margin-top: 18px;
					display: block;
					width: 420px;
					max-height: 100px;
					padding: 0px 10px 5px 17px;
					border-left: 1px solid #929292;
					font-family: Georgia, "Times New Roman", Times, serif;
					color: #929292;
					font-size: 1.6em;
					line-height: 1.8em;
				}
				.module div:first-child {
					margin-top: 23px;
					font-family: 'DINNeuzeit';
					text-align: right;
					color: #323232;
					font-size: 48px;
					padding: 0 17px 0 24px;
					text-transform: uppercase;
					line-height: 48px;
				}
				.module .progress {
					border-left: 1px solid #929292;
					height: 84px;
					margin-top: 27px;
					position: relative;
				}
				.module .progress a {
					color: #323232;
					display: block;
				}
				.module ol
				{
					padding-left: 30px;
					list-style-type: none;
				}
					.module li {
						float: left;
						font-family: Arial, Helvetica, sans-serif;
					}
					.module ol.steps > li {
						width: 133px;
						height: 32px;
						background: url(../img/tourProgress.png) no-repeat;
						font-weight: bold;
						padding-left: 8px;
						line-height: 32px;
					}
					.module ol.steps > li.last {
						background-position: 0 -32px;
					}
					.module ol.steps > li.current {
						background-position: 0 -64px;
					}
					.module ol.steps > li.current:last-child {
						background-position: 0 -96px;
					}
					.module ol.steps > li.preceding {
						background-position: 0 -128px;
					}
					.module ol.steps > li.preceding.last {
						background-position: 0 -160px;
					}
					.module ol.pages {
						font-size: 0.9em;
					}
					.module ol.pages > li {
						margin-top: 20px;
						margin-right: 20px;
					}
					.module .progressbar {
						position: absolute;
						bottom: 6px;
						left: 30px;
						height: 2px;
						width: 200px;
						background-color: #A1C942;
					}
.toolBar
{
	height: 45px;
	background: url('../img/bgToolBar.gif') repeat-x;
}
	.toolBar ul
	{
		float: right;
		margin-right: 25px;
	}
		.toolBar ul li
		{
			float: left;
			display: block;
			height: 45px;
			list-style: none;
		}
			.toolBar ul li a
			{
				display: block;
				height: 45px;
				padding-left: 7px;
				text-decoration: none;
			}
				.toolBar ul li a span
				{
					display: block;
					height: 45px;
					padding-right: 7px;
					cursor: pointer;
				}
					.toolBar ul li a span span
					{
						display: block;
						height: 23px;
						font-size: 1.2em;
						color: #fff;
						padding: 22px 6px 0 6px;
					}
			.toolBar ul li a:hover
			{
				background: url('../img/buttonToolBar.png') no-repeat 0 0;
			}
				.toolBar ul li a:hover span
				{
					background: url('../img/buttonToolBar.png') no-repeat right -45px;
				}
					.toolBar ul li a:hover span span
					{
						background: none;
					}
			.toolBar ul li.current a
			{
				background: url('../img/buttonToolBar.png') no-repeat 0 -90px;
			}
				.toolBar ul li.current a span
				{
					background: url('../img/buttonToolBar.png') no-repeat right -135px;
				}
					.toolBar ul li.current a span span
					{
						background: url('../img/buttonToolBar.png') no-repeat center -180px;
					}


footer
{
	text-align: center;
	padding-top: 23px;
	padding-bottom: 50px;
	background: url('../img/bgFooter.gif') repeat-x;
}
	footer nav a,
	footer nav span
	{
		display: inline-block;
		font-size: 1em;
		color: #7b7b7b;
		padding: 4px 9px 4px 6px;
		text-decoration: none;
		text-transform: uppercase;
	}
	footer nav a
	{
		background: url('../img/pipeFooterMenu.gif') no-repeat right center;
	}
	footer nav a:hover
	{
		color: #323232;
	}

ul.educationOverview {
	list-style-type: none;
	margin-top: 4px !important; /* override margin set by panel.wide */
	padding: 0;
}
	ul.educationOverview li {
		padding: 25px 0 25px 0;
		background-image: none;
		margin: 0 25px;
		border-bottom: 1px solid #e1e1e1;
	}
	ul.educationOverview li.last {
		border-bottom-color: transparent;
	}
	ul.educationOverview .media {
		width: 400px;
		min-height: 100px;
		float: left;
		text-align: center;
	}
	ul.educationOverview h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		padding: 0;
	}
	ul.educationOverview p {
		font-size: 1em;
		margin-bottom: 15px;
		min-height: 50px;
	}
	ul.educationOverview .button.small {
		margin-right: 0;
	}

/* Controls */
.panel
{
	float: left;
	margin: 25px 25px 5px 25px;
	width: 900px;
	padding: 17px 0 16px 0;
	background: #f6f6f6;
	border-radius: 5px;
}
.panel.following {
	margin-top: 0;
}
.panel.wide
{
	margin: 0 0 5px 0;
	width: 950px;
}
.panel.slim {
	padding-top: 6px;
	padding-bottom: 6px;
}
.panel.fitting {
	float: none;
	width: auto;
}

	.panel h2
	{
		font-size: 1.8em;
		width: auto;
		padding: 0 25px;
	}
		.panel h2.left
		{
			display: block;
			float: left;
		}
	.panel .pensionStatus
	{
		display: block;
		float: right;
		width: auto;
		padding-right: 25px;
	}
		.pensionStatus .euro,
		.pensionStatus .amount,
		.pensionStatus .comment
		{
			display: block;
			float: left;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 1.8em;
			padding: 0;
		}
		.pensionStatus .euro
		{
			width: 12px;
		}
		.pensionStatus .amount
		{
			width: 80px;
		}
		.pensionStatus .comment,
		.panel .leftColumn .comment
		{
			width: auto;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
			font-size: 1.6em;
			color: #7b7b7b;
			padding: 0 0 0 10px;
			text-align: right;
		}
.panel .leftColumn
{
	width: 700px;
}
.panel .fullColumn
{
	width: 100%;
}
	.panel .fullColumn label {
		width: 100%;
	}
	.panel .fullColumn label.multiple {
		width: auto;
	}
	.panel .fullColumn label.radioButton,
		.panel .fullColumn label.checkBox {
		width: auto;
	}
	.panel .leftColumn label span,
	.panel .fullColumn label span
	{
		width: 285px;
		color: #7b7b7b;
	}
	.panel.fitting .fullColumn label span {
		width: 140px;
	}
	label span.dropDown.capitalRate {
		background-position: 0 -560px !important;
		width: 70px !important;
	}
	label span.dropDown.capitalRate.error {
		background-position: -400px -560px !important;
	}
	.panel .fullColumn label span.big {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.8em;
		font-weight: bold;
		color: #323232;
		width: auto;
	}
	.panel .fullColumn label span.big-indent {
		margin-left: 100px;
		width: 80px;
	}
	.panel .fullColumn label span.amount, span.display {
		width: auto;
		color: #323232;
		font-size: 1.8em;
		padding: 7px 28px 7px 0;
		float: right;
	}
	.panel .fullColumn label span.full
	{
		width: 80%;
	}
	.panel .leftColumn .comment,
	.panel .fullColumn .comment
	{
		margin: 4px 4px 4px -22px;
		padding: 8px 0;
	}
	.panel .leftColumn .checkBox,
	.panel .fullColumn .checkBox
	{
		margin-left: 304px;
	}
	.panel .fullColumn .nomargin
	{
		margin-left: 0 !important;
	}
	.panel .leftColumn .checkBox #checkIfReady
		{
			margin-left: 45px;
		}
.panel.choices {
	width: 80%;
	margin-left: 110px;
}
	.panel.choices img.sign {
		position: absolute;
		left: 0;
	}

/*a.info
{
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	margin-top: -12px;
	text-indent: -10000px;
	overflow: hidden;
	background: url('../img/buttonInfo.png') no-repeat 0 0;
}
	a.info:hover
	{
		background-position: 0 -30px;
	}*/

a.info, a.info-inline, span.info-dummy
{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: -12px;
	margin-bottom: -4px;
	text-indent: -10000px;
	overflow: hidden;
	background: url('../img/buttonInfo.png') no-repeat 0 0;
	background-position: -5px -10px;
}
	a.info:hover, a.info-inline:hover
	{
		background-position: -5px -40px;
	}
	a.info-dummy {
		cursor: default;
	}
.info-inline-text {
	display: none;
}
.panel .rightColumn
{
	position: relative;
	width: 200px;
	min-height: 200px;
}



/* Form items */
form br
{
	clear: both;
}
fieldset
{
	border: none;
}
label
{
	float: left;
}
	label > span
	{
		float: left;
		display: block;
		width: 200px;
		padding: 10px 10px 9px 20px;
		margin: 4px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #323232;
		font-size: 1.4em;
	}
		.leftColumn label span,
		.rightColumn label span
		{
			width: 160px;
		}
		label.radioButton span,
		label.checkBox span
		{
			width: auto;
			padding: 10px 10px 11px 10px;
			cursor: default;
		}
	input[type="text"], input[type="password"]
	{
		float: left;
		width: 240px;
		padding: 7px 7px 8px 7px;
		margin: 6px 28px 4px 4px;
		font-size: 18px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		border: 0;
		background: url('../img/fields.png') no-repeat 0 -240px;
	}
		input[type="text"].example
		{
			color: #7b7b7b;
		}
	input[type="text"].error
	{
		background-position: -400px -240px;
	}
		.leftColumn input[type="text"],
		.rightColumn input[type="text"]
		{
			width: 240px;
			background-position: 0 -240px;
		}
			.leftColumn input[type="text"].error,
			.rightColumn input[type="text"].error
			{
				background-position: -400px -240px;
			}
		input[type="text"].datePicker
		{
			width: 110px;
			padding: 7px 7px 8px 7px;
			background-position: 0 -480px;
			margin-right: 4px;
		}
			input[type="text"].datePicker.error
			{
				background-position: -400px -480px;
			}
			input[type="text"].datePicker.small {
				background-position: 0 -629px;
				width: 90px;
			}
			input[type="text"].datePicker.small.error
			{
				background-position: -400px -629px;
			}
		input[type="text"].postalCode
		{
			width: 88px;
			padding: 7px 7px 8px 7px;
			background-position: 0 -520px;
		}
			input[type="text"].postalCode.error
			{
				background-position: -400px -520px;
			}
		input[type="text"].email,
		input[type="text"].phone
		{
			width: 240px;
			padding: 7px 7px 8px 7px;
			background-position: 0 -240px;
		}
			input[type="text"].email.error,
			input[type="text"].phone.error
			{
				background-position: -400px -240px;
			}
		input[type="text"].number
		{
			width: 70px;
			/* padding: 7px 7px 8px 7px; */
			/* margin-right: 28px; */
			text-align: right;
			background-position: 0 -560px;
		}
			input[type="text"].number.error
			{
				background-position: -400px -560px;
			}
			.leftColumn label span.euro,
			.fullColumn label span.euro,
			.rightColumn label span.euro
			{
				width: 12px !important;
				padding: 7px 0;
				color: #323232;
				font-size: 1.8em;
			}
		input[type="text"].small {
			background-position: 0 -600px;
			width: 65px;
			font-size: 13px;
			padding: 4px 5px 5px 4px;
		}
			input[type="text"].small.error {
				background-position: -400px -600px;
			}
		input[type="text"].small.extra {
			width: 27px;
			background-position: 0 -658px;
		}
		input[type="text"].inline {
			float: none;
			font-weight: normal;
			margin: 0 0;
		}


		label.radioButton input[type="radio"],
		label.checkBox input[type="checkbox"]
		{
			float: left;
			margin: 15px 0 0 25px;
		}

		label.radioButtonSmall input[type="radio"],
		label.checkBoxSmall input[type="checkbox"]
		{
			float: left;
			margin: 6px 0 0 25px;
		}

		label.radioButtonInline {
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #7b7b7b;
			font-size: 1.4em;
		}

		label.radioButtonInline span {
			font-size: 1em;
		}

		label.radioButtonInline input[type="radio"] {
			margin: 15px 0 0 4px;
		}
		label.radioButtonInline input[type="text"] {
			float: none;
		}

		label.radioButtonSmall span,
		label.checkBoxSmall span
		{
			padding: 0 0;
			width: 700px !important;
		}
		label.radioButtonSmall span.disabled {
			color: #aaa;
		}

	span.textArea
	{
		float: left;
		width: 386px;
		height: 180px;
		padding: 7px 7px 8px 7px;
		margin: 4px;
		background: url('../img/fields.png') no-repeat 0 -40px;
	}
		span.textArea textarea
		{
			font-size: 18px;
			font-weight: bold;
			border: 0;
			font-family: Arial, Helvetica, sans-serif;
			width: 100%;
			height: 100%;
			background-color: transparent;
		}
		.leftColumn span.textArea,
		.rightColumn span.textArea
		{
			width: 240px;
			background-position: 0 -280px;
		}
	span.dropDown, .fullColumn label span.dropDown
	{
		float: left;
		width: 386px;
		padding: 6px 7px 7px 7px;
		margin: 6px 28px 4px 4px;
		background: url('../img/fields.png') no-repeat 0 0;
	}
		span.dropDown select
		{
			font-size: 17px;
			font-weight: bold;
			border: 0;
			font-family: Arial, Helvetica, sans-serif;
			width: 100%;
			background-color: transparent;
		}
		.leftColumn span.dropDown,
		.rightColumn span.dropDown,
		span.dropDown.period,
		.fullColumn label span.dropDown.salary
		{
			width: 240px;
			background-position: 0 -240px;
		}
		.fullColumn label span.dropDown.marital {
			width: 386px;
			background-position: 0 0;
		}
		.fullColumn label span.dropDown.salary
		{
			margin-left: -20px;
		}
		.leftColumn span.dropDown.error,
		.rightColumn span.dropDown.error,
		span.dropDown.period.error,
		.fullColumn label span.dropDown.salary.error
		{
			background-position: -400px -240px;
		}
		.fullColumn label span.dropDown.marital.error {
			background-position: -400px 0;
		}
.salaryCalculated
{
	margin-left: 327px;
	padding: 10px 0;
}
	.salaryCalculated span.euro
	{
		display: inline-block;
		color: #7b7b7b;
		width: 12px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 1.6em;
	}
	.salaryCalculated span.amount
	{
		display: inline-block;
		color: #7b7b7b;
		width: 82px;
		text-align: right;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: bold;
		font-size: 1.6em;
	}
	.panel .fullColumn .salaryCalculated span.comment
	{
		margin-left: 0;
		padding: 0 0 0 23px;
		display: inline-block;
		color: #7b7b7b;
		width: auto;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.6em;

	}
label.fileInput div
{
	margin-top: 8px;
	margin-left: -100px;
}
	input.file
	{
		float: left;
		padding: 7px;
		margin: 4px;
		font-size: 18px;
		font-weight: bold;
		border: 0;
		color: #999;
		background: url('../img/fields.png') no-repeat 0 0;
	}
		.leftColumn input.file,
		.rightColumn input.file
		{
			background-position: 0 -240px;
			padding: 7px 7px 8px 7px;
		}

.passwordStrength {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	margin-left: 334px;
	margin-top: 8px;
}

/* Popup */
#popup
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3000;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background: url('../img/overlay.png');
}
	#popup > div
	{
		position: relative;
		margin: 94px auto 0 auto;
		width: 600px;
		height: 439px;
		padding: 0;
		background: url('../img/bgPopup.png') no-repeat center top;
	}
		#buttonClose
		{
			position: absolute;
			width: 25px;
			height: 25px;
			top: 5px;
			left: 570px;
			text-indent: -10000px;
			overflow: hidden;
			background: url('../img/buttonClose.png') no-repeat;
			cursor: pointer;
		}
		#popupTitle
		{
			font-size: 3.0em;
			font-weight: normal;
			line-height: normal;
			padding: 27px 24px 0 24px;
			margin: 0;
			font-family: 'DINNeuzeit';
			color: #323232;
			text-transform: uppercase;
			background: none;
		}
		#scrollArea
		{
			position: absolute;
			top: 73px;
			left: 10px;
			width: 580px;
			height: 345px;
			overflow: auto;
		}
		#scrollArea p
		{
			padding: 0 14px 18px 14px;
		}
	#popup footer
	{
		position: relative;
		margin: 0 auto;
		width: 600px;
		background: url('../img/bgPopup.png') no-repeat center bottom;
	}
		.button.close
		{
			margin: 0 auto;
		}

/* Accorsdion */
ul.accordion
{
	display: block;
	width: 100%;
	overflow: hidden;
}
	ul.accordion li
	{
		display: block;
		float: left;
		width: 100%;
		padding: 0;
		list-style: none;
		background: #f6f6f6;
		border-radius: 5px;
		margin-bottom: 5px;
	}
		ul.accordion li h3
		{
			float: left;
			display: block;
			width: 100%;
			padding: 0;
			cursor: pointer;
		}
			ul.accordion li h3 span
			{
				float: left;
				padding: 15px 32px 15px 25px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				background: url('../img/accordion.png') no-repeat right -22px;
			}
			ul.accordion li h3:hover span
			{
				background-position: right -222px;
			}
			ul.accordion li.current h3 span
			{
				background-position: right -122px;
			}
			ul.accordion li.current h3:hover span
			{
				background-position: right -322px;
			}
			ul.accordion li h4 span {
				font-family: Arial, Helvetica, sans-serif;
			}
		ul.accordion li div.detail
		{
			display: none;
			float: left;
			width: 100%;
			padding: 1px 0 10px 0;
		}
			ul.accordion li div.detail br
			{
				clear: both;
			}
			ul.accordion li div.detail span.label,
			ul.accordion li div.detail span.value
			{
				display: inline-block;
				padding: 1px 10px 0 21px;
				margin: 0 4px;
				color: #7b7b7b;
				font-size: 1.2em;
			}
				ul.accordion li div.detail span.label
				{
					width: 230px;
					float: left;
				}
				ul.accordion li div.detail span.value
				{
					width: 600px;
				}
				ul.accordion li div.detail h4
				{
					/*font-family: Georgia, "Times New Roman", Times, serif;*/
					color: #323232;
					font-size: 1.2em;
					margin: 0;
					padding: 20px 250px 0 25px;
				}
				ul.accordion li div.detail p
				{
					color: #7b7b7b;
					font-size: 1.2em;
					padding: 5px 0 20px 25px;
				}
		ul.accordion.default li h3 span,
		ul.accordion.default li h3:hover span
		{
			color: #323232;
			font-weight: bold;
			cursor: default;
			background: none;
		}
		ul.accordion.default li div.detail
		{
			display: block;
		}

/* Widget Amount Needed */
#widget_amount-needed
{
	position: relative;
	height: 188px;
	margin-top: -80px;
}
#step_1
{
	display: block;
	height: 155px;
}
#step_2
{
	display: none;
	height: 155px;
}
	#bar,
	#amount,
	#age,
	#wallet,
	#pointer
	{
		position: absolute;
	}
	#bar
	{
		font-size: 0;
		width: 900px;
		height: 10px;
		border-radius: 5px;
		background: #73b0cb;
		top: 111px;
		left: 25px;
	}
	#amount
	{
		display: none;
		font-size: 18px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		color: #323232;
		width: auto;
		top: 44px;
		left: 0;
	}
	#age
	{
		display: none;
		font-size: 18px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		color: #323232;
		width: 100px;
		text-align: center;
		top: 131px;
		left: 0;
	}
	#wallet
	{
		display: none;
		font-size: 0;
		width: 100px;
		height: 100px;
		top: 3px;
		left: 0;
	}
	#pointer
	{
		display: none;
		font-size: 0;
		width: 16px;
		height: 16px;
		border-radius: 8px;
		background: #73b0cb;
		top: 108px;
		left: 0;
	}

table.funding col {
	width: 45%;
}
table.funding col.participant {
	width: 25%;
}
table.funding col.partner {
	width: 30%;
}
table.funding td:first-child {
	padding-left: 24px;
}
table.funding th, table.funding td {
	font-size: 1.4em;
	color: #7b7b7b;
	padding-top: 20px;
}
table.funding td {
	padding-top: 30px;
}
table.funding span.amount, table.funding span.euro {
	color: #323232;
}
table.funding span.preposition {
	float: right;
}
table.funding tbody.pensionCategory td {
	padding-bottom: 10px;
}
table.funding tbody.sub td {
	font-size: 1.2em;
	padding-bottom: 14px;
	padding-top: 0;
}
table.funding span.tag {
	font-size: 1.2em;
}
table.funding tbody.sub td:first-child {
	padding-left: 60px;
	font-size: 1.4em;
}
table.funding input {
	float: none;
	margin: -2px 0 0 0;
}
table.funding .datePicker {
	margin: 0;
}
table.funding .ui-datepicker-trigger {
	position: absolute;
	margin-top: 0;
}

.fundingview table.funding {
	margin-bottom: 12px;
}
.fundingview table.funding td, .fundingview table.funding th {
	color: #323232;
	padding-top: 20px;
}
.fundingview table.funding col.finalAmount {
	width: 19%;
}
.fundingview table.funding col.startDate,
.fundingview table.funding col.endDate {
	width: 18%;
}
.fundingview table.funding col.startDate,
.fundingview table.funding col.endDate {
	width: 18%;
}
.cols80-20 .fundingview table.funding col {
	width: 39%;
}
.cols80-20 .fundingview table.funding col.finalAmount {
	width: 17%;
}
.cols80-20 .fundingview table.funding col.startDate,
.cols80-20 .fundingview table.funding col.endDate {
	width: 22%;
}

.fundingview table.funding td strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
.fundingview table.funding input[type="text"] {
	float: right; /* so the field is removed from the flow */
	position: relative;
	top: -6px;
	margin: 0;
}
.fundingview table.funding input.datePicker,
.fundingview table.funding input.text {
	float: left;
}
.columnpanel {
	background: #f6f6f6;
	border-radius: 5px;
	margin-top: 12px;
	padding-bottom: 20px;
}

/* Widget Amount Actual */
#widget_amount-actual
{
	position: relative;
	float: left;
	width: 184px;
	height: 152px;
	margin: 68px 0 0 16px;
}
	#walletProgress
	{
		position: relative;
		width: 126px;
		height: 126px;
		overflow: hidden;
	}
		#walletFiller
		{
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
		}
		#walletContainer
		{
			position: absolute;
			width: 126px;
			height: 126px;
			left: 0;
			top: 0;
			z-index: 1;
		}
	#walletShape,
	#walletIcon
	{
		position: absolute;
		width: 126px;
		height: 126px;
		left: 0;
		top: 0;
	}
		#walletShape
		{
			z-index: 4;
			background: url('../img/walletIsolated.png') no-repeat 0 0;
		}
		#walletIcon
		{
			z-index: 5;
			background: none;
		}
		#walletIcon.full
		{
			z-index: 5;
			background: url('../img/walletIconCheck.gif') no-repeat 0 0;
		}
	#walletStroke
	{
		position: absolute;
		z-index: 3;
		width: 100px;
		height: 20px;
		left: 62px;
		top: 106px;
		background: url('../img/walletBar.png') no-repeat left bottom;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #323232;
		text-align: right;
	}

img.walletCheck {
	position: absolute;
	margin-left: -25px;
	margin-top: -2px;
}
/* Analysis */
p#description
{
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #dcdcdc;
}
#widget_amount-analysis
{
	position: relative;
	float: left;
	width: 235px;
	height: 203px;
	margin: 81px 0 0 77px;
}
	#walletBigProgress
	{
		position: relative;
		width: 235px;
		height: 203px;
		overflow: hidden;
	}
		#walletBigFiller
		{
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
		}
		#walletBigContainer
		{
			position: absolute;
			width: 235px;
			height: 203px;
			left: 0;
			top: 0;
			z-index: 1;
		}
	#walletBigShape,
	#walletBigIcon
	{
		position: absolute;
		width: 235px;
		height: 203px;
		left: 0;
		top: 0;
	}
		#walletBigShape
		{
			z-index: 4;
			background: url('../img/walletIsolatedBig.png') no-repeat 0 0;
		}
		#walletBigIcon
		{
			z-index: 5;
			background: url('../img/walletIconCrossBig.png') no-repeat 0 0;
		}
		#walletBigIcon.sufficient
		{
			z-index: 5;
			background: none;
		}
		#walletBigIcon.full
		{
			z-index: 5;
			background: url('../img/walletIconCheckBig.png') no-repeat 0 0;
		}
	#walletBigStroke
	{
		position: absolute;
		z-index: 3;
		width: 156px;
		height: 30px;
		left: 100px;
		top: 169px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 22px;
		font-weight: bold;
		color: #323232;
		text-align: right;
		background: url('../img/walletBarBig.png') no-repeat 0 bottom;
	}
		#walletBigStroke.full
		{
			background-position: -200px bottom;
		}


.errorMessage
{
	float: left;
	width: 100%; /* 950px; */
	margin: 10px 0;
	background: url('../img/bgErrorMessage.gif') repeat-y #ebc7c7;
}
	.errorMessage span, .infoMessage > span:first-child
	{
		float: left;
		width: 52px;
		padding: 7px 9px;
		text-align: center;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		font-weight: bold;
	}
	.errorMessage span + span
	{
		float: left;
		width: auto;
		text-align: left;
		color: #323232;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
	}

.infoMessage
{
	margin: 10px 20px;
	background-color: #0084cb;
}
	.infoMessage > span:first-child
	{
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.infoMessage div {
		margin-left: 72px;
		padding: 15px;
		color: #323232;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.4em;
		background-color: #73CFFF;
	}
	.infoMessage div > p {
		padding: 0;
		font-size: 1em;
		line-height: 1em;
	}


/* jQuery UI elements override */
.ui-datepicker-trigger
{
	border: none;
	float: left;
	margin: 9px 4px;
}
.right .ui-datepicker-trigger {
	margin-right: 28px;
}
.ui-datepicker-calendar
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
	.ui-datepicker-calendar th span
	{
		font-weight: normal;
		text-transform: uppercase;
		color: #303030;
	}
	.ui-datepicker-calendar td a.ui-state-default
	{
		background: #fff;
		font-weight: normal;
		color: #303030;
		padding-right: 3px;
	}
	.ui-datepicker-calendar td a.ui-state-highlight
	{
		background: #73b0cb;
		border: 1px solid #397a97;
	}
	.ui-datepicker-calendar td a.ui-state-hover
	{
		color: #fff;
		background: #a1c942;
		border: 1px solid #6fc12d;
	}

aside .asideColumn {
	background-color: #f6f6f6;
	border-radius: 5px;
	margin-left: 28px;
	padding: 0 20px 20px 20px;
}
aside .asideColumn h2 {
	border-bottom: 1px solid #ccc;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 8px;
}
aside .asideColumn ul {
	margin-left: -25px;
}
aside .asideColumn ul > li {
	font-size: 1.7em;
}
aside .asideColumn p {
	padding-left: 0;
	padding-right: 0;
}
aside .asideColumn span.amount {
	width: auto;
	font-size: 1.1em;
}
.fileupload {
	position: relative;
}
.fileupload input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 22px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

div.error {
	border: 2px solid #ba5252;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-bottom: 10px;
}

.correctionDivorce {
	margin-left: 24px;
	margin-right: 24px;
	padding: 15px 0;
}
	.correctionDivorce table {
		font-size: 1.4em;
		width: 100%;
		margin-bottom: 25px;
	}
		.correctionDivorce table tr {
			height: 48px;
		}
		.correctionDivorce table th {
			width: 25%;
		}
		.correctionDivorce table td {
			vertical-align: middle;
		}
		.correctionDivorce table th:first-child {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 1.2em;
			width: 45%;
		}
		.correctionDivorce table th.last {
			width: 30%;
		}
		.correctionDivorce span.euro
		{
			display: block;
			float: left;
			margin: 0;
			padding-left: 0;
			width: 12px;
			font-size: 1.1em;
		}
		.correctionDivorce label input[type="text"].number
		{
			margin: 0;
		}
	.correctionDivorce span.amount
	{
		font-size: 1.1em;
		width: 45px;
		padding-right: 10px;
	}

table label input[type="text"].datePicker {
	margin: 0;
}
table .ui-datepicker-trigger {
	margin: 6px 4px;
}

.expenses .slider {
	position: relative;
	margin-top: 10px;
	width: 90%;
	font-size: 0.9em;
}
.slider-container {
	position: absolute;
	width: 100%;
	height: 50px;
	top: -15px;
	font-family: Arial, Helvetica, sans-serif;
}
.slider-axis {
	position: absolute;
	top: 24px;
	height: 2px;
	width: 100%;
	background-color: #929292;
}
.slider-bar {
	position: absolute;
	top: 18px;
	width: 4px;
	height: 14px;
	left: 0;
	background-color: #A1C942;
	cursor: col-resize;
}
.slider.inactive .slider-bar {
	cursor: not-allowed;
}
.slider-bar > span {
	position: absolute;
	top: -18px;
}
.slider-tick {
	position: absolute;
	top: 20px;
	width: 2px;
	height: 10px;
	left: 50%;
	background-color: #929292;
}
.slider-numbers {
	color: #929292;
	position: absolute;
	top: 32px;
	width: 100%;
}
.slider-numbers > span {
	position: absolute;
}
.expenses tr.otherCategory > td {
	cursor: pointer;
}
.expenses tr.otherCategory .accordion {
	position: absolute;
	display: inline;
	width: 22px;
	height: 22px;
	margin-top: -1px;
	margin-left: 6px;
	background-image: url('../img/accordion.png');
	background-repeat: no-repeat;
	background-position: 0 -339px;
}
.expenses tr.otherCategory .accordion:hover {
	background-position: 0 -139px;
}
.expenses tr.otherCategory.collapsed .accordion {
	background-position: 0 -239px;
}
.expenses tr.otherCategory:hover.collapsed .accordion {
	background-position: 0 -39px;
}

/* planner styles */
.planner-left, .planner-right {
	float: left;
	padding-bottom: 11px;
}

.planner-right {
	width: 264px;
	margin-left: 13px;
}

.planner-right h1 {
	margin-bottom: 18px;
}

.planner-left {
	width: 650px;
}

#planner {
	margin-top: 40px;
	border: 1px solid #ddd;
	border-top: none;
	border-right: none;
	position: relative;
	left: 70px;
}

#plannerYears {
	position: relative;
	left: 70px;
	color: #323232;
	font-size: 1.8em;
	text-align: justify;
}

#plannerYears ul{
	display: table;
	width: 100%;
	table-layout: fixed;
}

#plannerYears ul li {
	display: table-cell;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background: none;
	padding-left: 0;
}

#plannerYears ul li p {
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0;
}

#showNet {
	display: block;
	position: relative;
	float: left;
	margin-left: 70px;
}

#planner-wallet {
	position: absolute;
}

#planner-wallet img{
	width: 45px;
	position: absolute;
	left: 20px;
	top: 295px;
}

#planner-line {
	color: #323232;
	font-size: 1.8em;
	height: 22px;
	position: relative;
	pointer-events: none;
	top: 275px;
	padding-left: 5px;
	border: 3px dashed #888;
	border-top: none;
	border-right: none;
	border-left: none;
	z-index: 3;
}

#planner-toggle {
	cursor:pointer;cursor:hand;
}

#planner-legend-header {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0 5px 10px;
}

#planner-toggle-indicator {
	background: #f6f6f6 url('../img/accordion.png') no-repeat 0 -39px;
	width: 22px;
	height: 22px;
	float: right;
	margin: 4px 8px 0 0;
}

.planner-toggle-indicator-open {
	background: #f6f6f6 url('../img/accordion.png') no-repeat 0 -139px !important;
}

#planner-legend-toggle {
	display: none;
}

.planner-legend {
	padding: 4px 10px;
	background: #f6f6f6;
	border-radius: 5px;
	margin-top: 5px;
	min-height: 37px;
}

.planner-legend-disabled {
	background: #f6f6f6 url('../img/bgChanged.png') repeat !important;
}

.planner-legend p {
	font-size: 1.4em;
	line-height: 24px;
	padding: 0 0 0 24px;
	margin-left: 10px;
}

.planner-legend-color {
	float: left;
	width: 25px;
	height: 25px;
	background: #f6f6f6;
	border-radius: 5px;
	margin-top: 6px;
}

#planner-net-info { display: none; }

.graph-block {
	margin: 2px;
	border-radius: 5px;
	bottom: 0;
	position: absolute;
	z-index: 2;
}

.graph-funding {
	background: url("../img/walletGreenSmall.png") no-repeat;
}
.graph-salary, .graph-salarypartner { background: #aed74b;}
.graph-pensionlegend { background: #5d69bb; }
.graph-pensiontotal { background: #5d69bb; }
.graph-pension { background: #467d5e; z-index: 1; }
.graph-highLow { background: #51cd89; z-index: 1; }
.graph-aow { background: #6493c9; z-index: 1; }
.graph-aowbridge { background: #64c9a9; z-index: 1; }
.graph-inflexible { background: #7f548a; z-index: 1; }
.graph-pensionpartner { background: #e18928; z-index: 1; }
.graph-pensionexpartner { background: #d3d3d3; z-index: 1; }
.graph-capital { background: #ede52a; z-index: 1; }
.graph-netsalary { background: #d6cfb3; z-index: 1; }
.graph-netpension { background: #d6cfb3; z-index: 1; }

#planner-net-income { display: none; }

#pensionAgeYearsSlider, #netPensionSlider { height: 3px; border: none; background: #939393; margin: 10px 30px 0 10px; width: 320px; float: left; }
#pensionAgeYearsSlider .ui-slider-handle, #netPensionSlider .ui-slider-handle {
	color: #000;
	border: none;
	text-decoration: none;
	outline: 0;
	background: transparent url("../img/sliderbal.png") no-repeat scroll center top;
	top: -14px; height: 32px; width: 32px;
}

#pensionAgeYearsSelects { margin-bottom: 60px; }

#pensionNetSelect { margin-bottom: 60px; }

#pensionAgeYearsText {
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 17px;
	margin-left: -22px;
	width: 75px;
	padding-top: 35px;
}

#targetIncomeText {
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 17px;
	margin-left: -22px;
	width: 75px;
	padding-top: 35px;
}

.ui-tooltip {
	padding: 2px !important;
}

.noFloat { float: none;}

.changeChoice { float: right; }

#minimumAge {
	float: left;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	top: 10px;
	left: 17px;
	position: relative;
}
#maximumAge {
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	top: 10px;
	left: -38px;
	position: relative;
}

#minimumNetPension {
	float: left;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	top: 10px;
	left: 17px;
	position: relative;
}
#maximumNetPension {
	float: left;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	top: 10px;
	left: -45px;
	position: relative;
}
.disabled h2, .disabled p, .disabled span {
	color: #aaaaaa !important;
}
#dialog-ontrack {
	position: absolute;
	z-index: 3000;
	top: 100px;
	width: 100%;
}
#dialog-ontrack > div {
	background-color: white;
	margin: 242px auto 0 auto;
	padding: 20px;
	width: 340px;
	height: 96px;
	border-radius: 5px;
	border: 1px solid #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #323232;
	font-size: 1.8em;
}
#dialog-ontrack > div > div {
	height: 70px;
}
#dialog-ontrack .button {
	margin-right: 0;
}