/* WEST-kortingsroute-v1 : MODULES */

/* FORMULIEREN */
div.formrow {
	position: relative;
	float: left;
	clear: both;
	display: block;
	width: 100%;
	padding: 5px 0;
	margin: 0;
}
	label.odd, label.even {
		position: relative;
		float: left;
		display: inline;
		width: 165px;
		padding: 3px 0 2px 5px;
		margin-right: 5px;
		font: bold 11px/16px Arial, Helvetica, Verdana, sans-serif;
		color: #666;
	}
		label.odd {
			background-color: #fff;
		}
		label.even {
			background-color: #f0f0f0;
		}
	span.val {
		font: bold 16px/16px Arial, Helvetica, Verdana, sans-serif;
		padding-right: 2px;
	}
	div.group {
		position: relative;
		float: left;
		display: inline;
		width: 250px;
	}
		div.group input.radio, div.group input.checkbox {
			clear: left;
		}
		div.group label {
			position: relative;
			float: left;
			display: inline;
			margin-right: 5px;
		}
		div.group p.caption {
			position: relative;
			float: left;
			clear: left;
			width: 100%;
			margin: 0;
			padding: 5px 0;
		}
div.labelmargin {
	padding: 0 0 5px 174px;
	margin-top: 5px;
}
	div.labelmarginOutside {
		padding: 0 0 5px 185px;
		margin-top: 5px;
	}
	

/* FORM elements */
fieldset {
	position: relative;
	clear: left;
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px dotted #ccc;
}
	legend {
		background-color: #fff;
	}
		fieldset.hidden {
			border: none;
			padding: 0;
			margin: 0;
		}
			fieldset.hidden legend {
				display: none;
			}
.radio, .checkbox  {
	position: relative;
	float: left;
	display: inline;
	margin-right: 5px;
}
.text {
	position: relative;
	float: left;
	display: inline;
	width: 240px;
	padding: 2px 0;
	border: 1px solid #ccc;
}
	.text:focus {
		border-color: #666;
	}
.textsmall {
	position: relative;
	float: left;
	display: inline;
	width: 50px;
	padding: 2px 0;
	border: 1px solid #ccc;
}
	.textsmall:focus {
		border-color: #666;
	}
.textbox {
	position: relative;
	float: left;
	display: inline;
	width: 240px;
	padding: 2px 0;
	border: 1px solid #ccc;
}
	.textbox:focus {
		border-color: #666;
	}
.select {
	position: relative;
	float: left;
	display: inline;
	width: 240px;
	border: 1px solid #ccc;
}
	.select:focus {
		border-color: #666;
	}
.file {
	position: relative;
	float: left;
	display: inline;
	width: 240px;
	padding: 2px 0;
	border: 1px solid #ccc;
}
	.file:focus {
		border-color: #666;
	}

/* FORM error-alert */
div.error {
	border-width: 1px 0;
	border-style: dotted;
	border-color: #cc0000;
	background-color:#FDF5F5;
	margin-bottom: 5px;
}
	div.error label.odd, div.error label.even {
		background-color: #cc0000;
		color: #fff;
	}
	div.error label span.val {
		color: #fff;
	}

.alert {
	clear: left;
	color: #cc0000;
	font-weight: bold;
	padding: 5px;
	margin: 0px 0px 15px 0px;
	border: 1px solid #cc0000;
}
	.alert p {
		color: #cc0000;
		margin: 0;
	}
	.alert a {
		color: #cc0000;
		margin: 0;
	}

/* ITEM OVERVIEW */
table.grid {
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}
	.grid thead td {
		height: 20px;
		padding: 2px 5px 2px 5px;
		margin: 0px;
	}
	.grid tbody tr {
		float: left;
	}
		.grid tbody tr td {
			background: url(../assets/bgr_item.jpg) repeat-x;
			border-width: 0 0 1px 0;
			border-bottom: 1px solid #f0f0f0;
			padding: 10px;
				height: 21px;
		}
			.grid tbody tr td.name {
				width: 360px;
				float: left;
				display: inline;
			}
			.grid tbody tr td.delete {
				width: 29px;
				float: left;
				display: inline;
			}
				.grid tbody tr.odd td.delete {
					width: 28px;
					border-right: 1px solid #f0f0f0;
				}

			.grid tbody tr.odd td strong { color: #0098ad; }
			.grid tbody tr.even td strong { color: #e74aa3; }
			
			.grid tbody tr td.delete a.dim,
			.grid tbody tr td.delete a.dim:link {
				float: left;
				width: 23px;
				height: 21px;
				text-indent: 999px;
				overflow: hidden;
				background: url(../assets/bgr_delete.jpg) 0 0 no-repeat;
			}
				.grid tbody tr td.delete a.dim:hover {
					background-position: 0 -21px;
				}
			
			
			.grid tbody tr.odd td {
			}
			.grid tbody tr.even td {
			}

/* DIV OVERVIEW */
div.overview {
	float: left;
	width: 858px;
	padding: 0;
	margin: 0;
	clear: both;
	border-left: 1px #e5e5e5 solid;
	border-right: 1px #e5e5e5 solid;
}
	div.overview .item {
		float: left;
		width: 405px;
		padding: 12px;
		border-right: 1px #f0f0f0 solid;
		border-bottom: 1px solid #f0f0f0;
		background: url(../assets/bgr_item.jpg) repeat-x;
		
	}
	div.overview div.even {
		width: 403px;
		border-left: 1px #fff solid;
		border-right: none;
	}
	
		.overview div.thumb {
			float: left;
			width: 120px;
		}
			.overview .thumb img {
				position: relative;
				float: left;
			}
			
		.overview div.info{
			float: left;
			width: 283px;
		}
		
		.overview div.info a.more,
		.overview div.info a.more:link {
			float: right;
			padding-right: 23px;
			background: url(../assets/bgr_more.jpg) right 2px no-repeat;
			color: #999;
			font-weight: bold;
			font-size: 12px;
			text-decoration: none;
		}
		
		.overview div.info a.more:hover {
			text-decoration: underline;
		}
				
div.overviewEnd, div.overviewStart {
	float: left;
	width: 860px;
	height: 5px;
	padding: 0;
	margin: 0;
	clear: both;
	background: url(../assets/bgr_overviewEnd.jpg) 0 no-repeat;
}
div.overviewStart {
	background: url(../assets/bgr_overviewStart.jpg) 0 no-repeat;
}


/* ITEM OVERVIEW */
table.overview {
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
	border-width: 1px 0;
	border-color: #ccc;
	border-style: solid;
	border-collapse: collapse;
}
	table.overview thead td {
		height: 20px;
		padding: 2px 5px 2px 5px;
		margin: 0px;
		border-bottom: 1px solid #ccc;
	}
	table.overview tbody tr.odd td {
		background-color: #fff;
	}
	table.overview tbody tr.even td {
		background-color: #f6f6f6;
	}
		table.overview tbody td {
			padding: 10px;
			margin: 0px;
			border-bottom: 1px dotted #ccc;
		}
			table.overview tbody td div.thumb{
				float: left;
				width: 20%;
			}
				table.overview tbody td .thumb img {
					position: relative;
					float: left;
					padding: 2px;
					margin: 0px 10px 0px 0px;	
					border: 1px solid #ccc;
				}
			table.overview tbody td div.info{
				float: left;
				width: 80%;
			}
	table.overview tfoot td {
		height: 20px;
		padding: 2px 5px;
		border-top: 1px solid #ccc;
	}
	
	
/* PAGING */
.paginginfo {
	position: relative;
	float: left;
	display: inline;
	font-size: 11px;
}
.paging {
	position: relative;
	float: right;
	display: inline;
}
	.paging a,
	.paging a:link,
	.paging a:visited,
	.paging a:active,
	.paging a:hover {
		text-decoration: none;
		background: none;
	}
	.paging img {
		padding: 2px;
		margin: 4px 2px 0px 0px;
	}
	
/* BONNEN DETAIL */
.bon {
	position: relative;
	float: left;
	width: 468px;
	padding: 10px 0 0 12px;
}
	.logoPartner {
		float: right;
		margin: 0 0 15px 15px;
	}
	
	.waarde {
		float: right;
		clear: right;
		width: 123px;
		height: 84px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background: url(../assets/bgr_waarde.jpg) left top no-repeat;
	}
		.waarde h1 {
			float: left;
			width: 60px;
			font-size: 28px;
			font-weight: bold;
			padding: 18px 0 0 43px;
			margin: 0 20px 0 0;
			color: #d1173e;
		}
		
	.succes {
		position: relative;
		float: left;
		clear: left;
		width: 340px;
		height: 33px;
		margin: 0 0 15px 0;
		padding: 8px 10px 10px 10px;
		background: url(../assets/bgr_succes.jpg) left top no-repeat;
	}
		.succes p {
			color: #fff;
			margin: 0;
		}

/* ITEM DETAIL */
.images {
	float: right;
	padding: 26px 10px;
	margin: -35px 0 15px 0;
	background: url(../assets/bgr_images.jpg) left top no-repeat;
}
	.images img{
		float: left;
	}
	
.btnAdd {
	float: left;
	clear: left;
	width: 370px;
}
	


/* EZINE/DOCUREQUEST : minitabs */
#minitabs {
	position: relative;
	float: left;
	clear: both;
	display: block;
	height: 16px;
	width: 100%;
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #000;
}
	#minitabs li {
		display: inline;
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
		#minitabs li a,
		#minitabs li a:link,
		#minitabs li a:visited,
		#minitabs li a:active {
			font: 11px Arial, Helvetica, Verdana, sans-serif;
			color: #999;
			background-color: #fff;
			text-decoration: none;
			padding: 3px 4px 1px 6px;
			margin: 0px 3px 0px 0px;
			border: 1px solid #999;
			border-bottom: none;
		}
		#minitabs li a:hover {
			color: #000;
			background-color: #f0f0f0;
			border-color: #000;
		}
			#minitabs li a.active,
			#minitabs li a.active:link,
			#minitabs li a.active:visited,
			#minitabs li a.active:active,
			#minitabs li a.active:hover {
				border: 1px solid #000;
				border-bottom-color: #fff;
				background-color: #fff;
				color: #000;
			}

/* Frontend Authentication */				
#feLog {
	position: relative;
	float: right;
	width: 285px;
	height: 25px;
	padding: 0px 10px 0px 5px;
	margin: 0px;
}
	#feLog p {
		padding: 2px 0px 0px 0px;
		margin: 0px;
		text-align: left;
	}
		#feLog p a,
		#feLog p a:link,
		#feLog p a:visited,
		#feLog p a:active {
			font: 10px/14px Arial, Helvetica, Verdana, sans-serif;
			color: #666;
			text-decoration: none;
		}
		#feLog p a:hover {
			color: #000;
			text-decoration:underline;
		}
		
/* DOCUREQUEST : docuBox */

.docuBox {
	position: relative;
	float: left;
	display: inline;
	width: 48%;
	border: 1px solid #ccc;
	margin: 0 0 18px 0;
}
	.docuBox h5{
		padding: 5px;
		margin: 0;
		border-bottom: 1px solid #ccc;
		background: #f5f5f5;
	}		
	.docuBox.margin {
		margin-right: 15px;
	}
	.docuBox.colwidth {
		width: 48%;
	}
	.docuBox.fullwidth {
		width: 99%;
		clear: both;
	}
	.docuBox table {
		padding: 0;
		margin: 0;
		width: 100%;
		border-collapse: collapse;
	}
	.docuBox table tbody {
		width: 100%;
	}
		.docuBox table tbody tr.odd td {
			background-color: #fff;
		}
		.docuBox table tbody tr.even td {
			background-color: #f0f0f0;
		}
		.docuBox table tbody tr.hl td {
			background-color: #ccc;
			color: #000;
		}
		.docuBox table tbody td {
			padding: 5px;
			border-top: 1px dotted #ccc;
			font: 10px/12px Arial, Helvetica, Verdana, sans-serif;
		}
		.docuBox table tbody td a,
		.docuBox table tbody td a:link, 
		.docuBox table tbody td a:active,
		.docuBox table tbody td a:visited {
			text-align: center ; 
			text-decoration: none;
			font: 11px/13px Arial, Helvetica, Verdana, sans-serif;
			color: #999; 
			background-color: #fff;
			border: 1px solid #ccc;
			padding: 2px 5px;
		}
			.docuBox table tbody td a:hover {
				color: #fff;
				background-color: #ccc;
				text-decoration: none;
				border: 1px solid #ccc;
			}
		.docuBox table tbody td a.dim,
		.docuBox table tbody td a.dim:link, 
		.docuBox table tbody td a.dim:active,
		.docuBox table tbody td a.dim:visited {
			text-align: center ; 
			text-decoration: none;
			font: 11px/13px Arial, Helvetica, Verdana, sans-serif;
			color: #ccc; 
			background-color: transparent;
			border: 1px solid #fff;
			padding: 2px 5px;
		}
			.docuBox table tbody td a.dim:hover {
				color: #fff;
				background-color: #ccc;
				text-decoration: none;
				border: 1px solid #fff;
			}
		
/* IK : keywsearchbox */	
.keywsearchbox {
	float: left;
	width: 528px;
	padding: 0px;
	margin: 0px 0px 16px 0px;
	border: 1px solid #bbb;
}
	.keywsearchbox h2 {
		display: block;
		padding: 5px;
		margin: 0 0 10px 0;
		border-bottom: 1px solid #bbb;
		color: #666666;
		font-size: 12px;
		line-height: 18px;
		background-color: #f5f5f5;
	}
		.keywsearchbox h2 a,
		.keywsearchbox h2 a:link,
		.keywsearchbox h2 a:visited,
		.keywsearchbox h2 a:active {
			color: #333;
			text-decoration: none;
		}
		#colcntbox h2 a:hover {
			color: #000;
			text-decoration: underline;
		}
	.keywsearchbox p {
		margin: 4px 10px 0px 10px;
	}
	.keywsearchbox p label {
		float: left;
		width: 30%;
		height: 24px;
		padding: 0px;
		margin: 0px 5px 0px 0px;
		text-align: left;
		font: bold 11px/22px Arial, Helvetica, Verdana, sans-serif;
		color: #666;
	}
	.keywsearchbox p select {
		position: relative;
		float: left;
		font-size: 10px;
		margin: 2px 5px 0px 0px;
	}
	.keywsearchbox p input {
		position: relative;
		float: left;
		font-size: 10px;
		margin: 2px 5px 0px 0px;
	}	
	.keywsearchbox h6 {
		margin: 0px 10px 5px 10px;
		border-bottom: 1px solid #ccc;
	}
	.keywsearchbox ul.list {
		display: block;
		list-style-type: none;
		padding: 0px;
		margin: 0px 10px 10px 10px;
	}
		.keywsearchbox ul.list li {
			height: 18px;
			list-style-type: none;
			text-align: left;
			margin: 0px;
			padding: 0px 0px 0px 5px;
			border: 0px;
		}
			.keywsearchbox ul.list li.odd {
				background-color: #f7f7f7;
			}
			.keywsearchbox ul.list li.even {
				background-color: #fff;
			}
			
/* IK : azindex */		
.azindex {
	position: relative;
	float: left;
	width: 100%;
	margin: 8px 0px 0px 0px;
	border-top: 1px solid #bbb;
}
	.azindex ul {
		margin: 0px;
	}
	.azindex ul li {
		position: relative;
		float: left;
		width: 17px;
		padding: 0px 0px 0px 1px;
		margin: 1px 0px 1px 0px;
		list-style-type: none;
	}
	.azindex ul li a,
	.azindex ul li a:link,
	.azindex ul li a:visited,
	.azindex ul li a:active {
		display: block;
		width: 13px;
		height: 13px;
		padding: 1px;
		margin: 0px;
		border: 1px solid #bbb;
		text-align: center;
		text-decoration: none;
		font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
		background-color: #fff;
		color: #000;
	}
	.azindex ul li a:hover {
		background-color: #666;
		color: #fff;
		text-decoration: none;
	}
		.azindex ul li a.dim,
		.azindex ul li a.dim:link,
		.azindex ul li a.dim:visited,
		.azindex ul li a.dim:active,
		.azindex ul li a.dim:hover {
			font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
			color: #ccc;
			border: 1px solid #ccc;
			text-decoration: none;
			background-color: #fff;
			cursor: default;
		}