/********************************************************************************
/* Revision History:
/* 
/* Author:			Date:			Changes Made:
/* ___________________________________________________________________
/*
/* EReese		 |	12/22/04	|	Consolodation and Organization
/*
/* EReese		 |	01/19/05	|	Continued Updates	
/*
/* LRobinson	 |  01/27/05    |   Added RewardOne
/*
/* EReese		 |  02/17/05	|	Allow for the text on tabs to be different 
/*									colors based on which one is selected
/*
/********************************************************************************/

@media print
{
	.noprint
	{
		display:none;
	}	
}

/* This will set the default font, color, etc for the page.  */

body
{
	font-family: "Trebuchet MS",Tahoma, verdana,arial,helvetica, sans-serif;
	font-size: 10pt;
	background-color: #FFFFFF;
	margin: 10px 15px 10px 15px;
	color: #666666;
}

/* This item controls the color of the border around all of the pages except the login page.  */
html
{
	background-color: #666666;
}

/* Border around the login page  */

html.page_login
{
	background-color:#FFFFFF;
} 

html.page_login body
{
	margin: 5px 5px 5px 5px;
}

H1 {
	color: #003399;
	font-size: 20PX;
	font-weight: bold;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
}

H2, H3, H4
{
    FONT-WEIGHT: 700;
}

H5
{
    FONT-WEIGHT: 700;
    FONT-SIZE: 12px;
}


H6
{
    FONT-SIZE: 11px;
    FONT-WEIGHT: 700;
}

hr 
{
	color: #99CCFF;
	height: 1px;
	width: 100%;
}

hr.dashed
{
	margin: 0;
	padding: 0;
	overflow: hidden;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px dashed #CCCCCC;
	height: 1px;
}

input
{
	font-size: 12px;
	font-family: "Trebuchet MS",Tahoma, verdana,arial,helvetica, sans-serif;
}

select
{
	font-size: 12px;
	font-family: "Trebuchet MS",Tahoma, verdana,arial,helvetica, sans-serif;
}

a, a:active, a:visited
{
	color: #0366FF;
	text-decoration: none;
}

a:hover
{
	color: #0366FF;
	text-decoration: underline;
}

a.popup_nav, a.popup_nav:active, a.popup_nav:visited
{
	color: #0366FF;
	text-decoration: none;
}

a.popup_nav:hover
{
	color: #0366FF;
	text-decoration: underline;
}

a.footerLinks, a.footerLinks:active, a.footerLinks:visited
{
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #003399;
	text-decoration: none;
}

a.footerLinks:hover
{
	color: #003399;
	text-decoration: underline;
}

a.headerLinkSmall, a.headerLinkSmall:active, a.headerLinkSmall:visited
{
	color: #006633;
}

a.headerLinkSmall:hover
{
	color: #006633;
	text-decoration: underline;
}

a.SideMenuItem_LabelText, a.SideMenuItem_LabelText:active, a.SideMenuItem_LabelText:visited
{
	color: #0366FF;
}

a.SideMenuItem_LabelText:hover
{
	color: #0366FF;
	text-decoration: underline;
}

a.linkButton{color:#003399; text-decoration:none;font-size:8pt;}

/* The "tooltip" items control the look of the various tips that pop up when the user places the mouse over a button
	with a defined tooltip.  */

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none}

a.tooltip:hover{z-index:25; text-decoration:none; cursor:help;}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block; 
    position:absolute;
    bottom:54px;  left:-3em;
	overflow:visible;
    filter: Alpha(Opacity=90);
    border:none;
    font-weight: bold;
    padding: 3px;
    text-align:center;
    background-color:#CCEE66; color:#006633;
    text-decoration:none;}

/**********************************************************************/


.autocompleteText
{
	font-weight:bold;
	color:#000080;
}
.autocompleteSelectedText
{
	background-color:#FFFF00;
}
.autocompleteUnselectedText
{
}

/* The arrow on the Resource Center. */
.arrow
{
	list-style-image: url(./img/arrow.gif);
	line-height: 20px;
	padding-top: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}

.btnWaitHide
{
	float:right;
	display:none;
}
.btnWaitShow
{
	display:block;
	float:right;
}

/* Busy page empty cell */

.busyEmptyCell
{
	width: 14px;
	height: 14px;
	background-color: #FFFFFF;
}

/* Busy page cell 1 */

.busyCell1
{
	width: 14px;
	height: 14px;
	background-color: #336699;
}

/* Busy page cell 2 */

.busyCell2
{
	width: 14px;
	height: 14px;
	background-color: #6699FF;
}

/* Busy page cell 3 */

.busyCell3
{
	width: 14px;
	height: 14px;
	background-color: #99CCFF;
}

/* Busy header text */

.busyHeader
{
	font-size: 18pt;
	color: #808080;
}

/* Busy message text */

.busyMessage
{
	font-size: 10pt;
	color: #808080;
}

/* Busy custom message text */

.busyCustomMessage
{
	font-size: 12pt;
	color: #808080;
}

/* The graphic on the top left of the pages */

.CompanyHeader
{
	height: 70px;
	width: 260px;
	float:left;
	display:inline;
	overflow:hidden;
	background-image: url(../img/header_left.png);	
}

/* The text on the top left of the pages */

.CompanyTextHeader
{
	color: #009f00;
	font-size: 26px;
	font-weight: bold;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	margin-left: 10px;           
}

.contentMargin
{
	margin-left: 10px;
}

/* If you change the background color in UnselectedTab, tabs.gif will need to be modified to the same color.  */

.CornerTab
{
	height:25px;
	width:25px;
	float:left;
	display:inline;
	overflow:hidden;
	background-image: url(../img/tabs.gif);
	background-position: absolute bottom;
}

/* This is used on the login page when a secure connection has been established.  */

.default_text
{
	font-size:11px;
	color:#666666;
} 

.ErrorText
{
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	COLOR: #ff0000;
	}
.ErrorIcon
{
	height:15px;
	width:15px;
	float:left;
	display:inline;
	overflow:hidden;
	background-image: url(../img/icon_error.gif);
	margin-right:2px;
}

/* error pages */
.error_titles {
	FONT-WEIGHT: bolder; FONT-SIZE: 24px; VERTICAL-ALIGN: bottom; TEXT-TRANSFORM: none; FONT-STYLE: italic; FONT-FAMILY: Tahoma, sans-serif; FONT-VARIANT: normal
}
.error_textNormal {
	FONT: 9px Tahoma, sans-serif; TEXT-TRANSFORM: none
}
.error_text2 {
	FONT: bolder 12px Tahoma, sans-serif
}
.error_colorTextNormal {
	COLOR: #000000
}
.error_colorTextError {
	COLOR: #ff6600
}
.error_colorBackLine {
	BACKGROUND-COLOR: #996633
}

.font-tiny , tr.font-tiny td
{
	font-size: 10px;
	vertical-align:top;
}

.font-tiny-bold
{
	font-size: 10px;
	font-weight: bold;
}

.font-bold
{
	font-weight:bold;
}

.font-med-bold-red
{
    COLOR: #ff0000;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}
.font-large-bold-red
{
    COLOR: #ff0000;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold
}
.font-med-red
{
    COLOR: #ff0000;
    FONT-SIZE: 12px;
}

.font-regular
{
    FONT-SIZE: 12px
}

.font-small
{
    FONT-SIZE: 11px
}

.font-small-italic
{
	font-size: 11px;
	font-style: italic;
}

.font-small-blue
{
    COLOR: #336699;
    FONT-SIZE: 11px
}

.font-small-bold
{
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}

.font-small-bold-underline
{
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline;
}

.font-large-bold
{
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
}
.font-large
{
    FONT-SIZE: 14px;
}

.font-med-bold
{
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
}

.font-tiny
{
    FONT-SIZE: 10px;
}

.font-smallest
{
	FONT-SIZE: 8pt;
}

.font-smallest-bold
{
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}

/* Footer text; should match footer links color */

.footer
{
	color: #003399;
}

/* This is for the panel on the trip itinerary page that contains links.  (Above the trip details.)  */

.ItinPanel
{
	background-color:#DEDFDE;
}

/* The "Grid" elements control the look of the items that are in a grid/table under the "Administration"
/* section.  For example, the table on the Reporting Conditions page. */

.GridLabel
{
	font-weight: bold;
	font-size: 14px;
}

.GridAlternateHeader
{
	font-size: 11px;
	font-style: italic;
	background: #CCCCCC;
}

.GridTableRow
{ 
	background-color:#FFFFFF;
	font-family:Arial;
	color:#999999;
}

.GridTableRowShade
{
	background: #efeeee;
}

.GridTableAddRow
{ 
	background-color: #dddddd;
	font-family:Arial;
	color:#999999;
}

.GridTableHeader
{
	font-weight: bold;
	background-color: #DDDDDD;
	font-size: 16px;
}

.GridTable
{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
	border-bottom-width: 2px;
	
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

/* The graphic on the top right of all the pages   */

.HeaderBanner
{
	height:68px;
	width:473px;
	float:right;
	display:inline;
	overflow:hidden;
	background-image: url(../img/header_right.png);	
}

/* Label contained within the header bar */

.headerLabel
{
	color: #006633;
	font-size: 10pt;
}

/* Link contained within the page header.  */

.headerLinkSmall
{
	color: #006633;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
}

.HotelResultHeader
{
	font-size:11px;
	font-weight:bold;
	color:#666666;
}

.HotelRatesHeader
{
	background-color:#EFEFEF;
	color:#666666;
	font-size:17px;
}

/*
 *---------------------------------------------------------------------- 
 *The following classes are for the images in the flight search results
 *----------------------------------------------------------------------
 */
.icon_fare_contract
{
	height:14px;
	cursor:hand;
	width:14px;
	float:left;
	display:inline;
	overflow:hidden;
	background-image: url(../img/icon_c.png);	
}

.icon_fare_companyPreferred
{
    DISPLAY: inline;
    FLOAT: left;
    BACKGROUND-IMAGE: url(../img/icon_p.png);
    OVERFLOW: hidden;
    WIDTH: 14px;
    CURSOR: hand;
    HEIGHT: 14px
}
.icon_fare_stategovernment
{
    DISPLAY: inline;
    FLOAT: left;
    BACKGROUND-IMAGE: url(../img/icon_s.png);
    OVERFLOW: hidden;
    WIDTH: 14px;
    CURSOR: hand;
    HEIGHT: 14px
}
.icon_fare_flightAlternative
{
	cursor:hand;
	overflow:hidden;
	height:14px;
	width:14px;
	float:left;
	display:inline;
	background-image: url(../img/icon_a.png);	
}

.icon_fare_governmentContracted
{
	cursor:hand;
	height:14px;
	width:14px;
	float:left;
	display:inline;
	overflow:hidden;
	background-image: url(../img/icon_g.png);	
}

.icon_fare_governmentDiscount
{
	cursor:hand;
	height:14px;
	width:14px;
	float:left;
	display:inline;
	overflow:hidden;
	background-image: url(../img/icon_d.png);	
}

.icon_fare_governmentMeToo
{
	cursor:hand;
	height:14px;
	width:14px;
	float:left;
	display:inline;
	overflow:hidden;
	background-image: url(../img/icon_m.png);	
}

.icon_fare_internet
{
	cursor:hand;
	height:14px;
	width:14px;
	float:left;
	display:inline;
	overflow:hidden;
	background-image: url(../img/icon_at.png);	
}

.icon_fare_rewardOne
{
	cursor:hand;
	height:15px;
	width:15px;
	float:left;
	display:inline;
	overflow:hidden;
	background-image: url(../img/icon_rewardone.png);	
}
.icon_hotel_available
{
	width:125px;
	height:15px;
	overflow:hidden;
	display:inline;
	float:left;
	border:none;
	background-image: url(../img/hotel_available.png);
}

.icon_hotel_unavailable
{
	width:130px;
	height:15px;
	overflow:hidden;
	display:inline;
	float:left;
	border:none;
	background-image: url(../img/hotel_unavailable.png);
}

.icon_hotel_availabilityunknown
{
	width:125px;
	height:15px;
	overflow:hidden;
	display:inline;
	float:left;
	border:none;
	background-image: url(../img/hotel_availability_unknown.png);
}

/* Used for important informational text */
.InformationalText
{
	font-size: 15px;
	font-weight: bold;
	color: Blue;
}


/* The title bar for the itinerary items.  i.e. the bar that contains the date on each item  */

.itin-main_titlebar 
{
	color: #003399;
	background-color: #CEDCFF;
	height:30px;
	padding-right:10px;
	padding-left:10px;
	font-family: "Trebuchet ms",Tahoma, verdana,arial,helvetica, sans-serif;
	font-size: 20PX;
	font-weight: bold;
}

/* The image on the car itinerary titlebar  */

.itin_titlebar_car
{
	width:100px;
	height:34px;
	overflow:hidden;
	display:inline;
	float:right;
	border:none;
	background-image: url(../img/title_bar_car.gif);
}

/* The image on the hotel itinerary titlebar  */

.itin_titlebar_hotel
{
	width:100px;
	height:34px;
	overflow:hidden;
	display:inline;
	float:right;
	border:none;
	background-image: url(../img/title_bar_hotel.gif);
}

/* The image on the flight itinerary titlebar  */

.itin_titlebar_plane
{
	width:100px;
	height:34px;
	overflow:hidden;
	display:inline;
	float:right;
	border:none;
	background-image: url(../img/title_bar_plane.gif);
}

/* The image on the train itinerary titlebar  */

.itin_titlebar_train
{
	width:100px;
	height:34px;
	overflow:hidden;
	display:inline;
	float:right;
	border:none;
	background-image: url(../img/title_bar_train.gif);
}

/* The image on the itinerary titlebar  */

.itin_titlebar_suitcase
{
	width:100px;
	height:34px;
	overflow:hidden;
	display:inline;
	float:right;
	border:none;
	background-image: url(../img/titlebar_suitcase.gif);
}

/* The checkmarks on the All Itineraries page  */

.itin_checkmark
{
	width:11px;
	height:11px;
	overflow:hidden;
	display:inline;
	float:left;
	border:none;
	background-image: url(../img/icon_chkmrk.gif);
}

/* The row on the itinerary items that contains the price  */

.ItineraryPriceRow
{
	height: 25px;
	background-color:#DEDFDE;
}

.Label
{
	font-size:10pt;
}

li.arrow
{
	list-style-type:none;
	margin: 3px 0px 3px 9px;
}

li.level1
{
	list-style-image: url(../img/bullet-square.gif);	
	margin: 3px 0px 3px 9px;
}

li.level2
{
	list-style-type:none;
	margin: 0px 0px 0px 10px;
	padding: 0;
}

.LoginMenu
{
	list-style-image : url(../img/GreenArrow.gif);
}

/* The page title bar. */

.main_titlebar 
{
	color: #006633;
	background-color: #CCEE66;
	font-size: 20px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Bar at the bottom of the results */

.main_footerbar 
{
	color: #006633;
	background-color: #CCEE66;
	height: 15px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.MessageTextNotBold
{
	FONT-SIZE: 9pt;
	COLOR: #ff0000;
}

.Note
{
	font-size: 10px;
	font-style: italic;
}

.OkIcon
{
	height:16px;
	width:16px;
	float:left;
	display:inline;
	overflow:hidden;
	background-image: url(../img/icon_ok.gif);
}

/* Styles used on the popup windows   */

.popup 
{
	background: #ffffff;
	border: 20px solid #666666;
} 

.popup a:visited
{
	color: #1D3C8C;	
}

.popup ul
{
	margin: 0;
	padding: 0;
}

.popup strong
{
	margin: 0;
	padding: 5px 7px 5px 7px;	
	font-size: 1.7em;
	color: #666666;
	width: 100%;
}

.popup b
{
	margin: 0;
	padding: 5px 7px 5px 7px;	
	font-size: 1.4em;
	color: #666666;
	width: 100%;
}

.popup hr
{
	width: 97%;
	text-align: center;
	color: #8d8961;
}

.popup h1
{
	padding: 5px;
	width: 100%;
	background: #ccdcfe;
	color: #003399;	
}

.popup h2
{
	margin: 0;
	padding: 5px 7px 5px 7px;	
	font-size: 1.6em;
	color: #666666;
	width: 100%;
}

.popup p
{
	margin: 0;	
	padding: 3px 7px 3px 7px;	
}

.popup a
{
	border: none;
	font-size: 1.2em;
	padding-left: 7px;	
}

.popup img
{
	border: none;
}

.popup h1.fadeHead
{
	filter: Alpha(Opacity=100, FinishOpacity=0, startX=0, finishX=100, Style=1);
	margin-bottom: 0;
	margin-top: 0.1em;
	padding-left: 15px; 
	color:#323466;
}

.popup h1.fadesubHead
{
	padding-left: 15px;
	filter: Alpha(Opacity=100, FinishOpacity=0, startX=0, finishX=100, Style=1);
	margin: 1px 15px 7px 0px;
	font-size: 16px; 
	border-bottom: 2px solid #EEF0F4;
}

.popup a
{
	margin: 0;
	padding: 0;
}  

.popup_column_title
{
	color: #666666;	
	background-color:#DDDDDD;
	font-family: "Trebuchet ms",Tahoma, verdana,arial,helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-left:20px;
}
.popup_body
{
	PADDING-RIGHT:0px; 
	PADDING-LEFT:0px; 
	PADDING-BOTTOM:0px; 
	MARGIN:0px; 
	PADDING-TOP:0px;
	background-color: #FFFFFF;
	color: #666666;	
	font-family: "Trebuchet ms",Tahoma, verdana,arial,helvetica, sans-serif;
	font-size: 11px;
}
.popup_body_2
{
	color: #666666;	
	background-color:#FFFFFF;
	font-family: "Trebuchet ms",Tahoma, verdana,arial,helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-left:20px;
}
.popup_default_body_text
{	
	color: #666666;	
	font-family: "Trebuchet ms",Tahoma, verdana,arial,helvetica, sans-serif;
	font-size: 11px;
	padding-left:20px;
}
.popup_rs 
{
	background: #666666;
} 
.popup_title_text
{
	color: #003399;	
	font-family: "Trebuchet ms",Tahoma, verdana,arial,helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	background-color: #CCDCFE;
    padding-left:18px;
}

.popup_button
{
	font-size: 12px;
	color: #000000;
	width:109px;
	height:28px;
	cursor:hand;
	background: #DDDDDD repeat scroll 0% 0%;
	font-family: Arial,"Trebuchet ms",Tahoma, verdana,helvetica, sans-serif;
}

/* The border around the search results  */

.ResultsBorder
{
	border-color:#DEDFDE;
}

/*Items for the "Resource Center" */

.ResCenterSectionHeader
{
	padding: 14px 10px 0px 25px;
	margin: 0;
	width: 400px;
}

.ResCenterSectionBody
{
	padding: 0px 10px 0px 35px;
	margin: 0;
	width: 400px;
}

/* changed font-size from 10 for 3.2 merge */
.ResCenterSectionFooter
{
	padding: 14px 10px 0px 55px;
	margin: 0;
	font-size: 12px;
	color: grey;
	width: 500px;
}

.ResCenterSectionFooter a
{
	font-size: 10px;
}

.ResCenterSectionToolbar
{
   background-image: url(../img/resource-toolbar-edge.gif);
   background-position: top left;
   background-repeat: no-repeat;
   z-index:1;
   height: 350;
   width: 220;
   position: absolute; 
   top:168px; 
   right:30px; 
   background-color:  #DFE6F7; 
   filter: Alpha(Opacity=100, FinishOpacity=0, startY=0, finishY=100, startX=100%, finishX=100%, Style=1);
}

.ResCenterSectionToolbarContent
{
	height: 350; 
	z-index: 2; 
	width: 220; 
	position: absolute; 
	top:168px; 
	right:30px; 
	background-color:transparent
}

.ResCenterSectionToolbarContent h1
{
	vertical-align: top;
	font-size: 18px;
	text-align: right;
	padding-top: 0;
    background: none;
    padding-right: 10px;
    margin-left: 25px;
    margin-right: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #ADB3CF;
}	

.ResCenterSectionToolbarContent div.section
{
	color: #053487;
	height: 80px;
	z-index:100;
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
    background: none;
    padding-right: 10px;
    margin-left: 25px;
    margin-right: 20px;
    border-bottom: 1px dashed #ADB3CF;
    background-repeat: no-repeat;
    background-position: 50% right;
}

.ResCenterSectionToolbarContent a
{
	font-size: 12px;
	font-family: Arial;
}

.ResCenterSectionToolbarContent a:visited
{
	color: #1D3C8C;
	font-size: 12px;
	font-family: Arial;
}

.ResCenterSectionToolbarContent p
{
	margin-top: 23px;
	padding-left: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 14px;
	font-weight:bold;
	font-family: Arial;
}

.ResCenterSectionBody a
{
	color: #343A90;
	font-size: 13px;
}

/**********************************************************/

/* This is used on each of the search result items.  The color goes from light on the left to dark on the right.  */

.ResultsGradient
{
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFFFFF',EndColorStr='#9CCFFF');
}

/* This is used on the top of the results.  (Car search, hotel search results)  The color goes from dark on the
/* left to light on the right. */

.ResultsGradient2
{
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#CEDCFF',EndColorStr='#FFFFFF');
}

.ResultsRateHeader
{
	background-color:#DEDFDE;
	height:30px;
	font-size:12pt;
	font-weight:bold;
}

/* The subheader on the search results  */

.ResultsSubHeader
{
	background-color:#EFEFEF;
	height:20px;
	font-weight: bold;
}

/* Used when results need an alterating shade to distinguish between items   */

.result-alt-color
{
    BACKGROUND-COLOR: #efeeee
}

/*Rapid Reprice Tags*/
.RRPSelectedTab
{
	background-color:#FFFFFF;
	font-weight:bold;
    FONT-SIZE: 11px;
}

.RRPUnSelectedTab
{
	background-color:#CCDCFE;
	font-weight:bold;
    FONT-SIZE: 11px;
}

.RRPFlightResult, RRPAltFlightResult, RRPDisableLegDisplay
{
		FONT-SIZE: 8pt;
		BACKGROUND-COLOR: #FFFFFF;
}

.RRPSubmitButton
{
	FONT-SIZE: 8pt;
	COLOR: #FFFFFF;
	BACKGROUND: #6599FF repeat scroll 0% 0%;
}

/* Used for successful updates  */

.StatusOk
{
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	COLOR: #98C700;
}

/* Used on the car rules page */

.search-back-color
{
		FONT-SIZE: 8pt;
		BACKGROUND-COLOR: #dad9d9;
}

/*COLORED BAR THAT HOLDS SEARCH-SORTING OPTIONS*/
.sort_titlebar 
{	margin-bottom:0px;
	padding-bottom:0px;
	font-size: 10px;
	color: Black;
}

/*The background color on the sort control*/
.SortOption
{
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#FFFFCC',EndColorStr='#F7D331');
	background-color:#CCE5FF;
	color: black;
	font-size: 10px;	
}

/*Sets the color of the text for elements in the search control*/
.SortOption tr td 
{
	color:Black;
}

/* Used by "Sort By" and "View In" alternate currency   */

.SortText
{
	color: #CC6600;
	font-size: 12px;
	font-weight: bold;
}

/* For buttons that need to be smaller than the normal sized button  */

.smallButton
{
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 10px;
	font-weight:normal;
	color: #FFFFFF;
	background-color:#6699FF;
}

/**Applied to generic buttons that are used to invoke request**/
.submitButton
{
	font-size: 12px;
	color: #FFFFFF;
	background: #6699FF repeat scroll 0% 0%;
	font-family: Arial,"Trebuchet ms",Tahoma, verdana,helvetica, sans-serif;
}

/* Generic colored button  */
.submitButtonPlain
{
	font-size: 12px;
	color: #000000;
	background: #cccccc repeat scroll 0% 0%;
	font-family: Arial,"Trebuchet ms",Tahoma, verdana,helvetica, sans-serif;
	
}
/*Sets the color for the element in topnavigation that
represents the tab that is selected - also includes the row underneath the tab */
.SelectedTab
{
	padding: 0;
	background-color:#9CCFFF;	
	color:#00009C;
	vertical-align: bottom;
	/*margin: 20px;*/ /*please see defect 1-5G0FHD before thinking about uncommenting this - JiJ */
	font-size: 14px;
}

/* The text on the tabs on the top nav that are not selected */
a.SelectedTab, a.SelectedTab:active, a.SelectedTab:visited
{
	font-family: Trebuchet MS;
	font-size: 14px;
	color: #00009C;
	text-decoration: none;
}

a.SelectedTab:hover
{
	color: #00009C;
	text-decoration: underline;
}

/*Displays the information at the lower right */
/*of every page*/
.SessionInformation tr td
{	
	
	color:#808080;
	font-family: Arial,"Trebuchet ms",Tahoma, verdana,helvetica, sans-serif;
	font-size:11px;
	text-align:right;
}

/* This needs to be set as the same color as the page background. */

.SideMenuBorder
{
	border-color:#FFFFFF;
	background-color:#FFFFFF;
}

.SideMenuBorderAir
{
	border-color:#FFFFFF;
	background-color:#FFFFFF;
	margin-top:5px;
	margin-bottom: 5px;
}

.SideMenuItem_Frame
{
	background-color:#DDDDDD;
}

/*
 Items in the menu on the left side of the screen
 this class is usually attached to the object itself
 and not the frame around the object
*/
.SideMenuItem
{
	background-color:#ffffff;
	font-size:8pt;
	width:160px;
}

.SideMenuItemOpen
{
	background-color:#ffffff;
	font-size:8pt;
	width:160px;
}
/* Controls the appearance of the title in the framed window around the items on the left side */

.SideMenuItem_Title
{
	background-color: #DDDDDD;
	color: #666666;
	font-weight: bold;
	font-size: 12px;
}
/* Controls the text used in labels within the items on the left */

.SideMenuItem_LabelText
{
	font-size:10px;
	color: #666666;
}

/* Controls the appearance of the input fields in the left area. */

.SideMenuItem_EntryText
{
	color: #333333;
	font-size:10px;
	font-family: Arial,"Trebuchet ms",Tahoma, verdana,helvetica, sans-serif;
}

.SideMenuItem_SmallText
{
    FONT-SIZE: 12px;
    font-family: "Trebuchet MS",Tahoma, verdana,arial,helvetica, sans-serif;
}

.subHeader
{
	
	font-family:Arial;
	font-size:16pt;
	color:#333333;
	background-color:#DEDFDE;
}

/* Used in profiles section   */

.SubSectionHeader
{
	font-variant: small-caps;
	font-weight:bold;
	font-size: 12px;
	background-color: #DDDDDD;
}

/* The top navigation on all of the pages.  */

.top_nav 
{
	vertical-align: bottom;
	padding: 0;
	margin: 20px;
	height: 15px;
	padding-top: 7px;
	font-size: 14px;
}

.title, .title td
{
	font-size:20px;
	color:#006633;
	background-color: #CCEE66;
}

.Table
{
	 border-collapse: collapse;
     border: 1px solid #CCEE66;
}

/* Used when "tabs" are used.  i.e. Individual Flight tabs  */

.TabRow
{
	background-color: #CCDCFE;
}

.TabSelected
{
	background-color: #FFFFFF;
	padding-left: 11px;
	font-size: 14px;
	font-weight: bold;
}

.TabUnselected
{
	background-color: #CCDCFE;
	padding-left: 11px;
	font-size: 14px;
	font-weight: bold;
}

/* If you change the background color in TabUnselected - tab_corner.gif will need to be modified to be the same color.  */

.TabCorner
{
	height:24px;
	width:20px;
	float:left;
	display:inline;
	overflow:hidden;
	background-image: url(../img/tab_corner.gif);
	background-position: absolute bottom;	
}

.TopNavPopup
{
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; 
	background: #FFFFFF;
}

/* Sub navigation on all of the pages   */

.top_subnav 
{
	padding: 8 0 8 5;
	color: #0066CC;
	font-size: 11px;
}

a.top_subnav, a.top_subnav:active, a.top_subnav:visited
{
	font-family: Trebuchet MS;
	font-size: 11px;
	color: #0066CC;
	text-decoration: none;
}

a.top_subnav:hover
{
	color:#0066CC;
	text-decoration: underline;
}

/*sets the background color for the row that contains the tabs at the top
 of the screen (TopNavigation) when they are not selected */

.UnselectedTab
{
	margin: 0;
	background-color:#DEDFDE;	
	padding: 0 0 0 10px;
	color:#00009C;
	vertical-align: bottom;
	/*margin: 20px;*/ /*please see defect 1-5G0FHD before thinking about uncommenting this - JiJ */
/*	height: 15px; */
	font-size: 14px;
}

/* The text on the tabs on the top nav that are not selected */
a.UnselectedTab, a.UnselectedTab:active, a.UnselectedTab:visited
{
	font-family: Trebuchet MS;
	font-size: 14px;
	color: #00009C;
	text-decoration: none;
}

a.UnselectedTab:hover
{
	color: #00009C;
	text-decoration:underline;
}

.Warning
{
	padding-top:3px;
	padding-bottom:3px;
	border-top-style:solid;
	border-top-color:#DDDDDD;
	border-top-width:1px;
	font-size:8pt;
	color:Red;	
}

/* Welcome bar classes  */

.welcome
{
	color: #3366CC;	
	font-family: Arial;
	font-size: 12px;
}

.welcome_brand_name
{
	color: #3366CC;	
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}

.welcomeLink
{
	FONT-WEIGHT: bold; CURSOR: hand; PADDING-left: 4px; PADDING-RIGHT: 20px;
}

.welcomeLabels
{
	PADDING-left: 4px; PADDING-RIGHT: 4px;
}

/* Common */
DIV#topHeader div { 	position: relative; }
DIV#topNavigation div { 	position: relative; }
DIV#footer
{
	clear: both;
	display: block;
	float: none;
	position: relative;
}

/* Flight.aspx */
DIV#extras
{
	clear: right;
	padding: 10px;
	display: inline;
	left: 5px;
	float: left;
	word-spacing: 0px;
	width: 160px;
	position: static;
}

DIV#links, DIV#modifyFlights, DIV#preferences, DIV#tripSummary, DIV#viewItineraries
{
	clear: both;
	display: block;
	float: none;
	margin-bottom: 10px;
	overflow: visible;
	position: relative;
}

DIV#mainContent
{
	clear: left;
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	display: inline;
}

DIV#pricedItemDisplay,
DIV#segmentList,
DIV#segementDisplay,
DIV#legDisplay
{
	width: 100%;
}

DIV#fareOptionsDisplay
{
	border: thin solid;
	border-color: #dedfde;
	margin-bottom: 6px;
}

.AirlineLogoImage
{
	width:35px;
	height:35px;
}

TD#optionMessage,
TD#operatedBy
{
	PADDING-LEFT: 10px
}

.cmdSelectFare
{
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 5px;
	MARGIN-RIGHT: 10px;
}

DIV.NavPanel
{
	margin:0; padding:0;
}

DIV.NavSpacer
{
	width:730px;height:1px;overflow:hidden
}

.TabMargin
{
	margin-left:10px
}

/*******************************************************************
 * Added for 21679.  Please review the following classes that were *
 * added for web content to ensure that they are  not redundant to *
 * classes that already exists.  Time constraints prevent me from  *
 * checking myself.  JiJ, 1 December 2005                          *
 *******************************************************************/

.webContentOutboundFlight
{
	border-right: solid 1px #8080FF;
}

.webContentInboundFlight
{
	border-left: solid 1px #8080FF;
}

.webContentFlightGroup
{
	border-bottom: solid 8px #C0C0C0;
}

.webContentSelectedFlightGroup
{
	border-bottom: solid 8px #C0C0C0;
	background-color:#FFFF80;	
}

/******************************************************************
 * Added for TM 2 Way Profile Sync (CSR24045P02) by Rakesh Ranjan *
 *  on 13-Nov-07												  *
 ******************************************************************/
.ProfileHeader
{
	font-weight: bold;
	color:#0366FF;
	background-color: #DDDDDD;
	font-size: 12px;
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid; 
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	
}

.itin-main_titlebar_hotelcancel
{
	background-color: #CEDCFF;
	height:20px;
	padding-right:10px;
	padding-left:10px;
	font-family: "Trebuchet ms",Tahoma, verdana,arial,helvetica, sans-serif;
}