#UICalendarControlIFrame {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.UICalendarComponent {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  width: 225px;
}

.BlockCalendar {
	background: #e0e5f7 url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetDragArea2x2.gif') repeat scroll;
	padding-top: 12px;
	cursor: move;
	_height: 100%;
	-moz-user-select: none;
}

.UICalendar {
  border: 1px solid #ccced7;
  background: #e0e5f7 url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') repeat-x left -122px;;
  padding: 7px 5px;
  font: normal 12px verdana;
	text-align: center;
	cursor: default;
	_height: 100%;
}

.UICalendar table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.UICalendar a {
  display: block;
  font-weight: normal;
  text-decoration: none;
  color: #000;
  height: 100%;
}

.UICalendar .MonthYearBox {
  border: 1px solid #d4d4d4;
  font: normal bold 11px tahoma;
  color: #0960c1;
  line-height: 18px;
}

.UICalendar .MonthYearBox .NextMonth {
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -41px; /* orientation=lt */
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator-rt.gif') no-repeat center -41px; /* orientation=rt */
}

.UICalendar .MonthYearBox .PreviousMonth {
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -21px; /* orientation=lt */
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator-rt.gif') no-repeat center -21px; /* orientation=rt */
}

.UICalendar .MonthYearBox td {
  padding: 0px;
  background-color: white;
}

.UICalendar .MonthYearBox a {
  width: 20px; height: 20px;
}

.UICalendar .MonthYearBox .MonthButton {
  border: 1px solid #d4d4d4;
  width: 20px;
}

.UIForm .UICalendar .MonthYearBox .MonthButton a {
  background-color: #e1dfdf;
  margin: 0px;
}

.UICalendar .MonthYearBox .MonthButton a:hover {
  background-color: #ededed;
}

.UICalendar .MonthYearBox .YearButton {
  width: 20px;
}

.UICalendar .MonthYearBox a.NextYear {
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -81px; /* orientation=lt */
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator-rt.gif') no-repeat center -81px; /* orientation=rt */
}

.UICalendar .MonthYearBox a:hover.NextYear {
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -81px; /* orientation=lt */
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator-rt.gif') no-repeat center -81px; /* orientation=rt */
}


.UICalendar .MonthYearBox a.PreviousYear {
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -61px; /* orientation=lt */
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator-rt.gif') no-repeat center -61px; /* orientation=rt */
}

.UICalendar .MonthYearBox a:hover.PreviousYear {
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -61px; /* orientation=lt */
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator-rt.gif') no-repeat center -61px; /* orientation=rt */
}

.UICalendar .MonthYearBox .YearButton a:hover {
  background-color: #ededed;
}

.UICalendar .CalendarGrid {
  padding: 4px;
  background-color: white;
  border: 1px solid #cfcfcf;
}

.UICalendar .CalendarGrid td {
  border: 1px solid white;
  background-color: #f4f4f4;
}

.UICalendar .CalendarGrid td a,.UICalendar .CalendarGrid td div {
  padding: 5px 0px;
}

.UICalendar .CalendarGrid td a.Current {
  background-color: #d9d9d9; color: #058ee6;
}

.UICalendar .CalendarGrid td a:hover {
  background-color: #adbbff; color: white;
}

.UICalendar .CalendarTimeBox {
  width: 130px; margin: 5px auto;
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat top left;
  padding-left: 9px;
}

.UICalendar .CalendarTimeBoxR {
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat top right;
  padding-right: 9px;
}

.UICalendar .CalendarTimeBoxM {
  line-height: 21px;
  height: 21px;
  background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') repeat-x left -101px;
  vertical-align: bottom;
}

.UICalendar .CalendarTimeBox .CalendarTimeBoxM input.InputTime {
  float: none;
  padding: 0px;
  border: 0px;
  width: 15px;
  direction: rtl;
}
