/*
input.DatePicker{
	display: block;
	width: 100px;
	padding: 3px 3px 3px 24px;
	border: 1px solid #0070bf;
	font-size: 13px;
	background: #fff url(/img/datepicker_date.gif) no-repeat top left;
	cursor: pointer;
}
input:focus.DatePicker{
	background: #fffce9 url(/img/datepicker_date_focus.gif) no-repeat top left;
}
*/
.cal_title {
text-align:left;
}
.cal_container{
	position: relative;
	padding: 0;
	z-index: 500;
}
.cal_container table{
	margin-top:1px;
}
.cal_cal{
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 300px;
	top: 17px; 
	left: -201px;
	margin: 0px 0px 3px 0px;
}
.cal_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.cal_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.cal_cal select option{
	padding: 1px 3px;
}
.cal_cal th,
.cal_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.cal_cal th{
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
.cal_cal td{
	/*cursor: pointer;*/
}
.cal_cal td.ocupado{
	background-color:#FF0000;
	color:#FFFFFF;
}

.cal_cal td.pasado{
	background-color:#CCCCCC;
	color:#000000;
}

.cal_cal td.pasado_ocupado{
	background-color:#FFBFBF;
	color:#000000;
}

.cal_cal thead th{
	background: #d9eefc;
}
.cal_cal td.cal_roll{
	color: #000;
	background: #fff6bf;
}
/* must have this for the IE6 select box hiding */
.cal_hide{
	visibility: hidden;
}
.cal_empty{
	background: #eee;
}
.cal_today{
	color:#003399;
	font-weight:bold;
	border:1px dotted #000000;
}
.cal_selected{
	color: #fff;
	background: #328dcf;
}