﻿/*Airline Booking Page */
.mainTable	{
	background-color: #FFFFFF
}
.innerTableLine {
	background-color: #FFFFFF /*SAME COLOR AW ABOVE*/
}
#container {
	background-color: #FFFFFF;
	width: 902px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	height: auto;
	font-weight: normal;
	color: #333333;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#masthead {
	border-style: 0;
	border-color: 0;
	border-width: 0px;
	background-color: #FFFFFF;
	padding: 30px 0px 0px 10px;
}
#top_nav {
	background-color: #FFFFFF;
	text-align: center;
}
#top_nav h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	font-weight: normal;
}
#page_content {
	background-color: #FFFFFF;
	height: auto;
}
#footer {
	padding: 10px 30px 10px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #F9F9F9;
	font-weight: normal;
}


.horizontal_line {
	color: #1C70C6;
}




/*WCT Air Booking Form */
.med {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica}

.form {FONT-SIZE: 11px; FONT-FAMILY: Arial, Verdana, Helvetica; HEIGHT: 18px}

.white {BACKGROUND-COLOR: #ffffff}

.null {BACKGROUND-COLOR: #cccccc}

.formfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.smallformfield { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000}

.hotrate {
	background-color: #D7E3F6;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.small { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000}

.title { color: #000000; font-size: 18pt; font-weight: bold; line-height: 110%; font-family: Verdana, Geneva, Arial }

.rate1 {
	color: #1873C7;
	font-family: arial, verdana;
	font-size: 13px;
}

.rate2 { color: #1873C7; font-family: arial, verdana; font-size: 9pt}

h2 {
	color: #333333;
	font-size: 1em;
	font-weight: normal;
	line-height: 130%;
	font-family: Arial, Helvetica, sans-serif
}

h3 { color: #cc0000; font-size: 13pt; font-weight: bold; line-height: 130%; font-family: Verdana, Geneva, Arial }

h4 {
	color: #333333;
	font-size: small;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}

/* This are for the primary box with the tabs */

.smallformfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-align: right;
	padding-right: 10px;
}

.button {  font-family: Arial, Verdana, Helvetica; font-size:10pt; font-weight:bold; color:#1873C7; text-transform:uppercase; border:0px; background-color:#FFFFFF;  /*#1873C7 - BUTTON TEXT COLOR ONLY*/}

.innerTable {
	border-color: #1873C7; /*SAME COLOR AW ABOVE*/
}
.innerTableLine {
	padding: 0px;
	margin: 2px;
	border-color: #D7E3F6;
	background-color: #FFFFFF /*SAME COLOR AW ABOVE*/;
	width: 650px;
}
.mainTable	{
	background-color: #FFFFFF
}
/*#9DD4FF  ### MAIN BACKGROUND COLOR */









/* See revision 1.1 for the orignal settings, if needed. */
/* This is the background of the pop-up calendar */
body.calendar {margin:0; background-color:#fff;padding:1px 0px 0px 0px;font: bold 10px arial,helvetica,sans-serif;text-align:center}
#calbox a.cal {text-decoration: none; color: #000;}
#calbox a.cal:hover {text-decoration: underline;}
#calbox table{border-collapse:collapse;}
#calbox .calTableH{margin: 4px 0px 0px 6px; width:127px; empty-cells:show;border:1px solid #ccc;float:left;display:inline;}
#calbox .calTableV{margin: 4px 0px 0px 6px; width:127px; empty-cells:show;border:1px solid #ccc;}

/* The name of the month in the popup */
#calbox .calLabel{font: 700 11px arial,helvetica,sans-serif; color: #000; text-align:center;background-color:#fff; padding:1px; line-height:18px;white-space:nowrap}

/* The days of the week header. */
#calbox .calDayName{
	background: #003399;
	color: #fff;
	font: 500 10px arial,helvetica,sans-serif;
	text-align: center;
	width: 19px;
	border: 1px solid #000;
}

/*.calDate is the background of the calendar pages */
#calbox .calDate{text-align:center; font: 500 10px arial,helvetica,sans-serif; background: #fff; line-height: 13px;}

/* .calDateOff are attributes for the part of the calendar for which the days have passed and aren't clickable. */
#calbox .calDateOff{color:#000;  font: 400 10px arial,helvetica,sans-serif; text-align:center; background: #fff; line-height: 13px;}

/* This is the background of the currently selected arrival and departure dates. */
#calbox .calDateSel{
	background: #FFFF99;
	text-align: center;
	font: bold 10px arial,helvetica,sans-serif;
	line-height: 13px;
}

/* The range between the .calDateSel dates*/
#calbox .calDateRng{
	background: #FFFF66;
	text-align: center;
	font: bold 10px arial,helvetica,sans-serif;
	line-height: 13px;
}

/* This is the color of the individual dates on the popup. */
#calbox .calDateA{text-decoration:underline; color:#000;}
#calbox .calDateA:hover{text-decoration:none;}  # leave alone

/* The 'next' / 'prev' buttons? */
#calbox .calNavA{font: 11px arial,helvetica,sans-serif; text-decoration: none; color: #000; padding: 0 5px;display:block;clear:both;}
#calbox a.calNavA:hover{text-decoration:underline;} #previous{line-height:16px;}

# leave alone #noprevious{line-height:16px;}

/* These control the close button, including the "Select a Date" string. */
#calbox .calClose{font-size:10px;padding:4px 8px 2px 8px;text-align:left;color: #000; background-color: #9DD4FF;}
#calbox .calClose a{float:right;text-decoration:none;color: #fff;background:#000;padding-left:2px;padding-right:2px;line-height:10px;border-style:solid;border-width:1px 1px 2px 2px;border-color:#ccc #000 #000 #6A87A7;}
#calbox .calClose a:hover{border-color:#000 #ccc #ccc #000;}

#calwrapper {margin:auto;width:272px;}

/* calframe is not used.   */
.calframe{height:283px;width:140px;border-width:0px;}

/* calboxon controls the position of the popup.  This means, generally, that you need a different instance
   for each page that the calendar pops up on.  Change the margin-top and margin-left until an agreeable
   position is obtained.  This is the last argument to opencal.
*/
.calboxon_216{
	z-index: 5;
	height: 283px;
	width: 140px;
	position: absolute;
	margin-top: 300px;
	margin-left: 350px;
	display: block;
	font: bold 9px arial, helvetica, sans-serif;
	text-align: center;
	background-color: #FFFFFF;
	border: 2px solid #1873C7;
}
.calboxon_216_newps{z-index:5;height:283px;width:140px;position:absolute;margin-top:300px;margin-left:450px;display:block;font: bold 10px arial,helvetica,sans-serif;text-align:center}
.calboxon_323{z-index:5;height:283px;width:140px;position:absolute;margin-top:150px;margin-left:450px;display:block;font: bold 10px arial,helvetica,sans-serif;text-align:center}
.calboxon_648{z-index:5;height:283px;width:140px;position:absolute;margin-top:100px;margin-left:45px;display:block;font: bold 10px arial,helvetica,sans-serif;text-align:center}

/* calboxoff turns the popup off. */
.calboxoff{height:1px;width:1px;overflow:hidden;position:absolute;top:0px;left:0px;visibility:hidden;display:none;}


/* makes the select boxes change size!  .cbCal{margin-top:0px;cursor:pointer;cursor:hand;vertical-align:bottom;padding-right:0px;padding-left:2px} */

/* Moved from common.css.  Was part of the cb id. */
/* This affects the relative placement of the calendar gif.  Not the popup.  Huh. */
.cbCal{
	margin-top: 0px;
	cursor: pointer;
	cursor: hand;
	vertical-align: top;
	padding-right: 0px;
	padding-left: 2px;
}

#cb .cbrowon{background:#ffc;}
#airlines {
	font-size: x-small;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

