/*SEARCH FORM*/

.visuallyhidden{
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#searchForm {
  width:100%;
  position:relative;
  top:0;
}
#searchForm * { display:inline-block; }
#searchForm:after { clear:both; }
#searchForm .searchLabel {
  width:1px;
  text-align:right;
  padding-right:5px;
  visibility:hidden;
}
#searchForm .searchBox {
  /*border:1px #298DB5 solid;*/
  border:1px #4b8fa4 solid;
  color: #01396e;
  padding: 9px;
  position:absolute;
  z-index:90;
  top:0;
  left:0;
  height:35px;
  width: 90%;
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width:calc(100% - 20px);
}
#searchForm .searchBtn {
  width:45px;
  height:63px;
  position: absolute;
  top:-7px;
  border: 0;
  background: transparent;
  right:0;
  z-index:91;
}
#searchForm .searchBtn img {
  position:relative;
  top:5px;
  width:100%;
  border: 0;
  background: transparent;
}
#searchForm .foundText {
  font-size:75%;
  position:relative;
  right:5px;
  top:50px;
  font-style:italic;
  width:100%;
  text-align:right;
}
#searchForm .foundText .tryagain {
  font-weight:500;
  color:#Af2501;
}
#searchForm .foundText .clearSearchText { display:inline-block; }
/* #searchNews, #searchImages, #searchVideos {
  width: 250px;
  height: 60px;
  display:inline-block;
  vertical-align:top;
}
@media screen and (max-width: 630px) {
#searchNews, #searchImages, #searchVideos { width:100%; }
} */
/*#searchImages { clear:both; height:80px; }*/
#searchPeople {
  clear:both;
  height:80px;
}
#searchPeople #searchForm .searchBox {
  margin-left:10px;
  width: 100%;
}
/* FORMS GENERAL*/
.pageContent input, .pageContent select, .pageContent textarea {
/*  border: 1px #298DB5 solid;*/
  border: 1px #4b8fa4 solid;
  color: #01396e;
  font-family: Roboto, Helvetica, sans-serif;
  background-color:white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.pageContent input {
  padding:9px;
  height: 35px;
}
.pageContent select { /*background: url("/images/general/layout/form-input/arrows_select_box.png") no-repeat 90% 10px; -webkit-appearance: none; -o-appearance: none;*/
  height: 55px;
  padding: 9px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
option[disabled="disabled"]:disabled {
  font-size:80%;
  font-style:italic;
  color:gray;
}
/* gsce */
.pageContent .cse input.gsc-input, .pageContent input.gsc-input {
	background-image:none !important;
}
.pageContent .gsc-above-wrapper-area{display:none;}
.pageContent .gsc-cursor-box{text-align:center;}
.pageContent .gs-image-box.gs-web-image-box.gs-web-image-box-portrait, 
.pageContent .gs-web-image-box, .gs-promotion-image-box,
.pageContent img.gs-image, 
.pageContent .gs-web-image-box img.gs-image, 
.pageContent .gs-promotion-image-box img.gs-image {
    border: none;
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    padding: 0;
    width: 150px;
}
.pageContent .gs-web-image-box img.gs-image, .pageContent .gs-promotion-image-box img.gs-promotion-image {max-width:150px; max-height:150px; width:150px;}
.gs-promotion-image-box {padding:0 16px 0 0}

.pageContent .gs-result a.gs-title, .pageContent .gs-result .gs-title, .pageContent .gs-result .gs-title * {
    color: #4b8fa4;
    text-decoration: none;
    /* font-weight: 600; */
    letter-spacing: -.035em;
    height: auto;
    padding: 0;
    font-size: 22px;
}

.pageContent table[class^="gsc-"] td, #main_container table[class^="gcsc-"] td {
    background-color: transparent;
}

.pageContent .gsc-table-cell-thumbnail {
    padding: 0 16px 0 0;
    width:200px;
}
.pageContent .gsc-table-cell-snippet-close {
     width: calc(100% - 200px);
}
.pageContent .gs-webResult div.gs-visibleUrl, .pageContent .gs-imageResult div.gs-visibleUrl {
    color: #888;
}

.pageContent .gs-webResult .gs-snippet, .pageContent .gs-imageResult .gs-snippet, .pageContent .gs-fileFormatType {line-height: 26px !important;/*font-size: 18px !important;*/}

.pageContent .cse .gsc-webResult.gsc-result, .pageContent .gsc-webResult.gsc-result, .pageContent .gsc-imageResult-column{    border: none;
    border-bottom: 1px solid #CFD7E1;}

.pageContent .gsc-webResult.gsc-result{
padding:20px 0;
}

.pageContent .cse .gsc-webResult.gsc-result:hover, .pageContent .gsc-webResult.gsc-result:hover, .pageContent .gsc-webResult.gsc-result.gsc-promotion:hover{
    border: none;
    border-bottom: 1px solid #CFD7E1;
}

.pageContent .gsc-adBlock{visibility:hidden;display:none;}
.pageContent .cse .gsc-tabHeader.gsc-tabhInactive, 
.pageContent .gsc-tabHeader.gsc-tabhInactive,
.pageContent .cse .gsc-tabHeader.gsc-tabhActive, 
.pageContent .gsc-tabHeader.gsc-tabhActive{
    padding: 10px 14px 5px 10px ;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    }
.pageContent .cse .gsc-tabHeader.gsc-tabhActive, 
.pageContent .gsc-tabHeader.gsc-tabhActive{
    border-color: white;
    background-color: white;
    color: #4b8fa4;
    border-top-color: #4b8fa4;
    }
.pageContent .cse .gsc-tabHeader.gsc-tabhActive, 
.pageContent .gsc-tabHeader.gsc-tabhActive{
    border-color: white;
    background-color: white;
    color: #4b8fa4;
    border-top-color: #4b8fa4;
    }
     
.pageContent input.gsc-search-button{
    border-color: #fff;
    background-color: #4b8fa4;
    padding: 10px 14px 10px;
    height: 55px;
    color: white;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    text-transform: uppercase;}
    
.pageContent input.gsc-input {
    border-radius: 6px;
    font-size: 15px;
}
.pageContent .gsc-refinementsArea{border-bottom:none;}

/* gs images */
.pageContent .gsc-imageResult-classic .gs-imageResult .gs-text-box{height: 5em;}
.pageContent .gsc-imageResult.gsc-imageResult-classic.gsc-result{width: 22%;    padding: 1%;    margin: 0;height:220px;}
.pageContent .gs-imageResult .gs-image-box img{
width:100% !important;
height: auto !important;
}
.pageContent .gs-imageResult .gs-image-box{
    position: relative;
    min-height:155px;
    max-height:185px;
    padding-bottom:10px;
    overflow:hidden;
}
.gsc-table-cell-snippet-close {
  padding-left: 160px;
}
/*SELECTORS*/
.view_selectors { display:inline-block; margin-right: 0; border:1px #298DB5 solid; border-radius:2px;
  border: none;
  right: 0;
  position: absolute; }
.view_selectors .nav_item { display:inline-block; position:relative; background-repeat:no-repeat; width:53px; height:45px; cursor:pointer; background-image:url(https://mars-jpl-nasa-gov-images.s3.amazonaws.com/general/grid_list_icon.png); -webkit-touch-callout:none; -khtml-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; -webkit-user-select:none; }
.mac.chrome .view_selectors .nav_item{height:44px;}
.win .view_selectors .nav_item{height:46px;}
.view_selectors .nav_item.list_icon { background-position:-3px -48px; border-radius:2px }
.view_selectors .nav_item.grid_icon { background-position:-57px -49px; border-radius:2px }

@media only screen and (max-width: 768px) {
  .view_selectors {
    float: right;
    top: 75px;
    position: absolute;
    right: 10px;
  }
  #Videos-List-Header {
      background-attachment: inherit
  }
}

.view_selectors a.nav_item.ir {
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  width: 52px !important;
  height: 52px !important;
  cursor: pointer;
  background-color: #eef2f6;
  border-radius: 50%;
}


.media_options {
  margin: 35px 10px 50px;
  padding-right: 10px;
  position:relative;
}

.media_options * {
  font-family: Roboto, Helvetica, sans-serif;
  font-size: inherit;
}
.media_options .media_search {
  width: calc(100% - 455px);
  display: inline-block;
  vertical-align: top;
  height: 60px;
}
@media screen and (max-width: 630px) {
  .media_options .media_search { width:100%; }
  }
.media_options .media_search form {
  width: 100%;
  top: 0;
  position: relative;
    z-index: 30;
}

.media_options .media_search form input {
  background-color: #F3F4F8;
  color: #222;
  border-radius: 5px;
}

@media only screen and (max-width: 768px) {
  .media_options .media_search {
      width: 100%;
  }
}
/* filters*/

.media_filters {
  display: inline-block;
  vertical-align: top;
}

.media_filters * {
  text-align: left;
}
.media_category {
  display: inline-block;
}
.media_filters form {
  display: inline-block;
  margin-right: 3px;
}

.media_list {
  text-align: left;
  padding: 0 50px;
  min-height: 60vh;
}

@media screen and (max-width: 768px) {
  .media_list .media_options {
      text-align: center;
  }
  .media_filters {
      text-align: left;
      float: left;
      margin-top: 15px;
  }
  @media screen and (max-width: 600px) {
    .media_list {
      padding: 0 20px;
    }
  }
}

@media screen and (max-width: 600px) {
  #imagesList .media_filters, #newsList .media_filters {
    display: inline-block;
    float: none;
  }

  #imagesList .media_list .media_options, #newsList .media_list .media_options {margin: 35px 10px 10px;}

  #imagesList .grid_gallery .view_selectors, #newsList .grid_gallery .view_selectors{
      display: inline-block;
      position: relative;
      float: none;
      top: 0;
  }
  
}
.media_list .byCategory {
  border: 1px rgba(41, 141, 181, 0) solid;
  display: table;
}


.pageContent .media_filters select, .media_filters select {
  position: relative;
  padding: .5em 2em .5em 1em;
  font-size: 16px;
  border: 0;
  vertical-align: middle;
  color: white;
  -webkit-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  background: #3b788b url(https://mars.nasa.gov/assets/arrows_select_box@2x.png) no-repeat 95% 10px;
  background-position: right .8em top 18px;
  background-size: 9px;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
  border-radius: 5px;
  max-width: 304px;
  margin: 0 .5rem .5rem auto;
  float: none;
}

.pageContent select.video_type option[disabled="disabled"]:disabled {
  color: white !important;
  font-size: 80%;
  font-style: inherit;
  display: none;
}
/*-- END SELECTORS*/