/*!
 *  Phone
 *  Menus
 *  Copyright (c) 2007-2009, Palm Inc.
 *  All rights reserved.
 */

.phone-menu-short {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 320px;
	height: 50px;
	background: url(../images/call-log-list-sprite.png) 0px -140px;
}

.phone-menu-short.fixed,
.phone-menu-tall {
	position: absolute;
	left: 0;
	bottom: 0;
}

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

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

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

.phone-menu-button.palm-depressed.selected {
	-webkit-border-image: url(../images/phone-menu-button.png) 150 25 0 25 repeat repeat;
}

.phone-menu-tall > .phone-menu-button {
    float: left;
    border: none;
	width: 80px;
	height: 70px;
	text-align: center;
	font-weight: normal;
	line-height: normal;
	font-size: 11px;
	color: #888888;
	-webkit-border-image: none;
	background: url(../images/phone-menu-button-tall.png) left top no-repeat;
}

.phone-menu-tall > .phone-menu-button:active { background-position: left -70px; color: #FFFFFF;}
.phone-menu-tall > .phone-menu-button.palm-depressed { background-position: left -140px; color: #FFFFFF;}
.phone-menu-tall > .phone-menu-button.palm-depressed:active { background-position: left -210px; color: #FFFFFF;}

/* dialpad scene */

.phone-menu-button.halfwidth {
	width: 50%;
	float: left;
}

.voicemail-badge {
	position: absolute;
	line-height: 28px;
	font-weight: bold;
	height: 28px;
	min-width: 24px;
	top: 5px;
	left: 67px;
	text-align: center;
	vertical-align: baseline;
	-webkit-border-image: url(../images/voicemail-badge.png) 0 12 28 12 repeat stretch;
	-webkit-box-sizing: border-box;
	border-width: 0px 12px 0px 12px;
}

.phone-menu-button.selected .voicemail-badge {
	-webkit-border-image: url(../images/voicemail-badge.png) 28 12 0 12 repeat stretch;
}

.voicemail-badge span {
	margin: 0 -4px;
	font-size: 16px;
}

.phone-menu-icon {
	height: 32px;
	width: 32px;
	margin: 9px auto;
	background-position: center top;
	background-repeat: no-repeat;
}

.phone-menu-tall .phone-menu-icon {
	width: 48px;
	margin: 12px auto 1px;
}

.phone-menu-button:active .phone-menu-icon {
	background-position: center bottom;
	background-repeat: no-repeat;
}

.palm-menu-button {
    max-width: 100px;
}

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

.palm-menu-icon.voicemail,
.phone-menu-button .phone-menu-icon.voicemail {
	width: 48px;
	left: 50%;
	margin-left: -24px;
	background-image: url(../images/menu-icon-voicemail.png);
}

.palm-menu-icon.call-log,
.phone-menu-button .phone-menu-icon.call-log {
	background-image: url(../images/menu-icon-call-log.png);
}

.phone-menu-button .phone-menu-icon.add-contact {
	background-image: url(../images/menu-icon-addcontact.png);
	background-position: top left;
	height: 34px;
	line-height: 34px;
	padding-left: 50px;
	white-space: nowrap;
}

.phone-menu-button .phone-menu-icon.unlock {
	background-image: url(../images/menu-icon-unlock.png);
}

.phone-menu-button .phone-menu-icon.contactbook {
	background-image: url(../images/menu-icon-contactbook.png);
}

.phone-menu-button .phone-menu-icon.addcall {
	background-image: url(../images/menu-icon-addcall.png);
}

.palm-menu-icon.dtmfpad,
.phone-menu-button .phone-menu-icon.dtmfpad {
	background-image: url(../images/menu-icon-dtmfpad.png);
}

.phone-menu-button .phone-menu-icon.mute {
	background-image: url(../images/menu-icon-mute.png);
}

.phone-menu-button .phone-menu-icon.sms {
	background-image: url(../images/menu-icon-sms.png);
}

.phone-menu-button .phone-menu-icon.speaker {
	background-image: url(../images/menu-icon-speaker.png);
}

.phone-menu-button .phone-menu-icon.speaker-bluetooth {
	background-image: url(../images/menu-icon-speaker-bluetooth.png);
}

.phone-menu-button .phone-menu-icon.speaker-external {
	background-image: url(../images/menu-icon-speaker-external.png);
}

.phone-menu-button .phone-menu-icon.headset {
	background-image: url(../images/menu-icon-headset.png);
}

.phone-menu-button .phone-menu-icon.headset-tty {
	background-image: url(../images/menu-icon-headset-tty.png);
}

.phone-menu-button .phone-menu-icon.popup-bluetooth {
	background-image: url(../images/menu-popup-bluetooth.png);
}

.phone-menu-button .phone-menu-icon.popup-bluetooth-headset {
	background-image: url(../images/menu-popup-bluetooth-headset.png);
}

.phone-menu-button .phone-menu-icon.popup-bluetooth-headset-tty {
	background-image: url(../images/menu-popup-bluetooth-headset-tty.png);
}

.phone-menu-button .phone-menu-icon.popup-bluetooth-internal {
	background-image: url(../images/menu-popup-bluetooth-internal.png);
}

.phone-menu-button .phone-menu-icon.popup-bluetooth-speaker {
	background-image: url(../images/menu-popup-bluetooth-speaker.png);
}

.phone-menu-button .phone-menu-icon.redial {
	margin-top: 11px;
	background-image: url(../images/menu-icon-redial.png);
}

/* List Selector icons */

.list-selector-icon {
	width: 32px;
}

.list-selector-icon.list-phone_bluetooth_sco {
	background-image: url(../images/list-selector-bluetooth.png);
}

.list-selector-icon.list-bluetooth-add {
	background-image: url(../images/list-selector-bluetooth-add.png);
}

.list-selector-icon.list-phone_back_speaker {
	background-image: url(../images/list-selector-speaker-external.png);
}

.list-selector-icon.list-phone_front_speaker {
	background-image: url(../images/list-selector-speaker-internal.png);
}

.list-selector-icon.list-phone_headset_mic {
	background-image: url(../images/list-selector-headset.png);
}

.list-selector-icon.list-phone_tty_vco,
.list-selector-icon.list-phone_tty_hco,
.list-selector-icon.list-phone_tty_full {
	background-image: url(../images/list-selector-tty.png);
}

.palm-menu-icon.favorites,
.palm-menu-icon.dtmfpad,
.palm-menu-icon.call-log {
    left: 50%;
    margin-left: -16px;
}

/*
 * Framework menu-group overrides
 */
 
.palm-menu-group .palm-menu-button,
.palm-menu-group .palm-menu-text { -webkit-border-image: url(../images/framework/palm-menu-segment-middle.png) 0 25 200 25 repeat repeat; }
.palm-menu-group .palm-menu-button:first-child,
.palm-menu-group .palm-menu-text:first-child { -webkit-border-image: url(../images/framework/palm-menu-segment-first.png) 0 25 200 25 repeat repeat; }
.palm-menu-group .palm-menu-button:last-child,
.palm-menu-group .palm-menu-text:last-child { -webkit-border-image: url(../images/framework/palm-menu-segment-last.png) 0 25 200 25 repeat repeat; }
.palm-menu-group .palm-menu-button.selected,
.palm-menu-group .palm-menu-text.selected { -webkit-border-image: url(../images/framework/palm-menu-segment-middle.png) 50 25 150 25 repeat repeat; }
.palm-menu-group .palm-menu-button.selected:first-child,
.palm-menu-group .palm-menu-text.selected:first-child { -webkit-border-image: url(../images/framework/palm-menu-segment-first.png) 50 25 150 25 repeat repeat; }
.palm-menu-group .palm-menu-button.selected:last-child,
.palm-menu-group .palm-menu-text.selected:last-child { -webkit-border-image: url(../images/framework/palm-menu-segment-last.png) 50 25 150 25 repeat repeat; }
.palm-menu-group .palm-menu-button.palm-depressed,
.palm-menu-group .palm-menu-text.palm-depressed { -webkit-border-image: url(../images/framework/palm-menu-segment-middle.png) 100 25 100 25 repeat repeat; }
.palm-menu-group .palm-menu-button.palm-depressed:first-child,
.palm-menu-group .palm-menu-text.palm-depressed:first-child { -webkit-border-image: url(../images/framework/palm-menu-segment-first.png) 100 25 100 25 repeat repeat; }
.palm-menu-group .palm-menu-button.palm-depressed:last-child,
.palm-menu-group .palm-menu-text.palm-depressed:last-child { -webkit-border-image: url(../images/framework/palm-menu-segment-last.png) 100 25 100 25 repeat repeat; }
.palm-menu-group .palm-menu-button.selected.palm-depressed,
.palm-menu-group .palm-menu-text.selected.palm-depressed { -webkit-border-image: url(../images/framework/palm-menu-segment-middle.png) 150 25 50 25 repeat repeat; }
.palm-menu-group .palm-menu-button.selected.palm-depressed:first-child,
.palm-menu-group .palm-menu-text.selected.palm-depressed:first-child { -webkit-border-image: url(../images/framework/palm-menu-segment-first.png) 150 25 50 25 repeat repeat; }
.palm-menu-group .palm-menu-button.selected.palm-depressed:last-child,
.palm-menu-group .palm-menu-text.selected.palm-depressed:last-child { -webkit-border-image: url(../images/framework/palm-menu-segment-last.png) 150 25 50 25 repeat repeat; }