body {
 /*   
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Times New Roman, "Lucida Grande", sans-serif; 
   */
}

.error {
	line-height: 20px;
	font-weight: bold;
	color: #CC0000;
	font-size: 20px;
}

#col_w960 {
	margin: 30px;
}

textarea {
	width: 100%;
}

input, textarea, select {
	padding: 4px;
}

#col_w160 {
	border: 1px solid #cccccc; 
	padding:6pt 6pt; 
	margin: 0px; 
	width:160px; 
	min-height:40px;
	float:left;
	margin-left: 10px;
	margin-right: 10px;
}


#col_w320 {
	border: 1px solid #C4D2A7; 
	background: #D3DDBD;
	padding:6pt 6pt; 
	margin: 0px;  
	max-width: 100%;	
	margin-top: 20px;	
	float:left;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 10px;
}

.overlay {
	visibility: visible;
}









*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
}

.loader {
  border: 16px solid #bbb;
  border-radius: 50%;
  border-top: 16px solid #333;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  z-index: 4;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,1.0);
	visibility: hidden;
	z-index: 3;
}
				
#loading-bar-spinner {
	position: absolute;
    top:40%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.bg_whole_screen, .footer {
/* note: consider for intro and if seo indexing not an issue */
/* display: none;  */
}

.overlay {
	visibility: visible;
}