body{
	background: #f6f6f6;
	color: #000000;
}
a{
	font-weight: 600;
	color: #78cdd1;
	text-decoration: none;
}

a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none
}

h3{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 36px;
	color: #202737;
	margin: 10% 0 6% 0;
}
.container{
	margin: 0 auto;
	max-width:680px; /*960px; */
	font-family: 'Noto Serif', serif;
    font-size: 22px;
    line-height: 1.5;
	text-size-adjust: 100%;
}

#statement{
	max-width: 680px;
	margin: 0 auto;
	text-align: left;
	color: #999;
}
#paccode{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22px;
	color: #282828;
	line-height: 1.5;
	padding-top: 6%;
}

.fieldName{
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 22px;
	height: 45px;
	padding: 0 0 2%;
	color: #282828;
	line-height: 1.5;
	border: none;
}

#priorApproval input[type=text], #priorApproval input[type=text]:focus{
	height: 98px;
	background-image: none;
	border: none;
	max-width: 620px;
	width: 87%; /* was 100%*/
	margin: 0 0 6%;
	outline: none;
	font-size: 28px;
	padding: 0 1em;
	font-family: 'Source Sans Pro', sans-serif;
	
}

#residencyStatus, #permissionSelf, #permissionManagement{
	font-family: 'Source Sans Pro', sans-serif;
	
}
#note{
	font-size: 18px; 
	color: #999999;
	font-weight: 200;
}
#note span.note{
	font-size: 18px;
	font-weight: 600;
	display: block; 
	color: #6a6a6a;
	margin: 4em 0 0;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    /*position: absolute;
    left: -9999px;*/
	opacity: 0;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 48px;
    cursor: pointer;
    line-height: 30px;
    display: inline-block;
    color: #000000;
	margin-right: 36px;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 18px;
    height: 18px;
    background: #78cdd1;
    position: absolute;
    top: 7px;
    left: 7px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

input[type=checkbox] {
opacity: 0;
}
 
input[type=checkbox] + label
{
background: url("img/checkbox.gif") no-repeat;
display:inline-block;
margin-top: 0;
padding: 0 0 0 48px;
background-position-y: 6px;
line-height: 1.8;
}
input[type=checkbox]:checked + label
{
background: url("img/checkbox-checked.gif") no-repeat;
display:inline-block;
margin-top: 0;
padding: 0 0 0 48px;
background-position-y: 6px;
line-height: 1.8;	
}

#permission ul{
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

#permission li{
	list-style: none;
}
#permission li input[type=checkbox] + label{
	padding-left: 48px;
}

#permissionSelf, #permissionManagement {margin: 2% 0;}

.buttonSubmit {border:0;background:transparent url("img/submit.png") no-repeat 0 0; width: 135px; height: 56px;}
.buttonSubmit:hover, .buttonSubmit:focus {background:transparent url("img/submit-hover.png") no-repeat 0 0; outline:none !important; border: none;}



@media (max-width: 620px){
	[type="radio"]:checked,
	[type="radio"]:not(:checked) {	display: block;	}
}
@media (max-width: 560px){
	.fieldName{
		padding: 0 0 2%;
		line-height: 1.1;
		height: 50px;
	}
}