.calendar_date_select {
    BORDER-RIGHT: #777 1px solid;
    BORDER-TOP: #777 1px solid;
    DISPLAY: block;
    Z-INDEX: 1000;
    BORDER-LEFT: #777 1px solid;
    WIDTH: 195px;
    COLOR: white;
    BORDER-BOTTOM: #777 1px solid
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
/* 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;
}

/* Encabezado de dias */
.calendar_date_select thead th {
    BORDER-TOP: #777 1px solid;
    FONT-WEIGHT: bold;
    COLOR: white! important;
    BORDER-BOTTOM: #777 1px solid;
    BACKGROUND-COLOR: #B0C1D1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

/* renglon del pie con etiqueta de hoy */
.calendar_date_select .cds_buttons {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    BACKGROUND-COLOR: #eee;
    TEXT-ALIGN: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.calendar_date_select .cds_footer {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    BACKGROUND-COLOR: #B0C1D1;
    TEXT-ALIGN: center;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.calendar_date_select table {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}


.calendar_date_select .cds_header {
	BORDER-BOTTOM: #aaa 1px solid;
    BACKGROUND-COLOR: silver;
    TEXT-ALIGN: center
}

.calendar_date_select .cds_header * {
	border:0px;
	background-color:white;  
  
}

.calendar_date_select .cds_header span {
  font-size:13px;
  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:11px;
  color:black !important;
}

.calendar_date_select .cds_header a.prev {
  float:left;
}
.calendar_date_select .cds_header a.next {
  float:right;
}
.calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}

.calendar_date_select .cds_header select.month {
  width:90px;
}

.calendar_date_select .cds_header select.year {
  width:61px;
}

.calendar_date_select .cds_buttons a {
  color: black;
  font-size: 9px;
}
.calendar_date_select td {
  font-size:12px;
  width: 24px;
  height: 19px;
  text-align:center;
  vertical-align: middle;
  background-color: #fff;
}
.calendar_date_select td.weekend 
{
    BORDER-RIGHT: #ddd 1px solid;
    BORDER-LEFT: #ddd 1px solid;
    BACKGROUND-COLOR: #eee
	
}

.calendar_date_select td div {
  color: #000;
}
.calendar_date_select td div.other {
  color: #ccc;
}
.calendar_date_select td.selected div {
  color:white;
}

.calendar_date_select tbody td 
{
	 BORDER-BOTTOM: #ddd 1px solid

}
.calendar_date_select td.selected {
  background-color:#777;
}

.calendar_date_select td:hover {
  background-color:#ccc;
}

.calendar_date_select td.today {
  border: 1px dashed #999;
    BORDER-RIGHT: #999 1px dashed;
    BORDER-TOP: #999 1px dashed;
    BORDER-LEFT: #999 1px dashed;
    BORDER-BOTTOM: #999 1px dashed;
}

.calendar_date_select td.disabled div {
  color: #e6e6e6;
}

.fieldWithErrors .calendar_date_select {
  border: 2px solid red;
}