/*
bookcartconf.css

This stylesheet is meant to be the default style for the booking cart and the booking confirmation and should be included on all sites using the jsp-files listed below.

This stylesheet affects the following files:
custshowbooking.jsp
qconfirmedbooking.jsp
emailcustconfirmed.jsp

To customize appearance on a specific site, use the code at the end of this document.

The following colors are used in this stylesheet:
#999999 - headers
#EBEBEB - table headings
#F5F5F5 - table cells

*/
/* bookCartConf begin */
/* colors begin */
/* Cellens border and colors begin */

#bookCartConf td, #bookCartConf th {
	padding: 0.3em 0.5em;
}

#bookCartConf .customerInformation td, #bookCartConf .customerInformation th,
#bookCartConf .bookingSummary .bookingSummary td, #bookCartConf .bookingSummary .bookingSummary th,
#bookCartConf .travellerInformation td, #bookCartConf .travellerInformation th {
    border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
    background-color: #DADADA;
}

#bookCartConf .bookingSummary td.cs9Labeltext,
#bookCartConf .bookingSummary th.cs9Labeltext{
    background: transparent;
    border: none;
 }

#bookCartConf .bookingSummary th.cs9Right,
#bookCartConf .bookingSummary td.cs9Right,
#bookCartConf .customerInformation th.cs9Right,
#bookCartConf .customerInformation td.cs9Right,
#bookCartConf .travellerInformation th.cs9Right,
#bookCartConf .travellerInformation td.cs9Right,
#bookCartConf .bookingDetails th.cs9Right {
    border: none;
    border-left: 1px #fff solid;
    background-color: transparent;
    width: 1px;
    padding: 0;
}

#bookCartConf .bookingSummary th.cs9Left,
#bookCartConf .bookingSummary td.cs9Left,
#bookCartConf .customerInformation th.cs9Left,
#bookCartConf .customerInformation td.cs9Left,
#bookCartConf .travellerInformation th.cs9Left,
#bookCartConf .travellerInformation td.cs9Left,
#bookCartConf .bookingDetails th.cs9Left {
    border: none;
    border-right: 1px #fff solid;
    background-color: transparent;
    width: 1px;
    padding: 0;
}

#bookCartConf .travellerInformation th {
    background-color: #DADADA;
}

/* Cellens border and colors end */

/*---- Mellanrum fix ----*/

#bookCartConf .bookingSummary .bookingSummary th.cs9Middle,
#bookCartConf .bookingSummary .bookingSummary td.cs9Middle{
    background-color: #EBEBEB;
    border-top: none;
    border-bottom: none;
    border-right: 1px #fff solid;
    border-left: 1px #fff solid;
}

#custAdditions .cs9ProductSpecification {
    border-bottom: none;
}

/*---- Mellanrum fix end----*/

#bookCartConf .bookingDetails  .specialtest{
	border-bottom: 1px solid #DDDDDD;
	line-height: 0.1em;
}

#bookCartConf .bookingDetails .productRow td, #bookCartConf .bookingDetails .productRow th {
	font-weight: bold;
	padding-top: 0.8em;
	border: none;
}

#bookCartConf .bookingDetails .priceRow td,
#bookCartConf .bookingDetails .dateRow td {
	border: none;
}

table.bookingDetails {
	width: 100%
}

/*-- This is the frame around all the pages --*/
div.travellerInformation, div.bookingDetails, div.buttons, div.bookingSummary, div.customerInformation, div.bookingPayment {
	background-color: #EBEBEB;
	border: 1px solid #DDDDDD;
	padding: 0.5em;
}

#bookCartConf input {
	margin: 0;
}

#bookCartConf .bookingDetails td, #bookCartConf .bookingDetails th {
	padding: .1em 0.2em .1em 0.3em;
}

#bookCartConf h3 {
	background: #5d5d5c;
	border: 1px solid #5d5d5c;
	color: #FFF;
}

#bookCartConf h3 {
	 font-size:1.1em;
	/* if empty the deafult style for h3 is used */
}
/* fonts end */

/* don't touch things below if you don't know what you are doing */
#bookCartConf td, #bookCartConf th {
	white-space: nowrap;
}

#bookCartConf .notes {
	white-space: normal;
}

#bookCartConf .pay {
	padding: 0.1em;
	font-weight: bold;
	border: 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#bookCartConf h3 {
    margin: 0.1em 0 0.1em 0;
    padding: 0.2em;
}

#bookCartConf table  {
	border-collapse: collapse; border-spacing: 0;
}

#bookCartConf td.paxinfo {
	padding: 0;
}

#bookCartConf td.icon, #bookCartConf th.icon {
	padding-right: 0;
}

#bookCartConf .bookingSummary th,
#bookCartConf .bookingDetails th,
#bookCartConf .bookingDetailsPay th,
#bookCartConf .customerInformation th,
#bookCartConf .customerInformationPay th,
#bookCartConf .creditCardInformationPay th,
#bookCartConf .travellerInformation th {
	text-align: left;
}

#bookCartConf .textFieldNormal {
	height: auto;
	width: 140px;
}

#bookCartConf .textFieldSmall {
	height: auto;
	width: 80px;
}

#bookCartConf .textFieldMini {
	height: auto;
	width: 30px;
}

#bookCartConf .selectNormal {
	height: auto;
}

#bookCartConf select {
	height: auto;
	width: auto;
}

#bookCartConf .negative {
	color: #FF0000;
	font-weight: bold;
}

#bookCartConf .bookingSummary .payButton {
	width: 50%;
}

#bookCartConf .bookingDetails th.fromdate,
#bookCartConf .bookingDetails th.product {
	text-align: left;
}

#bookCartConf .bookingSummary .bookNo,
#bookCartConf .bookingSummary .totalPrice,
#bookCartConf .bookingSummary .deposit,
#bookCartConf .bookingSummary .taxAmount,
#bookCartConf .bookingDetails th.nounits,
#bookCartConf .bookingDetails td.nounits {
	text-align: right;
}

#bookCartConf .bookingDetails th.nonights,
#bookCartConf .bookingDetails th.price,
#bookCartConf .bookingDetails th.total {
	text-align: center;
}

#bookCartConf .bookingDetails .packageHeader td {
	font-weight: bold;
}

#bookCartConf .bookingDetails .totalPrice {
	text-align: right;
	font-weight: bold;
}

#bookCartConf .bookingDetails .durationDays {
	text-align: center;
}

#bookCartConf .bookingDetails .grossPrice,
#bookCartConf .bookingDetails .unitPrice {
	text-align:right;
}

#bookCartConf .bookingDetails .topayAmount,
#bookCartConf .bookingDetails .topay {
	font-weight: bold;
	text-align: right;
    font-size: 1.3em;
}

#bookCartConf .bookingDetails .totalAmount {
	font-weight: bold;
}

#bookCartConf .bookingDetails .totalAmountAmount,
#bookCartConf .bookingDetails .totalComissionAmount {
	text-align:right;
}

#bookCartConf .persons {
	width:100%;
}

#bookCartConf .persons th {
	text-align:left;
}

#bookCartConf .bookingDetailsPay td.priceTotal,
#bookCartConf .bookingDetailsPay th.priceTotal,
#bookCartConf .bookingDetailsPay td.price,
#bookCartConf .bookingDetailsPay th.price,
#bookCartConf .bookingDetailsPay td.number,
#bookCartConf .bookingDetailsPay th.number {
	text-align:right;
}

#bookCartConf .bookingDetailsPay .toPayAmount,
#bookCartConf .bookingDetailsPay .toPay {
	text-align:right;
	font-weight:bold;
}

/* bookCartConf end */

/* ------------- special section for custadditions
						should be removed when all companies moved to comersstandard.css ------------ */

.cs9ProductSpecification {
    border-bottom: 1px #ddd solid;
    margin-bottom: 5px;
}

.cs9ProductSpecification, table.cs9ProductSpecification {
    border: none;
}

.cs9ProductSpecification th, .cs9ProductSpecification td {
    text-align: left;

}

.cs9ProductSpecification table {
    width: 100%;
    border-collapse: collapse;
}

.cs9ProductSpecification th {
    line-height: 1em;
    padding: 3px 0 3px 5px;
    background: url(../sysimgs/headerBg2.png) repeat-x;
}

table tr.cs9SpecificationTitle th, table tr.cs9SpecificationHeader th {
    border-top: 1px solid #B2C7D7;
	 border-bottom: 1px solid #B2C7D7;
}

.cs9SpecificationTitle .cs9WeekDayHeader {
    text-align: center;
}

.oddRow td.cs9Right, .oddRow td.cs9Left,
.evenRow td.cs9Right, .evenRow td.cs9Left,
.cs9SpecificationHeader th.cs9Left, .cs9SpecificationHeader th.cs9Right{
	width:1px;
	padding:0px;
	margin:0px;
}

th.cs9Right {
	 border-right: 1px solid #B2C7D7;
}

th.cs9Left {
	border-left: 1px solid #B2C7D7;
}

td.cs9Right {
    border-right: 1px solid #DDDDDD;
}

td.cs9Left {
    border-left: 1px solid #DDDDDD;
}

.oddRow td {
    border-bottom: 1px solid #DDDDDD;
}

.oddRow td, .evenRow td, .cs9BookTable td {
    padding-left: .4em;
    background: #F5F5F5;
    height: 2.2em;
}

.evenRow td {
    background: #EBEBEB;
    border-top: none;
	border-bottom: 1px solid #DDDDDD;
}

.evenRow td.cs9Left {
    border-left: 1px solid #DDDDDD;
}

.evenRow td.cs9Right  {
   border-right: 1px solid #DDDDDD;
}

.cs9ProductSeparator {
	margin: .6em 0 .9em;
	border-bottom: 1px dashed #8FB9D0;
}

th.cs9FromDate, th.cs9ProductType, th.cs9Description, td.cs9FromDate, td.cs9ProductType, td.cs9Description, td.cs9TotalPrice,
    td.cs9DescriptionCongress, th.cs9DescriptionCongress, td.cs9FromDateCongress, th.cs9FromDateCongress, th.cs9DescriptionFlightPackage, td.cs9DescriptionFlightPackage {
    text-align: left;
}

th.cs9Available, th.cs9Price, th.cs9ExtraNight, th.cs9ExtraBedDiscount, th.cs9ExtraBedAdd, th.cs9VacantBed, th.cs9TotalPrice, th.cs9CartPrice,
    td.cs9Available, td.cs9Price, td.cs9ExtraNight, td.cs9ExtraBedDiscount, td.cs9ExtraBedAdd, td.cs9VacantBed, td.cs9TotalPrice, td.cs9CartPrice
    {
    text-align: right;
}

/* ---------------- end of custadditions section ---------------------------- */
/* AE - 20110218, needed for table under inccustbookrows */
/* Using same table as the rest in booking but does not need the border-top: this way client can override with their stylesheet*/
div.cs9NoBorderTop{
	border-top: none;
}