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

#wrapper {
	font-family:'Source Sans Light', Arial, Helvetica, sans-serif;
	font-size:14px;
	position: relative;
	height: 605px;
	width: 95%;
	top: 0px;
	bottom: 0px;
	padding:10px;
/*background-image:url(https://www.etsu.edu/maps/campusMaps_window.png);*/
    background-position: top left;
    background-repeat: no-repeat;
	margin-left:auto; margin-right:auto;
	-webkit-box-shadow: 1px 1px 5px #666666;
	-moz-box-shadow: 1px 1px 5px #666666;
	box-shadow: 1px 1px 5px #666666;
	background: #fefff6; /* Old browsers */
}

.colHeading {
	height: 20px;
	font-size:30px;
	line-height:20px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:35px;
}

#topControls {
	height:auto;
	margin-top:3px;
	margin-bottom:10px;
	padding-bottom:10px;
}
	#mapFrame {
	height: 420px;
	max-width:1000px;
	margin-right:auto;
	margin-bottom:10px;
	margin-left:auto;
	margin-top:50px;
	border:2px solid #14304d;
	-moz-box-shadow: 1px 1px 1px #999; 
	-webkit-box-shadow: 1px 1px 1px #999; 
	box-shadow: 1px 1px 1px #999;
}
#bottomControls {
	min-height: 50px;
	margin-top: 5px;
	height: 50px;
	margin-top: 15px;
}

.searchList {
	text-align: center;
	vertical-align: middle;
}

.button {
	text-align: center;
	vertical-align: middle;
	margin-top:5px
}

#col1
{
	float: left;
	width: 24%;
	margin-left: 5px;
	display: inline;
}

#col2
{
	float: left;
	width: 24%;
	margin-left: 5px;
}

#col3
{
	float: left;
	width: 24%;
	margin-left: 3px;
	min-width:50px;
}
#col4
{
	float: left;
	width: 24%;
	margin-left: 3px;
	min-width:50px;
}

.searchButton {
	text-align: center;
	vertical-align: middle;
}



@media screen and (min-device-width: 501px) and (max-width:780px){
	#wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	position: relative;
	height: 615px;
	width: 90%;
	top: 0px;
	bottom: 0px;
	padding-right:10px;
	padding-left:10px;
	/*background-image:url(https://www.etsu.edu/maps/campusMaps_window.png);*/
    background-position: top left;
    background-repeat: no-repeat;
	margin-left:auto; margin-right:auto;
	-webkit-box-shadow: 1px 1px 5px #666666;
	-moz-box-shadow: 1px 1px 5px #666666;
	box-shadow: 1px 1px 5px #666666;
}
.colHeading {
	height: 20px;
	font-size:30px;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
}

#topControls {
	height:55px;
	width:100%;
	margin-bottom:50px;
}

#mapFrame {
	height: 310px;
	width:99%;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:0px;
	margin-top:20px;
	border:2px solid #14304d;
	-moz-box-shadow: 1px 1px 1px #999; 
	-webkit-box-shadow: 1px 1px 1px #999; 
	box-shadow: 1px 1px 1px #999;
}

#bottomControls {
	height: 75px;
	margin-top: 10px;
}

.searchList {
	text-align: left;
	vertical-align: middle;
}

.button {
	text-align: center;
	vertical-align: left;
	margin-top:5px
}

#col1
{
	float: left;
	width: 40%;
	height:48px;
	display: inline;
}

#col2
{
	float: left;
	width: 50%;
	height:48px;
	margin-left: 5px;
}

#col3
{
	float: left;
	width: 30%;
	height:45px;
	margin-top:10px;
	margin-left: 3px;
}
#col4
{
	float: left;
	width: 60%;
	height:20px;
	text-align:center;
}
.searchButton {
	text-align: center;
	vertical-align: middle;
}

}

@media screen and (min-width:0px) and (max-width:500px){
	#wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	position: relative;
	height: 615px;
	width: 100%;
	top: 0px;
	bottom: 0px;
	margin-bottom: 10px;
	padding:5px;
	/*background-image:url(https://www.etsu.edu/maps/campusMaps_window.png);*/
    background-position: top left;
    background-repeat: no-repeat;
	margin-left:0px; 
	margin-right:0px;
	-webkit-box-shadow: 1px 1px 5px #fff;
	-moz-box-shadow: 1px 1px 5px #fff;
	box-shadow: 1px 1px 5px #fff;
}
.colHeading {
	height: 10px;
	font-size:25px;
	line-height:25px;
	padding-top:3px;
	padding-bottom:30px;
	margin-bottom:30px
}

#topControls {
	height:87px;
	width:99%;
}

#mapFrame {
	height: 240px;
	width:100%;
	margin-left:0px;
	border:1px solid #14304d;
	-moz-box-shadow: 1px 1px 1px #999; 
	-webkit-box-shadow: 1px 1px 1px #999; 
	box-shadow: 1px 1px 1px #999;
}

#bottomControls {
	height: 75px;
	margin-top: 10px;
}

.searchList {
	text-align: left;
	vertical-align: left;
}

.button {
}

#col1
{
	float: left;
	width: 99%;
	height:50px;
}
#col2
{
	float: left;
	width: 99%;
	height:40px;
}

#col3
{
	float: left;
	width: 60%;
	height:30px;
}
#col4
{
	height:20px;
	width:30%;
	float:left
}
.searchButton {
	text-align: center;
	vertical-align: middle;
}

}