html{
	font-size: 62.5%;
    line-height: 1.15;
	 font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{
	margin: 0;
    font-family: "Roboto",Arial,Helvetica,sans-serif;
	color: #626262;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.3rem;
	background: #FFF;
}
#container{
	background: #FFF;
    color: #00418B;;
	padding: 0 10px;
}
#header{
	padding: 16px 0;
}
#logo{text-align: center;}
#logo img{
	max-width: 280px;
	margin: 0 auto;
}
#main{
	max-width: 700px;
	margin:0 auto;
	padding: 16px 4px;
    border: 1px solid #80a0c5;
    border-radius: 15px;
}
#form-area{
	max-width:400px;
	margin:40px auto 12px auto;
}
form{
	margin: 0;
	padding: 0;
}
hr{
	border: 1px solid gray;
	height: 1px;
}
img{
	border: 0;
	width: 100%;
	height: auto;
}
table{
	border-collapse: collapse;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.3em;
}
h1{
}
h2{
}
h3{
}
p{
	margin: 0 0 1em 0;
}
a {
	text-decoration:underline;
	color:#888;
}
a:hover {
	text-decoration:none;
	color:#666;
}
h1.title{line-height:1.1em; margin-top:12px;}
.title, #intro {text-align: center;}
#intro {
	margin: 18px 0;
	font-size: 1.2em;
	line-height:1.2em;
	font-style: italic;
	color: #727272;
}

.form-item .description{
	text-align: right;
	color: #777;
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.2em;
	margin: -8px 0 16px 0;
}
#form-area input#name, #form-area input#password {
	width:95%;
	margin:6px 0 16px 0;
	border: 1px solid #9ca3af;
	height: 32px;
	padding: 0 6px;
	color:#0033a0;
	font-weight:normal;
	font-size: 1em;
	line-height: 12px;
	border-radius: 8px;
}
#form-area input#name:focus, #form-area input#password:focus{
	border-color: #0033a0;
}
#form-area label{
	display:block;
	font-weight:bold;
}
#form-area div#submit-button {text-align: center; margin: 18px 0 32px 0;}
#form-area div#submit-button input{
	font-family: "Inter","Arial","Helvetica",sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.2em;
	border: 1px solid rgba(0,0,0,0);
	transition: all 200ms ease;
	color:#FFF;
	background-color: #0033a0;
	width: auto;
	padding: 17px 32px;
	border-radius: 8px;
}
#form-area div#submit-button input:hover, #form-area div#submit-button input:focus {
	cursor: pointer;
	background: #fff;
	color: #0033a0;
	border-color: #0033a0;
	opacity: 1;
	background-color: rgb(255, 255, 255);
}
#issues-toggle-links {cursor: pointer; text-align:center; line-height:1.4em;}
#issues-toggle-links:hover {color:#666;}

.help-section{
	max-width: 500px;
    margin: 30px auto;
}
.help-section-entry{
	margin: 0 0 12px 0;
	padding: 4px 35px 12px 35px;
	border-top: 1px solid rgba(255,255,255,0.4);
	background: url(../images/arrow-right-blue.svg) no-repeat 4px 10px;
	background-size: 12px;
}
.help-section-entry:hover{
}
.help-section-entry .issue{
	font-weight: bold;
}
.help-section-entry .answer{
	font-style: italic;
}
.help-section-title{
	font-size:1.4em;
	color: #80a0c5;
	font-weight: bold;
	margin-top: 16px;
}
#close-button{
	text-align:center;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	border:1px solid #80a0c5;
	background-color: transparent;
	width: 145px;
	margin: 18px auto;
	border-radius: 8px;
}
#close-button:hover{cursor: pointer; color: #80a0c5;}
div#footer {
	margin-top:32px;
    text-align: center;
}
.copyright, .footer-content{
	color: #80a0c5;
	font-size: 0.9em;
}
	
p.errorauth{
	text-align: center;
	width: 98%;
	padding: 8px;
	/*background-color: #eee;*/
}
p.errorauth strong {
	color: #E3007B;
	font-weight: normal;
}
@media only screen and (max-width : 640px) {
	#logo img{
		max-width: 50%;
	}
	#form-area div#submit-button input, #close-button{
		font-size: 1.4em;
		width:250px;
	}
}
input, input:focus {
	outline: none
}