w/*
Metro Modifications

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

00. BOOTSTRAP OVERRIDES
01. KC TEMPLATE OVERRIDES
02. 
03. 

*/


/*  ---------------------------------------------------
	Manual reset
-------------------------------------------------------  */
.nobullet { list-style: none!important; }
.nomargin { margin: 0!important; }
.nopadding { padding: 0!important; }
.noborder { border: none!important;}

/*  ---------------------------------------------------
	Hiding things
-------------------------------------------------------  */
/*@media only screen and (min-width: 802px) {
#sidebar {
	display:none!important;
}
}*/
.print-header, #csv-link, #reservations-link/*, #sidebar a[title='Schedules & Maps']*/ {
	display: none!important;
}
.nav-pills.direction-a, .nav-pills.direction-b, .hidden, .mobile-table-instruction {
	display: none;
}
.visuallyhidden{
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
	text-indent: -9000px;
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto;
}
a:hover, a:active/*, a:focus*/ {
	outline: 0!important;
}
.off_canvas {
	position: fixed; 
	left: -9000px;
}
.opacity_0 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}
.opacity_50 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.opacity_100 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hide-while-loading{
	display: none;
}
.expand { 
	height: 0; 
}

.separated-section {
    margin-bottom: -42px;
}
@media only screen and (max-width: 768px)  {
    .separated-section {
       margin-bottom: -40px;
       margin-top: -20px;
    }
}
/*  ---------------------------------------------------
	Extra Extra Small Screen Sizes
-------------------------------------------------------  */
.visible-xxs,
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block {
    display: none !important;
}

@media (max-width: 600px) {
    .visible-xxs {
        display: block !important;
    }
    table.visible-xxs {
        display: table !important;
    }
    tr.visible-xxs {
        display: table-row !important;
    }
    th.visible-xxs,
    td.visible-xxs {
        display: table-cell !important;
    }
}
@media (max-width: 600px) {
    .visible-xxs-block {
        display: block !important;
    }
}
@media (max-width: 600px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 600px) {
    .visible-xxs-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 600px) {
    .visible-xs {
        display: none !important;
    }
}

@media (max-width: 601px) {
    .hidden-xxs {
        display: none !important;
    }
}

@media (min-width: 601px) and (max-width: 766px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (min-width: 601px) and (max-width: 766px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (min-width: 601px) and (max-width: 766px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (min-width: 601px) and (max-width: 766px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media screen and (max-device-width: 1000px) and (orientation:landscape){
	.hidden-xxs-landscape, .hidden-xs-landscape {
		display: none!important;
	}
	.visible-xxs-inline-block, .visible-xs-inline-block {
		display: inline-block!important;
	}
}

/*  ---------------------------------------------------
	Aligning things
-------------------------------------------------------  */
.align-right {
	display: block;
	text-align: right;
}
.align-left {
	display: block;
	text-align: left;
}
	ul.align-left li {
		text-align: left;
	}

.align-center {
	text-align: center;
}
.align-center>div {
	text-align: left;
}
.align-vertical {
 	position: relative;
	min-height:  97px;
}
.align-vertical > .child, .align-vertical > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.quick-links i.middle {
	position: absolute;
	top: 50%;
	transform: translate(-52%, -50%);
  	width: 100%;
	font-size: 1.6em; 
}


/*===================================================================================*/
/*	00. BOOTSTRAP OVERRIDES
/*===================================================================================*/
/*.modal { 
	z-index: 10001!important; 
}
.modal.modal-wide .modal-dialog {
	width: 100%;
	height: 100%;
	margin: 0;
}
body.modal-open {
    overflow: hidden;
    position: fixed;
}*/
.modal {
    bottom: 0;
    display: none;
    left: 0;
    overflow-x: auto;
    overflow-y: scroll; /* <--- this guy right here */
    position: fixed;
    right: 0;
    top: 0;
    z-index:10060!important;
}

.modal-backdrop {
z-index:10055!important;
}

/* .modal-fullscreen */

.modal-fullscreen {
  background: transparent;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}

.table-condensed td {
	vertical-align: top;
}

.table-small-text td {
	font-size: 1.1em;
}

/* centered columns styles */
.row-centered {
    text-align:center!important;
}
.col-centered {
    display:inline-block!important;
    float:none!important;
    /* reset the text-align */
    text-align:left!important;
    /* inline-block space fix */
    margin-right:-4px!important;
}
.col-fixed {
    /* custom width */
    width:320px!important;
}
.col-min {
    /* custom min width */
    min-width:320px!important;
}
.col-max {
    /* custom max width */
    max-width:320px!important;
}

/*=========================*/
/*    CIRCLE BUTTONS       */
/*=========================*/

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  -webkit-border-radius: 50%!important;
	-moz-border-radius: 50%!important;
	border-radius: 50%!important;
}
.btn-circle.btn-md {
  width: 40px;
  height: 40px;
  padding: 8px 12px;
	padding: 0;
  font-size: 24px;
  line-height: 40px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 28px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 3px;
  line-height: 1.33;
}

/*===================================================================================*/
/*	01: KC TEMPLATE OVERRIDES
/*===================================================================================*/
/*body, html { 
  -ms-overflow-style: none !important; 
}*/
html { font-size: 62.5%; } 
body { font-size: 1.4rem; } /* =14px */
h1   { font-size: 2.4rem; line-height: 1.4; } /* =24px */

body {
	/*background-image: none !important;*/
	background-attachment: fixed;
	padding-bottom: 58px;
	color: #000;
    background-color: #f0eee1!important;
}
h3, h4 {
	line-height: 1.4!important;
}
/*.sr-only-focusable:focus {
	position: absolute;
}*/

a:focus {
   /*background-color: #ff9;
   color: #000!important;*/
}
a.nowrap {
	white-space: nowrap;
}
.btn {
	text-decoration: none!important;
}
.btn-default, .btn-success {
	color:#333!important;
}
.inverse, .inverse h1, .inverse h2, .inverse h3, .inverse h4, .inverse h5, .inverse h6,
.inverse p, .inverse ul li, .inverse ol li { color: #fff!important; } 
.inverse a, .inverse a:link { color: #eff3d6; border-bottom-color: #eff3d6; }
.inverse a:hover { color: #fff; border-bottom-color: #fff!important; }
.inverse a.btn-info { color: #000!important; border-bottom: none; }
.inverse > .panel-body > p { color: #000!important; }
.page-header {
	padding-right: 40px;
}
.addon-row h3 {
	margin-top: -10px;
}
#fixed-footer-nav1, #sticky-footer, ol.main-breadcrumb li:nth-child(1), ol.main-breadcrumb li:nth-child(2){
   display: none !important;
}
.main-content-border {
	border-color: #056e52!important; /* Metro green */
	border-color: #02874a!important; /* brighter green */
}
.js .main-breadcrumb-row {
	margin-top: 0px!important;
    /*border-top: none!important;*/
	border-top-color: #fff!important;
}
.breadcrumb>li+li:nth-child(3):before {
	content:" ";
	padding: 0;
}
ol.main-breadcrumb li:nth-child(3) {

}
.container { width: auto; }

img#mobile-bg {
	display: none!important;
	heigt:0!important;
}

.panel-group .panel-heading {
	padding:0!important;
	border-bottom:1px solid transparent;
	border-top-right-radius:3px;
	border-top-left-radius:3px;
	background-color: #f4f4f4!important;
}

p.small, .caption-sm {
	font-size: .9em;
	color:#23221f
}
.allcaps {
	text-transform: uppercase;
}

/*.panel-group .panel-title a.collapsed:after, .panel-group .panel-title a:after {
    font-family:'FontAwesome';
    content:"\F078";
    float: right;
    color: grey;

}
.panel-group .panel-title a.collapsed:after {
    font-family:'FontAwesome';
    content:"\F054";
    float: right;
    color: grey;

}*/
.panel-group .panel-title a {
	color:#333!important;
	padding: 10px 15px;
	text-decoration: none;
	border: none!important;
	display: block;
	/*background: yellow;*/ /* for testing only */
}
.panel-group .panel-heading>.dropdown .dropdown-toggle {
	color:inherit
}
.panel-group .panel-title {
	padding: 0!important;
	margin:0;
	font-size:14px;
	color:inherit;
}
.panel-group .panel-toggle.closed {
  font-family:'FontAwesome';
  content:"\F078";
  float: right;
  color: grey;
}
.panel-group .panel-toggle.open {
  font-family:'FontAwesome';
  content:"\F054";
  float: right;
  color: grey;
}
.panel-group .panel-heading+.panel-collapse .panel-body {
	border-top:1px solid #fff!important;
}
.actives{
    background-color:#fff;
}
#print-share-button { display: none!important; }

.dropdown-menu li, .dropdown-menu a {
	border: none!important;
}
#alert-yellow, #alert-red {
	height: 0;
}
.well-section, .sharp-corners {
   -webkit-border-radius: 0px!important;
   -moz-border-radius: 0px!important;
   border-radius: 0px!important;
   padding: 10 20px!important;
}
.well-alert {
   -webkit-border-radius: 0px!important;
   -moz-border-radius: 0px!important;
   border-radius: 0px!important;
   padding: 26px 30px 30px!important;
   margin-bottom: 0!important;
   text-align: center!important;
   /*position: relative;*/
}
.well-alert--green, .well-alert--yellow, .well-alert--red, .well-alert--blue, .well-alert--orange {
	/*position: relative;*/
	top: 0;
}
.well-alert--green, .well-green {
   background-color: #109e63!important;
   border: 1px solid #109e63!important;
}
.well-alert--yellow, .well-yellow {
  /*background-color: #fff8c4!important;
  border: 1px solid #fff8c4!important;*/
  background-color: #ffcc00!important;
  border: 1px solid #ffcc00!important;
}
.well-alert--red {
  background-color: #c43c35!important;
  border: 1px solid #c43c35!important;
}
.well-alert--blue {
  background-color: #0063be!important;
  border: 1px solid #0063be!important;
}
.well-alert--orange {
	background-color: #faba70!important;
	border: 1px solid #faba70!important;		
}
.well-teal {
	background-color: #0099a9!important;
	border: 1px solid #0099a9!important;		
}
.well-dark-blue {
	background-color: #2e2b60!important;
	border: 1px solid #2e2b60!important;
}
.well-black {
	background-color: #000!important;
	border: 1px solid #000!important;
}

.well-alert--green h3, .well-alert--green p,
.well-alert--red h3, .well-alert--red p,
.well-alert--blue h3, .well-alert--blue p {
  color: #fff!important;
}
.well-alert h3 {
  margin-top: 0!important;
}
.well-alert--green a, .well-alert--red a, .well-alert--blue a {
	color: #ffff64!important;
	border-color: #ffff64!important;
}

.well-section .panel {
   /**/border: 1px solid #0b8155!important;
   -webkit-border-radius: 4px!important;
   -moz-border-radius: 4px!important;
   border-radius: 4px!important;
}
.well-section .panel.panel-green {
   /**/border: 1px solid #0b8155!important;
   -webkit-border-radius: 4px!important;
   -moz-border-radius: 4px!important;
   border-radius: 4px!important;
}
.well-section .panel.panel-green .panel-title a {
    color:#fff!important;
    background-color: #13c179!important;
}
.well-section .panel.panel-green .panel-title a.active {
    color:#333!important;
    background-color: #fff!important;
}
.well-section .panel.panel-green .panel-title a:focus, .panel.panel-green .panel-title a.active {
    color:#fff!important;
    background-color: #0e6640!important;
}

.well-blue {
    background: #0064a8!important;
    border-color: #0064a8!important;
}


.call-out p {
	margin-right: -15px;
}

.lead {
	margin-top:0!important;
}
#nt-title h1 {
	text-transform: none!important;
	font-size: 28px!important; 
	line-height: 1.4!important;
	font-family:'Open Sans',Verdana,Helvetica,sans-serif!important;
}
.media .media-body a {
	font-size: 1.7rem!important;
}

ul.list-social a {
   border: none!important;
   font-size: 32px;
}
ul.list-social.lg a {
   font-size: 40px;
}


/* footer */

.dept-footer-map, .map-container {
    height: 310px!important;
}

.dept-footer-map .map-canvas,
.dept-footer-image .map-canvas,
.dept-footer-map .image-canvas,
.dept-footer-image .image-canvas {
    height: 310px!important;
    margin: 0;
    padding: 0;
}

.dept-footer-map .map-overlay,
.dept-footer-image .map-overlay,
.dept-footer-map .image-overlay,
.dept-footer-image .image-overlay {
    height: 310px!important;
}


/*======================================================*/

.nowrap, ul.nowrap li {
	white-space: nowrap;
}

.buslines li .dropdown-menu a {
	font-size: 14px!important;
	margin-left: 12px;
	/*line-height: 11px;
	margin: 0!important;*/
}

.language-bar { display: none; }

.js .language-bar {
   display: block;
   background: #f2f2f3;
   height: 30px;
   margin: 0 -20px;
   padding: 0 10px;
   line-height: 30px; 
   text-align: left;
   border-bottom: 1px solid #dbd8cc;
}
.js .language-bar .dropdown-menu {
    margin-top: 0;
 }
.js .language-bar:hover .dropdown-menu {
    display: block;
 }

.center {
   text-align: center;
}

.fa-center, img.center, .center img {
   margin: 0 auto;
}
.fa-green {
   color: #109e63;
}
.fa-blue {
	color: #456c95;
}
.fa-white, .inverse {
   color: #fff;
}
.divider-border-bottom {
   border-bottom:1px dashed #dcdcdc;
   padding: .5em 0 .8em;
   margin: 0 0 .8em;
   width: auto;
}
/*@media screen and (min-width: 768px) {
   .js .language-bar {
      text-align: right;
   }
}*/

/*#logo-wrapper img {
	display: none!important;
}
#logo-wrapper a {
	width: 235px;
	height: 49px;
	background: url("http://kingcounty.gov/img/KClogo-horiz-black-lg.gif")no-repeat 0 0;
	overflow: hidden;
}*/








/*body {
	background-image:url('http://kingcounty.gov/~/media/transportation/metro/images/heros/3-buses-on-street-lg.ashx');
}
#wrapper {
	background-image:url('http://kingcounty.gov/~/media/transportation/metro/images/heros/3-buses-on-street-lg.ashx')!important;
}
.kcRssReader {
	background: red;
}*/


/*===================================================================================*/
/*#main-content {
	padding-top: 0!important;
	margin-top: 0!important;
}*/

/*------------------------------*/
/*  Subhead                     */
/*------------------------------*/
h4 span.sub { font-size: 80%; color: #666; font-weight: normal;display: block; margin-top: 10px; }


/*------------------------------*/
/*  Route Select Menu           */
/*------------------------------*/
.fixedElement {
    background-color: #c0c0c0;
    position:fixed;
    top:0;
    width:100%;
    z-index:8000;
}
	
/*------------------------------*/
/*  Route Select Menu           */
/*------------------------------*/
.route_select_wrapper {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0; 
	display: block;
	width: 100%;
	/*background: #159f63;
	background: #ccc;
	background: #393421;
	background: #427839;
	background: #086542;
	background: #425d39;*/
	background: #527952;
	padding: 10px 20px 8px;
	z-index: 9990;
	text-align: center;
}
.route_select {
	max-width: 552px;
	width: 100%;
	margin: 2px auto 0;
	/*background: #ebf0f4;*/
	color #333!important;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	border: 1px solid #ebf0f4;;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 34px;
	/*-webkit-appearance: menulist;
	-webkit-appearance: none;*/
}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	margin-top:2px!important;
	margin-bottom:2px!important;
	position: relative;
	vertical-align: middle;
    text-align: left!important;
    height: 36px!important;
	max-width: 100%;
}
.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 36px!important;
	user-select: none;
	-webkit-user-select: none
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 34px!important;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 26px!important;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
	background-color: #527952!important;
	color: white
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 36px!important;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
	height: 34px!important;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: #666
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder:before { 
    font-family: fontAwesome; 
	content:'\f002  '; 
	/*color: #69f;*/
	color: #5897fb; 
}
.select2-container--classic .select2-search--dropdown .select2-search__field {

}


.select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: #999
}
.select2-dropdown {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 9991!important;
}

/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width:0\0) { 
    .notIE label:after
    {
        display:none!important;
    }
}

/*------------------------------*/
/*  Datatable styles           */
/*------------------------------*/

.dataTable thead, #no-more-tables thead {
     border: 1px solid #0e6640;
}
.dataTable th, #no-more-tables th {
     background: #0e6640;
     color: #fff;
}

.dataTable tr.group, #no-more-tables tr.group {
padding: 6px 0!important;
font-weight: bold;
background-color: #99b3ff!important;
}



/*------------------------------*/



h2.subtitle {
	margin-top: -18px;
	margin-bottom: 20px;
	margin: -18px 0 20px 0!important;
	padding: 0;
	color: #666;
	font-weight: normal!important;
	font-size: 24px;
	line-height: 1.4;
	/*padding-right: 40px;*/
}

.service_change_date {
	
}

.footer-trigger {
	display: block;
	width: 100%;
	background: #383421;
	color: #fff!important;
	text-align: center;
	padding: 10px;
	cursor: pointer;
    border: none!important;
}
.footer-trigger:hover, .footer-trigger:focus {
	background: #000;
}


/*===============================================*/
/* ALERTS */
/*===============================================*/
#alert_buttons {
	background-color: transparent;
	/*float: right;*/
	width: 36px;
	height: 36px;
	overflow: hidden;
	position: absolute;
	top: -50px;
	right: 20px;
	z-index:1000;
	/*margin-top: -84px;*/
}
#alert_buttons > div {
	/*display: block;
	background: blue;*/
	width: 100%;
	height: 100%;
}
#alert_buttons > div a {
	/*background: url(http://metro.kingcounty.gov/images/icons/alert_icon_red_40.png);
	background-size: 36px 36px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	display: none!important;
	display: block;*/
}
#alert_buttons > div a.on {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/alert_icon_white_36.png");
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: red;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	text-indent: -9000px;
	
}
#alert_buttons > div a.off {
	display: none!important;
}
/*#alert_buttons > div a.on {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: yellow;
}*/



/* ALERT ICON */

.alert-icon {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/alert_icon_white_36.png");
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: red;
	width: 36px;
	height: 36px;
	overflow: hidden;
	position: absolute;
	/*
	top: -4.5em;
	margin-top: -50px;*/
	top: -65px;
	right: 20px;
	z-index:500;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	text-indent: -9000px;
	display: none;
}
.alert-icon.active {
	display: block;
}
.alert-icon a {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	
}

.alert.alert-danger, .alert.alert-error, .alert-message.alert-danger, .alert-message.alert-error {
  background-color: #c43c35;
  border: 1px solid #932d27;
  text-align: center;
}
.alert.alert-danger h3, .alert.alert-error h3, .alert-message.alert-danger h3, .alert-message.alert-error h3,
.alert.alert-danger p, .alert.alert-error p, .alert-message.alert-danger p, .alert-message.alert-error p,
.alert.alert-danger a, .alert.alert-error a, .alert-message.alert-danger a, .alert-message.alert-error a {
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
}

.alert.alert-warning, .alert.alert-error, .alert-message.alert-warning, .alert-message.alert-error {
  background-color: #fff8c4;
  border: 1px solid #f7deae;
  text-align: center;
}
.alert.alert-warning h3, .alert.alert-error h3, .alert-message.alert-warning h3, .alert-message.alert-error h3,
.alert.alert-warning p, .alert.alert-error p, .alert-message.alert-warning p, .alert-message.alert-error p,
.alert.alert-warning a, .alert.alert-error a, .alert-message.alert-warning a, .alert-message.alert-error a {
	color: #333;
	margin: 0 0 10px 0;
	padding: 0;
}

.alert.alert-success, .alert.alert-error, .alert-message.alert-success, .alert-message.alert-error {
  background-color: #159f63;
  border: 1px solid #4e984e;
  text-align: center;
}
.alert.alert-success h3, .alert.alert-error h3, .alert-message.alert-success h3, .alert-message.alert-error h3,
.alert.alert-success p, .alert.alert-error p, .alert-message.alert-success p, .alert-message.alert-error p,
.alert.alert-success a, .alert.alert-error a, .alert-message.alert-success a, .alert-message.alert-error a {
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
}

.alert.alert-info, .alert.alert-error, .alert-message.alert-info, .alert-message.alert-error {
  background-color: #31b0d5;
  border: 1px solid #2b99ba;
  text-align: center;
}
.alert.alert-info h3, .alert.alert-error h3, .alert-message.alert-info h3, .alert-message.alert-error h3,
.alert.alert-info p, .alert.alert-error p, .alert-message.alert-info p, .alert-message.alert-error p,
.alert.alert-info a, .alert.alert-error a, .alert-message.alert-info a, .alert-message.alert-error a {
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
}

.alert a {
	color: #ff6!important;
	border-color: #ff6!important;
}
.alert.alert-warning a, .alert-message.alert-warning a {
	color: #ad6c20!important;
	border-color: #ad6c20!important;
}
.alert a:hover {
	color: #fff!important;
	border-bottom: 1px solid #fff!important;
}
.alert p:last-child, .alert-message p:last-child {
	margin: 0;
}
.alert.alert-warning a:hover, .alert-message.alert-warning a:hover {
	color: #333!important;
	border-bottom: 1px solid #333!important;
}

#advisory-modal .modal-content {
  background-color: #fff8c4!important;
}
#advisory-modal .modal-body, #advisory-modal .modal-footer {
  background-color: none!important;
}

/*
.alert-icon {
	position: absolute;
	right: 0;
	top: -60px;
}
.alert-icon a {
	background: url("http://metro.kingcounty.gov/sitecore/images/alert_icon2.jpg") no-repeat;
	display: block;
	width: 100%;
	text-indent: -9000px;
	text-decoration: none!important;
	width: 88px;
	height: 32px;
	border: none!important;
}
*/

#advisory.alert {
    padding: 0!important;
}
.alert .panel-heading, .panel-body {
    position: relative;
}
.alert .panel-heading {
    background: #ff0000;
    padding: 6px 12px;
    text-align: left;
}
.alert .panel-body {
    padding: 24px 14px;
    text-align: center;
    overflow: hidden;  
}
.alert .panel-heading .panel-title {
    color: #fff!important;
    font-size: 1.1em!important; 
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}
.alert-dismissable, .alert-dismissible {
	padding-right: 16px!important;
        /*text-align: left!important;*/
}
.alert-dismissable h3, .alert-dismissible h3 {
    padding: 0!important;
    margin: 0!important;
    text-align: center!important;
    font-weight: normal!important;
    background: red;
}
.alert-dismissable .close,.alert-dismissible .close {
    /*position:absolute!important;*/
    top:-20px!important;
    right: -17px!important;
/*background: blue!important;*/
width: 32px!important;
height: 32px!important;

padding: 0!important;
}
.alert .panel-heading .close{
    position: absolute;
    right: 4px;
    top: 0px;
    height: 32px!important;
    width: 32px!important;
    color: #fff;
    font-size: 32px;
    line-height: 32px!important;
    opacity: .7;
    filter:alpha(opacity=70);
}
.alert .panel-heading .close:hover{
    color: #fff;
    opacity: 1;
    filter:alpha(opacity=100);
}
.alert .panel-body  {
    position: relative;
    width: 100%;
    display: block;
    margin: 0;
    padding-bottom: 0;
    text-align: left;
    /*background: green; */   
}
.alert-warning .advisory-content hr {
    border-top-color: #f7e1b5;
}

.alert .panel-body h3 {
    font-size: 18px;
    /*max-width: 540px;*/
    margin-left: auto;
    margin-right: auto;
}
.alert .panel-body h3 a, .alert-inner .small a {
    border-bottom: 1px solid #fff8c4!important;
}
.alert .panel-body  h3 .fa {
    float: left;
    margin-left: -26px;
    margin-top: 4px;
    font-size: 16px;
    color: #d6c547!important;
}
.alert .panel-body h3 a:hover, .alert .panel-body .small a:hover {
    border-bottom: 1px solid #000;
}
        
.alert .panel-body h3, .alert .panel-body .advisory-dates, .alert .panel-body .small {
    /*max-width: 540px;*/
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.alert .panel-footer {
    background: none;
    border: none;
    padding-top: 0;
}
.alert .panel-footer a.btn {
    padding: 6px;
}
.alert a.btn {
    display:inline-block;
	margin-bottom:0;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background-image:none;
	border:1px solid transparent;
	white-space:nowrap;
	padding:6px 12px;
	font-size: 11px;
        text-transform: uppercase;
        line-height:1.42857143;
	border-radius:4px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
text-decoration: none;
}
.alert a.btn-info {
	color:#000!important;
	background-color:#fff8c4!important;
	border: 1px solid #bad4d1!important;
}
.alert a.btn-info:hover, .alert a.btn-info:focus, .alert a.btn-info:active {
	background-color: #f2f2f3!important;;
        border: 1px solid #b3b5b4!important;
}
@media only screen and (max-width: 767px) {
.alert .panel-body h3, .alert .panel-body .advisory-dates, .alert .panel-body .small {
    max-width: 90%;
}
.alert .panel-body h3 {
    font-size: 1.3em!important;
}
.alert .panel-body h3 .fa {
    margin-top: 5px;
}
}
@media only screen and (max-width: 640px) {
.alert .panel-body h3 {
    font-size: 1.3em!important;
}
.alert .panel-body h3 .fa {
    display: none;
}
}

.adverse-weather-message div {
    display:block;
    clear:both;
    margin-bottom: 20px;
}

/*===============================================*/
/* end of ALERTS */
/*===============================================*/


/*===============================================*/
/* start of NIGHT OWL                            */
/*===============================================*/
.night-owl a {
	background-image: url("http://kingcounty.gov//~/media/depts/transportation/metro/images/icons/night_owl_icon_36x36.png");
	background-size: 36px 36px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-indent: -9000px;
}
.night-owl2 a {
	background-image: url("http://kingcounty.gov//~/media/depts/transportation/metro/images/icons/night_owl_icon2_36x36.png");
	background-size: 36px 36px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-indent: -9000px;
}
.night-owl2 a:hover {
	background-image: url("http://kingcounty.gov//~/media/depts/transportation/metro/images/icons/night_owl_icon2_hover_36x36.png");
}
/*===============================================*/
/* end of NIGHT OWL                            */
/*===============================================*/

.change_direction {
	height: 26px;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	/*background: blue;*/
}
.change_direction a {
	display: inline-block;
	margin: 6px 0 12px 0;
	padding: 0 0 0 26px;
	background: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/change_direction6_east_west.png") no-repeat;
	border: none!important;
	cursor: pointer;
}

.options_link {
	margin: -30px 0 12px 0;
	float: right;
	vertical-align: top;
	color: #159f63!important;
	cursor: pointer;
}
.options_content {
	display: none;
}

.indicate_notes, .indicate_notes > li {
	list-style: none;
}
.indicate_notes li li {
	list-style-type: disc;
}
.indicate_notes {
	margin-left: -38px!important;
}
.indicate_notes li, .special_info li {
	margin-bottom: 6px;
}




/* RESPONSIVE SCHEDULE TABLES */
.CSVTable {
	border-bottom: none;
}
.table, .row-schedule {
    position: relative;
}
.table, .row-schedule, .schedule_subhead {
	min-height: 0px;
}
h3.schedule_subhead, h3.schedule_subhead1, h3.schedule_subhead2 {
	font-size: 16px!important;
	font-weight: bold;
	margin: 0 0 12px 0;
}
.loading_bg, .map_loading_bg {
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #ebf0f4;
	background: #fff;
	z-index: 9980;
	text-align: center;
}
.loading_bg {
	display: none;
}
.loading_icon {
	width: 85px;
	height: 85px;
	margin: 20px auto;
	padding: 54px 0 12px;
	background-color: rgba(0, 0, 0, 1);
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/loading/ajax-loading.gif");
	opacity: 0.7;
	background-position: 50% 15%;
	background-repeat: no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 10000;
	color: #fff;
	font-size: 14px;
}

.CSVTable caption {
	font-size: 1.2em;
	color: #333;
	min-width: 100%;
}

/*#morning, #afternoon, 
#morning_schedule, #morning_schedule1, #morning_schedule2, 
#afternoon_schedule, #afternoon_schedule1, #afternoon_schedule2  {
	border-collapse:collapse!important;
}*/

#morning caption, #afternoon caption, 
#morning_schedule caption, #morning_schedule1 caption, #morning_schedule1 caption, #afternoon_schedule caption, #afternoon_schedule1 caption, #afternoon_schedule2 caption  {
	font-weight: bold;
	border-collapse:collapse!important;
	width: 100%!important;
	/*white-space: nowrap!important;*/
}
table.rt {
    min-width: 600px;
}
.table {
    /*border-bottom: 1px solid #e8e8e8;
    margin: 20px 0;*/
	margin:0;
	padding:0;
}
/*.table th {
    background-color: #0e6640;
}*/
.table th a {
    color: #ffc!important;
}

.CSVTable {
    border: 1px solid #e8e8e8;
    border-collapse: collapse;
    font-size: 12px;
    /*margin-top: 2em;*/
    table-layout: fixed;
    text-align: left;
    width: 100%;
}
.row-schedule table {
	/*font-size: 11px;*/
}
.CSVTable tr.active {
    background: #004078 none repeat scroll 0 0 !important;
    position: relative;
    z-index: 1;
}
.CSVTable tr.active td {
    border-bottom: medium none;
    border-top: medium none;
    color: white;
}
.CSVTable tr:nth-child(2n+1) {
    background-color: #fff;
}
.CSVTable tr:nth-child(2n) {
    background-color: #f2f6fa;
	background-color: #f7f7f7;
}
.CSVTable td {
    border-right: 1px dashed #e8e8e8;
    color: #002240;
    font-size: 1.3em;
    /*padding: 10px 12px;
	padding: 10px 8px;*/
	padding: 6px 8px 8px;
	
}
.CSVTable td i {
    background: orange none repeat scroll 0 0;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    font-size: 0.8em;
    font-weight: bold;
    height: 15px;
    line-height: 0.8em;
    margin-left: -10px;
    margin-right: 10px;
    padding: 0 5px 0 4px;
}
#schedule_container {
	position: relative;
	min-height: 100px;
/*	margin: 0;
	background: red;*/
}
#schedule_container table {
/*	margin: 0!important;
	background: yellow;*/
}
#schedule_container table td {
	font-size: 1.2em;
}
/*#schedule_container table tr, #schedule_container table col {
    transition: all .3s;
  }
#schedule_container table tbody tr:hover {
    background-color: rgba(0,140,203,.2);
  }
#schedule_container table col.hover {
    background-color: rgba(0,140,203,.2);
  }*/


.highlight {
	background-color: #ffc!important;
}
.route_notes, .indicates, .indicate_symbol {
    display: inline-block!important;
    /*background: #3399ff none repeat scroll 0 0;*/
    background: #0191c2;
    border-radius: 4px;
    color: white;
    /*cursor: pointer;*/
    font-size: 0.85em;
    font-weight: bold;
    height: 16px;
    min-width: 16px;
	width: auto;
    line-height: 16px;
    margin-left: 0px;
    margin-right: 4px;
    padding: 0 4px 0 4px;
    text-align: center;
}
td .route_notes:first-child {
	clear: left!important;
}
.CSVTable td .route_notes:first-child :before {
    
}
.CSVTable td .route_notes {
    float: left;
}

.CSVTable td .route_notes_asterisk {
    padding-top: 2px;
	clear: right!important;
    /*padding-left: 5px;*/
}
.CSVTable td .route_notes:last-child {
    margin-right: 0;
}
.CSVTable tr.odd {
    background-color: #fff;
}
.CSVTable tr.even {
    background-color: #f2f6fa;
}
.CSVTable th {
    background: #002240 none repeat scroll 0 0;
    background: #159f63; /* Medium Green */
	background: #0e6640; /* Dark Green */
    /*border-color: #002240 #e8e8e8 #fff #002240;*/
    /*border-color: #0e6640 #e8e8e8 #fff #0e6640;*/
    border-color: #159f63 #e8e8e8 #fff #159f63; /* Medium Green border top & left */
    border-color: #0e6640 #e8e8e8 #fff #0e6640; /* Dark Green border top & left */
	border-style: solid;
    border-width: 1px;
    /*border-top: 6px solid #000;*/
    color: white;
    font-size: 13px;
    font-weight: normal;
    padding: 12px 8px;
    text-transform: uppercase;
}
.CSVTable th.route-via, th.continue-as {
    background: #004078 none repeat scroll 0 0;
}
.CSVTable th.large {
    width: 120px;
}
.CSVTable th:last-child {
    border-right: medium none;
}
#schedule_container .CSVTable th {
	font-size: .95em;
	font-size: 1em;
	padding: 8px;
}
/*table.fares-table td {
    padding: 8px;
	
}*/
.addon-row .notes {
	margin-top: -20px;
}
.notes .divider {
	margin-bottom: 10px;
}

/*@media only screen and (min-width: 1042px) {*/
 /*row/column highlight*/ 
/*.CSVTable tbody tr:hover {
  background-color: #d6e7f7;
  background-color: #51f2a1;
  background-color: #ffa;   
}*/
.CSVTable td {
    /*border-right: 1px solid #e8e8e8!important;*/
	border-color: #d6dfde;
	border-left: none;
	border-right: none;
}
.CSVTable td:hover {
	/*border-right: 1px solid #9ec4f2!important;
	border-left: 1px solid #c1c5c1!important;
	border-right: 1px solid #c1c5c1!important;*/
}
.CSVTable td:last-child {
    /*border-right: none!important;*/
}



/* Table Hover Effects */
.hovertable {
}
.hovertable thead {
}
.hovertable th {
}
.hovertable td {
}
.hovertable colgroup {
	background: #d6e7f7;
}
.hovertable td.columnHead, .hovertable tr.rowHover, .hovertable td.columnHover {
	background: #d6e7f7;
}
.hovertable td.columnHover {
	/*border-color: #b4b8b4;
	border-color: #c1c5c1!important;
	border-bottom-color: #c1c5c1!important;*/
	border-bottom-color: #b4b8b4!important;
	
    
	
}
.hovertable tr.rowHover td.columnHead, .hovertable td.hover {
	background: #c0d7ed;
	background: #ffa;
	background: #5ad7a4;
	background: #109e63;
	background: #f7e7a5;
	background: #b5d3f7;
}
.hovertable td.hover {
	/*border-right: 1px solid #b4b8b4!important;
	border-left: 1px solid #b4b8b4!important;
	border-right: 1px solid #9ec4f2!important;
	border-left: 1px solid #c1c5c1!important;*/
}
/*}*/

/*table.CSVTable {
  overflow: hidden;
}
table.CSVTable td {
    border-right: 1px solid #e8e8e8;
}
table.CSVTable td:last-child {
    border-right: none;
}
.CSVTable tr:hover {
  background-color: #d6e7f7;
  background-color: #51f2a1;
  background-color: #ffa;   
}
.CSVTable td, .CSVTable th {
  position: relative;
}
.CSVTable td:hover::after,
.CSVTable th:hover::after {
  content: "";
  position: absolute;
  background-color: #d6e7f7;
  background-color: #ffa;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}
}*/

/*.filter_wrapper {
    display: block;
	background: #ccc;
	overflow: hidden;
}*/


@media screen {
.cf::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
* html .cf {
}
:first-child + html .cf {
}
.horizontalTable {
    display: block;
    position: relative;
    width: 100%;
}
.horizontalTable table {
    min-width: inherit !important;
}
.horizontalTable thead, thead.horizontal {
    display: block;
    float: left;
    position: relative;
    z-index: 1;
}
.horizontalTable tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.horizontalTable thead tr, thead.horizontal tr {
    display: block;
}
.horizontalTable th, thead.horizontal th {
    /*border-bottom: 1px solid #0058a6;*/
    border-bottom: 1px solid #45e6a1;
    border-right: medium none;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
    display: block;
    max-width: 180px;
	min-height: 48px;
}
.horizontalTable th:last-child, thead.horizontal th:last-child {
    border-bottom: medium none;
}
.horizontalTable thead tr th.large, thead.horizontal tr th.large, .horizontalTable thead tr th, thead.horizontal tr th {
    width: 120px;
}
thead.horizontal {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}
.horizontalTable tbody tr {
    display: inline-block;
    vertical-align: top;
}
.horizontalTable tbody tr.active td {
    border-right: medium none;
    border-top: 1px solid #002a4f;
}
.horizontalTable tbody tr:first-child {
    margin-left: 0;

}
.horizontalTable td {
    border-top: 1px solid #eee;
    box-sizing: border-box;
    display: block;
    min-height: 48px;
    padding: 10px 15px;
	padding: 10px 4px 10px 8px;
    position: relative;
    width: 90px;
}
.horizontalTable td i {
    font-size: 0.7em;
    height: 15px;
    line-height: 15px;
    padding: 0 4px;
    position: absolute;
    right: 0;
    top: 5px;
}

}
@media only screen and (max-width: 1200px) {

/*.loading_box {
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 100500;
	background: red;
	text-align: center;
	line-height:inherit;
	color: #fff;
	font-size: 30px;
}*/



table.responsive {
    border: medium none;
    margin-bottom: 0;
    margin-top: 0;
    table-layout: auto;
}
.pinned table thead tr th:not(:first-child) {
    display: none;
}
.pinned table tbody tr td:not(:first-child) {
    display: none;
}
.pinned {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    left: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: absolute;
    top: 0;
    width: 35%;
}
.pinned table {
    border: medium none;
    margin-top: 0;
    width: 100%;
}
.pinned table td {
    border-right: medium none;
}
.pinned table th, .pinned table td {
    white-space: nowrap;
}
.pinned td:last-child {
    border-bottom: 0 none;
}
div.table-wrapper {
    border-right: 1px solid #ccc;
    margin-bottom: 0;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
}
div.table-wrapper div.scrollable {
    margin-left: 35%;
}
div.table-wrapper div.scrollable {
    overflow-x: scroll;
    overflow-y: hidden;
}
table.responsive td, table.responsive th {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    display: none;
}
}



/* Lists */
ul.nobullet, ul.nobullet li, li.nobullet {
	list-style: none!important;
	margin-left:0!important;
	padding: 0!important;
	line-height:1.5!important;
}
ul.nobullet {
	margin-bottom: 20px;
}
ul.nobullet li {
	padding-left: 8px!important;
}
ul.nobullet li .fa {
	margin-right: 10px;
}
ul li.large.emphasis {
	font-weight: bold!important;
	font-size: 135%;
}
ul.medium li {
	font-size: 110%;
}
.col-md-6 ul.narrow-margin, ul.narrow-margin {
	margin: 0;
	padding: 0;
}
.col-md-6 ul.narrow-margin li, ul.narrow-margin li {
	margin-left: 12px;
}
ul.more-leading li, ol.more-leading li {
	margin-bottom: 10px!important;
}
ul.more-leading li ul {
	margin-top: 10px!important;
}
ul.lined-list, ul.lined-list li {
   list-style: none;
   margin: 0;
   padding: 0;
}
ul.lined-list li {
   margin: 0 0 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #fff;
}
ul.lined-list.grey li {
   border-bottom: 1px solid #ccc!important;
}
ol.alpha_list li, ol.alpha_list ol li,
ol.alpha-list li, ol.alpha-list ol li { 
   list-style-type: lower-alpha!important; 
}

/* route list with route number in a grey circle (RapidRide in red circle) */
.route-list-item {
	display: block;
	clear: both;
	position: relative;
    margin: 0 0 20px 0;
	overflow: hidden;
	min-height: 2em;
}
.route-list-item a {
	text-decoration: none!important;
	border: none!important;
	display: block;
	min-height: 2em;
}
.route-list-item span.route-number-dot-list {
  background: #ccc;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  color: #333;
  /*display: inline-block;*/
  font-weight: bold;
  line-height: 2em;
  text-align: center;
  width: 2em;
  position: absolute;
  left: 0;
	top: 0px;
}
.route-list-item span.route-number-square-list {
  background: #1c4982;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
  /*display: inline-block;*/
  font-weight: bold;
  line-height: 1.6em;
  text-align: center;
  width: 2.2em;
  position: absolute;
  left: 0;
	top: 0px;
}



.route-list-item span.route-number-dot-list.rapidride {
  background: red;
  color: #fff;
}
.route-list-item span.route-number-dot-list, span.destination {
  vertical-align: top;
  display: inline;
}
.route-list-item span.destination {
  margin: 0 0 0 2.8em;
display: inline-block;
}

/* List from <p> tags */
p.list {
     list-style:disc outside none;
     display:list-item;
	 margin-left: 20px;
     }
/* end of lists */




#schedule_wrapper {
	position: relative;
}

#schedule_wrapper h3 {
    font-size: 24px;
    margin-top: -4px
}
#schedule_wrapper h3 span {
    display: block;
    clear: both;
    font-size: 16px;
    color: #333;
}
#schedule_wrapper .text p {
    font-size: 1.1em;
    line-height: 1.5;
    margin: 0 0 14px 0;
}
#schedule_wrapper .text .small {
    font-size: 0.95em!important;
    line-height: 1.4;
    color: #333;
    margin: 12px 0;
}
.subtitle .weekday_dest, .subtitle .weekend_dest, 
.schedule_subhead .weekday_dest, .schedule_subhead .weekend_dest {
	display: inline!important;
}
.subtitle.weekday .weekend_dest, 
.subtitle.saturday .weekday_dest,
.subtitle.sunday .weekday_dest,
.schedule_subhead.weekday .weekend_dest, 
.schedule_subhead.saturday .weekday_dest,
.schedule_subhead.sunday .weekday_dest {
	display: none!important;
}
#map_container {
	margin: 0;
}
/*#route-map {
	text-align: center;
}*/
#route-map a.route-map-url {
	text-align: left;
	display: block;
	text-decoration: none;
	border: none!important;
}
#route-map img {
	display:  block;
}
#route-map .notes {
	display: none; 
}
.row.notes h3 {
	font-size: 22px!important;
}
.schedule_more_button {
	position: absolute; 
	right: 0; 
	top: -33px;
	top: 6px;
}
.route_more_button {
	position: absolute;
	top: .75em; 
	right: .4em;
}
.btn-more {
    color: #fff;
    /*background-color: #5bc0de;*/
	background-color: #0191c2;
    border-color: #46b8da;
}

.btn-more.focus,.btn-more:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
}

.btn-more:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-more.active,.btn-more:active,.open>.dropdown-toggle.btn-more {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.btn-more.active.focus,.btn-more.active:focus,.btn-more.active:hover,.btn-more:active.focus,.btn-more:active:focus,.btn-more:active:hover,.open>.dropdown-toggle.btn-more.focus,.open>.dropdown-toggle.btn-more:focus,.open>.dropdown-toggle.btn-more:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}
.related-routes, .related-routes li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.related-routes li {
	display: inline-block;
	margin: 0 8px 8px 0!important;
}
.related-routes.dart-routes li {
	margin: 0 8px 8px 0!important;
	/* Firefox */
	width: -moz-calc(33.33% - 8px)!important;
	/* WebKit */
	width: -webkit-calc(33.33% - 8px!important);
	/* Standard */
	width: calc(33.33% - 8px)!important;
}
.related-routes.dart-routes li:nth-child(3),
.related-routes.dart-routes li:nth-child(6),
.related-routes.dart-routes li:nth-child(9),
.related-routes.dart-routes li:nth-child(12),
.related-routes.dart-routes li:nth-child(15) {
	margin-right: 0!important;
}
.related-routes.dart-routes .btn-route-bus {
	padding-left: 4px!important;
	padding-right: 4px!important;
	font-size: 90%!important;
	width: 100%!important;

}
.btn-route, .btn-route-bus {
	/*margin-right: 8px;
	margin-bottom: 8px;*/
}
img.responsive.map {
	display: none;
}
/*#schedule_wrapper img {
    margin-bottom: 10px;
}*/
.js .filter_buttons input[type="radio"], .filter_buttons input[type="radio"].js, .js #advisory {
    display: none;
}
.filter_buttons {
    /*margin-top: -10px;
	background: red;*/
}
/*.filter_button label.js {
	width: calc(25% - 12px);
}*/
.filter_buttons label.js {
    min-width: 24.28%;
	min-width: 10em;
	text-align: center;
	display: block;
    float: left;
    margin: 0 8px 30px 0;
    border: 1px solid #ccc;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	vertical-align: top;
}
.filter_buttons label.js:hover {
    background-color: #f2f2f3;
    border: 1px solid #b3b5b4;
    color: #000;
}
.filter_buttons label.js.active {
    color: #fff;
    background-color: #159f63;
    border: 1px solid #159f63;
}
.filter_buttons label.js:last-child{
    margin-right: 0!important;
	/*background: yellow;*/
}
.filter_button{ display: none; }


.nav-pills {
	
}
.nav-pills li {
	margin: 0 4px 20px 0!important;
	min-width: 5em;
}
.nav-pills li a {
	padding: 3px 12px;
	background-color: #fff;
	border: 1px solid #ccc;
    text-transform: uppercase;
	font-size: 11px;
	text-align: center;
}
.nav-pills li.last a {
	margin-right: 0!important;
}


.nav-pills .dropdown-menu li {
	margin: 0!important;
}
.nav-pills .dropdown-menu li a {
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	text-transform: none;
}
#schedule_container .tab-pane {
	border: none;
	padding: 0;
	margin: 0;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	color: #fff;
	background-color: #159f63!important; /* Medium Green */
    border: 1px solid #159f63!important; /* Medium Green */
	background-color: #0e6640!important; /* Dark Green */
	border: 1px solid #0e6640!important; /* Dark Green */
}

/*@media only screen and (max-width: 767px) {.filter_buttons label.js { min-width: 23.9%; } }*/
@media only screen and (max-width: 736px) {.filter_buttons label.js, .nav-pills li { min-width: 23.9%; } }
@media only screen and (max-width: 584px) {.filter_buttons label.js, .nav-pills li { min-width: 23.69%; } }
/*@media only screen and (max-width: 568px) {.filter_buttons label.js { min-width: 23.7%; } }*/
@media only screen and (max-width: 496px) {.filter_buttons label.js, .nav-pills li { min-width: 23.56%; } }
@media only screen and (max-width: 456px) {.filter_buttons label.js, .nav-pills li { min-width: 23.5%; } }
@media only screen and (max-width: 439px) {.filter_buttons label.js, .nav-pills li { min-width: 23.47%; } }
@media only screen and (max-width: 431px) {.filter_buttons label.js, .nav-pills li { min-width: 23.4%; } }
/*@media only screen and (max-width: 375px) {.filter_buttons label.js { min-width: 23.8%; } }*/
@media only screen and (max-width: 360px) {.filter_buttons label.js, .nav-pills li { min-width: 24%; } }
@media only screen and (max-width: 320px) {.filter_buttons label.js, .nav-pills li { min-width: 23.1%; } }




@media only screen and (max-width: 1024px) {
#schedule_wrapper > div {
    display: block;
}
.change_direction {
	height: 26px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	/*background: red;*/
}
.change_direction a {
	display: inline-block;
	margin: 6px 0 0 0;
	padding: 0 0 0 26px;
	background: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/change_direction6_north_south.png") no-repeat;
	border: none!important;
	cursor: pointer;
}

}
@media only screen and (max-width: 1041px) {
}
@media only screen and (max-width: 802px) {
}



@media only screen and (max-width: 767px) {
.mobile-table-instruction {
	display: block!important;
	padding: 6px!important;
	margin-bottom: 0!important;
	-webkit-border-bottom-right-radius: 0px!important;
	-webkit-border-bottom-left-radius: 0px!important;
	-moz-border-radius-bottomright: 0px!important;
	-moz-border-radius-bottomleft: 0px!important;
	border-bottom-right-radius: 0px!important;
	border-bottom-left-radius: 0px!important;
}	
.nav-pills li {
	margin: 0 2px 20px 0!important;
}
.nav-pills li a {
	padding: 6px .549em!important;
}



.alert-icon {
	top: -45px;
	/*background-color: green;*/
}

#map img {
    padding: 0 20px 20px;
}
/*.row-schedule {
    margin-left: -20px;
    margin-right: -20px;
}*/

/*.row-schedule:before, .row-schedule:after {
    content: " ";
    display: table;
}
.row-schedule:after {
    content: " ";
    display: table;
}
.row-schedule h3 {
    margin-left: 20px;
    margin-right: 20px;
}
.js .table { display: none; }*/
.js .CSVTable { display: block; }
.js .table.table-fares { display: block; width: 100%; }

h1 { 
    font-size: 28px!important;
}
h2.subtitle {
	/*margin-bottom: 24px!important;
	background: blue;
	margin:0!important;*/
}
h3 { 
    font-size: 22px!important;
}
#wheretobuy table.fares-table {
    margin-top: 10px !important;
}
.change_direction {
	height: 20px;
	line-height: 20px;
	font-size: 14px!important;
}
.change_direction a {
	margin: 6px 0 0 -20px;
}
.schedule_more_button {
	top: -27px;
	top: 8px;
}
#schedule_container table th {
	font-size: 1.1em;
}

/*.filter_buttons label.js {
    background: red;
	min-width:23.3%;
}*/

}

@media only screen and (max-width: 463px) {
/*.filter_buttons label.js {
    min-width:23%;
}*/
.alert-icon {
	/*background-color: blue;*/
}

}

@media only screen and (min-width:361px) and (max-width: 431px) {
.filter_buttons label.js {
    /*min-width:23%;*/
	padding: 5px 10px;
    margin: 0 5px 30px 0;
}

}

@media only screen and (max-width: 360px) {
.filter_buttons label.js {
    /*min-width:22%;*/
	display: inline-block;
    padding: 4px 6px;
    width: auto;
    text-align: center;
    margin: 0 4px 30px 0;
}
.filter_buttons label.js:last-child{
    /*margin: 0 0 20px 0;*/
}
h2.subtitle {
	/*margin-bottom: 24px!important;
	background: blue;*/
	margin:-18px 0 20px!important;
}
}




table tr:nth-child(2n) {
    background-color: #ebf0f4;
}

	.table td {
		border-bottom: 1px solid #d4d9dd;
		border-right: none;
		border-top: none;
	}
	.table th {
		text-transform:none;
		padding: 12px 12px;
		vertical-align: text-top;
	}
	.table th a {
		padding: 12px 14px;
		display: block;
	}
	.evening {
		font-weight: bold;
	}

/* END RESPONSIVE SCHEDULE TABLES */


/*.direction_head {
	margin-left: 44px;
	margin-bottom: 0;
}
.change_direction {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 10px 0 0;
	padding: 0;
	background: url("http://metro.kingcounty.gov/sitecore/images/change_direction3.png") no-repeat;
}
.change_direction a {
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-indent: -9000px;
	border: none!important;
	text-decoration: none;
	float: left;
}*/
	
.clear {
	clear: both;
	display: block;
}
.noborder { border:none!important; }
div#social_nav_wrapper ul.social_nav li.facebook a {
	background-image:url(/images/icons/social/facebook_32_normal.png)
}
div#social_nav_wrapper ul.social_nav li.facebook a:hover {
	background-image:url(/images/icons/social/facebook_32_hot.png)
}
div#social_nav_wrapper ul.social_nav li.twitter a {
	background-image:url(/images/icons/social/twitter_32_normal.png)
}
div#social_nav_wrapper ul.social_nav li.twitter a:hover {
	background-image:url(/images/icons/social/twitter_32_hot.png)
}
div#social_nav_wrapper ul.social_nav li.delicious a {
	background-image:url(/images/icons/social/delicious_32_normal.png)
}
div#social_nav_wrapper ul.social_nav li.delicious a:hover {
	background-image:url(/images/icons/social/delicious_32_hot.png)
}
div#social_nav_wrapper ul.social_nav li.rss_feeds a {
	background-image:url(/images/icons/social/rss_32_normal.png)
}
div#social_nav_wrapper ul.social_nav li.rss_feeds a:hover {
	background-image:url(/images/icons/social/rss_32_hot.png)
}
div#social_nav_wrapper ul.social_nav li.wordpress a {
	background-image:url(/images/icons/social/wordpress_32_normal.png)
}
div#social_nav_wrapper ul.social_nav li.wordpress a:hover {
	background-image:url(/images/icons/social/wordpress_32_hot.png)
}
div#social_nav_wrapper ul.social_nav li.youtube a {
	background-image:url(/images/icons/social/youtube_32_normal.png)
}
div#social_nav_wrapper ul.social_nav li.youtube a:hover {
	background-image:url(/images/icons/social/youtube_32_hot.png)
}
div#social_nav_wrapper ul.social_nav li.have_a_say a {
	background-image:url(/images/icons/social/have_a_say_32_normal.png)
}
div#social_nav_wrapper ul.social_nav li.have_a_say a:hover {
	background-image:url(/images/icons/social/have_a_say_32_hot.png)
}
div#social_nav_wrapper ul.social_nav3 {
	list-style:none!important;
	width:100%;
	margin:0;
	padding:0
}
div#social_nav_wrapper ul.social_nav3 li a {
	display:block;
	width:25px;
	height:25px;
	cursor:pointer;
	text-indent:-9000px;
	overflow:hidden;
	background-repeat:no-repeat!important;
	background-image:url(/images/icons/social/social_nav_sprite5.png);
	margin:6px 0 0;
	padding:0
}
div#social_nav_wrapper ul.social_nav3 li.facebook a:hover {
	background-position:0 -25px
}
div#social_nav_wrapper ul.social_nav3 li.twitter a {
	background-position:-25px 0
}
div#social_nav_wrapper ul.social_nav3 li.twitter a:hover {
	background-position:-25px -25px
}
div#social_nav_wrapper ul.social_nav3 li.have_a_say a {
	background-position:-50px 0
}
div#social_nav_wrapper ul.social_nav3 li.have_a_say a:hover {
	background-position:-50px -25px
}
div#social_nav_wrapper ul.social_nav3 li.delicious a {
	background-position:-75px 0
}
div#social_nav_wrapper ul.social_nav3 li.delicious a:hover {
	background-position:-75px -25px
}
div#social_nav_wrapper ul.social_nav3 li.rss_feeds a {
	background-position:-100px 0
}
div#social_nav_wrapper ul.social_nav3 li.rss_feeds a:hover {
	background-position:-100px -25px
}
div#social_nav_wrapper ul.social_nav3 li.youtube a {
	background-position:-125px 0
}
div#social_nav_wrapper ul.social_nav3 li.youtube a:hover {
	background-position:-125px -25px
}
div#social_nav_wrapper ul.social_nav3 li.blog a {
	background-position:-150px 0
}
div#social_nav_wrapper ul.social_nav3 li.blog a:hover {
	background-position:-150px -25px
}
div#social_nav_wrapper ul.social_nav3 li.instagram a {
	background-position:-175px 0
}
div#social_nav_wrapper ul.social_nav3 li.instagram a:hover {
	background-position:-175px -25px
}
div#social_nav_wrapper {
	right:106px;
	position:absolute;
	z-index:2000;
	margin:0 0 0 18px;
	padding:0
}
div#social_nav_wrapper ul.social_nav3 li {
	float:left;
	list-style:none!important;
	color:#595855;
	font-style:italic;
	font-size:12px;
	line-height:40px;
	margin:0 6px 0 0;
	padding:0
}
#have_a_say_bridge_link {
	width:91px;
	height:39px;
	position:absolute;
	right:16px;
	top:0;
	background-image:url(/sandbox/bridge/images/have_a_say_footer_link3.png);
	background-position:right top;
	background-repeat:no-repeat;
	z-index:1000
}
.button.follow {
	background-color: #fff;
	padding: 5px 4px;
	line-height:1em;
	color:#606060!important;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	border:solid 1px #b7b7b7;
	-moz-background-clip:padding-box!important;
	-webkit-background-clip:padding-box!important;
	background-clip:padding-box!important;
	width: 120px;
	height: 10px;
	text-align: left;
}
.button.follow:hover {
	background-color: #ededed;
}
.button.follow.facebook {
	background-image: url("/images/icons/social/facebook_14.jpg")!important;
	background-position: 6px 4px!important;
	background-repeat: no-repeat!important;
	padding: 6px 4px 6px 24px !important;
}
.button.follow.twitter {
	background-image: url("/images/icons/social/twitter_14.png");
	background-position: 6px 3px;
	background-repeat: no-repeat;
	padding: 5px 4px 5px 24px !important;
}
.button.follow.instagram {
	background-image: url("/images/icons/social/instagram_14.jpg");
	background-position: 6px 3px;
	background-repeat: no-repeat;
	padding: 5px 4px 5px 24px !important;
}
#have_a_say_bridge_link a {
	display:block;
	text-indent:-9000px;
	width:238px;
	height:74px
}

/*=======================================
	VIDEO SLIDER
========================================*/
/*.home-scroller {
	width: 100%;
	background: red;
}*/
#video-gallery, #scroller1 {
	width: 100%;
	display: none;
}
.videoGallery .rsTmb {
	padding: 20px;
}
.videoGallery .rsThumbs .rsThumb {
	width: 220px!important;
	height: 80px;
	border-bottom: 1px solid #2E2E2E;
}
.videoGallery .rsThumbs {
	width: 220px!important;
	padding: 0;
}
.videoGallery .rsThumb:hover {
	background: #000;
}
.videoGallery .rsThumb.rsNavSelected {
	background-color: #02874A;
	border-bottom:-color #02874A;
}
.sampleBlock, .textBlock {
	left: 14px;
	top: 20px;
	width: 95%;/*background: red;*/
}
.rsVideoContainer {
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
	float:left;
}
.rsABlock h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 6px 0;
	color: #fff;
}
.rsABlock h3 span {
	font-size: 16px;
	clear: both;
	display: block;
}
.rsABlock h2 {
	font-size: 28px !important;
	font-weight: bold;
	margin: 0 0 6px 0;
	color: #ffcc00;
}
.rsABlock p, .rsABlock a {
	color: #fff;
	font-weight: bold !important;
}
.rsABlock.black h3, .rsABlock.black p {
	color: #000 !important;
}
.rsABlock a {
	text-decoration: underline;
}
.rsABlock a.button {
	text-decoration: none !important;
}

/*=======================================
	CONTENT SLIDER
========================================*/
#content-slider-1 {
	width: 100%;
	display: none;
}
#content-slider-1 .rsContainer {
/*background: #eee!important;*/
}
.contentSlider {
	width: 100%;
}
.contentSlider, .contentSlider .rsOverflow, .contentSlider .rsSlide, .contentSlider .rsVideoFrameHolder, .contentSlider .rsThumbs {
	background: #eee!important;
	color: #000;
}
.contentSlider .rsSlide, .contentSlider .rsOverflow {
	background: #eee;
}
.contentSlider h3 {
	font-size: 24px;
	line-height: 31px;
	margin: 0 0 8px;
	font-weight: bold;
}
.contentSlider img {
	max-width: 100%;
	height: auto;
	display: block;
}
.content-slider-bg {
	width: 100%;
	padding: 0 5% 24px;
	background: #eee;
}
/*================================================================
	NEWS FEED
=================================================================*/
.news_feed {
/*background: red;*/
}
.news_feed h4 {
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: .03em;
	background-color: #e4e4e4;
	margin: 0 0 4px;
	padding: 6px;
}
.news_feed ul {
	margin: 12px 0 0 -40px !important;
	list-style: none !important;
}
#rss_feeds .news_feed {
	border: 1px solid #e4e4e4;
	margin: 0 !important;
	padding: 12px 12px 4px 12px;
}
.news_feed li {
	line-height: 1.2;
	margin-bottom: 10px;
	font-size: 11px;
	color: #999;
	margin: 0 0 10px 0 !important;
	padding: 0 0 10px 0 !important;
	border-bottom: 1px dotted #999;
	list-style: none !important;
}
.news_feed li a {
	display: block;
	clear: both;
	font-size: 14px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	margin-bottom: -6px;
	padding: 0;
}
.news_feed li a:hover {
	color: #000;
	text-decoration: underline;
}
#news_link, #commute_news_link {
	text-align:right;
	height: 20px;
}
/*=======================================
	WEATHER
========================================*/
#weather, #weather_related {
	width: 55%;
	/*min-height: 288px;*/
  margin: 0;
	padding: 0 20px 0 0;
	text-align: left;
	border-right: 1px solid #ccc;
	text-transform: uppercase;
	float: none;
	float: left;
	background: red;
}
#weather_related {
	width: 42%;
	text-transform: none;
	padding: 0;
	float: none;
	float: right;
	border: none !important;
	background: yellow;
}
#weather_related li a {
	margin-bottom: 0;
}
#weather h2 {
	margin: 0;
	color: #333;
	font-size: 85px !important;
	font-weight: normal;
	text-align: left;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
	line-height: 1;
}
#weather h2 span {
	clear: both;
	display: block;
	font-size: 13px;
	text-shadow: none;
}
#weather h3 {
	font-size: 18px;
}
#weather p {
	margin: 0;
	padding: 0;
}
#weather ul {
	/*background: #fff;
  background: rgba(255,255,255,0.90);*/
  padding: 0;
	margin: 0!important;
}
#weather li {
	/*display: inline-block;
  border-radius: 5px;*/
  color: #333;
	font-size: 12px;
	margin: 0 10px 0 0;
	padding-right: 12px;
}
#weather li a {
	display: inline-block;
	/*border-radius: 5px;*/
  color: #333;
	font-size: 12px;
	font-weight: normal;
}
#weather .currently {
/*margin: 0 20px;*/
}
#weather_related ul {
	margin-left: 32px!important;
}
#weather_related h3 {
	margin-top: 0 !important;
	margin-left: 1em!important;
	font-size: 16px!important;
	text-transform: capitalize;
}
#weather_related ul, #weather_related li {
	list-style: square!important;
}
#weather_related li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: none;
}
#weather_related li a {
	display: block;
	clear: both;
	font-size: 13px!important;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #5E6984!important;
}
#weather_related li a:hover {
	text-decoration: underline;
	color: #000!important;
}
/*=======================================
	FAN MAIL 'QUOTES' SLIDER
========================================*/
#quotes-slider.rsMinW, #quotes-slider.rsMinW .rsOverflow, #quotes-slider.rsMinW .rsSlide, #quotes-slider.rsMinW .rsVideoFrameHolder, #quotes-slider.rsMinW .rsThumbs {
	background: none !important;
	background: #e2f2ce !important;
	color: #333;
	width: 100%;
}
#quotes-slider.rsMinW {
	margin-right: -10px;
	margin-left: 0;
	border: 0 !important;
}
#quotes-slider .version_b .rsMinW {
	margin-left: 0;
}
#quotes-slider .rsContent {
	background: #e2f2ce;
	background: none;
	margin-bottom: 40px;
	border: 0 !important;
}
/*===============
    Arrows
================*/
#quotes-slider.rsMinW .rsArrowLeft {
	right: 30px;
	bottom: 7px;
}
#quotes-slider.rsMinW .rsArrowRight {
	right: 0px;
	bottom: 7px;
}
/*===============
    Bullets
================*/
.rsMinW .rsBullets {
	position: absolute;
	bottom: 20px;
	right: 73px;
	z-index: 35;
	padding-top: 6px;
	height: auto;
	text-align: center;
	line-height: 8px;
	overflow: hidden;
}
.rsMinW .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
 *display:inline;
 *zoom:1;
	padding: 8px 10px 8px 6px;
}
.rsMinW .rsBullet span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #53623f;
	background: rgba(102,102,102,0.5);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.rsMinW .rsBullet.rsNavSelected span {
	background: #FFF;
}
/*.rsMinW .rsBullet {
	margin: 0 4px 0 0;
}
.rsMinW .rsBullet span {
	width: 8px!important;
	height: 8px!important;
	background: #53623f;
	background: rgba(102,102,102,0.5);
}
img.rsImg {
	max-width: none;
}*/

a.fanmail_link {
	text-decoration: none !important;
}
a.fanmail_link p {
	font-size: 13px !important;
	margin: -20px 0 10px 0;
	padding: 0 0 0;
	display: block;
	text-align: right;/*background: red;*/
}
.fanmail_link a:hover, a.fanmail_link:hover p {
	text-decoration: underline;
	color: #000 !important;
}
/*=======================================
	THE SPEECH BUBBLE
========================================*/
.triangle-border {
	position:relative;
	padding:18px;
	margin:.8em 0 1.3em 0;
	border:5px solid #5a8f00;
	border:5px solid #8cc366;
	color:#333;
	background:#fff;
	background-color:#ededed;
	background-color:#cfe8bd;
	background-color:#e2f2ce;
	/* css3 */
  -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	display: block;
	width: 93%;
}
/* Variant : for left positioned triangle
------------------------------------------ */

.triangle-border.left {
	margin-left:30px;
	margin-left: 0;
}
/* THE TRIANGLE
-------------------------------------------*/

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:38px; /* controls horizontal position */
	border-width:20px 20px 0;
	border-style:solid;
	border-color:#5a8f00 transparent;
	border-color:#8cc366 transparent;
	/* reduce the damage in FF3.0 */
  display:block;
	width:0;
}
/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:45px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
	border-color:#ededed transparent;
	border-color:#cfe8bd transparent;
	border-color:#e2f2ce transparent;
	/* reduce the damage in FF3.0 */
  display:block;
	width:0;
}
.happy_face_green {
	clear: both;
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 0 0 47px;
	background-image: url("/images/icons/happy_face/blue.png");
	background-image: url("/images/icons/happy_face/light_green.png");
	background-position: 0 0;
	background-repeat: no-repeat;/*background-color: red;*/
}
/* QUOTES SLIDER
-------------------------------------------*/
#quotes-slider {
	width: 100%;
	display: none;
}
#quotes-slider blockquote {
	border: none !important;
	margin: 10px 0 0 0!important;
	padding: 0 0 0 36px!important;
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	display: block;
	line-height: 1.45;
	position: relative;
	color: #383838;/*background-color: red;*/
}
#quotes-slider blockquote:before {
	font-family:inherit!important;
	display:inline!important;
	content:""!important;
	float:none!important;
	padding-right:0!important;
	font-size:inherit!important;
	line-height:1;
	color:#d6d5d1;
}
#quotes-slider blockquote {
	background-image: url(http://kingcounty.gov/~/media/transportation/metro/images/quotes.ashx);
	background-position: 0 6px;
	background-repeat: no-repeat;
}
blockquote p, #quotes-slider blockquote p {
	font-size: 18px!important;
	font-family: Georgia, "Times New Roman", Times, serif!important;
	font-style: italic;
	color: #636841;
	line-height: 1.5!important;
	margin: 0!important;
	padding: 0!important;
	background: none!important;
}
cite {
	clear: both;
	display: block;
	text-transform: uppercase;
	font-size: 12px !important;
	line-height: 1.4;
	color: #7a9559 !important;
	margin: 10px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif !important;
	font-style: normal !important;
}
cite:before {
	content: "\2014 \2009";
}
.home .white_box_content {
	height: 185px;
	overflow: hidden;
}
.home div div {
	position: relative;
	padding: 0;
}
.home .caption {
	position: absolute;
	color: #fff;
	z-index: 100;
	left: 0;/*cursor: pointer;*/
}
.home .full_caption {
	width: 100%;
	height: 100%;
	top: -5px;
	text-align: left;
	padding: 0;
}
.home .full_caption h2 {
	line-height: 34px;
	margin: 0;
	padding: 0 10px;
}
.home .full_caption h2 a {
	color: #000 !important;
	display: block;
}
.home .full_caption h3 {
	color: #fff !important;
	margin-bottom: 4px;
	font-size: 14px;
}
.home .full_caption a, .home .full_caption li {
	color: #ddd !important;
}
.home .full_caption li {
	line-height: 1;
}
.home .full_caption ul, .home .full_caption ul li {
	list-style: square !important;
}
.js .home .slide {
	top: 200px;
	position: absolute;
}
.home .slide {
	background-color: #494d83;
	background-color: #066d51;
	opacity: 0.9;
	padding: 10px;
	width: 100%;
	height: 100%;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.home img {
	position: absolute;
	top: 34px;
	bottom: 0;
	height: 151px;
	max-width: 461px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

/*================================
	DIVIDERS
================================*/
hr.divider-hr, 
hr.divider-hr.lt-grey, 
hr.divider-hr.md-grey,
hr.divider-hr.dr-grey {
	border: none; 
	height: 1px; 
	margin: 2em auto;
}
hr.divider-hr.lt-grey {
	color: #eee; 
	background: #eee;
}
hr.divider-hr.md-grey {
	color: #666; 
	background: #666;
}
hr.divider-hr.dk-grey {
	color: #333; 
	background: #333;
}
.vertical_divider {
	padding: 0 0 0 14px;
	margin: 0 14px 0 0;
	border-right: 1px solid #999;
	display: inline-block;
	height: 100%;
}
.divider.fullwidth, .divider.mediumwidth {
	background-repeat:no-repeat;
	background-position:top center;
	height:42px;
	clear:both;
	border:0;
	width:100%
}
.routedivider.mediumwidth {
	background-repeat:no-repeat;
	background-position:50% 52%;
	height:20px;
	clear:both;
	border:0;
	width:100%
}
.divider.smallwidth {
	background-repeat:no-repeat;
	background-position:top center;
	height:28px;
	clear:both;
	border:0;
	width:100%
}
.divider.fullwidth {
	background-image:url("http://kingcounty.gov/~/media/depts/transportation/metro/images/dividers/hr_full_width.png");
}
.divider.mediumwidth, .routedivider.mediumwidth {
	background-image:url("http://kingcounty.gov/~/media/depts/transportation/metro/images/dividers/hr_medium_width.png");
}
.divider.mediumwidth.afterlead {
	margin: -10px 0 20px;
}
.divider.mediumwidth--short {
	margin: 4px 0 10px;
	height:14px;
	background-repeat:no-repeat;
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/dividers/hr_medium_width_short.png");
	background-position:bottom center;
	clear:both;
	border:0;
	width:100%
}

.divider.smallwidth {
	background-image:url("http://kingcounty.gov/~/media/depts/transportation/metro/images/dividers/hr_small_width.png");
}
.right, img.right, .right-desktop, img.right-desktop, div.right-img {
	float: right;
}
.left, img.left, .left-desktop, img.left-desktop, div.left-img {
	float: left;
}
img.right, img.right-desktop, div.right-img  {
	margin: 0 0 20px 12px;
}
img.left, img.left-desktop, div.left-img {
	margin: 0 12px 20px 0;
}

.width75, img.width75 {
	width: 75%;
}

.width50, img.width50 {
	width: 50%;
}
.width40, img.width40 {
	width: 40%;
}

.width33, img.width33 {
	width: 33%;
}

.width25, img.width25 {
	width: 25%;
}

.width20, img.width20 {
	width: 20%;
}

.width15, img.width15 {
	width: 15%;
}
/* ---------------------------------------------------------------
	 IMAGE STYLES
------------------------------------------------------------------*/

img.border0 { padding: 0px; background-color: none !important; border: 0px solid #ccc !important; }
img.border1 { padding: 1px; background-color: #fff; border: 1px solid #ccc; }
img.border2 { padding: 2px; background-color: #fff; border: 1px solid #ccc; }
img.border3 { padding: 3px; background-color: #fff; border: 1px solid #ccc; }
img.border4 { padding: 4px; background-color: #fff; border: 1px solid #ccc; }
img.border5 { padding: 5px; background-color: #fff; border: 1px solid #ccc; }
img.border6 { padding: 6px; background-color: #fff; border: 1px solid #ccc; }
img.border7 { padding: 7px; background-color: #fff; border: 1px solid #ccc; }
img.border8 { padding: 8px; background-color: #fff; border: 1px solid #ccc; }
img.border9 { padding: 9px; background-color: #fff; border: 1px solid #ccc; }
img.border10 { padding: 10px; background-color: #fff; border: 1px solid #ccc; }
img.border11 { padding: 11px; background-color: #fff; border: 1px solid #ccc; }
img.border12 { padding: 12px; background-color: #fff; border: 1px solid #ccc; }

div.border0 { padding: 0px; background-color: none !important; border: 0px solid #ccc !important; }
div.border1 { padding: 1px; background-color: #fff; border: 1px solid #ccc; }
div.border2 { padding: 2px; background-color: #fff; border: 1px solid #ccc; }
div.border3 { padding: 3px; background-color: #fff; border: 1px solid #ccc; }
div.border4 { padding: 4px; background-color: #fff; border: 1px solid #ccc; }
div.border5 { padding: 5px; background-color: #fff; border: 1px solid #ccc; }
div.border6 { padding: 6px; background-color: #fff; border: 1px solid #ccc; }
div.border7 { padding: 7px; background-color: #fff; border: 1px solid #ccc; }
div.border8 { padding: 8px; background-color: #fff; border: 1px solid #ccc; }
div.border9 { padding: 9px; background-color: #fff; border: 1px solid #ccc; }
div.border10 { padding: 10px; background-color: #fff; border: 1px solid #ccc; }
div.border11 { padding: 11px; background-color: #fff; border: 1px solid #ccc; }
div.border12 { padding: 12px; background-color: #fff; border: 1px solid #ccc; }


/*===============================================
	Metro Nav Bar
================================================*/
.nav_group_wrapper {
	margin: 0 -20px 0;
}
.metro_nav_wrapper2 {
	display: none;
}
.metro_nav_wrapper {
	position:absolute!important;
	margin:0 0 0 0!important;
	top: -192px!important;
	margin: 0;
	top: 0;
    *right: 0;
	left: 0px;
	background-color: #ffcc00;
    width: 100%;
	overflow:hidden!important;
	/*display: none!important;*/
}
.metro_nav_wrapper ul, .metro_nav_wrapper li {
	list-style: none!important;
	margin: 0;
	padding: 0;
}
.nav_group {
	float: left;
	*zoom: 1;
        display: table;
	/*table-layout: fixed;*/
       margin: 0;
	padding: 0;
	font-size: .95em;
}
.travel_mode {
	/*width:60%;	height: 60px;*/
    *width: 65%;
	background-color: #0e6640;
}
.travel_mode li {
	width:16.66%;
	display: table-cell;
	height: 60px;
}
.service_info {
	/*width: 40%;	height: 60px;*/
        *width: 35%;
	background-color: #ffcc00;
}
.service_info li {
	width:33.33%;
	display: table-cell;
	height: 60px;
}
.travel_mode li a, .service_info li a {
	display: block;
	width: 100%;
	height: 60px;
	margin:0;
	padding: 10px 0 0 0;
	border: none;
	text-decoration: none;
	text-align: center;
	color: #333;
	font-size: .9em;
}
.travel_mode li a {
	border-left: 1px solid #488b6e;
	color: #fff;
	font-weight: bold;
	padding-top: 38px;
	background-position: 50% 8px;
	background-repeat: no-repeat;
	-moz-opacity: 0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
}
.travel_mode li.bus a {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/travel-options/bus_icon_white.png");
}
.travel_mode li.bus.active a {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/travel-options/bus_icon_green.png");
}

.travel_mode li.bike a {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/travel-options/bike_icon_white.png");
}
.travel_mode li.bike.active a {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/travel-options/bike_icon_green.png");
}

.travel_mode li.rideshare a {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/travel-options/rideshare_icon_white.png");
}
.travel_mode li.rideshare.active a {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/travel-options/rideshare_icon_green.png");
}

.travel_mode li.rail a {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/travel-options/rail_icon_white.png");
}
.travel_mode li.rail.active a {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/travel-options/rail_icon_green.png");
}

.travel_mode li.watertaxi a {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/travel-options/watertaxi_icon_white.png");
}
.travel_mode li.watertaxi.active a {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/travel-options/watertaxi_icon_green.png");
}

.travel_mode li.accessible a {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/travel-options/accessible_icon_white.png");
}
.travel_mode li.accessible.active a {
	background-image: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/travel-options/accessible_icon_green.png");
}

.travel_mode li a:hover, .travel_mode li a:focus {
	background-color: #159f63;
	color: #fff;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}
.service_info li a {
	border-left: 1px solid #c6a006;
	padding-left: 6px;
	padding-right: 6px;
}
.service_info li.active a {
	background: #fff!important;
	color: #333!important;
}
.service_info li a span {
	clear: both;
	display: block;
}
.service_info li a:hover, .service_info li a:focus {
	background: #fce06f;
}
.travel_mode li.active a, .travel_mode li.active a:hover {
	background-color: #fff;
	color: #0e6640!important;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}

@media screen and (min-width:992px) {
	.select2-container {
		max-width: 552px;
}
}

@media screen and (max-width:991px) {
body {
	/*background-color: red!important;*/
}
}
/*@media screen and (max-width:991px)and (min-width:768px)and (max-width:991px) {*/
@media screen and (min-width:768px)and (max-width:991px) {
body {
	/*background-color: yellow!important;*/
}
}
@media screen and (max-width:991px)and (max-width:767px) {
body {
	/*background-color: blue!important;*/
}
}
@media screen and (max-width:991px)and (min-width:768px)and (max-width:991px) {
/*body {
	background-color: #9c3!important;
}
.metro_nav_wrapper {
	top: -220px!important;
}
.nav_group span { display: block; clear: both; }*/
}
/**/@media screen and (max-width:767px) { 
body {
	/*background-color: #0FF!important;*/
}
.travel_mode {
	width:100%;
        display: block;
        clear: both;
}
.travel_mode li {
	width:16.66%!important;
        float: left!important;
	display: inline!important;
	height: 60px;
}
.service_info {
	width:100%;
        display: block;
        clear: both;
}
.service_info li {
	width:33.33%!important;
        float: left!important;
	display: inline!important;
}
.service_info,.service_info li,.service_info li a {
	height: 37px;
}
#schedule_container table td {
	font-size: 1.1em;
}
#morning.rt, #afternoon.rt, 
#morning_schedule.rt, #morning_schedule1.rt, #morning_schedule1.rt, #afternoon_schedule.rt, #afternoon_schedule1.rt, #afternoon_schedule2.rt  {
	border-collapse:collapse!important;
}

#morning.rt caption, #afternoon.rt caption, 
#morning_schedule.rt caption, #morning_schedule1.rt caption, #morning_schedule1.rt caption, #afternoon_schedule.rt caption, #afternoon_schedule1.rt caption, #afternoon_schedule2.rt caption  {
	font-weight: bold;
	width: 100%!important;
	display: block;
	white-space: normal!important;
}
}
@media(max-width:480px) { /* phone */
.metro_nav_wrapper {
        height: 180px;
}
.travel_mode {
	width:100%;
        display: block;
        clear: both;
}
.travel_mode li {
	width:33.33%!important;
        float: left!important;
	display: inline!important;
	height: 60px;
}
.travel_mode li:first-child + li + li + li a { border-left: none!important; }
.travel_mode li:first-child + li + li + li a,.travel_mode li:first-child + li + li + li + li a,.travel_mode li:first-child + li + li + li + li + li a { border-top: 1px solid #488b6e;
 }

.service_info {
	width:100%;
        display: block;
        clear: both;
}
.service_info li {
	width:33.33%!important;
        float: left!important;
	display: inline!important;
}
.service_info,.service_info li,.service_info li a {
	height: 60px;
}
.nav_group span { display: block; clear: both; }



}




/* IE Hacks 
.metro_nav_wrapper {
	*width: 100%!important;
        *display: block!important;
        *background-color: red;
}
.nav_group li {
        *display: inline-block;
}
.travel_mode {
	*width: 65%;
}
.service_info {
	*width: 35%;
}
.nav_group span { 
        *display: block!important; clear: both; 
}
*/

/*==================================================================================================*/
/*	COLORED BOXES
/*==================================================================================================*/
.white_box_content h2, .grey_box_content h2, .blue_box_content h2, .green_box_content h2, .dark_green_box_content h2, .yellow_box_content h2, .red_box_content h2, .gyt_feature_box_content h2 {
	font-size: 20px !important;
	background: none !important;
	border: none !important;
}
.white_box_content h4, .grey_box_content h4, .blue_box_content h4, .green_box_content h4, .yellow_box_content h4, .red_box_content h4, .gyt_feature_box_content h4 {
	font-size: 16px !important;
	background: none !important;
	border: none !important;
}
.white_box, .grey_box, .blue_box, .green_box, .yellow_box, .red_box {
	margin: 0 0 20px 0;
}
.white_box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #bbb;
	-moz-box-shadow: 0 3px 5px 0 #ccc;
	-webkit-box-shadow: 0 3px 5px 0 #ccc;
	box-shadow: 0 3px 5px 0 #ccc;
}
.white_box_content h3 {
	margin-bottom: 6px;
}
.white_box_content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	padding:10px;
}
.white_box {
	background: #fff;
	color: #333;
	border-color: #C1C1C1;
}
.grey_box, .blue_box, .green_box, .yellow_box, .red_box {
	margin: 0 0 20px 0;
}
.grey_box {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #bbb;
	-moz-box-shadow: 0 3px 5px 0 #ccc;
	-webkit-box-shadow: 0 3px 5px 0 #ccc;
	box-shadow: 0 3px 5px 0 #ccc;
}
.grey_box_content h3 {
	margin-bottom: 6px;
}
.grey_box_content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	padding:10px;
}
.grey_box {
	background: #EAEAEA;
	color: #333;
	border-color: #C1C1C1;
}
.blue_box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #bbb;
	-moz-box-shadow: 0 3px 5px 0 #ccc;
	-webkit-box-shadow: 0 3px 5px 0 #ccc;
	box-shadow: 0 3px 5px 0 #ccc;
}
.blue_box_content h3 {
	margin-bottom: 6px;
}
.blue_box_content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	padding:10px;
}
.blue_box {
	background: #D7E7F5;
	color: #5E6984;
	color: #333;
	border-color: #AACEE6;
}
.green_box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #bbb;
	-moz-box-shadow: 0 3px 5px 0 #ccc;
	-webkit-box-shadow: 0 3px 5px 0 #ccc;
	box-shadow: 0 3px 5px 0 #ccc;
}
.green_box_content h3 {
	margin-bottom: 6px;
}
.green_box_content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	padding:10px;
}
.green_box {
	background: #E2F2CE;
	color: #466840;
	border-color: #BFE098;
}
.green_box a {
	color: #466840 !important;
}
.dark_green_box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #bbb;
	-moz-box-shadow: 0 3px 5px 0 #ccc;
	-webkit-box-shadow: 0 3px 5px 0 #ccc;
	box-shadow: 0 3px 5px 0 #ccc;
}
.dark_green_box_content h3 {
	margin-bottom: 6px;
}
.dark_green_box_content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	padding:10px;
}
.dark_green_box {
	background: #066d51;
	color: #fff;
	border-color: #044d39;
}
.dark_green_box a {
	color: #fcc !important;
}
.yellow_box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #bbb;
	-moz-box-shadow: 0 3px 5px 0 #ccc;
	-webkit-box-shadow: 0 3px 5px 0 #ccc;
	box-shadow: 0 3px 5px 0 #ccc;
}
.yellow_box_content h3 {
	margin-bottom: 6px;
}
.yellow_box_content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	padding:10px;
}
.yellow_box {
	background: #D7E7F5;
	color: #5E6984;
	border-color: #AACEE6;
}
.yellow_box {
	background: #FFF9CC;
	color: #736B4C;
	color: #5e5635;
	border-color: #FFDB4F;
}
.red_box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #bbb;
	-moz-box-shadow: 0 3px 5px 0 #ccc;
	-webkit-box-shadow: 0 3px 5px 0 #ccc;
	box-shadow: 0 3px 5px 0 #ccc;
}
.red_box_content h3 {
	margin-bottom: 6px;
}
.red_box_content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	padding:10px;
}
.red_box {
	background: #FDE9EA;
	color: #A14A40;
	border-color: #FDCED0;
}
.gyt_feature_box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #bbb;
	margin-bottom: 20px;
	-moz-box-shadow: 0 3px 5px 0 #ccc;
	-webkit-box-shadow: 0 3px 5px 0 #ccc;
	box-shadow: 0 3px 5px 0 #ccc;
}
.gyt_feature_box_content h2 {
	margin-bottom: 6px;
	color: #003366;
}
.gyt_feature_box_content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	padding:10px;
}
.gyt_feature_box {
	background: #D7E7F5;
	color: #5E6984;
	border-color: #AACEE6;
}
.gyt_feature_box:hover {
	background: #9dc2e2;
	background: #FFF9CC;
	background: #E2F2CE;
	border-color: #AACEE6;
}
.gyt_feature_box_content a {
	text-decoration: none;
	color: #0b5095;
	display: block;
	width: 100%;
	cursor: pointer;
}
.gyt_feature_box_content a:hover {
	color: #003366;
}
.gyt_feature_box_content img.left {
	margin: 0 14px 0 0;
	max-width: 120px;
}
.royalSlider > .rsContent {
	visibility: hidden;
}


/* ---------------------------------------------------------------
	 Spacers
-----------------------------------------------------------------*/
.spacer1 { height: 1px; }
.spacer2 { height: 2px; }
.spacer3 { height: 3px; }
.spacer4 { height: 4px; }
.spacer5 { height: 5px; }
.spacer6 { height: 6px; }
.spacer7 { height: 7px; }
.spacer8 { height: 8px; }
.spacer9 { height: 9px; }
.spacer10 { height: 10px; }
.spacer12 { height: 12px; }
.spacer14 { height: 14px; }
.spacer16 { height: 16px; }
.spacer18 { height: 18px; }
.spacer20 { height: 20px; }
.spacer21 { height: 21px; }
.spacer22 { height: 22px; }
.spacer23 { height: 23px; }
.spacer24 { height: 24px; }
.spacer25 { height: 25px; }
.spacer26 { height: 26px; }
.spacer27 { height: 27px; }
.spacer28 { height: 28px; }
.spacer29 { height: 29px; }
.spacer30 { height: 30px; }
.spacer31 { height: 31px; }
.spacer32 { height: 32px; }
.spacer33 { height: 33px; }
.spacer34 { height: 34px; }
.spacer35 { height: 35px; }
.spacer36 { height: 36px; }
.spacer37 { height: 37px; }
.spacer38 { height: 38px; }
.spacer39 { height: 39px; }
.spacer40 { height: 40px; }




/* ---------------------------------------------------------------
	 Padding top
-----------------------------------------------------------------*/
.padding-top1 { padding-top: 1px; }
.padding-top2 { padding-top: 2px; }
.padding-top3 { padding-top: 3px; }
.padding-top4 { padding-top: 4px; }
.padding-top5 { padding-top: 5px; }
.padding-top6 { padding-top: 6px; }
.padding-top7 { padding-top: 7px; }
.padding-top8 { padding-top: 8px; }
.padding-top9 { padding-top: 9px; }
.padding-top10 { padding-top: 10px; }
.padding-top12 { padding-top: 12px; }
.padding-top14 { padding-top: 14px; }
.padding-top16 { padding-top: 16px; }
.padding-top18 { padding-top: 18px; }
.padding-top20 { padding-top: 20px; }
.padding-top21 { padding-top: 21px; }
.padding-top22 { padding-top: 22px; }
.padding-top23 { padding-top: 23px; }
.padding-top24 { padding-top: 24px; }
.padding-top25 { padding-top: 25px; }
.padding-top26 { padding-top: 26px; }
.padding-top27 { padding-top: 27px; }
.padding-top28 { padding-top: 28px; }
.padding-top29 { padding-top: 29px; }
.padding-top30 { padding-top: 30px; }
.padding-top31 { padding-top: 31px; }
.padding-top32 { padding-top: 32px; }
.padding-top33 { padding-top: 33px; }
.padding-top34 { padding-top: 34px; }
.padding-top35 { padding-top: 35px; }
.padding-top36 { padding-top: 36px; }
.padding-top37 { padding-top: 37px; }
.padding-top38 { padding-top: 38px; }
.padding-top39 { padding-top: 39px; }
.padding-top40 { padding-top: 40px; }


/* ---------------------------------------------------------------
	 margin bottom
-----------------------------------------------------------------*/
.margin-bottom1,.bottom1 { margin-bottom: 1px!important; }
.margin-bottom2,.bottom2 { margin-bottom: 2px!important; }
.margin-bottom3,.bottom3 { margin-bottom: 3px!important; }
.margin-bottom4,.bottom4 { margin-bottom: 4px!important; }
.margin-bottom5,.bottom5 { margin-bottom: 5px!important; }
.margin-bottom6,.bottom6 { margin-bottom: 6px!important; }
.margin-bottom7,.bottom7 { margin-bottom: 7px!important; }
.margin-bottom8,.bottom8 { margin-bottom: 8px!important; }
.margin-bottom9,.bottom9 { margin-bottom: 9px!important; }
.margin-bottom10,.bottom10 { margin-bottom: 10px!important; }
.margin-bottom12,.bottom12 { margin-bottom: 12px!important; }
.margin-bottom14,.bottom14 { margin-bottom: 14px!important; }
.margin-bottom16,.bottom16 { margin-bottom: 16px!important; }
.margin-bottom18,.bottom18 { margin-bottom: 18px!important; }
.margin-bottom20,.bottom20 { margin-bottom: 20px!important; }
.margin-bottom30,.bottom30 { margin-bottom: 30px!important; }
.margin-bottom40,.bottom40 { margin-bottom: 40px!important; }

.no-margin-bottom, .bottom0 { margin-bottom: 0!important; }


/* ---------------------------------------------------------------
	 margin left
-----------------------------------------------------------------*/
.margin-left1,.left1 { margin-left: 1px!important; }
.margin-left2,.left2 { margin-left: 2px!important; }
.margin-left3,.left3 { margin-left: 3px!important; }
.margin-left4,.left4 { margin-left: 4px!important; }
.margin-left5,.left5 { margin-left: 5px!important; }
.margin-left6,.left6 { margin-left: 6px!important; }
.margin-left7,.left7 { margin-left: 7px!important; }
.margin-left8,.left8 { margin-left: 8px!important; }
.margin-left9,.left9 { margin-left: 9px!important; }
.margin-left10,.left10 { margin-left: 10px!important; }
.margin-left12,.left12 { margin-left: 12px!important; }
.margin-left14,.left14 { margin-left: 14px!important; }
.margin-left16,.left16 { margin-left: 16px!important; }
.margin-left18,.left18 { margin-left: 18px!important; }
.margin-left20,.left20 { margin-left: 20px!important; }

.no-margin-left, .left0 { margin-left: 0!important; }


/* ---------------------------------------------------------------
	 alternative flex grid
-----------------------------------------------------------------*/
.row-fluid {
width:100%;
zoom:1;
}



.row-fluid [class*="span"] {
min-height:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
float:left;
margin-left:2.0744680851064%;
background: red;
}


.row-fluid .span12 {
width:99.946808510638%;
}

.row-fluid .span11 {
width:91.436170212766%;
}

.row-fluid .span10 {
width:82.925531914894%;
}

.row-fluid .span9 {
width:74.414893617021%;
}

.row-fluid .span8 {
width:65.904255319149%;
}

.row-fluid .span7 {
width:57.393617021277%;
}

.row-fluid .span6 {
width:48.882978723404%;
}

.row-fluid .span5 {
width:40.372340425532%;
}

.row-fluid .span4 {
width:31.86170212766%;
}

.row-fluid .span3 {
width:23.351063829787%;
}

.row-fluid .span2 {
width:14.840425531915%;
}

.row-fluid .span1 {
width:6.3297872340426%;
}

/* ---------------------------------------------------------------
	 Media Boxes
-----------------------------------------------------------------*/
.thumbnail-overlay i.fa {
	background: #66a4e6;
	background: #528ece;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
}
.thumbnail-overlay .media-box-title {
	color: #fff;
}
		
/* *********** HIDE THE "NO MORE ENTRIES" BUTTON *********** */
.media-boxes-no-more-entries{
	display: none;
}
				

	.box {
		-moz-border-radius: 5px !important; 
		-webkit-border-radius: 5px !important;  
		border-radius: 5px !important;
		border: 1px solid #bbb;
		-moz-box-shadow: 0 3px 5px 0 #ccc !important;
		-webkit-box-shadow: 0 3px 5px 0 #ccc !important;
		box-shadow: 0 3px 5px 0 #ccc !important;
	}
	.box-caption .box-title {
		font-weight: bold;
	}
	.box-caption .box-text ul {
	  margin: 0;
	  padding: 0 0 0 20px;
	  /*background: red;*/
	}
	.box-caption .box-text ul li {
	  margin: 0;
	  padding: 0;
	 /* background: yellow;*/
	}
	.box-caption .box-text li a, .box-caption .box-text li a:link {
		text-decoration: none;
		color: #0000ff;
	}
	.box-caption .box-text li a:hover {
		text-decoration: underline;
		color: #000;
	}
	.media-box{
		font-size: 14px;
	  }
	
	  .media-box-container{
		-webkit-border-radius: 0!important;
		-moz-border-radius: 0!important;
		border-radius: 0!important;
		-webkit-box-shadow: none!important;
		-moz-box-shadow: none!important;
		-o-box-shadow: none!important;
		-ms-box-shadow: none!important;
		box-shadow: none!important;		
	  }
	  .media-box-content{
		padding: 20px;
		position: relative;
	    background: #f2f2f3 !important;
		/*color: rgb(51, 51, 51);*/
		color: #000;
		line-height: 1.4;
	  }
	 .media-box-title{
		letter-spacing: 0px;
		line-height: 1.1;
		font-weight: 800;
		color: #333333;
		font-size: 16px!important;
	  }
	.media-box .media-box-category {
		font-size:12px;
		line-height:15px;
		color:#fb1953;
		margin:-6px 0 14px;
		padding:0 0 6px;
		display:block;
		clear:both;
		border-bottom:1px solid #ccc
	}
	.media-box .media-box-category a{
		text-decoration: none!important;
		display: block;
		border: 0;
	}
	.media-box-text {
		color: #000!important;
		font-size: 13px!important;
		line-height: 1.4!important;
	}
	
	.media-box-text ul {
		margin: 0 0 0 16px;
		padding: 0;
		/*background: red;*/
	}
	.media-box-text ul li {
		margin: 0;
		padding: 0;
		line-height: 1.8;
	}
	.white-popup {
          position: relative;
          background: #FFF;
          padding: 20px;
          width: auto;
          max-width: 500px;
          margin: 20px auto;
    }
	.white-popup-block {
			background:#FFF;
			padding:40px 30px 20px 30px;
			text-align:left;
			max-width:650px;
			margin:20px auto;
			position:relative
	}
	.media-box-more {
		/*border-top: 1px solid #ccc;
		padding: 6px 0 0 0;
		*/margin: 0;
		display: block;
	}
	.media-box-more a {
		font-size: 0.95em;
	}
	
	.media-box-quote {
		background: #6db33f;
		background: #159f63;
	}
	
	.media-box-link a {
		background: #159f63;
	}
	
	.media-box-link a:hover {
		background: #122210;
	}
	
	
	
	#grid .thumbnail-overlay .fa,
	#grid1 .thumbnail-overlay .fa,
	#grid2 .thumbnail-overlay .fa{
			background: #28ac86;
			background: #fff;
			background: #275937;
			background: #6db33f;
			
		}
		#grid .thumbnail-overlay .fa:hover,
		#grid1 .thumbnail-overlay .fa:hover,
		#grid2 .thumbnail-overlay .fa:hover {
			background: #333 !important;
			color: #fff!important;
  		}
		#grid .thumbnail-overlay,
		#grid1 .thumbnail-overlay,
		#grid2 .thumbnail-overlay{
			background: #28ac86; /* fallback for IE8 */
    		background-color: rgba(40,172,134, .80);
			background: #275937;
			background-color: rgba(39,89,55, .80);
			
		}

	.mfp-close{
		background-images:url('http://kingcounty.gov/~/media/depts/transportation/metro/scripts/media-boxes/css/icons/icon-close.png')!important;
		background-position: right;
		background-repeat: no-repeat;
		background-color: red;
		z-index: 9000;
		position: absolute;
	}
	.rsMinW .rsPlayBtnIcon {
		width:64px;
		display:block;
		height:64px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		
		-webkit-transition: .3s;
		-moz-transition: .3s;
		transition: .3s;
	
		background:url('http://metro.kingcounty.gov/scripts/jquery/royalslider/9.5.1/skins/minimal-white/rs-minimal-white.png') no-repeat 0 -32px;
		background-color: #000;
		background-color: rgba(0,0,0,0.75);
		*background-color: #000;
		z-index: 9999!important;
	}

/*.rsBtnCenterer {
	z-index: 500;
}
.textBlock {s
	z-index: 400;
}*/
	/*.close-this {
		width: 44px;
		height: 44px;
		line-height: 44px;
		position: absolute;
		right: 0;
		top: -50px;
		text-decoration: none;
		text-align: center;
		opacity: 0.65;
		filter: alpha(opacity=65);
		padding: 0 0 18px 10px;
		background-image: url('http://kingcounty.gov/http://kingcounty.gov/~/media/depts/transportation/metro/css/media-boxes/icons/icon-close.ashx');
		background-repeat: no-repeat;
		width: 40px;
		height: 40px;
		text-indent: -9000px;
	}
	.close-this:hover {
		color: #333;
		border-bottom: 1px dotted #333;
		cursor: pointer;
		
	}*/
	
	
	
	
.media-box-alert {
	background: #ffcc99;
}
.media-box-news {
	background: #cee0ee;
}
	
	
	
.media-box-subscribe, .media-box-rss, .modal-box-subscribe {
   padding: 20px;
   margin: 0;
}
.media-box-subscribe .form, .modal-box-subscribe form {
   padding: 0;
   margin: 0;
}
.media-box-subscribe ol, .media-box-subscribe ol li,
.modal-box-subscribe ol, .modal-box-subscribe ol li {
   list-style: none;
   margin: 0;
   /*background: yellow;*/
}
.media-box-rss .kcRssReader, .media-box-rss .kcRssReader li {
   list-style: none;
   padding: 0;
   /*background: yellow;*/
}
.media-box-rss .kcRssReader {
   margin: 16px 0 6px;
}
.media-box-rss .kcRssReader li {
   margin: 0 0 10px;
   line-height: 1.4;
}
.media-box-rss .kcRssReader li a {
   font-weight: bold;
   font-size: 14px;
   border-bottom: none;
}
.media-box-subscribe .input_group,
.modal-box-subscribe .input_group {
   margin: 0;
   /*background: red;*/
}
.media-box-subscribe input, .media-box-subscribe select,
.modal-box-subscribe input, .modal-box-subscribe select {
   color: #333;
}
.media-box-subscribe option,
.modal-box-subscribe option {
   padding: 4px;
}
.media-box-subscribe .required,
.modal-box-subscribe .required {
   display: inline;
}
.media-box-subscribe .media-box-title,
.media-box-rss .media-box-title,
.modal-box-subscribe .media-box-title {
    letter-spacing: 0px;
    line-height: 1.1;
    font-weight: 800;
    color: #fff;
    font-size: 14px;
    margin: 0 0 20px;
  }
.media-box-rss .media-box-title {
    color: #000;
	margin: auto;
 }
 .media-box-rss .media-box-subtitle {
    color: #333;
	font-size: 12px;
 }
.media-box-subscribe .instructions--head,
.modal-box-subscribe .instructions--head {
    line-height: 1.4;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 6px;
}
.media-box-subscribe .instructions--body,
.modal-box-subscribe .instructions--body {
    line-height: 1.4;
    font-weight: normal;
    font-size: 12px;
}

/* modal-box styles */
	.modal-box {
		font-size: 13px;
		line-height: 17px;
		padding: 20px;
		background: #f2f2f3;
	}
		
	.modal-box-subscribe {
		background: #2C393F;
		color: #fff;
		padding: 0;
	}
	        
		
/* Remove background of videos with overlay always visible */
		.overlay-always-visible{
			background: none!important;

			-webkit-transition: background .1s linear;
		       -moz-transition: background .1s linear;
		         -o-transition: background .1s linear;
		        -ms-transition: background .1s linear;
		            transition: background .1s linear;
		}
		.overlay-always-visible:hover{
			/*background: rgba(0,0,0,.2);*/
			background-color: rgba(39,89,55, .80)!important;
		}		
		
		/**
		 * Simple fade transition,
		 */
		.mfp-fade.mfp-bg {
			opacity: 0;
			-webkit-transition: all 0.15s ease-out; 
			-moz-transition: all 0.15s ease-out; 
			transition: all 0.15s ease-out;
		}
		.mfp-fade.mfp-bg.mfp-ready {
			opacity: 0.8;
		}
		.mfp-fade.mfp-bg.mfp-removing {
			opacity: 0;
		}
		
		.mfp-fade.mfp-wrap .mfp-content {
			opacity: 0;
			-webkit-transition: all 0.15s ease-out; 
			-moz-transition: all 0.15s ease-out; 
			transition: all 0.15s ease-out;
		}
		.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
			opacity: 1;
		}
		.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
			opacity: 0;
		}



/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}



@media screen and (max-width: 425px) {
  .media-boxes-drop-down .drop-down-label {
         display: none; 
         left: auto; 
         top: auto; 
         position: relative;
         border: none;
         font-size: .5em;
    }
   .media-boxes-drop-down {
         width: 100%;
   }
}
		
		
		
	
/*====================================
	Intro Header
=====================================*/
.intro_header {
	position: relative;
	margin: 0 0 1.5em 0;
	/*background-color: #0e6640;*/
	background-color: #ededed;
	/*-moz-border-radius: .4em .4em 0 0;
	-webkit-border-radius: .4em .4em 0 0;
	border-radius: .4em .4em 0 0;*/
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	display: block;
	clear: both;
	overlay: hidden;
	
}
	.intro_header .intro_wrapper {
		/*position: absolute;*/
		padding: 1.3em;
		padding-right: 0;
		width: 67%;
		/*background: red;*/
	}
		.intro_header .intro_wrapper h2 {
			padding: 0;
			margin: 0 0 7px 0;
			color: #ffffff;
		}
		.intro_header .intro_wrapper p, .intro_header .intro_wrapper a {
			/*color: #ffffff;*/
		}
			.intro_header .intro_wrapper a:hover {
				/*color: #ffffcc;
				border-color: #ffffcc;*/
			}
	.intro_header img.one-third {
		width: 33%;
	}
	.intro_header img.float-right {
		float: right;
	}
	.intro_header img.drop-down {
		margin: 12px 0 -20px 0;
	}
	.intro_header img.rounded {
		-moz-border-radius: .4em;
		-webkit-border-radius: .4em;
		border-radius: .4em;
	}
	.intro_header img.rounded.top-only {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-webkit-border-top-left-radius: .4em;
		-webkit-border-top-right-radius: .4em;
		-moz-border-radius-topleft: .4em;
		-moz-border-radius-topright: .4em;
		border-top-left-radius: .4em;
		border-top-right-radius: .4em;
	}
	.intro_header img.rounded.bottom-only {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		-webkit-border-bottom-right-radius: .4em;
		-webkit-border-bottom-left-radius: .4em;
		-moz-border-radius-bottomright: .4em;
		-moz-border-radius-bottomleft: .4em;
		border-bottom-right-radius: .4em;
		border-bottom-left-radius: .4em;
	}
	.intro_header img.stick-bottom {
		position: absolute;
		bottom:0;
		right: 0;
		z-index: 0;
	}
	/*.intro_header img {
		-moz-border-radius: .4em .4em 0 0;
		-webkit-border-radius: .4em .4em 0 0;
		border-radius: .4em .4em 0 0;
	}*/
	.intro_plan_trip {
		padding: 2em;
		overflow: hidden;
	}
	.intro_plan_trip .or {
		padding: 0;
		margin-top: -.25em;
		text-align: center;
		color: #fff;
		font-size: 1.9em;
		white-space:nowrap;
		width:30%;
		float: left;
	}
	.intro_plan_trip .finder_input, .intro_plan_trip .plan_button {
		width:35%;
		float: left;
	}

/*====================================
	Route Finder (select2)
=====================================*/
.desktop_right, .table_right {
	float: right;
	width: 50%;
	margin: -50px 0 20px 0;
}


ul.buslines {
		border-top: 1px solid #ccc;
		margin: 0;
		padding: 0;
		min-height: 400px;
	}
		ul.buslines li {
			padding: 0;
			margin: 0;
			border-bottom: 1px solid #ccc;
			list-style: none;
			position: relative;
		}
			ul.buslines li a {
				font-size: 1.3em;
				display: block;
				border: none;
				padding: .5em 65px .5em .5em;
				color: #333;
				
			}
				ul.buslines li.frequent-icon a {
					background: url("/images/frequent-small.png") right .75em no-repeat;
					background-size: 1em 1em;	/* 24 px context */
				}
				ul.buslines li a:hover, ul.buslines li:hover > a {
					background-color: #ffffcc;
					background-color: #f5f5f5;
					border: none;
				}


ul.buslines li.no-results-found {
	font-size: 1.3em;
	display: block;
	padding: .5em;
}				

.extra_links {
  display:none;
}
.extra_links a {
 	display: inline-block!important;
	margin: 0 20px 0 0;
	padding: 6px 10px;
	font-size: 1em;
	background: #ededed;
}
	

.buslines li:hover .extra_links,
.buslines li:focus .extra_links {
  display:block;
  background-color: #ffffcc;
}	


.filter_box_wrapper {
	position: relative;
}
			
input#filter_box, input#route-search { 
	width: 100%;
	border:3px solid #ccc;
	background:#fff;
	font-size:1.3em;
	font-size: 16px;
	/*color:#444;*/
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	margin:0 0 20px;
	padding: 6px;
	outline:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
input#filter_box:focus, input#route-search:focus {
	background:#fff;
	border-color:#ddd
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  transition: all 0.30s ease-in-out;
  outline: none;
  border: 3px solid #999;
  background: #ffc;
}
input#filter_box::-ms-clear,, input#route-searc::-ms-clearh {
    display: none!important;
	width:0!important;
	height:0!important;
}
.clear-input {
  	background: url("http://kingcounty.gov/~/media/depts/transportation/metro/images/icons/delete/circle_999_close_delete_20.png") no-repeat scroll 0 0 transparent!important;
	background-position: center center;
	cursor: pointer;
	position: absolute;
	top: 8px;
	right: 8px;
	height: 20px;
	width: 20px;
	z-index: 8000;
	border: 0px solid;
	transition: background 0.4s;
	text-indent: -9000px;
}






@-moz-document url-prefix() {
ol.steps {
counter-reset:li;
margin-left:0;
padding-left:0
}
ol.steps>li {
position:relative;
margin:0 0 10px 2em;
padding:4px 8px;
list-style:none;
border-top:2px solid #ededed;
min-height:40px;
}
ol.steps>li:before {
content:counter(li);
counter-increment:li;
position:absolute;
top:-2px;
left:-2em;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:2em;
margin-right:8px;
padding:4px;
border-top:2px solid #ededed;
color:#666;
background:#ededed;
font-weight:700;
font-family:"Helvetica Neue", Arial, sans-serif;
font-size:16px;
text-align:center
}
.steps li ol, .steps li ul {
margin-top:6px
}
ol.steps ol li:last-child {
margin-bottom:0
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
ol.steps {
	counter-reset:li;
	margin-left:0;
	padding-left:0
}
ol.steps>li {
	position:relative;
	margin:0 0 40px 2em;
	padding:4px 8px;
	list-style:none;
	border-top:2px solid #ededed;
	min-height:40px
}
ol.steps>li:before {
	content:counter(li);
	counter-increment:li;
	position:absolute;
	top:-2px;
	left:-2em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:2em;
	margin-right:8px;
	padding:4px;
	border-top:2px solid #ededed;
	border-top: 2px solid #efeee0;
	color:#666;
	background:#ededed;
	background: #efeee0;
	font-weight:700;
	font-family:"Helvetica Neue", Arial, sans-serif;
	font-size:16px;
	text-align:center
}
.steps li ol, .steps li ul {
	margin-top:6px
}
ol.steps ol li:last-child {
	margin-bottom:0
}
}
ol.steps img.border6 {
	width: 180px !important;
	height: auto !important;
}


/* step headings */
.step__heading {
    padding-left: 2em;
    line-height: 1.4rem
}
.step__heading.h1,
.step__heading.h2,
.step__heading.h3,
.step__heading.h4,
.step__heading.h5,
.step__heading.h6 {
    line-height: 1.4rem
}
.step__heading:before {
    display: block;
    position: absolute;
    background-color: #f43e3e;
    background-color: #527952;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    border-radius: 50%;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.6em;
    margin-left: -2.25em
}
.step__heading.step1:before {
    content: '1'!important;
    padding-right: 2px
}
.step__heading.step2:before {
    content: '2'
}
.step__heading.step3:before {
    content: '3'
}
.step__heading.step4:before {
    content: '4'
}
.step__heading.step5:before {
    content: '5'
}
.step__heading.step6:before {
    content: '6'
}
.step__heading.step7:before {
    content: '7'
}
.step__heading.step8:before {
    content: '8'
}
.step__heading.step9:before {
    content: '9'
}









ul.agency_contact_info {
	top: 0;
	float: right;
	position: relative;
	font-size: 0.9em;
}

.greenspan {
	color: #6CB33F;
	padding: 0 0px 4px 0px;
	font: normal 20px/20px 'Humanist', arial, sans-serif;
text-shadow:
}
.roundbox {
	border-width: 1px;
	border-style: solid;
	border-color: #d8d6d8 #c4c4c4 #acacac #c4c4c4;
	padding: 6px;
	background-color: #eaeaea;
	background-color: #f2f2f3;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(255, 255, 255, .75) inset;
}



/* ========================================
	TABLES
==========================================*/
#fares {
	border-collapse: collapse;
	width: 100%
}
#fares th {
	background-color: #ebf2d2;
	background-color: #f2f2f3;
}
#fares th span {
	clear: both;
	display: block;
	font-size: 0.9em;
	font-weight: normal;
}
#fares td, #fares th {
	text-align:left;
	padding: 5px;
	border-bottom: 1px solid #026cb6
}
#fares tr td.alt, #fares tr th.alt {
	border-right: 1px dotted #026cb6;
}
#fares tr td.none {
	border-bottom: none
}



/*===============================================
	SIDE TEAM MEMBER BIO PANEL - codyhouse.co
=================================================*/
/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */
main {
  position: relative;
  z-index: 2;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
main.slide-out {
  /* the main element slides to the left when the author bio is visible */
  -webkit-transform: translateX(-270px);
  -moz-transform: translateX(-270px);
  -ms-transform: translateX(-270px);
  -o-transform: translateX(-270px);
  transform: translateX(-270px);
}
main.slide-out .cd-overlay {
  /* the overlay layer gets visible when the author bio slides in */
  display: block;
  -webkit-animation: cd-fade-in 0.3s;
  -moz-animation: cd-fade-in 0.3s;
  animation: cd-fade-in 0.3s;
}
@media only screen and (min-width: 768px) {
  main.slide-out {
    /* change in size of the author bio section */
    -webkit-transform: translateX(-600px);
    -moz-transform: translateX(-600px);
    -ms-transform: translateX(-600px);
    -o-transform: translateX(-600px);
    transform: translateX(-600px);
  }
}
@media only screen and (min-width: 1200px) {
  main.slide-out {
    -webkit-transform: translateX(-800px);
    -moz-transform: translateX(-800px);
    -ms-transform: translateX(-800px);
    -o-transform: translateX(-800px);
    transform: translateX(-800px);
  }
}

.cd-section {
  padding: 2em 0;
  text-align: center;
}
.cd-section .cd-container {
  /* this modifies the .cd-container default max-width */
  max-width: 768px;
}
.cd-section h2 {
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-size: 20px;
  font-size: 1.25rem;
}
.cd-section p {
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .cd-section {
    padding: 4em;
  }
  .cd-section p {
    line-height: 1.6;
  }
}
@media only screen and (min-width: 1200px) {
  .cd-section {
    padding: 6em;
  }
  .cd-section h2 {
    margin-bottom: 2em;
  }
  .cd-section p {
    line-height: 1.8;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

header {
  /*background: #f2ecbd;*/
}
header h1 {
  font-size: 30px;
  font-size: 1.875rem;
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: .4em;
  color: #3e380c;
}
header p {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #93861d;
}

.cd-placeholder-1 {
  background: #f25f5c;
  color: #fdeaea;
}

.cd-placeholder-2 {
  background: #FFF;
}

#cd-team {
  background: #8abeb2;
}
#cd-team .cd-container {
  max-width: 1200px;
}
#cd-team h2 {
  color: #1a2f2a;
}
#cd-team li {
  margin-bottom: 2em;
  border-radius: 0.25em;
  box-shadow: 0 0 10px rgba(92, 75, 81, 0);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.no-touch #cd-team li:hover {
  box-shadow: 0 0 10px rgba(92, 75, 81, 0.3);
}
.no-touch #cd-team li:hover .cd-img-overlay {
  opacity: 1;
}
#cd-team figure {
  position: relative;
}
#cd-team img {
  display: block;
  width: 100%;
  border-radius: .25em .25em 0 0;
}
#cd-team .cd-img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(92, 75, 81, 0.9);
  opacity: 0;
  border-radius: .25em .25em 0 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#cd-team .cd-img-overlay span {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: #FFF;
}
#cd-team .cd-member-info {
  height: 80px;
  background: #FFF;
  text-align: center;
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
  padding-top: 20px;
  border-radius: 0 0 .25em .25em;
}
#cd-team .cd-member-info span {
  display: block;
  font-family: "Droid Serif", serif;
  font-weight: normal;
  color: #999999;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: .5em;
}
@media only screen and (min-width: 768px) {
  #cd-team li {
    width: 31%;
    float: left;
    margin-right: 3.5%;
  }
  #cd-team li:nth-child(3n) {
    margin-right: 0;
  }
}

.cd-member-bio {
  position: fixed;
  top: 0;
  right: 0;
  width: 270px;
  height: 100%;
  overflow-y: auto;
  /* smooth scrolling on mobile phones and tablets */
  -webkit-overflow-scrolling: touch;
  background: #5c4b51;
  z-index: 1;
  /* this how we move the author bio section off the canvas */
  -webkit-transform: translateX(270px);
  -moz-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-member-bio.slide-in {
  /* the author bio section slides in when the user clicks on the team member picture */
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-member-bio .cd-member-bio-pict {
  position: relative;
}
.cd-member-bio .cd-member-bio-pict::after {
  /* gradient at the bottom of the image - same color of the background of the section */
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-linear-gradient( bottom , #5c4b51, rgba(92, 75, 81, 0));
  background: linear-gradient(to top, #5c4b51, rgba(92, 75, 81, 0));
}
.no-cssgradients .cd-member-bio .cd-member-bio-pict::after {
  display: none;
}
.cd-member-bio img {
  width: 100%;
  display: block;
}
.cd-member-bio .cd-bio-content {
  padding: 1em;
  color: #FFF;
}
.cd-member-bio .cd-bio-content h1 {
  font-family: "Droid Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
}
.cd-member-bio .cd-bio-content p {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 1em 0;
  line-height: 1.4;
  color: #d7cfd2;
}
@media only screen and (min-width: 768px) {
  .cd-member-bio {
    width: 600px;
    -webkit-transform: translateX(600px);
    -moz-transform: translateX(600px);
    -ms-transform: translateX(600px);
    -o-transform: translateX(600px);
    transform: translateX(600px);
  }
  .cd-member-bio .cd-bio-content {
    padding: 2em;
  }
  .cd-member-bio .cd-bio-content p {
    line-height: 1.6;
    margin: 2em 0;
  }
}
@media only screen and (min-width: 1200px) {
  .cd-member-bio {
    width: 800px;
    -webkit-transform: translateX(800px);
    -moz-transform: translateX(800px);
    -ms-transform: translateX(800px);
    -o-transform: translateX(800px);
    transform: translateX(800px);
  }
  .cd-member-bio .cd-member-bio-pict::after {
    height: 150px;
  }
  .cd-member-bio .cd-bio-content {
    padding: 4em;
    /* we move the content up so the title is over the color gradient */
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
  }
  .cd-member-bio .cd-bio-content h1 {
    font-size: 40px;
    font-size: 2.5rem;
  }
  .cd-member-bio .cd-bio-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .no-cssgradients .cd-member-bio .cd-bio-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

.cd-member-bio-close {
  width: 32px;
  height: 32px;
  overflow: hidden;
  position: fixed;
  top: 10px;
  right: 10px;
  background: url("../images/cd-icon-close.svg") no-repeat center center;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 3;
  display: none;
}
.cd-member-bio-close.is-visible {
  display: block;
  -webkit-animation: cd-move-in 0.8s;
  -moz-animation: cd-move-in 0.8s;
  animation: cd-move-in 0.8s;
}
@media only screen and (min-width: 1200px) {
  .cd-member-bio-close {
    right: 20px;
    top: 20px;
  }
}

.cd-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(138, 190, 178, 0.8);
  cursor: pointer;
  display: none;
}

/* -------------------------------- 

xkeyframes 

-------------------------------- */
@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes cd-move-in {
  0% {
    -webkit-transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-move-in {
  0% {
    -moz-transform: translateX(100px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-move-in {
  0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}



/* EMBED CONTAINER */
.calendar-container {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.calendar-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.embed-container,
.map-container {
    position: relative;
    padding-bottom: 80%;
    height: 0;
    max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container iframe,
.map-container iframe,
.map-container object,
.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.map_large {
    position: absolute;
    z-index: 40;
    bottom: 0;
    margin-bottom: -6px;
}
.enlarge {
	float: right;
	vertical-align: top;
	font-size: 0.9em;
	margin-top: -30px;
}
	
	
/*!!!!!!!!!!!!!!!!!!!!!!!!!! FARES TABLE !!!!!!!!!!!!!!!!!!!!!!!!!!*/
table.fares-table, .table-fares {
  border-style: none;
  border-top-width: 0;
  border: 1px solid #e8e8e8;
  width: 100%;
  
}
.table-fares thead th {
	border: none;
	border-left: 1px solid #fff;
}
.table-fares thead th:first-child {
	border: none;
}
table.fares-table tr {
  border-style: none;
  border-bottom-width: 0;
}
table.fares-table tr.title-row {
  font-weight: bold;
  border-bottom-width: 0;
  color: #333;
}
table.fares-table th, table.fares-table td {
  border-style: none;
  padding: 5px 1em;
  text-align: left;
  vertical-align: top;
}
table.fares-table th.tool, table.fares-table td.tool {
  padding: 0 1em;
}
table.fares-table th.fare-type, table.fares-table td.fare-type {
  font-weight: bold;
}
table.fares-table th + th,
table.fares-table th + td,
table.fares-table td + th,
table.fares-table td + td {
  border-left-width: 1px;
}
table.fares-table thead tr:last-child {
  border-bottom-width: 2px;
}
table.fares-table thead th,
table.fares-table tr.index th,
.table-fares thead th {
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px .6em;
}
table.fares-table thead th,
.table-fares thead th {
  background: #159f63!important;
}
table.fares-table thead th {
  background: #001a31;
  color: #fff;
}
table.fares-table tbody:first-of-type tr.index th {
  padding-top: 1em;
}
table.fares-table tbody .title-row th {
  background: #143a5b;
  color: #fff;
}
table.fares-table tbody td {
  font-weight: normal;
  background: none;
  color: #002240;
}
table.fares-table th, table.fares-table td, 
.table-fares th, .table-fares td {
	font-size: 1.1em;
}
.table-fares td {
	font-size: 1.3em;
}
table.fares-table tfoot td {
	font-size: .9em;
}

/* !!!!!!!!!!!!!!!!!!!! BREAKPOINT - MAX - 768 !!!!!!!!!!!!!!!!!!!! */
/** ONLY FOR MOBILE **/
@media only screen and (max-width: 767px) {
	.metro-nav-row {
		display: none!important;
	}
}
/* !!!!!!!!!!!!!!!!!!!! BREAKPOINT - MAX - 480 !!!!!!!!!!!!!!!!!!!! */
/** ONLY FOR MOBILE **/
@media only screen and (max-width: 479px) {
  #wheretobuy table.fares-table {
    margin-top: 10px !important;
  }
  
  div.table-wrapper {
	border: 1px solid #e8e8e8;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  }

  table.fares-table {
    border: none;
	padding-bottom: 0;
    display: block;
    width: 100%;
    margin-top: 0px;
	/*
     * make everything display block so it 
     * aligns vertically
     */
    /* Labeling
     * adding a data-title attribute to the cells
     * lets us add text before the content to provide
     * the missing context
     * 
     * Markup: 
     *   <td data-title="Column Header">Content Here</td>
     * 
     * Display:
     *   Column Header: Content Here
     */
  }
  table.fares-table caption {
    display: block;
  }
  table.fares-table thead {
    display: none;
    visibility: hidden;
  }
  table.fares-table tbody, table.fares-table tr, table.fares-table th, table.fares-table td {
    border: 0;
    display: block;
    text-align: left;
    white-space: normal;
  }
  table.fares-table tbody.fare-type, table.fares-table tr.fare-type, table.fares-table th.fare-type, table.fares-table td.fare-type {
    font-size: 1.2em;
    font-weight: bold;
  }
  table.fares-table tr {
    padding-bottom: 5px;
    border-bottom: solid 1px #e8e8e8;
  }
  table.fares-table tr.title-row {
    font-weight: bold;
    font-size: 1.5em;
    border-bottom: none;
    background: #143a5b;
    padding-left: 0;
    color: #fff;
  }
  table.fares-table th[data-title]:before,
  table.fares-table td[data-title]:before {
    content: attr(data-title);
    font-weight: bold;
    display: block;
    width: 100%;
  }
  table.fares-table th:not([data-title]) {
    font-weight: bold;
  }
  table.fares-table td:empty {
    display: none;
  }
}


/* hover effect for maps */
span.enlarge-map {
	background:center center no-repeat #fff;
	height: 100%;
	position: absolute;
  text-align: center;
  /*line-height: 153px;*/
	width: 100%;
	z-index: 10;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	
}
 
/* add the font awesome icon */
 
.enlarge-map:before {
    content: "\f00e"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #333;
    font-size: 50px;
    /*padding-right: 50px;*/
    position: absolute;
    top: 80px;
    left: 42%;
}


/*===============================================*/
/* EFFECTIVE DATES */
/*===============================================*/

.school_effective_date p {
	display: none;
}

.external {
    font-family: 'FontAwesome';
    content: " \f08e";
}


/*===============================================*/
/* FARE TABLE */
/*===============================================*/

.fare-table__heading {
background:#007fae;
background: #109e63;
border-radius:4px 4px 0 0;
text-align:center;
color:#fff;
border-bottom:3px solid #016f98;
border-bottom-color: #0b8155;
margin:0;
padding:.675em 0;
font-size: 1.2em;
}

.fare-table__heading sup {
font-size:.5em;
/*padding-left:.2em;*/
}

.fare-table__products {
text-align:center;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
}

.agency > .fare-table__products {
	border: none!important; 
}

ul.fare-table__products {
list-style-type:none;
background-color:#fff;
margin: 0 0 20px;
padding: 0;
}

.fare-table__product {
border-bottom:1px solid #dcdcdc;
/*height:7.25em;*/
margin: 0;
padding:1em 0;
}

.fare-table__product--double {
/*height:7.9em;*/
}

.fare-table__product--featured {
background-color:#f4f4f4;
border:1px solid #dcdcdc;
border-bottom-width:3px;
height:7.5em;
margin:-1px -4px;
padding:1.25em 0;
}

.fare-table__product-price--regular {
font-size:1.375em;
font-size:1.625em;
font-weight:400;
color:#007fae;
}

.fare-table__product--featured .fare-table__product-price--regular {
font-size:1.625em;
}

.fare-table__product--featured .fare-table__product-price--discount {
font-size:1.125em;
color:#5c5c5c;
}

.fare-table__product-name {
font-size:.85em;
margin-top:.625em;
text-transform:uppercase;
letter-spacing:.04em;
color:#454545;
color:#000;
}

.agency > .fare-table__product-name {
font-size:.9em;
}

.fare-table__product-name:first-child {
margin-top:1.375em;
margin-top: 0;
}

.fare-table__product-name div {
display:inline-block;
border-top:1px dashed #dcdcdc;
padding:.875em .875em 0;
}

.fare-table__services {
font-size:.875em;
background:#00516f;
border-radius:0 0 4px 4px;
color:#fff;
height:12em;
}

.fare-table__services h4 {
/*font-family:ProximaNova,Helvetica,Arial,sans-serif;*/
font-weight:400;
font-style:normal;
text-transform:uppercase;
font-size:1em;
background:#016f98;
text-align:center;
color:#fff;
letter-spacing:.08em;
margin:0;
padding:.75em;
}

.fare-table__services ul {
list-style:none;
margin:0;
padding:.75em 0;
}

.fare-table__services .fare-table__service:last-child {
border-radius:0 0 4px 4px;
}

.fare-table__service {
padding:.125em .875em;
}

.fare-table__services .fare-table__service a {
color:#fff;
border-bottom:dotted 1px #fff;
}

.fare-table__services .fare-table__service a:hover {
border-bottom:dotted 1px #089fd6;
text-decoration:none;
}

.fare-table-legend {
line-height:1.5em;
margin-bottom:2em;
margin-top:1em;
}

.fare-table-legend__regular {
margin-left:.375em;
color:#007fae;
color: #000;
font-size:1.125em;
}

.senior-fare-table-header {
margin-top:1.5em;
width:100%;
background:#00516f;
border-radius:4px 4px 0 0;
color:#fff;
font-family:ProximaNovaBold,Helvetica,Arial,sans-serif;
font-weight:700;
font-style:normal;
font-size:1.125em;
padding:1em;
}

.table--senior-fare-table th {
background-color:#f9f9f9;
border-right:1px dashed #dcdcdc;
border-left:1px dashed #dcdcdc;
border-bottom:1px dashed #dcdcdc;
}

.table--senior-fare-table td,.table--senior-fare-table th {
text-align:center;
padding:.5em;
}

.table--senior-fare-table td {
border-right:1px dashed #dcdcdc;
border-bottom:1px dashed #dcdcdc;
}

.table--senior-fare-table .senior-fare-header-bg {
background:#007fae;
color:#fff;
font-family:ProximaNovaBold,Helvetica,Arial,sans-serif;
font-weight:700;
font-style:normal;
border:0;
border-left:1px solid #016f98;
border-bottom:3px solid #016f98;
}

.table--senior-fare-table .senior-fare-header-bg:last-child {
border-right:1px solid #016f98;
}

.table--senior-fare-table .senior-fare-label {
font-size:.75em;
text-transform:uppercase;
letter-spacing:.04em;
}

.table--senior-fare-table .fare-table__product-name:first-child {
margin-top:.875em;
}

#zones-peak-fares:focus {
    outline: none;
}

@media screen and (max-width: 480px) {
.fare-table__heading {
background:#007fae;
background: #109e63;
border-radius:4px 4px 0 0;
text-align:center;
color:#fff;
border-bottom:3px solid #016f98;
border-bottom-color: #0b8155;
margin:0;
padding:.675em 0;
font-size: 1em;
}
}



/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline {
  background: #456990;
  padding: 0;
  margin: 0;
}
.timeline h3 {
  padding: 20px 0;
  margin: 0 20px;
}
.timeline ul {
  background: #456990;
  padding: 30px 0;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: #a4c7ed;
}

.timeline ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 350px;
  padding: 15px;
  background: #fff;
}

.timeline ul li div::before {
  content: '';
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ul li:nth-child(odd) div {
  left: 45px;
}

.timeline ul li:nth-child(odd) div::before { /* pointer (west) */
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #fff transparent transparent;
}

.timeline ul li:nth-child(even) div {
  left: -389px;
}

.timeline ul li:nth-child(even) div::before { /* pointer (east) */
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #fff;
}

time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}


/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline ul li::after {
  transition: background .5s ease-in-out;
}

.timeline ul li.in-view::after {
  background: #ededed;
}

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out;
}

.timeline ul li:nth-child(odd) div {
  transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(even) div {
  transform: translate3d(-200px, 0, 0);
}

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
}

.timeline ul li.current div {
  background: #ffd318;
}

.timeline ul li.current:nth-child(odd) div::before { /* pointer (west) */
  border-color: transparent #ffd318 transparent transparent;
}

.timeline ul li.current:nth-child(even) div::before { /* pointer (east) */
  border-color: transparent transparent transparent #ffd318;
}

.timeline ul li.current::after {
  background: #ffd318;
}


/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 1199px) {
  .timeline ul li div {
    width: 300px;
  }
  .timeline ul li:nth-child(even) div {
    left: -339px;
    /*300+45-6*/
  }
}
@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
  }
  .timeline ul li:nth-child(even) div {
    left: -289px;
    /*250+45-6*/
  }
}







@media screen and (max-width: 600px) {
  .timeline ul li {
    margin-left: 20px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  .timeline ul li:nth-child(even) div, .timeline ul li.current:nth-child(even) div {
    left: 45px;
  }
  .timeline ul li:nth-child(even) div::before, .timeline ul li.current:nth-child(even) div::before { /* pointer (west) */
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #fff transparent transparent;
  }
  .timeline ul li.current:nth-child(even) div::before { /* pointer (west) */
	border-color: transparent #ffd318 transparent transparent;
  }
}



#signuplink {
   position: absolute;
   right: 20px;
}



/*========================================================
	NOTIFICATION BOXES
=========================================================*/
.notify {
    /*background-color:#e3f7fc; */
    color:#555; 
    border:.1em solid;
    border-color: #8ed9f6;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    /*font-family:Tahoma,Geneva,Arial,sans-serif;
    font-size:1.1em;*/
    padding:6px 10px;
    margin:0 0 20px 0;
    cursor: default;
}

.notify-yellow  { background-color: #fff8c4!important; border-color: #f7deae; }
.notify-red     { background-color: #ffecec!important; border-color: #fad9d7; }
.notify-green   { background-color: #e9ffd9!important; border-color: #D1FAB6; }
.notify-grey    { background-color: #f2f2f3!important; border-color: #ccc; }
.notify-blue    { background-color: #d6e7f7!important; border-color: #b5d3f7; color: #333; }
.notify-drk-blue { background-color: #3399cc!important; border-color:#006699; color: #fff; }
.notify-white   { background-color: #fff!important; border-color: #ccc; }

.notify p.large {
	font-size: 14px;
	line-height: 1.4;
}
.notify.center-align a {
	text-align: center;
	display: block;
}
.notify h3 {
	margin: 8px 0 10px 0;
}
.notify h4, .notify h5 {
	line-height: 1.5;
} 

/*================================================
    PHOTO WRAP
=================================================*/
.wrap50 {
	width: 50%;
	margin: 0 0 20px 20px;
}
@media screen and (max-width: 480px) {
	.wrap50 {
		width: 100%;
		float:none;
		display: block;
		margin: 12px 0 20px;
	}
}


/*================================================
    PHOTO CAPTION
=================================================*/
.photo-with-caption .caption {
    padding: 10px 0 16px;
    color: #666;
    text-align: left
}

/*================================================
    NEWS FEED
=================================================*/
.news-feed .media-title h4 {
	margin: 0 0 12px 0;
}
.news-feed .media-contact {
	border-top: 3px solid #f2f2f2;
	padding-top: 12px;
	margin-top: 16px;
	display: block;
}
.news-feed .media-body a {
	font-size:1em!important;
}
.news-feed .media-body .caption {
	font-size: .9em!important;
	margin: 8px 0 0;
}
.news-feed .media-body.more .container {
	margin-top: 0;
}




/*========================================================
	JUMP DROP DOWN MENUS
=========================================================*/
.jump-menu select {
	margin: 0;
	padding:5px;
	font-size:14px;
	line-height:1.3;
	height:32px;
	width: 100%;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #aaa
}
.social-icons {
	font-size: 4.8rem;
	/*font-size-adjust: auto;*/
}
@media screen and (max-width: 320px) {
	  .social-icons {
			font-size: 4.25rem;
		}
}
.social-icons, .social-icons li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.social-icons li {
    display: inline;
}
.social-icons li>a {
	border: none;
	text-decoration: none;
	display: inline-block;
}
.social-icons li .fa {
    vertical-align: text-top;
}
.social-icons li:last-child {
    margin-right: 0;
	/*background: red;*/
}
.social-icons p {
	text-indent: -9000px;
	position: absolute;
}



/*------------------------------*/
	/*  Metro branding styles       */
	/*------------------------------*/
	.metro_brand {
		display: block!important;
                position: relative;
		top: 0px;
		left: 0px;
		right: 0px;
		height: auto;
		/*width: calc(100% - 40px);*/
                width: auto;
		color: white;
		text-align: center;
		/*line-height: 55px;*/
		text-indent: -9000px;
		z-index: auto;
		/*background-color: #109e63;  medium green */
		/*background-color: #ffcf00;  yellow */
		/*background-color: #456c95;  blue   */
                background-color: none!important;
		margin: -60px 0 8px 0;
                padding; 0;
	}
	.metro_brand a {
		display: block;
		width: 100%;
                width: calc(100% - 20px);
                height: 60px;
		margin: 0;
                padding: 0;
		background-image: url('http://kingcounty.gov/~/media/depts/transportation/metro/images/logos/metro_type_header_lg_white.png')!important;
		
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
		border: none!important;
		text-decoration: none;
	}

@media screen and (max-width:1199px) {
/*------------------------------*/
	/*  Metro branding styles       */
	/*------------------------------*/
	.metro_brand {
                margin: -50px 0 8px 0;

	}
}

@media screen and (max-width:992px) {
/*------------------------------*/
	/*  Metro branding styles       */
	/*------------------------------*/
	.metro_brand {
		/*height: 70px;*/
                margin: 12px 0 8px 0;

	}

}


@media screen and (max-width:767px) {
/*------------------------------*/
	/*  Metro branding styles       */
	/*------------------------------*/
	.metro_brand {
		position: relative;
		top: 0px;
		left: 0px;
		right: 0px;
		height: 42px;
		width: 100%;
		display: block;
		color: white;
		text-align: center;
		line-height: 36px;
		text-indent: -9000px;
		z-index: auto;
		background-color: #109e63; /* medium green */
		background-color: #ffcf00; /* yellow */
		background-color: #456c95; /* blue   */
		margin: 0;
	}
	.metro_brand a {
		display: block;
		width: 100%;
		height: 42px;
		margin: 0 auto;
		/*background-image: url("http://metro.kingcounty.gov/sitecore/images/branding/metro_logotype1.png");
		background-image: url('http://kingcounty.govhttp://kingcounty.gov/~/media/depts/transportation/metro/images/logos/metro_type_header_sm.png');*/
		background-image: url('http://kingcounty.gov/~/media/depts/transportation/metro/images/logos/metro_type_header_sm_white.png')!important;
		
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
		border: none!important;
		text-decoration: none;
	}



.main-breadcrumb-row {
     background-color: #109e63!important; /* medium green */
     background-color: #0e6640!important; /* dark green */
     border: none!important;
}
.breadcrumb li, .breadcrumb li a, .breadcrumb>.active {
    color: #fff!important;
    display: none!important;
}

}




