/**
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Form Styling
 */

form .field {
	margin-top:20px;
}


/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
}

/* ACTION BUTTONS
---------------------------------------- */
input.action {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
}

fieldset .field {
	clear:both;
}

.middleColumn {
 	display: inline-block;
 	margin: 0px 10px 10px 0;
	background: transparent url('/hkconcerten/images/varBackgroundLight.png');
	padding: 0px;
	width: 100%;

	position:relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
	#Sidebar .middleColumn {
		margin: 0 0 0 8px;
		display: inline;
	}

	div.tab .field .middleColumn {
		clear: none !important;
 		margin: 0 !important;
		width: auto;
	}

	.middleColumn .middleColumn {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}

	.middleColumn .message {
		margin: 0;
	}

.middleColumn.literalFieldArea {
 	display: inline-block;
 	margin: -28px 0px 10px 0;
	background: none;
	font-size:11px;
	font-style: italic;
}

#EditableLiteralField27 label {
	height:1px;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

/* INPUT BOXS
---------------------------------------- */

input.text, textarea, select, span.htmldropdownValue {
	padding: 5px;
	border: 0;
	border-bottom: 1px dotted #8a8a8a;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	font-weight: normal;
	border-radius: 2px;
	width: 100%;
	background: rgba(123, 123, 123, 0.09) top left repeat-x;
	-moz-border-radius: 4px;
	/* -webkit-border-radius: 4px; */
	/* border-radius: 4px; */
	-webkit-box-shadow: inset 1px 1px 18px -5px rgba(0,0,0,0.67);
	-moz-box-shadow: inset 1px 1px 18px -5px rgba(0,0,0,0.67);
	/* box-shadow: inset 1px 1px 18px -5px rgba(0,0,0,0.67); */
}

span.htmldropdownValue {
	line-height: normal;
	border-bottom: 0;
}


input.text, select, span.htmldropdownValue {

}


span.htmldropdownValue {
	display:block;
	height:auto;
	cursor:pointer;
	min-height:14px;
	padding:0px;
	padding-right:4px;
}

select {
	height:20px;
}

textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 12px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

form .date input.month,
form .date input.day,
form .date input.year {
	width: auto;
}

form .datetime .clear {
	clear: both;
}

form .datetime .date,
form .datetime .time {
	float: left;
	clear: none;
	width: auto;
}
	form .datetime .middleColumn .middleColumn {
		width: auto;
	}
	form .datetime .date input,
	form .datetime .time input {
		width: auto;
	}


/* SELECT DROPDOWN
---------------------------------------- */

select {
	width: auto;
}

/* LABELS
---------------------------------------- */
.typography label {
 	display: inline-block;
	margin: 10px 10px 10px 0;
	color: #777;
	height:30px;
	width:100px;
	padding-top:5px;
	font-size: 12px;

}

.typography p.field.checkbox {
	padding-left:110px;
}

label.left {
	display: block;
}


label.right {
	display:inline;
}

label.required {
	font-weight: normal;
	width: 100%;
	font-size: 12px;
	margin-bottom: 0;
	line-height: 27px;
	background-color: rgba(158, 89, 89, 0.53);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

label {
	font-weight: normal;
}

/* CHECKBOXES
---------------------------------------- */
ul.optionset {
	margin: 0;
	overflow: hidden;
}
	ul.optionset li {
		margin: 6px 0;
		clear: both;
	}
		ul.optionset li input {
			float: left;
			margin: 0 6px;
		}
		ul.optionset li label {
			margin: 0;
		}

/* BUTTONS
---------------------------------------- */

input.action {
	background: transparent url(/hkconcerten/images/redBackground.png);
	display: inline-block;
	margin-top: 2px;
	line-height: 27px;
	padding-right: 5px;
	padding-left: 13px;
	font-size: 22px;
	height: 33px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Heading2';
	letter-spacing: 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	margin-left: 8px;
	border: 1px solid #7b3e3e;
	text-shadow: #3c3c3c 1px 1px 1px;
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}

button:focus,
input:focus,
textarea:focus {
	outline: 0 !important;
}

input.action:hover {
	text-decoration:none;
	background-color:#FFF;
	color:#6e6e6e;
	background: transparent url('/hkconcerten/images/varBackgroundLight.png');

	border:1px solid #b2b3af;
}

div.boxContent fieldset {
	padding:0px;
}

div.boxContent .middleColumn {
	width:240px;
	margin:0px;
}

div.boxContent label {
	margin-top:4px;
	margin-bottom:8px;
	display:block;
}

div.boxContent .middleColumn input.text {
	width:234px;
}

div.boxContent input.action {
	margin-left:2px;
	margin-top:10px;
}

div.boxContent div#Newsletters.checkboxset {
	display:none;
}


div.boxContent div#EditableEmailField8 label {
	display:none;
}

.autocomplete-w1 {
	position:absolute;
	top:0px;
	left:0px;
	margin:6px 0 0 6px; /* IE6 fix: */
	_background:none;
	_margin:1px 0 0 0;
}

.autocomplete,
.htmldropdown {
	border:1px solid #999;
	background:#FFF;
	cursor:default;
	text-align:left;
	max-height:350px;
	overflow:auto;
	margin:-6px 6px 6px -6px; /* IE6 specific: */
	_height:350px;
	_margin:0;
	_overflow-x:hidden;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius:5px;

}

.htmldropdown {
	margin:0px 0px 0px 0px; /* IE6 specific: */
	padding: 0px;
	max-height:280px;
}


div#artistSearch {
	display:inline-block;
	float:right;
    width: 277px;
	margin-top:5px;
	margin-right:5px;
    clear: both;
    margin-bottom: 10px;
}

div#artistSearch .middleColumn {
	margin:0px;
	padding:0px;
    width: 282px;
}

div#artistSearch .middleColumn input {
	margin:0px;
    width: 276px;
}

div#artistSearch form,
div#artistSearch fieldset {
	margin:0px;
	padding:0px;
	position:relative;
}

div#artistSearch fieldset input.action {
	float:right;
	position:absolute;
	margin:0px;
	top:0px;
	height:20px;
	line-height:17px;
	right: 0px;
	border:1px solid #B2B3AF;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	text-decoration:none;
	background-color:#FFF;
	color:#6e6e6e;
	background: transparent url('/hkconcerten/images/varBackgroundLight.png');
}

div#artistSearch fieldset input.action:hover {
	background-color:#d4d4d4;
	color:#3a3a3a;
}

.autocomplete .selected,
.htmldropdown .selected {
	background:#F0F0F0;
}
.autocomplete div,
.htmldropdown div {
	color: #474646;
	padding:2px 5px;
	font-size:12px;
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
	font-weight:bold;
}

.htmldropdown {
	font-weight:bold;
	display:none;
	position:absolute;
	z-index: 200;
	width:94%;
	text-shadow: none;
}

.dropdownhtml select {
	width:20px;
}

.htmldropdown div {
	font-weight:bold;
	font-size:14px;

}

.autocomplete strong,
.htmldropdownValue strong,
.htmldropdownValue div,
.htmldropdown strong {
	font-weight:bold;
	color: #A35858;
}

.htmldropdownValue div {
	color: #FFFFFF;
	font-size:12px;
}


div.selectedValue {
	text-align: left;
	height:53px;
	padding:2px;
	padding-right:23px;
	margin-right:-4px;
	background: transparent url('/hkconcerten/images/dropdown.png') right center no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow: none;
}

div.defaultValue {
	height:53px;
	line-height:19px;
	margin-right:-4px;
	background: transparent url('/hkconcerten/images/dropdown.png') right center no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

div.selectedValue:hover {
	background: transparent url('/hkconcerten/images/dropdownH.png') right center no-repeat;
}

div.defaultValue:hover {
	background: transparent url('/hkconcerten/images/dropdownH.png') right center no-repeat;
}


.autocomplete img,
.htmldropdownValue img,
.htmldropdown img {
	margin-right:5px;
	width:65px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius:3px;

}

.autocomplete span,
.htmldropdownValue span,
.htmldropdown span {
	font-weight:normal;
	color:#818181;
	display: block;
	margin-top:0px;
	height: 38px;
	white-space:normal;
	font-size:13px;
	overflow:hidden;
}

.contact-form .middleColumn {
	background: none;
}


.contact-form .middleColumn input.text,
.contact-form .middleColumn textarea,
.contact-form .middleColumn select,
.contact-form .middleColumn span.htmldropdownValue {
	border-bottom: 1px solid rgba(191, 191, 191, 0);
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	width: 100%;
	background: rgba(247, 247, 247, 0.11) top left repeat-x;
	text-shadow: #3c3c3c 1px 1px 1px;
}

.contact-form label.left {
	color: #FFF;
	text-shadow: #3c3c3c 1px 1px 1px;
}

.contact-form label.required {
	background-color: rgba(255, 255, 255, 0.7);
	color: #9e5959;
	font-weight: bold;
	text-shadow: none;
}

div.form-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 6;
	color: #fff;
}

div.form-overlay .message {
	position: absolute;
	bottom: 65px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 90%;
	background-color: #3c6135;
	border-radius: 117px;
	/* padding: 20px; */
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	opacity:0;
}

div.form-overlay .message.error {
	background-color: #790000;
}

div.form-overlay .message h2 {
	color: #FFF;
	text-shadow: 1px 1px 2px #000000;
	background: transparent url(/hkconcerten/images/lineHorizontalWhite.png) left bottom repeat-x;
}


section#dark form {
	text-align: center;
}

section#dark form #Newsletters {
	display: none;
}

section#dark .middleColumn {
	background: none;
}

section#dark input {
	color: #FFF;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.14);
}

section#dark input.action {
	font-size: 19px;
	height: 27px;
}

section#dark form#Form_nieuwsbrief {
	margin-top: -20px;
	margin-bottom: 15px;
}

.g-recaptcha {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 20px;
}