/**
 * Form for "Spontananfrage"
 */
.spontananfrage {
	position:relative;
	padding-left:5px;
}
.spontananfrage .body {
 	text-shadow: #ffffff 2px 1px 0px;
	margin:0px;
	height:auto;
	background:transparent url('../images/mag/mag-feat-body.png') repeat-y;
	padding-left:20px;
	width: 968px;
	position:relative;
	overflow:hidden;
	z-index:100;
}
.spontananfrage .error {
	color:red;
	padding-top:5px;
}
.spontananfrage .message {
	clear:left;
}

/** Input elements and corresponding containers **/
.spontananfrage input, .spontananfrage textarea {
	padding:3px;
}
input.date {
	width:95px;
}
.spontananfrage .label {
	font-size: 14px;
	padding-right: 5px;
}
div.label {
	float:left;
}

div.first-label {
	width:232px;
}
div.label-from {
	width:35px;
}
div.label-to {
	width:25px;
}
.date-container {
	width:100px;
	float:left;
	margin-right:15px;
}

.input-container {
	width:270px;
	float:left;
}
.input-container-small {
	width:170px;
	float:left;
}

.input-container input, .input-container-small input {
	float:right;
	margin-right:10px;
	width:160px;
}

.input-container-small input {
	width:70px;
}

.preview input, .preview select {
	margin-right:20px;
}

input.example-value {
	color:#666;
}
input.normal {
	color:black;
}
.optional-label {
	line-height:36px;
	font-size:14px;
	vertical-align:middle;
}
.checkbox-list {
	float:left;
	width:420px;
}
.notes-area {
	float:left;
}
.notes-area textarea {
	height:35px;
	width:260px;
}
/** Interests checkbox **/

ul.grid-checkbox {
	list-style:none;
	margin-top:5px;
}

ul.grid-checkbox li {
	font-size:12px;
}

ul.grid-checkbox li div {
	width:140px;
	float:left;
}

ul.grid-checkbox input {
	margin-right: 10px;
}

/** Separation line **/
.separator {
	height:3px;
	background:transparent url('../images/spontananfrage/separator.png') repeat-x;
	margin-top:10px;
	margin-bottom:15px;
	margin-right:55px;
	margin-left:-10px;
}
.separator-half {
	height:7px;
	background:transparent url('../images/spontananfrage/separator.png') repeat-x;
	width:795px;
	margin-left:110px;
	margin-top:-10px;
}

.separator-text {
	font-size:12px;
	color:#999999;
	margin-left:-10px;
}

/** Super funky button **/

.spontananfrage .button {
	width:206px;
	height:50px;
	position:absolute;
	top:28px;
	right:46px;
	font-size:18px;
	text-decoration:none;
	font-family:Helvetica;
	text-shadow:0em 0em #999;
}

.spontananfrage .button div {
	text-align:center;
	padding-top:13px;
}

.spontananfrage a.off { 
	background:transparent url('../images/spontananfrage/spontan-send-off.png') no-repeat;
	color:#b4b4b4;
}

.spontananfrage a.on {
	background:transparent url('../images/spontananfrage/spontan-send-on.png') no-repeat;
	color:white;
}

.spontananfrage a.on:hover {
	background:transparent url('../images/spontananfrage/spontan-send-hover.png') no-repeat;
}

/** Calendar hack **/
#ui-datepicker-div {
	z-index:101;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.ui-state-default, .ui-widget-content .ui-state-default {
	color:#666;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	border:none;
}

.calendar-icon {
	width:19px;
	height:18px;
	z-index:105;
	position:absolute;
	top:3px;
}
.calendar-from {
	background:transparent url('../images/spontananfrage/calendar-from.png') no-repeat;
	left:658px;
}
.calendar-to {
	background:transparent url('../images/spontananfrage/calendar-to.png') no-repeat;
	position:absolute;
	right:167px;
}

/** Dropdown hack **/
.dropdown-placeholder {
	margin-left:280px;
}
.dd-wrap {
	position:absolute;
	left:260px;
	top:18px;
	z-index:103;
	width:260px;
}
.dd-wrap .selected {
	cursor:pointer;
	height:29px;
	vertical-align:middle;
	line-height:29px;
	font-size:14px;
	width:260px;
	background:transparent url('../images/spontananfrage/dropdown-selected.png') no-repeat;
	padding-left:5px;
}
.dd-wrap .options {
	padding-bottom:5px;
	position:absolute;
	width:260px;
	z-index:103;
	font-size:12px;
}
.dd-wrap .options ul {
	max-height:250px;
	overflow:auto;
	border:solid 1px #ccc;
	font-size: 12px;
}
.dd-wrap .options ul a {
	text-decoration:none;
	padding:5px;
	background:#ffffff;
	color:black;
	display:block;
}
.dd-wrap .options ul a.li-selected {
	background:#ededed;
}

.dd-wrap .options ul a:hover, .dd-wrap .options ul a.li-selected:hover {
	background:#3582c4;
	color:white;
}


/** Success message/Overlay/Forwarding to catalogue order **/
#spontananfrage-overlay {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.9;
	background:white;	
	z-index:1000;
	
}

#spontananfrage-success {
	display:none;
	position:absolute;
	top:200px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:1001;
	margin-left:auto;
	margin-right:auto;
	width:505px;	
	opacity:1;
}
#spontananfrage-success .header {
	height:17px;
	background:transparent url('../images/spontananfrage/popup-header.png') no-repeat;
}
#spontananfrage-success .footer {
	height:16px;
	background:transparent url('../images/spontananfrage/popup-footer.png') no-repeat;
}
#spontananfrage-success .body {
	background:transparent url('../images/spontananfrage/popup-bg.png') repeat-y;
	padding-top:20px
	padding-bottom:20px;
	
	text-align:center;
}
#spontananfrage-success .body h1 {
	font-family:Helvetica;
	font-size:28px;
}
#spontananfrage-success .body h3 {
}

.buttons {
	position:relative;
	bottom:0px;
	height:130px;
	padding-bottom:40px;
	padding-left:40px;
	padding-right:40px;
}
.buttons a {
	text-decoration:none;
	font-size:12px;
}
.button-close {
	background:transparent url('../images/spontananfrage/popup-close.png') no-repeat;
	display:block;
	height:40px;
	width:108px;
	position:absolute;
	bottom:35px;
	left:65px;
}
a.button-close div {
	padding-top:12px;
}
.button-order {
	color:white;
	background:transparent url('../images/spontananfrage/popup-order.png') no-repeat;
	display:block;
	height:127px;
	width:209px;
	position:absolute;
	bottom:35px;
	right:65px;
}
a.button-order div {
	padding-top:98px;
}