﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.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;
}

.wrapper {
    /*max-width: 1000px;*/
    height: auto;
	padding-left: 30px;
	padding-right: 30px;
}

.box {
	display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    background: #EEEEEE;
    z-index: 0;
    margin: 2px 2px 2px -2px;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	vertical-align: middle;
}

.box:hover {
	background: #9CC;
    z-index: 100;
	-webkit-transform: scale(2,2);
	-moz-transform: scale(2,2);
	-ms-transform: scale(2,2);
	-o-transform: scale(2,2);
	transform: scale(2,2);
	-webkit-box-shadow: 0 5px 10px 0 #000000;
	-ms-box-shadow: 0 5px 10px 0 #000000;
	box-shadow: 0 5px 10px 0 #000000;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,1);
}

.box img{
    display: block;
    max-width:200px;
    max-height:200px;
    width: auto;
    height: auto;
}
