
body {
    background: #E4E4E4;
}

#envelope {
    background: #FFFFFF;
    max-width: 800px;
    border: 2px #a4a4a4 solid;
    border-radius: 6px;
    margin-right: auto;
    margin-left: auto;
}
#envelope form fieldset{
    border-radius: 4px;
}
#envelope form {
    padding: 5px;

}
#banner {
    background: #167D86;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
#banner > img{
    height: 50px;
    padding: 10px;
}

.bordered {
    border: #8b8989 1px solid ;
    border-radius: 2px;
}
h5.hint {
    color: #ed151f;
}
.wp-select input[type=button].none {
    width: 2.25em;
    height: 2.25em;
    padding: .4em;
    border-color: #ddd ;
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background:  #ffffff ;
    vertical-align: top;
}
.wp-select input[type=button].clear {
    width: 2.25em;
    height: 2.25em;
    padding: .4em;
    border-color: #ddd ;
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background: url("../images/clear.png") #ffffff no-repeat center center;
    vertical-align: top;
}
.wp-select input[type=button].lock {
    width: 2.25em;
    height: 2.25em;
    padding: .4em;
    border-color: #ddd ;
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    cursor: inherit;
    background: url("../images/lock.png") #ffffff no-repeat center center;
    vertical-align: top;
}
.wp-select input[type=text] {
    display: inline-block;
    margin-right: 0;
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    width: calc(100% - 2.25em);
}
#cameraInputButton {
    background: url('/static/img/photoButton.png') no-repeat 10px 3px; padding-left: 50px;background-size:  20px;
}

.warn {
    background-color: #ffc0c0;
}
