/*
 *	Edit schedule board
 */
form#edit_schedule input.submit {
}

table.edit_schedule {
    width: 100%;
    border-collapse: collapse;
    margin: 5px auto;
}

table.edit_schedule th {
    color: #333;
}

table.edit_schedule th,
.edit_schedule td {
    padding: 3px !important;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 1.3em;
    background-color: #f9f9f9;
}

table.edit_schedule .open,
table.weekly_schedule .open,
.legend dt.open {
    background-color: #e1fad4;
    color: #395;
}

table.edit_schedule .caution,
table.weekly_schedule .caution,
.legend dt.caution {
    background-color: #fcf6e0;
    color: #e70;
}

table.edit_schedule .closed,
table.weekly_schedule .closed,
.legend dt.invalid {
    background-color: #fff;
    color: #333;
}

table.edit_schedule .past {
    background-color: #bbb;
}

table.edit_schedule .reserved {
    background-color: #ffa;
    color: #333;
}

.legend dl {
    margin: 0;
}

.legend dt,
.legend dd {
    margin-top: 4px;
    margin-bottom: 4px;
}

.legend dt {
    text-align: center;
}

.legend p {
    margin: 1em 0;
    padding: .5em 1em;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #666;
}


/*
 *	Reservation form
 */
.reservation {
    text-align: left;
}

/*
.reservation dl {
    margin: 0;
    padding: 0;
    width: 100%;
}

.reservation dl:after {
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: ".";
}

.reservation dt {
    clear: both;
    width: 25%;
    float: left;
}

.reservation dd {
    width: 70%;
    float: left;
    margin-left: 1%;
}

.reservation dt,
.reservation dd {
    margin-top: 0;
	padding: 10px 0 0 10px;
	border-top: 1px solid #ccc;
}
*/

.reservation input {
    margin-top: 10px;
    clear: both;
}

.already_reserved {
    margin-left: 30px;
    padding: 3px 5px;
    background-color: #f00;
    color: #fff;
}

.free {
    margin-left: 5px;
    padding: 3px 5px;
    background-color: #390;
    color: #fff;
}

/*
 *	Member's information
 */
table.members_info {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    font-size: small;
}

table.members_info th {
    padding: 5px 10px !important;
    background-color: #f9f9f6;
    border: 1px solid #ccc;
    color: #333;
    width: 25%;
}

table.members_info td {
    padding: 5px 10px !important;
    background-color: #fff;
    border: 1px solid #ccc;
}

div.members_info {
    text-align: left;
}

/*
 *	Member's attendance history
 */
table.history_list {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    font-size: small;
}

table.history_list th {
    padding: 5px 10px !important;
    background-color: #f9f9f6;
    border-bottom: 1px solid #ccc;
    color: #333;
}

table.history_list td {
    padding: 5px 10px !important;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

table.history_list th.date {
    width: 25%;
}

table.history_list th.room,
table.history_list th.member {
    width: 55%;
}

table.history_list th.absent {
    width: 20%;
}

table.future_list {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    font-size: small;
}

table.future_list th {
    padding: 5px 10px !important;
    background-color: #f9f9f6;
    border-bottom: 1px solid #ccc;
    color: #333;
}

table.future_list td {
    padding: 5px 10px !important;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

table.future_list th.date {
    width: 25%;
}

table.future_list th.waiting {
    width: 30%;
}

table.future_list th.room,
table.future_list th.member {
    width: 25%;
}

table.future_list th.cancel {
    width: 20%;
}

table.ticket_logs th.date {
    width: 25% !important;
}

/*
 *	Page navi for history
 */

.list_pagenavi {
    display: block;
    height: 1em;
}

.list_pagenavi .prev_page {
    float: left;
    width: 20%;
}

.list_pagenavi .next_page {
    float: right;
    width: 20%;
    text-align: right;
}

.list_pagenavi .list_datenavi {
    float: left;
    width: 60%;
    text-align: center;
}

.list_pagenavi .list_datenavi a {
    margin: auto 10px;
}

/*
 *	Daily schedule board
 */
table.daily_schedule {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    font-size: small;
}

table.daily_schedule th {
    padding: 3px !important;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 1.3em;
    background-color: #f9f9f9;
    color: #333;
}

table.daily_schedule td,
table.daily_schedule th.times {
    padding: 3px !important;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #eee #ccc;
    text-align: center;
    line-height: 1.3em;
}

table.daily_schedule th .portrait {
    display: block;
    padding: 10px;
}

table.daily_schedule th .portrait img {
    width: 80px;
}

table.daily_schedule th.times {
    width: 10%;
}

table.daily_schedule td.open {
    background-color: #1af;
    color: #fff;
}

table.daily_schedule td.open a {
    color: #fff;
}

table.daily_schedule td.closed {
    background-color: #eee;
    color: #333;
}

table.daily_schedule tr.past td {
}

table.daily_schedule td.you {
    background-color: #ffa;
}

table.daily_schedule td.you a {
}

/*
 *	Calendar
 */
table.olb_calendar {
    width: 100%;
}

table.olb_calendar th,
table.olb_calendar td {
    padding: 0 !important;
    text-align: center;
}

table.olb_calendar th.sunday,
table.olb_calendar td.sunday,
table.olb_calendar td.sunday a {
    background-color: #ffeef6;
    color: #c06;
}

table.olb_calendar th.saturday,
table.olb_calendar td.saturday,
table.olb_calendar td.saturday a {
    background-color: #eef6ff;
    color: #06c;
}

table.olb_calendar td.today {
    background-color: #ffeecc;
}

table.olb_calendar_weekly td .wmonth {
    font-size: x-small;
    color: #999;
}

.back2day {
    font-size: x-small;
}

/*
 *	Daily schedule board (single)
 */
table.single_schedule_time,
table.single_schedule_status {
    border-collapse: collapse;
    width: 100%;
    /*	border: 1px solid #ccc; */
    font-size: small;
}

table.single_schedule_time th {
    padding: 3px !important;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #eee #ccc;
    text-align: center;
    line-height: 1.3em;
    color: #333;
}

table.single_schedule_status td {
    padding: 3px !important;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #eee #ccc;
    text-align: center;
    line-height: 1.3em;
}

table.single_schedule_status td.open {
    background-color: #1af;
    color: #fff;
}

table.single_schedule_status td.open a {
    color: #fff;
}

table.single_schedule_status td.closed {
    background-color: #eee;
    color: #333;
}

table.single_schedule_status td.you {
    background-color: #ffa;
}

table.single_schedule_status td.you a {
}

/*
 *	Weekly schedule board
 */
table.weekly_schedule {
    width: 100%;
    border-collapse: collapse;
    padding: 1px;
    border: 1px solid #ccc;
    font-size: small;
}

table.weekly_schedule th {
    padding: 3px !important;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 1.3em;
    background-color: #f9f9f9;
    color: #333;
}

table.weekly_schedule td,
table.weekly_schedule th.times {
    padding: 3px !important;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #eee #ccc;
    text-align: center;
    line-height: 1.3em;
}

table.weekly_schedule th.times {
    width: 10%;
}

table.weekly_schedule th.sunday {
    background-color: #ffeef6;
    color: #c06;
}

table.weekly_schedule th.saturday {
    background-color: #eef6ff;
    color: #06c;
}

/*table.weekly_schedule td.open {
    background-color: #1af;
    color: #fff;
}
*/
table.weekly_schedule td.open a,
table.weekly_schedule td.caution a {
    color: inherit;
}

/*table.weekly_schedule td.closed {
}
*/
table.weekly_schedule td.past {
    background-color: #eee;
    color: #333;
}

table.weekly_schedule td.you {
    background-color: #ffa;
}

table.weekly_schedule td.you a {
}

/*
 *	info box
 */
.alert {
    clear: both;
    padding: 8px 35px 8px 14px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert,
.alert h4 {
    color: #c09853;
}

.alert h4 {
    margin: 0;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-success h4 {
    color: #468847;
}

.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-info h4 {
    color: #3a87ad;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}

.alert-block p + p {
    margin-top: 5px;
}

/*
 *	Buttons
 */
/* These css button was generated by css-button-generator.com */
.submit_btn {
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #dcdcdc;
    padding: 9px 18px;
    text-decoration: none;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    background: -ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    color: #777777;
    display: inline-block;
    text-shadow: 1px 1px 0px #ffffff;
    -webkit-box-shadow: inset 1px 1px 0px 0px #ffffff;
    -moz-box-shadow: inset 1px 1px 0px 0px #ffffff;
    box-shadow: inset 1px 1px 0px 0px #ffffff;
}

.submit_btn:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    background: -ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
}

.submit_btn:active {
    position: relative;
    top: 1px;
}

.reserve_btn {
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #337fed;
    padding: 9px 18px;
    text-decoration: none;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
    background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
    background: -ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
    background-color: #3d94f6;
    color: #ffffff;
    display: inline-block;
    text-shadow: 1px 1px 0px #1570cd;
    -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe;
    -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe;
    box-shadow: inset 1px 1px 0px 0px #97c4fe;
}

.reserve_btn:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
    background: -moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
    background: -ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
    background-color: #1e62d0;
}

.reserve_btn:active {
    position: relative;
    top: 1px;
}

.cancel_btn {
    font-size: 16px;
    font-family: Arial;
    font-weight: normal;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #d02718;
    padding: 9px 18px;
    text-decoration: none;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
    background: -moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
    background: -ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
    background-color: #f24537;
    color: #ffffff;
    display: inline-block;
    text-shadow: 1px 1px 0px #810e05;
    -webkit-box-shadow: inset 1px 1px 0px 0px #f5978e;
    -moz-box-shadow: inset 1px 1px 0px 0px #f5978e;
    box-shadow: inset 1px 1px 0px 0px #f5978e;
}

.cancel_btn:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
    background: -moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
    background: -ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
    background-color: #c62d1f;
}

.cancel_btn:active {
    position: relative;
    top: 1px;
}