@charset "utf-8";
/* CSS Document */

* { font-family: Calibri, Verdana, Sans Serif, Arial; font-size: 16px; line-height: 20px;}
body { background-color: rgb(152,202,233);}

#reset_warn {
	background-color: white;
	width: 80%;
	padding: 10px;
	border-radius: 10px;
	border: 2px solid black;
	margin-left: 20px;
	margin-top: 20px;
}

.infobox {
	background-color: white;
	border: 1px solid #000000;
	border-radius: 10px;
	padding: 10px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	width: Auto;
	height: 100%;
}

.offset10 {position: relative; margin-top: -10px; z-index: 1;}
.offset25 {position: relative; margin-top: -25px; z-index: 1;}
.offset50 {position: relative; margin-top: -50px; z-index: 1;}
.offset100 {position: relative; margin-top: -100px; z-index: 1;}
.offset150 {position: relative; margin-top: -150px; z-index: 1;}
.offset200 {position: relative; margin-top: -200px; z-index: 1;}
.offsetvh30 {position: relative; margin-top: -30vh; z-index: 1;}

.indent {margin-left: 5%;}
.unindent {margin-left: -5%;}

.vspacer {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.vspacer_lg {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.no-pad {padding: 0px !important;}

/* Media Screen adjustment */

// Small screens
@media only screen {.offset25, .offset50, .offset100, .offset200, .offsetvh30 {margin-top: 0px;}}
/* Define mobile styles */
@media only screen and (max-width: 640px) {.offset10, .offset25, .offset50, .offset100, .offset150, .offset200, .offsetvh30 {margin-top: 0px;}}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 564px) or (min-width: 800px) {.offset10, .offset25, .offset50, .offset100, .offset200, .offsetvh30 {margin-top: 0px;}}
/* min-width 564px, medium screens */

@media only screen and (min-width: 564px) and (max-width: 1024px) {.offset10, .offset25, .offset50, .offset100, .offset150, .offset200, .offsetvh30 {position: relative; margin-top: 0px;} .infobox {width: 60%;} .no-pad {padding: 10px;} .wide80 {width: 80% !important;} .wide90 {width: 90% !important;}}
/* min-width 564px and max-width 1024px, use when QAing tablet-only issues */