#jhCalendar br {display:block; clear:both; }

#events #jhCalendar {width:395px;}
table.calTable, .datePicker table {
	float:left !important; width:120px; 
	margin:0 10px 11px 0;
	text-align:center;
	background:#fff !important;
	}

#eventdetail #jhCalendar {min-height:156px; text-align: center}	
#eventdetail #jhCalendar table {float:none !important}
#eventdetail table.calTable {width:220px; margin:18px auto !important; float:none !important;}

table.calTable tr, table.datePicker tr {border:0}
table.calTable thead th, .datePicker table th, .datePicker th button  {font-size:9px; color:#333; padding:0; 
	line-height:1.4em; color:#fff; text-align:center; border:0; background:transparent; color:#444; margin:0}
	

table.calTable .calHeader, .date-picker-title {
        text-transform:uppercase;
        letter-spacing:2px;
        }

.calTable .abbrevDays, .date-picker-day-header {text-transform:lowercase}

.shortTable {margin-bottom:28px !important;}
.calTable td, 
.datePicker table td {border:1px solid #ccc; vertical-align:top; padding:2px; line-height:100%}
#eventdetail table.calTable tr * {font-size:10px}
.outOfRange, .notInMonth {background:#eee; opacity:.5}
.out-of-range {color:#ccc}	
.longDays, .calTable td .event {display:none}
  .calTable td:hover .event {display:block; 
		position:absolute;
		z-index:1000; 
		background:#ffc; 
		border:1px solid #333; 
		width:170px;
		font-size:10px; 
		padding:2px 4px;
		text-align:left;
	}
.calDayToday, .date-picker-today {
  background-color:#e4e3de;
}
.weekend, .date-picker-highlight {color:#900}
.calEventDay {background:#ff9}
.calDayLabel, .datePicker table td {font-size:9px; }
	
.vcalendar {}
#jhCalendar:after { /* clear floats 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;*/
}

/********************** date picker **************************/
.datePicker {
        position:absolute;
        min-width:175px;
        width:175px;
        z-index:9999;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
.iehack {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The date-picker button created beside each input. (position:relative required for positioning in IE) */
.date-picker-control {
        position:relative;
        border:0;
        margin-right:4px;
        background:transparent url(/media/img/datepicker/calendar.png) no-repeat 0 0;
        width:24px;
        height:24px;
        cursor:pointer;
	float:left	
        }
.datePicker th button {
        display:inline;
        line-height:1em;
        border:0;
        background:transparent;
	font-weight:bold;
        cursor:pointer;
        outline:expression(hideFocus="true");
        }

.datePicker thead th button.disabled {
        color:#aaa !important;
        cursor:default;
        }
.datePicker th button.today-but {font-size:8px;}


.vevent {margin-bottom:.7em}