@charset "utf-8";
/* CSS Document */

/*
	-----------------------------------------
	Buttons and buttonlike links
	-----------------------------------------
*/

/* General button and button-like links styles*/

	/* normal button */

button,
input.button,
a.button,
a.button:visited,
a.button:hover{
	float: left;
	display: block;
	height: 21px;
	padding: 0px;
	border: 0px solid #fff;
	cursor: pointer;
	background-repeat: no-repeat;
	background-color: transparent;
	}


button,
input.button{
	width:auto;
	overflow:visible;
	height: 22px;
}

	button span,
	input.button span,
	a.button span,
	a.button:visited span,
	a.button:hover span{
		float: left;
		display: block;
		padding: 0px 20px 0px 15px;
		height: 21px;
		line-height: 21px;
		margin: 0px 0px 0px 3px;
		color: #fff;
		font-size: 1em;
		background-repeat: no-repeat;
		white-space:nowrap;
		position: relative;
		}

		button span,
		input.button span{
			width: 100%;
			margin-top: -1px;
			padding: 0px 5px;
			}


		/* fixes */



		.ie6 button,
		.ie6 input.button{
			overflow-y: hidden;
			}

			.ie6 button span,
			.ie6 input.button span{
				margin-top: 1px;
				margin-right: -3px;
				}

		.ie7 button span,
		.ie7 input.button span{
			margin-top: 1px;
			margin-right: -3px;
			white-space: nowrap;
			}


		.ie8 button span,
		.ie8 input.button span{
			margin-top: 1px;
			margin-right: -3px
			}

		.webkit button span,
		.webkit input.button span{
			margin-top: 1px;
			}

			.ff3_5 button,
			.ff3_5 input.button{
				padding: 0px 5px 0px 0px;
			}

			.ff3_5 button span,
			.ff3_5 input.button span{
				padding: 0px 5px 0px 0px;
			}

		/* end fixes */




	/* big button */

button.button-big,
input.button.button-big,
a.button.button-big,
a.button.button-big:visited,
a.button.button-big:hover{
	height: 33px;
	}

	button.button-big,
	input.button.button-big{
		height: 34px;
		}

			.ff3_5 button.button-big,
			.ff3_5 input.button.button-big,
			.ff3_5 a.button.button-big,
			.ff3_5 a.button.button-big:visited,
			.ff3_5 a.button.button-big:hover{
			padding-right:26px;
			}

		/* ie6 */

		.ie6 button.button-big,
		.ie6 input.button.button-big,
		.ie6 a.button.button-big,
		.ie6 a.button.button-big:visited,
		.ie6 a.button.button-big:hover{
			margin: 0px;
			width: 59px;
			overflow: hidden;
			}

	button.button-big span,
	input.button.button-big span,
	a.button.button-big span,
	a.button.button-big:visited span,
	a.button.button-big:hover span{
		padding: 0px 13px 0px 13px;
		height: 33px;
		line-height: 33px;
		font-size: 1.1em;
		}

		/* ie6 */

	.ie6 button.button-big span,
	.ie6 input.button.button-big span,
	.ie6 a.button.button-big span,
	.ie6 a.button.button-big:visited span,
	.ie6 a.button.button-big:hover span{
		width: 50px;
		overflow: hidden;
		padding: 0px 3px 0px 0px;
		margin: 1px 0px 0px 3px;
		}


			.ff3_5 button.button-big,
			.ff3_5 input.button.button-big,
			.ff3_5 a.button.button-big,
			.ff3_5 a.button.button-big:visited,
			.ff3_5 a.button.button-big:hover{
				padding: 0px 7px 0px 7px;
			}

			.ff3_5 button.button-big span,
			.ff3_5 input.button.button-big span,
			.ff3_5 a.button.button-big span,
			.ff3_5 a.button.button-big:visited span,
			.ff3_5 a.button.button-big:hover span{
				padding: 0px 7px 0px 0px;
			}
/* Background positioning of buttons and button-like links  */

	/* normal button */

		/* button color a and b */

		button,
		input.button{
				background-position: 0px 1px;
			}

		a.button,
		a.button:visited,
		a.button:hover{
				background-position: 0px 0px;
			}


			button span,
			input.button span,
			.button.button-b span,
			input.button-b span,

			a.button span,
			a.button:visited span,
			a.button:hover span,

			a.button.button-b span,
			a.button.button-b:visited span,
			a.button.button-b:hover span{
				background-position: right -21px;
				}

		/* button color a and b on bg b (green)*/

		button.bgb,
		input.button.bgb,

		button.button-b.bgb,
		input.button.button-b.bgb{
				background-position: 0px -84px;
			}

			a.button.bgb,
			a.button.bgb:visited,
			a.button.bgb:hover,

			a.button.button-b.bgb,
			a.button.button-b.bgb:visited,
			a.button.button-b.bgb:hover{
					background-position: 0px -84px;
				}

			button.bgb span,
			input.bgb.button span,

			a.button.bgb span,
			a.button.bgb:visited span,
			a.button.bgb:hover span,

			button.button-b.bgb span,
			input.button-b.bgb.button span,

			a.button.button-b.bgb span,
			a.button.button-b.bgb:visited span,
			a.button.button-b.bgb:hover span{
				background-position: right -63px;


				}

			/* button color a and b on bg a (orange)*/
		/*
			button.bga,
			input.button.bga,

			button.b.bga,
			input.button.b.bga{
					background-position: 0x -104px;
				}

			a.button.bga,
			a.button.bga:visited,
			a.button.bga:hover,

			a.button.b.bga,
			a.button.b.bga:visited,
			a.button.b.bga:hover{
					background-position: 0x -103px;
				}

				button.bga span,
				input.bga.button span,

				a.button.bga span,
				a.button.bga:visited span,
				a.button.bga:hover span,

				button.b.bga span,
				input.b.bga.button span,

				a.button.b.bga span,
				a.button.b.bga:visited span,
				a.button.b.bga:hover span{
					background-position: right -126px;
					} */

	/* big button  (color a) */

		button.button-big,
		input.button.button-big{
				background-position: 0px 1px;
			}

		a.button.button-big,
		a.button.button-big:visited,
		a.button.button-big:hover{
				background-position: 0px 0px;
			}

			button.button-big span,
			input.button.button-big span,

			a.button.button-big span,
			a.button.button-big:visited span,
			a.button.button-big:hover span{
				background-position: right -33px;
				}

	/* arrow button - (color b) */

		button.but-arrow,
		input.but-arrow{
				background-position: 0px 1px;
				height: 24px;
			}

		a.button.but-arrow,
		a.button.but-arrow:visited,
		a.button.but-arrow:hover{
				background-position: 0px 0px;
				height: 23px;
				line-height: 23px;
			}

			button.but-arrow span,
			input.button.but-arrow span,

			a.button.but-arrow span,
			a.button.but-arrow:visited span,
			a.button.but-arrow:hover span{
				background-position: right -23px;
				padding: 0px 12px 2px 0px;
				}

			.ie7 button.but-arrow span,
			.ie7 input.button.but-arrow span{
				padding: 0px 17px 2px 5px;
				}

			.ff3_5 button.but-arrow,
			.ff3_5 input.button.but-arrow{
				padding: 0px 9px 0px 0px;
				margin-right: 0px;
				}

			.ff3_5 button.but-arrow span,
			.ff3_5 input.button.but-arrow span{
				padding: 0px 9px 2px 0px;
				}



	/*
		-----------------------------------------
		Buttons in boxes + button in myzone
		-----------------------------------------
	*/

	.box button,
	.box input.button,
	.box a.button,
	.box a.button:visited,
	.box a.button:hover,
	.myzone-box button{
		float: right;
		margin-left: 8px;
		margin-right: 10px;
		}


	.box button.button-big,
	.box input.button-big.button,
	.box a.button.button-big,
	.box a.button.button-big:visited,
	.box a.button.button-big:hover{
		margin-right: 28px; /* for span overflow in FF - nog nakijken in andere browsers */
		}

		/* FF3 fix for overflow on span */

		.ff3 .box button,
		.ff3 .box input.button,
		.ff3 .box a.button,
		.ff3 .box a.button:visited,
		.ff3 .box a.button:hover,
		.ff3 .myzone-box button{
			/*margin-right: 10px;*/ /* for span overflow in FF - nog nakijken in andere browsers */
			}


		.ff3 .box button.button-big,
		.ff3 .box input.button-big.button,
		.ff3 .box a.button.button-big,
		.ff3 .box a.button.button-big:visited,
		.ff3 .box a.button.button-big:hover{
			margin-right: 28px; /* for span overflow in FF - nog nakijken in andere browsers */
			}

		/* end FF3 fix for overflow on span */


		/* button float left */

		.box button.left,
		.box input.button.left,
		.box a.button.left,
		.box a.button.left:visited,
		.box a.button.left:hover{
			float: left;
			margin-right: 10px;
			margin-left: 0px;
			}


/*
-----------------------------------------
	Action buttons
-----------------------------------------
*/



button.button-action-a,
input.button-action-a,
a.button-action-a,
#content a.button-action-a:visited,
a.button-action-a:hover,
button.button-action-b,
input.button-action-b,
a.button-action-b,
#content a.button-action-b:visited,
a.button-action-b:hover{
	float: left;
	display: block;
	height: 37px;
	padding: 0px;
	border: 0px solid #fff;
	cursor: pointer;
	background-repeat: no-repeat;
	background-color: transparent;
	font-style: normal;
}

		button.button-action-a,
		input.button-action-a,
		button.button-action-b,
		input.button-action-b{
				background-position: 0px 1px;
				height: 38px;
			}

		a.button-action-a,
		#content a.button-action-a:visited,
		a.button-action-a:hover,
		a.button-action-b,
		#content a.button-action-b:visited,
		a.button-action-b:hover{
				background-position: 0px 0px;
				height: 37px;
			}

button.button-action-a span,
input.button-action-a span,
a.button-action-a span,
#content a.button-action-a:visited span,
a.button-action-a:hover span,
button.button-action-b span,
input.button-action-b span,
a.button-action-b span,
#content a.button-action-b:visited span,
a.button-action-b:hover span{
	float: left;
	display: block;
	padding: 0px 12px 0px 15px;
	height: 37px;
	line-height: 37px;
	margin: 0px 0px 0px 3px;
	color: #fff;
	font-size: 1em;
	background-repeat: no-repeat;
	background-position: right -37px;
	}

		button.button-action-a span,
		input.button-action-a span,
		button.button-action-b span,
		input.button-action-b span{
			width: 100%;
			margin-top: -1px;
			padding: 0px 5px;
			}


/* static action buttons */


button.static,
input.button.static,
a.static,
#content a.static:visited,
a.static:hover{
	width: 165px;
	padding: 11px 10px 11px 42px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1.05em;
	font-weight: bold;
	display: block;
	height: 15px;
	float: none;
	}



/*
-----------------------------------------
	General form styles
-----------------------------------------
*/


/* inputText - select - textarea */


input[type="text"],
input[type="password"],
textarea,
select{
	border: 1px solid #d0d0d0;
	padding: 2px;
	color: #444;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}


/* ie6 */

.ie6 input.inputText,
.ie6 input.inputPassword{
	border: 1px solid #d0d0d0;
	padding: 2px;
	color: #444;
	background-color: #fff;
	}


/* inputRadio - inputCheckbox*/

input[type="radio"],
input[type="checkbox"]{
	width: 15px;
	padding: 0px;
	/*	margin: 0px 5px 0px 0px;*/
	/* leave auto margin */
	}

	/* ie6 */
	.ie6 input.inputRadio,
	.ie6 input.inputCheckbox{
		width: 15px;
		padding: 0px;
		/*	margin: 0px 5px 0px 0px;*/
		/* leave auto margin */
		}

.search-form input[type="radio"],
.search-form input[type="checkbox"]{
	margin: 0px 5px 0px 0px;
	/* exact outline */
	}

	/* ie6 */
	.ie6 .search-form input.inputRadio,
	.ie6 .search-form input.inputCheckbox{
		margin: 0px 5px 0px 0px;
		/* exact outline */
		}



/* buttonContainer */

.buttonContainer button,
.buttonContainer a.button,
.buttonContainer a.button:visited,
.buttonContainer a.button:hover{
	float: left;
	margin: 0px 10px 0px 0px;
	}

	.buttonContainer button{
		margin: 0px 20px 0px 0px;
		}



.buttonContainer:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.buttonContainer {
	#display:inline-block;
}
* html .buttonContainer {
	height:1%;
}
.buttonContainer {
	display:block;
}




	/*
	-----------------------------------------
		styles for form-general (zend-forms)
	-----------------------------------------
	*/

	/* dt - dd */

	.form-general dt{
		font-weight: bold;
		height: 26px;
		line-height: 24px;
		}

	#wedstrijd-index .form-general dt {height: auto;}

		.form-general dt#schiftingsvraag-label{
			height: auto;
			line-height: 18px;
			padding-bottom: 8px;
			}



	.form-general dd{
		padding: 0px 0px 10px 0px;
		}

	dd.hidden,
	dt.hidden{
		display: none;
		padding: 0px;
		}


	/* inputText - select - textarea */


	.form-general input[type="text"],
	.form-general input[type="password"],
	.form-general textarea,
	.form-general select{
		width: 250px;
		display: block;
		font-family: Arial, Verdana, sans-serif;
		}


	/* ie6 */
	.ie6 .form-general input.inputText,
	.ie6 .form-general input.inputPassword{
		width: 250px;
		display: block;
		font-family: Arial, Verdana, sans-serif;
		}

		/* myhome - send message  */

		.my-home .form-general input[type="text"],
		.my-home .form-general input[type="password"],
		.my-home .form-general textarea{
			width: 400px;
			}


		.ie6 .my-home .form-general .inputText,
		.ie6 .my-home .form-general .inputPassword,
		.ie6 .my-home .form-general textarea{
			width: 400px;
			}


			.my-home .form-general textarea{
				height: 120px;
				}

		/* myhome - profile  */

		.my-home .form-general.form-profile input[type="text"],
		.my-home .form-general.form-profile input[type="password"],
		.my-home .form-general.form-profile textarea{
			width: 250px;
			}


		.ie6 .my-home .form-general.form-profile .inputText,
		.ie6 .my-home .form-general.form-profile .inputPassword,
		.ie6 .my-home .form-general.form-profile textarea{
			width: 250px;
			}


	.form-general textarea{
		font-size: 1em;
		}


	/* description box */

	.form-general p.description{
		position: absolute;
		margin: -5px 0px 0px 260px;
		width: 150px;
		padding: 7px 5px 5px 18px;
		}

	/* Characters remaining box */

		.charsRemainingContainer{
			color: #777;
			}

	/* errors */

	ul.errors li{
		font-weight: bold;
		color:#C00;
		background: url(../media/images/layout/default/error.png) left top no-repeat;
		padding: 1px 10px 0px 20px;
		margin: 3px 0px 3px 0px;
		border: 0px solid #fff;
		clear: both;
		}

		.form-general ul.errors li{
			width: 230px;
			}

/*
-----------------------------------------
	styles for Poll
-----------------------------------------
*/

.poll .inputRadio{
	float: left;
	margin-right: 5px;
	display: block;
	width: 15px;
}

.poll label{
	float: left;
	width: 150px;
	}

.poll.wide label{
	float: left;
	width: 400px;
	}



/*
-----------------------------------------
	Register-form
-----------------------------------------
*/

	/* main fieldsets */

	fieldset#fieldset-general,
	fieldset#fieldset-profile{
		padding: 15px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
		border-width: 1px 0px 0px 0px;
		background: url(../media/images/layout/default/gradient-light.gif) left top repeat-x;
		}


	fieldset#fieldset-general dt,
	fieldset#fieldset-profile dt,
	fieldset#fieldset-general dd,
	fieldset#fieldset-profile dd{
		padding-left: 12px;
		}

	fieldset#fieldset-general legend,
	fieldset#fieldset-profile legend{
		padding: 0px 10px 0px 0px;
		font-size: 1.35em;
		font-weight: bold;
		}

		/* ie fix */

		.ie8 fieldset#fieldset-general,
		.ie8 fieldset#fieldset-profile,
		.ie7 fieldset#fieldset-general,
		.ie7 fieldset#fieldset-profile,
		.ie6 fieldset#fieldset-general,
		.ie6 fieldset#fieldset-profile{
			border-width: 0px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
			margin-top: 40px;
			}

			.ie8 fieldset#fieldset-general,
			.ie8 fieldset#fieldset-profile{
				margin-top: 30px;
				}

			.ie8 fieldset#fieldset-general legend,
			.ie8 fieldset#fieldset-profile legend{
				padding-bottom: 30px;
				}

		.ie8 fieldset#fieldset-general legend,
		.ie8 fieldset#fieldset-profile legend,
		.ie7 fieldset#fieldset-general legend,
		.ie7 fieldset#fieldset-profile legend,{
			margin-top: -45px;
			}

	/* gender multioptions for register and profile form */

	.form-general .gender input[type="radio"]{
		}

	.form-general .gender br{
		display: none;
		}

	.form-general .gender label{
		float: left;
		width: 100px;
		}

		/* CLEARFIX */

	.form-general .gender:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
	}

	.form-general .gender {
			#display: inline-block;
	}

	html[xmlns] .form-general .gender {
			display: block;
	}

	* html .form-general .gender {
			height: 1%;
	}

	/* END CLEARFIX */





/*
-----------------------------------------
	Add Recipe
-----------------------------------------
*/


/* difficulty  element clearfix */

	#difficulty_lvl-element:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
	}

	#difficulty_lvl-element {
			#display: inline-block;
	}

	html[xmlns] #difficulty_lvl-element {
			display: block;
	}

	* html #difficulty_lvl-element {
			height: 1%;
	}

/* end difficulty element clearfix */


/*
-----------------------------------------
	Newsletter
-----------------------------------------
*/

.boxes .newsletter input[type="text"]{
		width: 175px;
		}

/* ie6 */
.ie6 .boxes .newsletter input.inputText{
	width: 175px;
	}


/*
-----------------------------------------
	Login form
-----------------------------------------
*/

.myzone-box button{
	float: right;
	margin-top: 11px;
	}

.myzone-box .inputContainer{
	float: left;
	width: 121px;
	display: block;
	}

/* ie6 */
.ie6 .myzone-box button{
	float: right;
	margin: 11px 0px 0px 0px;
	}

.myzone-box input[type="text"],
.myzone-box input[type="password"]{
	width: 115px;
	color: #777;
	margin: 0px 0px 2px 0px;
	}


/* ie6 */
.ie6 .myzone-box input.inputText,
.ie6 .myzone-box input.inputPassword{
	width: 115px;
	color: #777;
	margin: 0px 0px 2px 0px;
	overflow: hidden;
	}



/*
-----------------------------------------
	Search form
-----------------------------------------
*/

	input[type="text"].big{
		border: 0px;
		height: 26px;
		padding: 4px 10px 4px 10px;
		font-size: 1.35em;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		}

	#search-form input[type="text"].big,
	#search-form input.inputText.big{
		float: left;
		margin-right: 15px;
		}


	#search-form .box input[type="text"].big,
	#search-form .box input.inputText.big{
		margin-right: 0px;
		}

		.ie6 #search-form .inputText.search{
			float: left;
			margin-right: 15px;
			}



	/* ie6 */

	.ie6 input.inputText.big{
		border: 0px;
		height: 18px;
		padding: 8px 10px 8px 10px;
		font-size: 1.35em;
		}

	input[type="text"].search{
		padding-left: 45px;
		width: 218px;
		}

	/* ie6 */

	.ie6 input.inputText.search{
		padding-left: 45px;
		width: 218px;
		overflow: hidden;
		}

	/* ie */

	.ie8 input[type="text"].big,
	.ie7 input[type="text"].big,
	.ie6 input[type="text"].big,
	.ff3_5 input[type="text"].big{
		padding: 8px 10px 4px 45px;
		}






/*
-----------------------------------------
	Search box
-----------------------------------------
*/


#search-box input[type="text"]{
	background: none;
	border: 0px solid #fff;
	font-size: 1.2em;
	padding: 6px 0px 6px 40px;
	height: 20px;
	display: block;
	float: left;
	}


	/* ie6 */
	.ie6 #search-box input.inputText{
		background: none;
		border: 0px solid #fff;
		font-size: 1.2em;
		padding: 8px 0px 6px 40px;
		height: 20px;
		display: block;
		float: left;
		}

/* ie7 & ie8 */
	.ie7 #search-box input.inputText,
	.ie8 #search-box input.inputText{
		padding: 8px 0px 6px 40px;
		}

#search-box button{
	background: none;
	border: 0px solid #fff;
	text-indent: -5000px;
	height: 30px;
	padding: 0px 8px;
	cursor: pointer;
	}



/*
-----------------------------------------
	Hide form elements (white space)
-----------------------------------------
*/

	.form-register #general-label,
	.form-register #profile-label,
	.form-profile #general-label,
	.form-profile #profile-label,
	.tips #recipe_item_id-label,
	.tips #recipe_item_id-element,
	.send #recipe_item_id-label,
	.send #recipe_item_id-element,
	.send #product_cat_id-label,
	.send #product_cat_id-element,
	.send #product_item_id-label,
	.send #product_item_id-element{
		visibility: hiddden;
		height: 0px;
		overflow: hidden;
		padding: 0px;
		}