/* Body and background */

body {
	background-color: #FFFFFF;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
}

body.popup {
	background-color : #FFFFFF;
	margin: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333;
}

table {
	background-color : #FFFFFF;
	margin : 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.zeroMargin { 
	margin : 0px;
	background-color:#FFFFFF;
}

.bg {
	background-color:#FFFFFF;
}

.bgOddColor {
	background-color:#F8F6F6;		
}

.bgEvenColor {
	background-color:#FFFFFF;
}

.hidden {
    visibility: hidden;
}


/* Layout pages */

body.layout {
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #BFBFBF;
	background-image: url(../images/common/bgFade.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333;	
}

table.layout {
/*
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
*/	
}

td.bgShadowTop{
	background-image : url(../images/common/bgShadowTop.gif);
	background-repeat : repeat-x;
}

td.bgShadowLeft{
	background-image : url(../images/common/bgShadowLeft.gif);
	background-repeat : repeat-y;
}

td.bgShadowRight{
	background-image : url(../images/common/bgShadowRight.gif);
	background-repeat : repeat-y;
}


/* Text */

.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #333333; 
}

.txtBold {
	font-weight: bold;
}

.txtRed {
	color: #99cccc; 
}

.txtRequiredField {
	color: #CC0000; 
}

.txtHeader {
	color: #3C3B39;
	font-weight: bold;
	line-height: 18px;
}

.txtDarkGrey {
	color: #3C3B39;
	line-height: 18px;
}

.txtGrey { 
	color: #999999;
}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #3C3B39;
	font-weight: bold;
}

.headerLarge {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #333333;
	font-weight: bold;
}

.error {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: red; 
}

.cancelled {
	text-decoration: line-through;
}

.line{
	background-color:#999999;
}


/* Header menu */

td.topHeaderMenuSeparator {
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
	background-color: #FFFFFF;    
    color: #CCCCCC;
}

td.topHeaderMenuItem {
	background-color: #FFFFFF;
}

td.topHeaderMenuItem a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	background-color: #FFFFFF;
    color: #505050;
    text-decoration: none;		
}

td.topHeaderMenuItem a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	background-color: #FFFFFF;
    color: #8C8C8C;
    text-decoration: underline;		
}

td.flagSeparator {
    padding-right: 5px;
	background-color: #FFFFFF;    
}

td.headerMenuSeparator {
    padding-left: 7px;
    padding-right: 7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
	background-image: url(../images/common/headerMenuBg.gif);
	background-repeat: repeat-x;	    
    color: #FFFFFF;
}

td.headerMenuItem {
	background-image: url(../images/common/headerMenuBg.gif);
	background-repeat: repeat-x;	    
}

td.headerMenuItem a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;		
}

td.headerMenuItem a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: underline;		
}


/* Sub menu */

.subMenuTop {
	border-top: 1px solid #5da9c3;
}

.subMenu1 {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFFFFF;	
	border-bottom: 1px solid #5da9c3;	
}

a.subMenuLink {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

a.subMenuLink:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FDB826;
    text-decoration: none;		
}

a.subMenuLinkActive {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FDB826;
	text-decoration: none;
}

a.subMenuLinkActive:hover {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FDB826;
	text-decoration: none;
}

	
/* Booking dialog */

body.searchBooking {
	background-color: #99cccc;
}

table.searchBooking {
	background-color: #99cccc;
}

.bookingFormTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF; 
}

.bookingFormHeaderTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #FFFFFF; 
	text-decoration: none;
}

a.bookingFormHeaderTxt {
	text-decoration: none;
	cursor: pointer;
}

td.searchBookingBg {
    background-color: #99cccc;
}

table.searchBookingFooter {
	height: 19px;
	background-image: url(../images/common/99cccc/searchBookingFooter.gif);
	background-repeat: no-repeat;	
}

td.searchBookingFooterTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #FFFFFF; 
	text-decoration: none;
}

a.searchBookingFooterTxt {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}

table.subHeaderBook {
	background-color: #99cccc;
	color : #FFFFFF;
	border: 0px;
}

table.subHeaderBookMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	background-color : #FFFFFF;
	color : #3C3B39;
	border: 0px;
}

.bookingDialogheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	font-size : 22px;
	margin-top : 9px;
	margin-left: 9px;
	margin-bottom : 9px;
}

.bookingDialogText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	font-size : 12px;
	margin-left: 9px;
	line-height : 18px;
}

td.txtHeaderMenuStep {
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
}

td.txtHeaderPastMenuStep {
	color: #808080;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
}

td.txtHeaderFutureMenuStep {
	color: #BCBCBC;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
}

span.txtFlightSel {
	font-size: 10px;
}


/* Listings */

.listTop {
	background-color: #99cccc;
	border-bottom: 1px solid #B5B0B0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
}

.listTopNoBG {
	border-bottom: 1px solid #B5B0B0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
}

.listHeaderLeftRight {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #464444;
	font-size: 11px;
	border-right: 1px solid #B5B0B0;
	border-bottom: 1px solid #B5B0B0;
	border-left: 1px solid #B5B0B0;
	padding-left: 4px;
	padding-right: 4px;	
}

.listHeaderLeft {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #464444;
	font-size: 11px;
	border-bottom: 1px solid #B5B0B0;
	border-left: 1px solid #B5B0B0;
	padding-left: 4px;
	padding-right: 4px;	
}


.listHeaderRight {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #464444;
	font-size: 11px;
	border-right: 1px solid #B5B0B0;
	border-bottom: 1px solid #B5B0B0;
	padding-left: 4px;
	padding-right: 4px;	
}


.listHeaderMiddle {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #464444;
	font-size: 11px;
	border-bottom: 1px solid #B5B0B0;
	padding-left: 4px;
	padding-right: 4px;	
}

.listHeaderFont {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #99cccc;
}

.listBg {
	background-color: #FFFFFF;
}

.listBgOdd {
	background-color: #f8f6f6;	
}

.listBoxPadding {
	border: 1px solid #B5B0B0;	
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

.listBox {
	border: 1px solid #999999;
}

.listBox2 {
	border: 1px solid #999999;
	background-color: #E8E8E8;
}

.listBoxBg{
		border: 1px solid #b5b0b0;		
		background-color: #FFFFFF;
		padding-top: 4px;
		padding-right: 5px;
		padding-bottom: 4px;
		padding-left: 5px;
}

.listBoxOpen {
	padding-top: 4px;
	padding-bottom: 4px;
	border-right: 1px solid #B5B0B0;
	border-bottom: 1px solid #B5B0B0;
	border-left: 1px solid #B5B0B0;
}

.alertBox {
	border: 3px solid #F58735;
	background-color : #FFFFFF;	
	padding: 10px;
}


/* Manifest*/

.listItem {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000; 
	height: 22px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 4px;	
}

.listItemLeftRight {
	border-right: 1px solid #B5B0B0;
	border-bottom: 1px solid #B5B0B0;
	border-left: 1px solid #B5B0B0;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

.listItemLeft {
	border-bottom: 1px solid #B5B0B0;
	border-left: 1px solid #B5B0B0;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

.listItemMiddle {
	border-bottom: 1px solid #B5B0B0;	
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

.listItemRight {
	border-right: 1px solid #B5B0B0;
	border-bottom: 1px solid #B5B0B0;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}

.listItemLeftNoBottom {
	border-left: 1px solid #B5B0B0;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.listItemLeftRightNoBottom {
	border-right: 1px solid #B5B0B0;
	border-left: 1px solid #B5B0B0;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.listItemMiddleNoBottom {
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.listItemRightNoBottom {
	border-right: 1px solid #B5B0B0;	
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.listItemNoLeftPaddingRight {
	border-right: 1px solid #B5B0B0;
	border-bottom: 1px solid #B5B0B0;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 0px;
}

.listItemNoBorder {
	padding-right: 5px;
	padding-left: 5px;
}

.listItem3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000; 
	height: 22px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 9px;
	padding-bottom: 9px;	
}

.listTableTop {
	border-top: 1px solid #B5B0B0;
}

.listTableRight {
	border-right: 1px solid #B5B0B0;		
}

.listFooter {
	padding-right: 5px;
	padding-left: 5px;
}

.listButton {
	margin-left: 10px;
	margin-right: 0px;
}

.activeRow {
	background-color: #d4d4d4;
	cursor: pointer;
}


/* Input fields */

select {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #333333; 
}

.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid;
	border-color: #333333;
}

.inputshade {
	background-color: #FFFFFF;
	background-image: url('../images/common/bgForm.gif');
	border: 1px solid #CECECE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.inputshadeRight {
	background-color: #FFFFFF;
	background-image: url('../images/common/bgForm.gif');
	border: 1px solid #CECECE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: right;
}

.inputRight {
	font-family: verdana;
	font-size: 10px;
	border: 1px solid;
	border-color: #333333;
	text-align : right;
}


/* Links */

a {
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5da9c3;
}

a.linkred {
	background-color: transparent;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5da9c3;
}

.linkgrey {
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464444;
}

.linkgreyNoLine {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #464444;	
}

.linkNoLine{
	text-decoration: none;
}

a.listing {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

a.listing:hover {
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #99cccc;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	border: 1px solid;
	border-color: #999999;
	font-weight: bold;
	background-color: #ffffff;
	color: #333333;
	cursor: pointer;
	margin-left: 10px;
}

.input {
	font-family: verdana;
	font-size: 10px;
	border: 1px solid;
	border-color: #333333;
}


/* Footer */

td.companyInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
}

td.companyInfo a, td.companyInfo a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;	
	text-decoration: underline;
}

td.userInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #99cccc;	
}

td.userInfo a, td.userInfo a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #99cccc;	
	text-decoration: underline;
}

td.nextresInfo a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;	
	text-decoration: none;
}

td.nextresInfo a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;	
	text-decoration: underline;
}


/* Voucher */

.voucherBody {
	border-left: 2px solid #99cccc;
	border-right: 2px solid #99cccc;
	padding-top:20px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;	
}

.voucherBox {
	border : 1px solid #999999;
	padding : 30px 30px 30px 30px;	
}


/* Payment divs */

.hiddenDiv {
	 position: absolute;
	 top: 0px;
	 left: 0px;
	 visibility: hidden;
}

.floatingHiddenDiv {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index: 100;
	background-color: #FFFFFF;
}

#animSplash {
	position: absolute;
	top: 10%;
	left: 100;
	visibility: hidden;
	z-index: 200;
	color: #333333;
	background-color: #FFFFFF;
	border: #CC0000 3px solid;
	padding: 10px;
}


/* Calendar */

.calGrid {
	background-color: #E3E3E3;
}

.calHeader {
	background-color: #99cccc;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.calMonthTitleBg {
	background-color: #FFFFFF;     /* #4682B4 */
}

.calMonthTitleText {
	color: #3C3B39;                /* #FFFFFF */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

.calWeekdayTitle {
	background-color: #EEF0F6;     /* #87CEFA */
	color: #333333;                /* #FFFFFF */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;		

}

.calSelectedDateBg {
	background-color: #D0E3FF;     /* #FFB6C1 */
}

.calWeekendDateBg {
	background-color: #FFF2F2;     /* #DBEAF5 */
}

.calWorkingDayDateBg {
	background-color: #FFFFFF;     /* #FFFFFF */
}

a.calDate {
	text-decoration: underline;		
}

a.calDate:hover {
	text-decoration: underline;		
}

.calDateOfSelectedMonth {
	color: #3C3B39;                /* #000000 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/* Departure Calendar */

.calGrid {
	background-color: #C0C0C0;
}

.calMonthTitleBg {
	background-color: #FFFFFF;    
}

.calMonthTitleText {
	color: #333333;              
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;	
}

.calWeekdayTitle {
	background-color: #EEF0F6;     
	color: #000000;               
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;		
}

.calSelectableDateSeatAvailable {
	height: 16px;
	background-color: #64AB64;     /* 009900 */
}

.calSelectableDateSeatAvailable a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;		
}

.calSelectableDateSeatAvailable a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;		
}

.calSelectableDateSeatNotAvailable {
	height: 16px;
	background-color: #ED4B4B;     /* E00000 */
}

.calSelectableDateSeatNotAvailable a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;		
}

.calSelectableDateSeatNotAvailable a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;		
}

.calOtherDayDate {
	height: 16px;
	background-color: #FFFFFF;
}

.calNotSelectableDateWithDepartureTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #FFFFFF;
}

.calNotSelectableDateWithoutDepartureTxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #333333;
}