/*
 * 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 list-section labels */
.account-section .icon {
	height:32px;
	width:32px;
}
.account-section .icon.noDomain,
.account-section .icon.msn,
.account-section .icon.default,
.account-section .icon.generic	{
  background: url(../images/account-generic-small.png) center center no-repeat;
}
.account-section.icon.yahoo {
  background: url(../images/account-yahoo-small.png) center center no-repeat;
}
.account-section.icon.gmail {
  background: url(../images/account-gmail-small.png) center center no-repeat;
}
.account-section.icon.eas {
  background: url(../images/icon_outlook.png) center center no-repeat;
}
.account-section.icon.aol {
  background: url(../images/account-aol-small.png) center center no-repeat;
}

/* 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: white;
  display: inline;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  height:47px;
  line-height:47px;
  border-width: 0px 11px 0px 11px;
  -webkit-border-image: url(../images/email-badge-9tile.png) 0 11 0 11;
  padding: 3px 0px 3px 0px;
  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 .palm-row-wrapper {
	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;
}

.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;
} 
.list-extended-preview {
	position: absolute;
	display: none;
}
.zoomed .list-preview {
	display: none;
}
.zoomed .list-extended-preview {
	display:block;
	overflow: hidden;   
	top: 48px;
	left: 30px;
	right: 12px;	
	font-size: 16px;
	white-space: normal; 
	line-height: normal;
}
/* Override the 'p' selector in global-base.css */
.list-extended-preview p {
  margin:0;   
  padding:0;   
}

.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-unread {
  color: white;
  float: right;
  font-size: 16px;
  font-weight: bold;
  height: 25px;
  line-height: 26px;
  margin-right: -3px;
  vertical-align: baseline;
  -webkit-border-image: url(../images/email_badge_white2.png) 0 12 0 12;
  -webkit-box-sizing: border-box;
  border-width: 0px 12px 0px 12px;
}
.folder-header-unread.inside-pill {
  color: #1F1F1F;
}
.folder-header-unread.error {
  color: red;
}
.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.noDomain,
.folder-header-icon.msn,
.folder-header-icon.default,
.folder-header-icon.generic	{
  background: url(../images/account-generic-small.png) center center no-repeat;
}

.folder-header-icon.synthetic-folder {
  background: url(../images/folder-favorite-allinboxes.png) center center no-repeat;
}
.folder-header-icon.yahoo {
  background: url(../images/account-yahoo-small.png) center center no-repeat;
}
.folder-header-icon.gmail {
  background: url(../images/account-gmail-small.png) center center no-repeat;
}
.folder-header-icon.eas {
  background: url(../images/icon_outlook.png) center center no-repeat;
}
.folder-header-icon.aol {
  background: url(../images/account-aol-small.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;
}

.folder-status-icon.yahoo {
  background: url(../images/account-yahoo-small.png) center center no-repeat;
}
.folder-status-icon.gmail {
  background: url(../images/account-gmail-small.png) center center no-repeat;
}
.folder-status-icon.eas {
  background: url(../images/icon_outlook.png) center center no-repeat;
}
.folder-status-icon.aol {
  background: url(../images/account-aol-small.png) center center no-repeat;
}

/*sync activity animations*/
.sync-activity-animation {
  float: right;
  margin: 12px -9px 0 0;
  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 {
	width: 32px;
	height: 32px;      
    background: url(../images/account-generic-small.png) center center no-repeat !important;
}
.palm-account-icon.medium {
	width: 48px;
	height: 48px;
}
.palm-account-icon.aim {       
  background-image: url(../images/account-aol-small.png) !important;
}
.palm-account-icon.aol {       
  background-image: url(../images/account-aol-small.png) !important;
}
.palm-account-icon.eas {     
  background-image: url(../images/icon_outlook.png) !important;
}
.palm-account-icon.favorites {     
  background-image: url(../images/accounts-icon-favorite.png) !important;
}
.palm-account-icon.generic {     
  background-image: url(../images/account-generic-small.png) !important;
}
.palm-account-icon.google {     
  background-image: url(../images/account-gmail-small.png) !important;
}
.palm-account-icon.gmail {
  background-image: url(../images/account-gmail-small.png) !important;
}
.palm-account-icon.inboxes {
  background-image: url(../images/folder-favorite-allinboxes.png) !important;
}
.palm-account-icon.local {
  background-image: url(../images/account-generic-small.png) !important;	
}
.palm-account-icon.yahoo {      
  background-image: url(../images/account-icon-yahoo.png) !important;
}

/**************************************************************************************************
 *
 * 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;
}

/* '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;
  font-size: 20px;
}
.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: 40px;
	height: 50px;
	background: url(../images/contacts/contacts_icon_small_frame.png) center center no-repeat;
}
.email-recipient .from-photo img {
	position: absolute;
	margin: 7px 0 0 3px;
 	width:34px;
	height:34px;
}
.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 .palm-divider.labeled {
  display: none;
  margin-bottom: -12px;
  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) right no-repeat;
	width: 448px;
}
.email-recipient .palm-divider.labeled td.left {
	background: url(../images/gray-separator-left-side.png) left no-repeat;
	width: 5px;
}
.email-recipient .palm-divider.labeled td.label {
  font-size: 16px;
  color: #868685;
  padding: 0 2px 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: 50px;
  width: 51px;
  margin-right: 5px;
}

/*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-webview {
}
.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;
}
.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;   
}
.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;
}

.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-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;
}

.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;
}

.account-icon {
  width: 32px;
  height: 32px;
  float: left;
  background-image: url(../images/account-icon-generic.png) !important;
}
/*
.account-icon:not(.eas.yahoo.gmail.aol) {
  background-image: url(../images/account-icon-generic.png) !important;
}*/
.account-icon.eas {
  background-image: url(../images/icon_outlook.png) !important;
}
.account-icon.yahoo {
  background-image: url(../images/account-icon-yahoo.png) !important;
}
.account-icon.gmail {
  background-image: url(../images/account-icon-gmail.png) !important;
}
.account-icon.aol {
  background-image: url(../images/account-icon-aol.png) !important;
}
.default-account-list.account-icon {
  margin: 8px 0px 0px 10px;
} 

.explanation-text {
	margin-top: 3px;
	margin-left: 28px;
	margin-right: 28px;
	font-size: medium;
	color: gray;
}

.two-line {
	padding:5px 0px 0px 9px;	
/*	margin-left: 5px;*/
	color: black;
}
.two-line .account-icon{
	margin-top: 4px;
}
.palm-row .domain-text {
	font-size: 18px;
	margin-left: 38px;
/*	display: inline; */
}

.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;
}


/**************************************************************************************************
 *
 * 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(../images/backdrop-firstuse.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); }
                           