body { background: #383838; }
a:hover { text-decoration: none; }
h1, h2, h3 { font-family: museo-slab-1,museo-slab-2, 'Helvetica Neue', 'Helvetica', sans-serif; font-style: normal; font-weight: 300; margin-top: 3px; line-height: 1.4em; }
h1 { font-size: 32px; margin-bottom: 20px; }
h2 { font-size: 24px; margin-bottom: 15px; }
h3 { font-size: 18px; margin-bottom: 15px; }
p { margin-bottom: 1.5em; }
ul { margin-bottom: 1.5em; }
img { margin-top: 0; margin-bottom: 1.5em; }
img.center, .centered { display: block; margin: 0 auto; }
img.screenshot { -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 6px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 6px; box-shadow: rgba(0, 0, 0, 0.4) 0 2px 6px; }
img.narrower { width: 80%; }
table.ledger { width: 100%; padding: 2px; margin: 0px auto; text-align: left; }
table.ledger td { padding: 5px 10px 5px 10px; margin: 4px; line-height: 1.25em; vertical-align: middle; border: 2px solid #eee; }
strong.extra-strong { color: rgb(221, 5, 78); }

hr { margin: 40px 0; }

/* Header */
#headerbar { background-color: rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 40px; }
header { height: 100px; position: relative; }
#logo { background: url(/images/figure53_logo.png) no-repeat; display: block; position: absolute; width: 179px; height: 56px; left: 0; text-indent: -9999px; top: 20px;  }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #logo { background: url(/images/figure53_logo@2x.png) no-repeat; background-size: 179px 56px; } }
nav { position: absolute; right: 0; top: 35px; }
nav ul { height: 34px; margin: 0; }
nav li { float: left; list-style: none; height: 31px; }
nav li.divider { border-right: 1px solid #666; margin: 0 10px; }
nav li a { font-size: 16px; height: 31px; line-height: 31px; color: #e7e7e7; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; display: block; float: left; font-family: "ff-din-web-1", "ff-din-web-2", 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; text-shadow: rgba(0, 0, 0, 0.75) 0 1px 0; margin: 0 0 0 1px; padding: 0 15px; }
nav li a:hover { background-color: #000; color: #fff; }
nav li a.active { background-color: #fff; color: #000; text-shadow: none; }
mobilenav { display: none; margin-left: 10px; padding-top: 15px; }
mobilenav select { width: 97%; }
mobilesubnav { display: none; margin: 5px 0 10px 10px; }
mobilesubnav select { width: 97%; }

/* Subnav */
subnav              { clear:left; }
subnav ul           { height: 31px; list-style: none; margin: 0 0 0 -20px; }
subnav li           { display: block; float: left; }
subnav li a         { font-size: 12px; height: 31px; letter-spacing: 0.1em; line-height: 35px; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; color: #DEDEDE; display: block; float: left; font-family: "ff-din-web-1", "ff-din-web-2", 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; text-transform: uppercase; padding: 0 15px; }
subnav li a:hover   { background-color: #000; color: #fff; }
subnav li a.active  { background-color: #fff; color: #000; }

/* Product highlight */
.highlight { padding: 20px; }
.highlight_icon { display: block; margin-left: auto; margin-right: auto; max-height: 256px; padding-top: 10px; }
.highlight h1 { font-family: "ff-din-web-1","ff-din-web-2"; font-style: normal; font-weight: 700; font-size: 72px; text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 2px; margin-top: 30px; margin-bottom: 10px; margin-left: -5px; line-height: 1em; }
.highlight_slug { font-size: 16px; line-height: 1.6; text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; padding-right: 50px; }
.highlight_tabs { margin-top: 1px; margin-bottom: 20px; }
.highlight_tabs a { display: block; height: 50px; padding: 13px 0 0 15px; color: #fff; text-shadow: rgba(33, 33, 33, 0.5) 1px 1px 4px; }
.highlight_tabs a dt { font-size: 14px; }
.highlight_tabs a dd { font-size: 12px; color: #ffa; padding: 0px; margin: 0px; }

.highlight_tab1 { height: 65px; margin-left: 0px; margin-right: 1px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.highlight_tab1 a { background: url(/images/download_button.png) no-repeat left 0px; margin: 10px 0 0 20px; padding: 3px 0 0 53px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.highlight_tab1 a { background: url(/images/download_button@2x.png) no-repeat left 0px; background-size: 32px 90px; }
}
.highlight_tab1 a:hover { background-position-y: -52px; color: #111; }
.highlight_tab1 a:hover dd { color: #111; }
.highlight_tab2 { height: 65px; float: right; margin-left: 0px; margin-right: 1px; -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; }
.highlight_tab2 a dd { color: rgba(255, 255, 255, 0.8); }
.highlight_tab2 a:hover { color: #111; }
.highlight_tab2 a:hover dd { color: #111; }
.highlight_tab3 { height: 65px; float: right; margin-left: 0px; margin-right: 1px; }
.highlight_tab3 a dd { color: rgba(255, 255, 255, 0.8); }
.highlight_tab3 a:hover { color: #111; }
.highlight_tab3 a:hover dd { color: #111; }
.highlight_tab4 { height: 65px; float: right; margin-left: 0px; margin-right: -20px; -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; }
.highlight_tab4 a dd { color: rgba(255, 255, 255, 0.8); }
.highlight_tab4 a:hover { color: #111; }
.highlight_tab4 a:hover dd { color: #111; }

#product_list .highlight_tabs { display: none; }
#product_list #qlab_highlight, #product_list #tixato_highlight, #product_list #streamers_highlight, #product_list #lockstep_highlight, #product_list #qcart_highlight {
  margin-bottom: 0;
  border-radius: 0;
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
#product_list h1 {
  color: #fff;
}

/* Main */
.main { background-color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; padding: 20px; }
.main.no-corner { -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; }

/* Footer */
footer { margin-top: 15px; margin-bottom: 30px; }
footer a { color: #aaaaaa; }
footer a:hover, footer a:active { color: #aaaaff; background-color: transparent; text-decoration: underline; }
footer p {
  color: #777; font-size: 12px;
	width: 50%;
	float: left;
}
.notes footer p {
  width: auto;
  float: none;
}
footer p.contact a { padding-right: 10px; }
footer p.copyright { text-align: right; }


/* Other */

.section-divider { width: 100%; border-bottom: 1px solid #e7e7e7; margin-top: 25px; margin-bottom: 25px; overflow: hidden; }

.section { border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; overflow: hidden; padding-bottom: 20px ;}
.section:last-child { border: none; margin: 0; padding: 0; }

.info-box { background: #ddd; color: #444; padding: 0; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.info-box-top { font-weight: bold; color: #fff; background: #bbb; padding: 10px 20px 10px 20px; margin: 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.info-box-content { padding: 10px 20px 20px 20px; }
.info-box ul { margin-left: 15px; }

.quote { display:block; background-color: #eee; font-size: 16px; line-height: 1.6em; margin-bottom:10px; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.quoted { display:block; font-size: .8em; color: #555; padding-top: 10px; }

.download_icon { display: block; margin-left: auto; margin-right: auto; max-height: 171px; }

.download_button             { background: url(/images/download-button-left.png) no-repeat left top; cursor: pointer; display: inline-block; height: 37px; padding-left: 11px; margin-left: 0px; }
.download_button span        { background: url(/images/download-button-right.png) no-repeat right top; color: #fff; display: inline-block; font-size: 14px; height: 37px; line-height: 38px; padding-left: 5px; padding-right: 16px; margin-right: 0px; text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0; }
.download_button:hover       { background-position: left -37px; }
.download_button:hover span  { background-position: right -37px; }
.download_button:active      { background-position: left -74px; }
.download_button:active span { background-position: right -74px; }

.release-notes          { line-height: 12pt; }
.release-notes .fixed   { color: #4B973F; display: inline-block; text-align: right; padding-right: 10px; }
.release-notes .changed { color: #C6A71D; display: inline-block; text-align: right; padding-right: 10px; }
.release-notes .added   { color: #4E71B6; display: inline-block; text-align: right; padding-right: 10px; }

.help-summary { font-size: 1.25em; line-height: 1.25em; padding-top: 10px; }

.showcase-row     { margin-top: 10px; margin-bottom: 20px; }
.showcase-icon    { float: left; padding: 0 15px 0 0; }
.showcase h3      { margin-bottom: 5px; }
.showcase-byline  { color: #777; font-size: 0.9em; padding: 0px 0px 0px 1px; }
.showcase-summary { padding: 5px 0px 10px 0px; }

.caption { text-align: center; color: #555; font-size: .9em; }

.buy_button             { background: url(/images/download-button-left.png) no-repeat left top; cursor: pointer; display: inline-block; height: 37px; padding-left: 11px; margin-left: 5px; }
.buy_button span        { background: url(/images/download-button-right.png) no-repeat right top; color: #fff; display: inline-block; font-size: 14px; height: 37px; line-height: 38px; padding-left: 5px; padding-right: 16px; margin-right: 5px; text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0; }
.buy_button.fixed span  { width: 0.3in; display: inline-block; text-align: center; }
.buy_skinny { padding-left: 5px; margin-left: 0px; }
.buy_skinny span { padding-right: 10px; margin-right: 0px; font-size: 11px; }
.buy_button:hover       { background-position: left -37px; }
.buy_button:hover span  { background-position: right -37px; }
.buy_button:active      { background-position: left -74px; }
.buy_button:active span { background-position: right -74px; }
@media (min-width: 768px) and (max-width: 979px) {
.buy_button             { padding-left: 10px; }
.buy_button span        { padding-right: 10px; }
}

/*-------------------------------------------
  Media queries for responsive
-------------------------------------------*/

/*
@media (min-width: 1300px) {
  .highlight_tab1 { margin-left: 10px; }
  .showcase-icon { float: right; padding: 0; }
}
*/

@media (max-width: 1299px) {
}

@media (min-width: 980px) {
  footer p { font-size: 13px; }
  .showcase { padding-right: 100px; }
  .showcase-icon { float: right; padding: 0; }
}

@media (max-width: 979px) {
  nav li a { font-size: 15px; padding: 0 9px; }
  .highlight h1 { font-size: 64px; margin-top: 30px; margin-bottom: 0px; }
  .highlight_tab1 a dd { display:none; }
}

@media (min-width: 768px) and (max-width: 979px) {
  #headerbar .container { width: 760px; }
  .help-summary { margin-left: 84px; /* additional .span2 to make room for email address */ }
}

@media (max-width: 767px) { /* Bootstrap switches to a fluid layout below 767. */
  html { overflow-x: hidden; }
  body { padding-right: 0px; padding-left: 0px; overflow-x: hidden; }
  h2 { margin-bottom: 5px; }
  h3 { margin-top: 15px; margin-bottom: 5px; }
  #headerbar { margin-bottom: 20px; }
  header { height: 130px; }
  #logo { position: static; margin-top: 15px; margin-left: 15px; }
  #product_intro { margin-left: 10px; }
  nav { position: static; margin-top: 15px; margin-left: 15px; }
  nav li a { font-size: 14px; padding: 0 10px; }
  subnav ul { margin: 0 10px 0 10px; }
  .highlight { margin: 0 10px 0px 10px; padding: 20px; }
  .highlight_icon { float:left; max-height: 250px; padding-right: 20px; }
  .highlight h1 { font-size: 64px; margin-top: 30px; margin-bottom: 0px; }
  .highlight_slug { font-size: 14px; padding-right: 0px; }
  .highlight_tabs { margin: 0 10px 0 10px; }
  .highlight_tab1 { height: 65px; float: left; margin: 1px 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; }
  .highlight_tab1 a dd { display:block; }
  .highlight_tab2 { height: 65px; float: right; margin: 1px 0 10px 0; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
  .highlight_tab3 { height: 65px; float: right; margin: 1px 0 0 0; }
  .highlight_tab4 { height: 65px; float: right; margin: 1px 0 0 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; }
  .main { margin: 0 10px 0px 10px; padding: 20px; }
  .help-summary { padding-top: 0; padding-bottom: 10px; }
  footer { margin-top: 10px; margin-bottom: 20px; }
  footer .row { height: auto; }
  footer p { margin: 0; }
  footer p.contact { margin-left: 10px; padding-top: 6px; width: 100% }
  footer p.copyright { text-align: left; margin-left: 10px; width: 100% }
}

@media (max-width: 610px) {
  #headerbar { margin-bottom: 10px; }
  nav { display: none; }
  subnav { display: none; }
  mobilenav { display: block; }
  mobilesubnav { display: block; }
  .highlight { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
  .highlight_icon { float:none; max-height: 200px; }
  .highlight h1 { font-size: 48px; margin-top: 20px; margin-bottom: 10px; margin-left: 0px; }
  .highlight h2 { font-size: 18px; margin-top: 0px; margin-bottom: 10px; }
  .main.no-corner { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
  footer .row { height: auto; }
  footer p { margin: 0; }
}

@media (max-width: 320px) {
  .container { width: 320px; }
  .highlight { margin: 0 10px 0px 10px; padding: 20px; width: 260px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
  .highlight h2 { font-size: 17px; }
  .highlight_tabs { margin: 0 10px 0px 10px; width: 300px; padding-bottom: 10px; }
  .highlight_tab1 { margin: 1px 0 0 0; }
  .highlight_tab2 { margin: 1px 0 0 0; }
  .main { margin: 0 10px 0px 10px; padding: 20px; width: 260px; }
}

/*-------------------------------------------
  Pages
-------------------------------------------*/

  /* Support */
  .support h2 { margin-top: 1em;}
  .support .big { font-size: 1.2em; font-weight: 200; color: #666; }
  .support_product { margin: 1em; }
  .support_product img { vertical-align: top; margin: 1em; }
  .support_product_links { display: inline-block; }
  .support_product_links h1 { font-size: 1.8em; }
  .support_product_links p { font-size: 1.2em; font-weight: normal; margin: 0.5em; }
  .support_link_description { font-size: 0.85em; color: #aaa; margin-left: 2em; font-weight: normal; }

  /* Gradients via http://gradients.glrzad.com */

  /* QLab */
  .qlab_button             { background: url(/images/qlab/buttons_left.png) no-repeat left top; cursor: pointer; display: inline-block; height: 40px; margin-right: 5px; padding-left: 20px; }
  .qlab_button span        { background: url(/images/qlab/buttons_right.png) no-repeat right top; color: #fff; display: inline-block; font-size: 14px; height: 40px; line-height: 38px; padding-right: 20px; text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0; }
  .qlab_button:hover       { background-position: left -40px; }
  .qlab_button:hover span  { background-position: right -40px; }
  .qlab_button:active      { background-position: left -80px; }
  .qlab_button:active span { background-position: right -80px; }
  .qlab_dark_button              { background-position: left -120px; }
  .qlab_dark_button span         { background-position: right -120px; }
  .qlab_dark_button:hover        { background-position: left -160px; }
  .qlab_dark_button:hover span   { background-position: right -160px; }
  .qlab_dark_button:active       { background-position: left -200px; }
  .qlab_dark_button:active span  { background-position: right -200px; }
  #qlab_highlight {
    background-color: #666599;
    background-image: linear-gradient(bottom, rgb(102,101,153) 0%, rgb(152,150,212) 100%);
    background-image: -o-linear-gradient(bottom, rgb(102,101,153) 0%, rgb(152,150,212) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(102,101,153) 0%, rgb(152,150,212) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(102,101,153) 0%, rgb(152,150,212) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(102,101,153) 0%, rgb(152,150,212) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(102,101,153)),
    	color-stop(1, rgb(152,150,212))
    );
    -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;
  }
  #qlab_highlight h1, #qlab_highlight h1 a { color: #f2f2f2; text-shadow: rgba(23,23,23,0.5) 2px 2px 8px; }
  #qlab_highlight h2 { color: #fff; text-shadow: rgba(23,23,23,0.5) 1px 1px 1px; }
  #qlab_highlight .highlight_slug { color: #eee; text-shadow: rgba(23,23,23,0.5) 1px 1px 5px; }
  .qlab_download_tab {
    background-color: #7190bd;
    background-image: linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -o-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(90,108,163)),
    	color-stop(1, rgb(113,144,189))
    );
  }
  .qlab_buy_tab {
    background-color: #6d8565;
    background-image: linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -o-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(109,133,101)),
    	color-stop(1, rgb(135,158,129))
    );
  }
  #qlab_highlight_tabs .highlight_tab2 a { background: url(/images/shopping_cart.png) no-repeat left 0px; margin: 10px 0 0 20px; padding: 3px 0 0 53px; }
  #qlab_highlight_tabs .highlight_tab2 a:hover { background-position-y: -52px; }
  #qlab_highlight_tabs .highlight_tab3 a { background: url(/images/shopping_cart.png) no-repeat left 0px; margin: 10px 0 0 20px; padding: 3px 0 0 53px; }
  #qlab_highlight_tabs .highlight_tab3 a:hover { background-position-y: -52px; }
  #qlab_highlight_tabs .highlight_tab4 a { background: url(/images/hourglass.png) no-repeat left 0px; margin: 10px 0 0 20px; padding: 3px 0 0 53px; }
  #qlab_highlight_tabs .highlight_tab4 a:hover { background-position-y: -52px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     #qlab_highlight_tabs .highlight_tab2 a { background: url(/images/shopping_cart@2x.png) no-repeat left 0px; background-size: 32px 90px; }
     #qlab_highlight_tabs .highlight_tab3 a { background: url(/images/shopping_cart@2x.png) no-repeat left 0px; background-size: 32px 90px; }
     #qlab_highlight_tabs .highlight_tab4 a { background: url(/images/hourglass@2x.png) no-repeat left 0px; background-size: 32px 90px; }
  }
  @media (max-width: 560px) { #qlab_highlight { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } }
  .license-single { text-align: center; vertical-align: bottom; }
  .license-columns { text-align: center; vertical-align: bottom; }
  .license-box { font-size: 14px; padding: 0.5em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #000; }
  .license-box h2 { padding: 0; margin: 0; }
  .license-box p { padding: 10px 0 10px 0; margin: 0; }
  .license-box ul { margin: 0; padding: 0; }
  .license-box li { font-size: 0.9em; list-style: none; }
  .license-box .buy_container { margin: 0.3em 0.2em; text-align: left; font-size: 0.9em; font-weight: 200; }
  .license-box .purchase_price { font-size: 1.75em; font-weight: 400; margin-left: 0.1em; vertical-align: -10%; }
  .license-box .rental_price { font-size: 1.5em; font-weight: 400; margin-left: 0.1em; margin-right: 0.1em; vertical-align: -5%; }
  .license-columns .license-box { display: inline-block; width: 140px; }
  .license-columns .license-box .buy_option { display: inline-block; }
  .license-columns .license-box .buy_container { width: 130px; margin: 0 auto;}
  .license-rows .license-box,
  .license-single .license-box { display: block; margin: 0.5em 0; position: relative; }
  .license-rows .license-box .buy_container { position: absolute; bottom: 0.5em; right: 1em; }
  .license-box .version_notice { font-family: "museo-slab-1"; font-size: 1.2em; margin-top: 0.2em; margin-bottom: 0.3em; }
  /*.license-box .version_warning { color: #900; }*/
  .license-box .version_notice img { vertical-align: bottom; margin: 0; }
  .qlab_version_detail { margin-top: 1em; }
  .qlab_version_detail strong { color: #900; }
  .pro-audio-box   { background-color: #FFC9CA; border: 4px solid #FFC9CA; }
  .basic-audio-box { background-color: #FFFFFF; border: 4px solid #FFC9CA; }
  .pro-video-box   { background-color: #C4E0FF; border: 4px solid #C4E0FF; }
  .basic-video-box { background-color: #FFFFFF; border: 4px solid #C4E0FF; }
  .pro-bundle-box  { background-color: #D2C5FF; border: 4px solid #D2C5FF; }
  .qcart-box,/*       { background-color: #E0E0E0; border: 4px solid #D0D0D0; }*/
  .streamers-box,/*   { background-color: #B5CAE0; border: 4px solid #97B3D0; }*/
  .gobutton-box,
  .lockstep-box    { background-color: #C4E3D1; border: 4px solid #88B59B; }
  .sale-box { background-color: #fff780; border: 4px solid #FFD52D; padding:15px; margin-top:10px; margin-bottom:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #000;}
  @media (min-width: 980px) {
    .license-columns { display: block; }
    .license-rows { display: none; }
    .pro-bundle-box { width: 180px; }
    .pro-bundle-box .buy_container { margin: 0.3em 1.8em; }
  }
  @media (max-width: 979px) {
    .license-columns { display: none; }
    .license-rows { display: block; }
  }
  @media (min-width: 521px) and (max-width: 979px) {
    .license-box a.features_link { display: none; }
    .license-rows .license-box .version_notice { position: absolute; top: 0.1em; right: 0.5em; }
  }
  @media (max-width: 560px) {
    .license-box { height: 70px; }
    .license-box ul, .license-box p.summary { display: none; }
    .license-box .buy_container { margin-right: 0; }
  }
  @media (min-width: 768px) {
    .license-single .license-box { display: inline-block; width: 430px; }
    .license-single .license-box .buy_container { text-align: center; }
    /*.license-single .license-box .buy_option { display: inline-block; width: 140px; text-align: left; }*/
  }
  @media (max-width: 767px) {
    .license-single { text-align: left; display: block; }
    .license-single .license-box { display: block; }
    .license-single .license-box p.summary { margin-right: 250px; }
    .license-single .license-box .buy_container { position: absolute; bottom: 0.5em; right: 1em; }
  }
  @media (min-width: 393px) and (max-width: 560px) {
    .license-box a.features_link { display: block; position: absolute; bottom: 0.8em; left: 0.6em; font-size: 1em; }
    .license-rows .license-box .version_notice { position: absolute; top: 0.1em; right: 0.5em; }
  }
  @media (max-width: 392px) {
    .license-box { height: 100px; }
    .license-box .buy_container { font-size: 0.8em; }
    .license-box a.features_link { display: block; position: absolute; top: 0.8em; right: 0.6em; font-size: 1em; }
    .license-rows .license-box .version_notice { bottom: 0.3em; }
    .license-rows .license-box .version_notice img { display: none; }
  }

  #pro-bundle-ledger { width: 220px; margin-top: 10px; margin-left: auto; margin-right: auto; margin-bottom: 20px; font-size: 18px; text-align: left; }
  #pro-bundle-ledger td.pro { background-position: 18px 50%; padding-left: 70px; }
  .ledger td.center { text-align: center; }
  .ledger td.pro { background-image: url(/images/check.png); background-repeat: no-repeat; background-position: 50% 50%; padding-left: 33px; }
  .ledger td.con { }
  @media (max-width: 767px) {
    table.ledger { margin-top: 10px; }
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .ledger td.pro { background-image: url(/images/check@2x.png); background-size: 18px 19px; }
    .ledger td.con { }
  }
  @media (max-width: 392px) {
    .ledger td:not(.pro) { padding: 0.5em 0.1em !important; font-size: 0.9em; }
  }

  /* QLab Documentation */
  .qlab_documentation_header .divider { border-top: 1px solid #dedede; margin-top: 20px; margin-bottom: 10px; }
  .qlab_documentation_header h2 { margin: 1em 0 1em 0;}
  .qlab_documentation_entry { min-height: 66px; }
  .qlab_documentation_entry:nth-child(odd) { background-color: #eee; }
  .qlab_documentation_entry h3 { margin: 10px 0 0.5em 10px; color:#aaa; }  /*  "color:#aaa"  is temporary while we work on documentation   */
  .qlab_documentation_entry p { margin: 0 0 10px 10px; }
  .qlab_documentation h2 { border-bottom: 2px solid #8D99A5; }
  .qlab_docs blockquote { background-color: #EBF1F8; padding: 1em; border: 2px solid #8D99A5; }
  .qlab_docs blockquote p { font-size: 1em; }
  .qlab_docs blockquote.sidebar { float: right; width: 40%; margin-left: 1em; border: none; border-left: 1px solid #8D99A5; box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.1); }
  .qlab_docs blockquote p em:first-child { color: #485B71; font-weight: 400; }
  .qlab_docs .figure-right { float: right; }
  .qlab_docs .figure { text-align: center; }
  .qlab_docs .figure img, .qlab_documentation_guides .figure-right img { box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.1); }
  .qlab_docs .noshadow img { box-shadow: none; }
  .qlab_docs table { border: 1px solid #ccc; margin: 1em 0 1em 0; }
  .qlab_docs table th { border: 1px solid #ccc; background-color: #eee; padding: 1em; }
  .qlab_docs table td { border: 1px solid #ccc; padding: 1em; }
  .video_title { font-size: 1.3em; font-weight: 200; margin: 12px 0 5px 10px; }
  .video_trt { color: #aaa; margin: 0 0 0 10px; }
  .video_trt:before { content: "("; }
  .video_trt:after { content: ")"; }
  .video_thumbnail { width: 100px; box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 5px; margin: 10px; vertical-align: top; }
  .video_info { display: inline-block; }
/*
  @media (max-width: 452px) {
    .video_thumbnail { display: none; }
  }
*/
  a.top_link { float: right; font-family: Helvetica Neue, sans-serif; font-size: 13px; }
  a.top_link:before { content: "↑ " }

  /* QLab Remote Highlight */
  #qlab_highlight.remote_highlight {
    background-color: #666599;
    background-image: linear-gradient(bottom, #ACB4BD 0%, #DDE0E5 100%);
    background-image: -o-linear-gradient(bottom, #ACB4BD 0%, #DDE0E5 100%);
    background-image: -moz-linear-gradient(bottom, #ACB4BD 0%, #DDE0E5 100%);
    background-image: -webkit-linear-gradient(bottom, ##ACB4BD 0%, #DDE0E5 100%);
    background-image: -ms-linear-gradient(bottom, #ACB4BD 0%, #DDE0E5 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, #ACB4BD),
    	color-stop(1, #DDE0E5)
    );
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px;
  }
  #qlab_highlight.remote_highlight h1, #qlab_highlight.remote_highlight h1 a { color: #34383C; font-size: 62px; margin: 15px 0 10px 0; text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; }
  #qlab_highlight.remote_highlight h2 { color: #34383C; text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0; }
  #qlab_highlight.remote_highlight .highlight_slug { color: #393B3D; text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0; }
  #qlab_highlight.remote_highlight img { margin: 0; }

  .app-store { background: url(/images/Download_on_the_App_Store_Badge_US-UK.png) no-repeat; display: block; height: 80px; text-indent: -9999px; width: 270px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .app-store { background: url(/images/Download_on_the_App_Store_Badge_US-UK@2x.png) no-repeat; background-size: 270px 80px; }
  }
  @media (max-width: 392px) {
    .app-store { background-size: 240px 71px; width: 240px; height: 71px; };
  }


  /* QCart */
  #qcart_highlight {
    background-color: #afafaf;
    background-image: linear-gradient(bottom, rgb(179,179,179) 0%, rgb(230,230,230) 100%);
    background-image: -o-linear-gradient(bottom, rgb(179,179,179) 0%, rgb(230,230,230) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(179,179,179) 0%, rgb(230,230,230) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(179,179,179) 0%, rgb(230,230,230) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(179,179,179) 0%, rgb(230,230,230) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(179,179,179)),
    	color-stop(1, rgb(230,230,230))
    );
    -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;
  }
  #qcart_highlight h1, #qcart_highlight h1 a { color: #3d3d3d; }
  #qcart_highlight p { color: #333; }
  .qcart_download_tab {
    background-color: #7190bd;
    background-image: linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -o-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(90,108,163)),
    	color-stop(1, rgb(113,144,189))
    );
  }
  .qcart_buy_tab {
    background-color: #6d8565;
    background-image: linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -o-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(109,133,101)),
    	color-stop(1, rgb(135,158,129))
    );
  }
  #qcart_highlight_tabs .highlight_tab2 { display: none; }
  #qcart_highlight_tabs .highlight_tab3 { display: none; }
  #qcart_highlight_tabs .highlight_tab4 { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
  #qcart_highlight_tabs .highlight_tab4 a { background: url(/images/shopping_cart.png) no-repeat left 0px; margin: 10px 0 0 20px; padding: 3px 0 0 53px; }
  #qcart_highlight_tabs .highlight_tab4 a:hover { background-position-y: -52px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     #qcart_highlight_tabs .highlight_tab4 a { background: url(/images/shopping_cart@2x.png) no-repeat left 0px; background-size: 32px 90px; }
  }
  @media (max-width: 767px) { #qcart_highlight_tabs .highlight_tab4 { margin: 1px 0 10px 0; } }
  @media (max-width: 560px) { #qcart_highlight { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } }

  /* Go Button */
  #gobutton_highlight {
    background-color: #325B96;
    background-image: linear-gradient(bottom, rgb(48,64,127) 0%, rgb(53,92,148) 100%);
    background-image: -o-linear-gradient(bottom, rgb(48,64,127) 0%, rgb(53,92,148) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(48,64,127) 0%, rgb(53,92,148) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(48,64,127) 0%, rgb(53,92,148) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(48,64,127) 0%, rgb(53,92,148) 100%);
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(48,64,127)),
      color-stop(1, rgb(53,92,148))
    );
    -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;
  }
  #gobutton_highlight h1, #gobutton_highlight h1 a { color: #f2f2f2; text-shadow: rgba(23,23,23,0.5) 2px 2px 8px; }
  #gobutton_highlight h2 { color: #fff; text-shadow: rgba(23,23,23,0.5) 1px 1px 1px; }
  #gobutton_highlight .highlight_slug { color: #eee; text-shadow: rgba(23,23,23,0.5) 1px 1px 5px; }
  
  .gobutton_buy_tab {
    background-color: #7190bd;
    background-image: linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -o-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(90,108,163)),
    	color-stop(1, rgb(113,144,189))
    );
  }
  .gobutton_buy_tab a { background: url(/images/iphone_button.png) no-repeat left 0px; margin: 10px 0 0 20px; padding: 3px 0 0 53px; }
  .gobutton_buy_tab a:hover { background-position-y: -52px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     .gobutton_buy_tab a { background: url(/images/iphone_button@2x.png) no-repeat left 0px; background-size: 32px 90px; }
  }
  
  .gobutton_download_tab {
    background-color: #6d8565;
    background-image: linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -o-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(109,133,101)),
    	color-stop(1, rgb(135,158,129))
    );
  }
  .gobutton_download_tab a { background: url(/images/document_button.png) no-repeat left 0px; margin: 10px 0 0 20px; padding: 3px 0 0 53px; }
  .gobutton_download_tab a:hover { background-position-y: -52px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
       .gobutton_download_tab a { background: url(/images/document_button@2x.png) no-repeat left 0px; background-size: 32px 90px; }
    }
      
  #gobutton_highlight_tabs .highlight_tab2 { display: none; }
  #gobutton_highlight_tabs .highlight_tab3 { display: none; }
  #gobutton_highlight_tabs .highlight_tab4 { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
  @media (max-width: 767px) { #gobutton_highlight_tabs .highlight_tab4 { margin: 1px 0 10px 0; } }
  @media (max-width: 560px) { #gobutton_highlight { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } }

  .gobutton .main img.shadow { -webkit-box-shadow: 2px 2px 5px #aaa; -moz-box-shadow: 2px 2px 5px #aaa; box-shadow: 2px 2px 5px #aaa; }

  .gobutton-box .buy_container { text-align: center !important; }
  .gobutton-box .buy_container .purchase_price { line-height: 1.2em; }
  
  @media (max-width: 767px) {
    .gobutton-box { text-align: center; }
    .license-single .gobutton-box .buy_container { position: relative; bottom: 0; right: 0; margin-left: 0em; margin-right: 0em; }
    .license-single .gobutton-box p.summary { margin-right: auto; }
  }
  @media (max-width: 560px) {
    .gobutton-box { height: auto; }
    .gobutton-box p.summary { display: block; }
  }
  
  /* Go Button Compatible Remotes */
  .gobutton-remote-logo { 
    font-size: 18px;
    font-family: museo-slab-1, museo-slab-2, 'Helvetica Neue', 'Helvetica', sans-serif;
    font-style: normal;
    font-weight: 300;
    margin-bottom: 2em;
    margin-bottom: 3em;
  }
  
  /* Go Button Video Tutorials */
  .gobutton_video_header .divider { border-top: 1px solid #dedede; margin-top: 20px; margin-bottom: 10px; }
  .gobutton_video_header h2 { margin: 1em 0 1em 0;}
  .gobutton_video_entry { min-height: 66px; }
  .gobutton_video_entry:nth-child(odd) { background-color: #eee; }
  .gobutton_video_entry h3 { margin: 10px 0 0.5em 10px; color:#aaa; }  /*  "color:#aaa"  is temporary while we work on documentation   */
  .gobutton_video_entry p { margin: 0 0 10px 10px; }
  .gobutton_video_entry iframe { margin-top: 1em; margin-bottom: 1em; }
  @media (max-width: 767px) { .gobutton_video_entry p { margin-right: 10px; } }



  /* Streamers */
  .streamers .overview h3 { padding-top: 10px; }
  #streamers_highlight {
    background-color: #61768C;
    background-image: linear-gradient(bottom, rgb(69,87,105) 0%, rgb(97,118,140) 100%);
    background-image: -o-linear-gradient(bottom, rgb(69,87,105) 0%, rgb(97,118,140) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(69,87,105) 0%, rgb(97,118,140) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(69,87,105) 0%, rgb(97,118,140) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(69,87,105) 0%, rgb(97,118,140) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(69,87,105)),
    	color-stop(1, rgb(97,118,140))
    );
    -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;
  }
  #streamers_highlight h1, #streamers_highlight h1 a { color: #f2f2f2; text-shadow: rgba(23,23,23,0.5) 2px 2px 8px; }
  #streamers_highlight h2 { color: #fff; text-shadow: rgba(23,23,23,0.5) 1px 1px 1px; }
  #streamers_highlight .highlight_slug { color: #eee; text-shadow: rgba(23,23,23,0.5) 1px 1px 5px; }
  .streamers_download_tab {
    background-color: #7190bd;
    background-image: linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -o-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(90,108,163)),
    	color-stop(1, rgb(113,144,189))
    );
  }
  .streamers_buy_tab {
    background-color: #6d8565;
    background-image: linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -o-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(109,133,101)),
    	color-stop(1, rgb(135,158,129))
    );
  }
  #streamers_highlight_tabs .highlight_tab2 { display: none; }
  #streamers_highlight_tabs .highlight_tab3 { -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; }
  #streamers_highlight_tabs .highlight_tab3 a { background: url(/images/shopping_cart.png) no-repeat left 0px; margin: 10px 0 0 18px; padding: 3px 0 0 53px; }
  #streamers_highlight_tabs .highlight_tab3 a:hover { background-position-y: -52px; }
  #streamers_highlight_tabs .highlight_tab4 { }
  #streamers_highlight_tabs .highlight_tab4 a { background: url(/images/hourglass.png) no-repeat left 0px; margin: 10px 0 0 18px; padding: 3px 0 0 53px; }
  #streamers_highlight_tabs .highlight_tab4 a:hover { background-position-y: -52px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     #streamers_highlight_tabs .highlight_tab3 a { background: url(/images/shopping_cart@2x.png) no-repeat left 0px; background-size: 32px 90px; }
     #streamers_highlight_tabs .highlight_tab4 a { background: url(/images/hourglass@2x.png) no-repeat left 0px; background-size: 32px 90px; }
  }
  /* @media (min-width: 1300px) { .streamers .overview p { font-size: 16px; line-height: 1.75em; } } */
  @media (min-width: 980px) {
    #streamers_highlight_tabs .highlight_tab1 a { margin: 10px 0 0 15px; padding: 3px 0 0 45px; }
  }
  @media (max-width: 979px) {
    #streamers_highlight .highlight_slug { font-size: 14px; padding-right: 0px; }
  }
  @media (max-width: 767px) {
    #streamers_highlight_tabs .highlight_tab3 { margin: 1px 0 10px 0; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
  }
  @media (max-width: 560px) { #streamers_highlight { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } }
  .streamers_documentation .rightscreenshot { float: right; }
  .streamers_documentation .sidebar {
    background-color: #f0f5ff;
    border: 1px solid #d0e0ff;
    font-size: 0.9em;
    color: #555;
    padding: 1em 1.5em;
    margin: 1em;
    box-shadow: 0.3em 0.3em 1em rgba( 0, 0, 0, 0.3 );
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  }
  @media (min-width: 600px) { .streamers_documentation .sidebar { float: right; width: 30%; margin-right: 0; } }
  .streamers_documentation .sidebar h1 {
    font-size: 1.6em;
  }
  .streamers_documentation .quarter {
    text-indent: 100%;
    background: url(/streamers/documentation/images/quarternote-small.png) bottom left no-repeat;
    margin: 0 -2px 1px 2px;
    color: rgba(255, 255, 255, 0.0);
  }
  .streamers_documentation .tip {
    border-top: 2px solid #eeeecc;
    border-bottom: 2px solid #eeeecc;
    font-size: 0.9em;
    color: #555;
    padding: 1em 1.5em;
    margin: 1em;
  }
  .streamers_documentation table.bordered {
    border: 2px solid #ccc;
    margin: 1em;
  }
  .streamers_documentation table.bordered td { padding: 0.2em 0.5em; }
  .streamers_documentation table.bordered th { padding: 0.2em 0.5em; background-color: #eee; }
  .streamers_documentation .small { font-size: 0.85em; }
  .streamers_documentation .light-gray { color: #aaa; }
  .streamers_documentation .light-gray a { color: #55a0cc;}

  /* Lockstep */
  #lockstep_highlight {
    background-color: #668560;
    background-image: linear-gradient(bottom, rgb(78,105,93) 0%, rgb(114,156,132) 100%);
    background-image: -o-linear-gradient(bottom, rgb(78,105,93) 0%, rgb(114,156,132) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(78,105,93) 0%, rgb(114,156,132) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(78,105,93) 0%, rgb(114,156,132) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(78,105,93) 0%, rgb(114,156,132) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(78,105,93)),
    	color-stop(1, rgb(114,156,132))
    );
    -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;
  }
  #lockstep_highlight h1, #lockstep_highlight h1 a { color: #f2f2f2; text-shadow: rgba(23,23,23,0.5) 2px 2px 8px; }
  #lockstep_highlight h2 { color: #fff; text-shadow: rgba(23,23,23,0.5) 1px 1px 1px; }
  #lockstep_highlight .highlight_slug { color: #eee; text-shadow: rgba(23,23,23,0.5) 1px 1px 5px; }
  .lockstep_download_tab {
    background-color: #7190bd;
    background-image: linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -o-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(90,108,163) 0%, rgb(113,144,189) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(90,108,163)),
    	color-stop(1, rgb(113,144,189))
    );
  }
  .lockstep_buy_tab {
    background-color: #6d8565;
    background-image: linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -o-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(109,133,101) 0%, rgb(135,158,129) 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, rgb(109,133,101)),
    	color-stop(1, rgb(135,158,129))
    );
  }
  #lockstep_highlight_tabs .highlight_tab2 { display: none; }
  #lockstep_highlight_tabs .highlight_tab3 { display: none; }
  #lockstep_highlight_tabs .highlight_tab4 { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
  #lockstep_highlight_tabs .highlight_tab4 a { background: url(/images/shopping_cart.png) no-repeat left 0px; margin: 10px 0 0 20px; padding: 3px 0 0 53px; }
  #lockstep_highlight_tabs .highlight_tab4 a:hover { background-position-y: -52px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
     #lockstep_highlight_tabs .highlight_tab4 a { background: url(/images/shopping_cart@2x.png) no-repeat left 0px; background-size: 32px 90px; }
  }
  @media (min-width: 980px) {
    #lockstep_highlight_tabs .highlight_tab1 a { margin: 10px 0 0 15px; padding: 3px 0 0 45px; }
  }
  @media (max-width: 979px) {
    #lockstep_highlight .highlight_slug { font-size: 14px; padding-right: 0px; }
  }
  @media (max-width: 767px) {
    #lockstep_highlight_tabs .highlight_tab4 { margin: 1px 0 10px 0; }
  }
  @media (max-width: 560px) { #lockstep_highlight { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } }
  .lockstep_documentation #version {
    color: #888;
    font-size: 1.5em;
    font-family: museo-slab-1, museo-slab-2, 'Helvetica Neue', sans-serif;
    position: relative;
    top: -1.3em;
    left: 6em;
  }
  .lockstep_documentation #footer {
    width: 100%;
    margin: 40px 0 0 0;
    padding: 0;
    clear: both;
  }
  .lockstep_documentation #bottomnav { margin: 10px 20px 10px 0; padding: 0; }
  .lockstep_documentation #bottomnav p { text-align: right; margin: 0; }
  .lockstep_documentation #seealso {
    padding: 10px;
  }
  .lockstep_documentation #seealso h2 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
  }

  /* Code */
  #code .centered { text-align: center; }
  #code .summary { text-align: center; margin-bottom: 55px; }
  #code .divider { border-top: 1px solid #dedede; margin-top: 30px; margin-bottom: 40px; }
  #code .description { line-height: 15pt; /* margin: 20px auto 15px auto; */ }
  #code img.centered { margin-left: auto; margin-right: auto; }
  #code .button_container { text-align: center; margin: 20px 0 10px 0; }
  #code .codebutton {
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
  }
  #code .github {
    background: #e3e3e3;
    background-image: url('/images/code/octocat.png');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 8% 45%;
    border: 1px solid #bbb;

    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333;
    padding-left: 36px;
    text-shadow: 0 1px 0 #fff;
    margin-right: 10px;
  }
  #code .github:hover {
    background-color: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer;
  }
  #code .github:active {
    background-color: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000;
  }

  #code .download {
    background: #789CBB;
    border: 1px solid rgba(79, 98, 139, 0.82);
    -webkit-box-shadow: inset 0 0 1px 1px #206DAF;
    box-shadow: inset 0 0 1px 1px #206DAF;
    color: #fff;
  }
  #code .download:hover {
      background: #6C8CA8;
      -webkit-box-shadow: inset 0 0 1px 1px #27587c;
      box-shadow: inset 0 0 1px 1px #27587c;
      color: #fff;
      cursor: pointer;
  }
  #code .download:active {
      background: #66849e;
      -webkit-box-shadow: inset 0 0 1px 1px #0c6aba;
      box-shadow: inset 0 0 1px 1px #0c6aba;
      color: #fff;
  }

  /* Contact */
  #need_to_reach_us { padding: 0; margin: 0 0 20px 0; }
  #contact { padding: 0 0 20px 0; }
  #contact h1, #contact h2, #contact h3 { font-family: museo-slab-1,museo-slab-2, 'Helvetica Neue', 'Helvetica', sans-serif; font-style: normal; font-weight: 100; margin-bottom: 10px; padding: 0; }
  #contact h1 { border-bottom: 1px solid #f0f0f0; font-size: 32px; font-weight: 300; margin-bottom: 30px; padding: 0 0 15px 0; }
  #contact h2 { font-size: 24px; margin-bottom: 15px; padding: 0; }
  #contact h3 { font-size: 18px; margin-bottom: 10px; padding: 0; }
  #contact p { line-height: 1.8; margin-bottom: 10px; padding: 0; }
  #contact .helpbox { background-color: #f0f0f0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #333; overflow: hidden; padding: 30px; }
  #contact .doclink { font-size: 22px; }
  #contact .other { padding-top: 30px; }
  #contact .other p { font-size: 16px; margin-left: 20px; }
  #contact .other table { font-size: 12px; margin-left: 20px; }
  #contact strong { color: #333; font-size: 11px; }
  #contact .email_button { background: url(../images/contact/email_button.png) no-repeat left top; color: #fff; display: block; font-family: 'Helvetica Neue', Helvetic, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
                           font-size: 22px; font-weight: bold; height: 70px; line-height: 65px; margin: 0 0 10px 0; padding-left: 114px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); /* width: 269px; */ }
  #contact .email_button:hover { background-position: left -71px; }
  #contact .email_button:active { background-position: left -142px; line-height: 66px; }
  @media (min-width: 768px) and (max-width: 979px) {
    #contact .email_button {
      border: 1px solid #697885; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding-left: 0px; text-align: center;
      background: #8D99A5;
      background-image: linear-gradient(bottom, rgb(128,140,152) 0%, rgb(181,193,206) 100%);
      background-image: -o-linear-gradient(bottom, rgb(128,140,152) 0%, rgb(181,193,206) 100%);
      background-image: -moz-linear-gradient(bottom, rgb(128,140,152) 0%, rgb(181,193,206) 100%);
      background-image: -webkit-linear-gradient(bottom, rgb(128,140,152) 0%, rgb(181,193,206) 100%);
      background-image: -ms-linear-gradient(bottom, rgb(128,140,152) 0%, rgb(181,193,206) 100%);
      background-image: -webkit-gradient(
      	linear,
      	left bottom,
      	left top,
      	color-stop(0, rgb(128,140,152)),
      	color-stop(1, rgb(181,193,206))
      );
    }
    #contact .email_button:hover {
      background-image: linear-gradient(bottom, rgb(147,160,173) 0%, rgb(192,205,219) 100%);
      background-image: -o-linear-gradient(bottom, rgb(147,160,173) 0%, rgb(192,205,219) 100%);
      background-image: -moz-linear-gradient(bottom, rgb(147,160,173) 0%, rgb(192,205,219) 100%);
      background-image: -webkit-linear-gradient(bottom, rgb(147,160,173) 0%, rgb(192,205,219) 100%);
      background-image: -ms-linear-gradient(bottom, rgb(147,160,173) 0%, rgb(192,205,219) 100%);
      background-image: -webkit-gradient(
      	linear,
      	left bottom,
      	left top,
      	color-stop(0, rgb(147,160,173)),
      	color-stop(1, rgb(192,205,219))
      );
    }
    #contact .other p { margin-left: 0px; }
    #contact .other table { margin-left: 0px; }
  }
  @media (max-width: 500px) {
    #contact .email_button {
      border: 1px solid #697885; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding-left: 0px; text-align: center;
      background: #8D99A5;
      background-image: linear-gradient(bottom, rgb(128,140,152) 0%, rgb(181,193,206) 100%);
      background-image: -o-linear-gradient(bottom, rgb(128,140,152) 0%, rgb(181,193,206) 100%);
      background-image: -moz-linear-gradient(bottom, rgb(128,140,152) 0%, rgb(181,193,206) 100%);
      background-image: -webkit-linear-gradient(bottom, rgb(128,140,152) 0%, rgb(181,193,206) 100%);
      background-image: -ms-linear-gradient(bottom, rgb(128,140,152) 0%, rgb(181,193,206) 100%);
      background-image: -webkit-gradient(
      	linear,
      	left bottom,
      	left top,
      	color-stop(0, rgb(128,140,152)),
      	color-stop(1, rgb(181,193,206))
      );
    }
    #contact .email_button:hover {
      background-image: linear-gradient(bottom, rgb(147,160,173) 0%, rgb(192,205,219) 100%);
      background-image: -o-linear-gradient(bottom, rgb(147,160,173) 0%, rgb(192,205,219) 100%);
      background-image: -moz-linear-gradient(bottom, rgb(147,160,173) 0%, rgb(192,205,219) 100%);
      background-image: -webkit-linear-gradient(bottom, rgb(147,160,173) 0%, rgb(192,205,219) 100%);
      background-image: -ms-linear-gradient(bottom, rgb(147,160,173) 0%, rgb(192,205,219) 100%);
      background-image: -webkit-gradient(
      	linear,
      	left bottom,
      	left top,
      	color-stop(0, rgb(147,160,173)),
      	color-stop(1, rgb(192,205,219))
      );
    }
    #contact .other p { margin-left: 0px; }
    #contact .other table { margin-left: 0px; }
  }
  @media (max-width: 430px) { #contact .email_button { font-size: 20px; text-align: center; } }
  @media (max-width: 350px) { #contact .email_button { font-size: 18px; text-align: center; } }
  @media (max-width: 330px) {
    #need_to_reach_us { font-size: 28px; padding: 0; }
    #contact .email_button { font-size: 16px; text-align: center; }
  }

  /* Company */
  .bio { margin: 10px auto; width: 80%; }
  .bio h2 { border-bottom: 1px solid #f0f0f0; padding: 20px 0 10px 0; }
  .bio .info { background-color: #f7f7f7; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; float: right; margin-left: 25px; padding: 15px; width: 200px; }
  .bio .info p:last-child { margin-bottom: 0; }
  .bio .info a, .bio .info span { color: #666; display: block; height: 17px; line-height: 16px; padding-left: 28px; text-shadow: 0 1px 0 #fff; }
  .bio .info a:hover { text-decoration: underline; }
  .bio .email { background: url(/images/company/email.png) no-repeat 4px center; }
  .bio .time { background: url(/images/company/clock.png) no-repeat 4px center; }
  .bio .place { background: url(/images/company/pin.png) no-repeat 4px center; }
  .bio .twitter { background: url(/images/company/twitter.png) no-repeat left center; }
  .bio .details { overflow: hidden; }
  #bio_logo { margin-top: 20px; margin-bottom: 40px; }
  #person_buttons { margin: 20px auto; text-align: center; width: 77%; }
  #person_buttons a { margin-right: 10px; }
  #person_buttons a:last-child { margin-right: 0; }
  #person_buttons img { border: 1px solid #aaa; opacity: 0.6; padding: 2px; -webkit-transition: all .2s linear; }
  #person_buttons img { border: 1px solid #aaa; opacity: 0.6; padding: 2px; -webkit-transition: all .2s linear; }
  #person_buttons a:hover img { opacity: 0.8; }
  #person_buttons .active img { opacity: 1; }
  #person_buttons a.active:hover img { opacity: 1; }
  @media (min-width: 980px) { #person_buttons { width: 60%; } }
  @media (min-width: 768px) and (max-width: 979px) { #person_buttons { width: 80%; } }
  @media (min-width: 640px) and (max-width: 767px) { #person_buttons { width: 70%; } }
  @media (min-width: 393px) and (max-width: 639px) { #person_buttons { width: 77%; } }
  @media (max-width: 392px) { #person_buttons { width: 100%; } }
  @media (max-width: 560px) { .bio .info { float: none; margin-left: 0px; margin-bottom: 15px; width: 90%; }  }

  /* Newsletter */
  #newsletter { width:60%; margin:0 auto; padding: 25px 0px 10px 0px; clear:both; }
  #newsletter form { background-color: #F0F0F0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
  #newsletter form label { font-size: 16px; padding-top: 10px; }
  #newsletter .news_list_box { margin-top: -6px; }
  #newsletter .news_list_item { padding-left: 5px; line-height: 1.5em; }
  @media (max-width: 560px) { #newsletter { width:80%; } }

  /* Made in Baltimore */
  .made_in_baltimore img { display: block; margin-left: auto; margin-right: auto; max-height: 250px; margin: 0 auto; }
  .made_in_baltimore h1 { padding-top: 20px; }

/* ALERT BANNER */

.alert_banner {
  background-color: #fcff9e;
  color: black;
  text-align: center;
  padding: 20px;
  font-size: 1.25em;
  -webkit-font-smoothing: antialiased;
  line-height: 1.25em;
}

/* SUPPORT BANNER */

.holiday_support_banner {
  background-color: white;
  color: black;
  text-align: center;
  padding: 20px;
  font-size: 1.5em;
  -webkit-font-smoothing: antialiased;
  line-height: 1.25em;
}

/* QLAB SURVEY SALE BANNER */

.surveysale_banner {
  /*background-color: hsl(257, 51%, 53%);*/
  color: white;
  text-align: center;
  padding: 20px;
  /*font-size: 1.5em;*/
  font-size: 2.3em;
  -webkit-font-smoothing: antialiased;
  font-family: "ff-din-web-1","ff-din-web-2";
  line-height: 1.25em;
  background: #ffd430; /* Old browsers */
  background: -moz-linear-gradient(top, #ffd430 0%, #fff50c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd430), color-stop(100%,#fff50c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffd430 0%,#fff50c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffd430 0%,#fff50c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffd430 0%,#fff50c 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffd430 0%,#fff50c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd430', endColorstr='#fff50c',GradientType=0 ); /* IE6-9 */
}

.surveysale_title {
  font-style: normal;
  color: hsl(265, 70%, 36%);
  font-weight: 200;
  background-image: url('/images/marketing/2015-summer-sale/qlab_summer_sale-bg.png');
  background-repeat: no-repeat;
  width: 600px;
  display: inline-block;
  margin: -100px auto;
  padding: 100px 0;
  background-repeat: no-repeat;
  background-position: center center;
}

.surveysale_title strong {
  color: hsl(265, 70%, 36%);
}

.surveysale_title strong em {
  display: inline-block;
  background-image: url('/images/marketing/2015-summer-sale/53-percent-off.png');
  background-repeat: no-repeat;
  width: 259px;
  height: 120px;
  text-indent: -8888px;
  overflow: hidden;
  margin-top: -40px;
  margin-bottom: -50px;
  margin-left: 10px;
  margin-right: -10px;
}

.surveysale_title::after {
  /* Arrow */
  content: " \2192";
}

/* GO BUTTON 3 BANNER */

.gobutton_news_banner {
  background-color: white;
  color: black;
  text-align: center;
  padding: 20px;
  font-size: 1.5em;
  -webkit-font-smoothing: antialiased;
  line-height: 1.25em;
}

.gobutton_news_title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  color: black;
  font-weight: 200;
}

.gobutton_news_title span {
  color: #E24B1D;
}

@media (max-width: 979px) {
  .gobutton_news_heading {
    display: inline-block;
  }
  .gobutton_news_message {
    display: block;
    padding-top: 10px;
  }
}