/* Stations Picker (stations.php) */

.stations-result {
	padding: 0;
	/*width: 49%;*/
	/**min-width: 220px;*/
	/*border: 1px dotted;*/
	/*float: left;
	height: 100%;*/
	/*margin-bottom: 3.5em;*/
}

@media
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 600px){
		/*.stations-result {
			font-size: 0.8em;
			width: 100%;
		}**/
	}

.stations-preload {
	/*width: 420px;
	min-width: 220px;*/
	height: 420px;
	/*margin-top: 1.5em;
	margin-left: 1.5em;*/
	/*border: 1px dotted;*/
	/*float: left;
	display: inline-block;*/
}

	@media
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px){
		.stations-preload {
			width: 100%;
			height: 20.75em;
			margin: 1em 0 2em 0;
			clear:both;
		}
	}

.picker * {
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
}

.city-result:last-child {
	/*margin-bottom: .8em;*/
}

.fed-picker {
	padding: .2em .2em .4em .8em;
	margin-bottom: 0em;
	max-width: 100%;
	font-size: 1.25em;
	text-align: left;
	/*border-left: .2em solid rgba(78,186,11,0.9);*/
	cursor: pointer;
	color: rgba(45,45,20,1);
	z-index: 1;
	position: relative;
	transition:all .2s;
}

.fed-picker:hover {
	background-color: rgba(225,225,225,.25);
}

.reg-picker {
	padding: .2em;
	margin: .2em 0 .0em 1.5em;
	cursor: pointer;
	color: rgba(45,45,20,1);
	border-bottom: 2px solid transparent;
	/*background-color: rgba(255,90,90,0.6);*/
	z-index:2;
	position: relative;
	transition:border-bottom .3s 0s ease;
}

.reg-picker:hover {
	border-bottom: 2px solid rgba(225,231,228,.9);
}

.city-picker {
	padding: .2em;
	margin: 0 0 0 2.8em;
	/*font-size: 1.2em;*/
	/*background-color: rgba(78,186,11,0.4);*/
	border-bottom: 2px solid transparent;
	color: rgba(45,45,20,1);
	text-align: left;
	cursor: pointer;
	z-index:3;
	position: relative;
	transition:all .2s;
}

.city-picker:hover{
	border-bottom: 2px solid rgba(225,231,228,.9);
}

#picker-description {}

.city-result {
	margin-left: 4em;
	border-left: .1em solid rgb(120,120,120);
	z-index: 4;
	padding-left: 1px;
}

.city-result-alone {
	/*margin-left: 4em;*/
	/*border-left: .1em solid rgb(120,120,120);*/
	padding-left: 0px;
	z-index: 4;
}

	.stations-li-alone {
		border-bottom: 1px solid rgb(120,120,120);
		/*margin:0 0 0 1em;*/
		list-style: none;
		cursor: pointer;
		padding: .2em;
		font-size: 1em;
		transition:transform .2s ease-out, border-bottom .2s ease-out;

		user-select:none;
		-webkit-user-select:none;
		-moz-user-select:none;

		z-index: 5;
		position: relative;
	}

	.stations-li-alone:hover {
		background-color: rgba(150,150,150,.5) !important;
	}

.stations-li {
	border-bottom: .1em solid rgb(120,120,120);
	margin:0 0 0 1em;
	list-style: none;
	cursor: pointer;
	padding: .2em;
	font-size: .8em;
	transition:transform .2s ease-out, border-bottom .2s ease-out;

	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;

	z-index: 5;
	position: relative;
}

.stations-li:first-child{
	margin-top: .5em;
}

.stations-li:hover {
	transform:rotate(-1deg);
	border-bottom: .1em solid transparent;
	background-color: rgba(190,190,190,.5);
}

#stations-li-cur:before {
	content: " >>>> ";
}

#spid-info {
	margin-top:1em;
}

#spid-link-to-more {
	margin-top: 1em;
}

#more-about-station {
	margin-top: .5em;
	padding: .5em;
	background-color: rgba(70,180,70,0.9);
	color: black;
	text-decoration: none;
}

.fed-triangle-class {
	margin-right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 10px;
	border-color: transparent transparent transparent rgba(120,120,120,.9);
	display: inline-block;
	transition:all .2s ease;
}

input:checked + .fed-triangle-class{
	transform:rotate(90deg);
	border-color: transparent transparent transparent rgba(78,186,11,0.9);
}

.reg-triangle-class {
	margin-right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 10px;
	border-color: transparent transparent transparent rgba(120,120,120,.9);
	display: inline-block;
	transition:all .2s ease;
}

input:checked + .reg-triangle-class {
	transform:rotate(90deg);
	border-color: transparent transparent transparent rgba(78,186,11,0.9);
}

.city-triangle-class {
	margin-right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 10px;
	border-color: transparent transparent transparent rgba(120,120,120,.9);
	display: inline-block;
	transition:all .2s ease;
}

input:checked + .city-triangle-class {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	border-color: transparent transparent transparent rgba(78,186,11,0.9);
}

/* Stations.php (the end) */

/* More.php */



/* More.php */