html, body
{
	font-size :12px;
	font-family: <%font%>;
	color:#<%font_color%>;
	background-color:#<%bgcolor%>;
}

table
{
    font-size:12px;
}

h1 
{
	font-weight: bold;
	font-size: 20px;
	color: #333;
	padding-bottom: 2px;
	margin: 0;
}

div.configlogo
{
    color:#999999;
}

input.textbox{
    background: transparent url('/images/form.gif') no-repeat 0 0;   
    height: 18px;
    color: #333333;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 1px 5px;
    border: 1px solid #CFCFCF; 
    outline: 0;
}

input.required
{
    border:1px solid #d7a1a1 !important;
    /*background: transparent url('/images/formrequired.gif') no-repeat 0 0 !important;   */
}


.StepText
{
    text-align:left;
}

.DevEnvironment
{
	color:Red;
	font-size:large;
}

.loadingDiv
{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	z-index: 500;
	margin: 0px;
	background-image: url("/images/raster.gif");
}

a,a:visited,a:active
{
	border-bottom:0 dotted #959595;
	color:#555555; 
	text-decoration: none;
}

a:hover
{
	border-bottom:1px dotted #959595;
	color:#555555;
	text-decoration:none;
}

.ErrorMsg
{
	font-family: <%font%>;
	font-size: small;
	color: #990000;
}

img
{
	border: none;
}

img.Overlay
{
	-moz-opacity:0.3;
	filter: Alpha(opacity=30);
}

td.ItmValue input
{
	font-size :12px; 
	color:black;	
	border : 1px solid #888888;
}

.no-border  input
{
    border: 0 !important;
}

td.FormField input
{
	font-size :12px;
	color : black;	
	border : 1px solid #888888;
}

td.MultiField input
{
	font-size :12px; 
	color:black;	
}

.Button {
	background-image:url('<%button_image%>');
	border:1px solid #555;
	color: White;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	height:26px;
	width:100px;
	cursor: pointer;
}

.Button:hover
{
    background-image:none;
    background-color: #<%button_hover%>;
}

.ButtonGray {
	background-image:url(/images/buttonbg_gray.gif);
	border:1px solid #999999;
	color: black;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	height:26px;
	width:100px;
	cursor: pointer;
}
.ButtonGray:hover
{
    background-image:none;
    background-color: #dcdcdc;
}

td.title
{
	height: 10px;
}

td.SmallText, span.SmallText
{
	font-size: 10px;
	color: #555555;
	text-align:left;
	border-top: 1px dotted #CCC;
	height: 20px;
}

span.Comment
{
	font-size: 11px;
	color: #555555;
	text-align:left;
}

td.ItmValue 
{
	border-Top: dotted 1px #ccc;
	vertical-align: top;
	text-align:left;
	font-weight:normal;
}

td.MultiField
{
	border-Bottom: dotted 1px #ccc;
	vertical-align: top;
	text-align:left;
	font-weight:normal;
	font-size:14px;
}

td.Itm
{
	 border-Top: dotted 1px #ccc;
	 vertical-align: top;
	 text-align:left;
	 width: auto;
}

td.FormLabel
{
	 border-Top: dotted 1px #ccc;
	 vertical-align: top;
	 text-align:left;
	 font-weight:bold;
	 width: auto;
}

td.FormField
{
	 border-Bottom: dotted 1px #ccc;
	 vertical-align: top;
	 text-align:left;
	 font-weight: normal;
	 width: auto;
}

td.QuestionMark
{
	border-Bottom: dotted 1px #ccc;
	 vertical-align: bottom;
	 text-align:left;
	 font-weight: normal;
	 width: auto;
}

td.ItmLabel
{
	 vertical-align:middle;
	 text-align:left;
	 width: auto;
}

td.ItmLabelHead
{
	border-Bottom: dotted 1px #ccc;
	font-size:14px;
	vertical-align: top;
	text-align:left;
	padding-top: 20px !important;
	width: auto;
}


.vergelijk-stap-table
{
    border:0;
    width: 550px; 
    border-spacing:2px;
}

.vergelijk-stap-table td
{
    padding-top: 3px;
    padding-bottom:3px;
}

table.OuterTable
{
	border:solid 1px #dddddd;
	background-color:#<%form_color%>;
}

div.ToolTip
{
	font-size:xx-small;
}

div.ToolTip td
{
	font-size:xx-small;
	vertical-align:top;
	width:100px;
}


div.ToolTip .label
{

	font-weight: bold;
}

img.cl
{
	cursor:pointer;
}

.ddlBackGround
{
	background-color:#<%trhover_color%>;
}

.radioList
{
    line-height: 20px;
}

.radioList label
{
    display: inline-block;
    width: 475px;
}

.radioList input
{
    vertical-align:top;
}


.LetopTekst
{
    font-size:11px; 
    border:1px solid #faa;
    padding:3px
}

.List td
{
    font-size: 11px;
    padding:0px;
    margin:0px;
}

/* progress steps */
.progress-step-active
{
    color: White;
    font-family:Arial, Trebuchet MS;
    font-size: 12px;
    width: 100px;
    padding-top:10px;
    margin:0px;
}

.progress-step-active a,.progress-step-active a:visited,.progress-step-active a:active
{
    color: White;
}

.progress-step-active a:hover
{
    border-bottom:1px dotted white;
}

.progress-step-inactive
{
    font-family:Arial, Trebuchet MS;
    font-size: 12px;
    width: 100px;
    padding-top:10px;
    margin-left:10px;
    padding-left:10px;
    margin:0px;
    color:Black;
}


/* vergelijk polisvoorwaarden */
#vergelijk-polisvoorwaarden-table
{
    table-layout:fixed;
}


#vergelijk-polisvoorwaarden-table tr:hover
{
    background-color:#<%trhover_color%>;
}

#vergelijk-polisvoorwaarden-table td
{
    padding:4px;
    border-bottom:1px solid #ddd;
    border-right:1px dotted #ddd;
    vertical-align:middle;
    width: 220px;
}

#vergelijk-polisvoorwaarden-table td.category1
{
    border-left:0px;
    border-right:0px;
    background: #f7f7f7;
    font-weight:bold;
    cursor:pointer;
}

#vergelijk-polisvoorwaarden-table td.category2
{
    border-left:0px;
    border-right:0px;
    background: #fdfdfd;
    font-weight:bold;
}



#vergelijk-polisvoorwaarden-table td.label
{
    width:180px;
    font-size: 0.9em;
    text-align:left;
}

#vergelijk-polisvoorwaarden-table td.pdf-download
{
    font-size:10px;
    
}


/* vergelijkings overzicht */

#vergelijk-table
{
    table-layout:fixed;
    height: 800px;
}

#vergelijk-table td.vergelijk-col
{
    border-bottom: 1px dotted #ffffff;
    vertical-align:middle;
    color: #333;
    font-size: 13px;
}

#vergelijk-table span.productnaam
{
    font-size: 11px;
}

#vergelijk-table td.vergelijk-polis-label
{
     border-bottom: 1px dotted #dddddd;
     border-right: 1px dotted #dddddd;
     vertical-align:middle;
     font-size:11px;
     width:120px;
     text-align: right;
}


#vergelijk-table td.vergelijk-col-beoordeling
{
     border-bottom: 1px dotted #ffffff;
     vertical-align:middle;
     font-size: 15px;
     font-weight:bold;
}

#vergelijk-table td.no
{
     font-size: 12px;
}

#vergelijk-table td.vergelijk-col-logo
{
    background-color:White;
    border-right: 1px dotted #dddddd;
    border-bottom: 1px dotted #dddddd;
    padding-bottom: 10px;
    height:auto !important;
}


#vergelijk-table td.vergelijk-dottedbg
{
    background-image: url('/images/dottedlinebg.gif');
    background-repeat:repeat-x;
    background-position:center;
}

#vergelijk-table td.vergelijk-dottedbg-no-repeat
{
    background-image: url('/images/dottedlinebg-norepeat.gif');
    background-repeat:repeat-x;
    background-position:left center;
    border-right:none !important;
}

#vergelijk-table td.vergelijk-col-sluiten
{
    border-bottom: 1px dotted #ffffff;
    height: 20px;
}

#vergelijk-table td
{
    padding-left:5px;
    padding-right:5px;
    color: #333333;
    height:40px;
    width:200px;
    border-right: 1px dotted #dddddd;
}

#vergelijk-table span.bestchoice-number
{
    font-size:32px;
    font-weight:bold;
    font-style: italic;
}

#vergelijk-table span.bestchoice-super
{
    font-size:12px;
    font-weight:bold;
    font-style: italic;
    vertical-align:top;
}


#vergelijk-table span.bestchoice-text
{
    font-size:18px;
    font-weight:lighter;
    font-style: italic;
}



/*
#vergelijk-table tr:hover
{
     background-color: White;
}*/

#vergelijk-table td.vergelijk-col-label
{
     border-bottom: 1px dotted #dddddd;
     border-right: 1px dotted #dddddd;
     vertical-align:middle;
     font-size:13px;
     width:120px;
     text-align: right;
}

#vergelijk-table td.vergelijk-col-label-polis-title
{
     border-bottom: 1px dotted #dddddd;
     border-right: 1px dotted #dddddd;
     font-size:15px;
     height:20px;
     text-align: right;
}

#vergelijk-table td.vergelijk-col-label-polis
{
     border-bottom: 1px dotted #dddddd;
     border-right: 1px dotted #dddddd;
     vertical-align:middle;
     font-size:11px;
     height:10px;
     text-align: right;
}

#vergelijk-table td.vergelijk-col-polis
{
     border-bottom: 1px dotted #ffffff;
     vertical-align:middle;
     text-align:center;
     font-size:11px;
     height:10px;
}

#vergelijk-table span.price-floor
{
     color: #<%price_color%>;
     font-size: 22px;
     font-weight: bold;
     border-bottom:1px dotted #<%price_color%>;
     white-space: nowrap;
}

#vergelijk-table span.price-fraction
{
     color: #<%price_color%>;
     font-size: 13px;
     font-weight: bold;
     white-space: nowrap;
     vertical-align:top;
}

#vergelijk-table span.price-strikethrough
{
     position: absolute;
     font-size: 12px;
     text-decoration: line-through;
     top:3px;
     right:35px;
     white-space: nowrap;
}


#vergelijk-table div.discount
{
     background-image: url('/images/discountbg.gif');
     background-repeat:no-repeat;
     position: absolute;
     padding-top:2px;
     top:0px;
     left:30px;
     width:58px;
     height:22px;
     font-size: 13px;
     font-weight:bold;
     color:White;
     text-align:center;
     white-space: nowrap;
}

#vergelijk-table div.discount-tekst
{
     background-image: url('/images/discounttextbg.gif') !important;
     width:100px !important;
}


#vergelijk-table img.close
{
    position:absolute;
    top:0px;
    right:2px;
    cursor:pointer;
}



#vergelijk-result-picklist
{
    position:relative;
    text-align:left;
    width:250px;
    height:350px;
    border: 1px solid #dddddd;
    overflow-y: scroll;
    overflow:auto;
}

#vergelijk-table div.title
{
    text-align:center;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd; 
    border-left:1px solid #ddd; 
    background-color:#eeeeee;
    font-weight:bold;
    padding:5px;
}

#eigenproduct
{
    position:relative;
    text-align:center;
    vertical-align:middle;
    font-size: 14px;
    font-weight:bold;
    color: #555;
}

#vergelijk-result-picklist div.item
{
    position:relative;
    height: 50px;
    border-bottom: 1px dotted #dddddd;
    cursor: pointer;
    padding:5px;
    -moz-opacity: 0.4; 
    -webkit-opacity: 0.4; 
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
   
}

#vergelijk-result-picklist div.item:hover
{
    border: 1px solid #cccccc;    
    -moz-opacity: 1.0 !important; 
    -webkit-opacity: 1.0!important; 
    opacity: 1.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

#vergelijk-result-picklist img.logo
{
    position:absolute;
    top:5px;
    height:20px;
}

#vergelijk-result-picklist img.bar
{
    position:absolute;
    bottom:15px;
}

#vergelijk-result-picklist div.premie-box
{
    position:absolute;
    right:5px;
    vertical-align:bottom;
    top:20px;
}

#vergelijk-result-picklist span.price-floor
{
     font-size: 18px;
}

#vergelijk-result-picklist span.price-fraction
{
     font-size: 10px;
}

#vergelijk-result-picklist div.discount
{
     left:100px;
     top:3px;
}

#vergelijk-result-picklist span.price-strikethrough
{
     font-size: 10px;
     top:3px;
     right:5px;
}

#vergelijk-result-picklist .product
{
    position:absolute;
     font-size:9px;
     bottom:0px;
}

.tooltipHoverElement
{
    cursor:pointer;
}

.tooltipWindow
{
    display:none;
}


#tt 
{ 
    display: none; 
    position: absolute; 
    padding: 10px; 
    left: 5px; 
    background-color: white; 
    border: 1px solid #AAAAAA; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 9999;
    -moz-box-shadow: 3px 3px 2px #888;
    -webkit-box-shadow: 3px 3px 2px #888;
    box-shadow: 3px 3px 2px #888;
}

#tt #ttArrow  
{
    position: absolute; 
    top: -11px; 
    left: 15px 
}

#simplemodal-overlay 
{
    background-color:#000; 
    cursor:wait;
}


#simplemodal-container 
{
        border:2px solid #555; 
        background-color:#FFF;
        padding-top:20px;
}
        
#simplemodal-container a.modalCloseImg 
{
	background:url(/images/close_small.gif) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:5px;
	right:20px;
	cursor:pointer;
}