@charset "UTF-8";
/* CSS Document */
   
    /*copied from article on forms at  
	https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Your_first_HTML_form
	*/
	
	
form {
  /* Just to center the form on the page */
  margin: 0 auto;
  width: 400px;
  height:250px
  /* To see the outline of the form */
  padding: 1em;
  border: 2px solid #CCC;
  border-radius: 1em;
  	background-image: url(images/Ball_Clock.gif);
	background-repeat: no-repeat;
/*	background-color: transparent;*/
	display: block;
	height: 150px;
	width: 300px;

}

form div {
	margin-top: 1em;
}

form div + div {
  margin-top: 1em;
}

label {
  /* To make sure that all labels have the same size and are properly aligned */
  display: inline-block;
  width: 90px;
  text-align: right;
}

input, textarea {
	/* To make sure that all text fields have the same font settings
     By default, textareas have a monospace font */
	font: 1em sans-serif;
	/* To give the same size to all text fields */
	width: 300px;
	box-sizing: border-box;
	/* To harmonize the look & feel of text field border */
	border: 2px solid #999;
}

input:focus, textarea:focus {
  /* To give a little highlight on active elements */
  border-color: #000;
}

textarea {
  /* To properly align multiline text fields with their labels */
  vertical-align: top;

  /* To give enough room to type some text */
  height: 5em;
}

.button {
	/* To position the buttons to the same position of the text fields */
	padding-left: 5px; /* same size as the label elements */
}

button {
	/* This extra margin represent roughly the same space as the space
     between the labels and their text fields */
	margin-left: 0.1em;
}