body 
{
	/*background-image:url(../images/bg_lancyr.gif); */
	text-align: left;
	font-family:Verdana;
	font-size:11px;

	color: Black;
	margin: 0px;

	padding-bottom:0px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 0px;
	padding-right:0px;
	
}

.cts_sitecanvas
{
	position:relative;
	width:1004px;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
}

a
{
	color: #9b0275;
}

a:hover
{
	color: #9b0275;
}

#framework_wait
{
	margin-left : auto;
	margin-right: auto;
        width: 100%;
	height: 32px;
	top:200px;
	position:absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-image:url("../gfx/ajax-loader3.gif");
	z-index:9999;
}

#framework
{
	text-align: left;
}

.fw_obj
{
	clear:both;
}

div
{
	border: solid 0px black;
}

/* premievergelijking kolombreedte */
.property .inputdekprop,
.propertypvl .value,
.propertypvlgrey .value,
.propertypvl .valueselected,
.propertypvlgrey .valueselected,
.propertypvl .valueprinf, 
.propertypvl .valueprinfselected,
.propertypvl .valuenetto,
.propertypvl .valuenettoselected,
.property_keuze .propertypvl .value,
.property_keuze .propertypvl .valueselected,
.propertypvl .caption,
.propertypvlgrey .caption,
.renderTotaal .property_88851 .value,
.renderTotaal .property_88851 .valueselected
{
	width:161px;
}

.region___base .display
{
	display:none;
}

.dividerline,
.region .display
{	
	color: #000000;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;	
	margin-bottom:5px;
	border-bottom: 1px solid #f0d9eb;
}

.content
{
	/*width: 1800px;*/
}

.region_close
{
	border-bottom: 1px solid #f0d9eb;
	clear:both;
	height:5px;
}

.region,
.regionbase
{
	clear:both;
}

/* Region 2 */

.region2
{
	clear:both;
}

.region2 .display
{	
	color: #000000;
	font-size:11px;
	font-weight:bold;
	padding-top:15px;	
	margin-bottom:5px;
}

.region_Gegevenspartner .region2 .display
{
	padding-top: 0px;
}

/* End Region 2 */

.property
{
/*	width:100%; < geeft horizontale scrollbar in IE7! waarom is dit nodig??? */
	clear:both;
	
}

.propertyinput
{
	float:left;
}
input[readonly='readonly'] 
{
	background-color: #eeeeee;
	border-width: 1px;
	padding-bottom:1px;
	padding-top:1px;
	vertical-align: middle;
	margin-right: 2px;
	font-size: 12px;
}

.property .input, .property .inputdekprop
{
	float: left;
	display:table-cell;
	vertical-align: middle;
	padding-bottom:1px;
	padding-top:1px;
	margin-right: 2px;
}

.property .controlerror
{
	border-top: 1px solid #e77777;
	border-left: 1px solid #f8d5d5;
	border-right: 1px solid #f6cbcb;
	border-bottom: 1px solid #f8dada;	
}
.property .control
{
	float: left;
	font-size: 12px;
}
.property .caption
{
	width: 326px;
	float: left;
	vertical-align:middle;
	text-align: right;
}
.property .extrainfo
{
	font-style: italic;
	float: left;
	margin-right: 20px;
	margin-left: 2px;
}

.property .inputdekprop
{
	padding-top:0px;
}	
.property .inputdekprop .control
{
	float:right;
}	

.property_web_html .html
{
	clear: both;
	width: 95%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.dekkingproperty
{
	clear: both;
	border-bottom: 1px solid #f0f0f0;
}

.dekkingproperty .property .input
{
	float: left;
	min-width: 300px;
	text-align: left;
}

.dekkingproperty .property .premie
{
	clear: none;
	float: left;
	text-align: left;
	line-height: 22px;
}

.dekkingproperty .property .premnetto
{
	float: left;
	text-align: left;
	line-height: 22px;
}

.showprops 
{
	clear: both;
}

.property .error
{	
	float: left;
	width: 20px;
	/*	
	background-image: url("../images/ball_error.gif");
	*/
}
.property .errormessage
{
	clear: both;
	color: Red;
	font-size: smaller;
}
.property .errormessageonly
{
	margin-left: 388px;
}

.property .required
{
	float: left;
	color: #9c0176;
	margin-left:3px;
	font-family:Arial;
	font-size:1.2em;
	line-height:1.4em;
}
.property .info
{			
		float: left;
		width: 16px;
		height: 16px;
		background-image: url("../images/ball_tooltip.png");
		margin-left:6px;				
		background-repeat: no-repeat;
		cursor: pointer;
}
.property .info:hover
{
		background-position: 0 -16px;
		background-repeat: no-repeat;
		cursor: pointer;
}
.propertyinfo .control
{
	float: left;
	font-size: 12px;
}
.propertyinfo .caption
{
	clear: both;
	float: left;
	font-weight : bold;
	vertical-align:middle;
	text-align: right;
}
.propertyinfo .input
{
	margin-left : 5px;
	float: left;
}

/* Pakket scherm */
.pakket_polissen_nieuw
{
	clear: both;
	width: 95%;
}

.pakket_rubriek,
.pakket_rubriek_selected
{
	background-color: #a48d5a;
	padding: 2px;
	margin-top: 2px;
	height: 1.5em;
	cursor: pointer;
}
#pakket_rubriek_polis
{
	clear: both;
	background-color: #d6be88;
	padding: 2px;
	margin-top: 2px;
	height: 1.5em;
}
#pakket_rubriek_polis .display
{
	float: left;
	height: 1.5em;
}
#pakket_rubriek_polis .button
{
	float: right;
	color: #fff;
	background-color: #003366;
	height: 1.5em;
	padding-left: 4px;
	padding-right: 4px;
	cursor: pointer;
}
#pakket_rubriek_polis .button:hover
{
	color: #a48d5a;
}

/* Toe te voegen deel */

#pakket_polissen_toegevoegd
{
	border: 0px;
	border-spacing: 0px;
	width: 95%;
	padding: 0;
	margin: 0;
}
#pakket_polissen_toegevoegd .toegevoegd_display
{
	width: 60%;
}
#pakket_polissen_toegevoegd .toegevoegd_edit,
#pakket_polissen_toegevoegd .toegevoegd_del
{
	float: left;
	cursor: pointer;
	color: #a48d5a;
}
#pakket_polissen_toegevoegd .toegevoegd_premie
{
	text-align: right;
}

/* Bestaand pakket deel */
#pakket_polissen_bestaand
{
	border: 0px;
	border-spacing: 0px;
	width: 95%;
	padding: 0;
	margin: 0;
}
#pakket_polissen_bestaand th,
#pakket_polissen_bestaand .title_premie
{
	font-weight: bold;
	text-align: left;
}
#pakket_polissen_bestaand .toegevoegd_nr
{
	width: 15%;
}
#pakket_polissen_bestaand .toegevoegd_display
{
	width: 45%;
}
#pakket_polissen_bestaand .toegevoegd_premie
{
	text-align: right;
}

/* -------------------- */


.premiedeel
{
	margin-top: 1em;
	margin-bottom: 2em;
	width: 95%;
}
.premie
{
	clear: both;
}
.premie_caption
{
	float: left;
	font-weight: bold;
}
.premie_amount
{
	float: right;
}

.premie_IncTermijn
{
	clear: both;
}
.premie_property
{
	clear: both;
	width: 95%;
	margin-top: 5px;
	margin-left: 5px;
}
.premie_property .caption
{
	font-weight: bold;
	float: left;
}
.premie_property .input
{
	float: right;
}
.premie_property .required
{
	float: left;
	color: #003366;
}
.premie_property .error
{
	float: left;
	width: 0px; /*20px;*/
}
.premie_property .info
{
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	width: 16px;
	height: 16px;
	background-image: url("../images/ball_tooltip.png");
	background-position: 0 center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.premie_property .info:hover
{
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	width: 14px;
	height: 13px;
	background-position: -20px center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.premie_property .extrainfo
{
	font-style: italic;
	float: left;
	margin-right: 20px;
	margin-left: 2px;
}

/* ---------------------------------- */
.buttonbar
{
	clear: both;
	margin-top:5px;
	padding-top: 5px;
}
.buttonbar .buttonbar_middle, 
.buttonbarleft .buttonbar_middle
{
	float: left;
	width : 20px;
}
.buttonbarleft
{
	clear: both;
	float: left;
}
.button_hyperlink
{
	margin-left: 10px;
	float: left;
	cursor : pointer;
	text-decoration: underline;
	color:#9b0275;
}

/* losse buttons */
.button
{
	float: right;
	cursor : pointer;
}

.button .button_left
{
	float: left;
	width: 9px;
	height: 30px;
	background-image: url("../gfx/button_left.png");
	background-repeat: repeat-x;
}
.button .button_middle
{
	float: left;
	background-image: url("../gfx/button_middle.png");
	height: 30px;
	line-height:2.6em;
	color:White;
}
.button .button_right
{
	background-image: url("../gfx/button_right.png");
	width: 8px;
	float: left;
	height: 30px;
}
button  
{
	float: left;
	margin-right: 4px;
	margin-top: 6px;
	width: auto; 
	overflow: visible; 
	border: 0; 
	cursor: pointer; 
	padding: 0 5px 0 0; 
	text-align: center;
	background-color: Transparent;
}
button span  
{
	position: relative; 
	display: block; 
	white-space: nowrap; 
	padding: 0 0 0 5px; 
}
button.btn
{ 
	height:30px; 
	background-image: url(../gfx/buttonright.png);
	background-repeat: no-repeat; 
	background-position: right top;
}
button.btn span 
{ 
	height:30px; 
	line-height:30px;
	background-image: url(../gfx/buttonleft.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: white;
}
button.btn:hover 
{
	background-position: right -30px; 
}
button.btn:hover span 
{
	background-position: left -30px; 
}
/* einde losse buttons */

.buttonnext
{
		float: right;		
		cursor : pointer;
		padding-left:1px;
		padding-right:1px;		
		color:White;
}
.buttonnext .button_left
{
		float: left;
		width: 9px;
		height: 30px;
		background-image: url("../gfx/button_left.png");
		background-repeat: repeat-x;
}
.buttonnext .button_middle
{
		float: left;
		background-image: url("../gfx/button_middle.png");
		height: 30px;
		line-height:2.6em;
}
.buttonnext .button_right
{
		background-image: url("../gfx/button_right.png");
		width: 8px;
		float: left;
		height: 30px;
}

.buttonprev
{
		cursor : pointer;
		padding-left:1px;
		padding-right:1px;
		font-size:0.9em;
		color:#9b0275;
		font-weight:bold;
}

.buttonprev .button_left
{		
		background-image: url("../gfx/button_left.png");
		width: 9px;
		float: left;
		height: 30px;
}
.buttonprev .button_middle
{
		float: left;
		padding-left:5px;
		padding-right:5px;
		text-decoration:underline;
}

.buttonprev .button_middle img
{
	vertical-align: middle;
	padding-right:2px;
}

.buttonprev .button_right
{
		float: left;
}

.button_disabled
{
		float: left;
		height: 21px;
		cursor : default;
}
.button_disabled .button_left
{
		float: left;
		width: 5px;
		height: 21px;
}
.button_disabled .button_middle
{
		float: left;
		height: 21px;
		background-color: #eeeeee;
}
.button_disabled .button_right
{
		width: 15px;
		float: left;
		height: 21px;
}
.buttonprev_disabled
{
		float: left;
		height: 21px;
		cursor : default;
}
.buttonprev_disabled .button_left
{
		float: left;
		width: 5px;
		height: 21px;
}
.buttonprev_disabled .button_middle
{
		float: left;
		height: 21px;
		background-color: #eeeeee;
}
.buttonprev_disabled .button_right
{
		width: 15px;
		float: left;
		height: 21px;
}
.buttonnext_disabled
{
		float: left;
		height: 21px;
		cursor :  default;
}
.buttonnext_disabled .button_left
{
		float: left;
		width: 5px;
		height: 21px;
}
.buttonnext_disabled .button_middle
{
		float: left;
		height: 21px;
		background-color: #eeeeee;
}
.buttonnext_disabled .button_right
{
		width: 15px;
		float: left;
		height: 21px;
}
.buttonimage
{
		cursor : pointer;
		padding-left:1px;
		padding-right:1px;
		font-size:0.9em;
		color:#9b0275;
		font-weight:bold;
}

.buttonimage .button_left,
.buttonimage .button_right
{
		float: left;
}

.buttonimage .button_middle
{
		float: left;
		padding-left:5px;
		padding-right:5px;
		text-decoration:underline;
}

.buttonimage .button_middle img
{
	vertical-align: middle;
	padding-right:2px;
	text-decoration:none;
}

.buttonbar_buttonBarTop
{
		background-image: url("../gfx/linegrey.png");
		background-repeat:repeat-x;
}

.stappen
{
	clear: both;
}
.stappen .buttonbar_left
{
}
.stappen .buttonbar_middle
{
	float: left;
	width : 20px;
}
.stappen .buttonbar_right
{
}

.step
{
	float: left;
	height: 26px;
	cursor : pointer;
	padding-bottom: 15px;
}

.step .step_left
{
	float: left;
	height: 26px;
	background-image: url("../gfx/linetop_leftbg.png");		
	width: 5px;
}

.step .step_middle
{
	float: left;
	background-image: url("../gfx/linetop_bg.png");
	height: 26px;
	text-align:center;				
	line-height:2em;
	color:#999999;
	font-weight:bold;
}

.step .step_right
{
	width: 5px;
	float: left;
	height: 26px;
	background-image: url("../gfx/linetop_rightbg.png");
	padding-left:40px;
	background-repeat:no-repeat;
}

.step_selected
{
	float: left;
	height: 26px;
	cursor : pointer;
	padding-bottom: 5px;
}
.step_selected .step_left
{
	float: left;
	height: 26px;
	background-image: url("../gfx/linetop_leftbg.png");		
	width: 5px;
}

.step_selected .step_middle
{
	float: left;
	background-image: url("../gfx/linetop_bg.png");
	height: 26px;
	color:#cc269c;
}

.step_selected .step_right
{
	width: 5px;
	float: left;
	height: 26px;
	background-image: url("../gfx/linetop_rightbg.png");
	background-repeat:no-repeat;
}

/* Menu system */
.menu
{
	clear: both;
}

ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
/*	background-image: url("../gfx/layout/menu/buttonbg.png");
	border: 1px solid #8b919f;
	border-top: 1px solid #b6bccc;
	border-left: 1px solid #b6bccc;*/
	background-color: #9a0174;
	height: 20px;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}
ul.jd_menu_vertical {
	width: 300px;
}
ul.jd_menu_vertical li {
	float: none;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}


ul.jd_menu ul,
ul.jd_menu_vertical ul {
/*		background-color: #dde8f4;
	border: 1px solid #8b919f;
	border-top: 1px solid #b6bccc;
	border-left: 1px solid #b6bccc;*/
	background-color: #f3f4f6;
	height: 20px;
}

ul.jd_menu_vertical {
	height: auto;
}
ul.jd_menu ul {
	height: auto;
}
* html ul.jd_menu ul {
	width: 1%;
}
ul.jd_menu li {
	font-family: sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	
	line-height: 14px;
	
	margin: 0px;
	padding: 4px 7px 3px 7px;
	height: 13px;
	
	cursor: pointer;
	white-space: nowrap;
}
ul.jd_menu li li {
	width: 200px;
}

ul.jd_menu li a {
	color: #fff;
	text-decoration: none;
}

ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active {
	background-color: #c9add8;
} 

ul.jd_menu li.jdm_hover a {
	color: #000;
    /*padding: 3px 6px 2px 6px;
	border: 1px solid #369;
	border-left: 1px solid #9CF;
	border-top: 1px solid #9CF;*/
}

/* wait message */
#framework_wait div.framework_wait
{
	border: 1px solid #eeeeee;
	color: #ffffff;
	font-family: Verdana;
	font-size: 0.8em;
	font-weight: bold;
	vertical-align : middle;
	text-align : center;	
	background-color: #ff9600;
	position: absolute ;
	margin-left: -50px;
	top: 0px;
	left: 50px;
	width: 100px;
}
#framework_wait>div.framework_wait {position: fixed}

/* Dialogs */
#framework_dialog
{
	display:none;
	position: fixed;
	_position: absolute;  /* hack for IE 6 */
	padding: 10px;
	overflow: auto;
	background: #f2f2f2;
	border:2px solid #cecece;   
	z-index:10001;
}

#framework_dialog_background
{
	display: none;
	position: fixed;
	_position:absolute; /* hack for IE 6 */
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #000000;
	border: 1px solid #cecece;
	z-index:10000;
}

#framework_dialog .box
{
	display: block;
}

#framework_dialog .title
{
	float: left;
	display: block;
	color: #21517b;
	font-size: 1.2em;
	padding: 0 0 5px 0px;
	font-weight: bold;
}

#framework_dialog .closebox
{
	float: right;
	width: 13px;
	height: 12px;
	background: url(../gfx/close.png) no-repeat;
	background-position: 0 0;
	cursor: pointer;
	display: block;
}
#framework_dialog .closebox:hover
{
	background-position: 0 -12px;
}

#framework_dialog .content
{
	clear: both;
	min-height:100px;
}

#framework_dialog .content li
{
	margin-left: 1em;
}

#framework_dialog .buttons
{
	display: block;
	clear: both;
	text-align: center;
}

#framework_dialog .box .buttons .btn
{
	float:none;
}

#framework_dialog .content .caption
{
	width: 100px;
}
/* ------------ */

/* ui widgets */
/* Overlays */
.ui-widget-overlay  
{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	}
.ui-widget-overlay  
{
	/*background: #aaaaaa url(ui/images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x;*/
	opacity: .30;
	filter:Alpha(Opacity=30); }
.ui-widget-shadow  
{
	margin: 5px 0 0 5px; 
	padding: 0px; 
	/*background: #999999 url(ui/images/ui-bg_flat_55_999999_40x100.png) 50% 50% repeat-x; */
	opacity: .45;
	filter:Alpha(Opacity=45); 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }
/* Tabs */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel 
{
/*	float: left;*/
    /*font-size: 12px;*/
}
.ui-tabs-nav {
	clear: both;
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #6d6d6d;
    font-weight: bold;
/*    line-height: 1.2;*/
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .close
{
	display:none;
}

.ui-tabs-nav .closeall
{
	background: url(../gfx/layout/tab/closeall.png) no-repeat;
	background-position: 0 bottom;
	height: 18px;
	width: 12px;
	cursor: pointer;
	display: none;
	min-width: 16px;
}
.ui-tabs-nav .closeall:hover
{
	background-position: -16px bottom;
	height: 18px;
	width: 12px;
	cursor: pointer;
	display: none;
	min-width: 16px;
}

.ui-tabs-nav .dock
{
	float: left;
	background: url(../gfx/layout/tab/dockleft.png) no-repeat;
	background-position: 0 bottom;
	width: 12px;
	height: 18px;
	cursor: pointer;
	display: none;
	min-width: 16px;
}
.ui-tabs-nav .dock:hover
{
	float: left;
	background-position: -16px bottom;
	width: 12px;
	height: 18px;
	cursor: pointer;
	display: none;
	min-width: 16px;
}

.ui-tabs-nav .docked
{
	background: url(../gfx/layout/tab/dockright.png) no-repeat;
	background-position: 0 bottom;
	width: 12px;
	cursor: pointer;
	display: none;
	min-width: 16px;
}
.ui-tabs-nav .docked:hover
{
	background-position: -16px bottom;
	width: 12px;
	cursor: pointer;
	display: none;
	min-width: 16px;
}

.ui-tabs-nav .ui-tabs-selected .display
{
	float:left;
	padding-right: 15px;
}
.ui-tabs-nav .ui-tabs-selected .close
{
	float: left;
	background: url(../gfx/layout/tab/closetab.png) no-repeat;
	background-position: right top;
	width: 13px;
	height: 12px;
	cursor: pointer;
	display: block;
	
}
.ui-tabs-nav .ui-tabs-selected .closehover
{
	float: left;
	background-position: right -12px;
	width: 13px;
	height: 12px;
	cursor: pointer;
	display: block;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
/*    padding: 1em 8px;*/
	padding-top: 1px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* dialog
/* Dialog
----------------------------------*/
.ui-dialog  
{
	position: relative; padding: .2em; width: 300px; 
	background-color: White;
	
}
.ui-dialog-titlebar 
{
	font-size: 100%; font-weight: bold; text-align: left;
	/*background-image: url(/jqgrid/headerbg.gif); */
	background-color: #90b5da;
	color: #ffffff;
	width: 100%;
	height: 20px;
	padding: 2px;
	padding-left: 1em;
	padding-top: 3px;
	white-space: nowrap;

}
.ui-dialog-overlay  
{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
	background: #aaaaaa url(ui/images/ui-bg_flat_75_aaaaaa_40x100.png) 50% 50% repeat-x; 
	opacity: .30;
	filter:Alpha(Opacity=30);
}

.ui-dialog-title 
{
	 float: left; margin: .1em 0 .2em; 
} 
.ui-dialog-titlebar-close  
{
	position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; 
}
.ui-dialog-titlebar-close span  
{
/*	margin: 1px;*/
	width: 0px;
	height: 0px;
	font-size: 0px;
	display: none; /* niet weergeven "close" anchor */
}
.ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:focus  
{
/*	padding: 0; */
}
.ui-dialog-content  
{
	border: 0; padding: .5em 1em; background: none; overflow: auto;
}
.ui-dialog-buttonpane  
{
	text-align: left; border-top: 1px solid #90b5da; background-image: none; margin: .5em 0 1em 0; padding: .3em 1em .5em .4em; 
}
.ui-dialog-buttonpane button  
{
	float: left; margin: .5em .4em .5em .5em; cursor: pointer; padding: .2em .6em .2em .6em; line-height: 1.4em; width:auto; overflow:visible; 
}
.ui-dialog .ui-resizable-se  
{
	width: 14px; height: 14px; right: 3px; bottom: 3px; 
}
.ui-draggable .ui-dialog-titlebar  
{
	cursor: move; 
}

/* JqGrid */
.grid
{
	clear: both;
	border-top: 1px solid #b6bccc;
	border-left: 1px solid #b6bccc;
	border-right: 1px solid #8b919f;
	border-bottom: 1px solid #8b919f;
}

.grid .GridHeader {
	display: none;
}
.grid .Header {
/*	width: 100%;*/
}
.grid .Header th { 
	font-weight: bold;
	height: 20px;
	text-align: left;
	/*background-color: #abc7e3;*/
	background-color: #c9add8;
	border-bottom: 1px solid #8b919f;
	color: #fff;
	width: 100%;
	white-space: nowrap;
}

.grid .HeaderLeft { 
	/*background-color: #abc7e3;*/
	background-color: #c9add8;
	border-bottom: 1px solid #8b919f;
/*	background-image: url(jqgrid/headerleft.gif);*/
}

.grid .HeaderRight { 
/*	background-color: #abc7e3;*/
	background-color: #c9add8;
	border-bottom: 1px solid #8b919f;
/*	background-image: url(jqgrid/headerright.gif);*/
}

.grid .HeaderButton, .grid .HeaderButton2 {
/*	background-color: #abc7e3;*/
	background-color: #c9add8;
	border-bottom: 1px solid #8b919f;
/*	background-image: url(jqgrid/headerbg.gif);*/
}

.grid .HeaderButton div.headerbtn{
	width: 13px;
	height: 12px;
	margin: 1px;
}

.grid .HeaderButton2 div.showhidecols
{
	width: 13px;
	height: 12px;
	margin: 1px;
	background-image: url(../gfx/layout/grid/eye.png);
	background-position: 0 center;
	background-repeat: no-repeat;
}
.grid .HeaderButton2 div.showhidecols:hover
{
	background-position: -13px center;
}

.grid .HeaderButton div.btnup
{
	background-image: url(../gfx/layout/grid/arrowup.png);
	background-position: 0 center;
	background-repeat: no-repeat;
}
.grid .HeaderButton div.btnup:hover
{
	background-position: -13px center;
}

.grid .HeaderButton div.btndown
{
	background-image: url(../gfx/layout/grid/arrowdown.png);
	background-position: 0 center;
	background-repeat: no-repeat;
}
.grid .HeaderButton div.btndown:hover
{
	background-position: -13px center;
}


.grid .HeaderLeft img{
	width: 10px;
}

.grid .HeaderRight img{
	width: 10px;
}
.grid .GridHeader table {margin:0;}
.grid .GridHeader td, tr {padding:0;}

/* Grid */
.grid table.scroll {
	/*border-right: 1px solid #D4D0C8;	*/
	table-layout: fixed;
	margin-bottom :0px;
}

.grid table.scroll tbody tr {
	background-color: #ffffff;
}

.grid table.scroll tbody tr.alt{
	background-color: #F9F9F9;
}
	
.grid table.scroll tr.over td{
	background-color: #edf3f9;
}
	
	
.grid table.scroll tr.selected td {
	background-color:#dde8f4;
}

.grid table.scroll tbody td  {
	padding: 2px;
	text-align: left;
	border-left: 1px solid #D4D0C8;
	border-bottom: 1px solid #D4D0C8;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height : auto;
}

.grid table.scroll thead th  {
	/*vertical-align: top;*/
	padding: 2px;
	border-left: 1px solid #CBC7B8; 
	border-bottom: 1px solid #CBC7B8; 
	text-align: left;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	background-image: url(jqgrid/grid-blue-hd.gif);
	background-repeat: repeat-x;
	height: 17px;
}
/*.grid table.scroll thead tr th div img {
	width: 9px;
}*/
	
.grid table.scroll th div {
	overflow: hidden;
	white-space: nowrap;
	height : 17px;
	word-wrap: break-word;
}

.grid table.scroll th span {
	cursor: e-resize;
	width: 10px;
	float: right;
	display: block;
	margin: -2px -1px -2px 0px;
	height: 17px;
	overflow: hidden;
	white-space: nowrap;
}	
.grid table.scroll thead {
}
.grid .searchinput /*.grid table.filtertable input*/
{
	overflow: hidden;
	height: 14px;
	font-size: 11px;
}

.grid #_empty td
{
	height: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0px;
}

.grid table.scroll .open
{
	width: 55px;
	height: 16px;
	background-image: url(../gfx/layout/grid/row_edit.png);
	background-repeat: no-repeat;
	background-position:center;
	cursor: pointer;
}

/* JQModal + modal window for JQGrid */

.jqmWindow {
    display: none;
    
    position: fixed;
    width: 600px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.modaltext{
    text-align : left;
}
.modalwin{
    border:1px solid #555555;
    background:#F9F9F9;
    text-align:left;
    margin: 0 auto;
	overflow: auto;
}

.modalhead {
	background-color:	#EAEBEE;
	background-image:url(images/sprite.png);
	background-repeat:repeat-x;
	background-attachment:scroll;
	background-position:0 -1505px ;

	height: 20px;
}
.modalcontent {
	overflow: auto;
	margin-bottom: 9px;
	margin-left: 5px;
}

img.jqResize {
	position:absolute;
	bottom: 0px;
	right: 0px;
	cursor :se-resize;
}

/* End Grid */

/* Pager */
.grid div.pager_wf 
{
	font-size: small;
}
.grid div.pager_wf
{
	font-size: x-small;
	text-align: center;	
	white-space: nowrap;
	background-image: url(jqgrid/grid-blue-ft.gif);
	background-position:bottom;
	background-repeat: repeat-x;
	display : none;	
	overflow: hidden;
}

.pager
{
	margin: auto; /* Fixes Firefox bug, text-align=center doesn't work */
}

.pager td
{
	vertical-align: middle;
}

#first.ena
{
	background-image: url(../gfx/layout/grid/firstrecord.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
}
#first.ena:hover
{
	background-position: -14px center;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
}

#first.disa
{
	background-image: url(../gfx/layout/grid/firstrecord_disabled.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 14px;
	height: 13px;
}
#prev.ena
{
	background-image: url(../gfx/layout/grid/prevrecord.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
}
#prev.ena:hover
{
	background-position: -14px center;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
}
#prev.disa
{
	background-image: url(../gfx/layout/grid/prevrecord_disabled.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 14px;
	height: 13px;
}
#next.ena
{
	background-image: url(../gfx/layout/grid/nextrecord.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
}
#next.ena:hover
{
	background-position: -14px center;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
}
#next.disa
{
	background-image: url(../gfx/layout/grid/nextrecord_disabled.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 14px;
	height: 13px;
}
#last.ena
{
	background-image: url(../gfx/layout/grid/lastrecord.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
}
#last.ena:hover
{
	background-position: -14px center;
	background-repeat: no-repeat;
	width: 14px;
	height: 13px;
}
#last.disa
{
	background-image: url(../gfx/layout/grid/lastrecord_disabled.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 14px;
	height: 13px;
}
.grid .fulltext_caption
{
	margin-top: 5px;
	margin-left: 5px;
	float: left;
}
.grid .fulltext
{
	margin-top: 2px;
	margin-left : 5px;
	float:none;
	width: 450px;
}
.grid div.pager_wf span {
	font-size: x-small;
}
.grid div.pager_wf .selbox {
	font-size: x-small;
}
.grid div.pager_wf input.selbox{
	font-size: x-small;
}
.grid div.pager_wf .nav-table-left {
	padding:1px;
	float: left;
	margin-top:2px;
}
.grid div.pager_wf .nav-table-right {
	padding:1px;
	float: right;
	margin-top:2px;
}
.grid table.navtable {margin-bottom:0; width: auto;}
.grid table.navtable tr{
	background-image: url(jqgrid/grid-blue-ft.gif);	
}

.grid div.pager_wf table.navtable td.nav-button {
/*	margin-top:2px;*/
	border: 1px solid #E2ECF8;
	white-space: nowrap;
}

.grid div.pager_wf table.navtable td.nav-hover {
	border: 1px solid #83B4D8;
}

.grid div.pager_wf table.tbutton tr td{
	border : none;
	padding:0px;
}

.grid div.pager_wf img.jsHover { /*not used */
	border: 1px solid #99CCFF;
}
/* End Pager */
/*multiselect checkbox */
.grid #grid .cbox {
	height: 10px;
	width: 10px;
	/*border:1px solid #999;*/
}
/* end multiselect */


/* loading div */
.grid div.loading {
	position:absolute;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	color: white;
	display: none;
	height: 32px;
	width: 32px;
	background-position: center;
	background-repeat: no-repeat;
	background-image:url("../gfx/ajax-loader3.gif");

}

.grid div.loadingui {
	display:none;
	z-index:6000;
	opacity:0.1;
	-moz-opacity: 0.1;
	filter: alpha(opacity=10);
	background-color:#000;
	position:absolute;
}
/* toolbar */
div.userdata 
{
	clear: both;
	margin-top: 0px;
	background-color : #edf3f9;
	border-bottom: 1px solid #8b919f;
	overflow: hidden;	
}

div.userdata .fts
{
	width: 600px;	
}
/* end toolbar */



/* end loading div */

/* start contextmenu */
/* Windows Vista Theme */
/* =================== */
.context-menu-theme-vista {
	background:#FAFAFA url(cmenu-vista-bg.gif) repeat-y left top;
	border:1px solid #868686;
}
.context-menu-theme-vista .context-menu-item {
	text-align:left;
	cursor:pointer;
	color:black;
	font-family:Tahoma,Arial;
	font-size:11px;
}
.context-menu-theme-vista .context-menu-separator {
	margin:0px 0px 0px 32px;
	font-size:0px;
	border-top:1px solid #C5C5C5;
	border-bottom:1px solid #F5F5F5;
}
.context-menu-theme-vista .context-menu-item-hover {
	background:transparent url(cmenu-vista-menu-item-hover.gif) repeat-x left center;
	border:1px solid #D7D0B3;
}
.context-menu-theme-vista .context-menu-item .context-menu-item-inner {
	padding:4px 16px 4px 35px;
	margin-left:1px;
	background-color:none;
	background-repeat:no-repeat;
	background-position:3px center;
	background-image:none;
}
.context-menu-theme-vista .context-menu-item-hover .context-menu-item-inner {
	padding:3px 15px 3px 35px;
	margin-left:0px;
}
.context-menu-theme-vista .context-menu-item-disabled {
	color:#A7A7A7;
} 
/* end context menu */

/* Special propertycontrols */

/* Start Kenteken */
.property_10033 .property
{
	width: 100%;
}
.property_10033 .property .caption
{
	clear:both;	
	text-align: right;
}

.property_10033 .property .caption
{
	text-align: right;
	clear:both;	
}

.property_10033 .property .input
{
	font-weight:bold;
	width: 200px;
	height : 44px;
	font-size : 20px;
	float: left;
	background-image: url("../images/kenteken.gif");
	background-repeat: no-repeat;
}
.property_10033 .input input
{
	font-weight:bold;
	width: 175px;
	margin-top: 3px;
	margin-left: 20px;
	border: 0px;
	text-align: center;
	background-color : Transparent;
	font-size : 30px;
}

.property_10033 .kentekenonbekend .Switch
{
	float: left;
	cursor: pointer;
	margin-left: 10px;
	
}
.property_10033 .kentekenbekend .Switch
{
	float: left;
	margin-top: 15px;
	margin-left:10px;
	cursor: pointer;	
}

/* End Kenteken */


.renderAfgebroken
{
	clear:left;
	padding-top:15px;
}

.propertypvl,
.propertypvlgrey
{
	width:100%;
	/*overflow: hidden;*/
}

.propertypvl .values,
.propertypvlgrey .values
{
		float: left;
		/*height:12px;*/
}

.propertypvl .value,
.propertypvlgrey .value,
.propertypvl .valueselected,
.propertypvlgrey .valueselected,
.propertypvl .valueprinf, 
.propertypvl .valueprinfselected
{
	float: left;

	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;

	/*
	padding-top: 1.5em;
	margin-top: -1.6em;

	padding-top: 0.3em;
	margin-top: -0.45em; 	
	*/
	
	padding-top: 0.3em;
	margin-top: -0.45em; 	
	
	margin-bottom: -2.25em;
	padding-bottom: 2.3em;
	
	/*
	margin-bottom: -1em;
	padding-bottom: 0.65em;
	*/

	text-align: right;
	border-right: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;		
	margin-right:2px;
	margin-left:2px;
}

.propertypvl .valueselected,
.propertypvlgrey .valueselected
{
	background-color: #f9e6ef;
}


.productinformatie .propertypvl .value,
.productinformatie .propertypvlgrey .value,
.productinformatie .propertypvl .valueselected,
.productinformatie .propertypvlgrey .valueselected,
.productinformatie .propertypvl .valueprinf, 
.productinformatie .propertypvl .valueprinfselected
{
	margin-bottom: -1em;
	padding-bottom: 0.65em;

	padding-top: 1.5em;
	margin-top: -1.6em;
}

.productinformatie .propertypvl .valueselected
{
	padding-top: 0;
	margin-top: 0;
}

.propertypvl .valuenetto,
.propertypvl .valuenettoselected
{
	float: left;
	text-align:center;
	font-size:large;

	border-right: 1px solid white;
	border-left: 1px solid white;		
	margin-right:2px;
	margin-left:2px;

	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;

	padding-bottom: 1em;
	margin-bottom: -0.25em;

	padding-top: 0.7em;
	margin-top: -0.7em;
	line-height: 0.6em;
}

.property_keuze .propertypvl .value .input
{
	vertical-align: middle;
	border: 1px solid;
}
.property_keuze .propertypvl .value
{
	float: left;
	height: 100%;
	text-align: left;
	margin-top:5px;
	margin-right:2px;
	margin-left:2px;
	border-top: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;		
}

.property_keuze .propertypvl .valueselected
{
	float: left;
	height: 100%;
	text-align: left;
	background-color: #f9e6ef;
	margin-top:5px;
	border-top: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
}

.propertypvl .input
{
	float: left;
	/*width: 200px;*/
	display:table-cell;
	vertical-align: middle;
}


.propertypvl .input2
{
	float: left;
	width: 21px;
	display:table-cell;
	vertical-align: middle;
}

.propertypvl .input3
{
	float: left;
	margin-left:12px;
	display:table-cell;
	vertical-align: middle;
}

.propertypvl .input3b,
.propertypvlgrey .input3b
{
	float: left;
	width: 21px;
	display:table-cell;
	vertical-align: middle;
}

.propertypvl .empty,
.propertypvlgrey .empty
{
	float:left;
	width:21px;
}

.propertypvl .control,
.propertypvlgrey .control
{
	float: left;
	font-size: 12px;
	/*height: 16px;*/
}
.propertypvl .caption,
.propertypvlgrey .caption
{
	clear: both;
	float: left;
	vertical-align:middle;
	text-align: right;
}

.propertypvl .extrainfo,
.propertypvlgrey .extrainfo
{
	font-style: italic;
	float: left;
	margin-left: 2px;
}

.propertypvl .error,
.propertypvlgrey .error
{
		float: left;
		width: 20px;
		background-image: url("../images/ball_error.gif");
}
.propertypvl .info,
.propertypvlgrey .info
{
		float: left;
		width: 16px;
		height: 16px;
		background-image: url("../images/ball_tooltip.png");	
		margin-left:6px;
		background-repeat: no-repeat;
		cursor: pointer;
}

.propertypvl .info:hover,
.propertypvlgrey .info:hover
{
		background-position: 0 -16px;
		background-repeat: no-repeat;
		cursor: pointer;
}

.property_basisdekking .valueselected
{	 
	 color:#cc269c;
	 text-align:left;
	 font-weight:bold;	 
}

.property_basisdekking .value
{	 
	 color:#cc269c;
	 text-align:left;
	 font-weight:bold;	 
}

/* ---- Slotvragen ---- */

.renderSlotvragen
{
	margin-left: 40px;
}
.slotvraag
{

}
.slotvraag .caption
{
	/*width: 435px;*/
	width: 465px;
	margin-left: 100px;
	text-align:left;
}
.slotvraag .input .caption
{
	font-weight: normal;
}
.slotvraag .input .slotvraag_subheader
{
	text-decoration: underline;
}

.slotvraag .errormessage
{
	margin-left: 100px;
}

.slotvraag .property
{
	margin-bottom: 10px;
}

.property_Toelichting .errormessage
{
	color:Red;
}
/* -------------------- */

.region_AkkoordInfo .text
{
	margin-left: 180px;
}
.property_Akkoord .input
{
	border:1px solid;
	clear: both;
	float: left;
	margin-left : 150px;
	width: 20px;
}
.property_Akkoord .caption
{
	border:1px solid;
	float: left;
	width: 250px;
	text-align: left;
}

.eindpremie .propertyinfo
{	    
    padding-right: 3px;
	height: 50px;
	line-height: 2.0em;
	color:#9b0275;
    font-weight:bold;
    font-size:large; 
    margin-left:25px;
    border: solid 1px #f0d9eb;
}

.eindpremie .property_PremNetto,
.eindpremie .property_PremInc
{
	/*background-color: #f7dce8;*/	
	float:right;
}

.eindpremie .renderPerTermijnOnderPremie
{
	font-size:9px;
	margin-top:-22px;
	color:black;
	text-align:right;
}

/* In page code */
#fw_container
{
	width: 100%;
	margin: 0;
	padding: 0;
}

.fw_menu
{
	vertical-align: top;
	width:100%;
	margin-bottom: 4px;
}

#fw_content
{
	clear: both;
	min-width: 500px;
/*	min-height: 400px;*/
	overflow: hidden;
	padding-left: 1px;
	padding-right: 1px;
}
#fw_content .vsplitbar {
	width: 4px;
	background: #97a5b0 url(../gfx/vgrabber.gif) no-repeat center;
}
#fw_content .vsplitbar.active {
	background: #b3c4d1 url(../gfx/vgrabber.gif) no-repeat center;
	opacity: 0.7;
}


.fw_list
{
	float: left;
	overflow-y: auto;
	border: 1px solid #b3c4d1;
	margin:0px;
	vertical-align: top;
}
.fw_main
{
	float: left;
	overflow-y: auto;
	margin:0px;
	border: 1px solid #b3c4d1;
	vertical-align: top;
}
/*.fw_space
{
	width: 0;
	font-size: 0;
	overflow: hidden;
}*/

.vsplitbar
{
	border-top: 1px solid #b3c4d1;
	border-bottom: 1px solid #b3c4d1;
}

/* Autosuggest box */

div.autosuggest
{
	position: absolute;
/*	background-image: url(img_inquisitor/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 2px 0 0 0;*/
	border: 1px solid #ccc;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 2px;
/*	padding: 0 6px;
	background-image: url(img_inquisitor/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;*/
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	/*background-image: url(img_inquisitor/ul_corner_br.gif);*/
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
/*	height: 6px;
	width: 6px;
	background-image: url(img_inquisitor/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;*/
}
div.autosuggest div.as_footer div.as_corner
{
/*	background-image: url(img_inquisitor/ul_corner_bl.gif);*/
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
/*	height: 6px;*/
	overflow: hidden;
	background-color: #fff;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
}

div.autosuggest ul li
{
	color: #000;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #000;
	display: block;
	text-decoration: none;
	background-color: transparent;
/*	text-shadow: #000 0px 0px 5px;*/
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
/*	font-weight: bold;*/
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #69C;
/*	background-image: url(img_inquisitor/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;*/
}

div.autosuggest ul li.as_highlight a span
{
/*	background-image: url(img_inquisitor/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;*/
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
/*	background-image: url(img_inquisitor/hl_corner_tl.gif);
	background-position: bottom left;*/
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
/*	background-image: url(img_inquisitor/hl_corner_tr.gif);
	background-position: bottom right;*/
}



div.autosuggest ul li.as_warning
{
/*	font-weight: bold;*/
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}

/* --- FlexBox --- */
/* Input textbox - do not specify a width here, it will be overwritten */
.ffb-input {
	float:left;
	color:#000; /* must specify along with watermark color */
}
/* Color of watermark, if present */
.ffb-input.watermark { /* added and removed dynamically */
	color:#888; /* must specify along with input color */
}
/* Drop-down arrow, with sprited image */
.ffb-arrow {
	float:left;
	width:18px;
	height:22px;
	background-image:url(../gfx/flexbox/sel.gif);
}
.ffb-arrow.out { /* css sprite technique */
	background-position:0;
}
.ffb-arrow.over { /* css sprite technique */
	background-position:-18px 0;
}
.ffb-arrow.active { /* css sprite technique */
	background-position:-36px 0;
}
.ffb-no-results 
{
	padding: 2px;
	color:#888;
	font-style:italic;
}
/* Container for dropdown contents */
.ffb {
	position:absolute; /* this guy's parent div is hard-coded to position:relative */
	/*overflow:hidden;*/
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fff; /* Give it a background-color, so it's not transparent */
}
/* Inner div for dropdown */
.ffb .content {
	overflow:auto;
	padding: 0;
}
.ffb .content .row {
	border-bottom:1px solid #f7f7f7;
	color:#000;
	height:20px;
	clear:both;
	padding: 1px 4px 1px 4px;
	overflow: hidden;
}
.ffb-sel {
	cursor:pointer;
	cursor:hand;
	background-color:#69C;
}
.ffb-match {
	font-weight: bold;
	color:#000;
}

/* Paging */
.ffb .paging {
/*	margin:2px;*/
	border-top: 1px solid #ccc;
	padding: 2px;
	vertical-align:middle;
}
.ffb .page {
	font-size:85%;
	padding:2px;
	margin:2px;
	float:left;
	cursor: pointer;	
}
.ffb .box {
	font-size: 85%;
	width:18px;
	height: 14px;
	margin:2px;
	float:left;
}
.ffb .summary {
	font-size:85%;
	float:right;
}

.ffb .page .firstbtn_disabled
{
	width: 14px;
	height: 13px;
	background-image:url(../gfx/layout/grid/firstrecord_disabled.png);
	background-position: 0 center;
	background-repeat: no-repeat;
}
.ffb .page .prevbtn_disabled
{
	width: 14px;
	height: 13px;
	background-image:url(../gfx/layout/grid/prevrecord_disabled.png);
	background-position: 0 center;
	background-repeat: no-repeat;
}
.ffb .page .nextbtn_disabled
{
	width: 14px;
	height: 13px;
	background-image:url(../gfx/layout/grid/nextrecord_disabled.png);
	background-position: 0 center;
	background-repeat: no-repeat;
}
.ffb .page .lastbtn_disabled
{
	width: 14px;
	height: 13px;
	background-image:url(../gfx/layout/grid/lastrecord_disabled.png);
	background-position: 0 center;
	background-repeat: no-repeat;
}

.ffb .page .firstbtn
{
	width: 14px;
	height: 13px;
	background-image:url(../gfx/layout/grid/firstrecord.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.ffb .page .firstbtn:hover
{
	background-position: -14px center;
}
.ffb .page .prevbtn
{
	width: 14px;
	height: 13px;
	background-image:url(../gfx/layout/grid/prevrecord.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.ffb .page .prevbtn:hover
{
	background-position: -14px center;
}
.ffb .page .nextbtn
{
	width: 14px;
	height: 13px;
	background-image:url(../gfx/layout/grid/nextrecord.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.ffb .page .nextbtn:hover
{
	background-position: -14px center;
}
.ffb .page .lastbtn
{
	width: 14px;
	height: 13px;
	background-image:url(../gfx/layout/grid/lastrecord.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.ffb .page .lastbtn:hover
{
	background-position: -14px center;
}


/* Unique IDs */
#ffb8 .row .col1 {
	float:left;
	width:132px;
}
#ffb8 .row .col2 {
	float:left;
	width:232px;
}

/* datepicker */

.ui-datepicker  
{
	width: 17em; padding: .2em .2em 0; 
	border: 1px solid #f0d9eb; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222;
	display: inline-block;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	position: absolute; left: -99999999px;
	z-index: 10;
}
.ui-datepicker .ui-datepicker-header  
{
	position:relative; padding:.2em 0; 
	/*border: 1px solid #4297d7;*/ 
	background: #9b0275 url(images/ui-bg_gloss-wave_lancyr_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; /* .ui-widget-header */
	display: inline-block; /* .ui-helper-clearfix */
	-moz-border-radius: 5px; -webkit-border-radius: 5px; /* .ui-corner-all */
	width: 16.8em;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev  
{
	left:2px; 
	top: 5px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; /* .ui-corner-all */
	display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
	width: 16px; height: 16px; background-image: url("images/ui-icons_ffffff_256x240.png"); /* .ui-icon */
	background-position: -80px -192px; /* .ui-icon-circle-triangle-w */
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-next 
{ 
    right:2px; 
	top: 5px;
	display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
	width: 16px; height: 16px; background-image: url("images/ui-icons_ffffff_256x240.png"); /* .ui-icon */
	background-position: -48px -192px; /* .ui-icon-circle-triangle-e */
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-datepicker-trigger
{
	margin-top: 1px;
	margin-left: 2px;
	cursor: pointer;
}

.ui-datepicker-calendar .ui-state-default { border: 1px solid #d899ca; background: #f0d9eb /*url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x*/; font-weight: bold; color: #9b0275; outline: none; }
.ui-datepicker-calendar .ui-state-default a, .ui-datepicker-calendar .ui-state-default a:link, .ui-datepicker-calendar .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; outline: none; }
.ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-state-focus { border: 1px solid #d899ca; background: #9b0275 /*url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x*/; font-weight: bold; color: white; outline: none; }
.ui-datepicker-calendar .ui-state-hover a, .ui-datepicker-calendar .ui-state-hover a:hover { color: #1d5987; text-decoration: none; outline: none; }
.ui-datepicker-calendar .ui-state-active { border: 1px solid #d899ca; background: #fafafa url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #9d036b; outline: none; }
.ui-datepicker-calendar .ui-state-active a, .ui-datepicker-calendar .ui-state-active a:link, .ui-datepicker-calendar .ui-state-active a:visited { color: #9d036b; outline: none; text-decoration: none; } 

/* Stappen balk */
.steps1
{
	clear:both;
	margin-top: 15px;
	margin-bottom:15px;
}
.stappen_balk
{
	width:538px;
	margin:auto;
	font-size:10px; 	
}

.stapsize_act
{
	width:107px;
	height:30px;
}

.stapsize
{
	width:107px;
	height:30px;
	background-position: 0 -30px;
}

.stapsize_dim
{
	width:107px;
	height:30px;
	background-position: 0 -60px;
}

.stapsize_txt_act
{
	width:107px;
	/*height:30px;*/
	text-align:center;	
	color:#000000;
	font-weight:bold;
}

.stapsize_txt
{	
	width:107px;
	text-align:center;
}

.stapsize_txt_dim
{
	width:107px;
	text-align:center;
	color:#aaaaaa;
}

.stapblok,.stapblok_enabled
{
	float:left;
}

.stapblok_enabled
{
	text-decoration:underline;
	cursor:pointer;
	color:#9b0275;
}

.stap_1
{
	background-image: url("../images/stap_1.png");
}
.stap_2
{
	background-image: url("../images/stap_2.png");
}
.stap_3
{
	background-image: url("../images/stap_3.png");
}
.stap_4
{
	background-image: url("../images/stap_4.png");
}
.stap_5
{
	background-image: url("../images/stap_5.png");
}

/* Einde stappen balk */

/* Totalen balk */
.region_totalen .content .property_IncTermijn
{ 
	background-color:#9b0275;
	color:white;
	padding-bottom:5px;
}

/* labels specifiek */
.property_keuze .propertypvl .caption
{
	font-weight:bold;
}

#framework .productinformatie
{
	clear:both;
	margin-top: 20px;
	
	padding-top: 3px;
	padding-bottom: 3px;

	border-top:1px solid #ebc7e3;
	border-bottom:1px solid #ebc7e3;
	background-color: #f9e6ef;
}

.productinformatie .display
{
	text-decoration:underline;
	color:#9b0275;
	cursor: pointer;
	float:left;
	font-weight:bold;	
}

#framework .productinformatie:hover,
#framework .productinformatie:hover .display,
#framework .productinformatie:hover a,
#framework .productinformatie:hover .valueselected
{
	background-color:#9b0275;
	color:White;
}

.productinformatie .image
{
	background-image: url("../images/zwpijlr.gif");	
	width:6px;
	height:9px;
	float:left;
	clear:right;
	margin-top:5px;
	margin-left:3px;	
}

.productinformatie .content
{
	clear:both;
}

.productinformatie .value
{
	border-right: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
}

.renderSluitFiller .propertypvl .value,
.renderSluitFiller .propertypvl .valueselected
{
	padding-bottom:0;
	padding-top:0;
}

.property__FILLER, 
.renderSluitFiller, .renderSluitFiller,
.renderSluitFiller .property__FILLER .propertypvl,
.renderSluitFiller .property__FILLER .caption,
.renderSluitFiller .property__FILLER .info,
.renderSluitFiller .property__FILLER .error,
.renderSluitFiller .property__FILLER .input
{
	height:1px;
}

.renderSluitFiller .property__FILLER .value,
.renderSluitFiller .property__FILLER .valueselected
{
	height:0px;
}

.renderTotaal .property_88851 .value,
.renderTotaal .property_88851 .valueselected
{
	float: left;

	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;

	padding-bottom: .5em;     /* X + padding-bottom */
	margin-bottom: -1em;       /* X */

	padding-top: .2em;     /* X + padding-bottom */
	margin-top: -.45em;       /* X */

}

/* .value is weggelaten i.v.m. valueselected */
.renderKeuze .property_keuze .propertypvl .values img
{
	vertical-align: middle;
}
.renderKeuze2
{
	height:52px;
}
.renderKeuze2 .property_keuze .propertypvl .values img
{
	vertical-align: middle;
}
.renderKeuze2 .value
{
	padding-bottom:0;
	padding-top:0;
	border-bottom:solid 1px #c6c6c6;
}
.renderKeuze2 .valueselected
{
	padding-bottom:0;
	padding-top:0;
	border-bottom:solid 1px #c6c6c6;
}

.renderKeuze .caption,
.renderKeuze2 .caption
{
	margin-top:18px;
}

.property__SLUIT .value, 
.property__SLUIT .valueselected
{	
	padding-bottom: 2.7em;
	margin-bottom: -2.9em;

	padding-top: .3em; 
	margin-top: 0em;
}
.renderHoofdDekking .property_hoofddekking .valueselected
{
	font-weight:bold;
	color:#9b0275;
}
.property__SLUIT .info
{
	height:1px;
	width:57px;
}
.renderVerzNemer3 .input
{
	font-weight:bold;
}
.propertytoelichting
{
	clear:both;	
}
.propertytoelichting .caption
{
	float:left;
	vertical-align:middle;
	text-align:right;		
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:100px;
}
.propertytoelichting .info,
.propertytoelichting .error
{
	float:left;
}

.propertytoelichting .input
{
	float:left;
	margin-left:100px;
}
.propertytoelichting .input .control
{
	height:80px;
}
#wijzigauto .button_hyperlink, 
#wijzigverzekering .button_hyperlink,
#wijzigverznemer .button_hyperlink
{
	float:right;
}

.radio_td
{
	padding-right:15px;
	vertical-align: middle; margin: 0px;
}

/*style="vertical-align: middle; margin: 0px;" */

input[type='checkbox'],input.checkbox { margin-right:4px; } 

.property_10043 .propertypvlgrey .value, .property_10043 .propertypvlgrey .valueselected
{
	color:Gray;
}

.renderAkkoordContent,
.renderNieuwsbrief
{
	margin-left:140px;
}
.renderAkkoordContent .input,
.renderNieuwsbrief .input
{
	margin-left:0px;
}
.renderAkkoordContent .caption,
.renderNieuwsbrief .caption
{
	text-align:left;
	width:550px;
	margin-top:3px;
}

.adviseur
{
	float:left;
}

.renderAgentGegevens #agent
{
	margin-left:450px;
}

.renderAgentGegevens #wijzigagent
{
	float:right;
}

.renderAgentGegevens #agent .property__AgentSelectie
{
	margin-left:-180px;
}


.renderAutoContent .caption
{
	font-weight:bold;
}

/* Slider pvl*/
#content-slider
{
	width: 490px;
	height: 6px;
	margin: 5px;
	background: #BBBBBB;
	position: relative;
}

.ui-slider-handle
{
	width: 8px;
	height: 14px;
	position: absolute;
	top: -4px;
	background: #478AFF;
	border: solid 1px black;
}

.content-scroll
{
	width: 600px;
	float:left;
	overflow: hidden;
}

.content-holder
{
	width: 1700px;
	float:left;
}

.content-item
{
	width: 290px;
	padding: 5px;
	float: left;
}
  /* end slider pvl */    
 
.property_11513 { margin-left:12px; }

.renderProductInfo .caption
{	
	text-align: left;
	width:156px;	
}

.renderProductInfo .caption,
.productinformatie .display
{
	padding-left:5px;
}

.renderAutoContent .caption,
.renderVerzekeringContent .caption,
#overzichtreis .propertytemplate .caption,
#overzichtreis .propertytemplate .input,
#overzichtreis .renderVerzGegevensContent .caption,
#overzichtreis .renderVerzNemer3 .caption,
#overzichtwoonhuis .renderWoonhuisContent .caption,
#overzichtwoonhuis .renderVerzGegevensContent .caption
{
	font-weight:bold;
}

.renderTerugBellen .greytext
{
	margin-left:30px;
}

.greytext
{
	color:Gray;
	margin-bottom:6px;
}

.slotvrgnr td
{
 vertical-align:top;
}

.slotvrgnrcol1
{
	width:20px;
}

.region_NOP_UitbreidenMet .input3
{
	margin-left:75px;
}

.renderUitbreidenPropertiesDekking .control
{
	height:14px;
}

.renderJagersrisico .property_10074 .inputdekprop
{
	margin-top:-3px;
}

#overzichtreis .renderUitbreidenmetDivValue .input
{
	margin-left: 0px;
}

#avpprem .renderSluitUitbreidenMet .property__SLUIT .values
{
	margin-top: -1px;
}

#avpprem .renderSluitUitbreidenMet .property__SLUIT .value,
#avpprem .renderSluitUitbreidenMet .property__SLUIT .valueselected
{
	padding-bottom: 2.8em;
}

#avpprem input[readonly='readonly']
{
	margin-right:4px;
}

.agentrightbottom .uwadviseurright,
.premierightbottom .totaalpremieright
{
	font-size:9px;
}

.premierightbottom .totaalpremieright .tekst
{
	clear: none;
}

.premierightbottom .info
{
		float: right;
		width: 16px;
		height: 16px;
		background-image: url("../images/ball_tooltip.png");
		margin-left:6px;				
		background-repeat: no-repeat;
		cursor: pointer;
		clear:none;
}
.premierightbottom .info:hover
{
		background-position: 0 -16px;
		background-repeat: no-repeat;
		cursor: pointer;
}

.agentrightbottom .uwadviseurright,
.premierightbottom .totaalpremieright,
#AwiRightOutputBottom .buttonbar .button_hyperlink
{
	margin-left:20px;
	font-size:9px;	
}

.agentrightbottom
{
	padding-bottom: 20px;
	padding-top: 20px;
}

.tab_Logon .propertyinput
{
	float:none;
}
.agentpremie_scroll
{
	width:900px;
}

.slotvraagtoelichting .input
{
	clear:both;
}

.region_AkkoordInfo .greytext
{
	width:610px;
}