@charset "UTF-8";
body {
	color: #666666;
	background-color: #005596;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
}
main {
	max-width: 950px;
	margin: 0 auto;
	background-color: #fff;
}
html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
	/* Set your content font stack here: */
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}
h1 {
	font-size: 1.625em;
	font-weight: normal;
	color: #005596;
}
.subhead {
	font-weight: bold;
	color: #005596;
	padding-top: 10px;
}
a:link, a:visited {
	color: #005596;
	text-decoration: none;
}
a:hover {
	color: #F8981D;
	text-decoration: none;
}
a img {
	border: none;
}
.login-links {
	font-size: 12px;
	line-height: 50px;/*vertical align links*/
}
.pure-g [class *= "pure-u"] > div.padded {
	padding: 1em;
}
.centered {
	margin: 0 auto;
	text-align: center;
}
.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 0;
	right: 20px;
	display: none;
}
.publishedwork select {
	width: 95%;
}
.publishedwork label {
	color: #005596;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	margin-top: 1.5em;
	text-align: left;
}
.publishedwork .nav.nav-tabs > li > a {
	/* merge with this in main file: .nav.nav-tabs.event-tabs > li > a */
	font-family: 'Roboto', sans-serif;
}
.publishedwork .tab-pane {
	padding-top: 1em;
}
.publishedwork-record {
/*margin: 1em 0;
        padding: 0;*/
}
.publication_name {
	font-style: italic;
}
div.publishedwork-image {
	text-align: center;
	/*min-width: 100px;
        width: 25%;
        float: left;
        margin: 0;
        padding: 1em;
        text-align:center;*/
	display: none;
}
div.publishedwork-image a {
/*display: block;
        margin: 1em auto;*/
}
div.publishedwork-details {
	border: none;
}
sup {
	line-height: 0;
}
/************ Homepage *************/

.icon {
	float: left;
	width: 75px;
	height: 93px;
}
.jssorb09 {
	position: absolute
}
.jssorb09 div, .jssorb09 div:hover, .jssorb09 .av {
	position: absolute;
	width: 12px;
	height: 12px;
	filter: alpha(opacity=70);
	opacity: .7;
	overflow: hidden;
	cursor: pointer;
	border: #fff 1px solid
}
.jssorb09 div {
	background-color: #d3d3d3
}
.jssorb09 div:hover, .jssorb09 .av:hover {
	background-color: gray
}
.jssorb09 .av {
	background-color: #000
}
.jssorb09 .dn, .jssorb09 .dn:hover {
	background-color: #a9a9a9
}
.jssora15l, .jssora15r {
	display: block;
	position: absolute;
	width: 20px;
	height: 38px;
	cursor: pointer;
	background: url('/images/homepage/JSSOR/a15.png') no-repeat;
	overflow: hidden
}
.jssora15l {
	background-position: -20px -41px
}
.jssora15r {
	background-position: -80px -41px
}
.jssora15l:hover {
	background-position: -140px -41px
}
.jssora15r:hover {
	background-position: -200px -41px
}
.jssora15l.jssora15ldn {
	background-position: -260px -41px
}
.jssora15r.jssora15rdn {
	background-position: -320px -41px
}
/************ format list items in main section only *************/

ul.qi-plain li {
	list-style: none;
	list-style-position: outside;
	background-image: url(/images/bullets/mini-grey.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin: 0;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-left: -10px;
}
/*********** make long links wrap instead of overflow ************/
.longlink {
	white-space: pre-wrap;      /* CSS3 */
	white-space: -moz-pre-wrap; /* Firefox */
	white-space: -pre-wrap;     /* Opera <7 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	word-wrap: break-word;      /* IE */
}
.wbr:after {
	content: "\00200B";
}
.page-wrapper {
	width: 100%;
	/*max-width: 950px;*/
	margin: 0 auto;
	background-color: #fff;
}
#page-header {
	background-color: #fff;
	background-image: url(/images/headergradient.png);
	background-repeat: repeat-x;
}
#page-header .logo-wrapper {
	max-width: 950px;
	margin: 0 auto;
}
img.logo {
	text-align: center;
	margin: 0 auto;
}
#page-header-search {
	display: none;
	text-align: right;
}
#navbar-search {
	display: inline-block;
}
#navbar-search form {
	display: inline-block;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 8px;
}
#navbar-search .form-group {
	display: inline-block;
}
#navbar-search .login-links {
	color: #fff;
}
#navbar-search .login-links a:link, #navbar-search .login-links a:visited {
	color: #fff;
	text-decoration: underline;
}
#navbar-search .login-links a:hover {
	color: #F8981D;
}
#page-header .cell-images {
	text-align: right;
}
footer {
	background-color: #005596;
	color: #fff;
	font-size: .75em;
	padding: 10px 20px 5px 20px;
}
footer a:link, footer a:visited {
	color: #fff;
	text-decoration: none;
}
footer .address {
	margin: 2em 0 1em;
}
.nowrap {
	white-space: nowrap;
}
.homepage-callout {
	margin: 10px;
	text-align: left;
	border: 1px solid #CCC;
	height: 95px;
	overflow: hidden;
}
.homepage-callout > img, .homepage-callout > a > img {
	float: left;
	width: 75px;
}
.homepage-callout p {
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	margin: 10px 10px 10px 85px;
}
/************** custom styles for bootstrap navbar ***************/

#topnav-wrapper {
	background-color: #005596;
}
#topnav {
	background-color: inherit;
	border-color: #005596;
	margin: 0 auto;
	max-width: 950px;
}
#topnav .navbar-toggle {
	/* white square border for the collapsed toggle button */
	border-color: #fff;
	border-radius: 0;
}
#topnav .navbar-toggle .icon-bar {
	/* white hamburger icon */
	background-color: #fff;
}
/*********************** top level links *************************/

#topnav .navbar-nav > li > a:link, #topnav .navbar-nav > li > a:visited {
	color: #fff;
	font-family: "felt-tip-roman-1", "felt-tip-roman-2", sans-serif;
	font-size: 1.375em;
	text-transform: uppercase;
}
#topnav .navbar-nav > .open > a, #topnav .navbar-nav > .open > a:hover, #topnav .navbar-nav > .open > a:focus {
	color: #fff;
	background-color: #005596;
}
/*************************** sub nav *****************************/

#topnav .navbar-nav > li > .dropdown-menu {
	background-color: #EFEFEF;
	border: 1px solid #A3A3A3;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: .75em 1em .5em 1em;
}
#topnav .navbar-nav > li > .dropdown-menu a {
	color: #333;
	font-size: .9em;
}
#topnav .navbar-nav > li > .dropdown-menu a:hover {
	background-color: transparent;
}
#topnav .navbar-nav > li > .dropdown-menu li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 2px;
	margin: 0 0 6px 0;
	padding-left: 8px;
}
#topnav .linklist-products li {
	background-image: url(/images/bullets/sm-orange.png);
}
#topnav .linklist-resources li {
	background-image: url(/images/bullets/sm-yellow.png);
}
#topnav .linklist-oem li {
	background-image: url(/images/bullets/sm-magenta.png);
}
#topnav .linklist-support li {
	background-image: url(/images/bullets/sm-lime.png);
}
#topnav .linklist-about li {
	background-image: url(/images/bullets/sm-cyan.png);
}
#topnav .linklist-contact li {
	background-image: url(/images/bullets/sm-green.png);
}
/************************* page sidebar **************************/
.sidebar-box {
	width: 100%;
	margin: 20px 0;
}
.sidebar-box:first-child {
	margin-top: 0;
}
.contact-action-box {
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	padding: .5em;
	background: #005596;
}
/* unvisited link */
.contact-action-box a:link {
    color: #fff;
}

/* visited link */
.contact-action-box a:visited {
    color: #fff;
}

/* mouse over link */
 .contact-action-box a:hover {
    color: #d2d2d2;
}

/* selected link */
.contact-action-box a:active {
    color: #fff;
}

.maincontent {
	padding: 1em 2em;
	background-color: #fff;
}
.page-sidebar-container {
	/*border-right: 1px solid #ccc;
	margin-right: -1px;*/
	margin-top: 3em;
	margin-bottom: 1em;
	background-color: #fff;
}
.page-sidebar {
	padding: 0;
	margin: 0 1em;
}
.page-sidebar-heading {
	font-family: "felt-tip-roman-1", "felt-tip-roman-2", sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #005596;
	text-transform: uppercase;
}
.page-sidebar-nav {
	list-style: none;
	padding: 0 10px 0 2px;
	line-height: 1.35em;
	font-size: 1em;
}
.page-sidebar-nav li {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
	padding-bottom: 1em;
	color: #666666;
}
.page-sidebar-nav li:last-child {
	padding-bottom: 0;
}
.page-sidebar-nav.nav-products li {
	background-image: url(/images/bullets/sm-orange.png);
}
.page-sidebar-nav.nav-resources li {
	background-image: url(/images/bullets/sm-yellow.png);
}
.page-sidebar-nav.nav-oem li {
	background-image: url(/images/bullets/sm-magenta.png);
}
.page-sidebar-nav.nav-support li {
	background-image: url(/images/bullets/sm-lime.png);
}
.page-sidebar-nav.nav-about li {
	background-image: url(/images/bullets/sm-cyan.png);
}
.page-sidebar-nav.nav-contact li {
	background-image: url(/images/bullets/sm-green.png);
}
.page-sidebar-nav li ul {
	padding-left: 0;
	margin-left: -20px;
	font-size: .9em;
	line-height: 1.25em;
}
.page-sidebar-nav li ul li {
	background-image: none !important;
	padding-bottom: 5px;
}
.page-sidebar-nav a:link, a:visited {
	color: #005596;
	}
ul.color-sm {
	padding: 0;
}
ul.color-sm li {
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
}
ul.color-sm.products li {
	background-image: url(/images/bullets/sm-orange.png);
}
ul.color-sm.resources li {
	background-image: url(/images/bullets/sm-yellow.png);
}
ul.color-sm.oem li {
	background-image: url(/images/bullets/sm-magenta.png);
}
ul.color-sm.support li {
	background-image: url(/images/bullets/sm-lime.png);
}
ul.color-sm.about li {
	background-image: url(/images/bullets/sm-cyan.png);
}
ul.color-sm.contact li {
	background-image: url(/images/bullets/sm-green.png);
}
.heading-dir-product, .heading-dir-resources, .heading-dir-oem, .heading-dir-support, .heading-dir-about, .heading-dir-contact {
	font-family: 'Roboto', sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: #005596;
	background-repeat: no-repeat;
	background-position: 1px;
	padding-left: 25px;
}
.heading-dir-product {
	background-image: url(/images/bullets/lg-orange.png);
}
.heading-dir-resources {
	background-image: url(/images/bullets/lg-yellow.png);
}
.heading-dir-oem {
	background-image: url(/images/bullets/lg-magenta.png);
}
.heading-dir-support {
	background-image: url(/images/bullets/lg-lime.png);
}
.heading-dir-about {
	background-image: url(/images/bullets/lg-cyan.png);
}
.heading-dir-contact {
	background-image: url(/images/bullets/lg-green.png);
}
.panel-default {
	border-color: #d1d2d1;
	border-radius: 0;
}
.panel-default > .panel-heading {
	color: #666666;
	border-color: #d1d2d1;
	padding: 20px; /* 0 20px 20px;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+64,f3f3f3+100 */
	background: #ffffff; /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #ffffff 0%, #ffffff 64%, #f3f3f3 100%);
	background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff 64%, #f3f3f3 100%);
	background: -o-linear-gradient(45deg, #ffffff 0%, #ffffff 64%, #f3f3f3 100%);
	background: linear-gradient(45deg, #ffffff 0%, #ffffff 64%, #f3f3f3 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.panel-default > .panel-heading p {
	line-height: 28px;
}
.panel-default .panel-title {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 25px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #d1d2d1;
}
.panel-default > .panel-heading .badge {
	color: #f5f5f5;
	background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #d1d2d1;
}
.panel-matchheight > .panel-heading {
	color: #666666;
	border-color: #d1d2d1;
	padding: 20px; /* 0 20px 20px;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+64,f3f3f3+100 */
	background: #ffffff; /* Old browsers */ /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #ffffff 0%, #ffffff 64%, #f3f3f3 100%);
	background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff 64%, #f3f3f3 100%);
	background: -o-linear-gradient(45deg, #ffffff 0%, #ffffff 64%, #f3f3f3 100%);
	background: linear-gradient(45deg, #ffffff 0%, #ffffff 64%, #f3f3f3 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.panel-matchheight > .panel-heading p {
	line-height: 28px;
}
.panel-matchheight .panel-title {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.panel-matchheight > .panel-heading + .panel-collapse > .panel-body {
	border-color: #d1d2d1;
}
.panel-matchheight > .panel-heading .badge {
	border-color: #d1d2d1;
	background-color: #333;
}
.panel-matchheight > .panel-footer + .panel-collapse > .panel-body {
	border-color: #d1d2d1;
}
.panel-matchheight ul {
	margin: 0;
	padding-left: 0px;
	padding-bottom: 5px;
}
.panel-matchheight ul.qi-nopad li {
	list-style: none;
	list-style-position: outside;
	background-image: url(/images/bullets/mini-grey.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin: 0;
	padding-left: 10px;
	padding-bottom: 5px;
}
.event {
	margin: 2em 0;
}
.event .event-date {
	font-weight: bold;
}
.nav.nav-tabs.event-tabs > li > a {
	font-family: 'Roboto', sans-serif;
}
.product-box {
	margin: 0 auto 2em auto;
}
.product-icon {
	float: left;
	width: 75px;
}
.product-box p {
	border-left: 1px solid #D1D2D1;
	margin-left: 85px;
	margin-right: 10px;
	padding-left: 10px;
}
h2.product {
	color: #333;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	margin-top: 0px;
}
.product-seemore-button {
	font-family: 'Roboto', sans-serif;
	background-color: #60ADDF;
	padding: 5px 10px 5px 10px;
	font-size: 20px;
	color: #fff;
	margin-bottom: 5px;
	text-align: center;
}
.product-seemore-button a:link {
	color: #fff;
}
div.product-main-img {
	margin: 0 -20px 10px -20px;
}
div.product-main-img img {
	display: block;
	margin: 0 auto;
}
.panel-product > .panel-heading, .panel-contact > .panel-heading, .panel-cust-references > .panel-heading {
	color: #666666;
	border-color: #d1d2d1;
	padding: 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+64,f3f3f3+100 */
	background: #ffffff; /* Old browsers */ /* FF3.6-15 */
	background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff 64%, #f3f3f3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #ffffff 0%, #ffffff 64%, #f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #ffffff 0%, #ffffff 64%, #f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}


/* Spotlight buttons in Product Description*/

.spotlightbtn-container {float:right; margin-left:40px;}

.spotlightbtn {
  color: #ffffff;
  border-radius:0;
  font-size:.8em;
  text-transform:uppercase;
  background: #005596;
  padding: 10px 20px 10px 20px;
  margin:10px;
  text-decoration: none;
  width:95%;
  display:block;
  letter-spacing:.1em;
  text-align:center;
}
.spotlightbtn:hover {background: #d2d2d2;color:#666;}
.spotlightbtn a:link {color: #ffffff;}
.spotlightbtn a:hover {color: #666;}
.spotlightbtn a:visited {color: #ffffff;}

.cookie-bar {
	align-items: center;
    background-color: #30abdf;
    border-top: 2px solid #ccc;
	box-sizing:border-box;
    color:#fff;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:.5em 1em;
	position: fixed; bottom: -200px; left: 0;
	width: 100%;
	z-index: 99999;
}

.cookie-bar .notice {
	padding-right: 2rem;
}
.cookie-bar a {
    color:inherit;
    font-weight:bolder;
    text-decoration: underline;
    padding-left: 0.25em;
}
.cookie-bar button {
    background-color: #efefef;
    border: 1px solid transparent;
    color: #ababab;
    cursor: pointer;
    font-size:1.1em;
    line-height: 1;
    opacity: .9;
    padding: .5em .45em .3em .45em;
    white-space: nowrap;
}

.cookie-bar button:hover {
    background-color: #fff;
    color:#666666;
    opacity: 1;
    text-shadow: 1px 1px 2px #efefef;
}

@media (max-width: 767px) {
	.spotlightbtn-container {
		display:none;
	}
}


.panel-contact > .panel-heading {
	font-size: .875em;
}
.panel-global-directory .panel-heading {
	font-weight: bold;
	text-transform: uppercase;
	font-size: .9em;
}
.panel-product .panel-body, .panel-contact .panel-body, .panel-cust-references .panel-body {
	padding: 5px;
}
.panel-service-centers .panel-body, .panel-global-directory .panel-body, .panel-cust-references .panel-body {
	padding: 20px;
}
.panel-cust-references .organization {
	color: #333;
	font-size: 14px;
	line-height: 24px;
}
.panel-cust-references .cust-ref-download-link {
	text-align: center;
	margin: 0 1em 1em 1em;
	float: right;
	display: none;
}
.panel-cust-references h2.quote {
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	margin: 1em;
}

.panel-product #tabContent1, .panel-contact #tabContent1 {
	padding: 10px 20px;
}
.panel-product #tabContent1 h2, .panel-contact #tabContent1 h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	color: #005596;
}

.panel-cust-references #tabContent1 h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: #005596;
}
#pr_body ul li {
	list-style: none;
	list-style-position: outside;
	background-image: url(/images/bullets/mini-grey.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin: 0;
	padding-left: 10px;
	padding-bottom: 5px;
}
.panel-pressrelease .media-contact {
	padding: 10px;
	line-height: 1.125em;
}
.panel-pressrelease .media-head {
	text-transform: uppercase;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.panel-pressrelease .media-spotlight-main-text-box {
	padding: 10px;
	line-height: 1.5em;
}
.pressrelease-item {
	margin: 2em 0;
}
.twitter-container {
	text-align: left;
	margin: 10px;
	font-size: 15px;
}
.twitter-container .twitter-img {
	float: left;
	margin: 0 10px 5px 0;
}

.home-linkedin {
	text-align: left;
	margin: 20px 10px;
	font-size: 15px;
	line-height: 42px;
}
.home-linkedin img {
	float: left;
	margin: 0 10px 5px 0;
}


.news-container {
	text-align: left;
	margin: 10px;
	font-size: 15px;
}
.news-container li {
	list-style-image: url(/images/grey-bullet.gif);
	margin-left: 2px;
	margin-bottom: 1em;
}
#faq-table {
	float: none;
	margin: 0 0 1em;
}
#faq-table td {
	padding: 0 .25em;
}
.panel-default.qitube {
}
.panel-default.qitube h3 span {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: normal;
	color: #005596;
	line-height: 45px;
	display: block;
}
.panel-default.qitube .thumbnail-container,  .qitube-thumbnail {
	display: none;
}
.form-control-inline {
	min-width: 0;
	width: auto;
	display: inline-block;
}
label.required:after {
	content: " *";
	color: #005596;
}
label.error {
	color: #F8981D;
}
/* input fields on software register page */
#camera-inputs, #software-inputs {
	display: none;
	padding-bottom: 20px;
}
.panel-cust-references .ref-title {
	color: #000;
	font-size: 24px;
	margin-top: 0px;
}

.video-container {
	margin: 0 auto;
	max-width:100%; 
}
.video-wrapper {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;  /* padding bottom will need to be overwritten depending on video aspect ratio
				    take height / width * 100 to get percent */
	position: relative;
}

.video-wrapper.video-aspect-16-9 {
	padding-bottom: 56.25%;  
}

.qi-video {
	height: 100% !important;
	left: 0 !important;
	position: absolute  !important;
	top: 0 !important;  
	width: 100% !important;
}

.contact-form-support-image {
	display: none;
}
.software-products-image-container {
	/* no float on smallest screens */
	float: none;
	text-align:center;
	padding: 0 0 20px 0;
}

.software-products-image-container img {
	margin: 0 auto;
}

.qitube-carousel .carousel-content {
    display:flex;
    align-items:center;
}
.qitube-carousel .glyphicon {
	color: #005596;
}
.qitube-carousel .carousel-control {
    background: none;
    width: 10%;
}
.qitube-carousel-thumbnail {
	display: none;
}

/* make google search results responsive */
iframe, object, embed{
	max-width: 100%;
}

#theSurveyModal .modal-header h4 {
	font-size: 24px;
	color: #005596;
}

.careers-table, .careers-table td {
	border:none;
}

.legacy-recommendation {
    margin: 0 0 2em 0;
    color: #337ab7;
    font-size: 18px;
}
.legacy-recommendation a {
    color: #337ab7;
    text-decoration: underline;
}
.legacy-recommendation a:hover {
    color: #F8981D;
}

.third-party-software-videos h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 2rem;
    padding-bottom: 0;
    margin-bottom: 3rem;
}

.third-party-software-videos h2:not(:first-of-type) {
    border-top: 1px solid;
    padding-top: 3rem;
    margin-top: 3rem;
}

.training-videos-search {
	margin: 2em 0;
}
.training-videos-search h2 {
	font-size: 1em;
	font-weight: bold;
}
.training-videos-search.training-videos-sidebar .cbp-search {
	width:100%;
}





@media only screen and (max-width: 500px) {
#navbar-search .login-links {
	display: none;
}
}

@media only screen and (max-width: 567px) {
.page-sidebar-container {
	display: none;	
}
#interview-sidebar {
	display: none;	

	
}
}

@media only screen and (min-width: 568px) {
/************** corresponds with pure-u-sm-*       ***************/
.nav-tabs-product > li > a {
	padding: 15px;
	font-size: 1em;
}
footer .address {
	text-align: right;
	margin: 2em 0 1em;
}
footer .copyright {
	text-align: right;
}
.mobile-only {
	display: none !important;
}
.panel-cust-references .cust-ref-download-link {
	display:block;
}
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
#topnav .navbar-nav > li > a:link {
	font-size: 1.15em;/*top nav is too crowded at this breakpoint - lowering font size*/
}
}

@media only screen and (min-width: 768px) {
/************** corresponds with pure-u-md-*       ***************/
.qitube-carousel-thumbnail {
	display: block;
}
.software-products-image-container {
	padding-left: 20px;
	padding-right: 20px;
	float: right;
}

.contact-form-support-image {
	display: block;
}

.panel-default.qitube .thumbnail-container, .qitube-thumbnail {
	display: block;
}
.panel-default.qitube .thumbnail-container img {
	margin: 0 auto;
}
.panel-default.qitube h3 span {
	display: inline-block;
	margin-right: 1em;
}

#faq-table {
	float: right;
	margin: 0 0 20px 20px;/* border: 1px solid #ccc; */
}
.pressrelease-date-wrapper {
	border-bottom: 1px solid #D1D2D1;
}
div.product-main-img {
	float: left;
	margin: 0 40px 5px 0;
}
div.publishedwork-image {
	display: block;
}
.published-work label {
	text-align: center;
}
.publishedwork-date {
	border-bottom: solid 1px #D1D2D1;
}
.publishedwork-link {
	padding-left: 30%;
	padding-bottom: 10px;
}
div.publishedwork-details {
	border-left: 1px solid #CCC;
	padding: 0 1em;/*float: left;
        width: 60%;
        margin: 0;
        padding: .25em 1em .25em 2em;*/
}
#page-header-search {
	display: block;
}
#navbar-search {
	display: none;
}
.event {
	margin: 2em 0;
}
.event .event-date-wrapper {
	position: relative;
	border-bottom: 1px solid #D1D2D1;
}
.event .event-date {
	position: absolute;
	bottom: 0;
	padding-bottom: .25em;
}
.event .event-title {
	border-bottom: 1px solid #D1D2D1;
	padding-bottom: .25em;
}
.event .event-location {
	padding-top: .25em;
}
/************** 
	this is the breakpoint where the top
	navigation bar expands from collapsed state **************/

#topnav {
	border-radius: 0;
	min-height: 0;
}
#topnav {
	border: none;
}
#topnav .navbar-nav {
	width: 100%;
	margin: 0 .5%;
}
#topnav .navbar-nav > li {
	width: 15.667%;
	text-align: center;
	margin: 5px 1% 5px 0;
}
#topnav .navbar-nav > li > a {
	border: 1px solid #fff;
	padding: 5px;
}
#topnav .navbar-nav > li > .dropdown-menu {
	border-top: none;
	margin-top: 6px;
	min-width: 0;
}
#topnav .navbar-nav > li > a .caret {
	display: none;
}
#topnav .navbar-collapse {
	padding: 0;
}
#topnav .container-fluid {
	width: 100%;
	padding: 0;
	margin: 0;
}
}

@media only screen and (max-width: 950px) {
#page-header-search {
	padding-right: .5em;
}
}

@media only screen and (min-width: 950px) {
/************** max width of page wrapper is 950px ***************/

.page-sidebar {
	margin: 0 2em;
}
}

@media only screen and (min-width: 1024px) {
/************** corresponds with pure-u-lg-*       ***************/
.publishedwork .pure-u-lg-0 {
	display: none;
}
}

@media only screen and (min-width: 1280px) {
/************** corresponds with pure-u-xl-*       ***************/
}

/*********************** responsive tabs *************************/
.nav-tabs > li > a {
  margin-right: 0px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0px;
}
.nav-tabs > li > a:hover {
  border-color: #efefef;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #005596;
  border: 1px solid #005596;
}
.nav-tabs > li > a::after { content: ""; background: #005596; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }

.tab-content > .tab-pane {
  padding: 20px;
}

.responsive-tabs-container[class*="accordion-"] .tab-pane {
  margin-bottom: 15px;
}
.responsive-tabs-container[class*="accordion-"] .accordion-link {
  display: none;
  margin-bottom: 10px;
  padding: 10px 15px;
  background-color: #005596;
  border-radius: 0px;
  border: 1px solid #005596;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .responsive-tabs-container.accordion-xs .nav-tabs {
    display: none;
  }
  .responsive-tabs-container.accordion-xs .accordion-link {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .responsive-tabs-container.accordion-sm .nav-tabs {
    display: none;
  }
  .responsive-tabs-container.accordion-sm .accordion-link {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .responsive-tabs-container.accordion-md .nav-tabs {
    display: none;
  }
  .responsive-tabs-container.accordion-md .accordion-link {
    display: block;
  }
}
@media (min-width: 1200px) {
  .responsive-tabs-container.accordion-lg .nav-tabs {
    display: none;
  }
  .responsive-tabs-container.accordion-lg .accordion-link {
    display: block;
  }
}