styles.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, img, 
fieldset, form, label, legend, button, 
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

img {
margin: 0;
font-size: 0;
line-height: 0;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

hr {
margin: 0;
padding: 0;
}

b, strong { font-weight: bold; }

body {
background: #ddd;
font-family: 'helvetica neue', helvetica, arial, verdana;
font-size: 14px;
line-height: 18px; 
color: #333;
}

#wrapper {
width: 560px;
margin: 50px auto;
}

#content {
background: #fff;
width: 500px;
padding: 30px;
}

#content:after {
content: " ";;
display: block;
clear: both;
}

form { width: 500px; }

label {
display: block;
font-weight: bold;
}

input[type=text], textarea {
width: 360px;
padding: 5px;
border: 1px solid #ccc;
background: #eee;
margin: 0 0 10px 0;
}

input[type=radio] { margin: 0 0 0 15px; }

input[type=radio]:first-of-type { margin: 0 }

.type-detail { display: none; }

h1 { 
margin: 0 0 30px 0; 
font-size: 30px;
}

h2 {
font-size: 24px;
line-height: 24px;
margin: 0 0 30px 0;
}

p { margin: 0 0 18px 0; }

#qr-code { 
float: left;
display: none; 
border-top: 2px dotted #ccc;
margin: 20px 0 0 0;
padding: 20px 0 0 0;
}