body {
 font-size: 11pt;
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
 background-color: #EDF4E3;
 color: #606060;
 cursor: default;
}

form {
 margin: 0;
}

a {
 color: #606060;
 text-decoration: none;
}

p {
 margin-top: 5px;
 margin-bottom: 10px;
 text-align: justify;
}

p a {
 font-weight: bold;
}

ul li {
 margin-top: 5px;
 text-align: justify;
}

ul a {
 font-weight: bold;
}

span.link {
 font-weight: bold;
 cursor: pointer;
}

#content {
 text-align: left;
 display: block;
 width: 970px;
 margin-left: auto;
 margin-right: auto;
 border-style: solid;
 border-width: 1px;
 border-color: #679b20;
 background-color: white;
 padding: 20px;
 min-height: 900px;
}

.header {
 height: 130px;
 border-color: #679b20;
 border-bottom-style: solid;
 border-width: 1px;
 text-align: left;
 background-image: url( '/img/qp.png' );
 background-repeat: no-repeat;
 background-position: 0px 10px;
 margin-bottom: 30px;
}

.header-content {
 position: relative;
 top: 10px;
 clear: right;
}

.header-actions {
 float: right;
 position: relative;
 top: 23px;
 top: 0;
}

.header-actions * {
 font-size: 10pt;
 font-weight: bold;
 color: #909090;
 cursor: pointer;
 display: inline;
}

.header-actions span {
 margin-left: 8px;
 padding-left: 0px;
 border-color: #909090;
 border-width: 1px;
 border-left-style: none;
}

.header-actions a {
 margin-left: 8px;
 padding-left: 0px;
 border-color: #909090;
 border-width: 1px;
 border-left-style: none;
}

.header-path {
 height: 18px; /* Otherwise: bug with empty path */
 font-size: 10pt;
 font-weight: bold;
 color: #909090;
}

.header-path a {
 text-decoration: none;
 color: #909090;
}

.footer {
 clear: both; /* Needed to adapt body height */
 height: 30px;
}

.result {
 margin-left: auto;
 margin-right: auto;
}

.warning {
 font-size: 9pt;
 margin-left: 20px;
 margin-right: 20px;
 margin-top: 50px;
 background-image: url( '/img/32x32/warning.png' );
 background-repeat: no-repeat;
 padding-left: 50px;
}

h1 {
 font-size: 16pt;
 font-weight: bold;
 border-style: none;
 padding-bottom: 10px;
 margin-top: 0;
}

h2 {
 font-size: 15pt;
 border-color: #679b20;
 border-bottom-style: solid;
 border-width: 1px;
 padding-bottom: 10px;
 margin-top: 0;
}

h2 a {
 text-decoration: inherit;
 color: inherit;
 cursor: pointer; /* force when href not defined */
}

h3 {
 font-size: 13pt;
 margin-bottom: 0;
}

h3 a {
 text-decoration: inherit;
 color: inherit;
 cursor: pointer; /* force when href not defined */
}

table.description-table {
 font-size: 9pt;
 margin-top: 20px;
 margin-bottom: 20px;
 margin-left: auto;
 margin-right: auto;
 border-collapse: collapse;
}

table.description-table th {
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 3px;
 padding-bottom: 3px;
 border-width: 1px;
 border-bottom-style: solid;
}

table.description-table td {
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 20px;
 padding-right: 20px;
}

/* Ads ***************************************/

.ad-top {
 border-color: #7389B7;
 border-style: none;
 border-width: 1px;
 width: 468px;
 height: 60px;
 float: right;
 padding: 5px;
 border-style: solid;
 border-width: 1px;
 border-color: #679b20;
}

.ad-rectangle {
 width: 300px;
 height: 250px;
 padding: 5px;
 border-style: solid;
 border-width: 1px;
 border-color: #679b20;
}

/* Blocks ***************************************/

.block-decored {
 background-repeat: no-repeat;
 min-height: 48px;
 padding-left: 70px;
}

.block-decored-simulation {
 background-image: url( '/img/48x48/simulation.png' );
}

.block-decored-directions {
 background-image: url( '/img/48x48/directions2.png' );
}

.block-decored-new-simulation {
 background-image: url( '/img/48x48/simulation.png' );
}

.block-decored-real-estate {
 background-image: url( '/img/48x48/real-estate.png' );
}

.block-decored-financial {
 background-image: url( '/img/48x48/financial2.png' );
}

.block-decored-real-estate-renting {
 background-image: url(/img/48x48/real-estate-renting.png);
}

.block-decored-real-estate-buying {
 background-image: url(/img/48x48/real-estate-buying.png);
}

.block-decored-real-estate-sale {
 background-image: url(/img/48x48/real-estate-sale.png);
}

.block-decored-stock-market-investment {
 background-image: url(/img/48x48/stock-market-investment.png);
}

.block-decored-life-insurance {
 background-image: url(/img/48x48/life-insurance.png);
}

.block-decored-new {
 background-image: url( '/img/48x48/new.png' );
}

.block-decored-soon {
 background-image: url( '/img/48x48/soon3.png' );
}

.block-decored-ideas {
 background-image: url( '/img/48x48/ideas2.png' );
}

.block-decored-lexicon {
 background-image: url( '/img/48x48/lexicon2.png' );
}

.center-block {
 margin-right: 420px;
 margin-bottom: 30px;
}

.right-blocks {
 float: right;
 width: 370px;
}

.right-block {
 background-repeat: no-repeat;
 margin-bottom: 30px;
}

.right-block-ad {
 margin-left: auto;
 margin-bottom: 30px;
}

.column-block-left {
 float: left;
 width: 350px;
 margin-bottom: 30px;
}

.column-block-right {
 float: right;
 width: 350px;
 margin-bottom: 30px;
}

/* Welcome ***************************************/

.welcome-start-simulation {
 display: block;
 text-decoration: none;
 width: 350px;
 margin-top: 30px;
 padding-left: 40px;
 padding-top: 4px;
 padding-bottom: 5px;
 font-weight: bold;
 font-size: 14pt;
 background-image: url( '/img/32x32/start3.png' );
 background-repeat: no-repeat; /*  background-color: #EDF4E3;  border-style: solid;  border-width: 1px;  border-color: #679b20; */
 cursor: pointer;
}

/* News ***************************************/

.news-item {
}

.news-item p {
 text-align: left;
}

/* Simulation table ***************************************/

.simulation-table {
 border-collapse: collapse;
 text-align: left;
 width: 950px;
 margin-left: auto;
 margin-right: auto;
}

.simulation-table tr.spacing {
 height: 10px;
}

.simulation-table .simulation-first-column {
 width: 180px;
}

.simulation-table td.spacing {
 width: 10px;
}

.simulation-table td {
 padding: 3px;
 padding-right: 10px;
 text-align: right;
 font-size: 11pt;
 font-weight: bold;
 vertical-align: top;
}

.simulation-table th {
 padding: 3px;
 vertical-align: top;
}

th.simulation-group {
 width: 150px;
}

.simulation-project-head {
 width: 150px;
 text-align: left;
 font-weight: normal;
 background-repeat: no-repeat;
 padding-left: 55px;
 margin-bottom: 10px;
}

.simulation-project-head-assumptions {
 background-image: url(/img/48x48/assumptions.png);
}

.simulation-project-head-real-estate-renting {
 background-image: url(/img/48x48/real-estate-renting.png);
}

.simulation-project-head-real-estate-buying {
 background-image: url(/img/48x48/real-estate-buying.png);
}

.simulation-project-head-real-estate-sale {
 background-image: url(/img/48x48/real-estate-sale.png);
}

.simulation-project-head-stock-market-investment {
 background-image: url(/img/48x48/stock-market-investment.png);
}

.simulation-project-head-life-insurance {
 background-image: url(/img/48x48/life-insurance.png);
}

.simulation-project-title {
 font-weight: bold;
}

.simulation-project-description {
 font-size: 10pt;
 font-weight: bold;
}

.simulation-project-detail {
 display: none;
}

.simulation-group-head {
 font-size: 8pt;
 padding: 2px;
 padding-left: 5px;
 padding-right: 5px; /*  background-color: #EDF4E3;  border-style: solid;  border-width: 1px;  border-color: #679b20; */
 margin-bottom: 10px;
 text-align: center;
}

.simulation-group-head span {
 font-weight: bold;
 display: inline;
}

.simulation-group-head div {
 display: inline;
 cursor: pointer;
 margin-left: 1px;
 color: #7389B7;
 font-weight: bold;
}

.simulation-group-head div.left {
 float: left;
 display: inline;
 padding-left: 16px;
 background-repeat: no-repeat;
 background-image: url('/img/16x16/left.png');
 background-position: left 0;
 cursor: pointer;
 margin-left: 0;
}

.simulation-group-head div.right {
 float: right;
 display: inline;
 padding-right: 16px;
 background-repeat: no-repeat;
 background-image: url('/img/16x16/right.png');
 background-position: right 0; /* 0 better than center */
 cursor: pointer;
 margin-left: 0;
}

.simulation-project-actions {
 margin-top: 3px;
 text-align: left;
 color: #7389B7;
 font-size: 7pt;
}

.simulation-project-actions div {
 display: inline;
 cursor: pointer;
 margin-right: 3px;
}

.simulation-project-actions .action-close-detail {
 display: none;
}

.simulation-project-summary {
 padding-left: 1px;
 margin-top: 3px;
}

.simulation-project-summary span {
 display: block;
 font-weight: normal;
 font-size: 8pt;
}

tr.simulation-spacing {
 height: 20px;
}

tr.simulation-category {
}

tr.simulation-category th {
 text-align: right; /* padding-left: 35px; */
 padding-right: 10px;
 font-weight: bold;
 background-repeat: no-repeat;
 background-position: left 10px;
}

.simulation-table span.monthly-balance {
 display: block;
 color: #909090;
 font-weight: bold;
 font-size: 8pt;
}

tr.simulation-category-balance td.cost {
 color: #dc3b42;
}

tr.simulation-category-balance td.revenue {
 color: #679B20;
}

tr.simulation-category-property td.property {
 color: #036fb3;
}

tr.simulation-category td {
}

.simulation-category-actions {
 margin-top: 3px;
 text-align: right;
 color: #7389B7;
 font-weight: normal;
 font-size: 7pt;
}

tr.simulation-sub-category th {
 text-align: right;
 padding-right: 15px;
 font-size: 10pt;
}

tr.simulation-sub-category-balance td.cost {
 color: #dc3b42;
}

tr.simulation-sub-category-balance td.revenue {
 color: #679B20;
}

th.simulation-sub-category-property td.property {
 color: #036fb3;
}

th.simulation-category-actions {
 cursor: pointer;
 padding-right: 10px;
 text-align: right;
}

.simulation-category-actions .action-detail {
 display: none;
}

.simulation-category-actions .action-close-detail {
}

tr.simulation-detail {
}

tr.simulation-detail:hover {
 background-color: #EDF4E3;
}

tr.simulation-detail th {
 font-size: 9pt;
 font-weight: normal;
 text-align: right;
 padding-right: 10px;
}

tr.simulation-detail td {
 font-size: 9pt;
}

tr.simulation-detail td.cost {
 color: #dc3b42;
}

tr.simulation-detail td.revenue {
 color: #679B20;
}

tr.simulation-detail td.property {
 color: #036fb3;
}

/* Simulation chart ********************************************************/

tr.simulation-chart {
}

tr.simulation-chart .simulation-chart-mode {
 text-align: right;
 margin-bottom: 20px;
 color: #AAAAAA;
 cursor: pointer;
 padding-right: 10px;
}

tr.simulation-chart .simulation-chart-mode-selected {
 color: #606060;
 cursor: default;
}

tr.simulation-chart td {
 text-align: center;
 border-style: solid;
 border-width: 1px;
 border-color: #BBBBBB;
 padding: 30px;
}

tr.simulation-chart img {
}

.simulation-chart-legend table {
 width: 550px;
 margin-left: 100px;
 margin-right: auto;
 margin-top: 30px;
 text-align: left;
}

.simulation-chart-legend table td {
 width: 50%;
 text-align: left;
 padding: 5px;
 border-style: none;
}

.simulation-chart-legend table td span {
 display: block;
 float: left;
 width: 20px;
 margin-right: 10px;
 border-style: solid;
 border-width: 1px;
 border-color: #BBBBBB;
}

/* Simulation toolbar ********************************************************/

.simulation-toolbar {
 text-align: center;
 padding: 10px; /* background-color: #EDF4E3; */
 border-bottom-style: solid;
 border-width: 1px;
 border-color: #679b20;
}

.simulation-toolbar div {
 display: inline;
 cursor: pointer;
 font-size: 11pt;
 background-repeat: no-repeat;
 height: 22px; /* background-color: #EDF4E3; */
}

.simulation-toolbar div.left {
 float: left;
 padding-left: 30px;
 text-align: left;
 background-position: left center;
 margin-right: 30px;
}

.simulation-toolbar div.right {
 float: right;
 padding-right: 30px;
 text-align: right;
 background-position: right center;
 margin-left: 30px;
}

.simulation-toolbar div.center {
 padding: 3px; /* Otherwise background image is truncated */
 padding-left: 30px;
 text-align: left;
 background-position: left center;
 margin-right: 30px;
}

.simulation-toolbar div.filler {
 cursor: inherit;
}

.simulation-toolbar div.add {
 background-image: url(/img/22x22/add.png);
}

.simulation-toolbar div.previous {
 background-image: url(/img/22x22/previous.png);
}

.simulation-toolbar div.next {
 background-image: url(/img/22x22/next.png);
}

.simulation-toolbar div.assumptions {
 background-image: url(/img/22x22/assumptions.png);
}

.simulation-toolbar div.chart {
 background-image: url(/img/22x22/chart.png);
}

.simulation-toolbar div.grid {
 background-image: url(/img/22x22/grid.png);
}

/* Editor ********************************************************/

.editor {
 display: none;
 border-style: solid;
 border-width: 1px;
 border-color: #679b20;
 padding-left: 70px;
 padding-top: 20px;
 padding-right: 20px;
 padding-bottom: 20px;
 background-repeat: no-repeat;
 background-position: 10px 10px;
}

.editor-assumptions {
 background-image: url(/img/48x48/assumptions.png);
}

.editor-real-estate-renting {
 background-image: url(/img/48x48/real-estate-renting.png);
}

.editor-real-estate-buying {
 background-image: url(/img/48x48/real-estate-buying.png);
}

.editor-real-estate-sale {
 background-image: url(/img/48x48/real-estate-sale.png);
}

.editor-stock-market-investment {
 background-image: url(/img/48x48/stock-market-investment.png);
}

.editor-life-insurance {
 background-image: url(/img/48x48/life-insurance.png);
}

.editor-add-project {
 background-image: url(/img/48x48/add.png);
}

.editor-grid {
}

table.editor-grid td.label {
 font-weight: bold;
 font-size: 11pt;
 text-align: right;
 padding-right: 15px;
}

table.editor-grid td.value {
}

table.editor-grid tr.spacing {
 height: 20px;
}

table.editor-grid input {
 padding-right: 5px;
 text-align: right;
 font-size: 11pt;
}

.form-invalid-input {
 background-color: #FF5A51;
 color: White;
}

table.editor-grid select {
 width: 100%;
 font-size: 11pt;
}

table.editor-grid input.checkbox {
 margin-left: 0;
 margin-right: 5px;
 vertical-align: top;
}

.editor-command {
 clear: both;
 text-align: right;
 margin-top: 30px;
 padding-top: 20px;
 border-top-style: solid;
 border-width: 1px;
 border-color: #679b20;
}

.editor-command input {
 color: #606060;
 font-weight: bold;
 font-size: 11pt;
 padding: 5px;
 padding-left: 15px;
 padding-right: 15px;
 margin-left: 10px;
 font-family: Arial, Helvetica, sans-serif;
 background-color: #EDF4E3;
 border-style: solid;
 border-width: 1px;
 border-color: #679b20;
 cursor: pointer;
}

.editor-cancel {
}

.editor-help {
 font-size: 11pt;
 float: right;
 width: 420px;
 margin-bottom: 30px;
}

.editor-help p.click {
 margin-top: 30px;
 font-weight: bold;
}

.editor-help-item {
 display: none;
}

.editor-help-item div.title {
 font-size: 12pt;
 font-weight: bold;
 margin-top: 5px; /* Aligned widht default p */
}

a.editor-help-info {
 font-size: 12pt;
 font-weight: bold;
 text-decoration: none;
 display: block;
 margin-top: 30px;
 background-image: url( '/img/22x22/info.png' );
 background-repeat: no-repeat;
 padding-top: 1px;
 padding-bottom: 1px;
 padding-left: 30px;
}

/* Project description ********************************************************/

.project-description {
 background-repeat: no-repeat;
 padding-left: 60px;
 vertical-align: top;
}

.project-description-real-estate-renting {
 background-image: url(/img/48x48/real-estate-renting.png);
}

.project-description-real-estate-buying {
 background-image: url(/img/48x48/real-estate-buying.png);
}

.project-description-real-estate-sale {
 background-image: url(/img/48x48/real-estate-sale.png);
}

.project-description-stock-market-investment {
 background-image: url(/img/48x48/stock-market-investment.png);
}

.project-description-life-insurance {
 background-image: url(/img/48x48/life-insurance.png);
}

.project-mini-description {
 background-repeat: no-repeat;
 padding-left: 30px;
 vertical-align: top;
}

.project-mini-description h3 {
 padding-top: 2px;
}

.project-mini-description-real-estate-renting {
 background-image: url(/img/22x22/real-estate-renting.png);
}

.project-mini-description-real-estate-buying {
 background-image: url(/img/22x22/real-estate-buying.png);
}

.project-mini-description-real-estate-sale {
 background-image: url(/img/22x22/real-estate-sale.png);
}

.project-mini-description-stock-market-investment {
 background-image: url(/img/22x22/stock-market-investment.png);
}

.project-mini-description-life-insurance {
 background-image: url(/img/22x22/life-insurance.png);
}

/* Guide ********************************************************/

.guide {
}

.guide-step {
 margin-top: 40px;
 padding-top: 0px;
 background-repeat: no-repeat;
 padding-left: 65px;
 cursor: pointer;
}

.guide-step-assumptions {
 background-image: url(/img/48x48/assumptions.png);
}

.guide-step-add-project {
 background-image: url(/img/48x48/add.png);
}

/* Directions ********************************************************/

.directions-content {
}

.directions-content .directions-group {
}

.directions-content .directions-group-parameters h3 {
}

.directions-content .directions-group-costs h3 {
 color: #dc3b42;
}

.directions-content .directions-group-revenues h3 {
 color: #679B20;
}

.directions-content .directions-group-properties h3 {
 color: #036fb3;
}

.directions-content .directions-item {
}

.directions-content h3 {
 font-size: 12pt;
 font-weight: bold;
 margin-top: 10px;
}

.directions-content  p {
}

.directions-content  li {
}

/* Lexicon ********************************************************/

table.lexicon {
}

table.lexicon tr {
}

table.lexicon td {
 padding-bottom: 20px;
 vertical-align: top;
 padding-top: 3px;
}

table.lexicon td.letter {
 /* after td for padding top */
 font-weight: bold;
 font-size: 20pt;
 color: #505050;
 padding-right: 20px;
 padding-top: 0;
}

table.lexicon td a {
 display: block;
}

.lexicon-entry-content {
}

.lexicon-entry-content p {
}

.lexicon-entry-content li {
}