h1 {
    background: blue;
    color: white;
    padding: .25em .25em .25em .25em;
    overflow: clip;
}

p {
    padding: 0;
    margin: 0;
    margin-left: 1em;
}

.invitation {
    background: white;
    clear: both;
    width: 33%;
    min-width: 20em;

    margin-left: auto;
    margin-right: auto;
    padding-bottom: .02em;
}
.invitationspanning {
    margin: 5em;
}

.radio {
    /*display: block;*/
    /*background: #aaaaff !important;*/
    margin-left: 2em;
    margin-top: .5em;

    /*float: left;
    clear: left;*/
}

label {
    display: list-item;
    list-style: none;
    /*float: left;
    clear: right;*/
    padding: .25em;
}

.invitation input.submit:hover {
    border: 2px solid blue;
}

.invitation input.submit {
    display: block;
    margin-left: auto;
    margin-right: 1em;

	/* layout */
	display: block;
	padding: .25em;
	/*margin: .1em;*/

	/* button style */
	border: 2px outset white;
	background: lime;
	-moz-border-radius: .5em;

	/* text / foreground */
	color: white; /*purple;*/
	font-size: 1.25em;
	text-decoration: none;
}


.viewer {
    background: white;
    width: 100%;
    text-align: center;
    padding-bottom: 2em;
}
#receiver, #sender {
    display: inline;
}

#code, #urlbox {
    display: block;
    background: pink;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: .25em;
    margin-bottom: .5em;
    padding: .25em;
}

#urlbox {
    font-size: .80em;
    width: 85%
}

.urlinfo {
    display: block;
    /*width: 100%;*/
    background: #e4eeb1; /*#babaa4;*/
    margin: 0;
    margin-top: 1em;
    padding-left: 1em;
}
.urlinfo .l1, .urlinfo .l2 {
    display: inline;
    margin: 0;
    padding: 0;
}
.urlinfo .l2 {
    padding-left: 2em;
}