/*
 * Messaging
 * Copyright 2010 Palm Inc.
 */

/* First Launch */

.palm-button.accountType {
		text-align: left;
}

.first-launch-account-list .palm-divider.labeled {
		margin-bottom: -5px;
}

.first-launch-account-list .palm-divider.labeled td.right {
		background: url(../images/gray-separator-right-side.png) left no-repeat;
		width: 448px;
}

.first-launch-account-list .palm-divider.labeled td.left {
		background: url(../images/gray-separator-left-side.png) right no-repeat;
		width: 5px;
}

.first-launch-account-list .palm-divider.labeled td.label {
		font-size: 14px;
		color: #828282;
}

.first-launch-account-list .palm-divider.labeled.show {
		display: block;
}

#listviewList {
	z-index: 1;
}

/* Empty conversation list */
#historyNoConversations {
	margin: 0;
	padding:0;
	position: fixed;
	height: 100%;
	width: 100%;
}

#historyNoConversations .first-launch-icon {
	margin: -20px auto 0 auto;
}

/* Add an account */

#preferencesHeader {
		padding-bottom: 0px;
}

.button-icon {
		height: 40px;
		margin: 6px 8px 0px 0px;
		float: left;
}

/* Avatar style */

.avatar-set {
	float: right;
	margin: 6px 10px 0 10px;
    -webkit-border-radius: 9px;
	width: 52px;
	height: 52px;
	-webkit-background-size: 50px;
	background-repeat: no-repeat;
	background-position: center center; 
}

.avatar-frame {
	background: url(../images/list-view-avatar-frame.png) no-repeat center center;
	width: 100%;
	height: 100%;
}

/* adjustment for chatList - vertically center aligned */
.chatRow .avatar-wrapper {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -30px;
}

.login-animation-available,
.login-animation-busy {
		width: 26px;
		height: 26px;
		background: url(../images/login-animation-available.png) no-repeat;
		position: absolute;
		left: 0px;
		margin: -39px 0px 0px 17px;
}

.login-animation-busy {
		background: url(../images/login-animation-busy.png) no-repeat;
}

.buddy-list .title {
		padding-top: 4px !important;
		padding-right: 70px !important;
}

.history-list .title {
		padding-top: 7px !important;
}

.buddy-list .title.hide-custom-message {
		padding-top: 14px !important;
}

/* TODO: needs to be reimplemented so as to not use a max-width */

.buddy-list .title:not(.hide-unread-count) .im-name-info {
		max-width: 160px;
		display: inline-block;
		font-weight: bold;
}

.buddy-list .custom-message {
		font-size: 16px;
		padding-bottom: 2px;
}

.buddy-list .status-icon {
		height: 59px;
}

.buddy-list .hide-unread-count .unread-count-container {
		display: none;
}

.buddy-list .unread-count-container {
		height: 23px;
		border-width: 0px 11px;
		-webkit-border-image: url(../images/unread-count-3tile.png) 0 11 0 11 repeat repeat;
		-webkit-box-sizing: border-box;
		display: inline-block;
		color: #FFF;
		font-size: 16px;
}

.buddy-list .unread-count-wrapper {
		margin: 1px -4px 0px -4px;
}

/* background: url(../images/simple-splitter.png) bottom left repeat-x;*/

#groups-list .showGroup {
		display: block;
}

#groups-list .hideGroup {
		display: none;
}

/* Used in the chat history list */

.first-launch-icon {
		margin: 10px auto 15px auto;
		width: 120px;
		height: 120px;
		background: url(../images/first-launch-messaging.png) center center no-repeat;
}

/* Availability Icons */

#palm-popup-container .palm-list {
		-webkit-border-radius: 20px;
		min-width: 260px;
		/* DS: for auto, must rework support for 3 images*/
}

.status-nopresence {
		display: block;
		width: 32px;
		height: 32px;
}

/* Transport picker no-status */

.palm-popup-icon.status-nopresence {
	width: 0;
	height: 48px;
}

.palm-popup-icon.status-mobile {

}

.status-deleted-account {
	width: 32px;
	height: 32px;
	background: url(../images/status-invisible.png) center center no-repeat;	
}

.status-invisible {
	width: 32px;
	height: 32px;
	background: url(../images/status-invisible.png) center center no-repeat;
}

.palm-popup-icon.status-invisible {
	width: 12px;
	height: 48px;
	background-image: url(../images/status-invisible.png);
}

/* Status-picker icons */

.groupchat-popup.palm-row {
	width: 300px;
}

.popup-transport .palm-row-wrapper {

}

.groupchat-popup .palm-row-wrapper {
	min-height: 60px; 
	vertical-align: middle;
}

.palm-popup-icon.status-none {
	margin-top: -8px;
}

.palm-popup-icon.status-nopresence {
	display: none;
}

.transport-picker-dial-icon {
	display: none;
	float: left;
	width: 60px;
	height: 60px;
	background: url(../images/dial-icon.png) top center no-repeat;
	margin-right: -10px;
}

.transport-picker-dial-icon.show-icon {
	display: block;
}


.transport-picker-dial-icon.selected {
	background-position: center bottom;
}

.popup-transport .popup-label-wrapper,
.groupchat-popup .popup-label-wrapper {
	float: left; 
	max-width: 195px;
}

.groupchat-popup .avatar-container {
	float: right;
}

.popup-transport .title.primary-label,
.groupchat-popup .title.primary-label {
	padding: 7px 14px 1px;
	margin-top: 0;
}

.popup-transport .secondary-label,
.groupchat-popup .secondary-label {
	padding-left: 14px;
	color: #777;
	font-size: 14px;
}

.popup-transport .secondary-label {
	text-transform: uppercase;
}

.palm-row.selected .secondary-label {
	color: #fff;
}

/* Transport Picker icons */

.palm-popup-icon.gmail {
		width: 40px;
		height: 40px;
		background: url(../images/transports/gtalk-logo.png) center center no-repeat;
}

.palm-popup-icon.yahoo {
		width: 40px;
		height: 40px;
		background: url(../images/transports/yahoo-logo.png) center center no-repeat;
}

.palm-popup-icon.aol {
		width: 40px;
		height: 40px;
		background: url(../images/transports/aim-logo.png) center center no-repeat;
}

.palm-popup-icon.icq {
		width: 40px;
		height: 40px;
		background: url(../images/transports/icq-logo.png) center center no-repeat;
}

.palm-popup-icon.sms {
		width: 40px;
		height: 40px;
		background: url(../images/transports/sms-logo.png) center center no-repeat;
}

.icon.presence-icon-button {
		background: url(../images/status-button-up.png) center center no-repeat;
}

.icon.presence-icon-button.selected {
		background: url(../images/status-button-down.png) center center no-repeat;
}

.presence-spinner {
		margin: 10px 0px 0px 3px;
}

.presence-spinner-animation {
		width: 32px;
		height: 32px;
		background: url(../images/spin_light_32x32.png) no-repeat;
}

/* hint-text adjustments to the widget styles */

#customMessageContainer .hint-text {
		left: 50px;
		color: #000;
}

#customMessageContainer .focused .hint-text {
		color: #777;
}

.buddyListHeader .palm-list .icon.right {
		height: 50px;
		width: 50px;
}

.icon.right .commit-message {
		margin-top: 1px;
		height: 50px;
		width: 50px;
		background: url(../images/commit-title-press.png) center center no-repeat;
		background: url(../images/commit-title.png) center center no-repeat;
}

.icon.right .commit-message.selected {
		background: url(../images/commit-title-press.png) center center no-repeat;
}

/* Added Styles */

/* Move the filter field down below the toggle*/

#filterField .text-entry-filter {
		top: 45px;
}

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

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

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

.status-and-direction.icon {
		padding-top: 5px;
		width: 31px;
}

.message-direction {
		float: left;
		width: 18px;
		height: 18px;
		margin: 0px 6px 0px 7px;
}

.title.unreadCountChatAddress {
		font-weight: bold;
}

/*
.buddyAvatar > img {
		height: 48px;
		width: 48px;
		border: 0;
}

#myAvatar {
		height: 34px;
		width: 34px;
		border: 0;
		margin-top: 5px;
		margin-right: 3px;
		background-color: #999;
		border: 1px solid #000;
}
*/
#listviewToggle {
		position: fixed;
		padding-left: 6px;
		left: 0;
		top: 0;
		width: 100%;
		background-color: #CCC;
}

#listViewPadding {
		padding-top: 50px;
}

#AvailabilityChoices {
		position: absolute;
		background: white;
		top: 100%;
		left: 0;
		padding-left: 3px;
		width: 100%;
}

.availOpt {
		width: 100%;
		height: 50px;
		vertical-align: middle;
}

.presenceText {
		padding-left: 10px;
		color: #000;
}

.availStatus {
		padding-top: 13px;
}

/* Chat View specifics */

.chatview-header-status {
		float: left;
		margin: 9px -2px 0px -17px;
}

#headerChatView.palm-header #chatViewHeaderClickTarget {
		position: fixed;
		top: 5px;
		left: 5px;
		text-transform: none;
		width: 200px;
		height: 45px;
		z-index: 5000;
}

.chat-view-recipient-name {
		text-transform: none;
		padding-right: 5px;
}

.transport-picker {
		-webkit-border-image: url(../images/messaging-selector-header-gray-press.png);
		-webkit-border-image: url(../images/messaging-selector-header-gray.png) 0 16 0 16 stretch stretch;
		-webkit-box-sizing: border-box;
		border-width: 0px 16px 0px 16px;
		font-size: 14px;
		font-weight: bold;
		height: 35px;
		line-height: 35px;
		text-transform: uppercase;
		display: inline-block;
		float: right;
		margin: 8px -17px 0px 0px;
}

.transport-picker.selected {
		-webkit-border-image: url(../images/messaging-selector-header-gray-press.png) 0 16 0 16 stretch stretch;
}

.transport-picker-wrapper {
		margin: 0px -5px 0px -5px;
}

.transport-picker .transport-name {
		background: transparent;
		display: inline-block;
		position: relative;
		top: -1px;
		max-width: 64px;
		min-width: 12px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
}

.transport-picker .transport-name.disabled {
		color: #999;
}

.transport-picker .down-arrow {
		background: url(../images/header-arrow-down.png) center right no-repeat;
		display: inline-block;
		float: right;
		height: 33px;
		width: 15px;
		margin-top: -1px;
		margin-left: 1px;
}

.chatRow .message .delayedMessage {
		font-style: italic;
		color: #747474;
}

/* grouped buttons */

.palm-menu-group .palm-menu-text {
		top: 0px;
		-webkit-border-image: url(../images/palm-menu-segment-middle.png) 0 25 200 25 repeat repeat;
}

.palm-menu-group .palm-menu-text:first-child {
		-webkit-border-image: url(../images/palm-menu-segment-first.png) 0 25 200 25 repeat repeat;
		padding-left: 5px;
}

.palm-menu-group .palm-menu-text:last-child {
		-webkit-border-image: url(../images/palm-menu-segment-last.png) 0 25 200 25 repeat repeat;
		padding-right: 5px;
}

.palm-menu-group .palm-menu-text:active {
		top: 0px;
		-webkit-border-image: url(../images/palm-menu-segment-middle.png) 50 25 150 25 repeat repeat;
}

.palm-menu-group .palm-menu-text:first-child:active {
		-webkit-border-image: url(../images/palm-menu-segment-first.png) 50 25 150 25 repeat repeat;
}

.palm-menu-group .palm-menu-text:last-child:active {
		-webkit-border-image: url(../images/palm-menu-segment-last.png) 50 25 150 25 repeat repeat;
}

/* selected toggle buttons */

.palm-menu-group .palm-menu-text.palm-depressed {
		-webkit-border-image: url(../images/palm-menu-segment-middle.png) 100 25 100 25 repeat repeat;
}

.palm-menu-group .palm-menu-text.palm-depressed:first-child {
		-webkit-border-image: url(../images/palm-menu-segment-first.png) 100 25 100 25 repeat repeat;
}

.palm-menu-group .palm-menu-text.palm-depressed:last-child {
		-webkit-border-image: url(../images/palm-menu-segment-last.png) 100 25 100 25 repeat repeat;
}

/* selected active toggle buttons */

.palm-menu-group .palm-menu-text.palm-depressed:active {
		-webkit-border-image: url(../images/palm-menu-segment-middle.png) 150 25 50 25 repeat repeat;
}

.palm-menu-group .palm-menu-text.palm-depressed:first-child:active {
		-webkit-border-image: url(../images/palm-menu-segment-first.png) 150 25 50 25 repeat repeat;
}

.palm-menu-group .palm-menu-text.palm-depressed:last-child:active {
		-webkit-border-image: url(../images/palm-menu-segment-last.png) 150 25 50 25 repeat repeat;
}

.chat-entry {
		background: none;
}

.chat-entry.historyRow {
		min-height: 80px;
}

.chat-entry .palm-row-wrapper {
        position: relative; /* Set positioning context for avatar */
		padding: 5px 10px;
}

/* Chat Balloons - receiveing */

.chat-entry .chat-balloon,
.chat-entry.their-chat .chat-balloon {
		border-width: 10px;
		-webkit-border-image: url(../images/chatview/chat-balloon-left-selected.png) 10 10 10 10 stretch stretch;
		-webkit-border-image: url(../images/chatview/chat-balloon-left.png) 10 10 10 10 stretch stretch;
}

.chat-entry.selected .chat-balloon {
		-webkit-border-image: url(../images/chatview/empty.png) 10 10 10 10 stretch stretch;
}

.chat-entry.their-chat.error .chat-balloon,
.chat-entry.their-chat .chat-balloon.invite {
		-webkit-border-image: url(../images/chatview/chat-balloon-left-error.png) 10 10 10 10 stretch stretch;
		color: #747474;
}

/* Chat Balloons - sending */

.chat-entry.my-chat .chat-balloon {
		-webkit-border-image: url(../images/chatview/chat-balloon-right.png) 10 10 10 10 stretch stretch;
}

.chat-entry.my-chat.error .chat-balloon, 
.chat-entry.my-chat.status-message .chat-balloon,
.chat-entry.my-chat .chat-balloon.status-not-yet-delivered {
  	-webkit-border-image: url(../images/chatview/chat-balloon-right-error.png) 10 10 10 10 stretch stretch;
	color: #747474;
} 
.chat-entry.my-chat .chat-balloon.status-pending {
  	-webkit-border-image: url(../images/chatview/chat-balloon-sending.png) 10 10 10 10 stretch stretch;	
	color: #747474;
}

/* Chat Balloons - History List tapped */

.palm-row.chat-entry.historyRow .chat-balloon.selected {
		border-width: 10px;
		-webkit-border-image: url(../images/chatview/chat-balloon-left-selected.png) 10 10 10 10 stretch stretch;
}

.palm-row.chat-entry.historyRow .chat-balloon.selected .im-name-info,
.palm-row.chat-entry.historyRow .chat-balloon.selected .unread-count-wrapper,
.palm-row.chat-entry.historyRow .chat-balloon.selected .custom-message {
		color: #FFF;
}


.chat-entry .chat-balloon .chat-balloon-wrapper {
		margin: -10px -10px -14px -10px; 
}

.chat-entry.chatRow .chat-balloon-wrapper {
		margin: 0 22px 0 0; 
}

.chat-entry .hideUnreadCount .buddy-list-unread {
		display: none;
}

.chat-entry .title.truncating-text {
		padding: 0;
		max-width: 170px;
		display: inline-block;
}

.chat-entry .hideUnreadCount .title.truncating-text {
		max-width: 220px;
}
.chat-entry .message-container {
		width: 210px; 
}

.their-chat .message-container {
		width: 245px; 
}

.my-chat .message-container {
		width: 280px;
}

.chat-entry .chat-balloon {
		min-height: 26px;
}

.chat-entry.my-chat.status-message {
		font-style: italic;
		color: #747474;
}

.chat-entry.my-chat.status-message .messageText {
		color: #747474;
}

.my-chat .chat-balloon-wrapper, 
.their-chat .chat-balloon-wrapper {
		padding: 1px 0;
		font-size: 18px;
		word-wrap: break-word !important;
}

.chat-entry .message-body {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-box-pack: center;
		line-height: 1.4em;
}
.chat-entry.their-chat .message-body {
		min-height: 45px;
}

.chat-balloon img.palm-emoticon {
	vertical-align: middle;
	margin: -5px 0 0;
}

/* Hide user avatar */

.my-chat .avatar-set,
.my-chat .avatar-container {
		display: none;
}
.mms-forward-placeholder .avatar-wrapper {
		display: none;
}
.message.status-success {
		color: #000;
}

.message.status-pending,
.message.status-failed,
.status-undeliverable {
		color: #9d9d9d;
}

.message.priority {
		color: #F00;
}

.messageSummary {
		font-weight: bold;
}

.messageError .hide,
.MMS .messageSummary {
		display: none;
}

.download-button {
		width: 95%;
}

.status-not-yet-delivered .download-button,
.status-retrieving .download-button {
		display: inherit;
}

.status-not-yet-delivered .download-button .palm-button,
.status-retrieving .download-button .palm-button {
		clear: both;
		background: none;
		text-transform: none;
		color: #000;
		font-size: 16px;
		margin: 5px 6px 0 0;
		height: 48px;
		line-height: 48px;
		border-width: 0 10px;
		-webkit-box-sizing: border-box;
}

.status-not-yet-delivered .download-button .palm-button {
		-webkit-border-image: url(../images/mms-generic-background.png) 0 10 99 10 stretch stretch;
}

.status-not-yet-delivered .download-button .palm-button.selected,
.status-retrieving .download-button .palm-button.selected {
		-webkit-border-image: url(../images/mms-generic-background.png) 49 10 50 10 stretch stretch;
}

.download-button .active .palm-button {
		-webkit-border-image: url(../images/mms-generic-background.png) 98 10 1 10 stretch stretch;
}

/* 8/22 -no JS button with spinner */
.status-not-yet-delivered .download-button .palm-button .palm-button-wrapper {
		background: url(../images/mms-icon-generic.png) 12px 5px no-repeat;
		padding: 0 0 0 60px;
		text-align: left;
}

/* looks like the activity spinner has been removed... 
.status-not-yet-delivered .download-button .palm-button .palm-button-wrapper > div:not(.activity-spinner) {
		background: url(../images/mms-icon-generic.png) 2px 5px no-repeat;
		padding: 0 0 0 47px;
		text-align: left;
}
*/
/* hide the icon if a spinner is activated ---- looks like the activity spinner has been removed. 8/22/2010 
.download-button .palm-button .palm-button-wrapper > .activity-spinner:not([style*=none]) ~ div {
		background: none;
		padding-left: 0;
}
*/

.download-button .palm-button .palm-button-wrapper > .palm-activity-indicator-small {
		float: left;
		margin-left: 7px;
		margin-right: 8px;
}

.message .callbackNumber {
		font-style: italic;
}

.MMSImageObject {
		display: block;
		padding-top: 4px;
}

.mms-attachment {
		background-color: #CCC;
		border: 1px solid #999;
		height: 50px;
		width: 100%;
}

.mms-attachment .mms-icon {
		float: left;
		height: 48px;
		width: 48px;
}

.mms-attachment .mms-display-name {
		float: left;
		padding-top: 10px;
		max-width: 165px;
}

.mms-attachment .mms-size {
		float: right;
		padding-right: 5px;
		padding-top: 17px;
		font-size: 12px;
}

.mms-attachment.mms-video .mms-icon {
		background: url(../images/mms-icon-video-new.png) center center no-repeat;
}

.mms-attachment.mms-vcard .mms-icon {
		background: url(../images/mms-icon-vcard-new.png) center center no-repeat;
}

.mms-attachment.mms-vcal .mms-icon {
		background: url(../images/mms-icon-vcal-new.png) center center no-repeat;
}

.mms-video.inline-progress-bar.selected .stream-background.inactive {
		-webkit-border-image: url(../images/mini-player-bg-inactive-down.png) 8 7 6 7 repeat repeat;
}

.mms-generic.inline-progress-bar > .stream-background {
		border-width: 0 10px;
		-webkit-border-image: url(../images/mms-generic-background.png) 0 10 98 10 repeat repeat;
}

.mms-generic.inline-progress-bar.selected > .stream-background {
		-webkit-border-image: url(../images/mms-generic-background.png) 49 10 49 10 repeat repeat;
}

.mms-generic.inline-progress-bar > .stream-background.active {
		-webkit-border-image: url(../images/mms-generic-background.png) 98 10 0 10 repeat repeat;
}

.mms-generic .filetype-icon-image {
		background: url(../images/mms-icon-generic.png) center center no-repeat;
}

.filetype-icon-image.video {
		background: url(../images/mms-icon-video-new.png) center center no-repeat;
}

.mms-image-container {
		padding-top: 4px;
		padding-bottom: 4px;
}

.mms-forward-placeholder {
		margin-left: 7px;
}

.mms-forward-scrim {
		position: absolute;
		bottom: 0;
		left: 7px;
		height: 100%;
		width: 100%;
		background-color: rgba(228,228,226,.6);
}

.mms-forward-bottom-fade {
		height: 54px;
		width: 100%;
		background: url(../images/scroll-fade-bottom.png) repeat-x;
		position: fixed;
		bottom: 0px;
		left: 0px;
		-webkit-palm-mouse-target: ignore;
}

#palm-dialog-box-message #onlineTransportDialogText.show {
		display: inline;
}

#palm-dialog-box-message #onlineTransportDialogText.hide {
		display: none;
}

.popupTransportRow .status {
		float: left;
}

.popupTransportRow .transportIcon {
		float: right;
		height: 40px;
		width: 40px;
}

.progress-widget-width {
		width: 240px;
}

/* Chat view invitations */

.msg-invitation {
		width: 100%;
		height: 193px;
		position: fixed;
		bottom: 0px;
		background-color: #e4e4e2;
}

.msg-invitation .thick-border {
		width: 100%;
		height: 10px;
		background: url(../images/thick-invitation-border.png) repeat-x;
}

.msg-invitation .invitation-text {
		text-align: center;
		padding: 10px 0px 4px 0px;
		color: #616161;
}

.msg-invitation .palm-button,
 .msg-invitation .palm-button:active {
		margin-bottom: 0px;
}

.msg-invitation .invitation-text .from-text {
		font-size: 14px;
}

/* Chat view text box */

#messageContainer {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
}

/* Force addressing widget to sit on top of message body in MMS forward scene */

.mmsforward-scene .addressing-widget {
		position: relative;
		z-index: 1;
}

#messageContainer #messageTextWidget {
		margin-top: 5px;
}

#messageContainer textarea {
		height: 24px;
}

#messageContainer.palm-row .icon.right {
		height: 61px;
}

#messageContainer #attachmentContainer {
		position: relative;
		margin-top: 10px;
}

#messageContainer #attachmentContainer #attachmentImage {
		max-width: 200px;
		max-height: 100px;
}

#messageContainer #attachmentContainer #cancelAttachment {
		width: 48px;
		height: 48px;
		background: url(../images/chatview/delete_picture.png) center center no-repeat;
		position: absolute;
		top: -4px;
		left: -4px;
		padding: 3px;
}

#messageContainer #attachmentContainer #cancelAttachment:active {
	background: url(../images/chatview/delete_picture_press.png) center center no-repeat; 
}

.stuck.sendButton {
		background: url(../images/chatview/msg-send-airplane-press.png) top left no-repeat;
		background: url(../images/chatview/msg-send-airplane.png) top left no-repeat;
		width: 48px;
		padding: 0;
		margin: 0px;
		height: 48px;
		position: absolute;
		bottom: 6px;
		right: 6px;
}

.stuck.sendButton.selected {
		background: url(../images/chatview/msg-send-airplane-press.png) top left no-repeat;
}

.stuck.attachButton {
		background: url(../images/chatview/msg-attachment-paperclip-press.png) top left no-repeat;
		background: url(../images/chatview/msg-attachment-paperclip.png) top left no-repeat;
		width: 48px;
		padding: 0;
		margin: 0px;
		height: 48px;
		position: absolute;
		bottom: 6px;
		right: 6px;
}

.stuck.attachButton.selected {
		background: url(../images/chatview/msg-attachment-paperclip-press.png) top left no-repeat;
}

#ActionButton > div {
		display: none;
}

#ActionButton.empty > #AttachButton {
		display: block;
}

#ActionButton.textentry > #SendButton {
		display: block;
}

#ActionButton.invisible {
		visibility: hidden;
}

#ActionButton #SendButton #segmentCounterContainer {
		line-height: 20px;
		display: block;
		height: 20px;
		border-width: 0px 10px 0px 9px;
		-webkit-border-image: url(../images/message-segment-badge.png) 0 10 0 9 stretch stretch;
		position: absolute;
		z-index: 3;
		bottom: 0;
		right: -2px;
}

#ActionButton #SendButton #segmentCounterContainer #segmentCounter {
		font-size: 12px;
		font-weight: bold;
		color: #679BC2;
		margin: 0px -4px 3px -3px;
}

#ActionButton #SendButton #segmentCounterContainer #segmentCounter.overLimit {
		color: #F00;
}

.messageTextWidget {
		overflow: hidden;
		max-height: 220px;
		/* We need a different way to limit the max height so that this is compatible across devices with different screen sizes */
}

/* List Section Labels, date stamp-style */

.date-stamp-label {
		margin: 0;
		padding: 0 10px;
		height: 32px;
		border-collapse: collapse;
		width: 100%;
		-webkit-box-sizing: border-box;
		display: -webkit-box;
		background: url(../images/chatview/date-stamp-line-short.png) -2px 12px no-repeat, url(../images/chatview/date-stamp-line-right.png) right 12px no-repeat;
}

.date-stamp-label.history-list {
		background: url(../images/chatview/date-stamp-line-short.png) -2px 12px no-repeat;
		padding-right: 0;
}

.date-stamp-label .label {
		color: #ababaa;
		text-shadow: #fff 0px 1px 0px;
		line-height: 32px;
		white-space: nowrap;
		font-weight: bold;
		font-size: 16px;
		text-transform: uppercase;
		padding: 0 3px;
}

.date-stamp-label .label.username, .date-stamp-label .label.date {
		letter-spacing: -1px;
}

.date-stamp-label .label.username {
		-webkit-box-flex: 1;
}

/*
.date-stamp-label .label.sms {
		padding-left: 36px;
		background: url(../images/transports/transport-sms-32x32.png) 2px no-repeat;
}

.date-stamp-label .label.aol {
		padding-left: 36px;
		background: url(../images/transports/transport-aol-32x32.png) 2px no-repeat;
}

.date-stamp-label .label.icq {
		padding-left: 36px;
		background: url(../images/transports/transport-icq-32x32.png) 2px no-repeat;
}

.date-stamp-label .label.gmail {
		padding-left: 36px;
		background: url(../images/transports/transport-gmail-32x32.png) 2px no-repeat;
}

.date-stamp-label .label.yahoo {
		padding-left: 36px;
		background: url(../images/transports/transport-yahoo-32x32.png) 2px no-repeat;
}
*/

.date-stamp-label .center, .date-stamp-label .right {
		min-width: 10px;
		height: 32px;
		vertical-align: middle;
		display: -webkit-box;
		-webkit-box-flex: 100;
		-webkit-box-orient: vertical;
		-webkit-box-pack: center;
}

.date-stamp-label .center div, .date-stamp-label .right div {
		border-width: 0 4px;
		height: 8px;
		-webkit-border-image: url(../images/chatview/date-stamp-line-short.png) 0 4 0 3 stretch stretch;
}

.date-stamp-label .right div {
		border-width: 0 0 0 4px;
}

/* Chat Balloon Submenu Popup - Timestamp for Verizon */

.chatview-scene .palm-row.disabled {
		color: #747474;
		font-size: 16px;
}

/* Preferences */

.text-group .title {
		line-height: auto !important;
		padding: 0 !important;
		margin-right: -4px;
}

.prefs-account-name-disabled {
		color: #747474;
}

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

.icon.account-image {
		background: none !important;
		padding-top: 6px;
		padding-left: 8px;
}

.domain-text {
		font-size: 18px;
		padding-top: 5px;
}

.number-text {
		font-size: 18px;
		padding-top: 13px;
}

.login-text {
		font-size: 14px;
		color: #999;
}

.selected .domain-text,
.selected .login-text {
		color: #fff;
}

/* Prefs Extra Content for AIM */

.extra-content .title {
		float: left;
		padding: 0px 0px 0px 15px;
}

.extra-content .link-globe {
		background: url(../images/link-globe.png) center center no-repeat;
		height: 40px;
		width: 29px;
}

.list-selector-container {
		height: 42px;
		float: right;
		border-width: 0px 11px;
		-webkit-box-sizing: border-box;
		-webkit-border-image: url(../images/list-selector-border-image-downstate.png) 0 11 0 11;
		-webkit-border-image: url(../images/list-selector-border-image.png) 0 11 0 11;
		margin-top: 5px;
		margin-right: 5px;
}

.list-selector-container.selected {
		-webkit-border-image: url(../images/list-selector-border-image-downstate.png) 0 11 0 11;
}

.list-selector-wrapper {
		margin: 0px -5px;
}

/* Notifications & Dashboard */

.image-mask img {
		width: 34px;
		height: 34px;
}

.image-mask {
		width: 34px;
		height: 34px;
		overflow: hidden;
		position: absolute;
		right: 7px;
		margin-top: 7px;
}

.image-overlay {
		width: 47px;
		height: 50px;
		background: url(../images/image-overlay-border-dash.png) center center no-repeat;
		position: absolute;
		right: 0px;
		margin-top: 0px;
}

.image-overlay-attachment {
		width: 47px;
		height: 50px;
		background: url(../images/messaging-attachment-clip.png) center center no-repeat;
		position: absolute;
		right: 0px;
		margin-top: 0px;
}

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

.dashboardIcon {
		width: 50px;
		height: 50px;
		float: left;
}

.dashboardMMSImage {
		width: 42px;
		height: 42px;
		margin-top: 3px;
		margin-bottom: 3px;
		margin-right: 2px;
		float: right;
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: 42px auto;
}

.dashboardMMSImage.hidden {
		display: none;
}

.dashboardContentContainer .dashboardTopLine {
		font-weight: bold;
		padding-top: 4px;
}

.dashboardContentContainer {
		padding-left: 2px;
}

.palm-dashboard-text-container .palm-dashboard-text {
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
}

.notification-message {
		position: relative;
		margin: 10px;
}

.notification-message .notification-text {
		font-size: 16px;
		color: #fff;
}

.notification-message .notification-text .title {
		font-size: 18px;
		font-weight: bold;
		color: #fff;
}

/* Statuses in dashboard */

.dashboard-title {
		height: 20px;
		max-width: 200px;
}

.dashboard-title .topLine {
		float: left;
		max-width: 176px;
		overflow: hidden;
		text-overflow: ellipsis;
}

.dashboard-title .presence {
		float: left;
		width: 24px;
		height: 24px;
}

.hinted {
		color: gray;
}

/* Full Screen Image View */

#imageViewMain #imageViewSave {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
}

/* Dashboard Icon Style */

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

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

.has-im-account .filter-field-container {
		z-index: 11000;
}

.has-im-account .filter-field-container.filter-field-container-height {
		height: 94px;
}

#buddyListContainer .palm-page-header {
		position: absolute;
		top: 0px;
		width: 100%;
}

#buddyListContainer .palm-page-header .spacer {
		height: 50px;
		width: 100%;
}

.listview-presence-section {
		background-color: #C5C5C5;
		width: 100%;
}

.has-im-account .palm-menu-spacer {
		height: 50px !important;
}

.has-im-account .palm-menu.view-menu.palm-default {
		top: 0px !important;
}

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

.personal-reminder-icon-small {
		background: url(../images/personal-reminder-icon-small.png) center center no-repeat;
}

#im-links .palm-row .title {
		padding: 9px 14px;
}

.list-view,
.history-list {
		height: 100%;
}

/* Add Buddy */
#add-buddy .select-title {
	padding: 10px 14px 0 14px;
}

#add-buddy .palm-list-selector.preview {
	padding: 0 14px 10px;
	font-size: 16px;
	color: #888;
}

#add-buddy .palm-list-selector.preview .title { /* x-mojo-element="ListSelector" generated */
	padding: 0;
	margin: 0;
	font-size: 16px;
}

#add-buddy .textfield-wrapper {
	margin: -15px;
	margin-left: -5px;
	padding: 0 40px 0 10px;
	position: relative;
}
/*
.skype-search-button {
	position: absolute;
	right: 10px;
	top: 5px;
	width: 40px;
	height: 40px;
	background: url(../images/skype-search.png) center center no-repeat;
}
*/
#messageTextField .hint-text,
#messageTextField .textfield-group .hint-text,
#messageTextField .multiline-hint-text {
	color: #888;
}

/* accepting invitation */

.palm-button.half-button {
	display: inline-block;
	width: 45%;
	margin-left: 0;
}

.accept-icon,
.decline-icon {
  width: 32px;
  height: 52px;
  margin: 0 auto;
}

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

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

#deleted-account-message {
	display: none;
}

#sceneContainer.view-deleted-account #deleted-account-message {
	border-width: 10px;
	-webkit-border-image: url(../images/chatview/chat-balloon-left-deleted.png) 10 10 10 10 stretch stretch;
	display: block;
	padding: 0;
	margin-left: 10px;
}

#sceneContainer.view-deleted-account #deleted-account-message .delete-bubble {
	font-size: 18px;
	padding: 0 60px 0 0;
	margin:0;
	color: #939393;
}

#sceneContainer.view-deleted-account #footer {
	display: none;
}

/* Disabled command in App menu */
#palm-app-menu .palm-row.disabled { /* not "dim" class for some reasons... */
  color: #bbb;
}