/* @override 
	http://192.168.146.128:8888/com.palm.app.calendar/stylesheets/details.css
	http://172.16.110.131:8888/com.palm.app.calendar/stylesheets/details.css

Copyright 2009 Palm, Inc.  All rights reserved.

*/


/*************/
/* Main View */
/*************/
.calendar-dtl-main {
/*	width: 320px; */
}
.calendar-dtl-main .palm-list .row {
	padding: 0px;
	height: 49px;
}
.calendar-dtl-main .dtl-gray {
	color: #868686;
}

/*event name*/
.focused #edit_subject_field {
	color:black;
}
.textfield-group:not(.focused) #edit_subject_field a {
	color: #FFF;
}
.textfield-group:not(.focused) #edit_subject_field a:active {
	color: #DDD;
}
.focused #edit_subject_field .hint-text {
	color: #898989;
}
#edit_subject_field .hint-text {
	margin-top:1px;
}
.calendar-dtl-main .dtl-title .dtl-title-wrapper {
	margin:-38px -25px -13px -25px;
}
.calendar-dtl-main .dtl-title .truncating-text,
.calendar-dtl-main .dtl-title .hint-text,
.calendar-dtl-main .dtl-title input {
	color: white;
	font-weight: bold;
	font-size:20px;
}
.calendar-dtl-main .palm-textfield-disabled {
	color:black;
}
.calendar-dtl-main .dtl-title .palm-textfield-disabled {
	color:white;
}

/* account selector button */
.calendar-dtl-main .account-selector {
-webkit-border-image:url(../images/calendar-dtl/header-accounts-button.png) 0 16 0 16 repeat repeat;
border-width: 0px 16px 0px 16px;
-webkit-box-sizing: border-box;
float:right;
height:34px;
margin: 9px 0px 0px 0px;
text-transform: uppercase;
padding-top:1px;
position:relative;
font-size: 14px;
line-height: 32px;
}
/* change ":active" to ".selected" when x-mojo-tap-highlight="instantaneous" is implemented */
.calendar-dtl-main .account-selector:active,
.calendar-dtl-main .account-selector.selected									{ -webkit-border-image:url(../images/calendar-dtl/header-accounts-button-press.png) 	0 16 0 16 repeat repeat; }
.calendar-dtl-main.cal-color-blue .focused .account-selector					{ -webkit-border-image:url(../images/calendar-dtl/dtl-acct-blue.png) 	0 16 0 16 repeat repeat; }
.calendar-dtl-main.cal-color-green .focused .account-selector 					{ -webkit-border-image:url(../images/calendar-dtl/dtl-acct-green.png) 	0 16 0 16 repeat repeat; }
.calendar-dtl-main.cal-color-yellow .focused .account-selector 					{ -webkit-border-image:url(../images/calendar-dtl/dtl-acct-yellow.png) 	0 16 0 16 repeat repeat; }
.calendar-dtl-main.cal-color-gray .focused .account-selector					{ -webkit-border-image:url(../images/calendar-dtl/dtl-acct-gray.png) 	0 16 0 16 repeat repeat; }
.calendar-dtl-main.cal-color-orange .focused .account-selector					{ -webkit-border-image:url(../images/calendar-dtl/dtl-acct-orange.png) 	0 16 0 16 repeat repeat; }
.calendar-dtl-main.cal-color-pink .focused .account-selector					{ -webkit-border-image:url(../images/calendar-dtl/dtl-acct-pink.png) 	0 16 0 16 repeat repeat; }
.calendar-dtl-main.cal-color-red .focused .account-selector						{ -webkit-border-image:url(../images/calendar-dtl/dtl-acct-red.png) 	0 16 0 16 repeat repeat; }
.calendar-dtl-main.cal-color-purple .focused .account-selector					{ -webkit-border-image:url(../images/calendar-dtl/dtl-acct-purple.png) 	0 16 0 16 repeat repeat; }
.calendar-dtl-main.cal-color-teal .focused .account-selector					{ -webkit-border-image:url(../images/calendar-dtl/dtl-acct-teal.png) 	0 16 0 16 repeat repeat; }


.calendar-dtl-main .account-selector .account-name {
	margin-left:-5px;
	padding-right: 2px;
	background: transparent;
	display:inline-block;
	min-width: 12px;
	max-width: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
}
/*
.calendar-dtl-main .account-selector .account-name > div {
	display:inline;
}
*/
.calendar-dtl-main .account-selector .down-arrow {
	background: transparent;
	float:right;
	display:inline-block;
	background: url(../images/header-arrow-down.png) right center no-repeat;
	height:36px;
	margin-right:-5px;
	width:10px;
}

/*event location*/
.calendar-dtl-main .edit-location .hint-text {
	margin-top:0px;
}
.calendar-dtl-main .edit-location .editable,
.calendar-dtl-main .edit-location .palm-textfield-disabled {
	margin-top: 14px;	
	padding-bottom:3px;
}
.calendar-dtl-main .edit-location .smarttextfield {
	margin-left:38px;	
}
.calendar-dtl-main .icon.left.room {
	position:absolute;
}

/*time/date*/
.calendar-dtl-main .title.dtl-timedate {
	padding:7px 0px 3px;
	height:52px;
	font-size:18px;
}
.calendar-dtl-main .title.dtl-timedate .primary {
	font-size:18px;
	font-weight:bold;
}
.calendar-dtl-main .title.dtl-timedate .secondary {
	font-size: 16px;
}
.calendar-dtl-main .title.dtl-timedate .dtl-gray {
	font-weight:normal;
}
/* all-day-single: single date line */
.calendar-dtl-main .title.dtl-timedate.all-day-single {
	overflow:hidden;
}
.calendar-dtl-main .title.dtl-timedate.all-day-single > div {
	height:42px;
	line-height:42px;
}

/*participants*/
.calendar-dtl-main .title.dtl-participants {
	padding:10px 10px 0px 0px;
	font-size: 16px;
	height:52px;
}
.calendar-dtl-main .title.dtl-participants .dtl-organizer {
	font-size:18px;
	margin-top:-4px;
	font-weight: bold; 
}

/*note*/              
.dtl-message {
	min-height: 160px;
}
.dtl-message .smarttextfield,
.dtl-message .hinttext {
	font-size: 16px;
}
.dtl-message .smarttextfield.multi > .editable,
.dtl-message .smarttextfield.multi > .palm-textfield-disabled {
   padding: 0 3px 15px 3px;
	min-height: 160px;
	line-height: 19px;
}
.dtl-message .smarttextfield.multi > .hint-text {
	padding: 0;
	margin: -2px 0 0 4px;
}

/*icons*/
.calendar-dtl-main .icon {
	padding:0px 9px;
	background-position:center center;
}
.calendar-dtl-main .icon.room {
	margin-left:-10px;
	background: url(../images/calendar-dtl/room-icon.png) center center no-repeat;
}
.calendar-dtl-main .icon.timedate {
	background: url(../images/calendar-dtl/timedate-icon-press.png);
	background: url(../images/calendar-dtl/timedate-icon.png) center center no-repeat;
	height:60px;
}
.calendar-dtl-main .icon.repeat {
	background: url(../images/calendar-dtl/repeat-icon-press.png);
	background: url(../images/calendar-dtl/repeat-icon.png) center center no-repeat;
}
.calendar-dtl-main .icon.reminder {
	background: url(../images/calendar-dtl/reminder-icon-press.png);
	background: url(../images/calendar-dtl/reminder-icon.png) center center no-repeat;
}
.calendar-dtl-main .icon.participants {
	background: url(../images/calendar-dtl/participants-icon-press.png);
	background: url(../images/calendar-dtl/participants-icon.png) center center no-repeat;
	height:60px;
}

/* press-states */
.calendar-dtl-main .selected .icon.timedate {
	background: url(../images/calendar-dtl/timedate-icon-press.png) center center no-repeat;
}
.calendar-dtl-main .selected .icon.repeat {
	background: url(../images/calendar-dtl/repeat-icon-press.png) center center no-repeat;
}
.calendar-dtl-main .selected .icon.reminder {
	background: url(../images/calendar-dtl/reminder-icon-press.png) center center no-repeat;
}
.calendar-dtl-main .selected .icon.participants {
	background: url(../images/calendar-dtl/participants-icon-press.png) center center no-repeat;
}










/***********************/
/* Time/Date Edit View */
/***********************/
.calendar-dtl-timedate .palm-spacer {
	height: 10px;
}
.calendar-dtl-timedate .dtl-icon {
	width: 35px;
	height: 28px;
	float: left;
}
.calendar-dtl-timedate .dtl-event-type {
	text-transform: uppercase;
	font-size: 14px;
	color: #949494;
}
.calendar-dtl-timedate .dtl-icon.timedate {
	background: url(../images/calendar-dtl/timedate-icon-dark.png) center center no-repeat;
}
.calendar-dtl-timedate .palm-list .row .dtl-title {
	background: url(../images/calendar-dtl/timedate-header-background.png) repeat-x;
	height: 49px;
	line-height: 49px;
}
.calendar-dtl-timedate .palm-list .row label {
	position: absolute;
	left: 0px;
	color: #737373;
	text-align: right;

}
.calendar-dtl-timedate .dtl-duration {
	margin-top: 5px;
	font-size: 14px;
	text-align: center;
}
.calendar-dtl-timedate .palm-list .row .dtl-checkbox {
	float: left;
	width: 34px;
	height: 29px;
	padding: 8px 8px 8px 10px
}
.calendar-dtl-timedate .palm-list .row .dtl-checkbox img {
	position: absolute;
}
.calendar-dtl-timedate .palm-list .row .dtl-event-type {
	height: 49px;
	line-height: 49px;
}
.calendar-dtl-timedate .palm-list .row .dtl-title {
	height: 49px;
	line-height: 49px;
}




.details-cal-selector-popup {
	top: 33px; /*4 px from header, max height should be same dist from bot as top*/
	right:-3px; 
}
.details-cal-selector-popup .palm-popup-content {
	max-height:318px;
}








