body{
font-family:arial;
color:#ccc;
}

h2{
padding:0px;
margin:5px;
}

.grBlockAW{
display:inline-block;
padding:5px;
background-color:#f5f5f5;
border-radius:10px;
}

.grBlock{
display:block;
padding:5px;
background-color:#f5f5f5;
border-radius:10px;
}


input[type="text"],input[type="file"]{
display:block;
padding:10px 5px;
border:1px solid #ccc;
margin:5px 10px;
width:400px;
}

input:hover{
border:1px solid #666;
}

input:focus{
outline:none;
border:1px solid #444;
}


label{
  display: block;
  margin: 12px 0px 1px 10px;
  font-size: 10pt;
  color: #666;
}
input[type="checkbox"] ~ label{
display:inline-block;
}

.grBlock div{
display:inline-block;
}

.grBlock label{
display:inline-block;
padding:10px ;
background:#aaa;
color:#fff;
margin:3px 2px;
border-radius:10px;
font-weight:600;
text-decoration:none;
}

.grBlock label:hover{
background:#666;
}
.grBlock label:active{
background:#000;
}


.grBlock input[type="checkbox"]{
display:none;
}

.grBlock  input[type="checkbox"]:checked ~ label {
background:#333;
}


#save{
  display: inline-block;
  margin: 2px 0px 9px 10px;
  border: 0px;
  background: #5D7FB3;
  padding: 10px;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
}

#save:hover{ background: #2D5694;}
#save:focus{outline:none;}
#save:active{outline:none; background: #0065FF;}


.mHeaderImg{
width: 400px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
margin: 10px;
border: 1px solid #111;
}

.mFooterImg{
width: 400px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
margin: 10px;
border: 1px solid #111;
}



#generateGroupResults, #generateDistanceResults{
  display: block;
  clear: both;
  margin: 40px auto 10px auto;
  border: 0px;
  padding: 10px;
  color: #F5F5F5;
  border-radius: 9px;
  background-color: #CF9700;
}

#generateGroupResults:hover, #generateDistanceResults:hover{
background-color: #A47800;
}
  
#generateGroupResults:active, #generateDistanceResults:active{
background-color: #E2A500;
outline:none;
}  
#generateGroupResults:focus, #generateDistanceResults:focus{
outline:none;
}