/*Note - not using a full css reset since we are using a css framework*/
ul {
    list-style:none;
    margin:0;
    padding:0;
}

img {
    /*max-width: 100%;*/   
    max-width: 100%;
    max-height: 100%;
}


/* #region Header */

.templateHeader {
    font-weight:bold;
    font-size:1em;
    text-align:left;
}

/* #endregion Header */

/* #region Validation */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.validationred {
    color: red;
}
/* #endregion Validation */

#mediaquery{ /*do not change or delete, used for css and javascript breakpoint coordination*/
	font-family: "xsmall"; /*work around for IE8, delete when we don't support it anymore*/
}
#mediaquery:after { /*do not change or delete, used for css and javascript breakpoint coordination*/
    content: "xsmall";
    display: none;
}

    #map_canvas {
        height: 17em;
    }

/*Phone/Landscape STYLES*/
@media (min-width:26.25em), print /*420/16*/
{
    #mediaquery{ /*do not change or delete, used for css and javascript breakpoint coordination*/
		font-family: "small"; /*work around for IE8, delete when we don't support it anymore*/
	}
	#mediaquery:after { /*do not change or delete, used for css and javascript breakpoint coordination*/
        content: "small";
        display: none;
    }
    #map_canvas {
        height: 17em;
    }
}

/* tablet STYLES*/
@media (min-width:37.5em), print /*600/16*/
{
    #mediaquery{ /*do not change or delete, used for css and javascript breakpoint coordination*/
		font-family: "medium"; /*work around for IE8, delete when we don't support it anymore*/
	}
	#mediaquery:after { /*do not change or delete, used for css and javascript breakpoint coordination*/
        content: "medium";		
    } 
    #map_canvas {
        height: 40em;
    }

}

/*DESKTOP STYLES*/
@media (min-width:64em)  /* 1024/16 breakpoint four */
{
    #mediaquery{ /*do not change or delete, used for css and javascript breakpoint coordination*/
		font-family: "large"; /*work around for IE8, delete when we don't support it anymore*/
	}
	#mediaquery:after { /*do not change or delete, used for css and javascript breakpoint coordination*/
        content: "large";
    }  
    #map_canvas {
        height: 40em;
    }
    /* #region Footer */
    

    /* #endregion Footer */
}

/* Large screens ----------- */
@media (min-width : 114em) /*1824/16*/
{
    #mediaquery{ /*do not change or delete, used for css and javascript breakpoint coordination*/
		font-family: "xlarge"; /*work around for IE8, delete when we don't support it anymore*/
	}
	#mediaquery:after { /*do not change or delete, used for css and javascript breakpoint coordination*/
        content: "xlarge";		
    }
    #map_canvas {
        height: 40em;
    }
}