@charset "UTF-8";
/* CSS Document */

/*
Theme Name:     Mobile Rail
Theme URI:
Description:    Timestable scroll CSS style sheet for Mobile Rail web application
Author:         Kyle Crowther
Author URI:
Template:       
Version:        2.0
*/

/* Notes
*
*UPDATE 08/2015
*removed height as percentages to fix element height vs window height issues
*removed height on #page-content, #page-content-scroll, #page-content-scroll, .page-content-scroll, .page-sub-content for better vertical uniformity with maps and text pages
*original height of elements based on body min-height 960px, with page-content 742px and page-sub-content/maps 571px (mistake). new height has been updated
*
*/


/*------------------------------------------------------------
			Times Scroll
------------------------------------------------------------*/

.gray-back {
	background-color: #e0e0e0;
}

#times01, #times02, #times03, #times04, #times05, #times06, #times07, #times08, #times09, #times10, #times11, #times12, #times13, #times14, #times15, #times16, #times17, #times18, #times19, #times20, #times21, #times22, #times23, #times24, #times25, #times26, #times27, #times28, #times29, #times30, #times31, #times32, #times33, #times34, #times35, #times36, #times37, #times38, #times39, #times40, #times41, #times42, #times43, #times44 {
	height: 261px /*512px 85.333%*/;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100% /*600px*/;
}

.times-scroll-01 {
	background-image: url('images/background/times-back.png');
	height: 5130px /*1421.333%*/;
	margin: 0;
	padding: 0;
	width: 100%;
}

.times-scroll-02 {
	background-image: url('images/background/times-back.png');
	height: 4770px /*1317.333%*/;
	margin: 0;
	padding: 0;
	width: 100%;
}


/*------------------------------------------------------------
		MEDIA QUERIES i.e. RESPONSIVE
------------------------------------------------------------*/

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px){

	#times01, #times02, #times03, #times04, #times05, #times06, #times07, #times08, #times09, #times10, #times11, #times12, #times13, #times14, #times15, #times16, #times17, #times18, #times19, #times20, #times21, #times22, #times23, #times24, #times25, #times26, #times27, #times28, #times29, #times30, #times31, #times32, #times33, #times34, #times35, #times36, #times37, #times38, #times39, #times40, #times41, #times42, #times43, #times44 {
		height: 355px;
		}
}