/* Sketchup related sites */
/* This file will hold styles for the mobile version of your website (mobile first). */
/* Note current target is to support ipad and larger screen sizes.  Eventually we'll go to phone sizes */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
/*
 * Generic/Sitewide Styles
after html and body tags all tags are alphabetical in each section
 */
html {
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  padding: 0; }

a {
  color: #005596;
  cursor: pointer;
  text-decoration: none; }

a:hover {
  color: #e72b2d;
  text-decoration: none; }

a:hover .small {
  color: #e72b2d;
  text-decoration: underline; }

#cboxOverlay {
  opacity: 0.5 !important; }

.nolink {
  color: #005596; }

.page {
  height: 100%;
  min-height: 100%; }

#page-title {
  color: #e72b2d;
  font-size: 18px;
  font-size: 1.8rem;
  text-transform: capitalize; }

.pane-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 200;
  margin: 36px 0 24px 0;
  margin: 3.6rem 0 2.4rem 0; }

.toggle-hide {
  display: none; }

#top-link {
  display: inline-block;
  text-align: center;
  width: 100%; }

/* End generic/sitewide styles */
/*
 * Start header content section
 */
/* Start Currently not used */
#block-user-login {
  display: inline-block;
  float: right;
  position: relative;
  width: 110px; }

#block-logintoboggan-logintoboggan-logged-in {
  display: inline-block;
  float: right;
  position: relative;
  width: auto; }
  #block-logintoboggan-logintoboggan-logged-in .content {
    color: #4d5259;
    float: right; }
  #block-logintoboggan-logintoboggan-logged-in a {
    color: white;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    text-align: right;
    width: 90px; }

#toboggan-container {
  display: inline;
  width: 246px; }
  #toboggan-container a {
    color: white;
    float: right;
    height: 36px;
    line-height: 36px; }

#toboggan-login {
  background: #4d5259;
  border: 1px solid red;
  border-top: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: none;
  float: right;
  padding: 0 15px;
  position: relative;
  left: 25px;
  width: 225px;
  z-index: 90;
  -moz-box-shadow: 0px 6px 6px 1px rgba(119, 119, 119, 0.8);
  -webkit-box-shadow: 0px 6px 6px 1px rgba(119, 119, 119, 0.8);
  box-shadow: 0 6px 6px 1px rgba(119, 119, 119, 0.8); }
  #toboggan-login ul li {
    list-style-type: none;
    margin: 0; }
    #toboggan-login ul li a {
      float: none;
      line-height: 16px;
      line-height: 1.6rem;
      margin: 0; }
      #toboggan-login ul li a:hover {
        color: #e72b2d; }

#user-login-form .rpx-links {
  overflow: hidden; }

/* User Menu Style */
#block-system-user-menu .leaf {
  list-style-type: none;
  list-style-image: none; }

/* End user menu style */
/* Start Menu Zone Styles */
#zone-menu {
  border-bottom: #e72b2d solid 3px;
  margin: 0 auto;
  padding-top: 48px;
  background-color: rgba(255, 255, 255, 0.5);
  padding-top: 12px; }
  #zone-menu .block-title {
    margin-bottom: 10px; }

#zone-menu li {
  display: inline;
  margin: 0;
  padding: 0; }
  #zone-menu li a {
    display: inline-block;
    padding: 1.5%;
    text-align: left; }
  #zone-menu li span.nolink {
    color: #000;
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0 0 0 1.5%;
    padding: 0;
    text-transform: uppercase; }
  #zone-menu li.first, #zone-menu li.first.active-trail {
    display: inline; }
    #zone-menu li.first a, #zone-menu li.first span.nolink, #zone-menu li.first.active-trail a, #zone-menu li.first.active-trail span.nolink {
      color: #000;
      display: inline-block;
      font-size: 20px;
      font-size: 2.0rem;
      margin: 8px 0 12px;
      margin: .8rem 0 1.2rem;
      min-width: auto;
      padding: 0;
      text-align: left;
      text-transform: uppercase;
      width: auto; }

#block-menu-menu-3d-for- ul li.last ul {
  display: none; }

/* End Menu Zone Styles */
/* End currently not used */
/* Start user bar styles */
#zone-user-wrapper {
  background: #4D5259;
  color: white;
  height: 42px;
  width: 100%;
  z-index: 100;
}

#region-user-first {
  margin: 0;
  font-size: 13px;
  font-size: 1.3rem;
  height: 39px;
  min-width: 720px;
  width: 100%; }
  #region-user-first .region-inner {
    height: 39px; }

#region-user-second {
  height: 39px;
  position: static; }

#block-superfish-1 {
  height: 39px;
  min-width: 600px;
  overflow: visible;
  display: inline-block; }
  #block-superfish-1 ul#superfish-1 {
    color: white;
    cursor: default;
    }
    #block-superfish-1 ul#superfish-1 li.sf-depth-1 {
      display: inline-block;
      float: left;
      height: 40px;
      padding: 0;
      text-align: center; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1 a {
        cursor: pointer;
        color: white;
        display: inline-block;
        height: 39px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 78px; }
        #block-superfish-1 ul#superfish-1 li.sf-depth-1 a:hover {
          color: #e72b2d; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-564-1 {
        display: block;
        float: left;
        min-width: 30%;
        text-align: left;
        max-width: 52%; }
        #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-564-1 span {
          padding-left: 0; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-739-1 {
        float: right; }
        #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-739-1 span {
          padding-left: 0; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-740-1 {
        float: right; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-741-1 {
        float: right;
        margin-right: 15px; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1 span {
        color: white;
        display: inline-block;
        height: 39px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 78px;
        padding: 0 15px; }
        #block-superfish-1 ul#superfish-1 li.sf-depth-1 span:hover {
          color: #e72b2d; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1 ul {
        background: white;
        background: rgba(255, 255, 255, 0.95);
        display: none;
        height: auto;
        max-width: 260px;
        padding: 0;
        position: absolute;
        top: 60px;
        width: 162px;
        z-index: 900; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-247-1, #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-232-1 {
        background: rgba(0, 0, 0, 0);
        margin: 0px;
        padding: 0;
        width: 125px; }
        #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-247-1 a, #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-232-1 a {
          background: url(../images/su-logos-grid.png) no-repeat 0 -124px;
          background-size: 225px 150px;
          color: rgba(0, 0, 0, 0);
          height: 30px;
          margin: 7px 18px 7px 10px;
          padding: 0;
          text-indent: -9999px;
          width: 230px; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-564-1 ul, #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-435-1 ul {
        left: 25.3%;
        top: 56px;
        width: 162px; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-739-1 ul, #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-437-1 ul {
        left: 71%;
        width: 120px; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-740-1 ul, #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-438-1 ul {
        left: 81%;
        width: 192px; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-741-1 ul, #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-439-1 ul {
        left: 91%;
        width: 110px; }
      #block-superfish-1 ul#superfish-1 li.sf-depth-1 li.sf-depth-2 {
        padding: 0;
        text-align: left;
        width: 100%;
        border: 1px solid #babcbf;
        margin-top: -1px;
        white-space: nowrap; }
        #block-superfish-1 ul#superfish-1 li.sf-depth-1 li.sf-depth-2:hover {
          background: #e72b2d;
          width: 100%; }
          #block-superfish-1 ul#superfish-1 li.sf-depth-1 li.sf-depth-2:hover a {
            color: white; }
        #block-superfish-1 ul#superfish-1 li.sf-depth-1 li.sf-depth-2:before {
          content: "";
          position: relative;
          display: block;
          top: 0px;
          margin-left: -4px;
          margin-right: -4px;
          margin-top: -1px;
          margin-bottom: -21px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          height: 22px;
          border-top: 1px solid #babcbf;
          border-bottom: 1px solid #babcbf;
          vertical-align: top; }
        #block-superfish-1 ul#superfish-1 li.sf-depth-1 li.sf-depth-2:after {
          content: "";
          position: relative;
          display: block;
          top: -22px;
          margin-left: -1px;
          margin-right: -1px;
          margin-bottom: -20px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          height: 20px;
          border-left: 1px solid #babcbf;
          border-right: 1px solid #babcbf;
          vertical-align: top; }
        #block-superfish-1 ul#superfish-1 li.sf-depth-1 li.sf-depth-2 a, #block-superfish-1 ul#superfish-1 li.sf-depth-1 li.sf-depth-2 span {
          color: #4d5259;
          display: inline-block;
          font-size: 13px;
          height: 20px;
          line-height: 20px;
          padding: 0 10px;
          z-index: 100; }
        #block-superfish-1 ul#superfish-1 li.sf-depth-1 li.sf-depth-2 ul {
          background: rgba(255, 255, 255, 0.9);
          height: auto;
          left: 200px;
          padding: 0;
          top: 0px;
          width: auto;
          z-index: 30; }
        #block-superfish-1 ul#superfish-1 li.sf-depth-1 li.sf-depth-2 li.sf-depth-3 {
          margin: 0;
          padding: 0; }
          #block-superfish-1 ul#superfish-1 li.sf-depth-1 li.sf-depth-2 li.sf-depth-3 a {
            height: 26px;
            width: 200px; }


/* end zone-user-wrapper */
/* start Download Button */
#block-block-2 {
  background: white;
  text-align: center;
  margin: 10px;
  height: 25px;
  border: 2px solid red;
  color: #555;

}

#block-block-2, #block-block-1 {
  height: 39px;
  position: relative;
  top: -90px;
  z-index: 800; }

#cta-button {
  background: #ea2622;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhMjYyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNTAyMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ea2622 0%, #d50201 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea2622), color-stop(100%, #d50201));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ea2622 0%, #d50201 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ea2622 0%, #d50201 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ea2622 0%, #d50201 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ea2622 0%, #d50201 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea2622', endColorstr='#d50201',GradientType=0 );
  /* IE6-8 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #babcbf;
  color: white;
  height: 27px;
  float: right;
  font-size: 14px;
  line-height: 12px;
  margin: 25px 11px 20px;
  width: 132px;
  padding: 0;
  padding-top: 7px;
  text-align: center;
  white-space: nowrap;
  *zoom: 1;
  *display: inline;
  display: inline-block; }

/**
 * Adds the "horizontal line extensions" around the download button.
 */
#cta-button:before {
  content: "";
  position: relative;
  display: block;
  top: -6px;
  margin-left: -4px;
  margin-right: -4px;
  margin-top: -2px;
  margin-bottom: -27px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 27px;
  border-top: 1px solid #babcbf;
  border-bottom: 1px solid #babcbf;
  vertical-align: top; }

/**
 * Adds the "vertical line extensions" around the download button.
 */
#cta-button:after {
  content: "";
  position: relative;
  display: block;
  top: -22px;
  margin-left: -1px;
  margin-right: -1px;
  margin-bottom: -27px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 33px;
  border-left: 1px solid #babcbf;
  border-right: 1px solid #babcbf;
  vertical-align: top; }

/* end Download Button */
/* end user bar styles */
/* Branding Zone Styles */
#zone-branding-wrapper {
  height: 30px;
  padding: 0;
  width: 100%;
  z-index: 90;
  background: #d4d5d1;
  }
  #zone-branding-wrapper h1 {
    display: inline-block;
    line-height: 30px;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    width: 50%; }
  #zone-branding-wrapper #zone-branding, #zone-branding-wrapper #region-branding, #zone-branding-wrapper .region-inner {
    height: 30px;
    min-width: 700px; }
  #zone-branding-wrapper #region-branding {
    margin-left: 0px 10px;
    width: 940px;}
  #zone-branding-wrapper #block-search-form {
    display: inline;
    float: left;
    height: 28px;
    line-height: 30px;
    line-height: 3.0rem;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: right;
    width: 654px;
    }
    #zone-branding-wrapper #block-search-form .form-actions {
			background-color: #E72B2D;
			margin: 3px 0;
			position: absolute;
			top: 0;
			right: 0;
      z-index: 200;
		}
		#zone-branding-wrapper #block-search-form .form-actions:after {
			content: "";
			position: absolute;
			border-style: solid;
			border-color: transparent #E72B2D;
			border-width: 4px 4px 4px 0;
			display: block;
			width: 0;
			top: 8px;
			left: -4px;
			bottom: auto;
			}
	  #zone-branding-wrapper #block-search-form input[type=text] {
      background: white;
			border: none;
			color: #4d5259;
			font-size: 12px;
			height: 24px;
			font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
			padding: 3px 35px 3px 6px;
			margin: 3px 0px 3px 0px;
			width: 610px;
			position: absolute;
      top: 0;
      left: 0;
      z-index: 100;
    }
    #zone-branding-wrapper #block-search-form input:focus {
      box-shadow: none;
      outline: none;
      -webkit-box-shadow: none; }
    #zone-branding-wrapper #block-search-form .form-submit {
		  background: none;
		  border: none;
		  z-index: 1000;
		  color: white;
      font-weight: normal;
      font-size: 14px;
		  margin: 0px 30px 0 0;
		  -moz-box-shadow: transparent;
		  -webkit-box-shadow: transparent;
		  box-shadow: transparent;
      border-radius: 0;
      height: 24px;
      text-shadow: none;
      position: relative;
			right: 0;
			top: 0;
     }
    #zone-branding-wrapper #block-search-form .form-submit:hover {
      background: transparent;
    }
	#zone-branding-wrapper #block-menu-menu-training-support-menu {
    display: inline-block;
    position: relative; }
    #zone-branding-wrapper #block-menu-menu-training-support-menu ul.menu {
      height: 30px;
      line-height: 30px;
      line-height: 3.0rem; }
      #zone-branding-wrapper #block-menu-menu-training-support-menu ul.menu li.leaf {
        display: inline;
        list-style-image: none;
        list-style-type: none;
        margin: 0;
        padding: 0; }
        #zone-branding-wrapper #block-menu-menu-training-support-menu ul.menu li.leaf a {
          height: 30px;
          display: inline-block;
          padding: 0 15px; }

/* End Branding Zone Styles */
/*
 * End header content section
 */
/*
 * Start Content Section Styles
 */
#section-content {
  margin: 26px 0 -290px; }

#zone-content-wrapper {
  background: white;
  height: 100%;
  margin: 100px auto 290px; }

/*margin:126px auto -296px; } removed to fix white bar at bottom of FF */
.panel-display .panel-panel {
  margin: 0 10px; }

#zone-content {
  height: auto !important;
  height: 100%;
  margin: 0 auto;
  min-height: 500px;
  min-width: 720px;
  padding-top: 15px; }

/* Start Media Front Player Styles */
.osmplayer-default {
  margin-bottom: 20px;
  position: relative;
  padding: 0 0 62.25%;
  /* 16:9 Ratio */
  -moz-box-shadow: 0px 3px 6px 1px rgba(119, 119, 119, 0.4);
  -webkit-box-shadow: 0px 3px 8px 1px rgba(119, 119, 119, 0.4);
  box-shadow: 0px 3px 6px 1px rgba(119, 119, 119, 0.4); }

.player-ui .minplayer-default-controls {
  display: none; }

.player-ui .ui-widget-content {
  background: #000; }

video {
  height: auto !important; }

/* End Media Front Player Styles */
/* Home Page Styles */
#home-page {
  position: relative;
  top: -14px; }
  #home-page .views-field-title, #home-page .views-field-field-user-attribution, #home-page .views-field-field-organization {
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.5;
    font-size: 11px;
    position: absolute;
    text-align: right;
    width: 100%; }
    #home-page .views-field-title div, #home-page .views-field-field-user-attribution div, #home-page .views-field-field-organization div {
      margin: 0 30px; }
  #home-page .views-field-field-user-attribution {
    bottom: 40px; }
  #home-page .views-field-field-organization {
    bottom: 22px; }
  #home-page .industry {
    display: none; }
  #home-page .flexslider {
    border: 0;
    box-shadow: none;
    margin: 0; }
    #home-page .flexslider .flex-direction-nav {
      bottom: 10px; }

/* End home page */
/* Learn Page Styles */
.toggle-link {
  background-image: url("../images/down-arrow.png");
  background-repeat: no-repeat;
  color: #005596;
  cursor: pointer;
  margin: 10px 0 10px;
  padding-left: 24px; }
  .toggle-link:hover {
    color: #e72b2d; }
  .toggle-link.closed {
    background-image: url("../images/right-arrow.png"); }

#learn-page .pane-learn-panel-pane-1 {
  height: 85%;
  margin-left: 10px; }
  #learn-page .pane-learn-panel-pane-1 .pane-title {
    font-size: 18px;
    margin: 0 0 18px 0; }
  #learn-page .pane-learn-panel-pane-1 h3 {
    color: #e72b2d;
    font-weight: 100; }
  #learn-page .pane-learn-panel-pane-1 p {
    margin: 0; }
#learn-page .pane-learn-panel-pane-2 {
  border-top: 1px solid #e72b2d; }
  #learn-page .pane-learn-panel-pane-2 h3 {
    margin-top: 10px; }
  #learn-page .pane-learn-panel-pane-2 p {
    margin: 0; }
#learn-page .getting-started-videos table, #learn-page .getting-started-videos tbody, #learn-page .getting-started-videos tr {
  display: inline-block;
  width: 100%; }
  #learn-page .getting-started-videos table tr, #learn-page .getting-started-videos tbody tr, #learn-page .getting-started-videos tr tr {
    height: 100px;
    white-space: nowrap; }
    #learn-page .getting-started-videos table tr td, #learn-page .getting-started-videos tbody tr td, #learn-page .getting-started-videos tr tr td {
      display: inline-block;
      padding: 0;
      width: 25%; }
      #learn-page .getting-started-videos table tr td img, #learn-page .getting-started-videos tbody tr td img, #learn-page .getting-started-videos tr tr td img {
        height: 73%;
        width: 95% !important; }
      #learn-page .getting-started-videos table tr td.col-4, #learn-page .getting-started-videos tbody tr td.col-4, #learn-page .getting-started-videos tr tr td.col-4 {
        padding: 0; }
#learn-page .three-learning-resources-list {
  height: 100%;
  margin: 0 0 20px; }
  #learn-page .three-learning-resources-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  #learn-page .three-learning-resources-list li {
    margin-bottom: 20px; }
  #learn-page .three-learning-resources-list .views-field-title {
    font-size: 15px;
    font-size: 1.5rem; }
#learn-page .learning-resources-list .resource-row {
  height: 200px; }
  #learn-page .learning-resources-list .resource-row .views-field-title span {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold; }

.pane-page-teasers-panel-pane-3 table tbody tr td {
  padding-bottom: 28px; }
  .pane-page-teasers-panel-pane-3 table tbody tr td .views-field-title {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 900;
    margin-bottom: 24px; }
  .pane-page-teasers-panel-pane-3 table tbody tr td p {
    margin: 10px 0 5px; }

#testimonial {
  margin-top: 10px;
  padding: 15px; }
  #testimonial .views-field-title {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 10px; }
  #testimonial .views-field-field-image {
    float: right;
    position: relative;
    top: -40px; }

#industry-video {
  margin-top: 10px;
  padding: 15px; }

#learn-videos #views-exposed-form-video-tutorials-panel-pane-4 .views-exposed-form {
  text-align: center; }
  #learn-videos #views-exposed-form-video-tutorials-panel-pane-4 .views-exposed-form #edit-playlist-wrapper {
    width: 100%; }
    #learn-videos #views-exposed-form-video-tutorials-panel-pane-4 .views-exposed-form #edit-playlist-wrapper label {
      margin-bottom: 10px; }
    #learn-videos #views-exposed-form-video-tutorials-panel-pane-4 .views-exposed-form #edit-playlist-wrapper .form-type-bef-link a {
      border: 1px solid #4d5259;
      border-top: 0;
      display: inline-block;
      line-height: 18px;
      margin: 0 auto;
      padding: 21px 5%;
      width: 90%; }
    #learn-videos #views-exposed-form-video-tutorials-panel-pane-4 .views-exposed-form #edit-playlist-wrapper #edit-playlist-58 {
      border-top: 1px solid #4d5259; }
#learn-videos .video-grid .views-view-grid td {
  width: 25%; }
#learn-videos .video-grid .views-field-title:hover {
  cursor: pointer; }

/* End Learn Page Styles */
/* Reseller Map */
#reseller-map .ajax-progress-throbber {
  display: none; }
#reseller-map .openlayers-views-map .openlayers-popup a {
  color: white; }
#reseller-map .openlayers-views-map .olLayerGoogleV3.olLayerGoogleCopyright {
  display: none; }

/* End reseller map */
/* Our Team Photos */
#views-exposed-form-open-career-postions-view-panel-pane-3 #edit-tid-wrapper {
  padding: 0;
  width: 100%; }
#views-exposed-form-open-career-postions-view-panel-pane-3 .bef-checkboxes {
  text-align: center;
  width: 100%; }
#views-exposed-form-open-career-postions-view-panel-pane-3 div.form-type-bef-checkbox {
  color: #005596;
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  vertical-align: bottom;
  width: 86px; }
  #views-exposed-form-open-career-postions-view-panel-pane-3 div.form-type-bef-checkbox:hover {
    color: #e72b2d; }
#views-exposed-form-open-career-postions-view-panel-pane-3 input[type=checkbox] {
  display: none; }
#views-exposed-form-open-career-postions-view-panel-pane-3 input[type=checkbox] + label {
  background-image: url("../images/suicons-bw-nobg.png");
  background-position: center;
  background-position: 50% 120%;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 80px;
  text-align: center;
  width: auto; }
#views-exposed-form-open-career-postions-view-panel-pane-3 input[type=checkbox]:hover + label {
  color: #e72b2d; }
#views-exposed-form-open-career-postions-view-panel-pane-3 input[type=checkbox]:checked + label {
  background-image: url("../images/suicons-nobg.png"); }
#views-exposed-form-open-career-postions-view-panel-pane-3 .views-submit-button {
  display: none; }

.team-photos {
  display: block;
  height: auto;
  width: 100%; }
  .team-photos .team-photo-list {
    /*background-color:$black;*/
    display: block;
    height: 225px;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    /* Chrome 10+,Safari */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 3%, black 6%, black, black 94%, rgba(0, 0, 0, 0.5) 97%, rgba(0, 0, 0, 0)); }
    .team-photos .team-photo-list li {
      display: inline-block;
      height: 245px;
      width: 105px; }
      .team-photos .team-photo-list li div {
        color: transparent;
        text-align: center; }
    .team-photos .team-photo-list li:hover .views-field-field-first-name div {
      color: black; }

/* End Our Team Photos */
/* sticks footer to bottom of window when content is not full enough for entire page
#zone-postscript-wrapper {
  height:296px;
  width:100%;
} */
/* Start Features page styles */
#features-page {
  /*&.New-in-2013 {
    border:1px solid red;
  } */ }
  #features-page .pane-title {
    margin-bottom: 8px; }
  #features-page .pane-1 {
    font-weight: bold; }
  #features-page ul {
    list-style-type: none;
    width: 100%; }
    #features-page ul li a {
      background: url("../images/placeholder.jpeg") no-repeat;
      background-size: 100% 150px;
      display: inline;
      height: 40px;
      float: left;
      margin-bottom: 40px;
      padding-top: 150px;
      text-align: center;
      width: 11%; }
  #features-page .views-row {
    height: 190px;
    margin: 0 0 30px;
    padding: 10px;
    width: 100%; }
  #features-page tr {
    width: 100%; }
    #features-page tr td {
      width: 50%; }
  #features-page .views-field {
    color: black;
    left: 240px;
    margin: 0;
    position: relative;
    top: -170px;
    width: 650px; }
    #features-page .views-field.views-field-title {
      font-weight: bold; }
    #features-page .views-field.views-field-field-category {
      color: red;
      display: inline-block;
      left: 750px;
      font-size: 17px;
      font-size: 1.7rem;
      font-weight: bold;
      text-transform: capitalize;
      top: -150px;
      width: auto;
      -webkit-transform: rotate(-35deg); }
    #features-page .views-field.views-field-field-image {
      position: static;
      width: auto; }

/* End Features Page Styles */
/* Start Training Page Styles */
#training-home-page .pane-learn-panel-pane-5 .pane-title {
  font-size: 28px;
  margin: 40px 0 36px 0; }
#training-home-page .training-menu-items ul {
  display: block;
  list-style-type: none;
  width: 100%; }
  #training-home-page .training-menu-items ul li {
    display: inline-block;
    height: 100px;
    float: left;
    text-align: center;
    width: 33%; }
#training-home-page .featured-trainer {
  height: auto;
  display: inline-block;
  max-width: 50%;
  padding: 0; }
  #training-home-page .featured-trainer .views-field-field-image {
    display: inline-block;
    float: left;
    margin: 4px 10px 20px 5px;
    width: 120px; }
  #training-home-page .featured-trainer .views-field-title {
    display: block;
    font-size: 17px;
    font-weight: 800;
    float: left;
    margin: 4px 0 5px 0;
    position: relative;
    width: 60%; }
  #training-home-page .featured-trainer .views-field-body {
    display: inline-block;
    float: left;
    margin: 0 0 10px 0;
    max-width: 61%;
    position: relative; }
#training-home-page .featured-testimonial {
  display: inline-block;
  padding: 0;
  width: 50%; }
  #training-home-page .featured-testimonial .views-field-body {
    margin: 0 10px 10px 20px; }
  #training-home-page .featured-testimonial .views-field-field-customer-name {
    display: inline-block;
    float: right;
    width: auto; }
  #training-home-page .featured-testimonial .views-field-field-organization {
    display: inline-block;
    float: right;
    width: auto; }
#training-home-page .view-footer {
  text-align: right; }

/* End Training Page Styles */
/* Our Customers Page */
#our-customers #superfish-2 {
  width: 100%; }
  #our-customers #superfish-2 li {
    height: 136px;
    margin: 10px 0;
    width: 12.5%; }
    #our-customers #superfish-2 li a {
      display: inline-block;
      height: auto;
      line-height: 18px;
      padding-top: 82px;
      text-align: center;
      width: 100%; }

/* End our customers page */
/* Buy Edu licenses page */
#edu-licenses .pane-node {
  border: 1px solid #4d5259;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 0 15px; }

/* end edu licenses page */
/* learn section */
/* classes page */
#classes-page .views-row {
  margin-bottom: 20px; }
  #classes-page .views-row .views-field-body {
    margin-bottom: 10px; }
  #classes-page .views-row .views-field-field-course-number {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 800; }
  #classes-page .views-row .views-field-title {
    font-size: 18px;
    font-size: 1.8rem; }
#classes-page .view-footer {
  float: left;
  width: 100%; }
  #classes-page .view-footer .toggle-link {
    display: inline-block;
    position: absolute; }
  #classes-page .view-footer .offline-options {
    float: right; }
  #classes-page .view-footer .toggle-view {
    margin: 15px 0;
    position: relative;
    top: 20px; }
    #classes-page .view-footer .toggle-view .view-content {
      width: 50%; }
    #classes-page .view-footer .toggle-view h3 {
      display: none; }
    #classes-page .view-footer .toggle-view .view-footer {
      float: right;
      position: relative;
      top: -66px;
      width: 50%; }
      #classes-page .view-footer .toggle-view .view-footer .offline-options a, #classes-page .view-footer .toggle-view .view-footer .offline-options strong {
        display: inline-block;
        margin-bottom: 10px; }

/* end classes page */
/* schedule page */
#schedule-page .pane-learn-panel-pane-3 .pane-title {
  font-size: 28px;
  margin: 40px 0 36px 0; }
#schedule-page .pane-learn-panel-pane-3 .view-filters {
  margin-left: 8.5%; }
#schedule-page thead th {
  background: #FFFFFF; }
#schedule-page .active {
  background: #FFFFFF; }
#schedule-page .views-field-field-class-number h3 {
  display: none; }

/* end schedule page */
/* trainiers page */
/* end trainers page */
#trainers-page .trainers-list .views-field-field-image {
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0; }
#trainers-page .trainers-list .views-field-title {
  display: inline-block;
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0.6rem 0 0.9rem 0; }
#trainers-page .trainers-list .views-field-body {
  display: inline-block;
  float: left;
  max-width: 81%;
  column-count: 2;
  column-gap: 10px;
  -moz-column-count: 2;
  -moz-column-gap: 10px;
  -webkit-column-count: 2;
  -webkit-column-gap: 10px; }

/* testimonials page */
#testimonials-page .pane-learn-panel-pane-9 .pane-title {
  font-size: 28px;
  margin: 40px 0 36px 0; }
#testimonials-page .testimonials-list td {
  padding: 0 20px 0 0;
  width: 50%; }
  #testimonials-page .testimonials-list td .views-field-title {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 6px 0 9px 0;
    margin: .6rem 0 .9rem 0; }
  #testimonials-page .testimonials-list td .views-field-field-customer-name {
    margin-top: 10px;
    text-align: right; }
  #testimonials-page .testimonials-list td .views-field-field-organization {
    text-align: right; }

/* end testimonials-page */
/* end learn section */
/* sketchupdate */
#sketchupdate #webform-component-email-address .email {
  width: 100%; }
#sketchupdate table {
  width: 100%; }
  #sketchupdate table td {
    vertical-align: top; }
#sketchupdate .sketchupdate-view {
  margin: 0 auto;
  width: 82.978% !important; }
#sketchupdate #views_slideshow_cycle_teaser_section_sketchupdate-panel_pane_1 {
  width: auto !important; }

/* end sketchupdate */
/* visiting professionals page */
#vpp .pane-programs-panel-pane-1 .views-row {
  height: auto;
  margin-bottom: 20px;
  min-height: 170px; }
  #vpp .pane-programs-panel-pane-1 .views-row .views-field-field-image {
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
    width: 120px; }
  #vpp .pane-programs-panel-pane-1 .views-row .views-field-title {
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 4px;
    padding-bottom: 0.4rem;
    overflow: hidden;
    width: auto; }
  #vpp .pane-programs-panel-pane-1 .views-row .views-field-field-job-title {
    font-size: 11px;
    font-size: 1.1rem;
    overflow: hidden;
    width: auto; }

/* end vpp page */
/* Timeline CSS */
#storyjs, .storyjs-embed {
  background-color: transparent;
  z-index: 50; }

/*
 * End Content Section Styles *
 */
/*
 * Start Industry Gallery Slideshow *
 */
.pane-industry-gallery-slideshow-panel-pane-1 {
  box-shadow: 0 0 3px 2px rgba(119, 119, 119, 0.2) inset; }

#views_slideshow_cycle_teaser_section_industry_gallery_slideshow-panel_pane_1 {
  margin: 0 auto; }
  #views_slideshow_cycle_teaser_section_industry_gallery_slideshow-panel_pane_1 .views-slideshow-xtra-overlay-row {
    background: rgba(255, 255, 255, 0.75);
    border: 1px solid #e72b2d;
    border-radius: 5px;
    padding: 15px;
    position: relative;
    left: 150px;
    top: 50px;
    width: 150px; }
    #views_slideshow_cycle_teaser_section_industry_gallery_slideshow-panel_pane_1 .views-slideshow-xtra-overlay-row .views-field-title {
      font-weight: bold; }
  #views_slideshow_cycle_teaser_section_industry_gallery_slideshow-panel_pane_1 .views-slideshow-controls-top {
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    top: 220px;
    z-index: 50; }
    #views_slideshow_cycle_teaser_section_industry_gallery_slideshow-panel_pane_1 .views-slideshow-controls-top .views-slideshow-controls-text-previous {
      background: white;
      background-color: rgba(255, 255, 255, 0.5);
      border-bottom-right-radius: 60px;
      border-top-right-radius: 60px;
      width: 60px;
      float: left; }
    #views_slideshow_cycle_teaser_section_industry_gallery_slideshow-panel_pane_1 .views-slideshow-controls-top .views-slideshow-controls-text-pause, #views_slideshow_cycle_teaser_section_industry_gallery_slideshow-panel_pane_1 .views-slideshow-controls-top .views-slideshow-controls-text-resume {
      display: none; }
    #views_slideshow_cycle_teaser_section_industry_gallery_slideshow-panel_pane_1 .views-slideshow-controls-top .views-slideshow-controls-text-next {
      background: white;
      background-color: rgba(255, 255, 255, 0.5);
      border-bottom-left-radius: 60px;
      border-top-left-radius: 60px;
      width: 60px;
      float: right; }

/* End Industry Gallery Slideshow */
/*  Polaroid Images Styles */
.pane-industry-polaroid-strip-panel-pane-1 div {
  display: block;
  bottom: 10px;
  width: 100%; }
  .pane-industry-polaroid-strip-panel-pane-1 div.pane-content {
    height: 130px;
    margin: 0 auto;
    width: 465px; }
    .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div img {
      background: #eee;
      border: 1px solid #fff;
      border-radius: 3px;
      box-shadow: 0 2px 15px #333;
      float: left;
      padding: 10px 10px 25px;
      position: relative;
      -moz-box-shadow: 0 2px 15px #eee;
      width: auto; }
      .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div img:hover {
        box-shadow: 3px 5px 15px #333; }
    .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(1) img {
      z-index: 49;
      transform: rotate(-10deg);
      -webkit-transform: rotate(-10deg); }
      .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(1) img:hover {
        z-index: 50; }
    .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(2) img {
      z-index: 40;
      transform: rotate(3deg);
      -webkit-transform: rotate(3deg); }
      .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(2) img:hover {
        z-index: 50; }
    .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(3) img {
      z-index: 43;
      transform: rotate(-4deg);
      -webkit-transform: rotate(-4deg); }
      .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(3) img:hover {
        z-index: 50; }
    .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(4) img {
      z-index: 42;
      transform: rotate(7deg);
      -webkit-transform: rotate(7deg); }
      .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(4) img:hover {
        z-index: 50; }
    .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(5) img {
      z-index: 48;
      transform: rotate(-4deg);
      -webkit-transform: rotate(-4deg); }
      .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(5) img:hover {
        z-index: 50; }
    .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(6) img {
      z-index: 41;
      transform: rotate(-4deg);
      -webkit-transform: rotate(-4deg); }
      .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(6) img:hover {
        z-index: 50; }
    .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(7) img {
      z-index: 43;
      transform: rotate(-4deg);
      -webkit-transform: rotate(-4deg); }
      .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(7) img:hover {
        z-index: 50; }
    .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(8) img {
      z-index: 46;
      transform: rotate(-4deg);
      -webkit-transform: rotate(-4deg); }
      .pane-industry-polaroid-strip-panel-pane-1 div.pane-content .view-content div:nth-child(8) img:hover {
        z-index: 50; }

/*  End Polaroid Images */
/*
 * End content section styles
 */
/*
 * Start Footer Styles
 */
#section-footer {
  bottom: -30px;
  height: auto;
  margin: 20px 0 0;
  position: relative;
  width: 100%; }

#zone-footer-wrapper {
  background: #f6f6f7;
  border-top: 1px solid #babcbf; }

#zone-footer {
  min-width: 720px;
  background: #f6f6f7;
  background-image: url("../images/footer-logo.png");
  background-repeat: no-repeat;
  background-position: bottom right; }

/*
 * This is used for the distributor footer bar.
 */
.block-title {
  color: #4D4D4D;
  font-size: 17px;
  font-size: 1.7rem; }

/**
 * Fixes spacing around the '|' characters in the footer.
 */
#block-menu-menu-legal-menu span {
  margin: 0 12px 0 -12px; }

#region-footer-first {
  margin: 0 auto;
  width: 95%;
  padding-left: 5%; }
  #region-footer-first .block-menu {
    margin: 44px 0 0;
    min-height: 217px; }
    #region-footer-first .block-menu ul.menu {
      padding-left: 0;
      width: 100%; }
  #region-footer-first .block-menu ul.menu li.expanded {
    color: #e72b2d;
    display: inline-block;
    float: left;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 0;
    margin-right: 18px;
    min-height: 162px;
    width: auto; }
    #region-footer-first .block-menu ul.menu li.expanded .nolink {
      color: #e72b2d;
      font-size: 12px;
      font-weight: bold; }
    #region-footer-first .block-menu ul.menu li.expanded ul.menu {
      border-top: 1px solid #e72b2d;
      padding: 3px 0 0;
      margin: 0 0 0 -7px;
      width: 110%; }
    #region-footer-first .block-menu ul.menu li.expanded li {
      display: block;
      width: 100%;
      text-decoration: none;
      padding: 0;
      font-size: 12px;
      font-size: 1.3rem; }
    #region-footer-first .block-menu ul.menu li.expanded a {
      display: inline-block;
      width: 100%;
      color: #4d5259;
      font-size: 12px;
      margin: 0; }
    #region-footer-first .block-menu ul.menu li.expanded a:hover {
      color: #e72b2d; }
    #region-footer-first .block-menu ul.menu li.expanded li.leaf {
      display: block;
      white-space: nowrap; }

#zone-sub-footer-wrapper {
  margin: 0;
  padding: 2px;
  background-color: #005596;
  width: 100%; }

#region-sub-footer-first {
  color: #d4d5d1;
  height: 24px; }
  #region-sub-footer-first ul.menu {
    height: 20px;
    list-style-type: none;
    margin-top: 4px;
    width: 100%;
    text-align: center; }
  #region-sub-footer-first li {
    display: inline-block;
    height: inherit;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%; }
  #region-sub-footer-first li.expanded a {
    cursor: pointer;
    display: inline-block;
    background-position: center;
    background-image: url("../images/trimble-logo-small.png");
    background-repeat: no-repeat;
    color: transparent;
    margin: 0;
    position: relative;
    left: -11px;
    top: -2px;
    width: 75px;
    z-index: 5; }
  #region-sub-footer-first li.expanded ul.menu {
    display: inline;
    float: right;
    margin: 0;
    position: relative;
    top: -20px;
    z-index: 1;
    text-align: center;
    list-style-type: none;
    width: 100%; }
  #region-sub-footer-first li.expanded ul.menu li {
    display: inline;
    margin: 0;
    padding: 0; }
    #region-sub-footer-first li.expanded ul.menu li .nolink {
      color: #fff; }
    #region-sub-footer-first li.expanded ul.menu li .last {
      margin-right: 54px; }
#region-sub-footer-first li.expanded ul.menu a {
    display: inline-block;
    color: #d4d5d1;
    background-image: none;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 200;
    margin: 0 14px 0 0;
    text-decoration: none;
    width: auto; }
  #region-sub-footer-first li.expanded ul.menu a:hover {
    color: white;
    text-decoration: underline; }
  #region-sub-footer-first #block-lang-dropdown-language {
    float: right;
    position: relative;
    bottom: 21px;
    width: auto;
    z-index: 1; }
    #region-sub-footer-first #block-lang-dropdown-language .form-item {
      color: white;
      margin: 0;
      text-align: right;
      width: auto; }
      #region-sub-footer-first #block-lang-dropdown-language .form-item #edit-lang-dropdown-select_title {
        padding: 3px 0; }
      #region-sub-footer-first #block-lang-dropdown-language .form-item #edit-lang-dropdown-select_child {
        border: none;
        float: right;
        padding: 0;
        overflow: hidden;
        right: 1px; }
        #region-sub-footer-first #block-lang-dropdown-language .form-item #edit-lang-dropdown-select_child a {
          background: #005596;
          color: #d4d5d1; }
          #region-sub-footer-first #block-lang-dropdown-language .form-item #edit-lang-dropdown-select_child a:hover {
            color: #f4c542; }
        #region-sub-footer-first #block-lang-dropdown-language .form-item #edit-lang-dropdown-select_child img {
          position: relative;
          top: 3px; }

      #region-sub-footer-first #block-lang-dropdown-language #edit-lang-dropdown-select_titletext span.ddTitleText span {
        float: left;
	padding: 0 4px;
      }
      #region-sub-footer-first #block-lang-dropdown-language .form-item .ddTitle {
        background: #005596;
        border: none;
        color: #d4d5d1;
        float: right;
        margin-right: 7px;
        text-align: right;
        width: 90px; }
        #region-sub-footer-first #block-lang-dropdown-language .form-item .ddTitle #edit-lang-dropdown-select_arrow {
          display: none; }
        #region-sub-footer-first #block-lang-dropdown-language .form-item .ddTitle #edit-lang-dropdown-select_titletext {
          padding: 0; }
          #region-sub-footer-first #block-lang-dropdown-language .form-item .ddTitle #edit-lang-dropdown-select_titletext img {
            position: relative;
            top: 2px; }

/*  Start Social Media Buttons Styles */
#block-menu-menu-footer-menu ul.menu li.last ul {
  white-space: nowrap; }
  #block-menu-menu-footer-menu ul.menu li.last ul li.leaf {
    background-repeat: no-repeat;
    background-size: 24px;
    padding: 0;
    width: auto; }
  #block-menu-menu-footer-menu ul.menu li.last ul li.leaf:nth-child(1) a, #block-menu-menu-footer-menu ul.menu li.last ul li.leaf:nth-child(2) a {
    padding-left: 0; }
  #block-menu-menu-footer-menu ul.menu li.last ul li.leaf:nth-child(3) {
    background-image: url("../images/fb.png");
    background-size: 24px;
    display: inline-block;
    height: 24px;
    margin-left: 6px;
    margin-top: 3px;
    padding: 0;
    width: auto; }
    #block-menu-menu-footer-menu ul.menu li.last ul li.leaf:nth-child(3) a {
      color: transparent;
      padding: 0;
      width: 24px; }
  #block-menu-menu-footer-menu ul.menu li.last ul li.leaf:nth-child(4) {
    background-image: url("../images/twitter.png");
    display: inline-block;
    height: 24px;
    margin: 0; }
    #block-menu-menu-footer-menu ul.menu li.last ul li.leaf:nth-child(4) a {
      color: transparent;
      height: 24px;
      padding: 0;
      width: 24px; }
  #block-menu-menu-footer-menu ul.menu li.last ul li.leaf:nth-child(5) {
    background-image: url("../images/google+.png");
    display: inline-block;
    height: 24px;
    margin: 0; }
    #block-menu-menu-footer-menu ul.menu li.last ul li.leaf:nth-child(5) a {
      color: transparent;
      padding: 0;
      width: 24px; }
  #block-menu-menu-footer-menu ul.menu li.last ul li.leaf:nth-child(6) {
    background-image: url("../images/youtube.png");
    display: inline-block;
    height: 24px;
    margin: 0; }
    #block-menu-menu-footer-menu ul.menu li.last ul li.leaf:nth-child(6) a {
      color: transparent;
      padding: 0;
      width: 24px; }

/* End Social Media Button Sytles */
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0; }

/*
 * End section footer styles
 */

 /**
 * Defining an explicit color for placeholder text.  Used in goog.ui.LabelInput.
 * http://stackoverflow.com/a/2610741/566561
 */
::-webkit-input-placeholder { /* WebKit browsers */
  color: #A9A9A9;
  font-style: italic;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #A9A9A9;
  opacity: 1;
  font-style: italic;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #A9A9A9;
  opacity: 1;
  font-style: italic;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #A9A9A9;
  font-style: italic;
}


#block-ewh-themes-header-sues-logo {
	float: left;
}
#block-ewh-themes-header-sues-app-pulldown {
  float: right;
  margin-right: 10px;
}

#sues-logo {
	background: url(../images/su-logos-grid.png) no-repeat 0 -124px;
	background-size: 225px 150px;
	color: rgba(0, 0, 0, 0);
	display: inline-block;
	height: 30px;
	margin: 7px 18px 7px 10px;
	padding: 0;
	text-indent: -9999px;
	width: 230px;	
}

.developer-center-section #sues-logo {
  background: url(../images/sues-dev-logo.png) no-repeat 0;
  width: 250px;
}

/* This is the little magnifying glass icon that gets placed on the SearchBar's
  search button. */
#magnifying-glass-icon {
  background-image: url(../images/icon-search2.png);
  background-size: contain;
  background-repeat: no-repeat;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 5px;
  right: 12px;
}

/**
 * Stylings for the Header's SketchUp Websites Menu stuff.
 */
#block-ewh-theme-apppulldown-su-app-pulldown {
  float: right; 
  margin-right: 10px;
}
#block-ewh-themes-header-sues-app-pulldown ul li span {
	display: none;
}
#block-ewh-themes-header-sues-app-pulldown ul li ul li a {
  text-indent: -9999px;
}
#block-ewh-themes-header-sues-app-pulldown ul li ul {
	background-image: none;
	border-radius: 0px;
	top: 37px;
  margin-left: -224px;
  margin-top: 0px;
  border: 1px solid #babcbf;
  background-color: white;
  padding: 0px 8px 0px 0px !important;
}
#block-ewh-themes-header-sues-app-pulldown ul li.menuparent{
  background-image: url(../images/su-logo-grid.png);
  background-size: 52px 26px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
	}
#block-ewh-themes-header-sues-app-pulldown ul li,
#sketchup-menu-icon {
  position: relative;
  right: 0px;
  top: 8px;
  display: inline-block;
  margin: 0;
  width: 26px;
  height: 26px;
  cursor: pointer;
}

#block-ewh-themes-header-sues-app-pulldown ul li:hover,
#sketchup-menu-icon:hover {
  background-position: -26px 0px;
}

#sketchup-menu-icon .bubble-message {
  width: 270px;
  height: 156px;
  top: 37px;
  left: -224px;
  padding: 0px;
}

/**
 * Styling for the bubble widget.
 * Reference: http://nicolasgallagher.com/pure-css-speech-bubbles/demo/
 */
.bubble-message {
  position: absolute;
  padding: 10px;
  border: 1px solid #babcbf;
  background-color: white;
  font-size: 14px;
  font-weight: bold;
}

#block-ewh-themes-header-sues-app-pulldown ul li ul:before,
.bubble-message:before {
  content: "";
  position: absolute;
  bottom: -10px; /* value = - border-top-width - border-bottom-width */
  left: 20px; /* controls horizontal position */
  border-width: 10px 10px 0;
  border-style: solid;
  border-color: #babcbf transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* creates the smaller triangle */
#block-ewh-themes-header-sues-app-pulldown ul li ul:after ,
.bubble-message:after {
  content: "";
  position: absolute;
  bottom: -9px; /* value = - border-top-width - border-bottom-width */
  left: 21px; /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width: 9px 9px 0;
  border-style: solid;
  border-color: #fff transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* creates the larger triangle */
#block-ewh-themes-header-sues-app-pulldown ul li ul:before ,
.bubble-message.top:before {
  top: -10px; /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 20px; /* controls horizontal position */
  border-width: 0 10px 10px;
}

/* creates the smaller triangle */
#block-ewh-themes-header-sues-app-pulldown ul li ul:after ,
.bubble-message.top:after {
  top: -9px; /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 21px; /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width: 0 9px 9px;
}


#block-ewh-themes-header-sues-app-pulldown ul li ul li,
#websites-menu-container {
  display: inline-block;
  margin: 0;
  cursor: pointer;
}
.websites-menu-item {
  width: 268px;  /* We make this (270 - 2) smaller to accommodate the 2 pixels worth of grey border */
  height: 52px;
  position: relative;
}
#block-ewh-themes-header-sues-app-pulldown ul li ul li:hover,
.websites-menu-item:hover {
  background-color: #4d5259;
}

#block-ewh-themes-header-sues-app-pulldown ul li ul li,
.websites-menu-image {
  position: relative;
  top: 0px;
  padding: 14px 0 6px 8px;
  width: 225px;
  height: 32px;
}
#block-ewh-themes-header-sues-app-pulldown ul li ul li a{
	height: 25px;
  background-image: url(../images/su-logos-grid.png);
  background-size: 225px 150px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-left: 11px;
}


#block-ewh-themes-header-sues-app-pulldown ul li ul li.sf-item-1 a,
#su-menu-item {
  background-position: 0px 0px;
}
#block-ewh-themes-header-sues-app-pulldown ul li ul li.sf-item-1:hover a,
.websites-menu-item:hover #su-menu-item  {
  background-position: 0px -75px;
}

#block-ewh-themes-header-sues-app-pulldown ul li ul li.sf-item-2 a,
#wh-menu-item {
  background-position: 0px -25px;
}
#block-ewh-themes-header-sues-app-pulldown ul li ul li.sf-item-2:hover a,
.websites-menu-item:hover #wh-menu-item  {
  background-position: 0px -100px;
}

#block-ewh-themes-header-sues-app-pulldown ul li ul li.sf-item-3 a,
#ewh-menu-item {
  background-position: 0px -50px;
}
#block-ewh-themes-header-sues-app-pulldown ul li ul li.sf-item-3:hover a,
.websites-menu-item:hover #ewh-menu-item  {
  background-position: 0px -125px;
}

#absolute-messages-messages {
	position: absolute;
	padding-top: 72px;
	z-index: 20;
}
.absolute-messages-message {
  font-size: inherit;
  width: 940px;
  margin: 0 auto;
}
.absolute-messages-error {
  background-color: #E72B2D;
  border-bottom: 1px solid #A30000;
  color: black;
}
.absolute-messages-status {
  background-color: #A4C639;
  border-bottom: 1px solid #849b3a;
  color: black;
}
.absolute-messages-warning {
  background-color: #F4A83D;
  border-bottom: 1px solid #D6800C;
  color: black;
}


.page-ew-dev-terms #section-footer,
.page-ew-dev-terms #absolute-messages-messages,
.page-ew-dev-terms #admin-menu,
.page-ew-dev-terms #section-header {
	display: none;
}
.page-ew-dev-terms #zone-content {
  min-height: auto;
}

#developertou-popup-wrapper #action-buttons {
  margin: 0 auto;
	position: relative;
  width: 300px;
	z-index: 1;
}
#common_issue_list {
  width: 400px;
  display: inline-block;
  /* float: left; */
  height: 180px;
  overflow: auto;
}
#common_issue_instructions {
  display: inline-block;
  border: 1px solid;
  float: right;
  width: 495px;
  padding: 10px;
  overflow: auto;
  height: 160px;
  margin-bottom: 10px;
}
#common_issue_instructions ul {
  margin: 0px;
}
.group-meta .field.field-name-field-ext-popularity {
	display: none;
}