/* peripheral.css kkh 2014.11.05 */

/* fixed width layout */
body#fixed .centerwrapper {
  width: 900px;
  text-align: left;
}
body#fixed #sitemsg .centerwrapper {
  text-align: center;
}
body#fixed .jmSizer {
  text-align: center;
}
body#fixed .jmExpander {
  width: 1031px;
  margin: 0 auto;
}

/* nominwidth layout */
body.nominwidth,
body.nominwidth .centerwrapper {
  min-width: 0;
}

/* header tweaks */
#header {
  margin-bottom: 15px; 
  width: 100%;
}
#header #searchdiv {
  margin-right: 0;
}

/* breadcrumb, contact links */
#breadcrumb {
  font-size: 92%;
  margin: 0 0 10px 0;
}
#contact {
  margin: 0;
  float: right;
}
#contact a,
.feedbacklink a,
.emaillink a {
  margin-left: 20px;
  display: block;
  margin-bottom: 10px;
  padding-left: 25px;
  padding-top: 2px;
  min-height: 20px;
  font-size: 100%;
}
#contact a:before,
.feedbacklink a:before,
.emaillink a:before {
  content: "";
  background: url(//www.cdn.keysight.com/main/assets/images/page/sprite.png) no-repeat -91px -46px;
  width: 16px;
  height: 16px;
  position: absolute;
  margin-left: -25px;
  margin-top: -2px;
}
.feedbacklink a,
.emaillink a {
  display: inline;
  margin-left: 0;
}
.feedbacklink a:before {
  background-position: -90px -85px;
}
.emaillink a:before {
  background-position: -90px -66px;
}

a img { border: none; } /* for IE */

#utillinks, #utillinks li {
  margin-bottom: 0;
}

/* cta icon links */
ul.iconlinks, ul.iconlinks li {
  padding: 0;
  margin: 3px 0;
  list-style: none;
  min-height: 20px;
  padding-top: 2px;
  background-repeat: no-repeat;
}
a.ctadoc, 
a.ctasupport, 
a.ctaforums,
a.ctayoutube, 
a.ctademos, 
a.ctakbase, 
a.ctakcenter, 
a.ctaregister, 
a.ctaother, 
a.ctaquote, 
a.ctacompare, 
a.ctacontact, 
a.ctaconfguide {
  color: black; 
  margin-left: 27px;
}
a.ctadoc:before, 
a.ctasupport:before, 
a.ctaforums:before, 
a.ctayoutube:before, 
a.ctademos:before, 
a.ctakbase:before, 
a.ctakcenter:before, 
a.ctaregister:before, 
a.ctaother:before, 
a.ctaquote:before, 
a.ctacompare:before, 
a.ctacontact:before, 
a.ctaconfguide:before {
  content: "";
  width: 21px;
  height: 20px;
  background: url(//www.cdn.keysight.com/main/assets/images/page/sprite.png) no-repeat;
  position: absolute;
  margin-left: -27px;
  margin-top: -2px;
}
a.ctadoc:before {
  background-position: -24px -22px !important;
  /*ctadoc.png*/
}
a.ctasupport:before {
  background-position: -2px -22px !important;
  /*ctasupport.png #1 */
}
a.ctayoutube:before {
  background-position: -90px 0 !important;
  /*ctayoutube.png*/
}
a.ctaforums:before {
  background-position: -68px -22px !important;
  /*ctaforums.png*/
}
a.ctademos:before {
  background-position: -2px -44px !important;
  /*ctademos.png*/
}
a.ctakbase:before {
  background-position: -90px -22px !important;
  /*ctakbase.png #1*/
}
a.ctakcenter:before {
  background-position: -90px -22px !important;
  /*ctakbase.png #1*/
}
a.ctaregister:before {
  background-position: -46px 0 !important;
  /*ctaregister.png*/
}
a.ctaother:before {
  background-position: -2px 0 !important;
  /*ctaother.png*/
}
a.ctaquote:before {
  background-position: -24px 0 !important;
  /*ctaquote.png*/
}
a.ctacompare:before {
  background-position: -68px 0 !important;
  /*ctacompare.png*/
}
a.ctacontact:before {
  background-position: -112px -0 !important;
  /*ctacontact.png #1*/
}
a.ctaconfguide:before {
  background-position: -24px -44px !important;
  /*ctacfgguide.png*/
}

/* general styling */
h1 {
  color: #9c9c9c; 
  border-bottom: 1px solid #9c9c9c;
  padding-bottom: .25em;
}
h2, h3, h4 {
  color: #555555;
}
h2 {
  margin: 1.25em 0 0.5em 0;
}
ul, ol {
  margin-top: 1em;
  margin-bottom: 1.5em;
}
li {
  margin-bottom: 0.75em; 
}
table {
  background-color: white;
  margin-top: 1em;
  margin-bottom: 1.5em;
  border-spacing: 0;
  border-collapse: collapse;
}
th, td {
  border-bottom: 1px solid #e8e8e8;
  vertical-align: top;
  padding: 0.5em;
}
th {
  background-color: #f8f8f8;
  vertical-align: bottom;
  text-align: center;
  border-top: 1px solid #e8e8e8;
}

/* undo standard table styling for eucookie, utilcontact */
.utilcontact table, 
#eucookie table {
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.utilcontact th, .utilcontact td,
#eucookie th, #eucookie td {
  border-bottom: none;
  padding: 0;
  background-color: transparent;
  text-align: left;
  border-top: none;
}

.important {
  color: #019642;
}

/* video placeholder */
a.video {
  display: inline-block;
}
a.video, a.video b {
  position: relative;
}
a.video em {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  width: 45px;
  height: 45px;
  display: block;
  background: url(//www.cdn.keysight.com/main/assets/images/page/sprite.png) no-repeat -47px -224px;
}
a.video:hover em {
  background-position: -2px -224px;

}