/*----------------------------
	Atmail 6 webphone
-----------------------------*/

/*
	Icons
	Images
	Message Bubbles
	Phone Call
	SMS
	Voicemail
*/

.phoneGeneralPanel .phoneFrameUpper 
{
	
	background: none repeat scroll 0 0 #FFFFFF; 
	height: 159px; 
	margin-top: -14px; 
	padding: 20px; 
	width: 334px;
	
} 
/* phone dialogue DOM consists of various compound elements, dialpad, buttins, status, timer etc.
The main layouts (buttons change position depending on call stage/state) are set by the main dialog class
visibility and function of buttons are set by JS
*/

/* buttons normally hidden but can be !important display */
.phoneButtonArea > div { display:none; }

#dialog-phone.newCall .phoneFrameUpper .number-dial { display:block; } /* show dialpad */
#dialog-phone.newCall .phoneFrameUpper .input-dial { display:block; } /* show number input */

#dialog-phone.pendingCallOutbound { /* dialpad, name, number, photo, status, possible buttons: cancel, retry */ }
#dialog-phone.pendingCallOutbound .phoneFrameUpper .incallbody { display:block; } /* show in call body */
#dialog-phone.pendingCallOutbound .phoneFrameUpper .number-dial { display:block; } /* show dialpad */
#dialog-phone.pendingCallOutbound .phoneFrameUpper .phoneButtonArea { display:block; } /* show button area */

#dialog-phone.pendingCallInbound { /* name, number, photo, status, possible buttons: answer, busy, ignore, divert to VM */ }
#dialog-phone.pendingCallInbound .phoneFrameUpper .incallbody { display:block; left: 25px; top: 7px; }
#dialog-phone.pendingCallInbound .phoneFrameUpper .phoneButtonArea { display:block; left: 15px; width: 300px; }

.displayNone { display:none; }

#dialog-phone.inCall
{
	/* (incoming and outgoing), name,  number, photo, timer, status, dialpad, 
	possible buttons: hold and call new, add conference pariticipant, hold, transfer, hangup */
	
}

#dialog-phone.inCall.newCall
{
	
	/* held name, held number, held number timer, dialpad, phone number input, 
	possible buttons: dial, cancel and fetch */
	
}
#dialog-phone.inCall.secondPendingOutgoing 
{
	
	/* held name, held number, held number timer, name, number, photo, dialpad, phone number input, 
	possible buttons: cancel and fetch */
	
}
#dialog-phone.inCall.secondPendingIncoming 
{
	
	/* name, number, photo, timer, incoming name, incoming number, incoming photo, dialpad, 
	possible buttons: hangup, hold and answer (swap), hangup current and answer new, add to conference, busy, ignore, */
	
}
#dialog-phone.inCall.secondOnHold
{
	
	/* name, number, photo, timer, held name, held number, held number timer, dialpad, 
	possible buttons: swap, hangup, transfer */
	
}

#dialog-phone.inCall.conference
{
	
	/* participants:
	namex, timerx, holdx, hangupx
	possible buttons: end conference/ hangup all, add new participant */
	
}

#dialog-phone.inCall.conference.addParticipant
{
	
	/* participants:
	namex, timerx, holdx, hangupx
	newinputy, possible sud-buttons: add, cancel
	possible buttons: end conference, add new participant */
	
}


/*----------------------------
	Icons
-----------------------------*/
span.sms, span.SMS
{
	background: url("../images/themes/fresh/ui-icons-grey.png") no-repeat scroll 10px -1602px transparent !important;
}

li.serviceFolderGroup a:hover span.sms, li.serviceFolderGroup a:hover span.SMS  {
    background: url("../images/themes/fresh/ui-icons-blue.png") no-repeat scroll 10px -1733px transparent !important;
}

li.serviceFolderGroup div.current span.sms, li.serviceFolderGroup div.current span.SMS  {
    background: url("../images/themes/fresh/ui-icons-blue.png") no-repeat scroll 5px -1735px transparent !important;
}

span.voicemail, span.Calls, span.CDR
{
	background:url("../images/themes/fresh/ui-icons-grey.png") no-repeat scroll 11px -1638px transparent !important;
}

li.serviceFolderGroup a:hover span.voicemail, li.serviceFolderGroup a:hover span.Calls, li.serviceFolderGroup a:hover span.CDR {
    background: url("../images/themes/fresh/ui-icons-blue.png") no-repeat scroll 11px -1769px transparent !important;
}

li.serviceFolderGroup div.current span.voicemail, li.serviceFolderGroup div.current span.Calls, li.serviceFolderGroup div.current span.CDR {
    background: url("../images/themes/fresh/ui-icons-blue.png") no-repeat scroll 6px -1771px transparent !important;
}

/*----------------------------
	Images
-----------------------------*/
.nodeActionImages {
	float: right;
	margin-top: -7px;
	margin-right: 40px;
	margin-left: -30px;
	text-decoration:none;
}

.nodeActionImages a {
	background:url("../images/button_grey_left.gif") no-repeat scroll 0 0 transparent;
	color:#212121 !important;
	cursor:pointer;
	display:block;
	float:left;
	font-weight:bold;
	height:26px;
	line-height:26px;
	overflow:hidden;
	padding:0 0 0 4px;
	position:relative;
	text-decoration:none !important;
}

.nodeActionImages a:hover {
	text-decoration:none !important;
}

.nodeActionImages a strong {
	background:url("../images/button_grey_right.gif") no-repeat scroll 100% 0 transparent;
	cursor:pointer;
	display:block;
	float:left;
	height:25px;
	padding:1px 14px 0 8px;
	text-decoration:none;
}

/*----------------------------
	Message Bubbles
-----------------------------*/
div.messageBubbleTop {
		background:url("../images/webphone/white-bg-voicemail-top.png") no-repeat scroll 0 0 transparent;
		height:10px;
		left:-20px;
		position:relative;
		top:-7px;
		z-index:2;
}

div.messageBubbleBottom {
	   	background:url("../images/webphone/white-bg-voicemail-bottom.png") no-repeat scroll 0 0 transparent;
		height:8px;
		left:-20px;
	   	position:relative;
		top:-7px;
	   	z-index:1;
}

div.messageBubbleBody span {
	   	color:#323232;
		display:block;
		line-height:18px;
		min-height:36px;
	   	padding:0 0 5px 13px;
		width:265px;
}

/*----------------------------
	Phone Call
-----------------------------*/
#phoneGenericPanel 
{

	background: none repeat scroll 0 0 #EEEEEE !important;
	color: #111111;
	height: 188px;
	left: 3px;
	margin-left: 3px;
	margin-right: 10px;
	margin-top: -7px;
	overflow: hidden;
	padding: 0;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: left;
	width: 368px;

}

.phone1FlashWrapper 
{
	position:absolute;
	right:380px;
	z-index:9998;
	width:214px;
	height:30px;
	
}


div.incallbody {
 	/* background: url("../images/remind-content.png") no-repeat scroll 0 0 transparent; */ /* fixed size at wrong size */
    color: #4B4B4B;
    position: absolute;
    right: 15px;
    top: 0;
    width: 167px;
}

li#miniNewCallButton a {
 	background: url("../images/themes/Blue-Steel/Blue-Steel.png") no-repeat scroll -1px -1230px transparent;
    cursor: pointer;
    display: none;
    height: 25px;
    width: 31px;
}

div.incallbody img {
	float: left;
	margin: 0 5px 0 0;
}

.phoneButtonArea {
    bottom: 0;
    margin-bottom: 5px;
    margin-right: 15px;
    padding: 5px;
    position: absolute;
    right: 0;
    width: 163px;
    z-index: 2;
}

.callNotifyIncomingphoneButtonArea {
    bottom: 17px;
    left: -3px;
    margin-bottom: 5px;
    margin-right: 15px;
    padding: 5px;
    position: relative;
    right: auto;
    width: 300px;
    z-index: 2;
}

.incall-name {
	font-size: 13px;
	font-weight:bold;
}

.incall-no {
	margin: 5px 0;
}

.incall-time {
	color: #4B4B4B;
	margin: 5px 0;
}

.phoneTimer {
	
	display: inline;
	
}

div.answerbutton, div.ignorebutton, div.voicebutton {
	float: left;
    left: 18px;
    position: relative;
    top: -3px;
}

div.open-phone, div.incall-phone, div.incoming-phone, div.video-phone {
	float: left;
    margin-right: 10px;
    margin-top: 10px;
}

div.answerbutton, div.retrybutton {
  background: url("../images/webphone/phone-dialog-btns.png") no-repeat scroll -93px -87px transparent;
  float: left;
  left: 20px;
  margin-right: 2px;
  position: relative;
  width: 87px;
}

div.voicebutton, div.padbutton {
    float: left;
    left: 0;
    position: relative;
    width: 100px;
}

div.endcall {
	left: 18px;
}

div.endbutton {
	left: 18px;
}

div.retrybutton {
    left: 5px;
    width: 82px;
}

div.endbutton {
    left: 1px;
    margin-left: 2px;
    margin-right: -6px;
    position: relative;
    top: 46px;
    width: 81px;
}

div.endbutton a {
	margin-left: -3px;
}

div.answerbutton a, div.ignorebutton a, div.voicebutton a,  div.endcall a, div.retrybutton a, div.padbutton a, div.endbutton a, div.backbutton a {
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    height: 24px;
    letter-spacing: 0.03em;
    padding: 1px 13px 10px;
    text-decoration: none;
    text-shadow: 0 1px 0px #333333;
}

div.ignorebutton a {
	  padding: 1px 16px 10px;
}

div.voicebutton a {
	  padding: 1px 18px 10px;
}

div.endcall a {
	  padding: 1px 9px 10px;
}

div.retrybutton a {
	  padding: 1px 19px 10px;
}

div.padbutton a {
	  padding: 1px 19px 10px;
}

div.backbutton a {
	margin-left: 16px;
}

div.backbutton {
    float: left;
    left: 0;
    position: relative;
    top: 46px;
    width: 90px;
}

div.phoneFrameUpper ul 
{
	clear: both;
	list-style-type: none;
	margin: 0 0 0 6px;
}

.phoneButton 
{
	display:inline-block;
	position: relative;
    width: 80px;
	float: left;
}

.phoneButton.Red:hover, div.ignorebutton:hover, div.endcall:hover, div.endbutton:hover { background: url("../images/webphone/phone-dialog-btns.png") no-repeat scroll -2px -3px transparent; }
.phoneButton.Red:active, div.ignorebutton:active, div.endcall:active, div.endbutton:active { background: url("../images/webphone/phone-dialog-btns.png") no-repeat scroll -2px -46px transparent; }
.phoneButton.Red, div.ignorebutton, div.endcall, div.endbutton { background: url("../images/webphone/phone-dialog-btns.png") no-repeat scroll -2px -87px transparent; }

.phoneButton.Green:hover, div.answerbutton:hover, div.retrybutton:hover { background: url("../images/webphone/phone-dialog-btns.png") no-repeat scroll -93px -3px transparent; }
.phoneButton.Green:active, div.answerbutton:active, div.retrybutton:active  { background: url("../images/webphone/phone-dialog-btns.png") no-repeat scroll -93px -46px transparent; }
.phoneButton.Green, div.answerbutton, div.retrybutton  { background: url("../images/webphone/phone-dialog-btns.png") no-repeat scroll -93px -87px transparent; }

.phoneButton.Grey:hover, div.voicebutton:hover, div.padbutton:hover, div.backbutton:hover { background: url("../images/webphone/phone-dialog-btns.png") no-repeat scroll -184px -3px transparent; }
.phoneButton.Grey:active, div.voicebutton:active, div.padbutton:active, div.backbutton:active { background: url("../images/webphone/phone-dialog-btns.png") no-repeat scroll -184px -46px transparent; }
.phoneButton.Grey, div.voicebutton, div.padbutton, div.backbutton { background: url("../images/webphone/phone-dialog-btns.png") no-repeat scroll -184px -87px transparent; }

.phoneButton a
{
	cursor: pointer;
	display: block;
	letter-spacing: 0.03em;
	text-decoration: none;
	padding: 7px 4px 8px 21px;
}

.phoneButton.Green a, .phoneButton.Red a
{
	
	color: #FFFFFF;
	text-shadow: 0 1px 0px #333333;
	
}

.phoneButton.Grey a
{
	
	color: #333333;
	text-shadow: 0 1px 0px #FFFFFF;
	
}
 
.phoneFrameUpper 
{

	background: none repeat scroll 0 0 #fff;
	color: #111111;
	height: 145px;
	left: 3px;
	margin-left: 3px;
	margin-top: -7px;
	overflow: hidden;
	padding: 0;
	text-align: left;
	width: 368px;

}

div.input-dial {
    left: 200px;
    position: relative;
    top: 62px;
    z-index: 2;
	width: 167px;
}

#incall-dialer.input-dial {
    left: 190px;
    position: relative;
    top: -23px;
    z-index: 2;
}

div.number-dial {
    left: 7px;
    position: absolute;
    top: -8px;
    z-index: 2;
}

div.number-dial ul li {
    display: inline;
    height: 49px;
    width: 59px;
}

div#dialog-phone .ui-dialog-titlebar-close {
	top: -3px;
}

td#UserHomePhone img, td#UserHomeMobile img, td#UserHomeFax img, td#UserWorkPhone img, td#UserWorkMobile img, td#UserWorkFax img {
	left: 7px;
    position: relative;
    top: 2px;
}

div.phoneFrameLower {
	height: 197px !important;
	padding: 0;
	position: absolute;
	top: 0 !important;
	width: 381px !important;
	z-index: 1;
}

.ui-dialog-titlebar {
	width: 381px;
	z-index: 3;
}

.ui-dialog-titlebar span {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) !important;
}

.ui-dialog-titlebar-close, .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close.errorUpdate:hover {
    background: url("../images/themes/fresh/ui-icons-white.png") no-repeat scroll 0 -209px transparent !important;
    clear: both;
    position: absolute;
    right: 17px;
    top: 10px;
    width: 15px;
}

.ui-dialog-title {
	font-family: Arial,sans-serif;
    vertical-align: middle;
}

.status-text, .status-text2 {
    color: #B60B0B;
    margin: 5px 0;
    clear: both;
}

.welcome-content {
    background: url("../images/webphone/dial-content.png") no-repeat scroll 0 0 transparent;
    height: 120px;
    left: 4px;
    position: relative;
    top: 38px;
    width: 163px;
}

.welcome-content, .phoneGeneralPanelBg {
    background: none repeat scroll 0 0 transparent;
    height: auto;
    left: 213px;
    padding: 12px;
    position: relative;
    top: 28px;
    width: 145px;
}

#contact_table a {
	color: #333333;
    text-decoration: underline;
}

/*----------------------------
	SMS
-----------------------------*/
ol#reply li.grey-comment .message-bubble {
	background: url("../images/webphone/grey-sms-middle.png") repeat-y scroll 0 0 transparent;
	clear: both;
	height: 100%;
	padding: 17px 28px 0 34px;
}

.comments .message-bubble-reply {
	background:url("../images/grey-comment-left.png") no-repeat scroll 0 100% transparent;
	min-height:58px;
	padding: 12px 28px 19px 100px;
}

.comments li.blue-response div.message-bubble {
	background:url("../images/webphone/blue-sms-middle.png") repeat-y scroll 0 0 transparent;
	clear: both;
	height: 100%;
	padding: 18px 28px 0 101px;
}

div.white-bg {
	background:url("../images/white-bg.png") no-repeat scroll 0 100% transparent;
	height:62px;
	left:-21px;
	position:relative;
	top:-13px;
}

div.message-bubble-reply div.white-bg {
	background:url("../images/white-bg.png") no-repeat scroll 0 100% transparent;
	height:62px;
	left:-84px;
	position:relative;
	top:-13px;
}

li.blue-response div.white-bg {
	background:url("../images/white-bg.png") no-repeat scroll 0 100% transparent;
	height:62px;
	left:-1px;
	position:relative;
	top:-13px;
}

div.white-bg DIV {
	color:#323232;
	display:block;
	line-height:18px;
	padding:12px 0 0 11px;
	width: 180px;
}

textarea.expand {
	color:#323232;
	display:block;
	line-height:18px;
	min-height:36px;
	padding:0 0 5px 13px;
	width:265px;
	border:medium none;
	margin-left:7px;
}

li.grey-comment SPAN.photo {
	height: 57px;
	width: 58px;
	left:12px;
	top:15px;
	position:absolute;
	background: transparent url("../images/avatar.png") no-repeat top left;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

li.blue-response SPAN.photo {
	-moz-border-radius: 3px 3px 3px 3px;
	background: url("../images/avatar-blue.png") no-repeat scroll left top transparent;
	height: 57px;
	left: 13px;
	position: absolute;
	top: 18px;
	width: 58px;
}

div.white-bg-sms-top {
	background:url("../images/webphone/white-bg-voicemail-top.png") no-repeat scroll 0 0 transparent;
	height:10px;
	left:-20px;
	position:relative;
	top:-7px;
	z-index:2;
	width:290px;
}

div.white-bg-sms {
	background:url("../images/webphone/white-bg-voicemail-middle.png") repeat-y scroll 0 0 transparent;
	height:100%;
	left:-20px;
	position:relative;
	top:-7px;
	z-index:2;
}

div.white-bg-sms span {
	color:#323232;
	display:block;
	line-height:18px;
	min-height:36px;
	padding:0 0 5px 13px;
	width:265px;
}

div.grey-comment-bottom {
	background: url("../images/webphone/grey-sms-right-bottom.png") no-repeat scroll 0 0 transparent;
	height: 25px;
	position: relative;
	right: 1px;
	top: 0;
	width: 381px;
}

li.blue-response div.grey-comment-bottom {
	background:url("../images/webphone/blue-sms-left-bottom.png") no-repeat scroll 0 0 transparent;
	height: 26px;
	position: relative;
	right: 0;
	top: 0;
}

div.blue-comment-bottom {
	background:url("../images/webphone/blue-sms-left-bottom.png") no-repeat scroll 0 0 transparent;
	height:23px;
	margin-bottom:-48px;
	padding:0 28px 40px 100px;
	position:relative;
	top:-60px;
	right:1px;
}

div.white-bg-sms-bottom {
	background:url("../images/webphone/white-bg-voicemail-bottom.png") no-repeat scroll 0 0 transparent;
	height:8px;
	left:-20px;
	position:relative;
	top:-7px;
	z-index:1;
}

div.message-bubble#new-sms {
	padding-bottom: 0 !important;
	padding-left: 100px !important;
	padding-right: 28px !important;
	width: 287px;
}

div.message-bubble#new-sms-msg {
	margin-top: -21px;
	padding: 0 28px 8px 100px !important;
	width: 287px;
}

.new-sms-send {
	background: url("../images/webphone/send-sms.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 25px;
	margin-left: 208px;
	text-indent: -999px;
	width: 59px;
}

/*----------------------------
	Voicemail
-----------------------------*/
.player_container {
		float:right;
		position:relative;
	   	top:-10px;
		z-index:2;
	   	clear: both;
}

div.white-bg-voicemail-top {
	   	background:url("../images/webphone/white-bg-voicemail-top.png") no-repeat scroll 0 0 transparent;
		height:10px;
		left:-20px;
		position:relative;
	   	top:-7px;
		z-index:2;
}

div.white-bg-voicemail-bottom {
	   	background:url("../images/webphone/white-bg-voicemail-bottom.png") no-repeat scroll 0 0 transparent;
	   	height:8px;
		left:-20px;
	   	position:relative;
		top:-7px;
	   	z-index:1;
}

div.white-bg span, div.white-bg-voicemail span {
		color:#323232;
		display:block;
		line-height:18px;
	   	min-height:36px;
		padding:0 0 5px 13px;
	   	width:265px;
}

.comments li.blue-comment .meta {
	background: url("../images/webphone/blue-voicemail-right-top.png") no-repeat scroll 0 0 transparent;
	height: 84px;
	margin-top: -7px;
	position: absolute;
	width: 453px;
	z-index: 1;
}

li.vm div.blue-comment-bottom {
	background: url("../images/webphone/blue-voicemail-right-bottom.png") no-repeat scroll 0 0 transparent;
	height: 23px;
	margin-bottom: -48px;
	padding: 0 28px 40px 100px;
	position: relative;
	right: 0;
	top: 0;
}

div.white-bg-voicemail {
	background:url("../images/webphone/white-bg-voicemail-middle.png") repeat-y scroll 0 0 transparent;
	height:100%;
	left:-20px;
	position:relative;
	top:-7px;
	z-index:2;
}

li.play  {
	background:url("../images/webphone/voicemail-play-blue.png") no-repeat scroll 0 0 transparent;
	cursor:pointer;
	height:25px;
	width:59px;
}

li.play:hover  {
	border: none;
}

li.pause  {
	background:url("../images/webphone/voicemail-pause-blue.png") no-repeat scroll 0 0 transparent;
	cursor:pointer;
	height:25px;
	width:59px;
	right:-10px;
	top:3px;
	z-index:2;
	display:none;
}

li.pause:hover  {
	border: none;
}

li.pause:active  {
	background:url("../images/webphone/voicemail-pause-blue-over.png") no-repeat scroll 0 0 transparent;
}

li.play:active  {
	   	background:url("../images/webphone/voicemail-play-blue-over.png") no-repeat scroll 0 0 transparent;
}

li.image-play, li.image-pause {
	position: absolute;
	right: -10px;
	top: 3px;
	z-index: 2;
}

li.blue-comment span.photo {
	-moz-border-radius:3px 3px 3px 3px;
	background:url("../images/avatar-blue.png") no-repeat scroll left top transparent;
	height:57px;
	left:13px;
	position:absolute;
	top:16px;
	width:58px;
}

ol#reply {
	margin-bottom: 0px;
}

ol#reply li.grey-comment {
	margin-bottom: 0px;
}

.comments li.blue-comment .message-bubble {
	background: url("../images/webphone/blue-voicemail-middle.png") repeat-y scroll 0 0 transparent;
	clear: both;
	height: 100%;
	padding: 18px 28px 0 101px;
}


ul.sms-btn-send {
    margin: 0;
    position: absolute;
    right: 10px;
    width: 68px;
}

ul.sms-btn-send #phone-btn-blue a span {
	background: url("../images/themes/fresh/action-btn.png") repeat-x scroll 0 0 transparent;
	border: 1px solid #ABABAB;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

ul.sms-btn-send #phone-btn-blue a:active {
	background: url("../images/themes/fresh/action-btn.png") repeat-x scroll 0 0 transparent;
}

ul.sms-btn-send #phone-btn-blue a:active span {
	background: url("../images/ui-images.png") no-repeat scroll 0 0 transparent;
}

ul.sms-btn-send #phone-btn-blue a {
	background: url("../images/themes/fresh/action-btn.png") repeat-x scroll 0 0 transparent;
}

/*
	Buttons
*/
#compose-btn {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    height: 37px;
    left: 0;
    padding-left: 6px;
    position: fixed;
    top: 61px;
    width: 210px;
    z-index: 1;
}

#minipad-arrow.arrow {
    color: #7A7A7A;
    bottom: 8px;
    position: absolute;
    right: 9px;
    text-shadow: 0 1px 1px #EEEEEE;
}

/*
	Call
*/

/* Flash */
.phone1FlashWrapper {
	right: 344px;
	width: 200px;
	display: hidden;
}

/* Incoming Call */
.phoneRemoteNumber 
{
    color: #01A3E3;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 135px;
	top: 4px !important;
}

img.phoneRemoteImg {
    border: 1px solid #D0D0D0;
    height: 72px;
    width: 72px;
    position: relative;
}

img.phoneRemoteImg[src*="contact-photo.png"] {
	border: 1px solid #fff;
	height: 72px !important;
    width: 60px;
}

div.cssSMSToasterHold img.phoneRemoteImg, div.cssSMSToasterHold img.phoneRemoteImg[src*="contact-photo.png"] {
	height: 32px !important;
	width: 32px;
}

div.cssSMSToasterHold img.phoneRemoteImg[src*="contact-photo.png"] {
	height: 32px !important;
	left: 8px !important;
	width: 29px !important;
	top: -3px;
}

div.accept-call img.phoneRemoteImg {
	left: 8px;
}

div.cssSMSToasterHold img.phoneRemoteImg[src*="contact-photo.png"] ~ div.call-info {
	left: 49px !important;
}

.cssSMSToaster div.call-info {
    left: 56px;
    position: absolute;
    top: 47px;	
}

#templateCALLToaster div.call-info {
    left: 49px;
    position: absolute;
    top: 51px;	
}

div.call-info .phoneRemoteName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 135px;
}

DIV.newCallType {
	font-size: 13px !important;
	float: left;
	font-weight: bold;
}

.click_to_dial {
	cursor: pointer;
	color: Blue;
}

DIV.cssMainDetailsPanelCDR {
	bottom: 0;
    padding-bottom: 0;
}

DIV.cssMainDetailsPanelCDR span.ViewMoreCalls {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    font-size: 14px;
    padding-bottom: 25px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    width: 100%;	
}

DIV.cssMainDetailsPanelCDR span.ViewMoreCalls:hover {
	cursor: pointer;
	color: #01A3E3;
}

DIV.cssMainDetailsPanelSMS span.ViewMoreMessages {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    font-size: 14px;
    padding-bottom: 25px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    width: 100%;
}

DIV.cssMainDetailsPanelSMS span.ViewMoreMessages:hover {
	cursor: pointer;
	color: #01A3E3;
}

DIV.newCalls {
    padding: 20px 40px 40px;	
}

.call-connected, .incoming-call {
    background: url("../images/webphone/call-grad.png") repeat-x scroll 0 0 #FFFFFF;
    border-right: 1px solid #A9ADB2;
    border-top: none;
    bottom: 0;
    height: 234px;
    padding: 11px 0 0 5px;
    position: fixed;
    width: 211px;
}

.callQuality {
    left: 64px;
    position: relative;
    top: 3px;
	height: 14px;
}

.call-dialpadButtons.incall {
	bottom: 16px;
	position: relative;
}

.call-connected .displayNone ~ img.callQuality, .callQuality.incall {
    left: 142px;
    position: absolute;
    top: 14px;
}

.callQuality.incall {
	left: 137px;
	top: 5px;
}

.callStatus4G {
    float: left;
    margin-left: 8px;
    padding-top: 1px;
    position: relative;
    top: 4px;
    width: 51px;	
}

.phoneMiniDial b, .callStatus {
	float: left;
}

.caller-details, .call-detail .photo {
	float: left;
    text-align: center !important;
    width: 207px !important;
	position: static !important;
}

.status-text, .status-text2 {
	margin: 0;
}

ul.abookButtonUnit, ul.closeButtonUnit {
    bottom: -16px;
    position: relative;
}

ul.closeButtonUnit.contactExists, ul.abookButtonUnit.contactExists {
	bottom: -3px;
}

.call-dialpadButtons.incall ul.closeButtonUnit {
	top: 3px;
}

ul.closeButtonUnit.MuteUnmute li.buttonMuteUnmute { 
    margin-left: -27px;
	margin-right: 0px;
}

ul.closeButtonUnit li.buttonMuteUnmute.UnMute {
    margin-left: -27px;	
}

ul.closeButtonUnit.MuteUnmute li.buttonEnd {
    margin-right: 5px;
}

.call-detail .photo  {
	margin-top: 14px;
	min-height: 78px;
}

.call-dialpad {
	background: url("../images/webphone/call-grad.png") repeat-x scroll 0 0 #FFFFFF;
    border-right: 1px solid #A9ADB2;
    border-top: none;
    bottom: -140px;
    height: 232px;
    padding: 10px 0 0 5px;
    position: fixed;
    width: 211px;
}
	
@media screen and (-webkit-min-device-pixel-ratio:0) {.call-dialpad {bottom:4px;}} /* Fix for webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {.call-dialpadButtons.incall ul.closeButtonUnit {top:0px;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {.call-dialpadButtons.incall li.buttonMuteUnmute a strong, .call-dialpadButtons.incall li.buttonEnd a strong {padding-top:5px;}}

.callStatus {
    font-size: 13px;
    position: relative;
    top: 4px;
	width: auto;
}

.callStatus.incall {
    float: left;
    font-size: 13px;
    position: relative;
    top: 6px;
	font-weight: bold;
    width: 73px;	
}

.incall-no {
	color: #2088BE;
	width: 100%;
}

img.dialpad-numberpad {
    cursor: pointer;
    height: 145px;
    left: -3px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 7px;
    width: 212px;
}

.call-detail {
    margin-top: 10px;
}

.call-dialpad .dialpad
{
	margin-bottom:3px;	
}

.mini-drop {
	background: url("../images/webphone/mini-drop.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	float: right;
	height: 22px;
	margin-top: 0px;	
	width: 21px;
}

.mini-dial-drop {
    font-size: 11px;
    position: absolute;
    right: 4px;
    top: 11px;
    width: 17px;
}

.mini-dial-drop a {
	background: none repeat scroll 0 0 transparent;
	border: none !important;
	color: #444444 !important;
	font-size: 13px;
	font-weight: bold;
	margin-left: 0;
	padding: 5px 20px 5px 15px;
	text-shadow: 0 1px 0 #FFFFFF;
}

.mini-drop #jsddm li ul li a {
    font-weight: bold;
    padding: 3px 12px 0 22px !important;
    text-align: center;
    width: auto !important;
}

.mini-drop #jsddm li ul li a:hover {
    background: none repeat scroll 0 0 #F1F1F1 !important;
    margin-bottom: 0;
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-top: 0;
    padding: 3px 7px 0 6px !important;
}

ul.menu_drop_more_dialpad {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #BFBFBF #BFBFBF #B2B2B2;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    left: 0 !important;
    margin-left: -280px !important;
    padding-bottom: 3px !important;
    right: 0;
    top: 32px;
    width: auto !important; 
}

ul.menu_drop_more_dialpad:before, ul.menu_drop_more_dialpad:after {
	left: 92px;
}

.mini-dial-drop li a, .mini-dial-drop li a span {
	background: none !important;
}

.buttonDialpadShowHide {
	background: url("../images/webphone/mini-dial.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	float: right;
	height: 22px;
	margin-top: 0px;	
	width: 26px;
		
}

.phoneMiniDial {
    background: url("../images/webphone/call-grad.png") repeat-x scroll 0 0 #FFFFFF;
    border-right: 1px solid #A9ADB2;
    /* border-top: 1px solid #A9ADB2; */
    bottom: 0px;
    height: 84px;
    padding: 11px 0 0 5px;
    position: fixed;
	overflow: auto;
	overflow-x:hidden;
    width: 211px;
}


/* Call Quality Indicators */
.phoneMiniDial img, .call-dialpadDialInput img {
    display: inline-block;
    float: left;
    margin-left: 69px;
    margin-top: 4px;
    position: static;
    width: 18px;
}

.call-dialpadDialInput img {
	margin-left: 65px;
	margin-top: 2px;
}

.call-connected img.excellent {
    display: inline-block;
    height:17px;
    position: absolute;
    right: 51px;
    top: 14px;
    width: 18px;
}

.call-connected img.good {
    display: inline-block;
    height:17px;
    position: absolute;
    right: 51px;
    top: 14px;
    width: 18px;
}

.call-connected img.poor {
    display: inline-block;
    height:17px;
    position: absolute;
    right: 51px;
    top: 14px;
    width: 18px;
}

.call-connected img.no-connection {
    display: inline-block;
    height:17px;
    position: absolute;
    right: 51px;
    top: 14px;
    width: 18px;
}

img.poor {
    background: url("../images/webphone/signal.png") no-repeat scroll 0 -33px transparent;
    border: none;
    height: 17px;
    width: 18px;
}

img.excellent {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px 0px transparent;
	border: none;
    height: 17px;
    width: 18px;
}

img.good {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -16px transparent;
	border: none;
    height: 17px;
    width: 18px;
}

img.no-connection {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -254px transparent;
	border: none;
    height: 17px;
    width: 18px;
}

.phoneOptions {
	background: url("../images/webphone/call-grad.png") repeat-x scroll 0 0 #FFFFFF;
    border-right: 1px solid #A9ADB2;
    bottom: 0;
    height: 120px;
    padding: 4px 0 0 5px;
    position: fixed;
    width: 211px;
}

.call-wait {
	left: 87px;
    position: absolute;
    top: 14px;
}

.buttonRedial ul li, .buttonAddContact ul li, .buttonClose ul li {
    display: inline;
    float: left;
    list-style-type: none;
}

.phoneMiniDialButton ul li, .buttonMuteUnmute ul li, li.buttonEnd ul li, li.buttonAnswer ul li, li.buttonIgnore ul li, li.buttonBusy ul li {
    display: inline;
    float: left;
    list-style-type: none;
}

li.phoneMiniDialButton a, li.buttonMuteUnmute a, li.buttonEnd a, li.buttonAnswer a, li.buttonIgnore a, li.buttonBusy a, li.buttonRedial a, li.buttonAddContact a, li.buttonClose a {
	background: url("../images/themes/fresh/action-btn.png") repeat-x scroll 0 0 transparent;
    color: #424242;
    display: block;
    float: left;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 1px #EEEEEE;
	border: 1px solid #ABABAB;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

li.phoneMiniDialButton a span, li.buttonMuteUnmute a span, li.buttonEnd a span, li.buttonAnswer a span, li.buttonIgnore a span, li.buttonBusy a span, li.buttonAddContact a span, li.buttonClose a span, li.buttonRedial a span {
	display: block;
    float: left;
    text-shadow: 0 1px 1px #EEEEEE;
}

li.buttonRedial a span:active, li.buttonAddContact a span:active, li.buttonClose a span:active, li.phoneMiniDialButton a span:active, li.buttonMuteUnmute a span:active, li.buttonEnd a span:active, li.buttonAnswer a span:active, li.buttonIgnore a span:active, li.buttonBusy a span:active  {
	background: url("../images/ui-images.png") no-repeat scroll 0 0 transparent;
}

li.phoneMiniDialButton a:active, li.buttonMuteUnmute a:active, li.buttonEnd a:active, li.buttonAnswer a:active, li.buttonIgnore a:active, li.buttonBusy a:active, li.buttonAddContact a:active, li.buttonClose a:active {
	background: url("../images/themes/Blue-Steel/action_btn_right.png") no-repeat scroll 100% 0 transparent;
}

li.phoneMiniDialButton a strong, li.buttonMuteUnmute a strong, li.buttonEnd a strong, li.buttonAnswer a strong, li.buttonIgnore a strong, li.buttonBusy a strong, li.buttonRedial a strong, li.buttonAddContact a strong, li.buttonClose a strong {
	background: url("../images/themes/fresh/ui-toolbar-icons.png") no-repeat scroll 4px -632px transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    overflow: hidden;
    padding: 5px 10px 0 27px;
    position: relative;
}

li.phoneMiniDialButton a:hover strong, li.buttonMuteUnmute a:hover strong, li.buttonEnd a:hover strong, li.buttonAnswer a:hover strong, li.buttonIgnore a:hover strong, li.buttonBusy a:hover strong, li.buttonRedial a:hover strong, li.buttonAddContact a:hover strong, li.buttonClose a:hover strong {
	color: #2088BE;
}

li.phoneMiniDialButton a:hover strong, li.buttonEnd a:hover strong, li.buttonAnswer a:hover strong, li.buttonIgnore a:hover strong, li.buttonBusy a:hover strong, li.buttonRedial a:hover strong {
	background: url("../images/themes/fresh/ui-hover-icons.png") no-repeat scroll 3px -602px transparent !important;
}

div.call-dialpadDialInput li.phoneMiniDialButton a strong {
	padding: 4px 10px 1px 27px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {div.call-dialpadDialInput li.phoneMiniDialButton a strong {padding: 5px 10px 0 27px;}}


ul.incoming-btns {
	margin-left: -2px;
}

li.buttonIgnore a strong, li.buttonBusy a strong {
	background: none;
	padding: 5px 13px 0 15px;
}

li.buttonEnd a strong, li.buttonClose a strong {
    background: url("../images/themes/fresh/ui-toolbar-icons.png") no-repeat scroll 33px -632px transparent;
    padding: 5px 33px 0 57px !important;
}

li.buttonEnd a:hover strong, li.buttonClose a:hover strong {
	background-position: 32px -602px !important;
}

div.call-dialpadButtons li.buttonEnd a strong, li.buttonClose a strong {
	padding: 4px 14px 1px 13px;
}

li.buttonMuteUnmute a strong {
	/* background: url("../images/webphone/mute.png") no-repeat scroll 7px 5px transparent; */
	background: none;
	padding: 5px 9px 0;
}

li.buttonMuteUnmute[muted='false'] a strong {
	padding: 5px 17px 0 !important;
}

li.buttonAddContact a strong {
    background: url("../images/themes/fresh/ui-toolbar-icons.png") no-repeat scroll 3px -282px transparent;
    padding: 5px 10px 0 28px;
}

li.buttonAddContact a:hover strong {
	background: url("../images/themes/fresh/ui-hover-icons.png") no-repeat scroll 3px -274px transparent;
}

li.buttonClose {
    margin-right: 22px !important;
    margin-top: 3px !important;
}

li.buttonClose a strong {
    background: none repeat scroll 0 0 transparent !important;
	padding: 4px 14px 1px 13px !important;
}

.phoneMiniDial b, .phoneCallStatus b, .call-detail b {
    font-size: 13px;
    position: relative;
	width: auto;
    top: 4px;
	color: #424242;
}

.call-connected .phoneCallStatus {
    float: left;
    font-size: 13px;
    position: relative;
    top: 4px;
    width: 73px;
	font-weight: bold;
}

.incall-time {
	color: #2088BE;
	float: right;
	font-size: 13px;
	font-weight: bold;
	height: 0;
	margin-left: -10px;
	margin-right: 35px;
 	margin-top: 4px;
}

.call-dialpad .incall-time {
	margin-right: -56px;
	margin-top: 6px;	
}

.phoneMiniDial input, .phoneMiniDialInput {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #ABABAB;
    bottom: -12px;
    clear: both;
    float: left;
    left: 0;
    margin-right: 0;
    outline: medium none;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-top: 6px;
    position: relative;
    width: 136px;
}

div.call-dialpadDialInput .phoneMiniDialInput, div.call-dialpadDialInput li.phoneMiniDialButton {
	bottom: -15px;
}

.phoneMiniDialInputold1 {
	margin-top: 13px;
	font-size: 12px;
	width: 134px;
}

.phoneMiniDial input[type=button] {
	width: 38px;
}

li.CallbtnsGrey, li.phoneMiniDialButton, li.buttonMuteUnmute, li.buttonEnd, li.buttonAnswer, li.buttonIgnore, li.buttonBusy,li.buttonRedial, li.buttonAddContact, li.buttonClose {
    display: inline;
    float: right;
    margin-right: 4px;
    position: relative;
    bottom: -12px;
}

li.buttonAnswer, li.buttonIgnore, li.buttonBusy {
	margin-right: 3px;
	float: left;
}

li.buttonMuteUnmute, li.buttonAddContact {
	float: left;
	margin-left: -14px;
	margin-top: 3px;
}

.call-dialpadButtons.incall li.buttonMuteUnmute, li.buttonAddContact {
	margin-left: -5px;
}

ul.abookButtonUnit.contactExists li.buttonAddContact {
    float: left;
    margin-left: -17px !important;
    margin-right: 0 !important;
    margin-top: -39px;	
}

ul.abookButtonUnit.contactExists li.buttonRedial {
    bottom: -13px !important;
    float: left !important;
    left: -25px !important;
}

ul.abookButtonUnit.addContact li.buttonRedial a span strong {
    background: url("../images/themes/fresh/ui-toolbar-icons.png") no-repeat scroll 7px -632px transparent;
    padding: 5px 11px 0 29px;
}

ul.abookButtonUnit.addContact li.buttonRedial a:hover span strong {
	background-position: 6px -602px !important;
}

ul.abookButtonUnit.contactExists li.buttonRedial a span strong {
    background: url("../images/themes/fresh/ui-toolbar-icons.png") no-repeat scroll 36px -632px transparent !important;
    padding: 5px 45px 0 59px !important;
}

ul.abookButtonUnit.addContact li.buttonRedial {
    bottom: -35px;
    clear: both;
    float: left;
    left: 39px;
}

ul.abookButtonUnit.addContact.contactExists li.buttonRedial {
	bottom: -20px !important;
}

ul.abookButtonUnit.addContact.contactExists li.buttonClose {
	bottom: 10px !important;
}

ul.abookButtonUnit.addContact li.buttonAddContact {
   	bottom: 25px;
    clear: both;
    left: -21px;
}

ul.abookButtonUnit.addContact li.buttonClose {
    bottom: -5px;
    clear: both;
    margin-right: 0 !important;
    right: 5px;
}

.abookButtonUnit.addContact {
	top: -2px;
}

.caller-details .phoneRemoteNumber.addContact {
	position: relative;
	top: -11px !important;
}

.caller-details .phoneRemoteNumber {
	position: relative;
	top: 0px !important;	
}

ul.abookButtonUnit.contactExists li.buttonClose {
    bottom: 17px !important;
    margin-right: 0 !important;
    right: 5px !important;
}

ul.closeButtonUnit.MuteUnmute.contactExists li.buttonMuteUnmute, ul.closeButtonUnit.contactExists li.buttonEnd {
	bottom:-9px;
}

li.buttonEnd {
    margin-right: 17px;
    margin-top: 3px;
}

.call-dialpadButtons.incall li.buttonEnd {
	margin-right: 26px;
}

ul.call-connected-buttons li {
	display: inline;
    float: left;
    list-style-type: none;
}

ul.call-connected-buttons li a {
    color: #212121;
    float: left;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 1px #EEEEEE;
}

ul.call-connected-buttons li a {
    background: url("../images/themes/Blue-Steel/button_right.png") no-repeat scroll 100% 0 transparent;
    display: inline;
    margin: 5px 4px 4px 0;
}

ul.call-connected-buttons li a span {
    background: url("../images/themes/Blue-Steel/Blue-Steel.png") no-repeat scroll 0 -362px transparent;
    display: block;
    float: left;
    text-shadow: 0 1px 1px #EEEEEE;
}

ul.call-connected-buttons li a span strong {
	cursor: pointer;
    display: block;
    float: left;
    height: 21px;
    overflow: hidden;
    padding: 5px 10px 0 26px;
    position: relative;
}

.call-connected-buttons {
	bottom: 0px !important;
}

.call-connected-buttons input {
	color: #212121;
	font-weight: bold;
	text-shadow: 0 1px 1px #EEEEEE;
}

#minipad .buttonAnswer, #minipad .buttonEnd, #minipad .buttonMuteUnmute {
	position: relative;
	bottom: 7px;
	border: none;
	background: none;
	width: 32px;
}

#minipad .buttonAnswer {
    left: 16px;
}

#minipad .buttonEnd {
    left: 43px;
}

#minipad .buttonMuteUnmute {
	left: 68px;
	width: 48px;
}

.incall-name {
    color: #5A5A5A;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 1px #FFFFFF;
}

DIV.newCallDuration {
    color: #97A9B6;
    float: left;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 2px;
}

DIV.newCallRow:hover { 
	cursor: pointer;
	color: #fff !important;
}

DIV.newCallRow:hover DIV.newCallDuration, DIV.newCallRow:hover DIV.newCallTime  {
	color: #fff !important;
}

div#Email #secondary {
    margin-bottom: 95px;
}

/* Themes */
body.green .phoneMiniDial, body.green .call-dialpad, body.green .call-connected, body.green .incoming-call {
	background: url("../images/webphone/call-grad-green.png") repeat-x scroll 0 0 #FFFFFF;
}

body.green li.buttonAddContact a:hover strong {
    background: url("../images/themes/fresh/ui-hover-icons-green.png") no-repeat scroll 3px -274px transparent;
}

body.green li.phoneMiniDialButton a:hover strong, body.green li.buttonMuteUnmute a:hover strong, body.green li.buttonEnd a:hover strong, body.green li.buttonAnswer a:hover strong, body.green li.buttonIgnore a:hover strong, body.green li.buttonBusy a:hover strong, body.green li.buttonRedial a:hover strong, body.green li.buttonAddContact a:hover strong, body.green li.buttonClose a:hover strong, body.green .incall-time {
	color: #008183;
}

body.green li.phoneMiniDialButton a:hover strong, body.green li.buttonEnd a:hover strong, body.green li.buttonAnswer a:hover strong, body.green li.buttonIgnore a:hover strong, body.green li.buttonBusy a:hover strong, body.green li.buttonRedial a:hover strong {
	background: url("../images/themes/fresh/ui-hover-icons-green.png") no-repeat scroll 3px -602px transparent !important;
}

body.green img.poor {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -84px transparent;
}

body.green img.excellent {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -51px transparent;
}

body.green img.good {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -67px transparent;
}

body.green li.buttonEnd a:hover strong, body.green li.buttonClose a:hover strong {
	background-position: 32px -602px !important;
}

body.red .phoneMiniDial, body.red .call-dialpad, body.red .call-connected, body.red .incoming-call {
	background: url("../images/webphone/call-grad-red.png") repeat-x scroll 0 0 #FFFFFF;
}

body.red li.buttonAddContact a:hover strong {
    background: url("../images/themes/fresh/ui-hover-icons-red.png") no-repeat scroll 3px -274px transparent;
}

body.red li.phoneMiniDialButton a:hover strong, body.red li.buttonMuteUnmute a:hover strong, body.red li.buttonEnd a:hover strong, body.red li.buttonAnswer a:hover strong, body.red li.buttonIgnore a:hover strong, body.red li.buttonBusy a:hover strong, body.red li.buttonRedial a:hover strong, body.red li.buttonAddContact a:hover strong, body.red li.buttonClose a:hover strong, body.red .incall-time {
	color: #CE3F60;
}

body.red li.phoneMiniDialButton a:hover strong, body.red li.buttonEnd a:hover strong, body.red li.buttonAnswer a:hover strong, body.red li.buttonIgnore a:hover strong, body.red li.buttonBusy a:hover strong, body.red li.buttonRedial a:hover strong {
	background: url("../images/themes/fresh/ui-hover-icons-red.png") no-repeat scroll 3px -602px transparent !important;
}

body.red  img.poor {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -237px transparent;
}

body.red  img.excellent {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -204px transparent;
}

body.red  img.good {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -220px transparent;
}

body.red li.buttonEnd a:hover strong, body.red li.buttonClose a:hover strong {
	background-position: 32px -602px !important;
}

body.purple .phoneMiniDial, body.purple .call-dialpad, body.purple .call-connected, body.purple .incoming-call {
	background: url("../images/webphone/call-grad-purple.png") repeat-x scroll 0 0 #FFFFFF;
}

body.purple li.buttonAddContact a:hover strong {
    background: url("../images/themes/fresh/ui-hover-icons-purple.png") no-repeat scroll 3px -274px transparent;
}

body.purple li.phoneMiniDialButton a:hover strong, body.purple li.buttonMuteUnmute a:hover strong, body.purple li.buttonEnd a:hover strong, body.purple li.buttonAnswer a:hover strong, body.purple li.buttonIgnore a:hover strong, body.purple li.buttonBusy a:hover strong, body.purple li.buttonRedial a:hover strong, body.purple li.buttonAddContact a:hover strong, body.purple li.buttonClose a:hover strong, body.purple .incall-time {
	color: #7A62AC;
}

body.purple li.phoneMiniDialButton a:hover strong, body.purple li.buttonEnd a:hover strong, body.purple li.buttonAnswer a:hover strong, body.purple li.buttonIgnore a:hover strong, body.purple li.buttonBusy a:hover strong, body.purple li.buttonRedial a:hover strong {
	background: url("../images/themes/fresh/ui-hover-icons-purple.png") no-repeat scroll 3px -602px transparent !important;
}

body.purple  img.poor {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -135px transparent;
}

body.purple  img.excellent {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -102px transparent;
}

body.purple  img.good {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -118px transparent;
}

body.purple li.buttonEnd a:hover strong, body.purple li.buttonClose a:hover strong {
	background-position: 32px -602px !important;
}

body.orange .phoneMiniDial, body.orange .call-dialpad, body.orange .call-connected, body.orange .incoming-call {
	background: url("../images/webphone/call-grad-orange.png") repeat-x scroll 0 0 #FFFFFF;
}

body.orange li.buttonAddContact a:hover strong {
    background: url("../images/themes/fresh/ui-hover-icons-orange.png") no-repeat scroll 3px -274px transparent;
}

body.orange li.phoneMiniDialButton a:hover strong, body.orange li.buttonEnd a:hover strong, body.orange li.buttonAnswer a:hover strong, body.orange li.buttonIgnore a:hover strong, body.orange li.buttonBusy a:hover strong, body.orange li.buttonRedial a:hover strong {
	background: url("../images/themes/fresh/ui-hover-icons-orange.png") no-repeat scroll 3px -602px transparent !important;
}

body.orange li.phoneMiniDialButton a:hover strong, body.orange li.buttonMuteUnmute a:hover strong, body.orange li.buttonEnd a:hover strong, body.orange li.buttonAnswer a:hover strong, body.orange li.buttonIgnore a:hover strong, body.orange li.buttonBusy a:hover strong, body.orange li.buttonRedial a:hover strong, body.orange li.buttonAddContact a:hover strong, body.orange li.buttonClose a:hover strong, body.orange .incall-time {
	color: #DA5B27;
}

body.orange  img.poor {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -186px transparent;
}

body.orange  img.excellent {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -153px transparent;
}

body.orange  img.good {
	background: url("../images/webphone/signal.png") no-repeat scroll 0px -169px transparent;
}

body.orange li.buttonEnd a:hover strong, body.orange li.buttonClose a:hover strong {
	background-position: 32px -602px !important;
}