/* CSS Document*/

body {
	margin: 0px;
	font-family: arial, san-serif;
	/*font-size: 11px;*/
}
td {
	/*font-size: 11px;*/
} 
.top_section {
	background: url('../images/tp_bg.jpg') repeat-x;
	height: 73px;
}
.center_section {
	background: #66B4F5;
	height: 400px;
	padding: 20px 10px 5px 10px;
	vertical-align: top;
}
.bottom_section {
	background: #2E4D62;
	color: #ffffff;
	height: 23px;
	font-size: 10px;
}
.menu_tab1 a:active, .menu_tab1 a:link, .menu_tab1 a:visited, .menu_tab1 a:hover{
	display:block;
	height: 36px;
	width: 96px;
	margin-right: 3px;
	background:url('../images/button2.jpg') no-repeat;
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
	font-weight: bold;
	font-style:italic;
	text-decoration:none;
	line-height: 1.0em;
	padding-top: 8px;
}
.menu_tab a{
	display:block;
	height: 36px;
	width: 96px;
	margin-right: 3px;
	background:url('../images/button1.jpg') no-repeat;
	color:#406887;
	text-align:center;
	font-size:11px;
	font-weight: bold;
	font-style:italic;
	text-decoration:none;
	line-height: 1.0em;
	padding-top: 10px;
}
.menu_tab a:hover{
	display:block;
	height: 36px;
	width: 96px;
	margin-right: 3px;
	background:url('../images/button2.jpg') no-repeat;
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
	font-weight: bold;
	font-style:italic;
	text-decoration:none;
	line-height: 1.0em;
	padding-top: 8px;
}
h1 {
	font-size: 18px;
}
h2 {
	/*font-size: 16px;*/
}
h3 {
	font-size: 14px;
}
input {
	font-size: 13px;
}
select {
	font-size: 10px;
	/*border: solid #FF0000;*/
}
legend { 
	color:#000000;
    position: relative;
    top: -.5em;
    font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

fieldset {
	border: 1px solid #004680;
	-moz-border-radius: 10px;
	position: relative;
	background-color: #97CAF5;
}
.company_name {
	font-size: 20px;
	font-weight: bold;
}

.cal_main {
	border: 1px solid #004680;
	-moz-border-radius: 10px;
	position: relative;
	background-color: #ffffff;
	z-index: 2;
	width: 450px;
	padding: 10px;
	filter:	progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#E1E7F4, GradientType=0);
}
/* POP-UP CALENDAR CSS */
.dynCalendar_header{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
}
.dynCalendar_dayname {
	background-color: #eeeeee;
	border: 1px solid #c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
	text-align: center;
}

.dynCalendar_day {
	background-color: #eeeeee;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar_today {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar {
	background-color: #c0c0c0;
	border: 2px outset white;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 1px;
}
#dhtmltooltip {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 5px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 2;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 3;
	visibility: hidden;
}

/* RESERVATOION CALENDAR */
#calendar {
	border: 1px solid #000000;
	padding: 3px;
	filter:	progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#E1E7F4, GradientType=0);
	cursor: hand;
}
.today {
	COLOR: black; 
	FONT-FAMILY: sans-serif; 
	FONT-SIZE: 10pt; 
	FONT-WEIGHT: bold;
}
.days {
	COLOR: navy; 
	FONT-FAMILY: sans-serif; 
	FONT-SIZE: 10pt; 
	FONT-WEIGHT: bold; 
	TEXT-ALIGN: center;
}
.dates {
	COLOR: black; 
	FONT-FAMILY: sans-serif; 
	FONT-SIZE: 10pt;
	TEXT-ALIGN: center;
}
.alert {
	font-size: 16px;
	color: #03006E;
}

.disclaimer_text {
	font-size: 12px;
}
.disclaimer_text h1 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
.disclamer_text h2 {
	font-size: 13px;
	font-weight: bold;
}
.tb_table {
	border: 1px solid #004680;
	background-color: #97CAF5;
}

.tb_header {
	padding: 5px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	background: #565CDB;
}
.tb_cell {
	border: 1px solid #cacaca; padding: 5px; vertical-align: top; text-align: left;;
}

.heading4 {
	font-size: 22px;
}
.alert {
	color:#FF0000;
	font-size:16px;
	font-weight: bold;
}

.res_text {
	font-size: 14px;
}

/*FROM STYLE.PHP */
.tb_table {
	BORDER: 1px #000000 solid; 
}
.tdheading {
	padding-right: 10px;
	padding-left: 10px;
	font-family: arial;
	font-size: 13px;
	color: #ffffff;
	background: #0000B6;
	font-weight: bold;
	text-align: center;
	height: 20px;
}
.tdday {
	font-family: arial;
	font-size: 11px;
	color: #ffffff;
	background: #439A2F;
	font-weight: bold;
	text-align: center;
	width: 44px;
}
.tdsunday {
	font-family: arial;
	font-size: 11px;
	color: #ffffff;
	background: #439A2F;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	width: 44px;
}
.tddate {
	font-family: arial;
	font-size: 10px;
	color: #000000;
	background: #ffffff;
	font-weight: bold;
	text-align: right;
	height: 25px;
	vertical-align: top;
	padding: 3px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}

.tddate-on {
	font-family: arial;
	font-size: 10px;
	color: #000000;
	background: #ACE7B9;
	font-weight: bold;
	text-align: right;
	height: 25px;
	vertical-align: top;
	padding: 3px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	cursor: pointer;
}

.tdheading_sm {
	padding-right: 2px;
	padding-left: 2px;
	font-family: arial;
	font-size: 11px;
	color: #ffffff;
	background: #0000B6;
	font-weight: bold;
	text-align: center;
}
.tdday_sm {
	font-family: arial;
	font-size: 9px;
	color: #ffffff;
	background: #439A2F;
	font-weight: bold;
	text-align: center;
	width: 21px;
}
.tdsunday_sm {
	font-family: arial;
	font-size: 9px;
	color: #ffffff;
	background: #439A2F;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	width: 21px;
}
.tddate_sm {
	font-family: arial;
	font-size: 9px;
	color: #000000;
	background: #ffffff;
	font-weight: bold;
	text-align: right;
	height: 15px;
	vertical-align: top;
	padding: 1px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}

.tddate_sm-on {
	font-family: arial;
	font-size: 9px;
	color: #000000;
	background: #ACE7B9;
	font-weight: bold;
	text-align: right;
	height: 15px;
	vertical-align: top;
	padding: 1px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	cursor: pointer;
}
.reserved_sm {
	font-family: arial;
	font-size: 9px;
	color: #000000;
	background: #FFFE9B;
	font-weight: bold;
	text-align: right;
	height: 15px;
	vertical-align: top;
	padding: 1px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}
.old_days_sm {
	font-family: arial;
	font-size: 9px;
	color: #000000;
	background: #BDBDBD;
	font-weight: bold;
	text-align: right;
	height: 15px;
	vertical-align: top;
	padding: 1px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}
.unconfirmed_sm {
	font-family: arial;
	font-size: 9px;
	color: #000000;
	background: #B5FF9B;
	font-weight: bold;
	text-align: right;
	height: 15px;
	vertical-align: top;
	padding: 1px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}

.unavailable_sm {
	font-family: arial;
	font-size: 9px;
	color: #000000;
	/*background: #BDBDBD;*/
	background: #d70000;
	font-weight: bold;
	text-align: right;
	height: 15px;
	vertical-align: top;
	padding: 1px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}
.tdtoday_sm {
	font-family: arial;
	font-size: 9px;
	color: #ffffff;
	background: #979AC9;
	font-weight: bold;
	text-align: right;
	height: 15px;
	vertical-align: top;
	padding: 1px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}



.reserved {
	font-family: arial;
	font-size: 10px;
	color: #000000;
	background: #FFFE9B;
	font-weight: bold;
	text-align: right;
	height: 25px;
	vertical-align: top;
	padding: 3px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}
.old_days {
	font-family: arial;
	font-size: 10px;
	color: #000000;
	background: #BDBDBD;
	font-weight: bold;
	text-align: right;
	height: 25px;
	vertical-align: top;
	padding: 3px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}
.unconfirmed {
	font-family: arial;
	font-size: 10px;
	color: #000000;
	background: #B5FF9B;
	font-weight: bold;
	text-align: right;
	height: 25px;
	vertical-align: top;
	padding: 3px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}

.unavailable {
	font-family: arial;
	font-size: 10px;
	color: #000000;
	/*background: #BDBDBD;*/
	background: #d70000;
	font-weight: bold;
	text-align: right;
	height: 25px;
	vertical-align: top;
	padding: 3px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}

.tdtoday {
	font-family: arial;
	font-size: 10px;
	color: #ffffff;
	background: #979AC9;
	font-weight: bold;
	text-align: right;
	height: 25px;
	vertical-align: top;
	padding: 3px;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}

/* POP-UP CALENDAR CSS */
.dynCalendar_header{
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
}
.dynCalendar_dayname {
	background-color: #eeeeee;
	border: 1px solid #c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
	text-align: center;
}

.dynCalendar_day {
	background-color: #eeeeee;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar_today {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.dynCalendar {
	background-color: #c0c0c0;
	border: 2px outset white;
	visibility: hidden;
	position: absolute;
	top: 1px;
	left: 1px;
}

.dynamic-tab-pane-control2 .tab-pane {
	position:	relative;
	width:		100%;		/* width needed weird IE bug */
	margin-right:	-2px;	/* to make room for the shadow */
}
.dynamic-tab-pane-control2 .tab-row .tab {
	width:				100px;
	height:				16px;
	background-image:	url( "<? echo "$config[baseurl]" ; ?>/addons/booking/images/tab.png" );
	position:		relative;
	top:			0;
	display:		inline;
	float:			left;
	overflow:		hidden;
	cursor:			Default;
	margin:			1px -1px 1px 2px;
	padding:		2px 0px 0px 0px;
	border:			0;
	z-index:		1;
	font:			11px Tahoma;
	white-space:	nowrap;
	text-align:		center;
}
.dynamic-tab-pane-control2 .tab-row .tab.selected {
	width:				104px !important;
	height:				18px !important;
	background-image:	url( "<? echo "$config[baseurl]" ; ?>/addons/booking/images/tab.active.png" ) !important;
	background-repeat:	no-repeat;
	border-bottom-width:	0;
	z-index:		3;
	padding:		2px 0 0px 0;
	margin:			1px -3px -3px 0px;
	top:			-2px;
	font:			11px Tahoma;
}
.dynamic-tab-pane-control2 .tab-row .tab a {
	font:				11px Tahoma;
	color:				Black;
	text-decoration:	none;
	cursor:				default;
}
.dynamic-tab-pane-control2 .tab-row .tab.hover {
	font:				11px Tahoma;
	width:				100px;
	height:				16px;
	background-image:	url( "<? echo "$config[baseurl]" ; ?>/addons/booking/images/tab.hover.png" );
	background-repeat:	no-repeat;
}
.dynamic-tab-pane-control2 .tab-page {
	clear:			both;
	border:			1px solid rgb( 145, 155, 156 );
	background:		#ffffff;
	z-index:		2;
	position:		relative;
	top:			-2px;
	font:			11px Tahoma;
	color:			Black;
	filter:			progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
					progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
	/*244, 243, 238*/
	/* 145, 155, 156*/

	padding:		10px;
	height: 		250px;
}
.dynamic-tab-pane-control2 .tab-row {
	z-index:		1;
	white-space:	nowrap;
}
/* ADDED 2.0.5 */
.tb_small {
	font-size: 10px;
}

.tb_cell3 {
	padding: 2px;
}

.tb_pointer {
	cursor: pointer;
}

#caldiv1 {
	position:absolute;visibility:hidden; z-index:100; margin-top: -155px;
}