html,body {overflow-x:hidden;overflow-y:hidden;font-family: Arial; font-weight: bold;}
/*=== Styles for divs with 'dial', 'link' or 'close' image next to text ===========*/
.dialKeyLeft, .dialEmptyKeyLeft, .linkKeyLeft, .closeKeyLeft, 
.dialSmallKeyLeft, .linkSmallKeyLeft, .settingKeyLeft, .saveKeyLeft, .groupKeyLeft {
	background-position: left top;
	background-repeat: no-repeat;
	height: 20px;
	padding-right: 0px; padding-left: 15px; padding-bottom: 0px; padding-top: 0px;
}
.dialKeyRight, .dialEmptyKeyRight, .linkKeyRight, .closeKeyRight, .settingKeyRight, .groupKeyRight {
	background-position: right top;
	background-repeat: no-repeat;
	height: 20px;
	padding-right: 15px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;
}
.dialKeyLeft, .dialKeyRight {
	background-image: url(../Images/icon-dial.gif);
}
.dialEmptyKeyLeft, .dialEmptyKeyRight {
	background-image: url(../Images/icon-dial-empty.gif);
}
.linkKeyLeft, .linkKeyRight  {
	background-image: url(../Images/icon-link.gif);
}
.closeKeyLeft, .closeKeyRight {
	background-image: url(../Images/icon-close.gif);
}
.dialSmallKeyLeft{
	background-position: left 1px;
	background-image: url(../Images/icon-dial-small.gif);
}
.linkSmallKeyLeft{
	background-position: left 1px;
	background-image: url(../Images/icon-link-small.gif);
}
.settingKeyLeft, .settingKeyRight {
	background-image: url(../Images/icon-setting.gif);
}
.saveKeyLeft {
	background-image: url(../Images/icon-save.gif);
}
.groupKeyLeft, .groupKeyRight {
	background-image: url(../Images/icon-group.gif);
}
/*=== Styles for positioning divs next to phone key on the left side ===============*/
.PK1Large, .PK2Large, .PK3Large, .PK4Large, .PK5Large, .PK6Large,
.PK7Large, .PK8Large, .PK9Large, .PK10Large, .PK11Large,
.PK12Large, .PK13Large, .PK14Large, .PK15Large, .PK16Large, .PK17Large, 
.PK18Large, .PK19Large, .PK20Large, .PK21Large, .PK22Large,
.PK1LargeCard, .PK2LargeCard, .PK3LargeCard, .PK4LargeCard, 
.PK5LargeCard, .PK6LargeCard, .PK7LargeCard, .PK8LargeCard, .PK9LargeCard,
.PK1LargeGCard, .PK2LargeGCard, .PK3LargeGCard, .PK4LargeGCard, 
.PK5LargeGCard, .PK6LargeGCard, .PK7LargeGCard, .PK8LargeCard, .PK9LargeGCard, .PK10LargeGCard, .PK11LargeGCard,
.PK12LargeGCard, .PK13LargeGCard, .PK14LargeGCard, .PK15LargeGCard, 
.PK16LargeGCard, .PK17LargeGCard, .PK18LargeGCard, .PK19LargeCard, .PK20LargeGCard, .PK21LargeGCard, .PK22LargeGCard,
.PK2LargeAux, .PK3LargeAux, .PK4LargeAux, .PK5LargeAux, .PK6LargeAux, 
.PK7LargeAux, .PK8LargeAux, .PK9LargeAux, .PK10LargeAux  {
	font-family: Mitel_53xx_Small_V2;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	position:absolute;
	left: 0px;
	width: 600px;
	z-index: 20;
}
/*=== Styles for positioning divs next to phone key on the right side ===============*/
.PK12Large, .PK13Large, .PK14Large, .PK15Large, .PK16Large, .PK17Large, 
.PK18Large, .PK19Large, .PK20Large, .PK21Large, .PK22Large,
.PK12LargeGCard, .PK13LargeGCard, .PK14LargeGCard, .PK15LargeGCard, 
.PK16LargeGCard, .PK17LargeGCard, .PK18LargeGCard, .PK19LargeCard, .PK20LargeGCard, .PK21LargeGCard, .PK22LargeGCard {
	text-align: right;
}
.PK1Large, .PK12Large {
	top: 48px;
}
.PK2Large, .PK13Large {
	top: 72px;
}
.PK3Large, .PK14Large {
	top: 96px;
}
.PK4Large, .PK15Large {
	top: 120px;
}
.PK5Large, .PK16Large {
	top: 144px;
}
.PK6Large, .PK17Large {
	top: 168px;
}
.PK7Large, .PK18Large {
	top: 192px;
}
.PK8Large, .PK19Large {
	top: 216px;
}
.PK9Large, .PK20Large {
	top: 240px;
}
.PK10Large, .PK21Large {
	top: 264px;
}
.PK11Large, .PK22Large {
	top: 288px;
}
/*=== Font Styles ===================================================================*/
.smallFont {
	font-family: Mitel_53xx_Small_V2;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
    line-height: 125%;
}
.largeFont {
	font-family: Mitel_53xx_Large_V2;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	line-height: 14px;
}
/*=== Screen styles =================================================================*/
/* This is the style for positioning background images */
.border {
	position:absolute;
	width:160;
	height:320;
	left: 0px;
	top: 0px;
}
/*=== Styles for positioning navigation arrows and home icon ========================*/
.arrowleft {
	position:absolute;
	left: 0px;
	top: 309px;
	z-index:35;
}
.arrowright {
	position:absolute;
	left: 151px;
	top: 309px;
	z-index:35;
}
.home {
	position:absolute;
	left: 76px;
	top: 309px;
	z-index:35;
}
/*=== Hyperlinks styles =============================================================*/
a:link
{
	text-decoration: none;
	color: Black;
	border-style: none;
}
a:visited
{
	text-decoration: none;
	color: Black;
	border-style: none;
}
a.largeFont {
	font-family: Mitel_53xx_Large_V2;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	visibility: visible;
}
/*=== Shared styles for divs with particular IDs ====================================*/
/* 'page' part of the following style names refers to the whole screen 160 x 320 px.
   All of the 'page' styles are used for positioning elements in the top part 
   of the page where there are no SCREENKEYS available*/
#pageHeaderImage
{
	position:absolute;
	left: 0px;
	top: 0px;
	width:160;
	z-index:0;
}
#pageDescription1 {
	position:absolute;
	left: 0px;
	top: 21px;
	width:160;
	height:9;
	z-index:9;
}
#pageDescription2 {
	position:absolute;
	left: 0px;
	top: 32px;
	z-index:8;
}
/* TwoTabTab1label and TwoTabTab1label are styles for divs which display 
   the labels of the 2-tab pages on the bottom of the page*/
#TwoTabTab1label {
	position:absolute;
	left: 11px;
	top: 306px;
	width:68px;
	height:9px;
	z-index:30;
	text-align:center;
}
#TwoTabTab2label {
	position:absolute;
	left: 82px;
	top: 306px;
	width:68px;
	height:9px;
	z-index:31;
	text-align:center;
}