@charset "utf-8";
/* CSS Document */
#meterMessage h1, #welcomeMessage h1 {font-size:1rem; font-weight:bold; font-family:"Roboto"; margin-bottom:15px; }
#meterMessage p, #welcomeMessage p {font-size:0.725rem;}

#welcomeMessage a:link, #welcomeMessage a:visited, #welcomeMessage a:focus, #welcomeMessage a:hover, #welcomeMessage a:active {text-decoration:underline; color:#990000;}

.redButton {background: #900;
    color: #fff;
    border-radius: 10px;
    height: 40px;
    padding: 5px 10px;
    margin-top: 23px;
}
.redButton a { color:#fff;}
#loginForm h3 { font-size:1.25rem; font-weight:bold; text-align:center}

.formField {width:35%; float:left; margin-right:10px;  font-size:0.725rem;}

#loginForm form input { border:2px solid #ccc; border-radius:10px; }

#loginForm form button {background:#900; color:#fff; border:1px solid #ccc; border-radius:10px; height:40px; margin-top:15px;}

#loginForm p {font-size:0.725rem}

#registration-div input[type='text'], #registration-div input[type='password']{height:auto !important; }

@media screen and (max-width: 40em) {
	.formField {width:100%;}
	#loginForm form button {margin-top:0;}
	#loginContainer h3 {font-size:1.75rem;}
}

#registerLoginBox {margin:0 0 30px 0}
#registerLoginBox h2 {font-size:1rem; font-weight:bold; font-family:"Roboto"; margin:0 0 20px 0;}
.subscribeOptions {width:46%; float:left; margin:0 8% 0 0;}
.subscribeOptions  img { max-height:107px; display:block; margin:0 auto}

.subscribeOptions a:link, .subscribeOptions a:visited, .subscribeOptions a:focus, .subscribeOptions a:hover, .subscribeOptions a:active  {text-decoration:underline; color:#990000}