/* header */
#tests-en-berekeningen .intro h2 {
    background-image: url('/images/cms/tools/header-test-en-berekeningen.gif');
}

/* test-and-tools */
.tests-and-tools {
    position: relative;
    margin: 0 0 5px 0;
    height: 158px;
    width: 697px;
    background: url('/images/cms/tools/tools-and-calculations.gif') no-repeat;
}
    .tests-and-tools a.all-tests {
        display: block;
        position: absolute;
        left: 1px;
        bottom: 18px;
        width: 171px;
        overflow: hidden;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        color: #9eb5d2;
    }
    .tests-and-tools .form-container {
        position: relative;
        float: right;
        width: 509px;
        height: 158px;
    }
    .tests-and-tools h3 {
        padding: 14px 20px 0 0;
        overflow: hidden;
        font-size: 19px;
        font-weight: bold;
        color: #04086D;
        line-height:22px;
    }
    .tests-and-tools img {
        float: left;
        padding: 1px 0 0 3px;
    }
    .question-mark,
    .question-mark-hover {
        position: relative;
        float: right;
        margin: 2px 2px 0 0;
        width: 10px;
        height: 12px;
        background: url('/images/cms/tools/question-mark.gif') no-repeat;
        cursor: pointer;
    }

/* calculation */
.calculation p {
    padding: 0 20px 0 0;
}
.calculation .input-container {
    display: block;
    width: 484px;
}
.calculation .fieldcontainer {
    clear: none;
    overflow: visible;
    float: left;
    width: 227px;
}
.calculation div.field_value2 {
    float: right;
}
    .calculation .fieldcontainer label {
        display: block;
        float: left;
        font-size: 12px;
        font-weight: bold;
        color: #528F22;
    }
    .calculation .fieldcontainer input.text {
        display: block;
        clear: both;
        padding: 4px 0 0 4px;
        width: 219px; /* 223px */
        height: 28px;
        font-size: 18px;
        color: #767676;
    }
    .calculation div.field_value2 input.text {
        color: #c1bfd6;
    }
    .calculation .bf_tool-submit {
        display: block;
        position: absolute;
        bottom: 17px;
        right: 16px;
        text-align: right;
        background: transparent;
        border: none;
        color: #528F22;
        cursor: pointer;
        font-size: 13px;
        font-weight: bold;
        line-height: 18px;
    }
    .calculation .bf_tool-submit:hover {
        text-decoration: underline;
    }

/* do-the-test */
.do-the-test {
    background: url('/images/cms/tools/tools-and-calculations-test.gif') no-repeat;
}
    .do-the-test .fieldcontainer {
        width: 480px;
    }
    .do-the-test label,
    .do-the-test .mpn {
        margin: 0 0 9px 0;
        display: block;
        float: left;
        font-size: 12px;
        font-weight: bold;
        color: #528F22;
		clear: both;
    }
    .do-the-test .mpn {
        float: right;
    }
    .do-the-test select {
        padding: 4px 0 0 5px;
        width: 480px;
        height: 28px;
        border: 1px solid #7E9DB9;
        line-height: 28px;
        font-size: 12px; /*14px*/
        color: #747474;
    }
    select.expand {     
      width: auto; 
    }

    #investor-experience .do-the-test select {
        width: 400px;
    }
    .do-the-test .bf_test-submit {
        display: block;
        position: absolute;
        bottom: 17px;
        right: 16px;
        text-align: right;
        background: transparent;
        border: none;
        color: #528F22;
        cursor: pointer;
        font-size: 13px;
        font-weight: bold;
        line-height: 18px;
    }
	
	#test_submit_prev {
        bottom: 17px;
        right: 450px;
    }
        #investor-experience #test_submit_prev {
            right: 370px;
        }
    #test_submit_next {
        bottom: 17px;
        right: 16px;
    }	
        .do-the-test .bf_test-submit:hover {
            text-decoration: underline;
        }
    .do-the-test a.again {
        display: block;
        position: absolute;
        bottom: 17px;
        left: 0px;
        overflow: hidden;
        text-align: right;
        background: transparent;
        border: none;
        color: #528F22;
        cursor: pointer;
        font-size: 13px;
        font-weight: bold;
        line-height: 18px;
    }

/* small test in article */
.small400 .do-the-test {
    background: url('/images/cms/tools/do-the-test-small.gif') no-repeat;
}

.tests-and-tools.small400 {
	width: 600px;
}
.form-container.small400 {
	width: 400px;
	float: left;
	margin-left: 10px;
}
.field-container.submit_question.small400 {
	width: 400px;
}

div.small400 select {
	width: 400px;
}

.small400.tests-and-tools h3 {
	padding-top: 2px;
}
#test_submit_prev.small400 {
	right: 350px;
	width: 80px;
}
#test_submit_next.small400 {
	right: 5px;
}

/* question-of-the-month */
.question-of-the-month p {
    padding: 15px 10px 0 0;
}
.question-of-the-month h3 {
    padding: 2px 0 10px 0;
}
.question-of-the-month .link-container {
    position: absolute;
    overflow: hidden;
    width: 488px;
    bottom: 17px;
    left: 0;
}
.question-of-the-month a {
    display: block;
    float: left;
    font-weight: bold;
}
    .question-of-the-month a.read-more {
        float: right;
    }

/* enquete */
.enquete {
    background: url('/images/cms/tools/tools-and-calculations.gif') no-repeat;
}
.enquete .link-container {
    position: absolute;
    overflow: hidden;
    width: 494px;
    bottom: 17px;
    left: 0;
}
    .enquete a.read-more {
        float: right;
        font-weight: bold;
    }

/* test overview page */
.back-tests {
    margin: 0 0 10px 0;
    width: 703px;
    overflow: hidden;
}

/* special for investor experience page */
#investor-experience .do-the-test {
    background: url('/images/cms/tools/do-the-test-small.gif') no-repeat;
}
#investor-experience .tests-and-tools {
    width: 606px;
}
#investor-experience .tests-and-tools {
    width: 606px;
}
    #investor-experience .tests-and-tools .form-container {
        width: 420px;
    }
    #investor-experience .do-the-test .fieldcontainer {
        width: 400px;
    }

/* special-calculation */
div.special-calculation {
    position: relative;
}
    div.special-calculation img {
        float: left;
        padding: 1px 0 0 3px;
    }
    div.special-calculation .form-container {
        position: relative;
        float: right;
        height: 158px;
        width: 509px;
    }
    div.special-calculation a.all-tests {
        position: absolute;
        left: 1px;
        bottom: 18px;
        display: block;
        height: auto;
        width: 171px;
        overflow: hidden;
        color: #9EB5D2;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
    }
    div.special-calculation h3 {
        padding: 14px 20px 10px 0;
        color: #04086D;
        font-size: 19px;
        font-weight: bold;
        line-height: 22px;
    }
    div.special-calculation .fieldcontainer {
        width: 480px;
    }
    div.special-calculation label,
    div.special-calculation .mpn {
        display: block;
        margin: 0 0 9px 0;
        float: left;
        color: #852C1B;
        font-size:12px;
        font-weight: bold;
    }
    div.special-calculation select {
        padding: 4px 0 0 5px;
        height: 28px;
        width: 480px;
        border: 1px solid #7E9DB9;
        color: #747474;
        font-size: 14px;
        line-height: 28px;
    }
    div.special-calculation .bf_test-submit {
        position: absolute;
        right: 16px;
        bottom: 17px;
        display: block;
        background: none;
        border: none;
        cursor: pointer;
        color: #7D2A19;
        font-size: 13px;
        font-weight: bold;
        line-height: 18px;
        text-align: right;
    }
    div.special-calculation .mpn {
        float: right;
    }

/* description-window */
.description-window {
    position: absolute;
    overflow: hidden;
    display: none;
    width: 240px;
    top: 100px;
    left: 600px;
    border: 1px solid #1a437d;
    background: white;
    text-align: left;
}
    .description-window h4 {
        padding: 17px 10px 5px 10px;
        font-size: 12px;
        font-weight: bold;
        color: #852c1b;
    }
    .description-window p {
        padding: 0 10px 10px 10px;
    }

/* poll-tool */
.poll-tool {
}
    .poll-tool .fieldcontainer {
        padding: 0 0 0 0;
    }
    .poll-tool .result,
    .poll-tool .field_bf_poll {
        width: 480px; /* 480px */
    }
    .poll-tool .field_bf_poll label {
        padding-left: 7px;
    }
    .poll-tool .result-container .answer {
        width: 320px; /* 400px */
    }
    .poll-tool .form-container p {
        width: auto;
        color: #04086D;
        font-size: 19px;
        font-weight: bold;
        line-height: 17px;
        padding: 14px 0 10px;
    }
    .poll-tool .bf_poll-submit:hover {
        text-decoration: underline;
    }
    .poll-tool .poll-submit-container {
        border: none;
        bottom: 18px;
        position: absolute;
        right: 19px;
    }
    .poll-tool .bf_poll-submit {
        background: none;
        border: none;
        color: #528F22;
        cursor: pointer;
        font-size: 13px;
        font-weight: bold;
        line-height: 18px;
    }
    .poll-tool .result-container .answer {
        display: block;
        float: left;
        overflow: hidden;
    }
    .poll-tool .result-container .percentage {
        font-weight: bold;
        color: #528F22;
    }

.RegisterErrors {
	margin-bottom: 4px;
	padding: 0px;
	line-height: 0px;
}
form .errorSurvey {
	color:red;
	margin-top: 4px;
	margin-bottom: 0px;
}