/* @override 
	http://localhost:3000/asset/calendar/stylesheets/day.css
	http://192.168.146.128:8888/calendar/stylesheets/day.css

Copyright 2009 Palm, Inc.  All rights reserved.

*/

/* z-index
 * 
1	-	.all-day-scroll-top 1
2	-	.all-day-separator 2
3	-	.timeHeader 3
3	-	.dv-event 3
4	-	.freeTimes 4
4	-	.dv_free_time .dv_free_time_wrapper 4
5	-	.day_event_dragging 5
20	-	.dv_free_time.compressed 20
21	-	#dv_header_container2
20000 -	#scratch_event .day-event-info 20000
 * 
 */
/* Day View */

/* ROWS */
.row { 
	border: 0;
}
.row.timeLineEven { 
	position:relative;
	height: 48px;
}

#day_view {
	position: relative;
	width: 320px;
	height: 432px;
}

#dv_scroll_data {
	width: 963px;
}
#dv_scrim_animate {
	position: relative;
	left: 0px;
	top: 0px;
	height: 480px;
	margin-left: -26px;
}

#dv_scrim_aimate_header {
	position: relative;
	left: 0px;
	top: 0px;
	width: 53px;
	height: 52px;
/*	
	background: url(../images/header-split.png) center center no-repeat;
*/	
}

#dv_scrim_aimate_line {
	position: relative;
	left: 26px;
	top: 0px;
	width: 1px;
	height: 480px;
/*	
	background-color: #525252;
*/	
}

#dv_scroll_scrim {
	position: absolute;
	top: 0px;
	width: 320px;
	height: 480px;
/*	
	background-color: #898989;
*/	
	z-index: 100;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#dv_scrim_prev {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 320px;
	height: 480px;
	background: url(../images/scrim.png) 0 0 repeat-x;
	z-index: 99;
}

#dv_scrim {
	position: absolute;
	left: 321px;
	top: 0px;
	width: 320px;
	height: 480px;
	background: url(../images/scrim.png) 0 0 repeat-x;
	z-index: 99;
}

#dv_scrim_next {
	position: absolute;
	left: 642px;
	top: 0px;
	width: 320px;
	height: 480px;
	background: url(../images/scrim.png) 0 0 repeat-x;
	z-index: 99;
}

#dv_scrim_weekday{
	position: absolute;
	color: #FFFFFF;
	text-align: center;
	left: 0px;
	width: 320px;
	top: 130px;
	font-weight:bold;
	font-size: 24px;
}

#dv_scrim_month{
	position: absolute;
	color: #FFFFFF;
	text-align: center;
	left: 0px;
	width: 320px;
	top: 153px;
	font-weight:normal;
	font-size: 20px;
}

#dv_scrim_day{
	position: absolute;
	color: #bfbfbf;
	text-align: center;
	left: 0px;
	width: 320px;
	top: 170px;
	font-weight:bold;
	font-size: 100px;
}

#dv_scroll_container {
	position: absolute;
	top: 0px;
	width: 100%;
	overflow: hidden;
}

#dv_header_container2 {
	position: absolute;
	width: 963px;
	height: 52px;
	z-index: 21;
	top: 0px
}

/*ALL-DAY EVENTS SECTION*/
.dv_allday_col {
	position: absolute;
	width: 321px;
	padding-bottom: 0px;
	border-width: 38px 25px 13px 25px;
	-webkit-border-image: url(../images/header-background-9tile.png) 38 25 13 25;
	-webkit-box-sizing: border-box;
}

.dv_allday_col.current-day-div {
}

.dv_allday_col_wrapper {
	margin:-38px -25px -13px -25px;
	padding-top: 35px; /*50px;*/
	border-right: 1px solid black;
}
.all-day-scroll-top {
	position: absolute;
	height: 15px;
	z-index: 1;
	width: 320px;
	border-width:15px 6px 0px 6px;
	-webkit-border-image:url(../images/header-allday-fade.png) 15 6 0 6 repeat repeat;
	-webkit-box-sizing: border-box;
}

/* 
 * If the height of the all-day-separator changes, need to update code
 * in day-assistant:updateEmptySpacer
 */
.all-day-separator {
	background: url(../images/header-all-day-separator.png) center bottom repeat-x;
	position:relative;
	z-index:2;
	height:7px;
	width:100%;
	border-right: 1px solid black;
}
#dv_allday_col_prev {
	left: 0px;
}

#dv_allday_col {
	left: 321px;
}

#dv_allday_col_next {
	left: 641px;
}
#dv_allday_col_next > .dv_allday_col_wrapper {
	border-left:1px solid black;
	border-right:0px;
}

#dv_scratch_events {
	position: absolute; 
	top: 0px;
	width: 320px;
	height: 1152px;
	z-index: 1000;
}

.dv_alldayevents_scroller {
	position: relative;
	max-height: 135px;
	/*min-height: 45px;*/
	width: 100%;
	overflow: hidden;
	display: block !important;
}
.all-day-events-spacer {
	height:9px;
}
.alldayeventsList {
	position: relative;
	top: 0px;
	padding: 4px 0px 5px;
	width: 100%;
	overflow: hidden;
}


/* CALENDAR EVENTS SECTION */
#dv_event_container {
	position:relative;
	width: 963px;
}

#day_table {
	table-layout: fixed;
	border: 0;
	border-collapse: collapse;
}

#dv_header td {
	vertical-align: top;
}

.dv_day_td {
	position: relative;
	width: 321px;
	vertical-align: top;
}

.dv_day_td.current-day-div {
}

.day-scroller {
	position: relative; 
	border-right:1px solid black;
}

#dv_day_scroller {
	-webkit-palm-scroll-margin-bottom: 72px;
}

.emptySpacer {
	width: 100%;
	vertical-align: top;
}

.cmdMenuEmptySpacer {
	width: 100%;
	height: 48px;
}

/* TIME HEADERS */
.timeHeader {
	width: 24px;
	height: 32px;
	font-size: 14px;
	text-align: center;
	padding: 4px 0px 0px;
	color: #777;
	position: absolute;
	z-index:3;
}
.timeHeader .ampm {
	font-size:12px;
	margin-top: -6px;
	font-weight:normal;
}
.timeHeader.workday {
	color: #555;
	font-weight:bold;
}
.timeHeader.workday-end { 
	color:#777;
	font-weight:normal;
}



/* INLINE EVENT EDITING */
.dv-event.scratch-event .event-edit .truncating-text{
	margin-top:-6px;	
}
.dv-event.scratch-event .event-edit .hint-text {
	margin-top:-5px;	
	font-size: 14px;
}
.dv-event.scratch-event .event-edit input:focus {
	margin-top:-14px;
	margin-left:-1px;
	padding:0px;
}
.dv-event .truncating-text,
.dv-event input,
.dv-event input:focus,
.dv-event .subject {
	background: transparent;
	vertical-align: middle;
	border: none;
	outline: none;
	font-size: 14px;
	height: 16px;
	font-weight: bold;
	color: inherit;
	width:100%;
	margin:0px 0px;
}
.dv-event.short .truncating-text,
.dv-event.short input,
.dv-event.short input:focus,
.day_event.short .subject {
	height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.day_event_dragging {
	z-index: 5;
}
.dv-event .event-drag-shadow {
		display: none;
}
.dv-event.day_event_dragging .event-drag-shadow {
		border-width: 20px 14px 14px 14px;
		-webkit-border-image: url(../images/event-drag-shadow.png) 20 14 14 14 stretch stretch;
		margin: 0;
}
.scratch-event-field {
	position:relative;	
	top:-6px;
	z-index:0;
	overflow:visible;
}
.scratch-event-field input {
	min-height:20px;
	position:relative;
	left:-1px;
}
.scratch-event-field .truncating-text {
	padding-top:2px;
}

#scratch_event .day-event-info {
		width: 48px;
		height: 48px;
		position: absolute;
		right: 0px;
		top: -11px;
		background: url(../images/day-event-info-press.png) center center no-repeat;
		background: url(../images/day-event-info.png) center center no-repeat;
		z-index: 10000;
}
#scratch_event .day-event-info.selected {
	background-image: url(../images/day-event-info-press.png);
}
#scratch_event.half-hour-event .day-event-info {
	height:24px;
}

.event-updated .cal-color-bg 		{ 
	-webkit-border-image: url(../images/day-event-drag-gray.png) 12 5 5 5 stretch stretch !important; 
}


/* EVENTS */
.eventsDiv {
	position:relative;
	width: 274px;
}
.new_event {
	background-color: #888888;
}
.dv-event {
	position: relative;
	top: 0;
	left: 0;
	line-height: 16px;
	font-size: 16px; 
	z-index: 30;
	-webkit-box-sizing: border-box;
}
.dv-event .event-text {
	/*these styles 
		a) counteract the border pushing of .cal-color-bg.cal-color-blue { -webkit-border-image: url(../images/day-event-blue.png) 12 5 5 5 stretch stretch; }
		b) make sure the text is positioned and truncates correctly within the dv-event
	*/	
	position:absolute;
	top:-8px; 
	bottom:-1px;
	overflow: hidden;
	width: inherit;
}
.dv-event .event-text.no-location .description {
	padding-top:1px;
}
.dv-event .event-text.no-location .location {
	display:none;
}

.dv-event .event-text.subject-only .description,
.dv-event .event-text.subject-only .location {
	display:none;
}


.dv-event .subject {
	font-size: 14px;
	line-height: 14px;
	height: 14px;
	font-weight:bold;
	color: inherit;
	width:inherit;	
}
.dv-event .location {
	margin-top:-1px;
	font-size: 14px;
	line-height: 14px;
	height: 14px;
	font-weight:bold;
	font-style:italic;
	color: inherit;
	width:inherit;
}
.dv-event .description {
	margin-top:1px;
	font-size: 12px;
	line-height: 12px;
	color: inherit;
	width:inherit;
}


/* CALENDAR SOURCE SELECTOR */
.cal-selector-popup {
	top: 38px; /*4 px from header, max height should be same dist from bot as top*/
	right:-3px; 
}


/* for 'Calendar View Options' */
.cal-selector-popup .palm-row.menu-end {
	color: #535353;
/*	font-style: oblique;*/
	background: url(../images/divider-line-grey.png) top center repeat-x;
}
.cal-selector-popup .palm-row.selected.menu-end {
	background: none;
}

.dv-snap-element {
	position:absolute;
	width:320px;
}
#snap_element_prev {
	left:0px;
}
#snap_element_this {
	left:321px;
}
#snap_element_next {
	left:642px;
}