/* =========================== *
 * Geschenkgutschein Generator *
 * --------------------------- *
 * build 0.1 20091105 @ dhe    *
 * =========================== */

/* Auswahlbox */
.voucher-box {
	float:left;
	margin:10px 50px 10px 0;
	text-align:center;
	width:152px;
}
	.voucher-box.last {
		margin-right:0;
	}

/* Formular */
.voucher-form {
	overflow:hidden;
}
.voucher-form fieldset {
	border:none;
	margin:10px 0;
}
	.voucher-form fieldset.grouped {
		width:550px;
		*padding: 10px 0 0 0;
	}
.voucher-form label{
	clear:both;
	display:block;
	float:left;
	font-size:12px;
	margin:2px 0 10px 0;
	width:150px;
}
	.voucher-form label.long{
		width:auto;
		*width:550px !important;
	}
	.voucher-form label.error {
		color:red;
		background:none;
		font-weight:normal;
	}
.voucher-form label strong {
	margin:0;
}
.voucher-form label.motiv {
	width:150px;
	height:120px;
	display:block;
	border:1px solid #ccc;
	position:relative;
}
	.zoom {
		width:16px;
		height:16px;
		position:absolute;
		right:0;
		bottom:0;
		background:url(../../images/reference/detail_referenzen_01.gif) top left no-repeat;
	}
.voucher-form input.text{
	display:block;
	float:left;
	width:200px;
	border:1px solid #ccc;
	margin:2px 0 10px 0;
}
	#voucher-form input.radio {
		border:none;
	}
.voucher-form textarea {
	clear:both;
	float:left;
	width:350px;
	height:58px;
	border:1px solid #ccc;
	margin:0 !important;
}
span.extra-info {
	float:left;
	margin:3px;
}
	span.extra-info.error {
		background:none !important;
	}

	span.extra-info strong {
		margin:0 5px 0 0;
	}
/* Submit Btn */
.voucher-form .left-block {
	float:left;
	margin:0;
	_width:100px;
}
.voucher-form .right-block {
	float:right;
	margin:0;
	_width:100px;
}
.voucher-form .right-block.fix {
	margin:5px 0 0 0;
	*margin:0;
}

span.btn {
	height:19px;
	padding: 0 0 0 19px;
	display:block;
}
	.voucher-form .left-block span.btn {
		background:url("../images/submitBtnArrowLeft.gif") top left no-repeat;
	}
	.voucher-form .right-block span.btn {
		background:url("../images/submitBtnArrow.gif") top left no-repeat;
	}
	span.btn input.submitBtn {
		background:url("../images/submitBtnBody.gif") top right no-repeat;
		color:#376A9B;
		font-weight:bolder;
		font-family:Arial, Helvetica, sans-serif;
		border:none;
		margin:0;
		padding:2px 8px 3px 5px;
		float:left;
		cursor:pointer;
		*overflow:visible;
	}
		span.btn input.submitBtn:hover {
			color:#FF9900;
		}

/* STATUSMELDUNGEN */
.result {
	clear:both;
	padding:0 0 0 30px;
	_padding: 1px 0 1px 30px;
	overflow:hidden;
	font-weight:bold;
}
	.result.success {
		color:#22b560;
		background:url("../images/voucher/success.gif") 0px 3px no-repeat;

	}
	.result.error {
		background:url("../images/voucher/error.gif") 0px 3px no-repeat;
		color:#ff0000;
	}
	.result.used {
		background:url("../images/voucher/used.gif") 0px 3px no-repeat;
		color:#666;
	}
	.result.denied {
		background:url("../images/voucher/denied.gif") 0px 3px no-repeat;
		color:#ff0000;
	}

/* PREVIEW */
a.preview {
	background:none !important;
	position:relative;
	padding:0;
	display:block;
}

/* TEASER rechte Spalte */
#mini-voucher .box-content-body {
	overflow:hidden;
}
#mini-voucher .box-right {
	text-align:right;
}