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

/**************************************************************************************************
 *
 * general email styles
 *
 **************************************************************************************************/
.divider-open {
	display: block;
}
.palm-list .row {
	padding: 10px 0px;
}            

/**************************************************************************************************
 *
 * email folder-list specifics
 *
 **************************************************************************************************/
.email-folder-list .palm-row-wrapper {
	min-height: 50px;
}

.hierarchy0 {}
.hierarchy1 { margin-left: 20px;}
.hierarchy2 { margin-left: 40px;}
.hierarchy3 { margin-left: 60px;}
.hierarchy4 { margin-left: 80px;}
.hierarchy5 { margin-left: 100px;}
.hierarchy6 { margin-left: 120px;}
.hierarchy7 { margin-left: 140px;}
.hierarchy8 { margin-left: 160px;}
.hierarchy9 { margin-left: 180px;}

.email-folder-list .palm-row .title {
    overflow: hidden;
	padding: 11px 5px 13px;
}
.email-folder-list .title.has-unread {
	font-weight: bold;
}

/* icons for folders */
.server-folder-icon {
	background: url(../images/folder-single-closed.png) center center no-repeat;
}
.server-folder-icon.checked {
	background: url(../images/folder-single-open.png) center center no-repeat;
}
.server-folder-checkmark.checked {
	background: url(../images/move-to-checkmark.png) center center no-repeat;  
}
.folder-icon {
	width: 45px;
	height: 50px;
	background: url(../images/folder-single-open.png) center center no-repeat;
	margin-top:-2px;
}
.inbox .folder-icon {
	background-image: url(../images/icon_inbox.png);
}                                                    
.outbox .folder-icon {   
	background-image: url(../images/icon_outbox.png);
}                                                    
.drafts .folder-icon {   
	background-image: url(../images/icon_drafts.png);
}
.junk .folder-icon,
.spam .folder-icon {   
	background-image: url(../images/icon_junk.png);
}
.eas .folder-icon {
	background-image: url(../images/icon_outlook.png);
}
.sent .folder-icon {
	background-image: url(../images/icon_sent.png);
}
.saved .folder-icon {
	background-image: url(../images/icon_saved.png);
}
.trash .folder-icon {
	background-image: url(../images/icon_trash.png);
}

.normal-type .folder-icon {
	background-image: url(../images/folder-favorite-normal.png);
} 
.allinboxes-type .folder-icon {
	background-image: url(../images/folder-favorite-allinboxes.png);
}

.email-folder-list .favorite {
	float: right;
	width: 58px;
	height: 50px;
	margin-right: 0px;
	background: url(../images/star-off.png) center center no-repeat;
}
.email-folder-list .favorite.starred {
	background: url(../images/star-on.png) center center no-repeat;
}

.email-folder-list .noselect .favorite {
	display:none;
}
.email-folder-list .noselect .title {
	color:#555555; /*gray*/
}

/* folder-list unread pill */
.folder-list-unread-container {
	text-align:right;
}
.folder-list-unread-container.icon { /*override the palm-row icon width*/
	width:auto;
	height:auto;
}
.folder-list-unread {
	color: #fff;
	display: inline;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	height: 47px;
	line-height: 47px;
	border-width: 0 8px;
	-webkit-border-image: url(../images/email-badge-9tile.png) 0 8 0 8;
	padding: 1px 1px 2px;
	position: relative;
	top: 2px;
}


/**************************************************************************************************
 *
 * email favorite-folders-list
 *
 **************************************************************************************************/
/*title and subtitle - single line for allinboxes-type, otherwise two-line*/
.favorite-folders.allinboxes-type .title-and-subtitle-container {
	line-height:50px;
}
.email-folder-list .favorite-folders.allinboxes-type .title-and-subtitle-container .title {
	line-height: 50px;
}
.favorite-folders .title-and-subtitle-container {
	line-height:20px;
	min-height: 50px;
}
.favorite-folders .folder-list-unread-container {
	padding-right:15px;
}
.favorite-folders .folder-list-unread {
	vertical-align: middle;
	margin-left: 10px;
}
.email-folder-list .favorite-folders .title {
  	line-height: 29px;
	padding: 0px 0px 0px 5px;
}
.email-folder-list .favorite-folders .subtitle {
	font-size: 16px;              
	text-transform: uppercase;
	color: #5289b2;
	text-shadow: #ffffff 0px 1px 0px;
	font-weight: bold;     
	max-width: 260px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 5px;
	margin-top: -4px;
}
.email-folder-list .favorite-folders.allinboxes-type .subtitle {
	display:none;
}
.email-folder-list .favorite-folders.selected .subtitle {
	color: #e4e4e2;
}
.email-folder-list .favorite-folders .folder-list-unread-container.icon {
	height:40px;
}

/**************************************************************************************************
 *
 * email inbox-list specifics
 *
 **************************************************************************************************/

.email-entry {
	position: relative;
	height: 73px;
}
.list-sender,
.list-subject,
.list-preview,
.list-datestamp {
	position: absolute;
	overflow: hidden;   
	white-space: nowrap; 
	text-overflow: ellipsis;
}

.list-scene .filter-field-container-height {
  height: 96px;
}

.selected .list-sender,
.selected .list-subject,
.selected .list-preview,
.selected .list-datestamp {
	color: #fff !important;
}


.selected .list-sender,
.palm-delete-element  .list-sender,
.palm-reorder-element .list-sender,
.palm-swipe-delete .list-sender {
  /* negative margin is applied to negate the offset created by the
  -webkit-border-image used to style the row and its highlight */
  margin: -24px -20px;
}


.palm-drag-spacer .list-sender {
	margin: -24px -20px;
}

.unread .list-sender,
.unread .list-subject,
.unread .list-datestamp {
	font-weight: bold;
}	
.unread .list-datestamp {
	color: #202020;
}
.list-sender {
	top: 0px;
	left: 30px;
	width: 56%;
	color: #202020;
	padding: 0px;
	font-size: 20px;
	line-height: 36px;
}  
.list-subject {
	top: 0px;
	left: 30px;
	right: 12px; 	
	font-size: 17px;
	line-height: 78px;
	color: #2d6c94;
	padding-bottom: 1px;
}
.list-subject.high-priority {
	color: #c00000;
}
.list-subject.no-subject {
	font-style: italic;
}
.list-preview {
	top: 48px;
	left: 30px;
	right: 12px;	
	font-size: 14px;
}
.list-preview.no-preview {
	font-style: italic;
} 

.zoomed .list-preview {
	display: none;
}

.list-datestamp {   
	top: 0px;
	right: 14px;        
	text-align: right;     
	font-size: 15px;
	line-height: 40px;
	color: #777;
}  
.folder-detail-popup-text {
	margin-top: -2px;
	margin-bottom: -2px;
	font-size: 18px;
	color: #4F4F4F;
	white-space: normal;
}
.folder-detail-popup-text .error {
	color:red;
}
.selected .folder-detail-popup-text {
	color: #fff;
}

.folder-header-text {
	text-align:left;	
}

/*icons for folder-headers*/
.folder-header-icon {
	float:left;
	height: 50px;
	width: 30px;
	margin-left: -5px;
	margin-right: 5px;
}

.folder-header-icon.synthetic-folder {
	background: url(../images/folder-favorite-allinboxes.png) center center no-repeat;
}

/*inbox status icons*/
.folder-status-icon {
	display: inline-block;
	vertical-align: middle;
	height: 48px;
	width: 32px;
	background: url(../images/account-generic-small.png) center center no-repeat;
}

/* Header - Sync unread count */
.folder-header-unread {
	position: absolute;
	color: white;
	right: 0;
	width: 25px;
	height: 25px;
	line-height: 26px;
}
.sync-activity-animation.count2 > .folder-header-unread {
	width: 36px;
}
.sync-activity-animation.count3 > .folder-header-unread {
	width: 44px;
}
.sync-activity-animation.count4 > .folder-header-unread {
	width: 55px;
}
.folder-header-unread.inside-pill {
	color: #1F1F1F;
}
.folder-header-unread.error {
	color: red;
}

/*sync activity animations*/
.sync-activity-animation {
	position: absolute;
	right: -9px;
	top: 12px;
	width: 56px;
	height: 26px;
	background: url(../images/sync-activity-animation-1character.png) no-repeat;
}
.sync-activity-animation.count2 {
	background: url(../images/sync-activity-animation-2characters.png) no-repeat;
}
.sync-activity-animation.count3 {
	background: url(../images/sync-activity-animation-3characters.png) no-repeat;
}
.sync-activity-animation.count4 {
	background: url(../images/sync-activity-animation-4characters.png) no-repeat;
}
.sync-activity-animation.frame1 {background-position:0px -26px;}
.sync-activity-animation.frame2 {background-position:0px -52px;}
.sync-activity-animation.frame3 {background-position:0px -78px;}
.sync-activity-animation.frame4 {background-position:0px -104px;}
.sync-activity-animation.frame5 {background-position:0px -130px;}
.sync-activity-animation.frame6 {background-position:0px -156px;}
.sync-activity-animation.frame7 {background-position:0px -182px;}
.sync-activity-animation.frame8 {background-position:0px -208px;}
.sync-activity-animation.frame9 {background-position:0px -234px;}
.sync-activity-animation.frame10 {background-position:0px -260px;}
.sync-activity-animation.frame11 {background-position:0px -286px;}
.sync-activity-animation.frame12 {background-position:0px -312px;}
.sync-activity-animation.frame13 {background-position:0px -338px;}
.sync-activity-animation.frame14 {background-position:0px -364px;}
.sync-activity-animation.frame15 {background-position:0px -390px;}
.sync-activity-animation.frame16 {background-position:0px -416px;}
.sync-activity-animation.frame17 {background-position:0px -442px;}
.sync-activity-animation.frame18 {background-position:0px -468px;}
.sync-activity-animation.frame19 {background-position:0px -494px;}
.sync-activity-animation.frame20 {background-position:0px -520px;}
.sync-activity-animation.frame21 {background-position:0px -546px;}
.sync-activity-animation.frame22 {background-position:0px -572px;}
.sync-activity-animation.frame23 {background-position:0px -598px;}
.sync-activity-animation.frame24 {background-position:0px -624px;}

.header-warning-icon {
	width: 48px;
	height: 48px;
	float: right;
	background: url(../images/header-warning-icon.png) center center no-repeat;
	margin-right: -18px;
	margin-top: 2px;  
}

.empty-syncing-container .truncating-text {
	text-align: center;
	padding: 0px 20px;
	color: #5b5b5b;
	font-size: 16px;
}

/* sort menu icons */
.sort-menu-icon.ascending 			{ background-image: url(../images/icon-ascending.png); }
.sort-menu-icon.descending 			{ background-image: url(../images/icon-descending.png); }
                 
/* account iconography */
.palm-account-icon.left {
	float: left;
}
.palm-page-header .palm-account-icon {
	position: absolute;
	left: 0px;
	top: 0px;
	min-height: 52px;
	width: 56px;
}
.default-account-list.palm-account-icon {
	margin: 0px -5px 0px 10px;
}
.palm-account-icon {
    background: url(../images/account-generic-small.png) center center no-repeat;
}

/**************************************************************************************************
 *
 * email read-view (message) specifics
 *
 **************************************************************************************************/
.simulate-fixed-horiz-position {
	width: 100%;
	position:relative;
}
.email-readview-from {
	height: 50px;
	padding: 10px;
}
.email-readview-from .from-name	{
	font-size: 20px;    
	color: #000;
	margin: auto 0;
	margin-top: 3px;
	margin-left: 5px;
	white-space: nowrap;
}
.palm-page-header.landscape {
      -webkit-border-image: url(../images/header-background-square.png) 35 24 13 24 repeat stretch;
}

/* 'copy all' feature requires sender, recipients, sent date and summary be highlighted */
.copy-all-highlighted .email-from-name {
	background-color: #fdfd66
}
.copy-all-highlighted .from-date {
	background-color: #fdfd66
}
.copy-all-highlighted .email-recipient-name {
	background-color: #fdfd66
}
.copy-all-highlighted .email-recipient-name {
	background-color: #fdfd66
}
.copy-all-highlighted .email-readview-subject-body {
	background-color: #fdfd66
}
	
.email-readview-from .presence,
.email-recipient .presence {
	margin-left: -2px;
	margin-bottom: 0px;
	display: inline-block;
	width: 14px;
	height: 14px;
} 

.recip-summary {
	padding-top: 12px;
	padding-left: 14px;
	max-width: 290px;
}
.selected .recip-summary {
	color: #fff;
}

.email-recipient-summary .count {
	text-transform: uppercase;
	font-weight: bold;
	color: #888; 
	font-size: 15px;
	padding-left: 3px;
}

/*email recipients*/
.email-recipient .from-photo {
	position: absolute !important;
	right: 48px;
  	height: 50px;
}
.email-recipient .image-well {
	position: absolute;
	width: 34px;
	height: 50px;
	background: url(../images/contacts/contacts_icon_small_frame.png) center center no-repeat;
}
.email-recipient .from-photo img {
	position: absolute;
	right: -33px;
	margin-top: 9px;
 	width: 32px;
	height: 32px;
	-webkit-border-radius: 8px;
}
.email-recipient-name {
	display:inline-block;
	max-width:278px;
} 
.has-avatar-icon .email-recipient-name {
	max-width:235px;
} 
.email-from-name {
	display:inline-block;
	max-width:274px;
} 
.selected .email-from-name {
	color: #fff;
}
.selected .email-readview-from .from-date {
	color: #e2e2e4;
}
.has-avatar-icon .email-from-name {
	max-width:214px;
}
.recips-label {
	color: #1f75bf;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;  
}
.selected .recips-label {
	color: #FFF;
} 

/*list-section-label*/
.email-recipient.last .palm-row {
	background: none;
	margin-bottom: -6px;
}
.email-recipient .palm-divider.labeled {
	display: none;
	margin-bottom: -5px;
	height: auto;  
}
.email-recipient .palm-divider.labeled td {
	height: auto;
}
.email-recipient .palm-divider.labeled td.right {
	background: url(../images/gray-separator-right-side.png) left no-repeat;
	width: 448px;
}
.email-recipient .palm-divider.labeled td.left {
	background: url(../images/gray-separator-left-side.png) right no-repeat;
	width: 5px;
}
.email-recipient .palm-divider.labeled td.label {
	font-size: 16px;
	color: #868685;
	padding: 0 3px 0 3px;
	margin: 0;
	width: 20px;
	text-align: left;
}
.email-recipient .palm-divider.labeled.show {
	display: block;
}

/*from*/
.email-readview-from .from-date	 {
	font-size: 15px;
	color: #888; 
	margin: 0 0 10px 5px;
	width: 270px;
}
.email-readview-from .from-photo {
	float: right;
	height: 52px;
	width: 52px;
}
.email-readview-from img.photo-avatar {
  margin-left: 1px;
  -webkit-border-radius: 8px;
}
.email-readview-from img.photo-avatar-well {
  margin-top: -51px;
}

/*message*/
.email-no-body-text {
	text-align: center;
}
#email_no_body_spinner {
	display: block;
	margin: auto;
}
.email-readview-content {
	background: #fff;
	font-size: 18px;
	margin: 0;      
	outline: none;
	border-width: 10px 0;
	text-align: left;
	display: inline-block;
	width: 100%;
	-webkit-border-image: url(../images/email-readview-content.png) 10 0 10 0 repeat repeat;
}                                                                                          
.email-readview-wrapper {
	margin: -10px 0;       
	padding: 5px 0;
	background:#ffffff;
}
.email-readview-subject {         
	margin-top: -2px;       
	min-height: 50px;                                        
	border-width: 17px;
	-webkit-border-image: url(../images/email-readview-subject.png) 17 17 17 17;
	-webkit-box-sizing: border-box;  
}
.email-readview-subject.high-priority {
	-webkit-border-image: url(../images/email-readview-subject-high.png) 17 17 17 17;
}
.email-readview-subject-wrapper {
	min-height: 50px;
	margin: -17px;               
	text-align: center;
}                           
.email-readview-subject-text {  
	display: inline-block;      
	vertical-align: middle;
	width: 78%; /*was 250px, changed to percentage for landscape*/       
	padding: 8px 0;  
	margin-left: -80px;  
	margin-right: -80px; 
	font-weight: bold;
	color: white;         
	font-size: 18px;                
	text-align: left;
	text-shadow: #0f6480 0 1px 1px;
	word-wrap: break-word;
	position:relative;
	top:-1px;
	-webkit-palm-mouse-target: ignore;
}
.email-readview-subject-text a {
	color: #fff;
}
.landscape .email-readview-subject-text {  
/*	width: 410px;      */
}                  
.email-readview-subject-text.starred {
	background: url(../images/flag-on-white.png) right center no-repeat;
}

.email-readview-subject-text.starred .email-readview-subject-body {
	padding-right: 24px;
	-webkit-box-sizing: border-box;
}
.email-readview-navigation {          
	display: inline-block;
	vertical-align: middle;
	width: 180px;
	height: 50px;       
}
.next-email {    
	margin-left: -70px;             
	background: url(../images/goto-next-message.png) right top no-repeat;
}                                                                                 
.next-email.selected {                    
	background: url(../images/goto-next-message.png) right center no-repeat;
}                        
.next-email.disabled {                    
	background: url(../images/goto-next-message.png) right bottom no-repeat;
}
.previous-email {     
	margin-left: -70px;                                                   
	background: url(../images/goto-prev-message.png) center top no-repeat;
}            
.previous-email.selected {                                               
	background: url(../images/goto-prev-message.png) center center no-repeat;
}    
.previous-email.disabled {                                               
	background: url(../images/goto-prev-message.png) center bottom no-repeat;
}                                           
.high-priority .next-email {                             
	background-image: url(../images/goto-next-message-high.png);
}
.high-priority .previous-email {                                                        
	background-image: url(../images/goto-prev-message-high.png);
}

.failed-download-image {
	width: 36px;
	float: left;
	text-align: center;
	margin-top: 3px;  
	padding-left: 3px;  
}            
.failed-download-text {
	overflow: hidden;
	height: 36px;
	color: #000000;  
	vertical-align: middle;
	margin-top: 14px;    
}

/*attachments*/
.email-readview-attachments {
	font-size: 16px;
	padding: 0px;
	min-height: 40px;
	line-height: 40px;   
	border-bottom: #666;
}
.email-readview-attachments .attachment-info .title {
	float: left;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 170px;
	padding: 1px 0;
}
.selected .email-readview-attachments {
	color: #fff;
}
.email-readview-attachments .attachment-info .title.fullwidth {
	max-width: 225px;
}
.email-readview-attachments .attachment-info.compressed .title {
	max-width: 255px;
}

.attachment-info .dashboard-newitem {
	position: absolute;
	left: 27px;
}

.grayed-out {
	color: #777;
	display: inline;
}

.selected .grayed-out {
	color: #fff;
}

.email-readview-attachments .file-size {
	float: right;
	margin-right: 8px;
}
.readview-image-thumbnail {
	margin:5px;
}
.readview-icon,
.download-icon {
	height: 41px;
	width: 41px;
	float: left;
	margin: 0px 7px 0px 1px;
	background: url(../images/icon_unknown.png) center center no-repeat;
} 
.readview-icon.type-generic 	{ background: url(../images/icon_generic_attch.png) center center no-repeat; }
.readview-icon.type-image		{ background: url(../images/icon_image.png) center center no-repeat; }
.readview-icon.type-music 		{ background: url(../images/icon_music.png) center center no-repeat; }
.readview-icon.pdf 				{ background: url(../images/icon_pdf.png) center center no-repeat; }
.readview-icon.ppt 				{ background: url(../images/icon_ppt.png) center center no-repeat; }
.readview-icon.txt 				{ background: url(../images/icon_txt.png) center center no-repeat; }
.readview-icon.type-video 		{ background: url(../images/icon_video.png) center center no-repeat; }
.readview-icon.type-word 		{ background: url(../images/icon_word.png) center center no-repeat; }
.readview-icon.vcard 			{ background: url(../images/icon_vcard.png) center center no-repeat; }
.readview-icon.xls 				{ background: url(../images/icon_xls.png) center center no-repeat; }

.download-icon {
	display: none;
}
.audio-tag-icon {
	position: absolute; 
	top: 3px; 
	left: 3px; 
	z-index: -2; 
}
.download-icon.show-download-icon {
  	display: inline;
	margin-left: -48px;
	background: url(../images/icon_download.png) center center no-repeat;
}
.attachment-info {
  margin-left: 0px;
  margin-right: 0px;
  padding: 4px;
}
.inline-progress-bar-container {
	margin-bottom: 3px;
}
.download-wrapper {
	position: relative;
	float: left;
	width: 100%;
}
.file-wrapper {
	clear:both;
}
.attachment-info .inline-progress-bar-container {
	width:100%;
}

#email-readview-attachments-list .attachment-info,
#email-readview-attachments-block {
	border-bottom: 1px #ccc solid;
}

#email-readview-attachments-list .attachment-info:last-child {
	border-bottom: none;
}

#email-readview-attachments-block.selected,
.attachment-info.selected {
	color: #fff !important;
	background: url(../images/selection-gradient-default.png) repeat-x;
}
.download-background {
	z-index: -1;
	position: absolute;
	height: 14px;
	width: 252px;
	right: 0px;
	background-color: #dedede;
	border-width: 15px;
	-webkit-border-image: url(../images/download-background.png) 15 15 15 15 stretch stretch;
}
.download-progress {
	z-index: -1;
	position: absolute;
	height: 14px;
	width: 10px;
	left: 0px;
	background-color: #ececec;
	border-width: 15px;
	-webkit-border-image: url(../images/download-progress.png) 15 15 15 15 stretch stretch;
}
.download-cancel {
	position: absolute;
	right:0;
	width:36px;
	height:48px;
	background: url(../images/download-cancel.png) left center no-repeat;
}

/*end attachment*/

.email-readview-content p {
	padding: 0px;
}
.email-readview-from-details .email-recipients {
	width: 52px;
	height: 52px;
	float: right;
	margin: -5px 0px 0px 0px;
}
.email-readview-from-details .email-recipients.open {
	background: url(../images/details-open-arrow.png) center center no-repeat;
}
.email-readview-from-details .email-recipients.open:active {
	background: url(../images/details-open-arrow-downstate.png) center center no-repeat;
}
.email-readview-from-details .email-recipients.closed {
	background: url(../images/details-closed-arrow.png) center center no-repeat;
}
.email-readview-from-details .email-recipients.closed:active {
	background: url(../images/details-closed-arrow-downstate.png) center center no-repeat;
}

/*invites*/
.invite-info {
	font-size: 16px;
	min-height: 64px;
}
.email-invite-icon {
	height: 64px;
	width: 64px;
	background: url(../images/email-invite-event.png) center center no-repeat;
	float: right;
}
.when-info { font-weight: bold; padding: 12px 0px 0px 13px;} 							
.where-info { font-style: oblique; padding-left: 13px;}
.conflict-info { padding-left: 13px; color:red; }

.invite-buttons {
	height: 62px;
	width: 100%;
	margin-left: 1%;
}

.invite-buttons .palm-button {
	display: inline-block;
	height: 52px;
	line-height: 52px;
	width: 32%;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

.invite-icon-container {
	height: 52px;
}

.invite-icon {
	width: 32px;
	height: 32px;
	margin: 10px auto 0 auto;
}

.invite-icon.accept { background: url(../images/invite-icon-accept.png) top left no-repeat;}
.palm-button.selected .invite-icon.accept { background: url(../images/invite-icon-accept.png) bottom left no-repeat;}

.invite-icon.maybe { background: url(../images/invite-icon-maybe.png) top left no-repeat;}
.palm-button.selected .invite-icon.maybe { background: url(../images/invite-icon-maybe.png) bottom left no-repeat;}

.invite-icon.decline { background: url(../images/invite-icon-decline.png) top left no-repeat;}
.palm-button.selected .invite-icon.decline { background: url(../images/invite-icon-decline.png) bottom left no-repeat;}

.email-readview-invitations .palm-button.remove {
	width: 98%;
	margin: 5px 0px 0px 0px;
}
.readview-header-background {
	border-width: 42px 32px 7px 32px;
	-webkit-border-image: url(../images/contacts-header-background-9tile.png) 42 32 7 32 stretch stretch;
	-webkit-box-sizing: border-box;
}



/**************************************************************************************************
 *
 * email account manager and preferences
 *
 **************************************************************************************************/

.app.icon {
  background-image: url(../images/app-icon-32x32.png) !important;
}

.explanation-text {
	margin-top: 3px;
	margin-left: 28px;
	margin-right: 28px;
	font-size: medium;
	color: gray;
}
.two-line {
	padding:5px 0px 0px 9px;	
	color: black;
}
.two-line .account-icon{
	margin-top: 4px;
}
.palm-row .domain-text {
	font-size: 18px;
	margin-left: 38px;
}
.palm-row .login-text {
  	font-size: 14px;
	color: #999;
	margin-left: 38px;
	display: block;
}
.selected .domain-text,
.selected .login-text {
	color: #fff;
}

.email-message-signature {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #999999;
	min-height: 45px;
}
.warning-icon.left {
	width: 48px;
	height: 36px;
	float: left;
	margin-left:5px;
	background: url(../images/header-warning-icon.png) center center no-repeat;
}

#sound-selector-row.palm-row { /* a list row within a drawer somehow shifts the row 1px up, which results the separater top-half invisible */
	background-position: 1px left;
}

/**************************************************************************************************
 *
 * move to folder view specifics
 *
 **************************************************************************************************/

.palm-page-header .icon.select-folder.sent { background-image: url(../images/header-icon-sent.png); }
.palm-page-header .icon.select-folder.drafts { background-image: url(../images/header-icon-drafts.png); }
.palm-page-header .icon.select-folder.trash { background-image: url(../images/header-icon-trash.png); }
.palm-page-header .icon.select-folder.junk { background-image: url(../images/header-icon-junk.png); }

.palm-page-header .icon.move-to {
	background: url(../images/header-icon-move-to.png) center center no-repeat;
}

.moveto-list .folder-icon {
	margin-top: 1px;
	background: url(../images/folder-single-closed.png) center center no-repeat;  
}
.moveto-list .source-folder .folder-icon {
	background: url(../images/folder-single-open.png) center center no-repeat;  
}
.moveto-list .source-folder .move-to-folder-checkmark {
	display: inline;
	position: absolute; 
	right: 12px;
	margin-top: -37px;  /* investigate */
	width: 31px;
	height: 23px;
	background: url(../images/move-to-checkmark.png) center center no-repeat;  
}


/*this applies to attached images, not inline images*/
.email-readview-pictures img {
	max-width:320px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
                                                                          
/**************************************************************************************************
 *
 * email prefs
 *
 **************************************************************************************************/


/**************************************************************************************************
 *
 * email first launch
 *
 **************************************************************************************************/
.sign-in-animation {
	float: right;
}

.first-launch-icon.email {  
	background: url(../images/first-launch-email.png) center center no-repeat;
}

.first-launch-title {
	color: #444;
	font-size: 16px;
	text-align: center;
	text-transform: capitalize;
	margin: 7px 0px 13px 0px;
}

.first-launch-info {        
	font-size: 20px;
	line-height: 34px;   
	color: #666;
	padding-left: 5px;
}

.palm-row .palm-row-wrapper .account-wrapper{
	padding: 0px 15px -15px 15px;
}
.first-launch-button-wrapper{
	margin-top: -13px;
}

.server-message {
	color: #666;
	font-family: 'Prelude-MediumOblique';
}

/**************************************************************************************************
 *
 * imageview specifics
 *
 **************************************************************************************************/
#imageViewSave {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}

/*
 * Spinner Class for Default Account Spinner. 
 */
.default-account-spinner{
	float:right; 
	margin-top:10px;
	margin-right:5px;
}
                           
.palm-dashboard-icon.personal-reminder {
	background:url(../images/personal-reminder-notification.png) center center no-repeat;
}

.palm-dashboard-text-container {
	font-size: 16px;
}




/**************************************************************************************************
 *
 * Email keypad styling below 
 *
 **************************************************************************************************/

.pin-background {
	background: url(/usr/palm/applications/com.palm.app.firstuse/images/background.png);
	width: 320px;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	z-index: -1;
}

.info {
	text-align: center;
	width: 320px;
	color: #FFFFFF;
}

.info .big {
	font-size: 24px;
	font-weight: bold;
}

.info .small {
	font-size: 14px;
	padding: 0px 5px;
	font-weight: normal;
}

.keypad {
	text-align: center;
	padding: 0;
	width: 320px;
	margin: 10px 0 0 0;
}

div.keypad-row {
	width: 320px;
	clear: both;
	margin: 0;
	padding: 0;
}

.keypad-row .key {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

div.key.glassbutton {
	background: transparent;
	margin: 0;
	padding: 0;
}

.glassbutton {
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
}


/* key pad sizing */
.scene-wrapper {
	width: 320px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
}

.keypad-flex {
	width: 320px;
	position: absolute;
	top: 90px;
	z-index: 5;
}

#keypad_buttons {
	height: 100%;
}

.keypad-flex .keypad-row {
	width: 100%;
	height: 25%;
}

.keypad-flex .keypad-row > div {
	position: relative;
	text-align: center;
	color: #FFF;
	-webkit-box-sizing: border-box;
	font-size: 30px;
	width: 33.34%;
	height: 100%;
	float: left;
	display: block;
}

/* keypad buttons */

.keypad-flex .keypad-row .one {
	-webkit-border-image: url(../images/one-down.png) 26 0 2 0;
	-webkit-border-image: url(../images/one.png) 26 0 2 0;
	border-width: 26px 0px 2px 0px;
	width: 106px;
}

.keypad-flex .keypad-row .one.selected {
    -webkit-border-image: url(../images/one-down.png) 26 0 2 0;
}

.keypad-flex .keypad-row .two {
	-webkit-border-image: url(../images/two-down.png) 26 0 2 0;
	-webkit-border-image: url(../images/two.png) 26 0 2 0;
	border-width: 26px 0px 2px 0px;
	width: 108px;
}

.keypad-flex .keypad-row .two.selected {
	-webkit-border-image: url(../images/two-down.png) 26 0 2 0;
}

.keypad-flex .keypad-row .three {
	-webkit-border-image: url(../images/three-down.png) 26 0 2 0;
	-webkit-border-image: url(../images/three.png) 26 0 2 0;
	border-width: 26px 0px 2px 0px;
	width: 106px;
}

.keypad-flex .keypad-row .three.selected {
	-webkit-border-image: url(../images/three-down.png) 26 0 2 0;
}

.keypad-flex .keypad-row .four,
.keypad-flex .keypad-row .seven,
.keypad-flex .keypad-row .empty {
	-webkit-border-image: url(../images/four-down.png) 2 0 2 0;
	-webkit-border-image: url(../images/four.png) 2 0 2 0;
	border-width: 2px 0px 2px 0px;
	width: 106px;
}

.keypad-flex .keypad-row .four.selected,
.keypad-flex .keypad-row .seven.selected,
.keypad-flex .keypad-row .empty.selected {
	-webkit-border-image: url(../images/four-down.png) 2 0 2 0;
}

.keypad-flex .keypad-row .five,
.keypad-flex .keypad-row .eight,
.keypad-flex .keypad-row .zero {
	-webkit-border-image: url(../images/five-down.png) 2 0 2 0;
	-webkit-border-image: url(../images/five.png) 2 0 2 0;
	border-width: 2px 0px 2px 0px;
	width: 108px;
}

.keypad-flex .keypad-row .five.selected,
.keypad-flex .keypad-row .eight.selected,
.keypad-flex .keypad-row .zero.selected {
	-webkit-border-image: url(../images/five-down.png) 2 0 2 0;
}

.keypad-flex .keypad-row .six,
.keypad-flex .keypad-row .nine,
.keypad-flex .keypad-row .backspace {
	-webkit-border-image: url(../images/six-down.png) 2 0 2 0;
	-webkit-border-image: url(../images/six.png) 2 0 2 0;
	border-width: 2px 0px 2px 0px;
	width: 106px;
}

.keypad-flex .keypad-row .six.selected,
.keypad-flex .keypad-row .nine.selected,
.keypad-flex .keypad-row .backspace.selected {
	-webkit-border-image: url(../images/six-down.png) 2 0 2 0;
}

.keypad-flex .keypad-row .empty {
	-webkit-border-image: url(../images/empty-down.png) 2 0 6 0;
	-webkit-border-image: url(../images/empty.png) 2 0 6 0;
	border-width: 2px 0px 6px 0px;
	width: 106px;
}

.keypad-flex .keypad-row .empty.selected {
    -webkit-border-image: url(../images/empty-down.png) 2 0 6 0;
}

.keypad-flex .keypad-row .zero {
	-webkit-border-image: url(../images/zero-down.png) 2 0 6 0;
	-webkit-border-image: url(../images/zero.png) 2 0 6 0;
	border-width: 2px 0px 6px 0px;
	width: 108px;
}

.keypad-flex .keypad-row .zero.selected {
	-webkit-border-image: url(../images/zero-down.png) 2 0 6 0;
}

.keypad-flex .keypad-row .backspace {
	-webkit-border-image: url(../images/backspace-down.png) 2 0 6 0;
	-webkit-border-image: url(../images/backspace.png) 2 0 6 0;
	border-width: 2px 0px 6px 0px;
	width: 106px;
}

.keypad-flex .keypad-row .backspace.selected {
	-webkit-border-image: url(../images/backspace-down.png) 2 0 6 0;
}

.pin-menu-short {
	position: relative;
	margin: 5px 0 0 0;
	padding: 0;
	width: 320px;
}

.pin-menu-button {
	height: 70px;
	background: transparent;
	-webkit-border-image: url(../images/pin-menu-button-tall.png) 0 25 70 25 repeat repeat;
	-webkit-user-select: none;
	border-width: 0 25px 0 25px;
	font-size: 14px;
	font-weight: bold;
	line-height: 72px;
	color: white;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pin-menu-button:active {
	-webkit-border-image: url(../images/pin-menu-button-tall.png) 70 25 0 25 repeat repeat;
}

.pin-menu-button.halfleft {
	width: 160px;
	position: absolute;
	top: 0;
	left: 0;
}

.pin-menu-button.halfright {
	width: 160px;
	position: absolute;
	top: 0;
	left: 160px;
}

.pin-form {
	margin: 5px 0 0 0;
}

input[type=text].floating,
input[type=password].floating {
	background: none;
	width: 282px;
	outline: none;
	border: none;
	height: 45px;
	border-width: 10px 8px 7px 8px;
	-webkit-border-image: url(../images/textfield-9tile.png) 10 8 7 8 stretch stretch;
	-webkit-box-sizing: border-box;
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 7px 0;
}

input.floating.single-digit {
	width: 50px;
	height: 35px;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	margin: 0 5px;
}

.error-container {
	color: #333;
	font-size: 14px;
	margin: 5px 0px;
}

.error-container .error-icon {
	width: 26px;
	height: 25px;
	background: url(../images/small-error-icon.png) center center no-repeat;
	float: left;
	margin: -5px 5px 0px 0px;
}

.spinner {
	float: right;
	margin-right: 10px
}

.palm-row-wrapper > .palm-slider {
	padding-top: 20px;
	height: 36px;
}
.palm-row-wrapper > .title + .slider,
.palm-row-wrapper > .title + .palm-slider {
	padding-top: 0px;
	height: 30px;
}
.palm-row-wrapper > .slider > .sliderBackground,
.palm-row-wrapper > .palm-slider > .palm-slider-background {
	margin-left: 16px;
	width: 262px;
}

.explanation-text {
	margin-top: 3px;
	margin-left: 28px;
	margin-right: 28px;
	font-size: medium;
	color: gray;
}
.swap-text .title {
	text-align: right;
}
.swap-text .label {
	float: left;
	color: #000;
	text-transform: none;
	line-height: 24px;
	margin: 0 !important;
	max-width: 300px !important;
}
.keypad-flex .keypad-row div div {
	width: 100%;
	position: absolute;
	top: 50%;
	height: 46px;
	margin-top: -23px;
	vertical-align: middle;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
}

/* keypad icons */
.keypad-flex .keypad-row .one div {	background-image: url(../images/keypad-icon-one.png); }
.keypad-flex .keypad-row .two div {	background-image: url(../images/keypad-icon-two.png); }
.keypad-flex .keypad-row .three div { background-image: url(../images/keypad-icon-three.png); }
.keypad-flex .keypad-row .four div { background-image: url(../images/keypad-icon-four.png); }
.keypad-flex .keypad-row .five div { background-image: url(../images/keypad-icon-five.png); }
.keypad-flex .keypad-row .six div {	background-image: url(../images/keypad-icon-six.png); }
.keypad-flex .keypad-row .seven div { background-image: url(../images/keypad-icon-seven.png); }
.keypad-flex .keypad-row .eight div { background-image: url(../images/keypad-icon-eight.png); }
.keypad-flex .keypad-row .nine div { background-image: url(../images/keypad-icon-nine.png); }
.keypad-flex .keypad-row .empty div { background-image: url(../images/keypad-icon-empty.png); }
.keypad-flex .keypad-row .zero div { background-image: url(../images/keypad-icon-zero.png); }
.keypad-flex .keypad-row .backspace div { background-image: url(../images/keypad-icon-backspace.png); }

/*Fixed bottom cancel button*/
.phone-menu-short {
	position: absolute;
	bottom: 0px;
	width: 320px;
}
.phone-menu-button {
	height: 50px;
	background: none;
	-webkit-border-image: url(../images/phone-menu-button.png) 0 25 150 25 repeat repeat;
	-webkit-user-select: none;
	border-width: 0 25px 0 25px;
	font-size: 15px;
	font-weight: bold;
	line-height: 50px;
	color: white;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:table-cell;
}

.phone-menu-button.selected {
	-webkit-border-image: url(../images/phone-menu-button.png) 50 25 100 25 repeat repeat;
}

.phone-menu-button.fullwidth {
	width: 320px;
	position: absolute;
	top: 0;
	left: 0px;
}

.phone-menu-button.half {
	width: 160px; /* display: table-cell; collapses container, needs explicit width (not "50%"!) */
}

.pincode-floating {   
	width: 100%;
	font-size: 26px;
	line-height: 28px; 
	text-align: center;
	position: absolute; 
}
.pincode-floating .palm-textfield-disabled {
	color:white;
}

/* Icon for use on EAS Set Password scene */
.palm-page-header .icon.eas.security { background-image: url(../images/icon_outlook.png); }