/*
Main content panel
--------------
*/

	.twoColumnLayout .mainColumn .mainPanel {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 760px;
	}

	.twoColumnLayout .mainColumn .mainPanel .mainPanelTop {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 760px;
		height: 27px;
		background-image: url("/images/panels/main-panel-top.png");
	}

	.twoColumnLayout .mainColumn .mainPanel .mainPanelTile {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 760px;
		background-image: url("/images/panels/main-panel-standard-tile.png");
		background-repeat: repeat-y;
	}

	.twoColumnLayout .mainColumn .mainPanel .mainPanelTile .mainPanelContent {
		position: relative;
		margin: 0px 20px 0px 20px;
		padding: 1px 0px 1px 0px;
		width: 720px;
	}

	.twoColumnLayout .mainColumn .mainPanel .mainPanelBottom {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 760px;
		height: 25px;
		background-image: url("/images/panels/main-panel-bottom.png");
	}
	
	/* legacy IE overrides */

	* html .twoColumnLayout .mainColumn .mainPanel .mainPanelTop {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/panels/main-panel-ie6-top.png',sizingMethod='image');
	}

	* html .twoColumnLayout .mainColumn .mainPanel .mainPanelTile {
		background-image: url("/images/panels/main-panel-ie6-tile.gif");
	}
	
	* html .twoColumnLayout .mainColumn .mainPanel .mainPanelBottom {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/panels/main-panel-ie6-bottom.png',sizingMethod='image');
	}
	
/*
General panel styles
--------------------
*/

	.panel {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 220px;
		overflow: hidden;
		color: #ffffff;
	}

	.panel .panelTop {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 220px;
		height: 27px;
	}

	.panel .panelTile {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 540px;
		background-repeat: repeat-y;
	}

	.panel .panelTile .panelContent {
		position: relative;
		margin: 0px 20px 0px 20px;
		padding: 1px 0px 1px 0px;
		width: 180px;
		color: #EEE39C;
	}
	.panelWhite .panelTile .panelContent {
		color: #000000;
	}

	.panel .panelTile .panelContent p {
		margin: 0px 0px 8px 0px;
	}
	
	.panel .panelTile .panelContent p strong {
		color: #ffffff;
	}
	.panelWhite .panelTile .panelContent p strong {
		color: #000000;
	}

	.panel .panelTile .panelContent form select {
		width: 180px;
	}

	.panel .panelTile .panelContent a, .panel .panelTile .panelContent a:visited, .panel .panelTile .panelContent a:hover {
		color: #ffffff;
		text-decoration: underline;
	}

	.panelWhite .panelTile .panelContent a, .panelWhite .panelTile .panelContent a:visited {
		color: #0080B4;
		text-decoration: underline;
	}
	.panelWhite .panelTile .panelContent a:hover {
		color: #4b9932;
		text-decoration: underline;
	}
	
	.panel .panelTile .panelContent h2 {
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 0px 0px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 18px;
		line-height: 22px;
		font-weight: bold;
		color: #ffffff;
		/* css2 filter */
		text-shadow: #000000 0px 1px 5px;
	}
	.panelWhite .panelTile .panelContent h2 {
		color: #4b9932;
		text-shadow: none;
	}
	.sIFR-active .panel .panelTile .panelContent h2 {
		visibility: hidden;

	}
	.panel .panelTile .panelContent h2.sIFR-replaced {
		margin-bottom: 0px;

	}
	.panelWhite .panelTile .panelContent h2.sIFR-replaced {
		margin-bottom: 4px;

	}

	.panel .panelBottom {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 220px;
		height: 25px;
	}

	.panelGreen .panelTop {
		background-image: url("/images/panels/green-panel-top.png");
	}
	.panelGreen .panelTile {
		background-image: url("/images/panels/green-panel-tile.png");
	}
	.panelGreen .panelBottom {
		background-image: url("/images/panels/green-panel-bottom.png");
	}

	.panelWhite .panelTop {
		background-image: url("/images/panels/white-panel-top.png");
	}
	.panelWhite .panelTile {
		background-image: url("/images/panels/white-panel-tile.png");
	}
	.panelWhite .panelBottom {
		background-image: url("/images/panels/white-panel-bottom.png");
	}
	
	/* legacy IE overrides */

	* html .panelGreen .panelTop {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/panels/green-panel-ie6-top.png',sizingMethod='image');
	}
	* html .panelGreen .panelTile {
		background-image: url("/images/panels/green-panel-ie6-tile.gif");
	}
	* html .panelGreen .panelBottom {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/panels/green-panel-ie6-bottom.png',sizingMethod='image');
	}

	* html .panelWhite .panelTop {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/panels/white-panel-ie6-top.png',sizingMethod='image');
	}
	* html .panelWhite .panelTile {
		background-image: url("/images/panels/white-panel-ie6-tile.gif");
	}
	* html .panelWhite .panelBottom {
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/panels/white-panel-ie6-bottom.png',sizingMethod='image');
	}
	
/*
Rope knots
--------------------
*/

	.sidepanelsEnd {
		width: 220px;
		height: 38px;
		background-image: url("/images/panels/knots.png");
	}

	* html .sidepanelsEnd {
		width: 220px;
		height: 38px;
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/panels/knots.png',sizingMethod='image');
	}
	
/*
Reservations form
--------------------
*/

	.panelPhoneNumber {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 25px;
		line-height: 28px;
		color: #0080B4 !important;	
	}

	#reservationForm .formArea label {
		margin: 8px 0px 0px 0px;
		font-size: 11px;
		line-height: 13px;
		color: #ffffff;
		font-weight: bold;
	}
	#reservationForm .formArea label span.helpText {
		color: #EEE39C;
		font-weight: normal;
		font-size: 9px;
	}
	
	#reservationForm .date-pick {
		float: left;
		margin: 4px 0px 0px 0px;
		width: 140px;
	}
	
	#reservationForm a.dp-choose-date {
		display: block;
		margin: 5px 0px 0px 0px;
		float: right;
		width: 16px;
		height: 16px;
		text-indent: -2000px;
		overflow: hidden;
		background: url("/images/common/calendar.gif") no-repeat; 
	}
	#reservationForm a.dp-choose-date.dp-disabled {
		background-position: 0 -20px;
		cursor: default;
	}
	
	#reservationForm .resFormColA {
		float: left;
		width: 50px;
	}
	#reservationForm .resFormColB {
		float: left;
		margin: 0px 0px 0px 13px;
		width: 50px;
	}
	#reservationForm .resFormColC {
		float: right;
		width: 50px;
	}
	#reservationForm .resFormCol select {
		width: 50px !important;
		margin: 4px 0px 0px 0px;
	}
	
	#reservationForm .continueButton {
		display: block;
		margin: 8px 20px 0px 20px;
		width: 140px;
		height: 34px;
		cursor: pointer;
		text-decoration: none !important;
	}
	#reservationForm .continueButton span {
		visibility: hidden;
	}
	#reservationForm .continueButton, #reservationForm .continueButton:visited {
		background-image: url("/images/panels/continue-button-off.gif");
	}
	#reservationForm .continueButton:hover {
		background-image: url("/images/panels/continue-button-over.gif");
	}
