﻿/* Popup Backgrounds */
.PopUp
{
	color: #FFF;
	background: none;
	position: absolute;
	z-index: 1;
}
.PopUp h3{ margin-bottom: 5px; }
.PopUp p, .PopUp h3{ width: 89%; }
.PopUp table { color: #FFF; font: normal 11px/13px Arial, Sans-Serif; }
.PopUp table td{ padding: 0 0 6px 6px;}
.LEDtable td { line-height: 8px; }
.LEDtable2 td { line-height: 9px; }

.Pop1 {	width: 171px; height: 191px; background: url("../../Images/KM/Popups/pop1.png") no-repeat 0 0; }
.Pop2 {	width: 171px; height: 191px; background: url("../../Images/KM/Popups/pop2.png") no-repeat 0 0; }
.Pop3 { width: 171px; height: 280px; background: url("../../Images/KM/Popups/pop3.png") no-repeat 0 0; }
.Pop4 { width: 171px; height: 280px; background: url("../../Images/KM/Popups/pop4.png") no-repeat 0 0; }
.Pop5 { width: 146px; height: 94px; background: url("../../Images/KM/Popups/pop5.png") no-repeat 0 0; }
.Pop6 { width: 285px; height: 191px; background: url("../../Images/KM/Popups/pop6.png") no-repeat 0 0; }
.Pop7 { width: 216px; height: 74px; background: url("../../Images/KM/Popups/pop7.png") no-repeat 0 0; }
.Pop8 { width: 171px; height: 116px; background: url("../../Images/KM/Popups/pop8.png") no-repeat 0 0; }
.Pop9 { width: 171px; height: 156px; background: url("../../Images/KM/Popups/pop9.png") no-repeat 0 0; }
.Pop10 { width: 216px; height: 74px; background: url("../../Images/KM/Popups/pop10.png") no-repeat 0 0; }
.Pop11 { width: 250px; height: 191px; background: url("../../Images/KM/Popups/pop11.png") no-repeat 0 0; }
.Pop12 { width: 250px; height: 191px; background: url("../../Images/KM/Popups/pop12.png") no-repeat 0 0; }
.Pop13 { width: 171px; height: 116px; background: url("../../Images/KM/Popups/pop13.png") no-repeat 0 0; }
.Pop15 { width: 260px; height: 171px; background: transparent url("../../Images/KM/Popups/pop15.png") no-repeat 0 0; }

/* Hotspots */
#Menu { top:0; left:0; height:0px; }
#Menu li { list-style:none; height:0px; }
#Menu li a { position:absolute; text-decoration:none; overflow: hidden;}
#Menu li a:hover { filter: none; opacity: none; border: 0; background: none; z-index: 3; }
.HotspotInfo { position:absolute; visibility:hidden; }
.HotspotInfo h3 { font-size:12px; text-transform:uppercase; }
.HotspotInfo p, .HotspotInfo table { font-size:11px;}

/*-------------------------------------------------------*/

/* Handheld Two-Way Radio: MTP850 - Custom_MTP850.ascx */

#MTP850Container 
{
	position:relative;
	height: 535px;
	margin-left: 74px;
	margin-bottom: 22px;
}
#MTP850Image 
{
	padding:0;
	top:0px;
	left:185px;
	position:absolute;
	background: url(../media/images/mtp850NEW.jpg) no-repeat 0 0;
	width:127px;
	height:542px;
	margin: 33px 0 0 0;
}

/* Size adjustments */
#Menu li #MTP850_0_Hotspot { width: 15px; height: 10px; }
#Menu li #MTP850_1_Hotspot { width: 27px; height: 27px; }
#Menu li #MTP850_2_Hotspot { width: 12px; height: 40px; }
#Menu li #MTP850_3_Hotspot { width: 20px; height: 34px; }
#Menu li #MTP850_4_Hotspot { width: 18px; height: 30px; }
#Menu li #MTP850_5_Hotspot { width: 15px; height: 15px; }
#Menu li #MTP850_6_Hotspot { width: 18px; height: 133px; }
#Menu li #MTP850_7_Hotspot { width: 18px; height: 22px; }
#Menu li #MTP850_8_Hotspot { width: 25px; height: 14px; }
#Menu li #MTP850_9_Hotspot { width: 18px; height: 30px; }
#Menu li #MTP850_10_Hotspot { width: 35px; height: 28px; }
#Menu li #MTP850_11_Hotspot { width: 12px; height:35px; }

/* Hotspots */
#MTP850_0_Hotspot {top:142px; left:66px;} /*Emergency Button*/
#MTP850_1_Hotspot {top:120px; left:33px;} /*Rotary Knob*/
#MTP850_2_Hotspot {top:192px; left:19px;} /*Push-To-Talk Button (PTT)*/
#MTP850_3_Hotspot {top:234px; left:18px;} /*Programmable Side Buttons*/
#MTP850_4_Hotspot {top:269px; left:34px;} /*Send Key*/
#MTP850_5_Hotspot {top:353px; left:51px;} /*Speaker Phone Control Key*/
#MTP850_6_Hotspot {top:5px; left:89px;} /*Antenna With In-Built GPS*/
#MTP850_7_Hotspot {top:139px; left:81px;} /*LED Status Indicator*/
#MTP850_8_Hotspot {top:254px; left:58px;} /*Menu Key*/
#MTP850_9_Hotspot {top:269px; left:89px;} /*On-Off/End/Home Key*/
#MTP850_10_Hotspot {top:269px; left:53px;} /*Four-way Navigation Key*/
#MTP850_11_Hotspot {top:298px; left:103px;} /*Audio Accessory Connector*/

/* Popup Boxes */
#MTP850_0_Hotspot_Info { top:4px; left:-2px; padding:11px 0px 5px 9px; }
#MTP850_1_Hotspot_Info { top:-17px; left:46px; padding:9px 0 0 9px; }
#MTP850_2_Hotspot_Info { top:-23px; left:33px; padding:9px 0px 5px 9px; }
/*#MTP850_3_Hotspot_Info { top:5px; left:30px; padding:9px 0px 5px 9px; }*/
#MTP850_3_Hotspot_Info { top:97px; left:30px; padding:5px 0px 5px 9px; }
#MTP850_4_Hotspot_Info { top:112px; left:60px; padding:11px 0px 5px 7px; }
/*#MTP850_5_Hotspot_Info { top:198px; left:65px; padding:9px 0px 5px 5px; }*/
#MTP850_5_Hotspot_Info { top:315px; left:20px; padding:11px 0px 5px 9px; }
/*#MTP850_6_Hotspot_Info { top:-18px; left:12px; padding:9px 0 0 9px; }*/
#MTP850_6_Hotspot_Info { top:22px; left:58px; padding:11px 0 0 9px; }
#MTP850_7_Hotspot_Info { top:-19px; left:275px; padding:3px 0px 5px 22px; }
/*#MTP850_8_Hotspot_Info { top:97px; left:262px; padding:9px 0px 5px 18px; }*/
#MTP850_8_Hotspot_Info { top:173px; left:262px; padding:9px 0px 5px 18px; }
/*#MTP850_9_Hotspot_Info { top:23px; left:285px; padding:9px 0px 5px 16px; }*/
#MTP850_9_Hotspot_Info { top:152px; left:290px; padding:9px 0px 5px 16px; }
/*#MTP850_10_Hotspot_Info { top:23px; left:263px; padding:9px 0px 5px 16px; }*/
#MTP850_10_Hotspot_Info { top:189px; left:267px; padding:7px 0px 5px 14px; }
/*#MTP850_11_Hotspot_Info { top:76px; left:299px; padding:9px 0px 5px 16px; }*/
#MTP850_11_Hotspot_Info { top:236px; left:300px; padding:9px 0px 5px 16px; }

/*--------------------------------------------------------------------*/

/* In-Vehicle Two-Way Radio: MTM800 - Custom_MTM800.ascx */

#MTM800Container 
{
	position:relative;
	height:485px;
	margin-left: 97px;
}
#MTM800Image 
{
	padding:0;
	top:50px; left:50px;
	position:absolute;
	background: url(../media/images/MTM800.jpg); 
	width:400px;
	height:331px;
	margin: 88px 0 0 0;
}

/* Size adjustments */
#Menu li #MTM800_0_Hotspot { width:35px; height:35px; }
#Menu li #MTM800_1_Hotspot { width:35px; height:35px; }
#Menu li #MTM800_2_Hotspot { width:30px; height:16px; }
#Menu li #MTM800_3_Hotspot { width:35px; height:35px; }
#Menu li #MTM800_4_Hotspot { width:30px; height:16px; }
#Menu li #MTM800_5_Hotspot { width:30px; height:16px; }
#Menu li #MTM800_6_Hotspot { width:30px; height:16px; }
#Menu li #MTM800_7_Hotspot { width:30px; height:16px; }
#Menu li #MTM800_8_Hotspot { width:18px; height:18px; }

/* Hotspots */
#MTM800_0_Hotspot {top:72px; left:44px;} /*On-Off Rotary Knob And Volume Control*/
#MTM800_1_Hotspot {top:122px; left:45px;} /*Hand-held Microphone Socket*/
#MTM800_2_Hotspot {top:146px; left:96px;} /*Emergency Button*/
#MTM800_3_Hotspot {top:127px; left:165px;} /*Four-Way Navigation Keys*/
#MTM800_4_Hotspot {top:128px; left:202px;} /*Speaker Phone Control Key*/
#MTM800_5_Hotspot {top:146px; left:239px;} /*Send/End Key*/
#MTM800_6_Hotspot {top:125px; left:100px;} /*Mode Button*/
#MTM800_7_Hotspot {top:126px; left:235px;} /*Menu Key*/
#MTM800_8_Hotspot {top:46px; left:51px;} /*LED Status Indicator*/

/* Popup Boxes */
#MTM800_0_Hotspot_Info { top:22px; left:-76px; padding:11px 0px 5px 9px; }
/*#MTM800_1_Hotspot_Info { top:74px; left:-76px; padding:9px 0px 5px 7px; }*/
#MTM800_1_Hotspot_Info { top:187px; left:-109px; padding:9px 0px 5px 9px; }
#MTM800_2_Hotspot_Info { top:114px; left:-101; padding:11px 0px 5px 9px; }
/*#MTM800_3_Hotspot_Info { top:74px; left:236px; padding:9px 0px 5px 22px; }*/
#MTM800_3_Hotspot_Info { top:110px; left:242px; padding:11px 0px 5px 14px; }
/*#MTM800_4_Hotspot_Info { top:76px; left:270px; padding:9px 0px 5px 16px; }*/
#MTM800_4_Hotspot_Info { top:193px; left:275px; padding:11px 0px 5px 13px; }
#MTM800_5_Hotspot_Info { top:93px; left:311px; padding:11px 0px 5px 14px; }
/*#MTM800_6_Hotspot_Info { top:93px; left:-97px; padding:7px 0px 5px 9px; }*/
#MTM800_6_Hotspot_Info { top:147px; left:-16px; padding:7px 0px 5px 9px; }
/*#MTM800_7_Hotspot_Info { top:73px; left:303px; padding:9px 0px 5px 16px; }*/
#MTM800_7_Hotspot_Info { top:150px; left:311px; padding:11px 0px 5px 16px; }
#MTM800_8_Hotspot_Info { top:-3px; left:118px; padding:7px 0px 5px 22px; }


