/*
	CSS Document: css_abm-style.css
	Version: 1.1 | Date: 2008-01-15
	Project: [CLIENT-DOMAIN]
	Author: websLINE, 2008
	-------
*/

.bgColor {background: #FFF;}
.bgColorLight {background: #f9e78f;}
.bgColorLight2 {background: #faeca9;}
.bgColorLight3 {background: #fcf4cf;}
.bgColorDark {background: #e1e3e3;}
.bgColorDark2 {background: #f0f2f2;}

.calculator .additional .bgColorLight2:hover,
.calculator .resultblock .bgColorLight2:hover,
.calculator .address .bgColorLight2:hover,
.lastminute .bgColorLight2:hover {background: #f0f2f2;}

/* CALCULATOR */

.calculator .headline {background: url(img_abm-bg-hl.gif);}
.calculator .headline h3 {color: #5C7748;}

.de .calculator .arrival .headline h3, table .calculator .arrival .headline h3 {background: url(img_abm-hl-arrival.gif);}
.de .calculator .persons .headline h3, table .calculator .persons .headline h3 {background: url(img_abm-hl-persons.gif);}
.de .calculator .additional .headline h3, table .calculator .additional .headline h3 {background: url(img_abm-hl-additional.gif);}
.de .calculator .insurance .headline h3, table .calculator .insurance .headline h3 {background: url(img_abm-hl-insurance.gif);}
.de .calculator .option .headline h3, table .calculator .option .headline h3 {background: url(img_abm-hl-option.gif);}
.de .calculator .address .headline h3, table .calculator .address .headline h3 {background: url(img_abm-hl-address.gif);}

.en .calculator .arrival .headline h3 {background: url(img_abm-hl-arrival_EN.gif);}
.en .calculator .persons .headline h3{background: url(img_abm-hl-persons_EN.gif);}
.en .calculator .additional .headline h3 {background: url(img_abm-hl-additional_EN.gif);}
.en .calculator .insurance .headline h3 {background: url(img_abm-hl-insurance_EN.gif);}
.en .calculator .option .headline h3 {background: url(img_abm-hl-option_EN.gif);}
.en .calculator .address .headline h3 {background: url(img_abm-hl-address_EN.gif);}

.it .calculator .arrival .headline h3 {background: url(img_abm-hl-arrival_IT.gif);}
.it .calculator .persons .headline h3{background: url(img_abm-hl-persons_IT.gif);}
.it .calculator .additional .headline h3 {background: url(img_abm-hl-additional_IT.gif);}
.it .calculator .insurance .headline h3 {background: url(img_abm-hl-insurance_IT.gif);}
.it .calculator .option .headline h3 {background: url(img_abm-hl-option_IT.gif);}
.it .calculator .address .headline h3 {background: url(img_abm-hl-address_IT.gif);}

.de .calculator .calculate .bttnAbm, table .calculator .calculate .bttnAbm {background: url(img_abm-bttn-calculate.gif);}
.de .calculator .enquiry .bttnAbm, table .calculator .enquiry .bttnAbm {background: url(img_abm-bttn-enquire.gif);}

.en .calculator .calculate .bttnAbm {background: url(img_abm-bttn-calculate_EN.gif);}
.en .calculator .enquiry .bttnAbm {background: url(img_abm-bttn-enquire_EN.gif);}

.it .calculator .calculate .bttnAbm {background: url(img_abm-bttn-calculate_IT.gif);}
.it .calculator .enquiry .bttnAbm {background: url(img_abm-bttn-enquire_IT.gif);}

.calculator .result .option .resultblock:hover {background: #f0f2f2;}
.calculator .result .rowdata td,
.lastminute .rowdata td {border-bottom-color: #C3BCAB;}
.calculator .result .option .resultblock:hover .rowdata td,
.lastminute .rowdata:hover td {border-bottom-color: #fff;}
.calculator .result .totalprice {border-bottom-color: #666;}
.calculator .result .option .cat a,
.calculator .result .link a {color: #9d0b0b;}
.calculator .result .option .resultblock {border-color: #e1e3e3;}
.answer .transmission td.title,
.answer .clearing td.title {background: #680f0f;}
.answer .transmission td.title a,
.answer .clearing td.title a {color: #3f0f0f;}

/* CALENDAR */

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: absolute; width: 200px;}

.calendar, .calendar table {
  border: 1px solid #565;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #fcf4cf;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: #f9e78f;
  color: #3f0f0f;
  font-size: 90%;
}

.calendar .nav {
  background: #f9e78f url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: #ffd559;
  color: #3f0f0f;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #565;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #f9e78f;
  color: #000;
  border: 1px solid #084;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #ffd559;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #fcf4cf;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #564;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #8a8;
  background: #dfb;
}

.calendar tbody .rowhilite td {
  background: #faf6e1;
}

.calendar tbody .rowhilite td.wn {
  background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #efd;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #dec;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #f8fff8;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #3f0f0f;
}

.calendar tbody td.today { font-weight: bold; color: #0a0; }

.calendar tbody .disabled { color: #e1e3e3; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #3f0f0f;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: #ffd559;
  color: #3f0f0f;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #565;
  background: #efd;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #af8;
}

.calendar .combo .active {
  border-top: 1px solid #6a4;
  border-bottom: 1px solid #6a4;
  background: #efe;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #8a8;
  padding: 1px 0px;
  text-align: center;
  background-color: #dfb;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #898;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #686;
  color: #3f0f0f;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}