﻿select, input[type="text"] { font: inherit; }

/****************************************************************************/
/* SUPPORT HOME PAGE     													*/
/****************************************************************************/

#searchWrapper { margin-bottom: 20px; /*min-height: 110px; padding: 10px 5px 5px 5px; background: #E4E3DC; */ }
#searchHeader { color: #888 !important; font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif !important; font-stretch: condensed; font-size: 18px !important; font-weight: 700 !important; padding: 0; text-transform: uppercase; }
#searchLabel { color: #444 !important; font-size: 15px; line-height: 18px; padding: 0; margin-bottom: 0; text-transform: uppercase; }
#searchBox { position: relative; }

#helpTopics { margin-left: 0; counter-reset: listCounter; }
#helpTopics li { position: relative; list-style-type: none; padding: 5px 0 8px 45px; margin-bottom: 10px; line-height:20px; min-height: 75px; border-bottom: 1px solid #ccddf1; }
#helpTopics li:before { content: counter(listCounter); counter-increment: listCounter; position: absolute; left: 0; top: 0; font: bold 50px/1 Sans-Serif; color: #CDD8E3; }
#helpTopics li.last { border-bottom: none; }

#helpTopics p { padding: 0; margin-bottom: 0; }

#helpTopics li a:link,
#helpTopics li a { color: #4F87C7; text-decoration: none; }
#helpTopics li a:hover { color: #0072c6; text-decoration: underline; }

#helpTopics a.topic { color: #555 !important; font-size: 16px; line-height: 18px; padding: 0; margin: 0; }

#frmSearch {
	padding: 10px 0 10px 15px;
	background: #fff;
	border: 1px solid #d1d1d1;
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#searchBox #q, #searchBox #model {
	background: #fff;
	font-size: 20px;
	line-height: 24px;
	height: 30px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	border: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#searchBox #q { color: #aaa; }
#searchBox #model {	width: 80%; color: #999; }

#searchBox #q::-webkit-input-placeholder, #searchBox #model::-webkit-input-placeholder { font-size: 20px; color: #bbb; }
#searchBox #q:-moz-placeholder, #searchBox #model:-moz-placeholder { font-size: 20px; color: #bbb; }
#searchBox #q::-moz-placeholder, #searchBox #model::-moz-placeholder { font-size: 20px; color: #bbb; }
#searchBox #q:-ms-input-placeholder, #searchBox #model:-ms-input-placeholder { font-size: 20px; color: #bbb; }

#searchBox #btnSubmit {
	background-repeat: no-repeat;
	background-position:-40px 7px;
	background-image: url('https://prodzone-tripplite.netdna-ssl.com/assets/img/icons/glyphicons-halflings-white.png');
	float: right;
	color: #fff;
	height:30px;
	margin: 0 10px 0 0;
	padding: 5px 20px 5px 10px;
	border: none;
	background-color: #8198B3;
	cursor: pointer;
	-webkit-appearance: button;
	line-height: normal;
	vertical-align: baseline;
}

/* Twitter Typeahead */
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none;
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.twitter-typeahead { width: 88% !important }
.full .twitter-typeahead { width: 94% !important }
.twitter-typeahead .tt-input { width: 100% !important }
.twitter-typeahead .tt-hint { visibility: hidden; }
.tt-dropdown-menu {
  width: 250px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion { padding: 3px 20px; font-size: 18px; line-height: 24px; }
.tt-suggestion:hover { color: #fff; background-color: #0072c6; cursor: pointer }
.tt-suggestion p { margin: 0; }

#searchBox .tt-dropdown-menu {
 max-height: 150px;
 overflow-y: auto;
}

#searchResults a.result { color: #555 !important; }
#searchResults td.thumb { width: 60px; padding: 10px 10px 0 10px; }

#boxLinks h4 { margin-top: 8px; }
#boxLinks h4 a { text-decoration: none; font-size: 24px; }
#boxLinks h4 a:hover { text-decoration: underline; }

#searchHeader { font-size: 24px; }

/* MEDIUM */
@media screen and (min-width: 960px) and (max-width: 1279px){
	.twitter-typeahead { width: 86% !important }
}

/****************************************************************************/
/* MODEL SEARCH RESULT STYLES 												*/
/****************************************************************************/

/****************************************************************************/
/* OTHER SEARCH RESULT STYLES 												*/
/****************************************************************************/
#searchResults h3 { margin-top:0; font-size: 16px; display:block; }
#searchResults div.result h4 { margin:0; padding:0; color: #0072c6; font-size: 16px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#searchResults div.result h4 a:link,
#searchResults div.result h4 a:active { color: #0072c6; text-decoration: underline; cursor:pointer; }
#searchResults div.result h4 a:visited { color: #609; }
#searchResults div.result h4 span.fileDetails { padding-left: 20px; color: #666; text-decoration: none; font-size:13px; }
#searchResults div.result p.desc { margin:0; padding:0; color: #444; text-decoration: none; font-size:13px; }
#searchResults div.result p.url a { margin:0; padding:0; color: green !important; text-decoration: none; font-size:13px;}

#downloadTabs li, #modelFilters, #typeFilters, #myFilters { }

/****************************************************************************/
/* ARTICLES PSEUDOSECTION 													*/
/****************************************************************************/
#article { padding-bottom: 20px; }
#sysReq { width: 320px; }
#howToInstall li { margin-top: 30px; margin-left: 32px; }
#howToInstall li li { margin: 4px 0 12px 0; }
#article pre { width: 144px; }

#shqBox {
	width: 200px;
	top: 40px;
	padding: 5px 5px 5px 8px;
}

#bq blockquote { font-size: 12px; }

#snmpContent li { margin-bottom: 15px; }

/****************************************************************************/
/* CABLING DIAGRAMS PAGE: ACCORDION HEADER 									*/
/****************************************************************************/
div.accordion .active { background-color: #5999E1; }
div.accordion .active a.accordion-toggle { color: #fff; }

/****************************************************************************/
/* SUPPORT CONTACTS PAGE 													*/
/****************************************************************************/
@media (min-width: 768px) {
	#afterPanel { height: 387px !important; }
}

.js-masonry .media { width: 45%; }

/****************************************************************************/
/* POWERALERT PAGES 														*/
/****************************************************************************/
.imgCol { width: 75px; }
.paBox { min-height: 280px !important; position: relative; }
.paBox h4, .paBox h3 { margin-top: 0; }

.paBox table { background-color: #fff; }
.paBox .imgCol { width: 100px; }

/* controls vertical align of lead paragraph */
.parent { display: table; height: 243px; }
.child { display: table-cell; vertical-align: middle; }

/* EXTRA SMALL */
@media screen and (max-width: 599px){
	.paBox { min-height: auto !important; padding-bottom: 40px; }
	.parent { height: auto; }
	.lead { margin-top: 10px; }
}

/* SMALL */
@media screen and (min-width: 600px) and (max-width: 959px){
	.paBox { min-height: auto !important; padding-bottom: 40px; }
	.parent { height: 220px; }
	.lead { font-size: 18px; }
}

/* MEDIUM */
@media screen and (min-width: 960px) and (max-width: 1279px){
	.paBox { min-height: auto !important; padding-bottom: 40px; }
}

#whatsNew .media-object { min-width: 42px; }

#featComp { font-size: 11px; }

.bg-grad {
	background: #e8edf1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZWRmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #e8edf1 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8edf1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e8edf1 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e8edf1 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e8edf1 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e8edf1 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8edf1', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#productReturns h3 { margin-top: 20px; }
#productReturns h3:first-of-type { margin-top: 0; }

@media (max-width: 480px) {
	#palTable { width: 600px; }
}

/****************************************************************************/
/* CONTACTS PAGE 															*/
/****************************************************************************/
.contactLabel {
	display: block;
	padding: 4px 0 5px 0;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #ddd !important;
	color: #444 !important;
}

/****************************************************************************/
/* OUTLET PLUG TYPES PAGE 													*/
/****************************************************************************/
#outletPlugTypes .image-row .col{ text-align: center; }
#outletPlugTypes .image-row .col img{ margin: 5px; }
#outletPlugTypes .image-row .col span{ font-weight: bold; }

/****************************************************************************/
/* POWERALERT DOWNLOADS PAGE 												*/
/****************************************************************************/
#powerAlertContent { padding-left: 0; }
#powerAlertContent table td { line-height: 16px; }

/****************************************************************************/
/* FAQS PAGE 																*/
/****************************************************************************/

/****************************************************************************/
/* POWERALERT FAQS PAGE 													*/
/****************************************************************************/
#powerAlertFAQ dl { margin-left:30px; clear: left;}
#powerAlertFAQ dt.active { background:url('https://prodzone-tripplite.netdna-ssl.com/assets/img/core/iconMinus.gif') no-repeat left 5px; }
#powerAlertFAQ dt { background:url('https://prodzone-tripplite.netdna-ssl.com/assets/img/core/iconPlus.gif') no-repeat left 5px; padding-left:18px; padding-bottom:12px; font-size:1.2em; color:#06C; }
#powerAlertFAQ dd { float: left; margin-bottom: 20px; clear: left; font-weight: normal; padding-left:18px;}

/****************************************************************************/
/* INVERTER FAQS PAGE 														*/
/****************************************************************************/
#inverterFAQ #imgSeriesConfig{text-align: center; margin: 40px 0 80px 0; }
#inverterFAQ #imgParallelConfig{ text-align: center; }
#inverterFAQ #imgInverterGraph{ }

#inverterFAQ ul { color: #f55319; }
#inverterFAQ dd {margin:0 0 20px 0; border-bottom: 1px solid #ccc; padding-bottom: 20px }
#inverterFAQ dd.noBorder {padding-bottom: 0; border: 0; }

/****************************************************************************/
/* WALL MOUNT RACK FAQS PAGE 												*/
/****************************************************************************/
#wallmountRackFAQ #imgSeriesConfig{text-align: center; margin: 40px 0 80px 0; }
#wallmountRackFAQ #imgParallelConfig{ text-align: center; }
#wallmountRackFAQ #imgInverterGraph{ }

#wallmountRackFAQ ul { color: #f55319; }
#wallmountRackFAQ dd {margin:0 0 20px 0; border-bottom: 1px solid #ccc; padding-bottom: 20px }
#wallmountRackFAQ dd.noBorder {padding-bottom: 0; border: 0; }

/****************************************************************************/
/* RECYCLING PROGRAM PAGE 												  	*/
/****************************************************************************/
#recyclingProgram table thead { background:url('https://prodzone-tripplite.netdna-ssl.com/assets/img/core/tableheader.jpg') left bottom repeat-x #f5f6f1; color:#444; line-height:1.3em; }
#recyclingProgram table tr.region { background-color: #ebebeb; font-weight: bold; color: #444; }

/****************************************************************************/
/* PRODUCT DEMOS & HOW-TO VIDEOS PAGE 										*/
/****************************************************************************/
#demoHowToVideos .videoContainer { position: relative; }
#demoHowToVideos .videoContainer img { border: 1px solid #555; margin-bottom: 4px; }
#demoHowToVideos .videoContainer .time {position: absolute; top: 60px; right: 16px; color: #fff; background-color: #000; padding: 3px 5px; }
#demoHowToVideos p { line-height: 16px; }

#videoResults a.videoThumbnail { position:relative; }
#videoResults a.videoThumbnail img { max-widith: 180px !important; max-height: 102px !important; border: 1px solid #ddd; }
#videoResults div.videoTime {
 font-size:0.9em;
	background-color:#000000;
 color:#FFFFFF;
 padding:3px 5px;
 position:absolute;
 right:1px;
 top:76px;
}

/* EXTRA SMALL */
@media screen and (max-width: 599px){
	#demoHowToVideos .videoContainer .time { top: 0; }
}

/* SMALL */
@media screen and (min-width: 600px) and (max-width: 959px){
	#demoHowToVideos .videoContainer { min-height: 236px; }
	#demoHowToVideos .videoContainer .time { top: 116px; }
}

/* MEDIUM */
@media screen and (min-width: 960px) and (max-width: 1279px){
	#demoHowToVideos .videoContainer { min-height: 230px; }
}


/****************************************************************************/
/* INSTALL SNMPWEBCARD ARTICLE 												*/
/****************************************************************************/
ol.bigNum { margin-left: 0; counter-reset: listCounter; }
ol.bigNum > li { position: relative; list-style-type: none; padding: 5px 0 8px 85px; margin-bottom: 10px; line-height:20px; min-height: 75px; border-bottom: 1px solid #ccddf1; }
ol.bigNum > li:before { counter-increment: listCounter; position: absolute; left: 0; top: 0; font: bold 50px/1 Sans-Serif; color: #cdd8e3; }

ol.bigNum.sect01 > li:before { content: "1-" counter(listCounter); }
ol.bigNum.sect02 > li:before { content: "2-" counter(listCounter); }
ol.bigNum.sect03 > li:before { content: "3-" counter(listCounter); }
ol.bigNum.sect04 > li:before { content: "4-" counter(listCounter); }

ol.bigNum > li.last { border-bottom: none; }

#snmpContent .caption {
  width: 720px;
  font-size: 12px;
  font-style: italic;
}
table.table-snmp thead th { background-color: #656d73; color: #fff; }
table.table-snmp th, table.table-snmp td, table.table-snmp p { font-size: 12px; }

/****************************************************************************/
/* SUMP PUMP ARTICLE 													  	*/
/****************************************************************************/
#sumpPumpContent { padding-left: 0; padding-bottom: 20px; }
#sumpPumpContent h4 { margin-top: 0; }
.sect { border-top: 1px solid #3973b1; padding-top: 30px; padding-bottom: 30px; }

#table2a th, #table2b th, #table3a th { background-color: #e5e5e5; }

.step { width: 20px; }
.yourValue { width: 70px; }
.qty { width: 20px; }

/****************************************************************************/
/* COMMON POWER PROBLEMS ARTICLE										  	*/
/****************************************************************************/
.right h1, .right h2, .right h3, .right h4, .right h5 { margin-top: 0; }
.img-caption { margin-top: 5px; font-size: 11px; font-style: italic; color: #666; }
.img-caption sup { color: #f00; }
.footnote { padding: 0 3px; font-size: 10px; font-style: normal; }
#the-solution h1, #conclusion h1 { color: #5999e1; }
#the-solution h3 { font-size: 20px; color: #3973b1; }
#the-solution h4 { font-style: italic; }
#solution-table { font-size: 11px; }
#solution-table td { text-align: center; }
#solution-table td:first-of-type { text-align: left; }

.tooltip.right .tooltip-inner { background-color: #3973b1; }
.tooltip.right .tooltip-arrow { border-right-color: #3973b1; }

/****************************************************************************/
/* CAROUSELS - PRODUCTREGISTRATIONHELP, BATTERYREPLACEMENT 				  	*/
/****************************************************************************/
#helpSlides { min-height: 180px; }
#helpSlides .carousel-inner { min-height: 170px; }

#batterySlides { min-height: 220px; }
#batterySlides .carousel-inner { min-height: 200px; }

#helpNav, #battNav { position: relative; margin-bottom: 50px; }

#helpNav .carousel-control, #battNav .carousel-control {
	top: 40%;
 /* left: 15px;*/
 width: 33px;
 height: 33px;
 margin-top: 10px;
 font-size: 30px;
 font-weight: 100;
 line-height: 30px;
 color: #fff !important;
 text-align: center;
 background: #5999e1;
 border: 1px solid #666;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
 opacity: 1;
 filter: alpha(opacity=100);
}

#helpNav .carousel-control:hover, #helpNav .carousel-control:focus, #battNav .carousel-control:hover, #battNav .carousel-control:focus {
 background: #3973b1;
}

#helpNav .carousel-control.left, #battNav .carousel-control.left { display: none; }

/****************************************************************************/
/* PRODUCT TROUBLESHOOTERS 				  									*/
/****************************************************************************/
#productModelID { font: inherit; }

table#progress { margin: 10px 0 30px 5px; width:100%; border-collapse:collapse; }
table#progress td {
	border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background-color: #FAFAFA; padding:0 5px 2px 12px; color: #888; font-size:12px; line-height: 16px; vertical-align: top;
}
table#progress td.sep { width: 10px; padding: 5px 5px 0 5px; vertical-align: middle; }
table#progress td span { font-size:9px; /*color:#888;*/ }
table#progress td.step1 { width:30%; }
table#progress td.step2 { width:22%; /*border-left: 1px solid #FFF;*/ }
table#progress td.step3 { width:17%; /*border-left: 1px solid #FFF;*/ }
table#progress td.current { background-color: #ccddf1; color: #3973b1; }
table#progress td.complete { background-color: #E7E7E7; color: #888; }

#stepWrap {
	height: 48px;
}

ul.steps {
	width: 4000px;
	padding: 0;
	margin: 0;
	list-style: none outside none;
}

ul.steps li {
 position: relative;
 float: left;
 height: 46px;
 padding: 7px 20px 0 30px;
 margin: 0;
 font-size: 16px;
 line-height: 12px;
 color: #999;
 cursor: default;
 background: #ededed;
}

ul.steps li:first-child {
	padding-left: 18px;
}

ul.steps li.current { background-color: #ccddf1; color: #3973b1; }

ul.steps li .chevron {
 position: absolute;
 top: 0;
 right: -14px;
 z-index: 1;
 display: block;
 border: 24px solid transparent;
 border-right: 0;
 border-left: 14px solid #d4d4d4;
}

ul.steps li .chevron:before {
 position: absolute;
 top: -24px;
 right: 1px;
 display: block;
 border: 24px solid transparent;
 border-right: 0;
 border-left: 14px solid #ededed;
 content: "";
}

ul.steps li.current .chevron:before {
	border-left: 14px solid #ccddf1;
}

#ctss_soap_form ul li:last-child { margin-top:30px; }
#WSS_scripts h3 { margin:20px 0 10px 50px; color:#444; font-size:15px; font-weight:bold; }
#ctss_soap_form fieldset { margin-bottom:20px; }
#ctss_soap_form legend { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#ctss_soap_form div, #ctss_soap_form p, #ctss_soap_form p span {
	padding-left:12px; color:#666; font-size:12px; font-weight:normal; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#ctss_soap_form fieldset p.product_headline { padding-bottom: 0;color:#444; font-size:13px; font-weight:bold; }
#ctss_soap_form input[type=checkbox],input[type=radio],input.checkbox,input.radio { margin-left:50px; }
#nextButton, #backButton { margin-top:20px; position:relative; }
#nextButton input {
	float:left;
	margin-left:25px;
	padding:0 15px 2px 15px;
	color:#06C;
	font-size:12px;
	font-weight:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border:2px solid #7FB0E5;
	cursor:pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	outline:none;
}
#backButton input {
	float:left;
	margin: 1px 0 1px 12px;
	padding:2px 15px 0 15px;
	color:#06C;
	text-decoration:underline;
	font-size:12px;
	font-weight:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border:none;
	background:none;
	cursor:pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	outline:none;
}

/* FIX FOR EMBEDDED MARKUP IN FAQS */
#faqList pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	word-break: normal;
}

/****************************************************************************/
/* PARTNER DESIGNATION STYLES			  									*/
/****************************************************************************/
#certKey { display:block; width:100%; }
#certKey th { font-size:16px; line-height:18px; padding-bottom: 5px; }
#certKey th,#certKey td { border-top: none; }
#certKey span.designation, .pThumbnails span.designation, #partnerList span.designation {
	padding:0 3px 0 3px; margin:0 3px 0 0;
	color:#e5e5e5;
	background-color:#4c4c4c;
	border-color:#555;
	border-style:solid;
	border-width:thin;
	border-radius:3px;
	font-size:6pt;
	font-family:tahoma;
	font-weight:normal;
	background-image:none;letter-spacing:1px;line-height:7pt;cursor:default;
}
#certKey span.info, .pThumbnails span.info, #partnerList span.info { background-color:#666; border-color:#444;position:absolute;bottom:0px;right:0px; }
#certKey span.ED, .pThumbnails span.ED, #partnerList span.ED { background-color:#C30; border-color:#930; } /*red*/
#certKey span.CAP, .pThumbnails span.CAP, #partnerList span.CAP { background-color:#4F87C7; border-color:#4F87C7; } /*blue*/
#certKey span.AGR, .pThumbnails span.AGR, #partnerList span.AGR { background-color:#41A26D; border-color:#25824B; } /*green*/
#certKey span.BGR, .pThumbnails span.BGR, #partnerList span.BGR { background-color:#612B8B; border-color:#4E2776; } /*purple*/
#certKey span.EGR, .pThumbnails span.EGR, #partnerList span.EGR { background-color:#EF6503; border-color:#E05C09; } /*orange*/
#certKey span.RSC, .pThumbnails span.RSC, #partnerList span.RSC { background-color:#C92235; border-color:#BD2032; } /*red*/
#certKey span.ARSC, .pThumbnails span.ARSC, #partnerList span.ARSC { background-color:#9658ab; border-color:#9658ab; } /*violet*/
#certKey span.HASP, .pThumbnails span.HASP, #partnerList span.HASP { background-color:#999933; border-color:#999933; } /*green*/

#partnerList .tooltip-inner { background-color: #666; font-weight: normal; font-size: 11px; }
#partnerList .tooltip.top .tooltip-arrow { border-top:5px solid #666; }

/****************************************************************************/
/* PRODUCT WARRANTY REGISTRATION FORM										*/
/****************************************************************************/
#warrantyRegistrationForm .horizontal-group { clear: both; }
#warrantyRegistrationForm .horizontal-group .horizontal-item { width: 30%; margin-right: 10px; margin-bottom: 15px; float: left; }
#warrantyRegistrationForm .form-group { margin-left: 0; }

/****************************************************************************/
/* MEDIA QUERIES															*/
/****************************************************************************/
@media (min-width: 1024px) and (max-width: 1365px) {
	.twitter-typeahead { width: 80% !important }
}

@media (min-width: 768px) and (max-width: 959px) {
	.paBox { min-height: 150px !important; }
	.paBox .btn { margin-top: 5px; margin-left: 15px; }
	#powerAlertTabs li { width: 100%; float: none; }
	#downloadTabs li { width: 100%; float: none; }
	#mainColumn.col-md-9 .row.m-Bottom50 { margin-bottom: 10px !important; }
	#helpTopics div.feature { margin-bottom: 10px; }
	#helpTopics div.feature img { margin-right: 7px; }
	#helpTopics div.featureTxt { display: inline-block; margin-left: 80px; }
	#helpTopics div.featureTxt h3 { font-size: 14px; line-height: 20px; }
	ul.steps li { font-size: 15px; }
}

@media (min-width: 768px) {
	#searchBox.full { width: 100%; }
}

@media (max-width: 767px) {
	#frmSearch { padding: 10px 5px 10px 5px; }
	#searchBox { width: 100%; margin-bottom: 0; }
	#searchBox #btnSubmit { margin-right: 3px; /*float: none;*/ }
	.twitter-typeahead { width: 92% !important; }

	#sumpPumpTabs li { width: 100%; float: none; }
	#powerAlertTabs li { width: 100%; float: none; }
	#downloadTabs li { width: 100%; float: none; }
	#typeFilters { padding-bottom: 25px; }
	#secondRow .feature { margin-bottom: 12px; }
	#helpTopics div.feature div { display: block; min-width: 80px; overflow: hidden; }
	#faqList .table-responsive table td { white-space: pre-line; }
}

@media (max-width: 480px) {
	#frmSearch { padding: 8px 5px 4px 5px; }
	#searchBox { width: 100%; }
	/* #searchBox #q, #searchBox #model, #typeFilters .input-lg { font-size: 12px; } */
	.twitter-typeahead { width: 84% !important; }
	.tt-query, .tt-hint, .tt-input { width: 200px !important; }
	#searchBox .twitter-typeahead pre { display: none; }
	#searchBox #btnSubmit { float: none; }

	#whatsNew { border: 1px solid #ddd; padding: 10px; margin: 15px 0; }
	#helpTopics div.feature { margin-bottom: 10px; }
	#helpTopics div.feature div { display: block; min-width: 80px; overflow: hidden; }
	#helpTopics div.feature.featureSNMP { height: 130px; }
	.paBox { min-height: 205px !important; }
	#powerAlertTabs li { float: none !important; }
	.js-masonry .media { width: 95%; }
	#searchHeader { font-size: 16px; line-height: 22px; }
	#sysReq { width: auto; }
	#stepWrap.thinBorder { border: 0; margin-bottom: 10px; }
	ul.steps, ul.steps li { width: 300px; }
	ul.steps li { margin-bottom: 3px; padding-left: 20px; }
	ul.steps li .chevron { border-left: 0; }
	ul.steps li:last-of-type { margin-bottom: 15px; }

	::-webkit-input-placeholder { color: #fff !important; }
	:-moz-placeholder { color: #fff !important; }
	::-moz-placeholder { color: #fff !important; }
	:-ms-input-placeholder { color: #fff !important; }

	#warrantyRegistrationForm .horizontal-group { border-top: 1px dotted #ccc; padding-top: 20px; }
	#warrantyRegistrationForm .horizontal-group:first-of-type { border-top: 0; }
	#warrantyRegistrationForm .horizontal-group .horizontal-item { width: 97%; margin-bottom: 10px; }
}