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

html, body { color:#000000; font-weight:500; font-size:14px; margin: 0px; height: 100%; font-family:Arial, Helvetica, sans-serif;  background-color: #ffffff;}

a:link    {color:#0099FF; font-weight:500; text-decoration:none; border:0px; }
a:visited {color:#0099FF; font-weight:500;text-decoration:none; border:0px; }
a:hover    {color:#0099FF; font-weight:500;text-decoration:underline; border:0px; }
		
.nav a:link  {color:#0099FF; font-weight:700; text-decoration:none; border:0px; font-size:12px;}
.nav a:visited {color:#0099FF; font-weight:700;text-decoration:none; border:0px; font-size:12px; }
.nav a:hover    {color:#57E8E8; font-weight:700;text-decoration:none; border:0px; font-size:12px; }



.header_div {
    z-index: 100;
    width: 100vw;
	right: 0px;
	top: 0px; 
	left: 0px; 
	background-color: #438dcb;
    text-align: center;
    padding: 20px;
    color: #ffffff;
    font-size: 20px; 
    
}

.regbox {z-index: 1;position: relative;top: 20px;left: 50%;transform: translate(-280px, 0);width: 560px;text-align: center;}

.bigtitle {
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #1D476E; font-size: 4vw; transform: scaleY(1.5); padding: 0px; margin: 0px 0px 10px 0px; }

.medtitle {
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #1D476E; font-size: 1.7vw; transform: scaleY(1.5); padding: 0px; margin: 0px 0px 10px 0px; }

.subheader_div {z-index: 100;width: 100vw;right: 0px;top: 0px; left: 0px; background-color: #061e36;text-align: center;padding: 10px;color: #ffffff;font-size: 20px; }

.subheader_div2 {z-index: 100;width: 100vw;right: 0px;top: 0px; left: 0px; background-color: #0b3560;text-align: center;padding: 10px;color: #ffffff;font-size: 15px; }

.subheader_div2 a:link  {color:#0099FF; font-weight:700; text-decoration:none; border:0px; font-size:12px;}
.subheader_div2 a:visited {color:#0099FF; font-weight:700;text-decoration:none; border:0px; font-size:12px; }
.subheader_div2 a:hover    {color:#57E8E8; font-weight:700;text-decoration:none; border:0px; font-size:12px; }


.recordbox {z-index: 1;position: relative;top: 20px; width: 100%; text-align: center;}

.helpbox {width: 60%; margin: auto auto 15px auto; text-align: left; display: inline-block;}


.smalltitle {font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; transform: scaleY(1.5); padding: 0px; margin: 0px 0px 10px 0px; color: #102C47; font-size: 14px;}

.store-display-records {z-index: 1;position: relative;top: 20px;left: 50%;transform: translate(-280px, 0);width: 560px;text-align: center; border-top: 1px solid #d1cfcf; }

.leaguetable {width: 80%; max-width: 800px; border:0px solid #cccccc; border-collapse: collapse; }
.leaguetable td {padding: 5px;} 

.stampbox {
    display: inline-block;
    margin: 0px 10px 0px 0px;
    width: 100px;
}
.stampbox img {
    width: 100px; 
}

.accountlogin {z-index: 1; position: absolute; top: 20px; left: 50%; transform: translate(-250px, 0);width: 500px; text-align: center;}

.accountloginlogo {position: relative; width: 200px; }

.accountlogin p {font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #1D476E; font-size: 4vw; transform: scaleY(1.5); padding: 0px; margin: 0px 0px 10px 0px; }

.accountloginform {position: relative; width: 100%;}


.loginbox {width: 100%;z-index: 1;}

.loginbox p {font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #1D476E; font-size: 3.5vw; transform: scaleY(1.5); padding: 0px; margin: 0px 0px 10px 0px;}

.loginbox .homedesigngraphic1 {z-index: 1;position: absolute;bottom: 0px;right: 0px;}

.loginbox .homelogocircle {z-index: 2;position: absolute;width: 45%;right: 20px;top: 5%;}

.loginbox input {width:100%;height: 40px; margin-bottom: 5px;font-size: large;}

.homeform {z-index: 3;position: absolute;width: 50%;left: 20px;top: 15%;}
.nameform {z-index: 3;position: absolute;width: 50%;left: 20px;top: 5%;}

.loginbox .newsbox {z-index: 2; position: absolute; height: 150px; width: 100%; bottom: 40px; }

.newsbox {background-color: #f57b1f; text-align: center; padding: 10px; color: #ffffff; font-size: 20px; }

.newsbox p {font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #ffffff; font-size: 28px; font-weight: bold; transform: scaleY(1.5); padding: 0px; margin: 10px 0px 10px 0px; }