/* PHONE UI */
#frame_phone_wrap2 {
	float: right;
	text-align: left;
	padding: 0 0 0 0;
	margin: 80px 0 0 0;
	width: 225px;
	height: 475px;
	background: url(images/phone_temp_new.gif) no-repeat top center;
}
#frame_phone_wrap3 {
	float: right;
	text-align: left;
	padding: 0;
	margin: 40px 0 0 0;
	width: 225px;
	height: 475px;
	background: url(images/phone_temp_new.gif) no-repeat top center;
}

/* SCREEN TXT STYLES */
.ph_screen {
	margin: 35px 0 0 35px;
	padding:0;
	height: 222px;
	width: 155px;
	font-size: 9px;
	overflow: auto;
}
.ph_screen ol {
	margin: 0;
	padding: 0 0 0 24px;
}
.ph_screen ol li {
	margin: 0;
	padding: 5px 0;
	border: 1px #ccc dotted;
	border-width: 0 0 1px 0;
}
.ph_screen hr {
	margin: 0;
	padding: 0;
}
.playing {
	border: 1px #000 dashed;
	border-width: 1px 0;
	margin: 5px 0;
	padding: 2px 0;
	background: #d3d3d3;
}
.playlist {
	border: 1px #000 dashed;
	border-width: 1px 0;
	border-color: #cccccc;
	margin: 5px 0;
	padding: 2px 0;
}
.notes {
	border: 1px #000 dashed;
	border-width: 1px 0 0 0;
	margin: 5px 0;
	padding: 2px 0 0 0;
	font-size: .95em;
}
#ph_player {
	margin: 30px 0 0 29px;
	padding:0;
	color: #0000cc;
	height: 20px;
	width: 165px;
	font-size: 9px;
}

/* NAV STYLES */
#menu_ph_wrap {
 	margin: 9px 0 0 29px; /* show to Mozilla/Safari/Opera */
	/*.line-height:200px;
	/*.margin: 9px 0 0 29px; /* show only in IE 6*/
	_margin: 0px 0 0 29px; /* show to IE 6*/
	padding: 0; 
	width: 167px;
	height: 120px;
}

#menu_ph {
	text-align: center;
	margin:0;
	padding: 0; 
	font-size: 10px;
	font-family: helvetica, verdana;
	font-weight: bold;
	background: transparent;
	width: 100%;
	float: left;
}


#menu_ph a.key_menu1, #menu_ph a.key_menu1:link, #menu_ph a.key_menu1:visited {
	display:compact;
	color: #E7E8EC;
	text-decoration:none;
	text-align:center;
	padding: 0;
	margin: 0 0px 0px 0;
	height: 28px;
	width: 55px;
	background: url(images/keys_1.gif) no-repeat top center;
	float:left;
	overflow:inherit;
	line-height: 5.5px;
	cursor: default;
	}
	
#menu_ph a.key_menu2, #menu_ph a.key_menu2:link, #menu_ph a.key_menu2:visited {
	display:block;
	color: #E7E8EC;
	text-decoration:none;
	text-align: center;
	padding: 0;
	margin: 0 0px 0px 0;
	height: 28px;
	width: 56px;
	background: url(images/keys_2.gif) no-repeat top center;
	float:left;
	overflow:inherit;
	line-height: 5.5px;
	cursor: default;
}
#menu_ph a.key_menu3, #menu_ph a.key_menu3:link, #menu_ph a.key_menu3:visited {
	display:block;
	color: #E7E8EC;
	text-decoration:none;
	text-align: center;
	padding: 0;
	margin: 0 0px 0px 0;
	height: 28px;
	width: 56px;
	background: url(images/keys_3.gif) no-repeat top center;
	float:left;
	overflow:inherit;
	line-height: 5.5px;
	cursor: default;
}
#menu_ph a.key_menu4, #menu_ph a.key_menu4:link, #menu_ph a.key_menu4:visited {
	display:block;
	color: #E7E8EC;
	text-decoration:none;
	text-align: center;
	padding: 0;
	margin: 0 0px 0px 0;
	height: 28px;
	width: 55px;
	background: url(images/keys_4.gif) no-repeat top center;
	float:left;
	overflow:inherit;
	line-height: 5.5px;
	cursor: default;
}
#menu_ph a.key_menu5, #menu_ph a.key_menu5:link, #menu_ph a.key_menu5:visited {
	display:block;
	color: #E7E8EC;
	text-decoration:none;
	text-align: center;
	padding: 0;
	margin: 0 0px 0px 0;
	height: 28px;
	width: 56px;
	background: url(images/keys_5.gif) no-repeat top center;
	float:left;
	overflow:inherit;
	line-height: 5.5px;
	cursor: default;
}
#menu_ph a.key_menu6, #menu_ph a.key_menu6:link, #menu_ph a.key_menu6:visited {
	display:block;
	color: #E7E8EC;
	text-decoration:none;
	text-align: center;
	padding: 0;
	margin: 0 0px 0px 0;
	height: 28px;
	width: 56px;
	background: url(images/keys_6.gif) no-repeat top center;
	float:left;
	overflow:inherit;
	line-height: 5.5px;
	cursor: default;
}
#menu_ph a.key_menu7, #menu_ph a.key_menu7:link, #menu_ph a.key_menu7:visited {
	display:block;
	color: #E7E8EC;
	text-decoration:none;
	text-align: center;
	padding: 0;
	margin: 0 0px 0px 0;
	height: 27px;
	width: 55px;
	background: url(images/keys_7.gif) no-repeat top center;
	float:left;
	overflow:inherit;
	line-height: 5.5px;
	cursor: default;
}
#menu_ph a.key_menu8, #menu_ph a.key_menu8:link, #menu_ph a.key_menu8:visited {
	display:block;
	color: #E7E8EC;
	text-decoration:none;
	text-align: center;
	padding: 0;
	margin: 0 0px 0px 0;
	height: 27px;
	width: 56px;
	background: url(images/keys_8.gif) no-repeat top center;
	float:left;
	overflow:inherit;
	line-height: 5.5px;
	cursor: default;
}
#menu_ph a.key_menu9, #menu_ph a.key_menu9:link, #menu_ph a.key_menu9:visited {
	display:block;
	color: #E7E8EC;
	text-decoration:none;
	text-align: center;
	padding: 0;
	margin: 0 0px 0px 0;
	height: 27px;
	width: 56px;
	background: url(images/keys_9.gif) no-repeat top center;
	float:left;
	overflow:inherit;
	line-height: 5.5px;
	cursor: default;
}
#menu_ph a.key_menu0, #menu_ph a.key_menu0:link, #menu_ph a.key_menu0:visited {
	display:block;
	color: #E7E8EC;
	text-decoration:none;
	text-align: center;
	padding: 0;
	margin: 0 0px 0px 0;
	height: 28px;
	width: 55px;
	background: url(images/keys_11.gif) no-repeat top center;
	float:left;
	overflow:inherit;
	line-height: 5.5px;
	cursor: default;
}
#menu_ph a.key_menu11, #menu_ph a.key_menu11:link, #menu_ph a.key_menu11:visited {
	display:block;
	color: #E7E8EC;
	text-decoration:none;
	text-align: center;
	padding: 0;
	margin: 0 0px 0px 0;
	height: 28px;
	width: 56px;
	background: url(images/keys_0.gif) no-repeat top center;
	float:left;
	overflow:inherit;
	line-height: 5.5px;
	cursor: default;
}
#menu_ph a.key_menu12, #menu_ph a.key_menu12:link, #menu_ph a.key_menu12:visited {
	display:block;
	color: #E7E8EC;
	text-decoration:none;
	text-align: center;
	padding: 0;
	margin: 0 0px 0px 0;
	height: 28px;
	width: 56px;
	background: url(images/keys_12.gif) no-repeat top center;
	float:left;
	overflow:inherit;
	line-height: 5.5px;
	cursor: default;
}


#menu_ph a.key_menu1:hover, #menu_ph a.key_menu1:active
{
	color:#FFF799;
	background: url(images/keys_1_on.gif) no-repeat top center;
}
#menu_ph a.key_menu2:hover, #menu_ph a.key_menu2:active
{
	color:#FFF799;
	background: url(images/keys_2_on.gif) no-repeat top center;
}
#menu_ph a.key_menu3:hover, #menu_ph a.key_menu3:active
{
	color:#FFF799;
	background: url(images/keys_3_on.gif) no-repeat top center;
}
#menu_ph a.key_menu4:hover, #menu_ph a.key_menu4:active
{
	color:#FFF799;
	background: url(images/keys_4_on.gif) no-repeat top center;
}
#menu_ph a.key_menu5:hover, #menu_ph a.key_menu5:active
{
	color:#FFF799;
	background: url(images/keys_5_on.gif) no-repeat top center;
}
#menu_ph a.key_menu6:hover, #menu_ph a.key_menu6:active
{
	color:#FFF799;
	background: url(images/keys_6_on.gif) no-repeat top center;
}
#menu_ph a.key_menu7:hover, #menu_ph a.key_menu7:active
{
	color:#FFF799;
	background: url(images/keys_7_on.gif) no-repeat top center;
}
#menu_ph a.key_menu8:hover, #menu_ph a.key_menu8:active
{
	color:#FFF799;
	background: url(images/keys_8_on.gif) no-repeat top center;
}
#menu_ph a.key_menu9:hover, #menu_ph a.key_menu9:active
{
	color:#FFF799;
	background: url(images/keys_9_on.gif) no-repeat top center;
}
#menu_ph a.key_menu0:hover, #menu_ph a.key_menu0:active
{
	color:#FFF799;
	background: url(images/keys_0_on.gif) no-repeat top center;
}
#menu_ph a.key_menu11:hover, #menu_ph a.key_menu11:active
{
	color:#FFF799;
	background: url(images/keys_11_on.gif) no-repeat top center;
}
#menu_ph a.key_menu12:hover, #menu_ph a.key_menu12:active
{
	color:#FFF799;
	background: url(images/keys_12_on.gif) no-repeat top center;
}

#menu_ph {height: 111px;}

#menu_ph:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden;}