.maximize{
    display:none;
}

.top-btn-div {
    vertical-align: bottom;
    height: 50px;
}

.clear-all-floats {
    clear: both;
}

.MapPlaceHolder {
    position: relative;
    padding: 0;
    height: 450px;
    width: 100%;
    min-height: 450px;
    min-width: 320px;
}

.map {
    position: relative;    
    padding: 0;
    margin: 0;
    height: 450px;
    width: 100%;
    min-height: 450px;
    min-width: 320px;
}


.cap_buttons {
    float:left;
    margin-left:45%;
    padding:3px;
    width:200px;
    height:auto;
    z-index:55;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align:middle;
    border:1px solid #000; 
    background-color:#fff; 
    box-shadow: 2px 2px 12px #111; 
    border-radius:3px;
    text-align: center;
}

.map-switch-img {
    position: absolute;
    right:5px;
    top:5px;
    z-index:55;
    margin:0;
    padding:0;
}

#PCErrorMessage {
    display:none;
    color:red;
}

.top-btn-div {
    width:100%;
    margin-bottom: 5px;
}


.right-top-btn-div {
    width:20%;
    float: right;
}

.cap_map
{
    width:100%;
    height:100%;
}


#zoomMsg {
    color: red;
    font-weight: bold;
}


.cap_bluePin {
    position:absolute;
    top:50%; margin-left:-12px;
    left:50%; margin-top:-38px;
    width:auto;
    height:auto;
    z-index:55;
    position:fixed;
}

.cap_loading {    
    right:100px;
    bottom:5px;
    z-index:55;
}

.cap_message {
    width:auto;
    text-align:center;
    font-size:11pt;
}

.cap_gps {
     height:38px;
     width:38px;
     display:none;
     z-index:55;
     padding: 3px 3px 0 3px;
     background-color:#fff;
     border:1px solid #000; 
     background-color:#fff; 
     box-shadow: 2px 2px 12px #111; 
     border-radius:3px;
     
    position: absolute;
    right:100px;
    top:10px;
}


#locate-button-div {
    float:right;
}

@media only screen and (max-width: 750px) {

    #locate-button-div {
        clear: both;
    }    
    
    #my-location-text-div {
        clear: both;
        display: none;
    }

    .right-top-btn-div {
        width:10%;
    }
    
}

@media only screen and (max-width: 600px) {
    
    .map {
        height: 430px;
        min-height: 430px;
    }    
    
    .map-switch-img {
        top:20px;
    }
    
    .cap_gps {
        top:25px;
    }
    
    .cap_buttons {
        width:150px;
    }
 
    .cap_buttons {
        margin-left:35%;        
    }
}

@media only screen and (max-width: 360px) {
    
    .MapPlaceHolder {
        height: 300px;
        min-height: 300px;
    }

    .map {
        height: 300px;
        min-height: 300px;
    }
}