/*
 * Simon Jackson, styles for GTFS App
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
      html, body, #mapDiv {
        padding:0;
        margin:0;
        height:100%;
      }

      #mapDiv {
        position: relative;
      }
	  
	  #search {
		display: block;
		position: absolute;	
		z-index: 3;
		top: 20px;
		left: 75px;
  }

      #bottomPanel {
        left: 2%;
        position: absolute; 
        bottom: 2em;
      }
	  
	  .esriAttribution {
		opacity: 0;
	  }

      #timeInfo{
		font-family: 'Open Sans';
        border: none;
        background-color: #000000; 
		opacity: 0.8;
		color: #ffffff;
        display: block;
        padding: 3px;
        position: relative;
        text-align: center;
        width: 700px;
        z-index: 99;
}

	  .esriTimeSlider {
		bottom: 4px;
	  }

.claro .dijitRuleLabelsContainer {
    color: #ffffff;
}

.dijitRuleMark {
    border: 1px solid white;
}

#legend {
    position: relative;
	z-index: 100;
}
#legend img {
    position: absolute;
	height: auto;
	max-width: 100%;
    top: 15px;
    right: 15px;
	opacity: 0.9;
}

.esriSimpleSlider {
    background-color: #070607;
	border: none;
	color: #ffffff;
	opacity: 0.8;

}

 /* CSS to hide/shrink DIVs */
@media only screen and (max-width: 800px)
{
	.simpleGeocoder {
		visibility: hidden;
	}
	
	#timeInfo{
		width: 150px;
	}
	
	.esriTimeSlider .ts {
		visibility: hidden;
	}
	
	.esriSimpleSlider div {
    display: none;
	}
	
	#legend  img	{ 
	position: absolute;
	height: auto;
	width:100px;
	top: 5px;
    right: 5px;
	}
	
	#bottomPanel {
    left: 5px;
    position: absolute;
    bottom: 5px;
}