body{
background-color: #ffffff;
background-attachment: fixed;
background-size: 100% auto;
}

h1{
font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
color: #2833ff; 
font-size: 72px;
text-align: center;
opacity:.75;
margin-top:15%; 
}

h2{
margin-top: 25px;
font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
color: #2833ff; 
font-size: 48px;
text-align: center;
opacity:.75;
}

h3{
width:70%;
margin-left:15%; 
margin-right:15%;
border: 2px solid black;
background-color: white;
font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
color: black;
line-height: 32px; 
font-size: 28px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
opacity:.75;
}

h4{
margin-top: 50px;
font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
color: #000000; 
font-size: 48px;
text-align: center;
opacity:.75;
}
/*
This is for the tables with answers
*/
table{
border-collapse: collapse;
color: blue;
border: 2px solid white;
background-color: #ffffff;
opacity:.75;
width:70%; 
margin-left:15%; 
margin-right:15%;
}

/*
This is the headers for the tables
*/
th{
color: white;
font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
border: 2px solid white;
background-color: #2833ff;
font-size: 28px;
opacity: 1.0;
padding-top: 5px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 5px;
text-align: center;
}

td{
font-size: 24px;
font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
text-align: left;
opacity: 1.0;
padding-top: 5px;
padding-right: 25px;
padding-bottom: 5px;
padding-left: 25px;
}

input[type=radio] {
width: 20px;
height: 20px;
padding-right: 20px;
cursor: hand; 
}

input[type=button]{
font-size: 48px;
font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
color: white;
height: 100px;
margin-top: 10px;
width:30%;
margin-left:35%; 
margin-right:35%;
border: 2px solid white;
background-color: black;
opacity:.75;
cursor: pointer;
}

input[type=button]:hover{
font-size: 48px;
font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif";
color: black;
height: 106px;
margin-top: 6px;
width:32%;
margin-left:34%; 
margin-right:34%;
border: 4px solid black;
background-color: white;
opacity:.75;
}


label:hover{
	cursor: hand; cursor: hand;
	color: gold;
}

.meter {
	height: 2.5%;
	width: 70%;
	margin-left:15%; 
	margin-right:15%;
	position: relative;
	background: #000;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	border: 2px solid white;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
	opacity:.75;
}

.meter > span {
	display: block;
	height: 100%;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	background-color: rgb(255,255,255);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(100,100,100)),
	  color-stop(1, rgb(255,255,255))
	 );
	background-image: -webkit-linear-gradient(
	  center bottom,
	  rgb(100,100,100) 50%,
	  rgb(255,255,255) 69%
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(100,100,100) 50%,
	  rgb(255,255,255) 69%
	 );
	background-image: -ms-linear-gradient(
	  center bottom,
	  rgb(100,100,100) 50%,
	  rgb(255,255,255) 69%
	 );
	background-image: -o-linear-gradient(
	  center bottom,
	  rgb(180,180,180) 37%,
	  rgb(255,255,255) 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}

.meter > span:after {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: 
	   -webkit-gradient(linear, 0 0, 100% 100%, 
	      color-stop(.25, rgba(255, 255, 255, .2)), 
	      color-stop(.25, transparent), color-stop(.5, transparent), 
	      color-stop(.5, rgba(255, 255, 255, .2)), 
	      color-stop(.75, rgba(255, 255, 255, .2)), 
	      color-stop(.75, transparent), to(transparent)
	   );
	background-image: 
		-webkit-linear-gradient(
		  -45deg, 
	      rgba(255, 255, 255, .2) 25%, 
	      transparent 25%, 
	      transparent 50%, 
	      rgba(255, 255, 255, .2) 50%, 
	      rgba(255, 255, 255, .2) 75%, 
	      transparent 75%, 
	      transparent
	   );
	background-image: 
		-moz-linear-gradient(
		  -45deg, 
	      rgba(255, 255, 255, .2) 25%, 
	      transparent 25%, 
	      transparent 50%, 
	      rgba(255, 255, 255, .2) 50%, 
	      rgba(255, 255, 255, .2) 75%, 
	      transparent 75%, 
	      transparent
	   );
	background-image: 
		-ms-linear-gradient(
		  -45deg, 
	      rgba(255, 255, 255, .2) 25%, 
	      transparent 25%, 
	      transparent 50%, 
	      rgba(255, 255, 255, .2) 50%, 
	      rgba(255, 255, 255, .2) 75%, 
	      transparent 75%, 
	      transparent
	   );
	background-image: 
		-o-linear-gradient(
		  -45deg, 
	      rgba(255, 255, 255, .2) 25%, 
	      transparent 25%, 
	      transparent 50%, 
	      rgba(255, 255, 255, .2) 50%, 
	      rgba(255, 255, 255, .2) 75%, 
	      transparent 75%, 
	      transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size:    50px 50px;
	background-size:         50px 50px;
	-webkit-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	overflow: hidden;
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

.meter > span:after, .animate > span > span {
  -webkit-animation: move 2s linear infinite;
}