﻿@media screen and (max-width: 1500px) {
    .show {
        display: none;
    }
}

@media screen and (max-width: 980px) {

	#logo {
		width: 100%;
	}
    
    #map_search {
        width: 250px;
        height: 450px;
        float: left;
    }

    #buttons {
        float: right;
    }

    #topLogo, #logo2 {
        display:none;   
    }

    #tagLine {
        font-size: 14px;
    }

    .show {
        display:none;
    }

    #tagLine {
        font-size: 14px;
    }

}

@media screen and (max-width:760px) {
    	#logo {
		width: 95%;
	}

            #tagLine {
        font-size: 12px;
    }

}


@media screen and (max-width: 650px) {

	#logo {
		width: 90%;
	}

    #header.short {
        height: auto;
    }

    #tagLine {
        width: auto;
        font-size:10px;
    }

    #map_search {
        width: 150px;
        height: 450px;
        float: left;
    }

    #map_canvas {
        width:auto;
    }

    #leftmenu {
        margin-top: 0px;
        font-size:11px;
        text-align:center;
    }
    #rightmenu {
        margin-top: 0px;
        font-size:11px;
        text-align:center;
    }

    .hide {
        display: none;
    }

    .show {
        display: inline;
    }

    #buttons {
        float: none;
    }


}

@media screen and (max-width: 480px) {

	html {
		-webkit-text-size-adjust: none;
	}

    #logo2 {
        width: 100%;
        display:inline;
        height:auto;
    }

    #leftmenu {
        margin-top: 0px;
        float:none;
        width:auto;
    }

    #rightmenu {
        margin-top: 0px;
        float:none;
        width:auto;
    }

    #centermenu {
        margin: auto;
        display:none;
    }

    #tagLine {
        display: none;
    }

     #map_search {
        width: auto;
        height: auto;
        float: none;
    }

     #topLogo {
        display: inline-block;
        margin:auto;
        width:auto;
        height:auto;
        padding:1px;
        overflow:hidden;
    }

    #markers {
        padding-top: 2px;
    }

    #pageNumber {
        font-size: 8px;
    }

    div.reginput .tr {
        margin: auto;
        text-align: center;
    }
    
    div.reginput .td40 {
        width: 99%;
        float: none;
        margin:auto;
        text-align:center;
        padding: 2px 0 2px 0;
    }

    div.reginput .td60 {
        width: 99%;
        float: none;
        border-top:1px solid silver;
        border-left:none;
        margin:auto;
        text-align:center;
        padding: 2px 0 2px 0;
    }

    div.reginput .right {
        text-align: center;
    }

    .hints {
        display: none;
    }

    .w350 {
    width: 250px;
}

.w300 {
    width: 250px;
}

.w400 {
    width: 250px;
}

.textbox {
    font-size:9px;

}