@media only screen and (min-width: 1000px) {
body.padded{padding:0 4rem 3rem}
    .mgLgnMascot2 {
    left:50%;
    width:160px;
    margin-left:-80px;
    top:0px;
    position:absolute;
    cursor:pointer;
}

    .configmiddlepanesignup {
    position:relative;
    top:100px;
    left:50%;
    width:760px;
    height:800px;
    margin-left:-380px;
}

}

@media only screen and (max-width: 999px) {
body.padded{}
    .mgLgnMascot2 {
    left:50%;
    width:160px;
    margin-left:-80px;
    top:-20px;
    position:absolute;
    cursor:pointer;
}

    .configmiddlepanesignup {
    position:relative;
    top:120px;
    left:50%;
    width:90%;
    height:800px;
    margin-left:-45%;
}

}

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

.emaillink {
    color:#358EB7;
    text-decoration :none;
    cursor:pointer;
    font-weight:bold;
}

.emaillink:hover {
    opacity:0.8;
}


.mgLgnMascot2:hover {
    opacity:0.8;
}


.configmiddlepane {
    position:relative;
    top:100px;
    left:50%;
    width:760px;
    height:600px;
    margin-left:-380px;
}



@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
		
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
		
@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

.mgLdgBear
{
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    width:96px;
    height:96px;
    margin-left:-48px;
    margin-top:-48px;
    background-size: 120px 120px;
    background-image:url(../images/mocha/typingloop.gif);
    z-index:999;
}

.mgLdgLoading
{
    display:none;
    position:absolute;
    top:248px;
    left:0px;
    width:100%;
    text-align :center;
    z-index:1000;
    font-size:12pt;
    font-family: 'Lato',sans-serif;
    font-weight: 900;
    letter-spacing: -0.5px;
}

.mgrays {
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-image:url(../images/mg_rays.png);

	-webkit-animation-name: spin; 
	-webkit-animation-duration: 40000ms; /* 40 seconds */
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: linear;
			
	-moz-animation-name: spin; 
	-moz-animation-duration: 40000ms; /* 40 seconds */
	-moz-animation-iteration-count: infinite; 
	-moz-animation-timing-function: linear;
			
	-ms-animation-name: spin; 
	-ms-animation-duration: 40000ms; /* 40 seconds */
	-ms-animation-iteration-count: infinite; 
	-ms-animation-timing-function: linear;
			
	-o-transition: rotate(3600deg); /* works */
}

.mainpane {
    position:absolute;
    top:56px;
    left:0px;
    width:320px;
    height:304px;   /*height of box (450) minus logo height (70px) */
}


.rowsctr {
    list-style-type: none;
    text-align:center;
    padding: 0;
}

.unsel {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.helvetica{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.lato{font-family:'Lato',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
.lato_black{font-family:'Lato',sans-serif;font-weight:900}
.lato_bold{font-family:'Lato',sans-serif;font-weight:700}
.lato_regular{font-family:'Lato',sans-serif;font-weight:500}
.big_font {font-size:10pt;font-weight:normal !important;}
.bigtight_font {letter-spacing:-0.5px;font-size:12pt;}
.med_font {font-size:10pt;}
.small_font {font-size:10pt;}
.whitecol {color:#FFFFFF;}
.gray_col {color:#5E5E5E;}
.nounderline {text-decoration:none;}
.withshadow {text-shadow: #303D46 0.1em 0.1em 0.2em;}
body{margin:0;padding:0; background:#F5F5F5;color:#555459;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:1.5rem;padding:0 0 3rem}
hr{margin:1rem 0;clear:both}
hr.strong{border-top:2px solid #757575}