/* @override 
	http://bedehuskirken.dev/wp-content/themes/bedehuskirken_ny/style_pamelding.css
	http://bedehuskirken.no/wp-content/themes/bedehuskirken_ny/style_pamelding.css
*/

/* PMELDINGSSYSTEM */

form.registration { margin-top: 2em; }

form.registration .options {
	background-color: #e0e0e0;
	display: block;
	margin-bottom: 2em;
	padding: 15px 0;
}

form.registration h3 {
	font-size: 1.5em;
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

form.registration .options p { margin: 0;}
form.registration .options .option-error { margin-left: 122px; }

form.registration .p-information { margin: 2em 0 2.5em; }


form.registration .p-information input {
border: 1px solid #bfc9b6;
color: #666666;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
margin-right: 5px;
padding: 4px 5px;
}

form.registration .options p { margin: 3px 0; }
form.registration .p-information p {
color: #555555;
display: block;
margin: 5px 0;
margin-bottom: 3px;
}

form.registration .p-information label,
form.registration .options span,
form.registration span.description {
display: block;
float: left;
font-weight: bold;
padding: 5px 0;
padding-right: 12px;
text-align: right;
width: 110px;
}

form.registration span.description { padding: 0 10px 0 0; }
	
form.registration .options span {
	margin-top: -2px;
	padding: 0;
	padding-right: 12px;
}

form.registration .p-information span.message {
	font-size: 0.8em;
}

form.registration .firstname { width: 90px; }
form.registration .lastname { width: 169px; }
form.registration .address { width: 280px; }
form.registration .zipcode { width: 60px; }
form.registration .city { width: 199px; }
form.registration .email { width: 280px; }
form.registration .phone { width: 90px; }
form.registration .birthdate { width: 90px; }
form.registration .church { width: 280px; }

form.registration .p-information .grey { color: #b5b5b5; }

form.registration input.green { background-color: #c8efb6; }
form.registration input.red { background-color: #f4ccc0;}
form.registration .red { color: #db6d5f;}

form.registration .button {
	color: #fff;
	text-decoration: none;
}

form.registration .p-information a.remove:hover {
	color: #515151;
	background: none; }
form.registration .p-information a.remove {
	color: gray;
	float: right;
	font-size: 0.8em;
}

a.register_button {
	color: #fff;
	font-size: 1.2em;	
	text-decoration: none;
}
a.register_button:hover {
	color: #fff;
}
p.register_button {
	margin: 1.5em 0;
}

form.registration input { border: 0; }
form.registration input#confirm { font-size: 1.1em; margin-top: 1em; }

form.registration .navigation { margin-left: 122px; }
form.registration .navigation a:hover {	color: #fff; }
span.or { margin: 0 0.4em; }
.back { margin-right: 50px;}
input#save { margin: 0 5px 0 122px; }

form.registration .div-2,
form.registration .div-3,
form.registration .div-4,
form.registration .div-5,
form.registration .div-6,
form.registration .div-7,
form.registration .div-8,
form.registration .div-9,
form.registration .div-10 {
	display: none;
	background-repeat: no-repeat;
}

form.registration .small { font-size: 0.9em; }


/* LIST */

.list { margin-top: 1.5em; }

.list div:hover { background-color: #d0d0d0; }
.list div { 
	background-color: #e0e0e0;
	color: #3c3c3c;
	clear: both;
	display: block;
	margin: 5px 0;
}


.list h4:hover { cursor: pointer; }
.list h4 {
	font-weight: normal;
	font-size: 1.3em;
	margin: 0;
	vertical-align: center;
}

.list h4 a.title {
	display: inline-block;
	height: 18px;
	padding: 15px;
	padding-left: 20px;
	overflow: hidden;
	width: 350px;
}

.list h4 span.date { font-size: 0.7em; margin-left: 1em;}
.list h4 span.more { margin-left: 0.8em; }

.list span.list_button {
	float: right;
	padding: 0;
	margin: 12px;
	margin-left: 0;
	
}

.list span.list_button a {
	font-size: 0.7em;
	padding: 0.4em 0.8em 0.45em;
}

.list div p {
	clear: left;
	display: none;
	font-size: 0.9em;
	margin: 0 20px;
	padding-bottom: 1em;
}

.list div p.show {
	display: block;
}

.list div h4 a:hover { background: none; }
.list div h4 a {
	color: #3c3c3c;
	text-decoration: none;
}

.list div h4 .list_button a {
	color: #fff;
}

/* INFORMATION */

/* BORDER-RADIUS */

form.registration .options,
.list div,
.summary_wrap,
.payment_info,
.receipt {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}



/* SUMMARY */

.summary { display: none; }

.summary_wrap, .info_wrap, .payment_info {
	background-color: #e0e0e0;
	padding: 20px;

}

.summary_wrap {	width: 100%; }
.summary h3 { margin-top: 0; }
.summary p { margin: 0.2em;}

.information_summary {
	border-right: 1px solid #adadad;
	width: 250px;
	padding-right: 20px;
	margin: 0;
	vertical-align: top;
}


.information_summary .person div { margin: 1.5em 0 0; }
.information_summary .person div p { margin: 0; }

.price_summary {
	padding-left: 20px;
	margin: 0;
	vertical-align: top;
}

.price_summary p.sum {
	margin-top: 1em;
	font-size: 1.2em;
}

.price_summary span.previous {
	color: #8c8c8c;
	font-size: 0.9em;
	margin-right: 10px;
}
.price_summary a.previous { margin-right: 10px; }
.price_summary .complete { margin-left: 5px; }


/* PAYMENT INFO */

.payment_info { margin-top: 1em; font-size: 0.9em; padding-bottom: 1px;}
.payment_info .warning {
	font-size: 2em;
	float: left;
	line-height: 1.1em;
	margin: 16px 25px 20px 5px;
	}
.payment_info p { margin: 0 0 1em;}
	
/* PERSON LISTING */

.person_list {
	
	border-collapse: collapse;
	clear: left;
	margin: 0;
	width: 100%;
	
}

.person_list p:hover { background-color: #ddd; }
.person_list p {
	background-color: #ececec;
	margin: 3px 0;
	width: 500px;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;	
}

p.order { margin-left: 15px; }

p.order span { margin: 0 5px; }

.person_list .name a:hover { background: none; }
.person_list .name a {
	color: #212121;
	display: inline-block;
	font-size: 1.1em;
	text-decoration: none;
	padding: 10px 15px;
}

.person_list .name { width: 270px; }
/* .person_list .email a:hover { background: none; color: #147;}
.person_list .email { display: inline-block; width: 200px; } */
.person_list .actions {
	margin: 10px 12px 0 0;
	float: right;
	width: 175px;
	}

.person_list .status {
	float: right;
	height: 20px;
	width: 20px;
	margin: 1px 0 0 10px;
}

.person_list .error {
	background: url(/images/ny/error-icon.png) no-repeat;
	display: block;
	height: 20px;
	opacity: 0.8;
	width: 20px;
	}
.person_list .error:hover { opacity: 1; }
.person_list .accepted {
	background: url(/images/ny/accept-icon.png) no-repeat;
	display: block;
	height: 20px;
	width: 20px;
	}

.person_list img.warning {
	float: right;
	margin: 1px 0 0 10px;
	}
	
.person_list .sent_email {
	color: #5ca02a;
	display: none;
	font-size: 0.7em;
	float: right;
	}
.person_list .payment_reminder {
	color: #f43a34;
	font-size: 0.7em;
	float: right; }

.person_list .payment_reminder:hover { background: none; color: #d40e10; }
.person_list .new_icon:hover {
	background-color: #eab919;
	background-image: -moz-gradient(top, #f5c11a, 	#cfa315); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #b99211),color-stop(1, #eab919)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e7707', endColorstr='#84a60e'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e7707', endColorstr='#84a60e')"; /* IE8 */
	}

.person_list .new_icon {
	background-color: #f5c11a;
	color: #3c3c3c;
	font-size: 0.6em;
	font-weight: bold;
	float: right;
	line-height: 1.4em;
	margin: 3px 0 0 10px;
	padding: 2px 8px;
	text-decoration: none;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	
	background-image: -moz-gradient(top, #f5c11a, 	#cfa315); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #cfa315),color-stop(1, #f5c11a)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e7707', endColorstr='#84a60e'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e7707', endColorstr='#84a60e')"; /* IE8 */

	}

/* ACTIONS */

.hidden {
	display: none;
}


/* RECEIPT */

.receipt {
	background-color: #ebeaeb;
	margin: 2em auto 0;
	padding: 0.5em 2em 1em;
	text-align: center;
	width: 400px;
}

p.header {
	font-size: 1.7em;
	line-height: 1em;
	margin: 1em 0;

}



/* Buttons */

.button {
	color: #fff;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	padding: .5em 1em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.green-gradient {
	color: #fff;
	border: solid 1px #81a010;
	background: #7e9e07;
	background: -webkit-gradient(linear, left top, left bottom, from(#95ba0b), to(#7b990a));
	background: -moz-linear-gradient(top,  #95ba0b,  #7b990a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#95ba0b', endColorstr='#7b990a');
}
.green-gradient:hover {
	background: #6f8d01;
	background: -webkit-gradient(linear, left top, left bottom, from(#8aac0b), to(#6e880b));
	background: -moz-linear-gradient(top,  #8aac0b,  #6e880b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8aac0b', endColorstr='#6e880b');
}
.green-gradient:active {
	color: #455a03;
	background: -webkit-gradient(linear, left top, left bottom, from(#6e880b), to(#8aac0b));
	background: -moz-linear-gradient(top,  #6e880b,  #8aac0b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e880b', endColorstr='#8aac0b');
}

.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.red-gradient {
	color: #fff;
	border: solid 1px #900412;
	background: #c40c0f;
	background: -webkit-gradient(linear, left top, left bottom, from(#e01c21), to(#a10d16));
	background: -moz-linear-gradient(top,  #e01c21,  #a10d16);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e01c21', endColorstr='#a10d16');
}
.red-gradient:hover {
	background: #9e0709;
	background: -webkit-gradient(linear, left top, left bottom, from(#d11b20), to(#8e0d15));
	background: -moz-linear-gradient(top,  #d11b20,  #8e0d15);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d11b20', endColorstr='#8e0d15');
}
.red-gradient:active {
	color: #7b0405;
	background: -webkit-gradient(linear, left top, left bottom, from(#8e0d15), to(#d11b20));
	background: -moz-linear-gradient(top,  #8e0d15,  #d11b20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e0d15', endColorstr='#d11b20');
}

.list {
	border-collapse: collapse;
}

.list th, .list td {
	padding: 5px;
	border: 1px solid gray;
}