@charset "utf-8";
/* CSS Document for Metro Transit Trip Planner header and footer (desktop version) */
.spacer10 {
	clear:both; 
	display: block; 
	width: 100%;
	height: 10px; 
	margin: 0; 
	padding: 0; 
}
#header {
	width: 100%;
	min-width: 732px;
	height: 67px;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background-image: url("http://metro.kingcounty.gov/trip-planner/images/header_bg1.jpg");
	background-position: top left;
	background-repeat: repeat-x;
}
#header h1 {
	background-image: url("http://metro.kingcounty.gov/trip-planner/images/plan_a_trip_title.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	width: 320px;
	height: 67px;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	position: absolute;
}
#header #metro_logo a {
	background-image: url("http://metro.kingcounty.gov/trip-planner/images/metro_logo.png");
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 136px;
	height: 49px;
	position: absolute;
	right: 21px;
	top: 9px;
	text-indent: -9000px;	
}
#footer {
	font-size: 12px;
	color: #000;
	text-align:left;
	width: 100%;
	min-width: 732px;
	height: 69px;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	background-image: url("http://metro.kingcounty.gov/trip-planner/images/footer_bg1.jpg");
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #cccabe;
	
}
#footer #king_county_logo {
	text-indent: -9000px !important;
	 
}
#footer #king_county_logo a {
	background-image: url("http://metro.kingcounty.gov/trip-planner/images/king_county_logo.png");
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	width: 171px;
	height: 35px;
	position: absolute;
	left: 21px;
	top: 21px;
	text-indent: -9000px !important;	
}
#footer .copyright {
	float: right;
	margin: 34px 21px 0 0;
	padding: 0;
	font-size: 12px;
	color: #000;
}
#footer .copyright span {
	display: inline;
	/*display: none;*/
		
}
#footer a {
	text-decoration: none;		
}
#footer a:hover {
	text-decoration: underline;	
	color: #000;	
}

/* Style to hide Tracker on mobile devices */

/* All Smartphones in portrait and landscape ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#tracker-a {
	display: none;
}
}

/* All Smartphones in landscape ----------- */
@media only screen 
and (min-width : 321px) {
#tracker-a {
	display: none;
}
}

/* All Smartphones in portrait ----------- */
@media only screen 
and (max-width : 479px) {
#tracker-a {
	display: none;
}
}

/***** ANDROID DEVICES *****/

/* Android 240 X 320 ----------- */
@media only screen
and (max-width: 241px){
#tracker-a {
	display: none;
}
}

/* Android(Samsung Galaxy) in portrait 380 X 685 ----------- */
@media only screen
and (min-width: 375px)
and (max-width: 385px){
#tracker-a {
	display: none;
}
}

/* Android(Samsung Galaxy) in Landscape 685 X  380 ----------- */
@media only screen
and (min-width: 680px)
and (max-width: 690px){
#tracker-a {
	display: none;
}
}

/* Kindle Portrait 600 X 1024 ----------- */
@media only screen
and (min-width: 595px)
and (max-width: 610px){
#tracker-a {
	display: none;
}
}

/* Kindle Landscape 1024 X 600 ----------- */
@media only screen
and (min-width: 1000px)
and (max-width: 1030px){
#tracker-a {
	display: none;
}
}

/***** ALL GENERATION IPADS *****/

/* iPads in portrait and landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
#tracker-a {
	display: none;
}  
}

/* iPad in landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#tracker-a {
	display: none;
}
}

/* iPad in portrait----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
#tracker-a {
	display: none;
}
}



/***** Retina IPAD 3 & 4*****/

/* Retina iPad 3 & 4 in portrait and landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2){
#tracker-a {
	display: none;
}
}

/* Retina iPad 3 & 4 in landscape----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
#tracker-a {
	display: none;
}
}

/* Retina iPad 3 & 4 in landscape----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2){
#tracker-a {
	display: none;
}
}




/***** IPAD 1 & 2 (ALSO IPAD MINI)*****/

/* iPad 1 & 2 in portrait and landscape ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){
#tracker-a {
	display: none;
}
}

/* iPad 1 & 2 in landscape ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
#tracker-a {
	display: none;
}
}

/* iPad 1 & 2 in portrait ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1){
#tracker-a {
	display: none;
}
}

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 1823px) {
#tracker-a {
	display: block;
}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
#tracker-a {
	display: block;
}
}
/* Retina Displays ------------- */
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
#tracker-a {
	display: block;
}
}
/* Only iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
#tracker-a {
	display: none;
}
}

/* Only iPads ----------- */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
#tracker-a {
	display: none;
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
#tracker-a {
	display: none;
}
}

/* Only Android Firefox ----------- */
@media (min--moz-device-pixel-ratio: 1.5),  
(min-device-pixel-ratio: 1.5) {  
#tracker-a {
	display: none;
}  
}