/* CSS Document */
/*Calendar styles
-----------------------------------------*/

#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 300px;
  width: 250px;
  z-index: 99;
}

#CalendarControl {
  position: absolute;
  /*background-color:#f2f2f2;*/
 /* background-color:#F1F6FB;*/
  background-color:#F7F7F7;
  margin:0;
  padding: 5px;
  display: none;
  z-index: 100;
  width: 178px;
  }

#CalendarControl div.close {
	text-align: right;
	padding-right: 5px;
	width: 100%;
	}

#CalendarControl table {
  font-size: 10px;
  /*border: 1px solid #FFCB05;*/
  border: 1px solid;
  background-color: #ffffff;
  margin: 5px;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 158px;
}

#CalendarControl th {
	text-align: center;
	padding: 2px 0 4px;
	font-weight: bold
	}

#CalendarControl td {
  text-align: center;
  width: 14%;/*2em;*/
  line-height: 1.35em; 
}

#CalendarControl td a {
	display: block;
	color: #000;
	text-decoration: none;
	} 

#CalendarControl td.weekday {
  background-color: #FFF;
}

#CalendarControl td.weekend {
  background-color: #FFF;
}

#CalendarControl td.current a {
	color: #F96611;
	font-weight: bold;
	text-decoration: underline;
}

#CalendarControl td.current a:hover {
	color: #FFF;
	background-color: #F96611;
}

#CalendarControl td.past_date {
	color: #d2d2d2;
	}

#CalendarControl td.weekday a:hover,
#CalendarControl td.weekend a:hover {
	color: #FFF;
  	background-color: #F96611;
  	text-decoration: none;
	}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
  /*background-color: #FFCB05;*/
  background-color:#C60707;
  font-size: 10px;
  padding: 5px;
}

#CalendarControl td.arrow {
	text-align: center;
	background-color: #FFCB05;
	}
	
#CalendarControl td.arrow a {
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
	}
	
#CalendarControl .cal_control {
	font-weight: bold;
	text-align: center;
	}