@charset "utf-8";



/* CSS Document */



@font-face {

 font-family: 'Conv_CALIBRI';

 src: url('fonts/CALIBRI.eot');

 src: local('☺'), url('fonts/CALIBRI.woff') format('woff'), url('fonts/CALIBRI.ttf') format('truetype'), url('fonts/CALIBRI.svg') format('svg');

 font-weight: normal;

 font-style: normal;

}

#resblock {

	font-family: "Conv_CALIBRI", Verdana, Geneva, sans-serif;

	margin: 0px auto;

	width:940px;

	height:380px;

	background:url(back-calendar.png);/*float: left;*/



}

#reservation_cal {

	width:800px;

	min-height:228px;

	margin: 0 auto;

}

#restopic {

	width:800px;

	margin:0 auto 10px;

	color:#b5ff33;

	text-align:center;

}

#rescalendar {

	width:800px;

	height:274px;

	margin:0 auto;

}

/* Calendar Block */



#rescalendar .res_mainblock {

	float:left;

	width:360px;

	height:320px;

	padding:0px 20px 0px 20px;

}

#rescalendar .res_dayitem, #rescalendar .res_normaldate, #rescalendar .res_unactivedate, #rescalendar .res_dateactive, #rescalendar .res_toolside, #rescalendar .res_toolcenter, #rescalendar .res_activedatenow, #rescalendar .res_prevbutton, #rescalendar .res_nextbutton {

	float:left;

	text-align:center;

}

/************** Calendar Header *******/



#rescalendar .res_toolblock {

	width:360px;

	margin:0 auto 10px;

}

#rescalendar .res_toolcenter {

	/*width:150.87px; 99.13*/



        width:250px;

	height:23px;

	padding-top:6px;

	text-align:center;

}

#rescalendar .res_prevbutton {

	width:40.55px;

	height:28px;

	text-align:left;

}

#rescalendar .res_nextbutton {

	width:40.55px;

	height:28px;

	text-align:right;

}

#rescalendar .res_monthtext {

	color:#000;

	font-size:20px;

	font-weight:bold;

}

/********************************/



/********* Calendar Body ***********/



#rescalendar .res_dayblock {

	/*250  110*/



	width:360px;

	height:20px;

	margin:0 auto;

}

#rescalendar .res_dayitem {

	width:48.42px;

	height:30px;

	font-size:16px;

	color:#5f2e7f;

	font-weight:bold;

}

#rescalendar .res_dateblock {

	width:360px;

	min-height:200px;

	margin:0 auto;

}

#rescalendar .res_unactivedate {

	width:48.42px;

	height:28.42px;

	font-size:20px;

	color:#c8c8c8;

	font-weight:bold;

	padding-top: 15px;

}

#rescalendar .res_normaldate {

	width:48.42px;

	height:28.42px;

	font-size:20px;

	color:#000;

	font-weight:bold;

	cursor:pointer;

	padding-top: 15px;

}

#rescalendar .res_activedatenow {

	width:48.42px;

	height:48.42px;

	font-size:20px;

	color:#5f2e7f;

	font-weight:bold;

	cursor:pointer;

}

#rescalendar .res_dateactive {

	width:48.42px;

	height:28.42px;

	font-size:20px;

	color:#fff;

	font-weight:bold;

	background-color:#5f2e7f;

	cursor:pointer;

	padding-top: 15px;

}

#rescalendar .res_dateactive .res_activedatenow{

	color:#fff;

}

#rescalendar .res_datetext, #rescalendar .res_activedatenow {

	width:48.42px;

	margin:-5px 0px 0px 0px

}

#rescalendar .res_dateactive .res_activedatenow{
	color:#fff;
}


/**** additional *****/



#reservation_tool {

	width: 690px;

	min-height: 1px;

	padding: 5px;

	text-align: right;

	color:#37246A;

	font-size: 12px;

}

#reservation_tool a {

	text-decoration: none;

	color:#37246A;

}

#procodetmp {

	height: 24px;

	width:150px;

	background:url(back-calendar.png);

	color:#37246A;

	border:1px solid #666;

}

#reservation_navtext {

	width: 940px;

	height: 25px;

	margin-top: 20px;

	margin-bottom: 5px;

	text-align: center;

	font-size: 20px;

	font-weight: bold;

	color:#000;

}



#line_calen{

	background:url(../images/line.png) no-repeat;

	width:950px;

	height:10px;

}



#resleftblock {

	width: 940px;

	height: 60px;

	padding-top: 5px;

}

#resleftblock #resleftsub {

	width: 840px;

	margin: 0px auto;

}

#resleftblock div.resleft_topic {

	text-align: center;

	font-size: 20px;

	font-weight:bold;

	color:#000;

	margin-top: 10px;

	margin-right: 10px;

	float: left;

}

#resleftblock div.resleft_date {

	text-align: center;

	font-size: 26px;

	color: #5f2e7f;

	font-weight:bold;

	padding: 10px;

	float: left;

	border-right: 1px solid #ccc;

	height: 32px;

	margin-right:10px;

	margin-bottom: 5px;

}

#resleftblock div.resleft_month {

	text-align: center;

	font-size: 16px;

	color:#000;

	padding-left: 5px;

	text-align: left;

	margin-top: 5px;

	font-weight:bold;

}

#resleftblock div.resleft_year {

	text-align: center;

	font-size: 16px;

	padding-left: 5px;

	color:#000;

	text-align: left;

	font-weight:bold;

}

#resleftblock div.resleft_uncheck {

	min-height: 1px;
	margin: 5px 5px;
	text-align: center;
	cursor: pointer;
	float: left;
	background:#e0e0e0;
	padding:10px 14px;
	min-width:110px;
	font-size:16px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;

}

#resleftblock div.resleft_check {

	min-height: 1px;
	margin: 5px 5px;
	text-align: center;
	cursor: pointer;
	float: left;
	background:#FFC81B;
	padding:10px 14px;
	min-width:110px;
	font-size:16px;
	color:#673B00;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;

}