﻿#ui-datepicker-div {z-index:6100 !important;}

.background-calendar {position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:6000;background-color:rgba(0,0,0,.5);}

.context-calendar {position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:6001;	overflow:hidden;overflow-y:auto;}

.context-calendar input[type=button] {cursor:pointer;font-size:12px !important;}
.context-calendar input:not([type=button]):not([type=radio]):not([type=checkbox]), .context-calendar select {height:32px;}
.context-calendar .buttonLightSmallY {padding-top:6px; padding-bottom:6px;}
.context-calendar .loading_cover {border-radius:4px;}
.context-calendar > .closeContainer {position: fixed; z-index: 10;bottom: 0px;height: 28px;right: 0px;margin: 40px;padding-top: 4px;}
.context-calendar > .statusContainer {position:absolute;z-index:10;top:0px;	left:0px;width:100%; }
.context-calendar > .statusContainer > .status_container {line-height:20px; border-radius:0px;}


.context-calendar > .placeholder-calendar {position:relative;margin:40px;height:486px;min-width:1130px;z-index:0;}

.placeholder-calendar > .reservationListContainer,
.placeholder-calendar > .container-calendar, 
.placeholder-calendar > .scheduleEditContainer,
.placeholder-calendar > .scheduleListContainer,
.placeholder-calendar > .confirmListPlaceholder,
.placeholder-calendar > .confirmOrderPlaceholder,
.placeholder-calendar > .cancelConfirmPlaceholder,
.placeholder-calendar > .cancelFormPlaceholder,
.jCalendar-Loader { position:absolute;height:484px; width:748px; vertical-align:middle;text-align:left; left:0px; top:0px; border-radius:4px; border:1px solid #5F5F5F;  box-shadow:0px 10px 14px -7px #1c1b18; background-color: #f5f5fa;}

.placeholder-calendar > .container-calendar {height:auto;min-height:484px;}

.placeholder-calendar > .reservationListContainer,  
.placeholder-calendar > .confirmOrderPlaceholder,
.placeholder-calendar > .cancelFormPlaceholder {min-width:370px;width:auto;left:798px; right:0px;}


.placeholder-calendar > .reservationListContainer {z-index:1;}
.placeholder-calendar > .container-calendar { z-index:2;}
.placeholder-calendar > .scheduleListContainer { z-index:3;}
.placeholder-calendar > .scheduleEditContainer { z-index:4;}
.placeholder-calendar > .confirmListPlaceholder {z-index:5;}
.placeholder-calendar > .confirmOrderPlaceholder {z-index:6;}
.placeholder-calendar > .cancelConfirmPlaceholder {	z-index:7;}
.placeholder-calendar > .cancelFormPlaceholder {	z-index:8;}

.placeholder-calendar > .reservationListContainer,
.placeholder-calendar > .scheduleListContainer, 
.placeholder-calendar > .scheduleEditContainer  {overflow:hidden;overflow-y:auto;}


.placeholder-calendar > .confirmListPlaceholder,
.placeholder-calendar > .confirmOrderPlaceholder,
.placeholder-calendar > .cancelConfirmPlaceholder,
.placeholder-calendar > .cancelFormPlaceholder {overflow:hidden;overflow-y:hidden;}

.placeholder-calendar > .confirmListPlaceholder > .confirmListContainer,
.placeholder-calendar > .confirmOrderPlaceholder > .confirmOrderContainer, 
.placeholder-calendar > .cancelConfirmPlaceholder > .cancelConfirmContainer,
.placeholder-calendar > .cancelFormPlaceholder > .cancelFormContainer {overflow-y:auto; height:100%;}







.jCalendar-Loader { opacity: 0.9; background: url('/images/Loading/LoadingBarSmall.gif') no-repeat center center #b3b3b3;z-index: 100;}
.jCalendar-Loader img {	margin: auto; display: block;}







.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day,
.jCalendar-Content > .jCalendar-ToolTip > table tr > th,
.jCalendar-Header > input.Blue, .Green, .Blue, .Red,
.container-calendar > div > div > table tr > th,
.container-calendar > div > div > div > table tr > th,
.confirmListPlaceholder > div.confirmListContainer > div > div > table tr > th,
.cancelConfirmPlaceholder > div.cancelConfirmContainer > div > div > table tr > th {
	background-image: url(/images/content/button/BG.png);
	background-color:#fff;
	background-position: center center;
	background-repeat: repeat-x;
	background-size:100% 100%;
}





.jCalendar-Header {	width: 100%;height: 30px;padding: 10px 0px;text-align: center;}
.jCalendar-Header > .jCalendar-CurrentDate,
.jCalendar-Header > input {	font-size: 13px;text-align: center;width: 140px;line-height: 26px;border-radius: 2px;box-shadow: 0px 5px 7px -7px #1c1b18;	margin:0px 8px;}
.jCalendar-Header > .jCalendar-CurrentDate {font-size: 18px;background-color: #fff;	padding: 4px 40px 6px 40px;}


.jCalendar-Content > .jCalendar {height: auto;width:100%;}
.jCalendar-Content > .jCalendar > .jCalendar-DayNames {	padding:0px 0px 0px 6px;}
.jCalendar-Content > .jCalendar > .jCalendar-DayNames > .jCalendar-DayName {display: block;	float: left;margin: 0px 6px 6px 0px;padding: 4px;width: 90px;border:1px solid #EBEBF3;text-align: center;	font-size: 11px;font-weight: bold;	background-color: #fcfcff;
	/*box-shadow: 0px 0px 1px 1px rgba(0,0,0,.15) inset;*/
}
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer {	padding:6px 0px 0px 6px;}

.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day { position: relative;	display: block;	float: left;height: 50px;margin: 0px 6px 6px 0px;padding: 4px;width: 90px;	border: 1px solid #999999;color: #999999;	cursor: pointer;	
	user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;	
	border-radius: 0px 0px 6px 0px;	text-shadow: 0px 1px 0px rgba(255,255,255,1);line-height:20px;	font-size:13px;
}

.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day.State_ {	opacity: 0.15;}
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day.State0 {}

.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day.State1,
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day.State2  {color:#fff;	text-shadow: 0px 1px 0px rgba(0,0,0,.3);}
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day.State1 {background-color: #00CC77;border-color:#00A35F; }
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day.State2 {	background-color: #D74E4E;border-color: #9C1111;}
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day.State1:hover,
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day.State2:hover {background-color: #A8A8B8;}
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day.Today {box-shadow:0px 0px 4px 0px rgba(0,0,0,.3) inset;}
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day.Disabled {border: 1px solid transparent;}
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day > .jCalendar-Date {
	border: 1px solid;	border-radius: 2px;	float: left;	padding: 0px 4px;	width: 14px;text-align: center;}
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day > .jCalendar-Title {	float: left;	padding: 1px 4px;}
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day > .jCalendar-Description {float: left;padding: 6px 4px;
}
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day > .jCalendar-ToolTipContent,
.jCalendar-Content > .jCalendar > .jCalendar-DayContainer > .jCalendar-Day > .jCalendar-Content {display: none;}
.jCalendar-Content > .jCalendar-ToolTip {
	position: absolute;
	display: block;
	min-width: 400px;
	min-height: 40px;
	padding: 5px;
	background: #FFFFFF;
	border: 1px dashed #000000;
	font-size: 12px;
	text-align: center;
	z-index:100;
}

.jCalendar-Content > .jCalendar-ToolTip  > table {border: 1px solid #cfcfcf;}
.jCalendar-Content > .jCalendar-ToolTip  > table tr td,
.jCalendar-Content > .jCalendar-ToolTip  > table tr th {border-bottom: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;}
.jCalendar-Content > .jCalendar-ToolTip  > table tr:last-child td {	border-bottom-width:0px;}
.jCalendar-Content > .jCalendar-ToolTip  > table tr td:last-child,
.jCalendar-Content > .jCalendar-ToolTip  > table tr th:last-child {	border-right-width:0px;}








.placeholder-calendar > .scheduleListContainer > div.scheduleListContent {margin:12px;background-color: #fff;border-radius: 3px;	border:1px solid #4192D3;}
.placeholder-calendar > .scheduleListContainer > div.scheduleListContent > div > table {text-align:center; table-layout:fixed;}
.placeholder-calendar > .scheduleListContainer > div.scheduleListContent > div > table tr > th {background-color: #4192D3;	padding: 8px;	color: #fff;	text-shadow: 0px 1px 0px rgba(0,0,0, .4);	font-weight:bold; 	font-size:11px;}
.placeholder-calendar > .scheduleListContainer > div.scheduleListContent > div > table tr > td { border-bottom:1px dashed #E2E2EA;}
.placeholder-calendar > .scheduleListContainer > div.scheduleListContent > div > table tr > td.mid { border-bottom-style:solid;padding:8px;}

.placeholder-calendar > .scheduleListContainer > div.scheduleListContent > div > table tr:last-child > td { border-bottom-width:0px;}
.placeholder-calendar > .scheduleListContainer > div.scheduleListContent > div > table tr > td:last-child { border-right-width:0px;}

.placeholder-calendar > .scheduleListContainer > div.scheduleListContent > div > table tr > td > input[type=range] {width:30px;	display:inline-block;height:10px;}

.placeholder-calendar > .scheduleListContainer > div.scheduleListContent > div > table tr > td > input[type=text] {	width: 28px;display: inline-block;height: 20px;	margin-top: 10px;text-align: center;}

.placeholder-calendar > .scheduleListContainer > div.scheduleListContent > div > table tr > td > input[type=button] {margin: 6px;}
.placeholder-calendar > .scheduleListContainer > div:last-child {text-align:right;}
.placeholder-calendar > .scheduleListContainer > div:last-child > .buttonLightSmallY {margin:10px !important; }







.placeholder-calendar > .scheduleEditContainer > div.contentHeader,
.placeholder-calendar > .scheduleEditContainer > div.scheduleEditContent {	margin: 12px;padding: 9px 12px;border:1px solid #B1A7BB;}
.placeholder-calendar > .scheduleEditContainer > div.contentHeader {
	border-bottom-width: 0px;text-align: center;margin-bottom: -12px;background-color: #B1A7BB;color: #fff;text-shadow: 0px 1px 0px rgba(0,0,0,.3);	font-size: 18px;border-radius:3px 3px 0px 0px;}
	
.placeholder-calendar > .scheduleEditContainer > div.scheduleEditContent {	border-radius:0px 0px 3px 3px;	background-color: #f5f5fa; min-height:403px;}
.placeholder-calendar > .scheduleEditContainer > div.scheduleEditContent > table {	table-layout:fixed; text-align:left;}
.placeholder-calendar > .scheduleEditContainer > div.scheduleEditContent > table td {padding-top:3px; padding-bottom:3px;}
.placeholder-calendar > .scheduleEditContainer > div.scheduleEditContent > table td:nth-child(1),
.placeholder-calendar > .scheduleEditContainer > div.scheduleEditContent > table td:nth-child(3),
.placeholder-calendar > .scheduleEditContainer > div.scheduleEditContent > table td:nth-child(5) {padding-right:10px;	text-align:right;}
.placeholder-calendar > .scheduleEditContainer > div.scheduleEditContent > table td:only-child {padding-right:0px !important;padding: 6px 0px;}
.placeholder-calendar > .scheduleEditContainer > div.scheduleEditContent > table td > ul {list-style-type:none;border: 1px dashed #cfcfcf;padding: 10px;margin: 4px 0px;}
.placeholder-calendar > .scheduleEditContainer > div.scheduleEditContent > table td > ul > li {display:inline-block; padding-left:10px;}
.placeholder-calendar > .scheduleEditContainer > div.scheduleEditContent > table td > ul > li label { vertical-align:bottom;}









.placeholder-calendar > .reservationListContainer > div {margin: 12px;border-radius: 3px;border: 1px solid #B1A7BB;	background-color: #fff; text-align:center;}
.placeholder-calendar > .reservationListContainer > div.titleContent {padding: 8px 12px;background-color: #EAEAF1;font-size: 18px;	text-shadow: 0px 1px 0px rgba(255,255,255,.8);}

.placeholder-calendar > .reservationListContainer > div > div.listHeader {background-color: #B1A7BB;padding: 8px;color: #fff;text-shadow: 0px 1px 0px rgba(0,0,0, .4);font-size: 18px;cursor:pointer;}

.placeholder-calendar > .reservationListContainer > div > div.open,
.placeholder-calendar > .reservationListContainer > div > div.closed { background-position:20px center; background-repeat:no-repeat;}
.placeholder-calendar > .reservationListContainer > div > div.open {background-image: url(/images/content/button/open.png);}
.placeholder-calendar > .reservationListContainer > div > div.closed {background-image: url(/images/content/button/closed.png);}
.placeholder-calendar > .reservationListContainer > div > div > table { text-align:center;font-size:smaller;}
.placeholder-calendar > .reservationListContainer > div > div > table tr > th {	font-weight:bold;border-bottom:1px solid #B1A7BB;border-right:1px dotted #C9BFD3;}
.placeholder-calendar > .reservationListContainer > div > div > table tr > th:last-child {border-right-width:0px;}
.placeholder-calendar > .reservationListContainer > div > div > table td { border-top:1px dashed #E2E2EA;}
.placeholder-calendar > .reservationListContainer > div > div > table tr:nth-child(2) td {border-top-width:0px;}
.placeholder-calendar > .reservationListContainer > div > div > table tr.hidden { display:none;}




.placeholder-calendar > .reservationListContainer > div.cartListContent {border-color:#7AC4D6;}
.placeholder-calendar > .reservationListContainer > div.cartListContent > div > table tr > th {border-color:#7AC4D6;}
.placeholder-calendar > .reservationListContainer > div.cartListContent > div.listHeader {background-color:#7AC4D6;}
.placeholder-calendar > .reservationListContainer > div.cartListContent > div > table input.buttonDarkSmallX {margin:12px; padding-bottom:6px; 	padding-top:6px;}




.confirmListContainer > div.confirmListContent,
.confirmOrderContainer > div.confirmOrderContent,
.cancelConfirmContainer > div.cancelConfirmContent,
.cancelFormContainer > div.cancelFormContent {margin: 12px;border-radius: 3px;border: 1px solid #B1A7BB;background-color: #fff;text-align:center;min-height:458px;}
	
.confirmOrderContainer > div.confirmOrderContent > div,
.cancelFormContainer > div.cancelFormContent > div {padding:12px;}

.confirmOrderContainer > div.confirmOrderContent > div.listHeader,
.confirmListContainer > div.confirmListContent > div.listHeader,
.cancelConfirmContainer > div.cancelConfirmContent > div.listHeader,
.cancelFormContainer > div.cancelFormContent > div.listHeader {	background-color: #B1A7BB;padding: 12px;color: #fff;text-shadow: 0px 1px 0px rgba(0,0,0, .4);font-size: 18px;cursor:pointer;}

.confirmListContainer > div.confirmListContent > div > table,
.cancelConfirmContainer > div.cancelConfirmContent > div > table {text-align:center; table-layout:fixed;}

.confirmListContainer > div.confirmListContent > div .Blue,
.cancelConfirmContainer > div.cancelConfirmContent > div .High {padding: 12px 0px;font-weight: bold;border-radius:0px;border-left-width: 0px !important;border-right-width: 0px !important;}

.confirmListContainer > div.confirmListContent > div .Blue {border-width:0px !important;}

.confirmListContainer > div.confirmListContent > div > table tr > th,
.cancelConfirmContainer > div.cancelConfirmContent > div > table tr > th {background-color: #4192D3 !important;padding: 12px;color: #fff;text-shadow: 0px 1px 0px rgba(0,0,0, .4);font-weight:bold; font-size:11px;}

.confirmListContainer > div.confirmListContent > div > table tr > td,
.cancelConfirmContainer > div.cancelConfirmContent > div > table tr > td { border-top:1px solid #E2E2EA;padding:8px;}

.confirmListContainer > div.confirmListContent > div > table tr > td.mid,
.cancelConfirmContainer > div.cancelConfirmContent > div > table tr > td.mid { border-top-style:dashed;}

.confirmListContainer > div.confirmListContent > div > table tr:nth-child(2) > td,
.cancelConfirmContainer > div.cancelConfirmContent > div > table tr:nth-child(2) > td { border-top-width:0px;}

.confirmListContainer > div.confirmListContent > div > table tr:last-child > td,
.cancelConfirmContainer > div.cancelConfirmContent > div > table tr:last-child > td {border-bottom:1px solid #E2E2EA;}




div.cancelForm ul, div.confirmOrder ul { list-style-position:outside; font-size:11px; padding-left:24px;}
div.cancelForm ul > li, div.confirmOrder ul > li { line-height:20px;}

div.cancelForm textarea {width:96% !important;padding:2% !important;}

.confirmOrderContainer > div.confirmOrderContent > div:nth-last-child(1),
.cancelFormContainer > div.cancelFormContent > div:nth-last-child(1)  {	border-top:1px dashed #cfcfcf;}










.Disabled {	opacity: 0.6;cursor: default; border-width:1px;}
.Green, .Red, .Blue {text-shadow: 0px 1px 0px rgba(0,0,0,.2);border-radius: 2px;color: #fff;min-width: 30px;}
.Green {background-color: #00CC77 !important;border:1px solid #21C07E !important;}
.Red {	background-color: #FDA858 !important;border: 1px solid #D89D51 !important;}
.Blue {	background-color: #4192D3 !important;border:1px solid #567BCA !important;}
.High {padding: 10px;background-color: rgb(253, 253, 175);border-radius: 3px;border: 1px solid #CFCFCF;	margin:10px 0px;}
