/*
	styles.css
	Initial code generated by thesitewizard.com's Layout Wizard 1.1.1
*/

body {
	font-family: Segoe script; 
}
img {
	max-width: 100% ;
	/*width: auto ;
	height: auto ;*/
}
table, td {
	border 1px solid black;
}
div#tswsidecol {
	float: right ;
	width: 20% ;
	color: #000 ;
	background-color: #85BB65;
}
div#tswcontent {
	float: right ;
	width: 80% ;
	color: #85BB65;
	background-color: #85BB65;
}
@media only screen and (max-width: 629px) {
	div#tswsidecol {
		float: none ;
		width: 100% ;
	}
	div#tswcontent {
		float: none ;
		width: 100% ;
	}
}
div#tswcontproper, div#tswsideproper {
	padding-left: 5px ;
	padding-right: 5px ;
}
div#tswcontainer {
	color: inherit ;
	background-color: #85BB65;
}
div#tswheader {
	color: #000 ;
	background-color: #347235;
}

div#tswfooter {
	clear: both ;
	color: #000 ;
	background-color: #85BB65;
}
.overlay
{
	width: 100%;
	height: 100%;
	position: fixed; 
	top: 0; 
	left: 0; 
	display: none; 
	z-index: 999;
	background: rgba(0,0,0,0.7);
}
	.overlay a
	{
		display: table-cell; 
		vertical-align: middle; 
		text-align: center;
	}
		.overlay img
		{
			padding: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			background: #ffffff;
		}

.overlay:target { display: table; }
form {
  /* Just to center the form on the page */
  width: 400px;
  /* To see the outline of the form */
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 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: 1px 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: 90px; /* 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: .5em;
}
a {
    position: relative;
    display: inline-block;
}

a span {
    position: absolute;
    bottom: 0%;
    left: 50%;
    margin-top: -1em;
    margin-left: -50%;
    width: 100%;
    height: 2em;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    vertical-align: middle;
}​