/* TWEAKS TO main.css */
.wrapper {
    border-width: 0px !important;
    min-width: 1200px !important;
}
nav {
    background: #444 !important;
    lposition: relative;
    z-index: 100;
}
ul.dropdown li a {
    background: #444 !important;
}
ul.dropdown li ul li a {
    background: #fff !important;
}
ul.dropdown li ul li a:hover {
    background-color:#1A76B9  !important;
    color:#FFF !important;
}

@media screen and (max-width:920px) {
ul.dropdown li ul li a {
    background: #444 !important;
}
.pmi-console {
    background: #000 !important;
}
.big-container {
    display: none !important;
}
}

/* PMI */
.pmi-console {
position:relative;
height:1200px;
float:left;
width: 40%;
/*background-color:#DDDDDD;*/
}
.results {
	 background: #fff;
	 padding: 20px;
	 height: auto;
	 min-height: 1200px;
	 float: right;
	 width:100%;
}
#product-section {
         float: right;
	 width: 60%;
}
#pmi-header {
   width: 100%;
   height: 70px;
   background-color: #ccc;
   border: 2px solid white;
}
#pmi-top-logo {
	      float: left;
	      width: 35%;
}
#pmi-logo {
   width: 50%;
   height: 50px;
   background-repeat: no-repeat;
   background-size: 75%;
   background-position: center;
   float: left;
}
#pmi-logo-text {
  padding: 14px 0px 10px 0px;
  line-height: .8em;
  font-size: .8em;
  text-align: center;
  height: 70px;
  margin-top: 33px;
  color: #444;
}
.locationIcon {
  float: right;
  width: 65%;
  height: 100%;
  border: none;
}
#pmi-scope {
   float: right;
   width: 48%;
   line-height: .8em;
   font-size: .8em;
}
#pmi-scope input {
  margin-top: 5px;
  margin-bottom: 0px;
}
#pmi-top-search {
     padding: 5px;
     float: right;
     width: 65%;
}
#pmi-top-buttons-title {
     font-size: 1em;
     line-height: 1.2em;
     padding: 15px 10px 0px 0px;
     color: #1A76B9;
     color: #94223a;
     float: left;
     text-align: center;
}
.pmi-top-detail {
     color: #1A76B9;
     font-size: .75em;
     line-height: .75em;
     float: left;
     margin-left: 10px;
}
#pmi-top-buttons {
     padding: 15px 10px 0px 0px;
}
.pmi-checkbox-block {
     margin: 9px 3px 0px 0px;
     background: #fff;
     border-radius:7px 7px;
     -moz-border-radius:7px 7px;
     -webkit-border-radius:7px 7px;
     font-size: .9em;
     height: 28px;
}
#gis-ready {
     font-size: .9em;
     margin: 7px 0px 10px 15px;
}
.pmi-top-button-block {
     width: 13%;
     line-height: 100%;
     float: left;
}
#pmi-top-buttons select {
     margin: 0px;
     font-size: .9em;
     height: 30px!important;
     padding: 0px 0px 0px 20px;
     width: 100%;
     border-radius:7px 7px;
     -moz-border-radius:7px 7px;
     -webkit-border-radius:7px 7px;
}
#pmi-top-buttons select option[value=''] {
    color: #888;
}

#pmi-top-buttons option:nth-child(1) {
    font-weight:bold;
}
#features-select {
    border-radius:7px 7px!important;
    -moz-border-radius:7px 7px;
    -webkit-border-radius:7px 7px;
    border-right: 0px solid;
}
#feature-names-select {
    width: auto!important;
    border-radius:0px 7px 7px 0px!important;
    -moz-border-radius:0px 7px 7px 0px!important;
    -webkit-border-radius:0px 7px 7px 0px!important;
    border-left: 0px solid;
    margin-left: -7%!important;
    padding-right: 5px!important;
}
.unselectX {
   font-size: 1.4em;
   color: #94223a;
   cursor: pointer;
}
#regions-select-block, #features-select-block {
   display: none;
}
#totalInfo {
	   color: #1A76B9;
	   color: #94223a;
	   float:right;
	   font-size: .9em;
	   line-height: 1em;
	   padding-top: 5px;
	   text-align: left;
}
#totalCount {
	   color: #333;
	    font-size: 1.2em;
	    font weight: bold;
}
#pmi-footer {
   width: 99%;
   height: 100%;
   background-color: #ccc;
   background-size: 75% 75%;
   background-position: center;
   border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
   padding: 0px 0px 0px 0px;
}
.footer-title {
	      padding: 10px 10px 10px 20px;
	      font-size: .9em;

}
#pmi-map-button {
		position: absolute;
		right: 20px;
		padding: 5px;
		background: rgba(0,60,136,.3);	
		cursor: pointer;
		border-radius:0 0 7px 7px;
		-moz-border-radius:0 0 7px 7px;
                -webkit-border-radius:0 0 7px 7px;
		-webkit-box-shadow: 1px 1px 1px 1px #ccc;
  		-moz-box-shadow:    1px 1px 1px 1px #ccc;
  		box-shadow:         1px 1px 1px 1px #ccc;
}
.system-details {
color:white;
padding:0 2%;
font-family:"Courier New", Courier, monospace;
font-size:12px;
/*border-radius:0 0 7px 7px;
-moz-border-radius:0 0 7px 7px;
-webkit-border-radius:0 0 7px 7px;*/
z-index:2;
bottom:2%;
opacity:.6;
background-color:black;
line-height:17px;
text-align:center;
}

.big-container {
    display: none;
    position:absolute;
    background-size:contain;
    background-repeat:no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -ms-behavior: url('../js/compatibility/backgroundsize.min.htc');
    z-index: 1;
}
.darken {
	filter: brightness(80%);
}

.targeted {
opacity:0;
}


/* center panel styles*/
.pageTitle {
position:relative;
margin:0 auto;
width:100%;
height:25px;
line-height:25px;
text-align:center;
background-color:#DDD;
z-index:1;
}

.titleText {
font-size:25px;
background:none;
background-color:#DDD;
font-family:sans-serif;
display:inline-block;
color:#d00000;
height:35px;
z-index:0;
padding:0 2px;
vertical-align:middle;
line-height:normal;
}

.hidden {
display:none!important;
}

.mercury {
background-image:url('../images/astropedia/location/Mercury-location-button.png');
}
.venus {
background-image:url('../images/astropedia/location/Venus-location-button.png');
}
.earth {
background-image:url('../images/astropedia/location/Earth-location-button.png');
}
.mars {
background-image:url('../images/astropedia/location/Mars-location-button.png');
}
.small-bodies {
background-image:url('../images/astropedia/location/Small-Bodies-location-button.png');
}
.jupiter {
background-image:url('../images/astropedia/location/Jupiter-location-button.png');
}
.saturn {
background-image:url('../images/astropedia/location/Saturn-location-button.png');
}
.uranus {
background-image:url('../images/astropedia/location/Uranus-location-button.png');
}
.neptune {
background-image:url('../images/astropedia/location/Neptune-location-button.png');
}
.pluto {
background-image:url('../images/astropedia/location/Pluto-location-button.png');
}
.mercury:hover, .mercury-hot {
background-image:url('../images/astropedia/location/Mercury-location-button-hot.png');
}
.venus:hover, .venus-hot {
background-image:url('../images/astropedia/location/Venus-location-button-hot.png');
}
.earth:hover, .earth-hot {
background-image:url('../images/astropedia/location/Earth-location-button-hot.png');
}
.mars:hover, .mars-hot {
background-image:url('../images/astropedia/location/Mars-location-button-hot.png');
}
.small-bodies:hover, .small-bodies-hot {
background-image:url('../images/astropedia/location/Small-Bodies-location-button-hot.png');
}
.jupiter:hover, .jupiter-hot {
background-image:url('../images/astropedia/location/Jupiter-location-button-hot.png');
}
.saturn:hover, .saturn-hot {
background-image:url('../images/astropedia/location/Saturn-location-button-hot.png');
}
.uranus:hover, .uranus-hot {
background-image:url('../images/astropedia/location/Uranus-location-button-hot.png');
}
.neptune:hover, .neptune-hot {
   background-image:url('../images/astropedia/location/Neptune-location-button-hot.png');
}
.pluto:hover, .pluto-hot {
   background-image:url('../images/astropedia/location/Pluto-location-button-hot.png');
   border-radius: 0px 5px 5px 0px;
}
.moon-hot {
background-image:url('../images/astropedia/location/Moon-location-button.png');
}
.ariel-hot {
background-image:url('../images/astropedia/location/Ariel-location-button.png');
}
.callisto-hot {
background-image:url('../images/astropedia/location/Callisto-location-button.png');
}
.ceres-hot {
background-image:url('../images/astropedia/location/Ceres-location-button.png');
}
.charon-hot {
background-image:url('../images/astropedia/location/Charon-location-button.png');
}
.deimos-hot {
background-image:url('../images/astropedia/location/Deimos-location-button.png');
}
.dione-hot {
background-image:url('../images/astropedia/location/Dione-location-button.png');
}
.enceladus-hot {
background-image:url('../images/astropedia/location/Enceladus-location-button.png');
}
.europa-hot {
background-image:url('../images/astropedia/location/Europa-location-button.png');
}
.ganymede-hot {
background-image:url('../images/astropedia/location/Ganymede-location-button.png');
}
.iapetus-hot {
background-image:url('../images/astropedia/location/Iapetus-location-button.png');
}
.io-hot {
background-image:url('../images/astropedia/location/Io-location-button.png');
}
.mimas-hot {
background-image:url('../images/astropedia/location/Mimas-location-button.png');
}
.miranda-hot {
background-image:url('../images/astropedia/location/Miranda-location-button.png');
}
.oberon-hot {
background-image:url('../images/astropedia/location/Oberon-location-button.png');
}
.phobos-hot {
background-image:url('../images/astropedia/location/Phobos-location-button.png');
}
.rhea-hot {
background-image:url('../images/astropedia/location/Rhea-location-button.png');
}
.tethys-hot {
background-image:url('../images/astropedia/location/Tethys-location-button.png');
}
.titania-hot {
background-image:url('../images/astropedia/location/Titania-location-button.png');
}
.titan-hot {
background-image:url('../images/astropedia/location/Titan-location-button.png');
}
.triton-hot {
background-image:url('../images/astropedia/location/Triton-location-button.png');
}
.vesta-hot {
background-image:url('../images/astropedia/location/Vesta-location-button.png');
}
#planet-buttons {
    display: inline-block;
    margin-top: 0px;
    width: 99%;
   -moz-border-radius: 15px;
    border-radius: 15px;
    border: 3px solid #aaa;
    margin: 10px 10px 0px 0px;
    padding-right: 5px;
    background: rgba(25,25,25,0.9);
}
#planet-button-icons {
    float: right;
    width: 550px;
}
.planet-button {
	     height: 50px;
	     width: 8.5%;  
	    /* background-size: 40px 40px;*/
	     background-position: 5px -8px;
	     background-repeat: no-repeat;
	     border: none;
	     float: right;
}

.planet-button:hover {
	     background-color: #333;
	     cursor: pointer;	     
}
.planet-button-hot {
	     background-color: #333;
}
.planet-button span {
	       display: inline-block;
	       font-size: 9px;
	       color: #ccc;
	       text-align: center;
	       margin-top: 38px;
	       width: 100%;
	       line-height: 10px;
}
#mercury-button {
    -moz-border-radius: 10px 0px 0px 10px;
/*    border-radius: 10px 0px 0px 10px;*/
    border-width: 3px 3px 3px 3px;
}
#neptune-button {
    -moz-border-radius:  0px 10px 10px 0px;
/*    border-radius: 0px 10px 10px 0px;*/when 
}
#pluto-button {
    -moz-border-radius:  0px 10px 10px 0px;
/*    border-radius: 0px 10px 10px 0px;*/when 
}
#pmi-target-info {
  height: 255px;
}
.target-info {
    /*font-family:"Courier New", Courier, monospace;*/
    height: 95%;
    width: 74%;
    line-height: 14px;
    margin-left: 25%;
}
#targetInfoHeader {
    position: absolute;
    margin-left: 10px;
}
#targetInfoBody {
   -moz-border-radius: 15px;
    border-radius: 15px;
    border: 3px solid #aaa;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    background: rgba(25,25,25,0.9);	
    height: 245px;
}
#targetName {
    line-height: 45px;
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0px;
}
.targetText {
    color: #1A76B9;
    font-weight: bold;
    font-size: .85em;
}
.targetTextCold {
    color: #aaa;
    font-weight: bold;
    font-size: .85em;
}
.targetText:hover {
    color: #4EA1DC;
    cursor: pointer;
}
.targetLink {
    cursor: pointer;
}
.targetTitle {
    color: #e887a8;	
    font-size: .85em;
}
.targetStatTitle {
    color: #888;	
    font-size: .85em;
}
.targetStatTextCold {
    color: #aaa;	
    font-size: .85em;
}

#targetExplore a {
	  text-decoration: none;
	  font-size: .85em;
}
/* map stuff */
#mapSlide {
	display: none;
}
#map {
	width:99%;
	height: 300px;
        border: 3px solid #aaa;	
        -moz-border-radius: 15px;
        -webkit-border-radius:15px;
        border-radius: 15px;
	margin-bottom: 10px;
	margin-right: 10px;
}
#map canvas {
        -moz-border-radius: 10px;
        -webkit-border-radius:10px;
        border-radius: 10px;
	background: #000;
}

#map-intro {
   padding: 5px 0px 0px 10px;
   font-size: .8em;
}
#map::selection, #map *::selection {
		 background: transparent;
}
.layer-switcher .panel {
		max-height: 280px;
}
.layer-switcher ul li {
    padding-left: 1em;
    list-style: none;
    line-height: .9em;
    font-size: .85em;
}
.layer-switcher ul li input[type=checkbox], .layer-switcher ul li input[type=radio] {
  margin-bottom: 0px;
}
.layer-switcher .panel {
    border-radius: 10px;
    border: 3px solid #888;
}


#astroConsole {
 width: 100%;
 border-spacing: 0px;
 height: 0px;
}
#mapBottom img {
	   padding: 0px 5px 0px 5px;
}
.astroConsoleTargetName {
	display: none;
}
#astroConsoleTargetImage {
	display: none;
}
.astroConsoleLonLatTitle {
	font-size: .7em;
	float:left;
}
#pmiLonLat {
        background: rgba(0,60,136,.3);
        border-radius: 4px;
	width: 190px;
        right: 5%;
	height: 23px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	z-index: 10;
	/*margin-top: 270px; */
        top: 590px;
}
#astroConsoleLonLat {
        background: none;
	width: 80px;
}

#astroConsoleLonLatSelects {
	font-size: .7em;
	float: left;
	margin: 5px;
}
#astroConsoleLonLatSelects select {
   width: 100px;
   font-family: Arial,sans-serif;
   font-size: 1em;
   background-color: #fff;
   height: auto;
   margin: 0;
   padding: 2px 2px 2px 20px;
   border: 1px solid #ccc;
}
#astroConsoleProjectionButtons {
 clear: none;
 float: left;
 margin: 0px 0px 0px 5px;
}
#astroConsoleProjectionButtons img {
 clear: none;
 float: left;
 cursor: pointer;
 margin: 1px 5px 1px 0px;
 border: none;
 border-radius: 0;
}
div#astroConsoleKey {
    left: 320px;
    width: 250px;
}
div.astroConsoleKeyDiv {
    width: 85px;
}
.astroConsoleDrawButtonDiv {
	margin:5px 0px 0px 0px;
	width:50px;
	height: 25px;
	float:left;
}
.astroConsoleDrawButton {
	cursor: pointer;
	margin: 5px 2px 0px 0px;
}
div.olControlPanel {
  margin: 145px 15px 15px 15px;
}
div.olControlPanZoom {
   display: block;
}  
#mapCanvas {
  position: absolute;
  z-index: 20;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.waitingGif {
  background-image: url("../images/loading.gif");
  background-repeat: no-repeat;
  background-size: 15%;
  background-position-x: 50%;
  background-position-y:30%;
}
#pmi-projects {
  width: 100%;
  height: 100%;
  background: #ccc;
  margin-top: 5px;
  padding: 10px;
  border: 2px solid white;
  font-size: .9em;
}
#projectTargetTitle {
  color: #94223a;
  font-size: 1.1em;
}
#pmi-projects-results {
  overflow: auto;
  height: 100%;
}
@media screen and (max-width:1550px) {
  #pmi-top-buttons-title {
     font-size: .8em;
  }
.pmi-checkbox-block {
     font-size: .8em;
}
  #totalInfo {
	   font-size: .8em;
  }
 .planet-button {
	     width: 7%;  
	    /* background-size: 40px 40px;*/
  }
 .planet-button span {
    font-size: 8px;
    width: 85%;
    text-align: center;
    overflow: hidden;    
  }

}