/*         ************ THIS FILE WAS AUTOMATICALLY GENERATED.  ******************
Any changes you make may be overwritten.  Use channel admin to make modifications.

Style sheet for channel code TRAVELCLICK, generated 11:34 PM, Sun Oct-16, 2005, by user aosborn (6).  */

BODY {
	background-color: #FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color:#483D8B;
	background-repeat:repeat-x;
}

P {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color:#483D8B;
}

H1 {
	font-size: 14pt;
}
H2 {
	font-size: 11pt;
}
H3 {
	font-size: 12pt;
}
H4 {
	font-size: 10pt;
}
H5 {
	font-size: 9pt;
	font-style: italic;
}
H6 {
	font-size: 8pt;
	font-style: italic;
}

TEXTAREA {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	scrollbar-base-color: #CCD2D9;
	scrollbar-arrow-color: #666699;
}

.clsMonospace {
	font-family: Courier; 
}

/* invisible (borderless) form elements */
.clsInvisible {
	border: thin; 
	border-color: white; 
	color: #483D8B;
	scrollbar-base-color:white; 
	scrollbar-arrow-color:white; 
	scrollbar-highlight-color:white; 
	scrollbar-shadow-color:white; 
	scrollbar-darkshadow-color:white;
}

BODY.clsMain {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color:#483D8B;
	border-style: none;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:15px;
	margin-right:0px;
}

BODY.clsPrint {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color:#483D8B;
	border-style: none;
	margin : 10px;
}

BODY.clsPopUp {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color:#483D8B;
	border-style: none;
	margin : 10px;
}

/* Font size is NOT enherited by text defined within a table, so it's redeclared by the table element. */

Table {
	font-family:Arial,Helvetica,sans-serif;
	color:#483D8B;
	font-size: 10pt;
}

TD {
	font-family:Arial,Helvetica,sans-serif;
	/*color:#483D8B;*/
	/*font-size: 10pt;*/
}

/* Emphasis font is the same size as the normal font, but is italic.*/
.clsEmphasis {
	font-family:Arial,Helvetica,sans-serif;
	color:#483D8B;
	font-size: 10pt;
	font-style : italic;
}

/* Regular font, only smaller size.*/
.clsSmall {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color:#483D8B;
}

.clsSmaller {
	font-size: 6pt;
}

/* Small font, in bold.*/
.clsSmallBold {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color:#483D8B;
	font-weight: bold;
}

/* Small input field.*/
.clsSmallInput {
	font-size: 9pt;
}

/* Emphasis font is the same size as the normal font, but is italic.*/
.clsSmallItalic {
	font-family:Arial,Helvetica,sans-serif;
	color:#483D8B;
	font-size: 8pt;
	font-style: italic;
}

/* clsSmall made smaller.*/
.clsSmall2 {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 7pt;
	color:#483D8B;
}

/* large font not used for headers, just misc. usage.*/
.clsLarge {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color:#483D8B;
}

/* bold font, for general usage.*/
.clsBold {
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;
}

/* bold italic font, for general usage.*/
.clsBoldItalic {
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-style: italic;
}

/* The content table class is a special case where the table's font is black.*/

.clsContent {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: Black;
}

/* Same as above only smaller.*/

.clsContentSmall {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color: Black;
}

/* Underlined Font.*/

.clsUnderLine {
	text-decoration: underline;
}

/* Underlined Font.*/

.clsUnderLineBlue {
	text-decoration: underline;
	color: Blue;
}

/* The Form Title Class.  */

.clsDisplayTitle {
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;
	color:#483D8B;
	}

/* The Form Title Class.  */

.clsFormTitle {
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;
	color:#483D8B;
	padding-top:10px;
	}

/* The Form Title Italic Class.  */

.clsFormTitleItalic {
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-style: italic;
	color:#483D8B;
	padding-top:10px;
	}

/* A Form Title Class with a background color.  */

.clsFormTitleBackground {
	font-family:Arial,Helvetica,sans-serif;
	font-weight: bold;
	color:white;
	background-color:#336699;	
}


/* The Field Title Class is right aligned so that it appears next to the input element it describes*/

.clsFieldTitle {
	font-family:Arial,Helvetica,sans-serif;
	color:#483D8B;
	text-align: right;
	padding-top:5px;
	padding-bottom:10px;
}

/* The Field Description class is a smaller font.*/

.clsFieldDescr{
	font-family:Arial,Helvetica,sans-serif;
	color:#483D8B;
	font-size: 7pt
}

/* to put a page break in using a */
.clsPageBreak {
	page-break-before: always
}

/* Smaller-size text input fields */
input.clsInputSmall {
	font-family: monospace;
	font-size: 8pt;
}

/* Text fields with invisible borders and small text */
input.clsInputInvisibleSmall {
	font-family: Arial;
	font-size: 8pt;
	border: thin; 
	border-color: white; 
	color:#483D8B;
}

input[readonly="readonly"] {
	background-color: #DEDEDE;
	border: 1px solid;
}

/* Defines the bold titles for table columns, note that a separate case exists for the greenbar case below. */

.clsTableHeader{
	font-family:Arial,Helvetica,sans-serif;
	color:#483D8B;
	font-size: 10pt;
	font-weight : bold;
}

/* Defines the bold sub titles on a page */
.clsSubHeader{
	font-family:Arial,Helvetica,sans-serif;
	color:#483D8B;
	font-size : 11pt;
	font-weight : bold;
}

/* Used by tbllisting.cfm by default, if you want to change the table body fontsize, create another class and use the tbllisting attribute to point to the new class. */
.clsTableBody{
	font-family:Arial,Helvetica,sans-serif;
	color:#483D8B;
	font-size: 10pt;
}

/* Standard Table separator */
.clsTableSeparator {
	background-color:#CCD2D9;
}

/* A class that will make the HR the same color as the table separator.*/

HR.clsSeparator{
	color :#CCD2D9;
}

/* Another class that will make the HR different from the table separator to show thru the table color.*/

HR.clsSeparator2{
	color :#336699;
}

/* Used for the small legend text for moderators of msg boards */
.clsModSmall{
	font-size: 7pt;
}

.clsModRed{
	font-size: 7pt;
	color:#B22222;
}

.clsModRedFont{
	font-size: 10pt;
	color:#B22222;
}

.clsModRedLink{
	font-size: 10pt;
	color: #B22222;
	font-weight : bold;
}

.clsModLink{
	font-size: 10pt;
	color: #666699;
	font-weight : bold;
}




/* Standard greenbar color for greenbar reports */
.clsTableGreenBar {
	background-color: #CCD2D9;
}

/* The Greenbar case requires a separate class */

.clsTableGreenBarHeader{
	font-size: 10pt;
	font-weight: bold;
	color: #666699;
	background-color :#CCD2D9;
	padding: 5px;
}

/* Used in the footer elements of tbllisting */

.clsTableFooter{
	font-family:Arial,Helvetica,sans-serif;
	font-size : 7pt;
	font-style : italic;
}

/* Used for the medium-large font at the top of most retail pages, such as resort.cfm, parent.cfm, and tour.cfm 
Now used for every page in the site....unless manually suppressed in header.cfm call */
.clsPageTitle{
	font-size : 14pt;
	font-weight : bold;
	text-align: left;
	padding-left:0px;
	padding-top:3px;
	padding-bottom:6px;
}

.clsPageTitleCenter{
	font-size : 14pt;
	font-weight : bold;
	text-align: center;
	padding-left:0px;
	padding-top:12px;
	padding-bottom:6px;
}

.clsTabTitle{
	font-size : 14pt;
	font-weight : bold;
	font-style : italic;
	text-align: left;
	padding-left:0px;
	padding-top:6px;
	padding-bottom:6px;
}

.clsPageSubTitle{
	font-size : 11pt;
	text-align: left;
	padding-left:0px;
	padding-top:6px;
	padding-bottom:12px;
}

.clsPageSuperTitle{
	font-size : 11pt;
	text-align: left;
	font-weight : bold;
	padding-left:0px;
	padding-top:12px;
	padding-bottom:0px;
}

/* the following two added 11/22/03 AO */
.clsPopupCenterTitle{
	font-size : 14pt;
	text-align: center;
	font-weight: bold;
	padding-left:0px;
	padding-top:2px;
	padding-bottom:0px;
}

.clsPopupCenterSubTitle{
	font-size : 11pt;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	padding-left:0px;
	padding-top:2px;
	padding-bottom:0px;
}

/* Used for the tripdates portion of auction.cfm, on the green background */
.clsContentTitle{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: Black;
	text-align:center;  
	background-color :#CCD2D9;
}

/* Used for standard (non-tbllisting) small footer text, note that color is redefined for the case where the DIV tag is used 
within the clsDemoFooter  class.  Also note that this class is used by the HTMLHelp anchors that
appear under text areas.*/

.clsFooter{
	font-size: 8pt;
	color:#483D8B;
	text-align: Center;
}

/* Used for standard footer elements with the normal fontsize */
.clsCommonFooter{
	font-size: 10pt;
	color:#483D8B;
	text-align: Center;
}

/* Used to display info when the system is in a demo status */
.clsDemoFooter{
	font-size: 8pt;
	color: Red;
	text-align: Center;
}

/* Used when when the site is down and other errors. */

.clsSorryText{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: Red;

}

.clsNoteText{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 10pt;
	background-color: #ffffcc;
	border:1pt solid black;

}

/* left-hand menus */
.clsMenuTitle{
	color: white;
	background-color: #336699;
	font-size: 9pt;
	font-weight: bold;
	padding: 2px;
}

.clsSmallMenuLink{
	font-size: 8pt;
	font-weight: normal;
	padding: 2px;
}
A.clsSmallMenuLink:link { color: white; text-decoration: none }
A.clsSmallMenuLink:visited { color: white; }
A.clsSmallMenuLink:active { color: white; text-decoration: none; }
A.clsSmallMenuLink:hover { color: white; text-decoration: underline; }

.clsMenuItem{
	font-size: 9pt;
	padding: 1px;
}

/* style for tabs, both on and off */ 
.clsTabOn{
	color: white;
	background-color: #336699;
	font-size: 8pt;
	font-weight: bold;
	text-align: Center;
}

.clsTabOff{
	color: #666699;
	background-color: #CCD2D9;
	font-size: 8pt;
	font-weight : bold;
	text-align: Center;
}

.clsInputDisabled {
	background-color:#CCCCCC;	
}

/* Tab Bar, the thick line below graphic tabs */
.clsTabBar {
	background-color :#336699;
}

A:ACTIVE {
	color: Blue;
}

A, A:HOVER {
	color: Blue;
}

A:LINK {
	color: Blue;
}	

A, A:VISITED {
	color: Blue;
}

A.clsHoverBold { color: #003399; text-decoration:none }
A.clsHoverBold:visited { color: #6699CC; }
A.clsHoverBold:active { text-decoration: none; }
A.clsHoverBold:hover { text-decoration: none;font-weight: bold; }

A.clsHoverLine { color: #003399; text-decoration:none }
 A.clsHoverLine:visited { color: #003399; }
/* A.clsHoverLine:visited { color: #6699CC; } */
A.clsHoverLine:active { text-decoration: none; }
A.clsHoverLine:hover { color: Blue; text-decoration: underline; }

A.clsHoverLineSimple { color: #003399; text-decoration:none }
A.clsHoverLineSimple:active { text-decoration: none; }
A.clsHoverLineSimple:hover { text-decoration: underline; }

A.clsHoverNone { color: #666699; text-decoration:none }
A.clsHoverNone:visited { color: #666699; }
A.clsHoverNone:active { text-decoration: none; }
A.clsHoverNone:hover { text-decoration: none; }

A.clsHoverLight { color: white; text-decoration:none }
A.clsHoverLight:visited { color: white; }
A.clsHoverLight:active { color: white; text-decoration: none; }
A.clsHoverLight:hover { color: white; text-decoration: none; }

A.clsHoverLineWhite { color: white; text-decoration:none }
A.clsHoverLineWhite:visited { color: white; }
A.clsHoverLineWhite:active { text-decoration: none; }
A.clsHoverLineWhite:hover { text-decoration: underline; }

A.clsHoverLineRed { color: #B22222; text-decoration:none }
A.clsHoverLineRed:visited { color: #B22222; }
A.clsHoverLineRed:active { text-decoration: none; }
A.clsHoverLineRed:hover { color: red; text-decoration: underline; }

/* is this used?????  doesn't appear so
A.clsHoverMenu { color: #660000; text-decoration:none }
A.clsHoverMenu:visited { color: #660000; }
A.clsHoverMenu:active { text-decoration: none; }
A.clsHoverMenu:hover { color: white; text-decoration: none; }
*/

TABLE TD TABLE.clsAppFont {  font-size:100%; color: #483D8B;}
#clsFontSmall1 { font-size:80% }
#clsFontSmall2 { font-size:70% }

.clsHelpBody {
	margin-left:15pt;
	margin-right:15pt;
}

/* interstitial styles */

.txtSmall {font-size:10px;}
.divIntOverlay {
	display:none;
	position:absolute;
	background-color:#CCCCCC;
	top:0px;
	left:0px;
	z-index:30000;
	FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=30); 
}
.divInt {
	display:none;
	background-color:#ffffff;
	border:1px solid black;
	FILTER:progid:DXImageTransform.Microsoft.dropShadow( Color=000000,offX=5,offY=5,positive=true); 
	z-index:30001;
	position:relative;
	margin:3px;
	padding:10px;
}
.divIntFloat {
	display:none;
	background-color:#ffffff;
	border:1px solid black;
	FILTER:progid:DXImageTransform.Microsoft.dropShadow( Color=000000,offX=5,offY=5,positive=true); 
	z-index:30001;
	position:absolute;
	left:0px;
	top:0pix;
	margin:3px;
	padding:10px;
}
.divIntMssg {
	font-family:Arial;
	font-size:10px;
	margin:3px;
}
.divIntProgressMssg {
	font-family:Arial;
	font-size:10px;
	margin:3px;
}
.divIntProgressOuter {
	background-color:#333333;
	padding:0px;
	text-align:left;
	margin:0px;
}
.divIntProgressInner {
	background-color:#0066FF;
	border-left:1px solid #000066;
	border-bottom:1px solid #000066;
	border-top:1px solid #0099FF;
	border-right:1px solid #0099FF;
	margin:0px;
	padding:0px;
	width:0px;
}
.iframeIntHidden {
	display:none;
}

table.reportTable {
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout:fixed;
}

table.reportTable th {
	background-color:#08224B;
	color: #FFFFFF;
	vertical-align:bottom;
	padding:5px;
	font-weight:bold;
	border: 1px solid #fff;
}

.reportTable td {
	padding:2px;
	border: 1px solid #999999;
	vertical-align: top;
}

table.zebra {border: 1px solid #999;}
/*
table.zebra tr:nth-child(odd), table.zebra tr.odd {background-color: #eee;}
table.zebra tr:nth-child(even), table.zebra tr.even {background-color: #fff;}
*/
table.zebra tr.odd {background-color: #eee;}
table.zebra tr.even {background-color: #fff;}
table.zebra td {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: none;
	border-right: none;
	padding: 10px;
}

table.plainZebra {border: 1px solid #999;}

table.plainZebra tr:nth-child(odd) {background-color: #eee;}
table.plainZebra tr:nth-child(even) {background-color: #fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
/* for IE8 we need these classes and JS manipulation
(but we'll ask users to use IE9 which supports nth-child construct) 
table.plainZebra tr.odd {background-color: #eee;}
table.plainZebra tr.even {background-color: #fff;}
*/
table.plainZebra tr.noZebra {background-color: #fff;}
table.plainZebra td {padding: 3px; vertical-align:middle;}

table.plainZebra th {
	background-color:#113662;
	color:#fff;
	border: 0!important;
	vertical-align:bottom;
	text-align:center;
	padding:5px 2px;
	font-weight:bold;
	/*border: 1px solid #fff;*/
}

table.plainZebra tr.spaced > td {padding-top:5px;}
table.plainZebra tr.bottomLine > td {border-bottom: 1px solid #999;}
table.plainZebra tr.topLine > td {border-top: 1px solid #999;}
table.plainZebra tr.total {background-color: #eee!important;}
table.plainZebra tr.highlight {background-color: #ffff66!important;}
table.plainZebra tr.good {background-color: #ccffbb!important;}


.progress {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #000000;
	background-color: #000000;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity:0.80;
	color: white;
	font-size: 18px;
	font-weight: bold;
	/*height: 60px;*/
	left: 50%;
	top: 40%;
	line-height: 30px;
	position: fixed;
	text-align: center;
	z-index:1000;
	padding:20px 40px;
}

#menu-slider {position:relative;float:left;cursor:pointer;width:20px;height:20px;margin-top:-65px;}
.menu-left{background:transparent url('/dmp/images/left-arrow.png') no-repeat 0 0;left:-40px;}
.menu-right{background:transparent url('/dmp/images/right-arrow.png') no-repeat 0 0;left:-21px;}

/*table.btnTable {border-collapse:collapse!important;border:none!important;}
table.btnTable img {display:block;}
table.btnTable, table.btnTable td, table.btnTable th {border-style:none!important;padding:0;}*/