﻿body		{ background-image: url('/images/template/water3.jpg'); background-repeat: repeat; background-attachment: fixed; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
table		{ border: none 0px; }
img			{ border: 0px; }
h1			{ margin-top: 0px; color: #3497D4; font-size: 14pt; font-weight: normal; }
h2			{ margin-top: 0px;color: #a6a6a6; font-size: 12pt; }
h3			{ color: #ffffff; font-size: 9pt; font-weight: bolder; }
a			{ color: #0000ff; font-size: 8pt; text-decoration: none; }
a:hover		{ text-decoration: underline; }
.button		{ font-size: 8pt; font-weight: bolder; }
.input		{ border: solid 1px #AAAAAA; background-color: #e0fffe; }
.button		{ font-size: 8pt; font-weight: bolder; }
.error		{ background-image: url('/images/alert.png'); height: 24px; background-repeat: no-repeat; padding: 4px 2px 4px 26px; background-color: #fffda9; background-position: left; font-weight: bold; color: #FF0000; border: dashed 1px #FF0000; }
.help		{ background-image: url('/images/help.gif'); background-repeat: no-repeat; height: 24px; padding: 8px 2px 0px 28px; border: dashed 1px #0D75FF; background-color: #ECFBFE; background-position: left; font-weight: bold; color: #444444; margin-bottom: 4px; width: 94%; }
.small		{ font-size: 8pt; }
/***************************************
Template Styles
***************************************/
.roomlink	{ color: #888888; }
div#mainBody
{
	width: 1024px;
}
div#header
{
	position: relative;
	height: 132px;
	width: 100%;
	background-color: #00529c;
}
div#headerMenuSub
{
	position: absolute;
	top: 106px;
	height: 26px;
	width: 100%;
	background-image: url('/images/menuBack.gif');
	background-repeat: repeat-x;
	/*text-align: center;*/
}
.cont
{
	padding: 8px 8px 8px 8px;
	font-size: 8pt;
}
.cont ol
{
	
}
.cont li
{
	/*list-style-type: square; */
	margin: 2px 0px 2px 0px;
}
.mainMenu a
{
	color: #3665ab;
	font-size: 8pt;
	font-weight: bolder;
}
.mainMenu a:hover
{
	color: #555555;
	text-decoration: none;
}
.mainMenu td
{
	vertical-align: middle;
	height: 26px;
	text-align: left;
}
.subMenu
{
	background-color: #FFFFFF;
	filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #DDDDDD;
	border-top: solid 1px #DDDDDD;
}
.subMenu a:hover
{
	color: #555555;
	text-decoration: none;
}
.subMenu td
{
	padding: 2px 0px 2px 0px;
}
div#bodyBackground
{
	background-color: #FFFFFF;
}
div#bodyBackgroundEnd
{
	vertical-align: bottom;
	height: 42px;
	background-color: #1D3666;
	/*#00529C*/
}
.footerContent
{
	width: 740px;
	height: 18px;
	/*background-image: url('/images/footerBackground.gif');*/
	text-align: center;
	color: #d5e2ed;
	font-size: 8pt;
	padding-top: 15px;
}
.footerContent a
{
	color: #ffffff;
}
.footerContent a:hover
{
	text-decoration: underline;
}
div#bodyContent
{
	padding: 0px 0px 0px 8px;
	color: #FFFFFF;
	font-size: 9pt;
}
.bubbleTop
{
	background-image: url('/images/bubbletop.gif');
	width: 780px;
	height: 18px;
}
.bubbleBottom
{
	background-image: url('/images/bubblebottom.gif');
	width: 780px;
	height: 18px;
}
.bubbleMiddle
{
	width: 779px;
/*	background-image: url('/images/bubblebackground.gif');
	background-repeat: repeat-x;*/
}
.bubbleMiddleGradient
{
	width: 779px;
	background-image: url('/images/bubblebackground.gif');
	background-repeat: repeat-x;
}
.bubbleMiddleSmall
{
	background-image: url('/images/bubblebackground.gif');
	background-repeat: repeat-x;
}
.bubbleMiddleSmallContent
{
	height: 260px;
	padding-left: 5px;
	padding-right: 5px;
}
.headerLogo
{
	position: absolute;
	top: 0px;
}
#contentNav
{
	float:left; 
	padding-left: 10px;
	padding-right: 20px;
	width: 140px;
	color: #444444;
}
#contentNav .links a
{
	color: #FFFFFF;
	font-weight: bolder;
}
.links hr
{
	height: 1px;
	color: #eeeeee;
	margin-bottom: 7px;
}
#contentText
{
	float:left; 
	width: 600px;
}
#searchForm
{
    font-size: 8pt;
}
#searchForm input, #searchForm select
{
    font-size: 8pt;
}
#airNotes
{
	text-align: left;
	border: dashed 1pt #DDDDDD;
	background-image: url('/images/resultheader.png');
	font-size: 7pt;
	font-weight: bold;
	color: #555555;
}
#airSchedule
{
	background-color: #024E7B; height: 16px; margin: 0px 0px 3px 0px; padding:  3px 3px 3px 3px;
	border-left: solid 3px #CCCCCC;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 8pt;
}
#airNotes li
{
	font-weight: normal;
	list-style-type: square;
}
.airResults
{
	background-color: #ffffff;
}
.airResults th
{
	padding: 2px 2px 2px 2px;
	color: #FFFFFF;
	font-weight: bolder;
	text-align: left;
	font-size: 8pt;	
}
.airResults td
{
	font-size: 8pt;
	color: #000000;
	padding: 2px 2px 2px 2px;
}
.airResults a
{
	color: #2b9a2d;
	font-size: 12pt;
}
.airResults a:hover
{
	color: #FF0000;
}
.resultCellBack
{
	background-image: url('/images/resultCellBack.png');
}
.airDetails
{
	width: 767px;
	margin: 5px 5px 5px 5px;
	border: dotted 1px #FFFFFF;
}
.loginControl
{
	border: solid 1px #FFFFFF;
	background-color: #dddddd;
	color: #000000;
	font-size: 9pt;
	font-weight: bolder;
}
.ProgressBar
{
	margin: 0 auto;
	text-align: center;
	width: 600px;
}
.ProgressBar div
{
	text-align: center;
	width: 600px;
}
.ProgressBar span
{
	padding-left: 5px;
	padding-right: 5px;
}
.ProgressBarNotSelected
{
	color: #BBBBBB;
	font-weight: bolder;
	font-size: 8pt;
}
.ProgressBarSelected
{
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 8pt;
}

/***************************************
Booking Form
***************************************/
#itinerary
{
	padding: 2px 4px 4px 4px;
	border-left: solid 3px #CCCCCC;
	margin-bottom: 7px;
	background: #FFFFFF;
	color: #222222;
}
#itinerary small
{
	font-size: 8pt;
}
#itinerary a
{
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: Blue;
}
#itinerary a:hover
{
	text-decoration: underline;
}
#itinerary td
{
	font-size: 8pt;
	vertical-align: top;
	padding: 3px 4px 3px 0px;
}
#itinerary h2
{
	font-size: 11pt;
	font-weight: bold;
	color: #FF0000;
	margin-top: 4px;
	margin-bottom: 0px;
}
#itinerary table
{
	width: 100%;
	padding: 4px 0px 4px 0px;
	border-bottom: dashed 2px #cccccc;
}
#itinerary .total
{
	font-weight: bold;
	text-align: center;
	font-size: 14pt;
	width: 80px;
	color: #7ad820;
}
#itinerary .total img
{
	vertical-align: top;
	padding-bottom: 5px;
}
#itinerary .sub
{
	color: #024E7B;
	font-weight: bolder;
}
/***************************************
Results Pages
***************************************/
#resultArea
{
	width: 100%;
}
#resultArea .summary
{
	border: dashed 1px #000000;
	margin-bottom: 7px;
	background: #FFFFFF;
	color: #222222;
}
#resultListings
{
	width: 100%;
	color: #FFFFFF;
}
#resultArea .leftPanel
{
	width: 695px;
}
#resultArea .rightPanel
{
	width: 300px;
	text-align: left;
}
.resultHeader
{
	background-color: #024E7B; height: 16px; margin: 0px 0px 3px 0px; padding:  3px 3px 3px 3px;
	border-left: solid 3px #CCCCCC;
}
.resultHeader a
{
	font-size: 8pt;
}
.resultDescription
{
	background-color: #ededed; margin: 2px 0px 3px 0px;
	border-left: solid 3px #CCCCCC;
}
.resultDescription table, .resultDescription td
{
	padding: 0px;
	border-collapse: collapse;
	font-size: 8pt;
	font-weight: bolder;
	color: #000000;
}
.resultFees
{
	background-color: #FFFFFF; margin: 2px 0px 3px 0px;
	border-left: solid 3px #CCCCCC;
}
.resultPackages
{
	width: 100%;
}
.packageName
{
	font-weight: bold;
	color: #555555;
}
.resultPackages th
{
	padding: 4px 0px 4px 0px;
	color: #000000;
	text-align: left;
	background-color: #555555;
}
.resultPackages td
{
	/*background-color: #b2dbf5; /*b6e2ff*/
	padding: 4px 0px 4px 0px;
	color: #000000;
	text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}
.resultPackages a
{
	color: #2b9a2d;
	font-size: 12pt;
}
.resultPackages a:hover
{
	color: #FF0000;
}
.packageBreakdown       { border: none; }
.packageBreakdown td    { text-align: center; }
.packageBreakdownPrice  { font-size: 7pt; background-color: #caecfd; height: 30px; width: 30px; border: solid 1px #555555; }
#summary
{
	margin-left: 5px;
	color: #000000;
	width: 300px;
}
#summary .summaryHeader
{
	background-color: #777777; height: 16px; margin: 0px 0px 3px 0px; padding:  3px 3px 3px 3px;
	border-left: solid 3px #CCCCCC;
	color: #FFFFFF;
	font-weight: bolder;
}
#summary .summaryInformation
{
	background-color: #EEEEEE; margin: 2px 0px 3px 0px;
	padding: 2px 4px 4px 4px;
	border-left: solid 3px #CCCCCC;
	font-size: 8pt;
}
#summary .summaryInformation ul
{
	margin-left: 7px;
	padding-left: 7px;
	list-style-type: square;
}
/***************************************
Agents
***************************************/
#agentLinks a
{
	color: #00ff06;
}

/***************************************
Forms
***************************************/

#forms
{
    font-size: 11px;
    color: #555555;
}
#forms input, #forms select
{
	font-size: 9pt;
}
#forms .summaryHeader
{
	background-color: #777777; height: 16px; margin: 0px 0px 3px 0px; padding:  3px 3px 3px 3px;
	border-left: solid 3px #CCCCCC;
	color: #FFFFFF;
	font-weight: bolder;
}
#forms .summaryInformation
{
	background-color: #EEEEEE; margin: 2px 0px 3px 0px;
	padding: 2px 4px 4px 4px;
	border-left: solid 3px #CCCCCC;
	font-size: 8pt;
	color: #000000;
}

#forms table
{
	width: 100%;
}
#forms .val
{
	color: #000000;
}
#forms .val table
{
	width: 200px;
}
#forms td
{
	width: 33%;
	vertical-align: top;
}
.ticks
{
	text-align: right; 
	font-size: 8pt;
	padding-bottom: 5px;
}
.ticks a
{
	text-decoration: underline;
}
/*****************************************************
Custom DHTML
*****************************************************/
#infotip{ background-color: #FFFFFF; position: absolute; border: 1px solid #DDDDDD; padding: 2px; visibility: hidden; color: #666666; font-size: 8pt; }

#mainmov
{
    width: 600;
    height: 600;
}

.highlight 
{
    background-color: lemonchiffon; 
}
.hint
{
    color: #000000;
    text-decoration: none;
    border-bottom: dashed 1px #7c95b1;
}
/*****************************************************
Confirmation 
*****************************************************/

.confirmation
{
	font-size: 8pt;
	font-family: verdana;
}
.confirmation h2
{
	color: #000000;
}
.confirmation a
{
	color: Blue;
}
.confirmation th
{
	text-align: left;
	padding: 3px;
}
.confirmation td
{
	font-size: 8pt;
	padding: 2px;
	font-family: verdana;
}
.confirmationhead
{
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bold; 
	color: Green;
	font-size: 9pt;
}
.xsmall td
{
	font-size: 7pt;
	vertical-align: top;
}
#trivia h3
{
	color: #3497D4; font-size: 8pt; font-weight: bold;
}
#trivia td
{
	font-size: 8pt;
}
#thumbs
{
	width: 512px;
	/*background-color: #e7edff;*/
}
#thumbs img
{
	border: solid 2px #89a7ff;
	padding: 5px;
	margin-right: 5px;
}