/* *************************************************************
 * CSS for Delta Lloyd formulieren
 ************************************************************* */
INPUT, TEXTAREA {
	border: 1px solid #8C8CB3;
	font-family: verdana;
	font-size: 10px;
}

#previous IMG, #acc IMG {
	cursor: hand;
}

.noborder {
	border: 0;
}

#idAsterisk
{
	COLOR: #332D7C;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bolder;
}

#makeLabelRed
{
	COLOR: #a82020;
}

DIV.clsErrorText
{
    BACKGROUND-COLOR: #aa5b5b;
    COLOR: white;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: right
}
.clsDialog
{
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM: WHITE thin solid;
    BORDER-LEFT: WHITE thin solid;
    BORDER-RIGHT: WHITE thin solid;
    BORDER-TOP: WHITE thin solid;
    MARGIN: 5px 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 100%;
}
.clsDialog .clsDialogHeader
{
    BACKGROUND-COLOR: #003399;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 1px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px
}
.clsDialog .clsDialogLabels
{
    COLOR: #322D7C;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 3px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 3px;
    WIDTH: 30%;
}
.clsDialog .clsDialogBody
{
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left;
    WIDTH: 100%;
}
.clsDialog .clsDialogPolis
{
    BACKGROUND-COLOR: transparent;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 100%;
}

INPUT
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
}
SELECT
{
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt;
}
.clsGegevens
{
    COLOR: white;
    BACKGROUND-COLOR: 79A0CB;
    FONT-FAMILY: Arial;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 16px;
    PADDING-RIGHT: 5px;
    PADDING-TOP: 11px;
    BORDER-STYLE:solid;
    BORDER-WIDTH:0px;
    BORDER-BOTTOM-WIDTH:1px;
    BORDER-BOTTOM-COLOR:#000000;
    WIDTH: 100%
}
.clsGegevens .clsGegevensHeader
{
    BACKGROUND-COLOR: 79A0CB;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-WEIGHT: bold
}
.clsGegevens .clsGegevensBody
{
    BACKGROUND-COLOR: 79A0CB;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    COLOR: white
}
.clsDialog .clsDialogPKBody2
{
	COLOR: #007;
	FONT-FAMILY: Arial;
	FONT-SIZE: 8pt;
	BACKGROUND-COLOR: #dddddd;
	WIDTH:150px;
	PADDING-LEFT: 10px

}
.clsDialog .clsDialogPKBody3
{
	COLOR: #007;
	FONT-FAMILY: Arial;
	FONT-SIZE: 8pt;
	BACKGROUND-COLOR: transparent;
	WIDTH:auto;
	PADDING-LEFT: 10px

}
.clsDialog .clsDialogBody2
{
    COLOR: black;
    BACKGROUND-COLOR: transparent;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    PADDING-LEFT: 10px;
}
.clsDialog .clsDialogLine
{
	  BACKGROUND COLOR: WHITE;
}
.clsProduktSelektie
{
    BACKGROUND-COLOR: transparent;
    MARGIN-LEFT: 15px;
    MARGIN-TOP: 15px;
    WIDTH: 300px
}
.clsProduktSelektie .clsTableHeader
{
    FONT-SIZE: x-small;
    FONT-WEIGHT: bold
}
.clsToelichting
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px
}
.clsToelichting TH
{
    COLOR: #322D7C;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 16px;
    PADDING-TOP: 20px;
    TEXT-ALIGN: left
}
.clsToelichting TD
{
		COLOR: #322D7C;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 16px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 5px
}
.clsDialog .clsDialogLabelsHorizontal
{
    BACKGROUND-COLOR: #8090b9;
    COLOR: white;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    PADDING-LEFT: 5px;
    WIDTH: 20pt
}
.clsDialog .clsDialogLabelsVertical
{
    WIDTH: 100%
}
.clsDialog .clsDialogInput
{
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: LEFT;
}
.clsDialog .clsDialogIcon
{
    BACKGROUND-COLOR: transparent;
    MARGIN-RIGHT: 5px;
    PADDING-LEFT: 5px;
    TEXT-ALIGN: right
}
.clsDialog .clsDialogHeader A
{
    COLOR: white;
    TEXT-ALIGN: right;
    TEXT-DECORATION: underline
}
.clsDialog TABLE
{
}
.clsDialog .clsDialogFillingTable
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 100%
}
#idMain
{
	position: absolute;
	left: 170px;
	top: 0px;
	height:100%;
	FONT-FAMILY: Arial;
	PADDING-LEFT: 15px;
	PADDING-TOP: 10px;
	overflow:auto;
}
.clsStdText
{
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    WIDTH: 567px
}
.clsBodyTable
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 600px
}
.clsBodyTable .clsBodyTableDef
{
    COLOR: #322D7C;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt
}

.clsAsterix
{
    COLOR: red;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt
}
.clsDialog .clsDialogLabelTable
{
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 288px
}
.clsDialog .clsDialogLabelTableLong
{
    WIDTH: 215px
}
.clsTableOutput
{
    COLOR: black;
    FONT-SIZE: 8pt;
    MARGIN-LEFT: 10px;
    WIDTH: 567px
}
#idSessie
{
    BACKGROUND-COLOR: #02349a
}
.clsInfoTitle
{
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.clsInfoText
{
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    WIDTH: 567px
}

/*******************************
 * Errorpagina
 *******************************/
.clsError
{
    TEXT-ALIGN: left
}
.clsError .clsErrorMessage
{
    BACKGROUND-COLOR: #fdca46;
    COLOR: #003399;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.clsErrorPage
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    PADDING-LEFT: 30px;
    PADDING-RIGHT: 10px;
    WIDTH: 550px
}
.clsErrorPage .MainErrorText
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.clsErrorPage .clsErrorText
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: left
}
.clsErrorPage .label
{
    COLOR: #003399;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 5px
}
/*******************************/
.clsSessie
{
    COLOR: 322D7C;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
}
.clsPromText
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
}
.clsPromText A
{
		COLOR: #00f;
		FONT-SIZE: 8pt;
}
.clsPromText A:HOVER
{
    COLOR: #9900CC;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
		FONT-WEIGHT: normal;
		TEXT-DECORATION: underline
}
.clsPromDialog
{
    BACKGROUND-COLOR: transparent;
    /*MARGIN: 5px 0px;*/
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    WIDTH: 100%;
}
.clsPromDialog .clsPromHeader
{
    COLOR: #18007C;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
	padding-top: 20px;
	padding-bottom: 1px;
}
.clsPromDialog .clsSubHeader
{
    BACKGROUND-COLOR: #003399;
    COLOR: white;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 5px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bolder;
}
.clsPromDialog .clsPromInfoIcon
{
	width=10px
}
.clsPromDialog .clsPromFieldLabel
{
    COLOR: #000;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 5px;
    vertical-align: top;
}
.clsPromDialog .clsPromSubFieldLabel
{
    BACKGROUND-COLOR: WHITE;
    COLOR: #322D7C;
}
.clsPromDialog .clsPromFieldErrorLabel
{
    BACKGROUND-COLOR: wHITE;
    COLOR: red;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 5px;
    WIDTH: 250px
}
.clsPromDialog .clsOptionTable
{
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 8pt;
    COLOR: black;
	BACKGROUND-COLOR: transparent;
}
.clsPromDialog .clsPromVoid
{
	FONT-SIZE: 0pt;
	COLOR: WHITE;
	PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 8px;

}
.clsPromDialog .clsPromAlign
{
	COLOR: #322D7C;
	TEXT-ALIGN: LEFT;
	WIDTH: 47%;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 8pt;
	padding-top: 5px;
	vertical-align: top;
}

.clsSelectedPage
{
	BACKGROUND-COLOR: #79A0CB;
	BORDER-BOTTOM: #79A0CB thin outset;
	BORDER-LEFT: #79A0CB thin outset;
	BORDER-RIGHT: #79A0CB thin outset;
	BORDER-TOP: #79A0CB thin outset;
	COLOR: white;
	FONT-WEIGHT: bolder;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none
	WIDTH: 10px

}

.clsPageSubmitted
{
	COLOR:#322D7C;
	BACKGROUND-COLOR: #d8e8fd;
	TEXT-DECORATION: none
	FONT-FAMILY: Verdana;
	FONT-SIZE: 8pt;
	WIDTH: 10px
	CURSOR:HAND;
}

.clsPageSubmitted A:hover
{
	COLOR:#322D7C;
	FONT-WEIGHT: bolder;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none
}

.clsPageNotSubmitted
{

	BACKGROUND-COLOR: #fdca46;
	COLOR: #8090b9;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 8pt;
	TEXT-DECORATION: none
	WIDTH: 10px
}
.clsContent
{
	COLOR:#8090b9;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 8pt;
}

.clsContentTitle
{
	BACKGROUND-COLOR: #322D7C;
	COLOR:#FFFFFF;
	TEXT-ALIGN: center;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bolder;
}

.clsOutputLabel
{
	BACKGROUND-COLOR: #8090b9;
	COLOR: white;
	PADDING-BOTTOM: 6px;
	PADDING-LEFT: 6px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 5px;
	FONT-FAMILY: Verdana;
	FONT-SIZE: 8pt;
	WIDTH: 60%;
	heigth: 100%;
}

.clsOutputHeader
{
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	color: #007;
	background: #dddddd;
	font-family: verdana;
	font-weight: bold;
	border-color: #007;
	border-style: solid;
	border-width: 1;
}
table.tabletoelichting
{
	border-style:none;
	FONT-FAMILY: Verdana;
	font-size: 8pt;
}
select
{
	font-family:Arial;
}
.orgValue
{
	font-family:Arial;
	font-size:8pt;
	padding-right:10px;
}
.reqsymb {
	color:#00f;
}
#html_id_res_sp_adres1
{
  padding-right: 8px;
}
/* *****************************
 * Algemeen
 *******************************/
/***[ required ]***/
.clsIsRequired {
    display: inline;
    color: #284993;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 4px 0px 1px;
}
/***[ tooltip i ]***/
#tooltip {
	position: absolute;
	width: 150px;
	border: 1px solid #333366;
	padding: 2px;
	background-color: #F6F6E9;
	visibility: hidden;
	z-index: 100;
	text-align: left;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

}
.clsTooltip {
    display: inline;
    width: 20px;
    height: 14px;
    background: url(/images/formulieren/icon_help.gif) no-repeat left top;
    vertical-align: bottom;
}
.clsTooltip span {
    display: none;
}
/*******************************/

#knoppenNaPremie {
	display: none;
}
.extrabutton {
	cursor: hand;
}