/* @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 */

h4 {
	margin-top: 1.8em;
}

.registration { margin-top: 2em; }

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

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

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

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



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

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

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

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

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

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

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

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

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

.registration .next { color: #fff; }

.registration .p-information a.remove:hover {
	color: #515151;
	background: none; }
.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;
}

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

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

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

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


.registration .p-information.arrangement label { width: 10em; }
.registration .arrangement input[type="text"],
.registration .arrangement textarea { width: 400px; }
.registration .arrangement textarea { height: 150px; }
.registration .arrangement input.date { width: 90px; }
.registration .arrangement input.time { width: 40px; }
.registration .arrangement input.max { width: 35px; }

.arrangement_options th { text-align: left; padding-left: 3px;}
.registration .arrangement_options input.option_title { width: 17em; }

.arrangement_register_options td { width: 2em; }
.arrangement_register_options th {
	text-align: right;
	padding-right: 0.5em;
	height: 1.7em;
	width: 10em;
}

.registration .delete_price_option:hover {
	background: none;
}
.registration .new_price_option.button {
	font-size: 0.9em;
	margin-left: 3px;
	padding: .2em .7em;
}

/* 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: 330px;
}

.list h4 span.dates { 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;
	
}

span.list_button a { font-size: 0.7em; color: #fff; }
.list span.list_button a { 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;
}

.person_list .arrangement_list.actions { margin: .5em .8em 0 0; }
.person_list .arrangement_list.actions a.button {
	color: #fff;
	font-size: 0.8em;
	padding: .2em 1em
	
}

/* INFORMATION */

/* BORDER-RADIUS */

.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;

}

p.message {
	background-color: #97bd0e;
	border: 1px solid #8fa866;
	color: #323232;
	font-size: 0.9em;
	padding: .5em 1em;
}

.button.new_arrangement {
	color: #fff;
	float: right;
	font-size: 0.9em;
	padding: .1em 1em .2em;
	margin-right: 129px;
}

p.arrangement_administration {
	float: right;
	margin-top: .6em;
}
p.arrangement_administration a {
	color: #fff;
	padding: .3em 1em;
}

/* 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 {
	color: #fff;
	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: #fff;
	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');
}

.green-gradient:visited {
	color: #fff;
}

.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');
}

.red-gradient:visited {
	color: #fff;
}

.list {
	border-collapse: collapse;
}

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