/* @override http://172.16.110.131:8888/com.palm.app.contacts/stylesheets/sandbox-styles.css 
Copyright 2009 Palm, Inc.  All rights reserved.

*/

/*Edit Scene Specific Styles*/

.palm-spacer {
	height: 47px;
}

#edit_name.favorite {
	background: url(../images/favorites-star-blue.png) right 14px no-repeat;
	margin-right: 47px;
	padding-right: 27px;
}

.list-selector-container {
	height: 41px;
	border-width: 0px 11px;
	-webkit-box-sizing: border-box;
	-webkit-border-image: url(../images/list-selector-border-image-empty.png) 0 11 0 11;
	margin: 6px -4px 0px 0px;
}

.new-contact-point .list-selector-container,
.list-selector-container:not(.dev-sync-source-picker),
.list-selector-container.contacts-header-info {
	-webkit-border-image: url(../images/list-selector-border-image.png) 0 11 82 11;
}

.new-contact-point .focused .list-selector-container,
.focused .list-selector-container:not(.dev-sync-source-picker),
.focused .list-selector-container.contacts-header-info {
	-webkit-border-image: url(../images/list-selector-border-image.png) 41 11 41 11;
}

.new-contact-point .list-selector-container.selected,
.list-selector-container:not(.dev-sync-source-picker).selected,
.list-selector-container.contacts-header-info.selected {
  -webkit-border-image: url(../images/list-selector-border-image.png) 82 11 0 11;  
}

.list-selector-container.right {
	float: right;
}

.list-selector-container.left {
	float: left;
	margin: 6px 8px 0px -4px;
}

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

.contacts-header-info .list-selector-wrapper {
	margin: 0px -4px;
}

.dev-sync-source-picker,
.new-contact-source-selector {
	width: 42px;
}

.dev-sync-source-picker .list-selector-wrapper {
	margin: 0px 0px 0px -6px;
}

.list-selector-container div {
	line-height: 36px;
}

.list-selector-container .palm-account-icon {
  margin: 3px 0px 0px 0px;
}

/*Details Scene Specific Styles*/

.contacts-details-header {
	min-height: 52px;
}

.contacts-details-header-wrapper {
	height: 52px;
	display: table-cell;
	vertical-align: middle;
}

.header-contact-name {
	word-wrap: break-word;
	font-weight: bold;
	font-size: 20px;
	max-width: 200px;
}

.contact-nickname,
.contact-work-info {
	font-size: 14px;
	max-width: 205px;
	word-wrap: break-word;
}

.contact-nickname {
	font-size: 16px;
}

.detail-pic {
    float: right;
    margin: 15px 15px 0px 0px;
	-webkit-border-radius: 6px;
}

.contact-picture-overlay {
	width: 72px;
	height: 60px;
	position: absolute;
	right: 12px;
	top: 12px;
	background: url(../images/avatar-disclosure.png) left top no-repeat;
}

.selected .contact-picture-overlay { background-position: left -60px; }
.drawer-open .contact-picture-overlay { background-position: left -120px; }
.drawer-open .selected .contact-picture-overlay { background-position: left -180px; }

.speed-dial-text {
	font-size: 14px;
	display: none;
	color: #898988;
}

.palm-row.selected .speed-dial-text {
	color: #FFF;
}

.show-quick-dial .speed-dial-text {
	display: inline;
}

.title.show-quick-dial {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.palm-row .palm-row-wrapper .title.contact-detail {
  padding: 4px 9px 4px 9px;  
}

.palm-row .palm-row-wrapper .contact-detail .label {
  float: none;
  margin: 0;  
}

.sms.icon {
	margin: 2px 3px 0 0;
	background: url(../images/contacts-sms-icon.png) top right no-repeat;
	width: 60px;
	height: 50px;
}

.sms.icon.selected { background-position: bottom right; }
.sms.icon.hide-sms { background: none; }

.skype.icon {
	margin: 2px 3px 0 0;
	background: url(../images/contacts-phone-icon.png) top right no-repeat;
  width: 60px;
  height: 50px;
}

.skype.icon.selected { background-position: bottom right; }
.skype.icon.hide-skype { display: none;}

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

.truncating-text.ringtone-text {
	color: #898988;
}

.palm-row.selected .ringtone-text {
	color: #FFF;
}

.status-icon.messaging {
  height: 38px;
  width: 28px;
}

.status-icon.messaging.hide-status {
  display: none;
}

.im-away-message {
	font-size: 14px;
}

.contact-address {
	max-width: 200px;
}

.palm-list-selector.contacts-edit-scene .title {
	margin: 7px -15px 0px -11px !important;
}

/* 
 * Edit View Photo Styles
 */

.edit-view-list-pic-square {
    float: right;
	width: 34px;
	height: 34px;
	margin: 11px 10px 0px 0px;
	-webkit-border-radius: 8px;
}

.list-item-add-button {
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 0px;
	height: 54px;
}
                                        
.icon.personal-reminder {
	background:url(../images/personal-reminder-header.png) center center no-repeat;
}