html,
body {
    height: 100%;
}

#mainpanel {
	
	padding-top: 20px; padding-bottom: 100px;
	
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -50px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
    height: 50px;
}

#footer {
    background-color: #ddd;
}

.faint { color: #777; }

form.form-forceinline .form-control {
	width: auto;
	display: inline;
}

div.preview { border: 1px solid #ccc; padding: 20px; margin: 10px;}
span.previewtitle { font-size: 120%; font-weight: bold; color: #ccc; display:block; margin-bottom: 10px;}

a.addressselect {
	color: black;
	text-decoration: none;
	display: block;
	border: 1px solid  #ccc;
	border-radius: 4px;
	padding: 10px; margin: 5px;
	min-height: 200px;
}

a.addressselect:hover {
	background-color: #eee;
	}
	
a.imgdisplaythumb img { 
	opacity: 0.5;
}

a.imgdisplaythumb:hover img { 
	opacity: 0.8;
}



/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}