#page_container.home_station_picker{
	
}

.component.home_station_picker{
	background-color:#004677;
	position:relative;
	margin:auto;
	margin-top:100px;
	margin-bottom:10px;
	border:2px solid #004677;
	border-radius:3px;
	padding:10px;
	width:280px;
	text-align:center;
}

.component.home_station_picker input{
	box-shadow:2px 2px 3px #aaa inset;
	width:calc(100% - 20px);
	padding:5px;	
	margin:5px;
	border:1px solid #004677;
}

.component.home_station_picker button{
	cursor:pointer;
	margin:10px;
	padding:5px 20px;
}

.component.home_station_picker #submit.disabled{
	opacity:0.5;
	cursor:default;
}


.component.home_station_picker .logo{
	width:250px;
	position:absolute;
	bottom:185px;
	text-align:center;
}

.component.home_station_picker .logo img{
	width:150px;
	margin:auto;
}

.component.home_station_picker .component_title{
	//background-color:#004677;
	color:white;
	margin:-10px;
	margin-bottom:10px;
	padding:7px;
}

.component.home_station_picker #headerTitle{
	text-transform:uppercase;
	width: 400px;
	font-size:20px;
	color:#004677;
	position:absolute;
top:-50px;
	left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);;
}
/*
.component.home_station_picker #headerTitle:before{
	content:'';
	width: 150px;
	border-bottom:2px solid #004677;
	position:absolute;
	top:-10px;

    transform: translate(-50%, -50%);;
}

.component.home_station_picker #headerTitle:after{
	display:block;
	content:'Real-time station simplifiers';
	font-size:16px;
}
*/
.footnote a{
	color:#2873B9;
}
.footnote{
	color:#2873B9;
	padding:0;
	color:black;
	font-size:16px;
}