/*
 *	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 {
	background-color: #1af;
	color: #fff;
}
table.edit_schedule .closed {
	background-color: #eee;
	color: #333;
}
table.edit_schedule .past {
	background-color: #bbb;
}
table.edit_schedule .reserved {
	background-color: #ffa;
}


/*
 *	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 {
	color: #fff;
}
table.weekly_schedule td.closed {
	background-color: #eee;
	color: #333;
}
table.weekly_schedule td.past {

}
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;
}