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

/*
 * Copyright 2008 Palm Inc. Confidential until public release.
 */

@import url(month.css);
@import url(week.css);
@import url(day.css);
@import url(edit.css);
@import url(datetime.css);
@import url(alarm.css);
@import url(repeat.css);
@import url(participants.css);
@import url(details.css);
@import url(preferences.css);
@import url(event-colors.css);
@import url(prefs-acct.css);
@import url(notification.css);
@import url(accountlogin.css);

/* general layout */

table, tr, td {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}

body {
		font-size: 20px;
		font-weight: normal;
		cursor: default;
		-webkit-user-select: none;
}

.view_header {
		width: 100%;
}

.navBtn {
		padding: 0px;
		margin: 0px;
		width: 24px;
		display: inline;
		vertical-align: middle;
}

/* Menu Icons */

.palm-menu-icon.menu-month {
		background-image: url(../images/menu-icon-month.png);
}

.palm-menu-icon.menu-week {
		background-image: url(../images/menu-icon-week.png);
}

.palm-menu-icon.menu-day {
		background-image: url(../images/menu-icon-day.png);
}

.palm-menu-icon.edit {
		background-image: url(../images/menu-icon-compose.png);
}

.palm-menu-icon.today {
		background-image: url(../images/menu-icon-today.png);
}

.palm-menu-icon.newevent {
		background-image: url(../images/menu-icon-newevent.png);
}

.palm-popup-icon.menu_all {
	width: 24px;
  background: url(../images/menu-icon-all.png) center center no-repeat;
}

/* Calendar Selector in Month/Week/Day view headers */
.header-cal-source {
	position:relative;
	float:right;
	margin: 8px -16px 0px 0px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	height:35px;
	line-height: 33px;
	border-width: 0px 22px 0px 16px;
	-webkit-border-image: url(../images/cal-selector-header-gray.png) 0 22 0 16 stretch stretch;
	-webkit-box-sizing: border-box;	
}
.header-cal-source-hit-target { 
	/* note to self, this is a convenient way to create hit targets, because it doesn't disrupt any flow! */
	position:absolute;
	top:-10px;
	left:-35px;
	right:-25px;
	height:52px;
}
.header-cal-selector {
	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;
}
.header-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;
}


/* First Use */
.first-use-text {
	width: inherit;  
	text-align: center;
	font-size: 14px;	
	color: #444;            
	margin-bottom: 8px;
}

.firstuse-icon-div {
	padding-top: 8px;
}

.first-launch-info {     
	height: 39px;        
	font-size: 20px;
	line-height: 50px;	
	color: #666;
}   

/* if you make a change to the style below, please remember to mirror it in the localized stylesheets */
/* (to be found under /resources/xx_xx/stylesheets/) */
.first-use-header {
	color: #444;
	font-size: 16px;
	text-align: center;
	text-transform: capitalize;
	margin: 10px 0px 5px 0px;     
}

.firstuse-list-label,
.add-account-button-label {
	text-align: left;
	vertical-align: middle;
}

.firstuse-button-div {
	margin-top:20px;
}
/* Account Icons */      

.account-icon {
  width: 32px;
  height: 32px;
  margin: 9px 8px 9px 12px;
  float: left;
}                  

.account-icon.first-use{
	padding: 0px; 
	margin:8px 4px 6px 15px;
}
.account-icon.button{
  margin: 10px 8px 10px 12px;
}                  

.palm-dashboard-icon.calendar { 
	background: url(../images/notification-large-calendar.png) center left no-repeat; 
}

.palm-page-header > .header-icon.reminder-list {
  background: url(../images/calendar-dtl/reminder-icon.png) center left no-repeat;
}

.header-title {
	padding-right: 5px;
}

/* Account Login ... candidate to move to accountlogin.css */
/*.hdr-acct-icon {
	margin-left: 16px;
}

/* candidate to move to accountlogin.css */
/*.add-account-title {
	margin-left: 15px;
	line-height: 17px;
}*/
.reminder-palm-list {
  padding-bottom: 50px;
}

.palm-menu.command-menu.reminder-menu > .palm-menu-text {
  left: auto !important;
  right: 0px;
}
