body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; background-color: #FFFFFF;
}
a{color: #FFFFFF;}
#bg{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block; /*!*/
	position:absolute;
	z-index:1;
}
p, h1, form, button{
	border:0;
	margin:0;
	padding:0;
}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width: 90%;
	padding:14px;
	position: relative;

	top: 20px;
	z-index:5;
}


.title{
	width: 100%;
	height: 230px;
  margin: 0 auto;
	padding: 5px;
	position: relative;
	text-align: center;
	z-index:5;
}

.headerbox{
	padding-top: 5px;
	border-radius: 20px;
	padding-bottom: 10px;
}

/* ----------- stylized ----------- */

.Left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 350px;
  background-color:#000000;
	vertical-align: top;
	text-align: center;
    ;

}

.Right {
    position: absolute;
    left: 350px;
    top: 0;
    bottom: 0;
    right: 0;
	vertical-align: top;
	text-align: center;
}


.flux {
  font-family: Lato;
  color: #00FFFF;
  font-size: 60px;
  line-height: 60px;
  text-shadow: 0 0 50px #2356FF;
}

.flux {
  animation: flux 2s linear infinite;
  -moz-animation: flux 2s linear infinite;
  -webkit-animation: flux 2s linear infinite;
  -o-animation: flux 2s linear infinite;
}

@keyframes flux {
  0%,
  100% {
    text-shadow: 0 0 12px #1041FF, 0 0 36px #1041FF, 0 0 120px #1041FF, 0 0 120px #1041FF, 0 0 4.8px #8BFDFE, .5vw .5vw 1.2px #147280;
    color: #00FFFF;
  }
  50% {
    text-shadow: 0 0 6px #082180, 0 0 18px #082180, 0 0 60px #082180, 0 0 60px #082180, 0 0 2.4px #082180, .5vw .5vw 1.2px #0A3940;
    color: #146C80;
  }
}




#stylized{
	border: none;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.scanlabel1{
color:#566573;
font-family: Lato;
font-weight: bold;
display: inline-block;
font-size: 18px;
text-align: center;
margin: auto;
width: 100%;
/*padding-top: 10px;
padding-bottom: 5px;*/
}

#stylized .scanlabel2{
color:#000000;
font-family: Lato;
font-weight: bold;
display: inline-block;
font-size: 70px;
text-align: left;
margin: auto;
width: 100%;
padding-top: 10px;
padding-bottom: 5px;
}

#stylized .scanlabel3{
color: #FFFFFF;
font-family: Lato;
font-weight: bold;
display: inline-block;
font-size: 40px;
text-align: center;
margin: auto;
width: 100%;
padding-top: 10px;
padding-bottom: 5px;
}

#stylized .scanlabel4{
	font-family: Lato;
	font-weight: bold;
	display: inline-block;
	font-size: 20px;
	text-align: center;
	margin-top: auto;
	width: 100%;
	/*padding-top: 10px;
	padding-bottom: 5px;*/
	}

#stylized .scanlabel5{
	font-family: Lato;
	font-weight: bold;
	display: inline-block;
	font-size: 30px;
	text-align: center;
	margin: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
	}

.myTextBox {
	height: 30px;
	width: 200px;
    position: relative;
    left: 0;
    outline: none;
    background-color: white;
	font-family: Lato;
    font-size: 16px;
	margin-top: 10px;
	padding: 2px 10px;
}

.login_button{
	display: inline-block;
	width: 220px;
	height: 30px;
	font-family: Lato;
	background-color: #0276db;
	text-align: center;
	color:#FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 10px;
	margin-top: 10px;
	}
	
	.login_button:hover {
		background-color: #00FFFF;
		color:#000000;
	}



#stylized .invisible_student{
font-size: 20px;
font-family: Lato;
font-weight: bold;
border: none;
width: 200px;
margin: auto;
margin-top: 10px;
border: 1px solid #CCC;
background: #FFFFFF;
text-align: center;
}

.invisible_button{visibility: hidden;}