.bookaroom {
}

.bookaroom input.address {
    width: 18em;
}

.bookaroom input.email {
    width: 15em;
}

.bookaroom input.name {
    width: 12em;
}

.bookaroom input.confirmation-id {
    width: 8em;
}

.bookaroom input.amount {
    width: 8em;
}

.bookaroom select {
    margin-bottom: 1em;
}

.bookaroom table {
    font-size: 16pt;
    padding-right: 1em; /* So horizontal scrollbar gives a litte right padding on overflow. */
    width: 100%;
}

.bookaroom td {
    padding: 0.5em;
    text-align: center;
    white-space: nowrap;
}

.bookaroom td.guest {
    text-align: left;
}

.bookaroom td.notes {
    text-align: left;
    white-space: normal;
}

.bookaroom th {
    padding: 0 0.5em 0 0.5em;
    text-align: center;
    white-space: nowrap;
}

.bookaroom td {
    border-color: #808080;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
}

.bookaroom textarea {
    height: 5em;
    width: 12em;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-size: 1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}
.ui-widget-content a {
    color: #333333;
}
.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}
.ui-widget-header a {
    color: #333333;
}