/*** Datepicker ***/

div.dynDateTime-calendar {
   position: relative;
   border:1px solid #c4c4c4;
   border-radius:5px;
   background: #fff;
   overflow:hidden;
   padding:3px 0;
}
.dynDateTime-calendar table {
   background:#fff;
   border: none;
   cursor: default;
   margin:0;
   border-collapse:separate;
   border-spacing:0;
}
.dynDateTime-calendar thead tr {
   background:#fff;
   color: #3f3f3f;
}
.dynDateTime-calendar table th,
.dynDateTime-calendar table td {
   border: none;
   background:#fff;
	padding:2px 5px;
	border-radius:3px;
}
.dynDateTime-calendar thead .dynDateTime-nav,
.dynDateTime-calendar thead .dynDateTime-title {
    color: #000000;
    font-weight: bold;
    text-align: center;
}
.dynDateTime-calendar thead .dynDateTime-nav:hover{
	background:#666666;
	color:#fff;
	cursor:pointer;
}
.dynDateTime-calendar thead .dynDateTime-name {
    color: #000000;
    font-weight: bold;
    text-align: center;
}
.dynDateTime-calendar thead .dynDateTime-wn{
	color:#DDDDDD;
}
.dynDateTime-calendar tbody td.dynDateTime-day{
	text-align:center;
}
.dynDateTime-calendar tbody td.dynDateTime-day:hover{
	background:#666666;
	color:#fff;
	cursor:pointer;
}
.dynDateTime-calendar tbody td.dynDateTime-wn,
.dynDateTime-calendar tbody td.dynDateTime-wn:hover{
	color:#DDDDDD;
	background:#fff;
	cursor:default;
}
.dynDateTime-calendar tbody td.dynDateTime-othermonth,
.dynDateTime-calendar tbody td.dynDateTime-othermonth:hover{
	color:#999999;
	background:#fff;
	cursor:default;
}
.dynDateTime-calendar tbody td.dynDateTime-today{
	background:#DDDDDD;
}

.dynDateTime-calendar tbody td.dynDateTime-notInChosenTimePeriod
{
	color:#999999;
	background:#DFDFDF;
	cursor:default;
}

.dynDateTime-calendar tbody td.dynDateTime-othermonth-notInChosenTimePeriod,
.dynDateTime-calendar tbody td.dynDateTime-oweekend-notInChosenTimePeriod
{
	color:#999999;
	background:#E9EAEB;
	cursor:default;
}

.dynDateTime-calendar tfoot{
	display:none;
}

/* Combo boxes (menus that display months/years for direct selection) */

.dynDateTime-calendar .dynDateTime-combo {
  	position: absolute;
  	display: none;
  	top: 0px;
  	left: 0px;
  	width: 4em;
  	cursor: default;
   border:1px solid #c4c4c4;
   border-radius:5px;
  	background: #fff; 
  	color: #000;
  	z-index: 100;
  	font-size: 90%;
}

.dynDateTime-calendar .dynDateTime-combo .dynDateTime-label,
.dynDateTime-calendar .dynDateTime-combo .dynDateTime-label-IEfix {
  	text-align: center;
  	padding: 1px;
}

.dynDateTime-calendar .dynDateTime-combo .dynDateTime-label-IEfix {
  	width: 4em;
}

.dynDateTime-calendar .dynDateTime-combo .dynDateTime-hilite {
	background:#666666;
  	color: #fff;
}

.dynDateTime-calendar .dynDateTime-combo .dynDateTime-active {
  	background:#000; 
  	color: #fff;
  	font-weight: bold;
}

.dynDateTime-calendar td.dynDateTime-time {
  border-top: 1px solid #E0E0E0;
  padding: 1px 0px;
  text-align: center;
  background: #000;
}

.dynDateTime-calendar td.dynDateTime-time .dynDateTime-hour,
.dynDateTime-calendar td.dynDateTime-time .dynDateTime-minute,
.dynDateTime-calendar td.dynDateTime-time .dynDateTime-ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: #000; 
  color: #000;
}

.dynDateTime-calendar td.dynDateTime-time .dynDateTime-hour,
.dynDateTime-calendar td.dynDateTime-time .dynDateTime-minute {
  font-family: monospace;
}

.dynDateTime-calendar td.dynDateTime-time .dynDateTime-ampm {
  text-align: center;
}

.dynDateTime-calendar td.dynDateTime-time .dynDateTime-colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.dynDateTime-calendar td.dynDateTime-time span.dynDateTime-hilite {
  background: #fff; 
  color: #000;
}

.dynDateTime-calendar td.dynDateTime-time span.dynDateTime-active {
  background: url("active-bg.gif"); color: #fff;
}