/* HTML5 Boilerplate  */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #06769f;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #06769f;
  color: #fff;
  text-shadow: none;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.hr-tutorial {
	margin-top:10px;
	margin-botom:15px;
}

.table-tutorial {
	width:100%;
}

.td-tutorial {
	text-align:left;
}
.td-tutorial h3 {
	margin-top:11px;
	margin-left:35px;
}
.td-tutorial p {
	margin-left:35px;
}

td {
	text-align: center;
  vertical-align: top;
}
td.mongo {
	text-align: left;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}
body {
  color: #4c4c4c;
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 22px;
  background: #f0f0f0;
}
header {
  background: #f0f0f0;
  min-width: 960px;
}
header .inner {
  width: 940px;
  margin: 0 auto;
  position: relative;
  padding: 50px 10px;
  background: url(../img/shadow-up.png) 50% 100% no-repeat;
}
header p {
  margin: 0;
  position: absolute;
  font-weight: bold;
  right: 10px;
  top: 20px;
  color: rgba(57, 57, 57, 0.8);
  white-space: nowrap;
  font-size: 14px;
}
header p a {
  color: #959595;
  color: rgba(57, 57, 57, 0.8);
  text-decoration: none;
  font-size: 14px;
}
header p a,
header p span {
  margin: 0 10px;
}
header p a:last-child {
  margin-right: 0;
}
header nav ul {
  width: 720px;
  text-align: right;
  float: right;
  white-space: nowrap;
  margin: 0;
  list-style: none;
}
header nav ul li {
  display: inline;
  font-size: 14px;
  font-weight: bold;
  margin-left: 50px;
  position: relative;
  line-height: 60px;
}
header nav ul li a {
  color: #616161;
  color: rgba(0, 0, 0, 0.6);
  padding: 22px 0;
  text-decoration: none;
  text-transform: uppercase;
}
header nav ul li a:hover {
  color: #06769f;
}
header nav ul li.active > a,
header nav ul li a:hover {
  color: #3aa6d0;
}
header nav ul li:first-child {
  margin-left: 0;
}
header nav ul ul:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
header nav ul ul:after {
  border-bottom-color: #FFF;
  border-width: 10px;
  left: 50%;
  margin-left: -10px;
}
header nav ul ul {
  display: none;
  width: 260px;
  float: none;
  left: 50%;
  margin-left: -140px;
  z-index: 100;
  text-align: left;
  white-space: normal;
  position: absolute;
  background: white;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
header nav ul ul li {
  display: block;
  margin: 0;
  font-size: 12px;
  line-height: 19px;
}
header nav ul ul li a {
  display: block;
  text-transform: none;
  padding: 8px 8px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #616161;
  color: rgba(0, 0, 0, 0.8);
}
header nav ul ul li a span {
  display: block;
  font-weight: normal;
}
header nav ul ul li:last-child a {
  border: none;
}
header nav ul li.hover ul {
  display: block;
}
#logo {
  width: 207px;
  height: 56px;
  position: relative;
  left: 0;
  background-image: url(../img/unityjdbc-logo.png);
  float: left;
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.hf-next,
.hf-prev {
  background: red;
  color: white;
  width: 43px;
  height: 90px;
  margin: -45px 0 0 0;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../img/arrows.png);
  opacity: .2;
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.hf-prev {
  margin-left: -546px;
}
.hf-next {
  margin-left: 503px;
  background-position: -43px;
}
.hf-prev:hover,
.hf-next:hover {
  opacity: .7;
}
.home-feature {
  /*height: 357px;*/

  background: #06769f;
  color: #cbe3eb;
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  line-height: 30px;
  min-width: 960px;
}
.home-feature strong {
  color: #FFF;
}
.home-feature .inner {
  width: 940px;
  margin: 0 auto;
  padding: 50px 10px;
  height: 257px;
  position: relative;
}
.home-feature .hf-nav {
  height: 357px;
  width: 100%;
  position: absolute;
  overflow: hidden;
}
.home-feature p {
  margin: 0 0 15px 0;
}
.home-feature .slide.on {
  display: block;
}
.home-feature .slide-content-left {
  width: 600px;
  float: left;
}
.home-feature .slide-content-left-mongo {
  width: 600px;
  float: left;
  margin-top:-18px;
}
.home-feature .slide-content-right {
  width: 300px;
  float: right;
  margin-top: -18px;
}
.home-feature .slide {
  display: none;
  position: absolute;
  width: 940px;
}
.home-feature .slide .diagram {
  position: absolute;
  right: -10px;
  top: -25px;
}
.home-feature .slide .slide-action-row {
  line-height: 45px;
  font-size: 10px;
  border-top: 1px solid #3891b2;
  padding: 39px 0 0 0;
  margin: 34px 0 0 0;
}
.home-feature .slide .slide-action-row a {
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  position: relative;
  left: 8px;
  top: 1px;
}
.home-feature .slide .slide-action-row a:hover {
  text-decoration: underline;
}
.home-feature .slide .slide-action-row .btn-download {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
  width: 199px;
  height: 47px;
  background-image: url(../img/btn-download.png);
  float: left;
  margin-right: 8px;
  top: 0;
  left: -2px;
}
.home-feature .slide .slide-action-row .btn-download:hover,
.home-feature .slide .slide-action-row .btn-download.hover {
  background-position: 0 -47px;
}
.content-area {
  background: white;
  min-width: 960px;
}
.content-area .inner {
  width: 940px;
  margin: 0 auto;
  padding: 50px 10px;
}
#home .content-area .inner {
  background: url(../img/shadow-down.png) 50% 0 no-repeat;
}
.column-left {
  margin-top:33px;
  margin-right:10px;
  width: 30px;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFFFFF;
  /* background: #3aa6d0; */
  text-decoration: none;
  padding: 8px 11px;
}
.column-main {
  width: 640px;
  float: left;
}
.column-main-mongo {
  width: 740px;
  float: left;
}
.column-side {
  width: 300px;
  float: right;
}
.column-half {
  width: 450px;
}
.code-box-wrapper {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  clear:both;
}
.code-box {
  padding-top:1em;
  font-size: .85em;
  width: 700px;
  float: center;
}
a {
  color: #06769f;
  -webkit-transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear, opacity 0.2s linear;
}
a:hover {
  color: #3aa6d0;
}
h1 {
  margin-top: 0;
  font-size: 26px;
  font-weight: 100;
  color: #06769f;
  border-bottom: 1px solid #cccccc;
  border-bottom: none;
  padding: 0 0 10px 0;
  margin: 0 0 0 0;
}
h1.mongo{
	font-weight:bold;
	font-size: 22px;
}
h2 {
  margin-top: 0;
  font-size: 22px;
  font-weight: 100;
  color: rgba(0, 0, 0, 0.5);
}
h2.mongo {
	color: #06769f;
	font-size: 18px;
	margin-bottom: 0;
}
h3 {
  margin-bottom: 2px;
}
.h3-blue {
	color:#06769f;
}
hr {
  margin: 1.7em 0;
  border-color: #CCC;
  border-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 1em;
}
hr.mongo-top {
	width:86.5%;
}
hr.mongo-bottom {
  margin: 1em 0;
  margin-bottom: 1.7em;
  width:86.5%;
}
p {
  margin-top: 0;
}
p.new {
	font-size: 14px;
	margin-bottom: 0;
	line-height: 17px;
}
p.mongo {
	line-height: 28px;
	width:88%;
}
.right {
  float: right;
}
.left {
  float: left;
}
img.right {
  margin: 0 0 15px 30px;
}
img.left {
  margin: 0 30px 15px 0;
}
pre {
  background: #F0F0F0;
  padding: 20px;
  font-family: monospace;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  margin: 0 0 15px 0;
}
.form-actions {
  background: transparent;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(58, 166, 208, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(58, 166, 208, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(58, 166, 208, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(58, 166, 208, 0.6);
}
.btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #3aa6d0;
  text-decoration: none;
  padding: 8px 11px;
}
.btn:hover {
  background: #06769f;
  color: #FFF;
}
.btn-large {
  font-size: 14px;
  padding: 12px 15px;
}
.bar-list,
.feature-list {
  list-style: none;
  margin: 0 0 55px 0;
  padding: 0;
}
.bar-list li,
.feature-list li {
  border-left: 5px solid #cde4ec;
  margin-bottom: 35px;
  padding: 0 0 0 14px;
}
.feature-list li {
  font-size: 16px;
  margin-bottom: 15px;
}
.screenshots {
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0 0 25px 0;
  border-bottom: 1px solid #cccccc;
}
.screenshots li {
  float: left;
  margin: 0 20px 20px 0;
}
.screenshots li.right {
  margin-right: 0;
}
.testimonial {
  font-size: 12px;
  line-height: 21px;
  color: #878787;
  color: rgba(0, 0, 0, 0.5);
}
.testimonial .testimonial-quote {
  font-style: italic;
}
.testimonial .testimonial-credit {
  text-indent: 12px;
}
.testimonial .testimonial-noindex {
}
footer {
  background: url(../img/header_bg.jpg);
  font-size: 12px;
  line-height: 12px;
  min-width: 960px;
}
footer .inner {
  width: 940px;
  margin: 0 auto;
  padding: 55px 10px;
  color: #767676;
  color: rgba(0, 0, 0, 0.5);
  background: url(../img/shadow-down.png) 50% 0 no-repeat;
}
footer a {
  color: #767676;
  color: rgba(0, 0, 0, 0.5);
}
footer p {
  float: right;
  margin: 8px 0 0 0;
}
footer ul {
  margin: 0;
  list-style: none;
  padding: 0;
  height: 21px;
}
footer ul li.logo {
  border-right: none;
  margin-top: 3px;
  padding: 0;
  margin-left: 0;
}
footer ul li.logo a {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
  width: 76px;
  height: 21px;
  background-image: url(../img/jdbc-footer.png);
  opacity: .7;
}
footer ul li.logo a:hover {
  opacity: 1;
}
footer ul li {
  float: left;
  border-right: 1px solid #767676;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  margin: 4px 0 0 15px;
  padding-right: 15px;
}
footer ul li a {
  text-decoration: none;
}
footer ul li:last-child {
  border: none;
}
.highlight {
  color: #06769f;
  font-weight: bold;
}
table.purchase {
  background: rgba(0, 0, 0, 0.01);
  -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.08);
}
table.purchase tr td {
  vertical-align: middle;
}
table.db {
  width: 75%;
}
body .center {
  text-align: center;
}
table.feature-compare {
  width: 75%;
}
table.mongodb-feature-compare {
  width: 100%;
}
table.feature-compare tr.head-row {
  background-color: #f2fbff;
}

table.mongodb-feature-compare tr.head-row {
  background-color: #f2fbff;
}

table.feature-compare td,
table.feature-compare th {
  text-align: center;
}
table.feature-compare tr td:first-child,
table.feature-compare tr th:first-child {
  text-align: left;
}
#paypal-button {
  width: 147px;
  height: 47px;
}
table.table-centered th {
  text-align: center;
}
table.table-centered td {
  text-align: center;
}

table.mongo-attribute{
  width:	80%;
  vertical-align: center !important;
}

.function-detail {
  margin: 0 0 25px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.function-detail h3 {
  color: #06769f;
}
.code {
  font-family: monospace;
}
span.code {
  background: #F0F0F0;
  padding: 3px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.downloaders {
  width: 100%;
}
.downloaders td {
  font-size: 11px;
}
#faqList li {
  padding-bottom: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid #CCC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#faqList li .question {
  font-weight: bold;
}
.db_identifiers {
  display: none;
}
@media only screen and (min-width: 35em) {

}
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.ir br {
  display: none;
}
.instruction-div {
	height:380px;
	width:100%;
	margin-top:-30px;
}
#instructions-download {
	float:left;
	height:125px;
	width:235px;
	margin-top:44px;
}
.instructions-arrow {
	float:left;
	height:125px;
	width:75px;
	margin-top:14px;
}
#instructions-install {
	float:left;
	height:125px;
	width:235px;
	margin-top:44px;

}
#instructions-open {
	float:left;
	height:125px;
	width:235px;
	margin-top:44px;
}
h5 {
	color:#06769f;
	font-size:60px;
	margin-bottom:0px;
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:normal;
}
.h5-small {
	font-size:16px;
}
.hr-instruction {
	width:91%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.SQL{
  font-size: .9em;
  font-family: "Courier 10 Pitch", Courier, monospace;
  display: inline;
  background: none!important;
  border:none!important;
}
.keyword{
  text-transform: uppercase;
  color: #06769f;
}
.mongocode{
  font-size: .9em;
  font-family: "Courier 10 Pitch", Courier, monospace;
  display: inline!important;
  background: none!important;
  border:none!important;
}
.check-center
{
display: block;
margin-left:auto;
margin-right:auto;
text-align: center!important;
}
.column-header
{
text-align: center!important;
margin-left:auto;
margin-right:auto;
float: center;
}


.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.small-note-text{
	font-size:0.75em;
}
.tm-assert{
	left:float;
}
/*Causes the mobile menu to start hidden.*/
.mobile-menu{
  display:none;
}
/*Causes the mobile menu and sub menu items to start hidden.*/
.mobile-menu .productLinks, .mobile-menu .solutionLinks, .mobile-menu .supportLinks, .mobile-menu .downloadLinks, .mobile-menu .menuList {
  display:none;
}
/*Aligns the mobile sub menus to the left of the screen.*/
.mobile-menu .productLinks a, .mobile-menu .solutionLinks a, .mobile-menu .supportLinks a, .mobile-menu .downloadLinks a {
  text-align: left;
}
/*Causes the mobile "hamburger" menu icon to keep right.*/
.mobile-menu a.icon {
  display: block;
  text-align: right;
}
/*Causes the top level mobile menu items (Products, Solutions etc..) to stay right and occupy their own line.*/
.mobile-menu a {
  text-decoration: none;
  display: block;
  text-align: right;
  padding: 14px 16px;
}
/*The main body (column-main, and column-side)would start to separate with higher resolutions, this sets their maximum width and thus the max space between them.*/
div#index{
	width: 95%;
  max-width: 1070px;
}
/*The first slide on the home element had wierd <br> tags to format it, this caps the width of the text and stops it from going over the image without <br> tags.*/
#diagram-text{
  width: 70%;
}
.home-feature .slide .slide-action-row a, .home-feature .slide .slide-action-row p {
  display:inline;
  text-align: center;
}
/*The next 4 media queries currently only hide the bottom footer links as the screen size shrinks. This stops some undesireable stacking behaviour of the links.
These could be used in the future to more finely control the behaviour of the site as the viewport gets smaller. Each set of rules from here down start to take effect
once the viewport drops to or below the max-width specified by each media query, once the viewport surpasses it the rules are toggled back to their "original" values.*/
@media only screen and (max-width: 330px){
  .hideFourth{
    display: none;
  }
}
@media only screen and (max-width: 405px){
  .hideThird{
    display: none;
  }
}
@media only screen and (max-width: 490px){
  .hideSecond{
    display: none;
  }
}
@media only screen and (max-width: 581px){
  .hideFirst{
    display: none;
  }
}
/*This is where the biggest change occurs, the top nav menu is replaced with the mobile one and the pictures in the slide element are pushed into the same column as the text.*/
@media only screen and (max-width: 700px){
  /*Causes mobile menu to be visible.*/
  .mobile-menu{
    display:inline;
  }
  /*Hides desktop menu.*/
  #desktop-menu{
    display:none;
  }
  /*Causes the text on the first slide to take up the entire width of the slide.*/
  #diagram-text {
    width: 100%;
  }
  /*Removes the headers min-width allowing the rest of the content to become larger.*/
  header {
    min-width: 0px;
  }
  /*Removes hard-coded width and allows the header to fille the viewport.*/
  header .inner {
    width:95%;
  }
  /*Removes the slide feature min-width allowing the rest of the content to become larger.*/
  .home-feature {
    min-width: 0px;
  }
  /*Centers the content of the slide feature. Sets the initial height of the slide feature (which is dynamic) to fit the first slide. Removes the
  hard-coded width of the slide feature.*/
  .home-feature .inner {
    text-align: center;
    height: 610px;
    width:95%;
  }
  /*Removes the hard-coded width of the text side of the slide feature and allows it to fill the viewport.*/
  .home-feature .slide-content-left {
    width:95%;
  }
  /*Removes the hard-coded width of the text side of the slide feature and allows it to fill the viewport.*/
  .home-feature .slide-content-left-mongo {
    width:95%;
  }
  /*If you flip the comments in the next two groups, the pictures will be hidden in the mobile version of the slide feature.*/
  /*Removes the absolute position of the first slide picture so it can stack with the text.*/
  .home-feature .slide .diagram {
    right:0px;
    position:relative;
    /*display:none;*/
  }
  /*Allows the rest of the pictures in the slide feature to stack with the text, centered and filling the viewport.*/
  .home-feature .slide-content-right {
  /*  width: 0px;
    display:none;*/
    width: 100%;
    float: none;
    text-align: center;
  }
  /*Causes the slide feature to take up the whole viewport width.*/
  .home-feature .slide {
    width:95%;
  }
  /*Formats the button and link portion of the slide feature. Aligning it to center and removing vertical space between elements.*/
  .home-feature .slide .slide-action-row{
    text-align: center;
    line-height: normal;
    padding: 15px 0 15px 0;
  }
  /*Centers the download trial button in slide feature*/
  .home-feature .slide .slide-action-row .btn-download{
    float:none;
    margin: auto;
  }
  /*Causes the download trial button and accompanying text to stack rather than flow.*/
  .home-feature .slide .slide-action-row a, .home-feature .slide .slide-action-row p {
    display:block;
    text-align: center;
  }
  /*Causes main body to fill the whole viewport, removing hard-coded width.*/
  div#index{
  	width: 95%;
  }
  /*Removes min width from main body.*/
  .content-area {
    min-width: 0px;
  }
  /*Causes main body text to fill the whole viewport, removing hard-coded width.*/
  .content-area .inner{
    width:95%;
  }
  /*Causes main body text to fill the whole viewport, removing hard-coded width.*/
  .column-main {
    width:95%;
  }
  /*Causes main body text to fill the whole viewport, removing hard-coded width.*/
  .column-main-mongo {
    width:95%;
  }
  /*Causes side "testimonials" column to fill the whole viewport, removing hard-coded width.*/
  .column-side {
    width:95%;
  }
  /*Removes hard-coded width.*/
  .column-half {
    width:95%;
  }
  /*Removes hard-coded width.*/
  .code-box-wrapper {
    width:95%;
  }
  /*Removes hard-coded width.*/
  .code-box {
    width:95%;
  }
  /*Centers the content of the testimonials column-side.*/
  .column-mobile {
    text-align: center;
  }
  /*Removes min width, allowing content to become larger.*/
  footer {
    min-width: 0px;
  }
  /*Removes hard-coded width.*/
  footer .inner {
    width:95%;
  }
}
/*Causes desktop menu to reappear once the viewport becomes "large enough".*/
@media only screen and (min-width: 1024px){
  #desktop-menu{
    display:inline;
  }
}
/*Once the viewport comes below 1055px causes the column-side "testimonials" to stack in a single column with the rest of the content.*/
@media only screen and (max-width: 1055px){
  .column-main {
    width: 95%;
  }
  .column-side{
    width: 100%;
    float: left;
  }
  .column-mobile{
    text-align: center;
  }
}