.popup {
    display: none;
}

div.popup div p {
    padding: 10px;
}

.popup {
    width: 326px;
    padding: 2px;
    background-color: #fff;
    border-style: double;
    border-width: 7px;
    border-color: d0d0d0;
}

.popup h1 {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
    background-color: #dedede;
    padding: 10px;
}

.popup p {
    padding: 10px;
}

.popup label {
    display: block;
    font-size: 0.8em;
    padding-left: 10px;
}

.popup input,
.popup textarea {
    margin-bottom: 0.5em;
    border: solid 1px #9f9f9f;
    padding: 2px;
    margin-left: 10px;
    width: 300px;
}

.popup textarea {
    height:76px;

}

.popup .control-links {
    display: block;
    text-align: right;
    margin: 10px;
}


#popup label.init {
    transition: color 5s;
    transition-timing-function: ease-out;
    color: black;
}

.popup label.error {
    color: red;
}

.control-links {
    display: inline;
}

.control-links a {
    margin-left: 0.5em;
    border-left: solid 1px #9f9f9f;
    padding-left: 0.5em;
}

.control-links a.first {
    border-left: none;
    margin-left: 0px;
    padding-left: 0px;
}