/* For calendar */

#calendar {
    display: none;
    position: absolute;
    background-image: url(./img/shadow3.png);
    padding: 0 4px 4px 0;
    z-index: 100;
}

.caltable {
    border: 1px solid #003580;
    background-color: #fff;
}
.caltable a:link, .caltable a:visited {
    color: #0896ff !important;
}
.caltable a:hover {
    color: #feba02 !important;
    border-color: #feba02 !important;
}
.caltable a:active {
    color: #b30000 !important;
    border-color: #b30000 !important;
}
.caltable td {
    text-align: center;
}
.caltable td a {
    display: block;
    text-decoration: none;
}
.caltable td.calheader a {
    display: inline;
    vertical-align: -.4em;
}
.caltable td.calheader img.calNoPrevMonth {
    background: white url(./img/butPrevMonth.png) 0 -72px no-repeat;
    vertical-align: -.4em;
}
.caltable td.calheader img.calNoNextMonth {
    background: white url(./img/butNextMonth.png) 0 -72px no-repeat;
    vertical-align: -.4em;
}
.caltable td.calheader .calNextMonth img {
    background: white url(./img/butNextMonth2.png) 0 0 no-repeat;
    border-width: 0px;
}
.caltable td.calheader .calPrevMonth img {
    background: white url(./img/butPrevMonth2.png) 0 0 no-repeat;
    border-width: 0px;
}
.caltable td.calheader .calNextMonth:hover img, .caltable td.calheader .calPrevMonth:hover img {
    background-position: 0 -24px;
}
.caltable td.calheader .calNextMonth:active img, .caltable td.calheader .calPrevMonth:active img {
    background-position: 0 -48px;
}
.calheader {
    padding: .4em;
    white-space: nowrap;
}
.calheader select {
    margin: 0 .6em;
}
.monthYear {
    background-color: #ffffff;
    color: white;
}
.dayNames td {
    border-bottom: 1px solid #003580;
    background-color: #e6edf6;
}
.days td {
    color: #779bca;
    background-color: #e6edf6;
    padding: .2em;
    border: 2px solid #e6edf6;
}
.days td.weekend {
    background-color: #c5d4e9;
    border-color: #c5d4e9;
}
.days td.past {
    text-decoration: line-through;
}
.days td.today, .days td.future {
    border: none;
    padding: 0;
}
.days td a {
    padding: .2em;
    border: 2px solid #e6edf6;
}
.days td.weekend a {
    border-color: #c5d4e9;
}
.days td.today a {
    background-color: #fff;
}
.days td.selected {
    font-weight: bold;
}
.days td.selected a {
    border-color: #0896ff;
}
.hotelchars.blockdisplay {
    display: block;
}
.blockdisplay {
    display: none;
}

#right .specialsblock td {border:none}
#right .specialsblock table {padding-bottom: 1.2em}

.new_hotel {
    margin: .3em .6em .6em 1.2em;
    padding: 0 .3em;
    float:right;
    background-color: #feba02;
    color: white;
    font-weight: bold;
    border:1px solid #e6edf6
}

.borderTable td, .borderTable th {
  border: 1px solid #999;
}







/* CSS Document */

body form { font:11px Verdana, Arial, Helvetica, sans-serif;}


select.mod-form {  FONT-FAMILY: Verdana; FONT-SIZE: 8pt; width: 40px;}

input.mod-form {  FONT-FAMILY: Verdana; FONT-SIZE: 8pt; width: 150px;}

.button-disp{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	background-color:#958151;
	color:#fff;
	font-weight:bold;
	width:160px;
	height:25px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
a.button-disp:link { text-decoration: none; }
a.button-disp:visited { text-decoration: none; }
a.button-disp:hover { background-color:#6f6266;  text-decoration: none; }

.button-disp-short{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	background-color:#958151;
	color:#fff;
	font-weight:bold;
	width:60px;
	height:25px;
	margin:0px;
	padding:0px 0px 0px 0px;
}


/****** calendario *********/

 .calendar_date_select {
  color:white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border:#777 1px solid;
  display:block;
  width:190px;
  z-index: 1000;
}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
 iframe.ie6_blocker {
  position: absolute;
  z-index: 999;
}

 .calendar_date_select thead th {
  font-weight:bold;
  font-size:11px;
  padding-left:7px;
  background-color: #E7E8E8;
  border-bottom:2px solid black;
  color: black !important;
}

 .calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
  background-color: #5f0000;
}

 .calendar_date_select .cds_footer {
  background-color: black;
  font-size:11px;
  padding:3px;
  text-align:center;
}

 .calendar_date_select table {
  margin: 0px;
  padding: 0px;
}


 .calendar_date_select .cds_header {
  background-color: #ccc;
  border-bottom: 2px solid #aaa;
  text-align:center;
}

 .calendar_date_select .cds_header span {
  font-size:3px;
  color: black;
  font-weight: bold;
}

 .calendar_date_select select { font-size:11px;}

 .calendar_date_select .cds_header a:hover {
  color: white;
}
 .calendar_date_select .cds_header a {
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color:black !important;
}

 .calendar_date_select .cds_header a.prev {
  float:left; padding-top:4px;
}
 .calendar_date_select .cds_header a.next {
  float:right; padding-top:4px;
}

 .calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}

 .calendar_date_select .cds_header select.month {
  width:80px; margin:2px;

}

 .calendar_date_select .cds_header select.year {
  width:50px; margin:2px;
}

 .calendar_date_select .cds_buttons a {
  color: white;
  font-size: 9px;
}


 .calendar_date_select td {
  background-color: #660000;
  font-size:11px;
  width: 24px;
  height: 18px;
  text-align:center;
  vertical-align: middle;
}
 .calendar_date_select td.weekend {
  background-color: #5a0000;
}

 .calendar_date_select td div {
  color:#fff;
}
 .calendar_date_select td div.other {
  color: #93554C;
}
 .calendar_date_select td.selected div {
  color:black;
}


 .calendar_date_select tbody td {
  border-bottom: 1px solid #550000;
}
 .calendar_date_select tbody td.selected {
  background-color:white;
  color:black;
}

 .calendar_date_select tbody td:hover {
  background-color:#ccc;
}

 .calendar_date_select tbody td.today {
  border: 1px dashed red;
}

 .calendar_date_select td.disabled div {
  color: #440000;
}

 .fieldWithErrors .calendar_date_select {
  border: 2px solid red;
}

