/* INDEX PAGE */

#sidebarLeft { padding-top: 0; }

#environment ul { list-style-type:square; }
div.btn-group a:focus { outline: none; }
#mainContent .applications { padding-right: 30px; }
#mainContent .applications h5 { margin-top: 15px; margin-bottom: 0; }
#mainContent .applications .h5 { margin-top: 15px; margin-bottom: 0; }

/* FOR ALL APPLICATIONS */

.well.well-sm {
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

/* adjust the gap between a modal and the top of the page
.modal,.modal-overflow.modal { top: 40% !important; }*/

.modal-body { min-height: 240px; }
.modal-footer { margin-top: 0; }
h3.popover-title { display: none; }
.h3.popover-title { display: none; }
h5.well { margin-bottom: 0; }
.h5.well { margin-bottom: 0; }

.highlight > * {
	background-color: #e75f41 !important;
	color: #fff;
	line-height: 13px !important;
	border-radius: 8px;
	width: 13px;
	height: 13px;
}

#hotSpotInstructions {
	position: absolute;
	top: 8px;
	left: 8px;
}

#applicationMap { width: 700px; position: relative; }

/* DISPLAY SOUTIONS APPLICATION */

.displaySolutionsMap { height: 615px; background: url('//assets.tripplite.com/application-images/app-display-solutions.jpg') top left no-repeat; }

#DSdisplayPopover {
	position: absolute;
	left: 60px;
	top: 144px;
}

#DSwallMountPopover {
	position: absolute;
	left: 31px;
	top: 230px;
}

#DSoverCatInsetPopover {
	position: absolute;
	left: 628px;
	top: 394px;
}

#DSoverCatPopover {
	position: absolute;
	left: 192px;
	top: 498px;
}

#DSsurgePopover {
	position: absolute;
	left: 606px;
	top: 52px;
}

#DSdisplayMountsPopover {
	position: absolute;
	left: 606px;
	top: 111px;
}

#DSipConsolePopover {
	position: absolute;
	left: 678px;
	top: 389px;
}

#DSnetworkPopover {
	position: absolute;
	left: 600px;
	top: 548px;
}

#DScablesPopover {
	position: absolute;
	left: 103px;
	top: 243px;
}

#DSdetailDisplay {
	position: absolute;
	left: 455px;
	top: 0;
	padding: 5px 8px;
	background-color: #333;
	color: #fff;
	text-align: center;
	line-height: 15px;
}

#DSdetailCat5 {
	position: absolute;
	left: 10px;
	top: 363px;
	padding: 5px 8px;
	background-color: #333;
	color: #fff;
	text-align: center;
	line-height: 15px;
}

#DSdetailWall {
	position: absolute;
	width: 172px;
	left: 528px;
	top: 325px;
	padding: 5px 8px;
	background-color: #333;
	color: #fff;
	text-align: center;
	line-height: 15px;
}

/* HOME THEATER APPLICATION */

.homeTheaterMap { height: 750px; background: url('//assets.tripplite.com/application-images/app-home-theater.jpg') top left no-repeat; }

#HTdisplayPopover {
	position: absolute;
	left: 635px;
	top: 350px;
}

#HTcablesPopover {
	position: absolute;
	left: 390px;
	top: 600px;
}

#HTdisplayMountsPopover {
	position: absolute;
	left: 405px;
	top: 135px;
}

#HTsurgePopover {
	position: absolute;
	left: 510px;
	top: 725px;
}

#HTupsPopover {
	position: absolute;
	left: 210px;
	top: 620px;
}

/* CLASSROOM APPLICATION */

.educationMap { height: 576px; background: url('//assets.tripplite.com/application-images/app-classroom.jpg') top left no-repeat; margin: 0 auto; }

#EDUdetail {
	position: absolute;
	left: 430px;
	top: 65px;
	width: 100px;
	padding: 5px 8px;
	background-color: #333;
	color: #fff;
	text-align: center;
}

#EDUwallMountPopover {
	position: absolute;
	left: 335px;
	top: 117px;
}

#EDUwallMountDetailPopover {
	position: absolute;
	left: 559px;
	top: 25px;
}

#EDUnetworkUPSPopover {
	position: absolute;
	left: 627px;
	top: 180px;
}

#EDUdesktopUPSPopover {
	position: absolute;
	left: 673px;
	top: 364px;
}

#EDUsurgePopover {
	position: absolute;
	left: 161px;
	top: 332px;
}

#EDUoverCatPopover {
	position: absolute;
	left: 310px;
	top: 18px;
}

#EDUdisplayMountPopover {
	position: absolute;
	left: 208px;
	top: 154px;
}

#EDUnetworkCablesPopover {
	position: absolute;
	left: 664px;
	top: 22px;
}

#EDUpatchPanelsPopover {
	position: absolute;
	left: 627px;
	top: 105px;
}

#EDUcableManagersPopover {
	position: absolute;
	left: 627px;
	top: 131px;
}

#EDUdisplayCablesPopover {
	position: absolute;
	left: 604px;
	top: 305px;
}

#EDUdesktopKVMPopover {
	position: absolute;
	left: 645px;
	top: 342px;
}

#EDUcablesPopover {
	position: absolute;
	left: 422px;
	top: 428px;
}

#EDUkeyspanPopover {
	position: absolute;
	left: 524px;
	top: 338px;
}

#EDUdesktopUPSbtmPopover {
	position: absolute;
	left: 403px;
	top: 496px;
}

/* ADNMINISTRATION APPLICATION */

.administrationMap {height: 773px; background: url('//assets.tripplite.com/application-images/app-administration.jpg') top left no-repeat; margin: 0 auto; }

.administrationPopOver {
	position: absolute;
}

#ADMnetworkUPSPopover {
	position: absolute;
	left: 508px;
	top: 468px;
}

#ADMwallMountPopover {
	position: absolute;
	left: 440px;
	top: 50px;
}

#ADMcablesPopover {
	position: absolute;
	left: 510px;
	top: 50px;
}

#ADMcableManagersPopover {
	position: absolute;
	left: 460px;
	top: 145px;
}

#ADMpatchPanelsPopover {
	position: absolute;
	left: 492px;
	top: 137px;
}

#ADMipConsolePopover {
	position: absolute;
	left: 480px;
	top: 240px;
}

#ADMthermalDuctPopover {
	position: absolute;
	left: 657px;
	top: 140px;
}

#ADMnetworkPDUPopover {
	position: absolute;
	left: 666px;
	top: 343px;
}

#ADMportableACPopover {
	position: absolute;
	left: 406px;
	top: 453px;
}

#ADMkvmSwitchPopover {
	position: absolute;
	left: 506px;
	top: 322px;
}

#ADMrackPopover {
	position: absolute;
	left: 622px;
	top: 533px;
}

#ADMdesktopUPSPopover {
	position: absolute;
	left: 98px;
	top: 436px;
}

#ADMsurgePopover {
	position: absolute;
	left: 404px;
	top: 732px;
}

#ADMdisplayPopover {
	position: absolute;
	left: 168px;
	top: 473px;
}

#ADMdisplayMountPopover {
	position: absolute;
	left: 228px;
	top: 434px;
}

#ADMdesktopKVMPopover {
	position: absolute;
	left: 268px;
	top: 520px;
}

#ADMcablesBtmPopover {
	position: absolute;
	left: 373px;
	top: 603px;
}

/* SUBORDINATE PAGES */
div.modal-body { max-height: none; }

/* RACK COOLING PAGE */
#byline {	text-align: center; }
#byline img { margin-bottom: 5px; border: 1px solid #ddd; }
#byline p, #rackCoolingInset p { font-size: 11px; font-style: italic; }
#rackCoolingInset { width: 165px; }
#rackCoolingInset img { margin-bottom: 10px; border: 0; }

/* SEVERE WEATHER PAGE */
#basicProtectionWell, #premiumProtectionWell { padding-bottom: 40px; }

@media (max-width: 959.98px) {
	#boxRow li { height: auto !important; }
	#basicProtectionWell { padding-bottom: 50px; }
}