/* Douro Azul - form.css */

/* General */

label, input, select, textarea, table, td, tr {
  font : normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

label, .cruisePricePerPerson, #passengersNumberTitle,
#mandatoryInfoText, .darkTitle, #cellPhoneNumber, form table td {
  color : #49412B;
}

input, select, textarea, #returnHolder a#returnButton {
  color : #C5AB71;
}

input, select, textarea {
  border     : none;
  background : none repeat scroll 0 0 #816F49;
}

form#cruiseSelection table td, .reservationFormHolder input.submit {
  text-align : left;
}

.reservationFormHolder .formInfo, .reservationFormHolder input#datepicker, #passengersNumber #passengersNumberTitle,
#reservationData, #paymentData, #returnHolder, #paymentMethod, #preReservationConfirmation {
  float : left;
}

.reservationFormHolder.tpaVirtual .paymentInfo,
.reservationFormHolder.tpaVirtual > p {
  width  : 100%;
  float  : left;
  margin : 0 0 20px 0;
}

.reservationFormHolder.tpaVirtual .paymentResult {
  width  : 100%;
  float  : left;
  margin : 0 0 20px 0;
}

.reservationFormHolder.tpaVirtual .paymentFormFields label,
.reservationFormHolder.tpaVirtual .paymentFormFields input {
  float : left;
}

.reservationFormHolder.tpaVirtual .paymentFormFields fieldset {
  float : left;
  width : 100%;
}

.reservationFormHolder.tpaVirtual .paymentFormFields label {
  float      : left;
  text-align : left;
  width      : 120px;
  padding    : 0 20px 0 0
}

.reservationFormHolder.tpaVirtual .submit {
  float : right;
}

.reservationFormHolder.tpaVirtual .customAnchor {
  margin-top : 14px;
  height     : 25px;
  float      : left;
  position   : relative;
  background : url("../images/customAnchorLeftCorner.png") no-repeat scroll left 0 transparent;
}

.reservationFormHolder.tpaVirtual a {
  height        : 24px;
  padding-left  : 12px;
  line-height   : 21px;
  padding-right : 10px;
  float         : left;
  margin        : 0 0 0 7px;
  display       : block;
  color         : #B9A77B;
  background    : url("../images/customAnchor.png") repeat-x scroll 0 0 transparent;
}

.reservationFormHolder.tpaVirtual .anchorArrow {
  height     : 7px;
  left       : 9px;
  top        : 7px;
  width      : 4px;
  display    : block;
  position   : absolute;
  background : url("../images/sprite.png") no-repeat scroll -965px -71px transparent;
}

.reservationFormHolder.tpaVirtual .anchorRightBG {
  width      : 7px;
  height     : 24px;
  float      : left;
  display    : block;
  background : url("../images/customAnchorRightCorner.png") no-repeat scroll right 0 transparent;
}

.reservationFormHolder .reservationForm, .reservationFormHolder .formInfo,
.reservationForm form div, form#passengersData input,
form#passengersData textarea, form#passengersData select, .defaultFormInput, .defaultFormTextArea {
  margin-bottom : 5px;
}

#paymentData, #preReservationConfirmation {
  margin-left : 20px;
}

#reservationData, #reservationData select, #paymentData, form#passengersData input
#paymentData select, #paymentMethod, #preReservationConfirmation {
  width : 305px;
}

form#passengersData, form#confirmation {
  margin-top : 28px;
}

#preReservationConfirmation td #cellPhoneNumber, form#passengersData input,
form#passengersData textarea, form#SendFriend input, form#SendFriend textarea,
.defaultFormInput, .defaultFormTextArea, input.file {
  padding : 5px;
}

.reservationForm .datepickerHolder, #totalCost {
  width : 210px;
}

#submitHolder #smallForwardBrownArrow, #submitHolder #rightArrowBg,
#returnHolder #rightBg, #returnHolder #smallBackBrownArrow,
#totalCost, #totalCost span#rightBlueSide, #totalCostLabel,
#totalCost #leftBlueSide, #trackingButton span {
  position : absolute;
}

#returnHolder, #submitHolder, #cruiseInfo, #cruiseInfoHolder, #trackingButton {
  position : relative;
}

#cruiseInfo #cruiseName, #price {
  color : #FFF;
}

#totalCost, #totalCost #leftBlueSide, #returnHolder #rightBg, #submitHolder #rightArrowBg {
  right : 0;
}

#paymentData input#copyReservationData, #totalCost span#rightBlueSide {
  width : 15px;
}

.cruiseDate, #reservationDetails th, .reservationDetails th {
  color : #443B27;
}

#cruiseInfo, #reservationDetails, .reservationDetails {
  margin-top : 16px;
}

form#cruiseSelection table td, #reservationDetails table td, #reservationDetails table th, .reservationDetails table td, .reservationDetails table th {
  padding       : 2px 5px 8px 5px;
  border-top    : 1px solid #8F7F5B;
  border-bottom : 1px solid #6C5C38;
  background    : transparent url('../images/tdBorderBottom.png') no-repeat left bottom;
}

.reservationDetails table td.routeplan_table_td2, #reservationDetails table td.routeplan_table_td2, .cruiseDate, .cruiseName, .cruisePrice {
  font-weight : bold;
}

.reservationDetails table.routeplan_table td, #reservationDetails table.routeplan_table td, form#passengersData textarea, #preReservationConfirmation td #cellPhoneNumber {
  border : none;
}

form#passengersData #passengersNumber select, #trackingButton,
#paymentData input#copyReservationData, #paymentData label#copyReservationLabel {
  display : inline;
}

.datepickerHolder img, .reservationFormHolder input.submit, #submitHolder, #trackingButton {
  cursor : pointer;
}

#passengersNumber #passengersNumberTitle, #returnHolder a#returnButton {
  margin-right : 6px;
}

.reservationFormHolder input.submit, #cruiseInfo #cruiseType, #passengersNumberTitle, .darkTitle {
  text-transform : uppercase;
}

input.file {
  height       : 12px;
  margin-right : 5px;
  background   : transparent url('../images/inputFormFile.png') no-repeat scroll 0 0;
}

#voyagesSearchForm .customCheckbox {
  margin-left   : 18px;
  padding-right : 0;
  margin-right  : 0;
}

#voyagesSearchForm .customRadio {
  padding-right : 2px;
  margin-left   : 12px;
}

/* Custom Radio Buttons and Checkboxes */

.customRadio, .customCheckbox {
  padding : 2px;
  display : inline;
}

.customRadio {
  background : transparent url("../images/sprite.png") no-repeat -1068px -142px;
}

.customRadioSelected {
  background : transparent url("../images/sprite.png") no-repeat -1068px -170px;
}

.customCheckbox {
  background : transparent url("../images/sprite.png") no-repeat -1074px -201px;
}

.customCheckboxSelected, .disabledCustomCheckbox {
  background : transparent url("../images/sprite.png") no-repeat -1073px -234px;
}

.disabledCustomCheckbox {
  opacity : 0.4;
  filter  : alpha(opacity = 40);
}

/* Reservation Search Form */

.reservationFormHolder {
  margin : 23px 0 0 0;
}

.reservationFormHolder .formInfo {
  width        : 306px;
  margin-right : 22px;
}

.reservationFormHolder .formInfo, .reservationFormHolder .reservationForm {
  margin-bottom : 20px;
}

.reservationForm .datepickerHolder {
  height     : 30px;
  background : transparent url('../images/sprite.png') no-repeat -174px -80px;
}

.reservationFormHolder input#datepicker, .reservationFormHolder input.submit,
.reservationFormHolder input#datepicker {
  background : none;
  margin     : 8px 0 0 9px;
}

.datepickerHolder img {
  margin : 8px 14px 0 0;
}

.reservationFormHolder input.submit,
.loginSubmit {
  width  : 135px;
  height : 36px;
}

.reservationFormHolder input.submit,
.loginSubmit {
  text-align   : left;
  cursor       : pointer;
  color        : #3F3725;
  margin-left  : -7px;
  padding-left : 13px;
  font         : normal 13px KlavikaMedium, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background   : transparent url('../images/sprite.png') no-repeat -664px -94px;
}

.reservationForm .datepickerHolder,
.reservationFormHolder input.submit,
.loginSubmit {
  overflow : hidden;
}

/* Search Results - Step 1 */

.tabsBackground .reservationSteps li:hover {
  background : transparent url('../images/defaultTabCornerLeft.png') no-repeat left top;
}

.tabsBackground .reservationSteps li.inpath {
  background : transparent url('../images/cornerLeftActive.png') no-repeat scroll left top;
}

.tabsBackground .reservationSteps a {
  cursor : default;
}

form#cruiseSelection table {
  margin : 4px 0 20px 0;
}

form#cruiseSelection table input {
  margin-left : 7px;
}

.cruiseName {
  color : #C7B37F;
}

.cruisePriceHolder {
  text-align : right !important;
}

.cruisePrice {
  color         : #A59162;
  padding-right : 12px;
}

/* Passengers Data - Step 2 */

#cruiseInfoHolder {
  z-index        : 0;
  width          : 410px;
  color          : #4A412B;
  padding-bottom : 7px;
}

#cruiseInfo {
  z-index : 10000;
  color   : #4A412B;
}

#cruiseInfo #cruiseType {
  color : #4A3919;
  font  : normal 12px KlavikaLight, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#cruiseInfo #cruiseName {
  margin-bottom : 17px;
  font          : normal 20px KlavikaMedium, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#cruiseInfo span {
  color : #A59162;
}

#passengersNumberTitle, .darkTitle {
  font : normal 14px KlavikaRegular, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#passengersNumber select {
  width       : 145px;
  margin-left : 19px;
}

form#passengersData label, form#passengersData input,
form#passengersData textarea, form#passengersData select {
  display : block;
}

#reservationData, #paymentData {
  margin-top : 17px;
}

#paymentData .h4 {
  margin-bottom : 24px;
}

#paymentData #copyDataHolder {
  margin-bottom : 4px;
}

#paymentData input#copyReservationData {
  margin-left : 0;
}

form#passengersData input, form#passengersData textarea {
  width : 295px
}

.defaultFormInput, .defaultFormTextArea {
  width : 295px !important;
}

.form2Columns .defaultFormInput, .form2Columns .defaultFormTextArea {
  width : 200px !important;
}

.form2Columns input.file {
  width : 108px !important;
}

.form2Columns .Date .selectBox {
  float        : left;
  margin-right : 3px;
  width        : 52px !important;
}

.form2Columns .Date.collumn2 img {
  float  : left;
  margin : 2px 0 0 0;
}

.form2Columns h3,
.form2Columns .h3 {
  font-weight : bold;
  font-size   : 11px !important;
  color       : #CDB887 !important;
  font-family : Arial, Helvetica, sans-serif !important;
}

.form2Columns h4,
.form2Columns .h4 {
  font-weight : normal;
  font-size   : 11px !important;
  color       : #CDB887 !important;
}

.form2Columns small {
  line-height : 10px;
  font-size   : 10px !important;
}

.form2Columns .defaultFormInput {
  background : transparent url('../images/inputForm.png') no-repeat;
}

.form2Columns input, .form2Columns .defaultFormInput {
  height     : 12px;
  background : transparent url('../images/inputForm.png') no-repeat;
}

.form2Columns .inputStylized {
  padding-top : 1px !important;
}

.form2Columns input.active, .form2Columns input.active, .form2Columns input.defaultFormInput.active {
  background : transparent url('../images/inputForm.png') no-repeat 0 -22px;
}

.form2Columns textarea, .form2Columns .defaultFormTextArea {
  height     : 64px;
  background : transparent url('../images/textArea200.png') no-repeat;
}

.defaultFormTextArea {
  overflow : auto !important;
}

.form2Columns textarea.active, .form2Columns textarea.active, .form2Columns textarea.defaultFormTextArea.active {
  background : transparent url('../images/textArea200.png') no-repeat 0 -74px;
}

form#passengersData input, .defaultFormInput {
  height     : 12px;
  background : transparent url('../images/sprite.png') no-repeat -11px -340px;
}

form#passengersData input.active, form#SendFriend input.active, input.defaultFormInput.active {
  background : transparent url('../images/sprite.png') no-repeat -11px -367px;
}

form#passengersData textarea, .defaultFormTextArea {
  height     : 64px;
  background : transparent url('../images/sprite.png') no-repeat -323px -341px;
}

form#passengersData textarea.active, form#SendFriend textarea.active, textarea.defaultFormTextArea.active {
  background : transparent url('../images/sprite.png') no-repeat -632px -341px;
}

#mandatoryInfoText {
  padding-top   : 6px;
  margin-bottom : 28px;
}

/* Payment and Confirmation Methods - Step 3 */

#totalCost {
  bottom     : 0;
  height     : 145px;
  background : transparent url('../images/sprite.png') no-repeat -11px -395px;
}

#totalCostLabel {
  right  : 9px;
  bottom : 33px;
  color  : #52472C;
  font   : normal 14px KlavikaMedium, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#price {
  height     : 33px;
  padding    : 8px 6px 0 1px;
  background : transparent url('../images/priceRepeat.png') repeat-x 0 0;
  font       : normal 17px KlavikaMedium, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#totalCost #leftBlueSide {
  height       : 39px;
  bottom       : -6px;
  padding-left : 10px;
  background   : transparent url('../images/sprite.png') no-repeat -947px -400px;
}

#totalCost span#rightBlueSide {
  bottom     : -8px;
  height     : 54px;
  right      : -15px;
  background : transparent url('../images/sprite.png') no-repeat -995px -208px;
}

#paymentMethod, #preReservationConfirmation {
  margin-bottom : 30px;
}

.infoText {
  margin-bottom : 18px;
}

#paymentMethod input {
  margin-right : 21px;
}

#preReservationConfirmation td.middleColumn {
  padding : 0 37px 0 20px;
}

#preReservationConfirmation td #cellPhoneNumber {
  width      : 135px;
  height     : 12px;
  background : transparent url('../images/sprite.png') no-repeat -946px -341px;
}

#preReservationConfirmation td #cellPhoneNumber.active {
  background : transparent url('../images/sprite.png') no-repeat -946px -314px;
}

/* Confirmation - Step 4 */

.reservationIDLine th, .reservationIDLine td {
  border-top  : none !important;
  padding-top : 9px !important;
}

#reservationDetails table th, .reservationDetails table th {
  width : 200px;
}

#trackingButton {
  padding    : 6px;
  background : transparent url('../images/sprite.png') no-repeat -790px -311px;
}

#trackingButton a {
  color      : #B9A77B;
  padding    : 7px 5px;
  background : transparent url('../images/reservationRepeat.png') repeat-x 0 2px;
}

#trackingButton span {
  width      : 6px;
  right      : 3px;
  bottom     : 1px;
  height     : 25px;
  background : transparent url('../images/sprite.png') repeat-x -774px -312px;
}

/* Buttons */

#returnHolder {
  padding    : 0 6px 0 11px;
  background : transparent url('../images/sprite.png') no-repeat -653px -284px;
}

#returnHolder #rightBg {
  width      : 6px;
  padding    : 12px 3px;
  background : transparent url('../images/sprite.png') no-repeat -774px -312px;
}

#returnHolder a#returnButton {
  display : block;
  height  : 15px !important;
  padding : 4px 3px 5px 9px !important;
}

#returnHolder #smallBackBrownArrow {
  background : transparent url('../images/sprite.png') repeat-x -964px -57px;
}

#submitHolder, .datepickerHolder img {
  float : right;
}

#submitHolder, #submitHolder #rightArrowBg, #returnHolder, #returnHolder #leftArrowBg, #trackingButton {
  height : 23px;
}

#submitHolder {
  padding    : 0 11px 0 6px;
  background : transparent url('../images/sprite.png') no-repeat -790px -312px;
}

#submitHolder #smallForwardBrownArrow, #returnHolder #smallBackBrownArrow {
  top    : 8px;
  width  : 4px;
  height : 7px;
}

#submitHolder #smallForwardBrownArrow {
  right      : 10px;
  background : transparent url('../images/sprite.png') repeat-x -965px -71px;
}

#submitHolder #rightArrowBg, #returnHolder #leftArrowBg, #returnHolder #rightBg {
  top : 0;
}

#submitHolder #rightArrowBg, #returnHolder #leftArrowBg {
  width : 11px;
}

#submitHolder #rightArrowBg {
  background : transparent url('../images/sprite.png') no-repeat -655px -313px;
}

#submitHolder input, #returnHolder a {
  width      : auto !important;
  height     : auto !important;
  padding    : 3px 6px 5px 1px !important;
  background : transparent url('../images/reservationRepeat.png') repeat-x 0 0 !important;
}

/* Send to a friend form */

.submitHolder, .defaultSubmitButtonHolder {
  float        : right;
  cursor       : pointer;
  padding-left : 9px;
  position     : relative;
  background   : url('../images/buttonLeft.png') no-repeat transparent;
}

.submitHolderChrome, .defaultSubmitButtonHolderChrome {
  padding-left : 7px !important;
}

/* ChromeFix */

form#SendFriend td {
  color   : #49412B;
  padding : 0 10px 5px 0;
}

form#SendFriend input, form#SendFriend textarea {
  width : 305px !important;
}

form#SendFriend input {
  height     : 23px;
  background : transparent url('../images/sprite.png') no-repeat -11px -340px;
}

form#SendFriend textarea {
  height     : 75px;
  background : transparent url('../images/sprite.png') no-repeat -323px -341px;
}

form#SendFriend input#Send, #defaultSubmitButton {
  height         : 39px;
  color          : #49412B;
  cursor         : pointer;
  margin-right   : 8px;
  padding-right  : 13px;
  width          : auto !important;
  text-transform : uppercase;
  font           : 14px KlavikaMedium, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background     : transparent url('../images/bookNowRepeat.png') repeat-x 0 0;
}

form#SendFriend span.buttonArrow, .defaultSubmitButtonArrow {
  top        : 16px;
  width      : 4px;
  height     : 8px;
  right      : 13px;
  background : transparent url('../images/sprite.png') no-repeat -824px -183px;
}

form#SendFriend span.buttonRightBg, form#SendFriend span.buttonArrow,
.defaultSubmitButtonArrow, .defaultSubmitButtonRightBg {
  position : absolute;
}

form#SendFriend span.buttonRightBg, .defaultSubmitButtonRightBg {
  top        : 0;
  right      : 0;
  width      : 8px;
  height     : 100%;
  background : transparent url('../images/sprite.png') no-repeat -817px -88px;
}

form#SendFriend div.submitHolder:hover, .defaultSubmitButtonHolder:hover {
  background : transparent url('../images/sprite.png') no-repeat -477px -282px;
}

form#SendFriend div.submitHolder:hover span.buttonArrow, .defaultSubmitButtonHolder:hover span.defaultSubmitButtonArrow {
  background : transparent url('../images/sprite.png') no-repeat -824px -200px;
}

form#SendFriend div.submitHolder:hover input#Send, .defaultSubmitButtonHolder:hover input#defaultSubmitButton {
  color      : #FFF;
  background : transparent url('../images/getQuoteRepeat.png') repeat-x 0 -2px;
}

form#SendFriend div.submitHolder:hover span.buttonRightBg, .defaultSubmitButtonHolder:hover span.defaultSubmitButtonRightBg {
  background : transparent url('../images/sprite.png') no-repeat -834px -89px;
}

/* helpdeskStart - nuno.b - 25/06/2012 @ 16:30 (change the select of step1 booking to adults input)*/
input.smallWidth {
  float       : left;
  margin-left : 15px;
  width       : 98px !important;
  background  : url("../images/inputFormFile.png") no-repeat scroll 0 0px transparent !important;
}

input.smallWidth:focus {
  display             : inline !important;
  background-position : 0 -22px !important;
}

.H {
  display : none;
}

.recruitment td {
  width : 250px;
}

.DMForms.form2Columns label img {
  display : none;
}

.DMForms.form2Columns td.File small {
  float      : left;
  margin-top : 5px;
}