/***************************************
 *** Color section
 ***************************************/

A:link, A:active
{
    COLOR: midnightblue;
}
A:visited
{
    COLOR: slategray;
}

A.PrivCfg:link, A.PrivCfg:active
{
    COLOR: midnightblue;
}
A.PrivCfg:visited
{
    COLOR: midnightblue;
}


BODY
{
	COLOR: black;
}

BODY, .loginBarRight, .logoutBarRight
{
	background-color: white;
}	

.waiting
{
	cursor: wait !important;
}

DIV.mainInfo, SPAN.mainInfo
{
	color: slategray;
}		

.button
{
}

.smallbutton
{
	vertical-align: middle;
	font-size: 9pt;
}

.label 
{
    COLOR: white;
}

.loginHeader
{
	COLOR: white;
	BACKGROUND-COLOR: #999999;
}

.loginLabel
{
	COLOR: #999999;
}

.Error, .ErrText, .SmallError
{
    COLOR: red;
    BACKGROUND-COLOR: white;
}    

.important 
{
	COLOR: red;
}	
	
.location, .locationhead
{
	COLOR: white;
    BACKGROUND-COLOR: #cccccc;
}

.bannerTitle
{
	COLOR: #336699;
}

.fareseparator, TD.fareseparator
{
    BACKGROUND-COLOR: #cc9966;
    padding: 0px;
}    

.farehead
{
    COLOR: #cc9966;
}

.farehead_alt
{
    COLOR: white;
	BACKGROUND-COLOR: #cccc99;
}

TABLE.air TR TH, TR.air TH,
TABLE.car TR TH, TR.car TH,
TABLE.hotel TR TH, TR.hotel TH
{
	COLOR: white;
	BACKGROUND-COLOR: slategray;
}


/* Column headings, etc. */
TABLE.hotelProp TR TH, 
TABLE.carOffice TR TH, 
TABLE.itinerary TR TH,
TABLE.user TR TH, 
TABLE.Error TR TH, 
TABLE.currentTime TR TD,
.trim1, 
#ftrrow2
{
	COLOR: white;
    BACKGROUND-COLOR: #336699;
}

.trim2, #hdrrow1, #ftrrow4
{
    COLOR: white;
	BACKGROUND-COLOR: #cccc99;
}

.bannerMessage
{
	COLOR: white;
	BACKGROUND-COLOR: #6699cc;
}

.shopping2, 
.loginForm, .stdForm
{
    BACKGROUND-COLOR: #eeeeee;
}

.vendorBack
{
	BACKGROUND-COLOR: white;
}
	
.preferredVendorBack
{
	BACKGROUND-COLOR: #99FF99;
}

.preferredVendorFore
{
	COLOR: green;
    FONT-WEIGHT: bold;
	
}

.Nav
{
    COLOR: #CCCCCC;
}


/*
TD.mainMenu #VIEW_ITIN
{
	color: red;	
}
TD.mainMenu #CREATE_ITIN
{
	color: purple;	
}
TD.mainMenu #ADMIN
{
	color: gray;	
}
TD.mainMenu #MYACCT
{
	color: green;	
}
*/

/***************************************
 *** General section
 ***************************************/

BODY, TABLE, TR, TD, TH, PRE.std
{ 
	FONT-FAMILY: Arial;
}	

BODY
{
    FONT-SIZE: 8pt;
    TEXT-ALIGN: left;
    vertical-align: top
}

TD, TH
{
    FONT-SIZE: 10pt;
}

PRE.std
{
	display: inline;
}
	
.farehead, 
TABLE.farehead TR TD, 
TABLE.farehead BODY TR TD, 
TR.farehead TD
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bold;
    VERTICAL-ALIGN: middle;
}

.label
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: right
}

.locationhead
{
    FONT-SIZE: 10pt;
    TEXT-INDENT: 5px;
    LETTER-SPACING: 8px;
    TEXT-ALIGN: left;
}

.stdInput, .stdForm, PRE.std, .help
{
    font-size: 10pt;
}

.hotel, TABLE.hotel TR TD, TABLE.hotel BODY TR TD, TR.hotel TD, 
.car, TABLE.car TR TD, TABLE.car BODY TR TD, TR.car TD
{
    VERTICAL-ALIGN: top;
	border-style: none;
	border-width: 0px;
	border-color: lightgray;
	border-collapse: collapse;
}

.hotelProp,
.carOffice,
.itinerary,
.user
{
}

.hotelRate 
{
}

TABLE.air TR TH,
TABLE.car TR TH,
TABLE.hotel TR TH 
{
    VERTICAL-ALIGN: bottom;
}

TABLE.hotelProp TR TH, 
TABLE.carOffice TR TH, 
TABLE.itinerary TR TH, 
TABLE.user TR TH, 
TABLE.Error TR TH
{
    FONT-WEIGHT: bold;
    VERTICAL-ALIGN: bottom;
}

.Error, .ErrText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    TEXT-ALIGN: left
}
.SmallError
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    TEXT-ALIGN: left
}
.Example
{
	FONT-STYLE: italic;
    FONT-SIZE: 9pt;
}

.Nav, .NavDisabled
{
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left;
}

TABLE.sidebar
{
	width: 140px;
}	

TD.locationIcon, IMG.locationIcon, TD.airIcon, IMG.airIcon
{
	HEIGHT: 26px;
	WIDTH: 26px;
}

DIV.main, SPAN.main
{
	width: 100%;
	height: 100%;
}

DIV.mainInfo, SPAN.mainInfo, SPAN.Error
{
	width: 100%;
}		

.mainMenu
{
	font-family: Arial Narrow, Arial;
	font-size: .8em;
}

TABLE.avail1, TABLE.avail1 TR TD, TABLE.avail1 TR TH
{
	border-style: none;
	border-collapse: collapse;
	padding: 2px;
}

TABLE.stdInput, TABLE.stdInput TR TD, TABLE.stdForm, TABLE.stdForm TR TD  
{
	border-style: none;
	padding: 0px;
}

TABLE.debug, TABLE.debug TR TD, TABLE.debug TR TH
{
	border-style: ridge !important;
	border-collapse: collapse !important;
	border-width: 2px !important;
	border-color: red !important;
	padding: 2px !important;
}

.ResetPwdHeader {COLOR: black; font-size: 12pt; FONT-WEIGHT: bold;}
.ResetPwd {COLOR: black; font-size: 12pt;}
.ResetPwdError {COLOR: red; font-size: 12pt; FONT-WEIGHT: bold;}

A.ResetPwd
{ 
	font-size: 8pt;
}

A.Small
{
	font-size: 8pt;
}

/**************************************
 *** Frame-related classes
 **************************************/

#hdrrow1, #ftrrow2, #ftrrow4
{
	height: 14px;
}
#hdrrow2, #ftrrow1, #ftrrow3
{
	height: 2px;
}
	
.currentTime
{
	text-align: center;
	height: 26px;
	font-size: .7em;
}

/* The image shown in upper-left corner, once logged in. */ 
.cornerImage
{
	background-image: url(/corptrip3/images/corptrip2.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 108px; 
	width: 100%;
}

/* Stylish pseudo-photograph image. */
.bannerImage1
{
	background-image: url(/corptrip3/images/loggedIn_03.jpg);
	background-repeat: no-repeat;
	height: 135px; 
}
.bannerImage1, .bannerImage1width
{
	width: 82px;
}

/* 
	Note: top and middle banner rows' combined height is set
	to align with specific part of bannerImage1.
*/	

/* Top row of banner. */
.logoBack
{
	background-image: url(/corptrip3/images/LogoBackground.gif);
	height: 60px; 
}

/* Image overlayed on top row of banner. */
.bannerImage2
{
	background-image: url(/corptrip3/images/nuLogo.gif); 
	background-repeat: no-repeat;
	background-position: top center; 
	height: 49px; 
	width: 200px; 
}

/* Middle row of banner. */
.bannerMessage
{
	height: 47px;
	width: 100%;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	font-family: Arial Narrow, Helvetica Narrow, Arial;
}

/* Bottom row of banner. */
.bannerTitle
{
	width: 100%;
	text-align: center;
	vertical-align: bottom;
	font-family: Arial Narrow, Arial;
}


/* Login, Logout-related classes. */
INPUT.login
{
	background-image: url(/CorpTrip3/images/go.gif);
	height: 21px;
	width: 21px;
}

.loginForm
{
	margin-top: 0px; 
	margin-bottom: 0px;
}
	
.loginHeader 
{
	height: 28px;
	text-align: center; 
	vertical-align: middle;
	font-weight: bold;
}

.loginLabel
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    VERTICAL-ALIGN: middle;
}

/* Login/logout bars are background for login/logout buttons. */
.loginBarLeft, .logoutBarLeft
{
	height:27px; 
	width:27px; 
	background-image:url(/corptrip3/images/sidebar_09a.gif);
}

.loginBarMid, .logoutBarMid
{
	height: 27px; 
	background-image: url(/corptrip3/images/sidebar_09b.gif);
	vertical-align: middle;
}
.loginBarMid
{
	text-align: right;
}

.logoutBarMid
{
	text-align: center;
}

.loginBarRight, .logoutBarRight
{
	height: 27px; 
	width: 27px; 
	background-image: url(/CorpTrip3/images/sidebar_09c.gif);
}

BUTTON.logout
{
	height: 21px;
	border-style: none;
	vertical-align: middle;
	font-size: 9pt;
}

.waitLogo
{
	background-image: url(/CorpTrip3/images/corptrip.gif);
	height: 89px;
	width: 220px;
}

.airIcon
{
	background-image: url(/CorpTrip3/images/airIcon.gif);
	height: 26px;
	width: 27px;
}

.carIcon
{
	background-image: url(/CorpTrip3/images/carIcon.gif);
	height: 26px;
	width: 27px;
}

.hotelIcon
{
	background-image: url(/CorpTrip3/images/hotelIcon.gif);
	height: 26px;
	width: 27px;
}

.calendarIcon
{
	background-image: url(/CorpTrip3/images/calendarIcon.gif);
	height: 19px;
	width: 26px;
}