.popup {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    background: #ddd;
    padding:    20px;
    position:   fixed;
    z-index:    200;
}

#mask {
    position:   fixed;
    z-index:    199;
    background: #000;
}

.popup .content {
    padding: 0;
    width:   auto;
}

.popup .headline {
    display:       block;
    font-family:   "Open Sans bold", sans-serif;
    margin-bottom: 20px;
}

.popup ul {
    margin-bottom: 20px;
}

.popup th,
.popup td {
    padding: 0 10px 5px 0;
}

.popup th {
    text-align: center;
}

.popup td {
    vertical-align: top;
    line-height:    26px;
}

.popup .spacer {
    min-width: 90px;
}

.popup table input[type="text"],
.popup table textarea {
    width: 160px;
}

.popup textarea {
    height: 120px;
    margin: 0;
}

.popup li {
    clear:         left;
    margin-bottom: 5px;
    line-height:   26px;
}

.popup .title,
.popup ul input[type="text"] {
    float: left;
}

.popup .title {
    width: 100px;
}

.popup ul input[type="text"] {
    width: 340px;
}

.popup select {
    width: 350px;
}

.popup button {
    border: none;
}

.popup .hidden {
    display: none;
}