/* Tramroutes-custom-css-css */
/*Custom Bus routes page CSS */

#tram-routes-container {
	margin-top:25px;
}
#tram-routes-container a.view-bus-schedule {
	color:#990000;
}

#route-tabs {
	background-color:#eeeeee;
	border:none;
	padding:0;
}
.ui-widget-header, .ui-widget-content {
	background-image:none; 
}

.ui-tabs .ui-tabs-nav {
	padding:0;
	border:0;
}
.ui-tabs .ui-tabs-nav li {
	margin:0 1px 0 0;
	border:none;
}
.ui-tabs .ui-tabs-nav li:last-child {
	margin:0;
}
.ui-tabs .ui-tabs-nav li a {
	padding:0.85em 1.16em;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin:0;
	padding:0;
	border:none;
}

.ui-tabs-anchor {
	background-color:#bcbcbc;	
}
#route-tabs .ui-state-default > .ui-tabs-anchor {
	color:#4A4A4A;
}
#route-tabs .ui-state-active > .ui-tabs-anchor {
	background-color:#eee;
	color:#000;
}

#route-tabs .ui-tabs-panel {
	background-color:#fff;
	border:0.625em solid #eee;
	padding:1.2em 1.4em;
}
.ui-tabs-panel .route-title {
	margin:8px 0 4px;
}
.ui-tabs-panel p {
	margin-bottom:2px;
}
.ui-tabs-panel img {
	margin:13px 0 15px;
}
.ui-tabs-panel .bus-schedule-and-stops {
	margin-top:25px;
}

/* Lightbox Styling
----------------------------------- */
.ui-widget-overlay { background:#000; opacity:.5; filter:alpha(opacity=50); }
.ui-dialog { border:0 !important; padding:0 0 34px; z-index:1000; }
.ui-dialog { 
	-moz-box-shadow:    6px 6px 10px 0 rgba(13,9,8,0.35);
	-webkit-box-shadow: 6px 6px 10px 0 rgba(13,9,8,0.35);
	box-shadow:         6px 6px 10px 0 rgba(13,9,8,0.35);
}
.ui-dialog .ui-dialog-content { padding:8px 38px; }
.ui-dialog-titlebar.ui-widget-header { border:0; background:none; }
.ui-dialog .ui-dialog-titlebar-close { position:absolute; right:0; top:0; width:40px; margin:0; height:40px; background:url(../img/lightbox-close.png); border:none; color:black; }
.bus-schedule-and-stops .route-title { margin-bottom:17px; }
.bus-schedule-and-stops .subheading { margin:31px 0 3px; }
.bus-schedule-and-stops ul { display:inline-block; list-style-type:none; margin:0; vertical-align:top; }
.bus-schedule-and-stops ul.tram-schedule { width:21.25%; margin-left:5%; }
.bus-schedule-and-stops ul.tram-schedule.first-col { margin:0; }
.bus-schedule-and-stops ul.tram-stop { width:47.25%; margin-left:5.5%; }
.bus-schedule-and-stops ul.tram-stop.single-col { width:100%; }
.bus-schedule-and-stops ul.tram-stop.first-col { margin:0; }

#route-tabs.tabbable {
	background-color: #eee;
}
#route-tabs.tabbable .nav-tabs {
	border-bottom: none;
}
#route-tabs.tabbable .nav li {
	border-right: 1px solid #eee;
}
#route-tabs.tabbable .nav li a {
	padding: 1em 1.16em;
	border: none;
	background: none;
	font-weight: bold;
	text-decoration: none;
}
#route-tabs.tabbable .nav li:not(.active) {
	background: #dadada;
}
#route-tabs.tabbable .tab-pane {
	margin: 10px;
	padding: 1.2em 1.4em;
	background: white;
}
#route-tabs.tabbable .tab-pane .route-title {
	font-size: 1.125rem;
	line-height: 1.625rem;
	margin: 8px 0 4px;
	font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
/* .0.625em solid #eee */