html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #999999;
	font-family: Arial;
}

.middlecenter {
	height: 100%;
}

.middlecenter .outer-div	{
	width: 100%;
	height: 100%;
	display: table;
}
.middlecenter .inner-div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;		
}

.middlecenter .form-div,
.middlecenter .boxer {
	border: 2px solid #000000;
	display: inline-block;
	background-color: #ffffff;
	border-radius: 5px;
	padding: 30px;
}

.middlecenter .form-row {
	display: block;
	padding: 5px;
}

.middlecenter .form-col {
	display: inline-block; 
}

.middlecenter .col1 {
	width: 100px;
	text-align: left;
}

.middlecenter .col2 {
	width: 10px;
	text-align: center;
}

.middlecenter .col3 { 
	width: 165px;
	text-align: left;
}

.middlecenter .col3 input { 
	width: 165px;
	padding: 3px;
	border-radius: 5px;
	border: 1px solid #999999;
}

.middlecenter .errmsg {
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}	


#header #header_container {
	text-align: right;
}

#header #header_container ul {
    margin-right: 50px;
    padding: 0;
    margin-top: 10px;
}

#header #header_container ul li {
    display: inline-block;
}

#header #header_container ul li a {
    padding: 5px 20px;
    background-color: lavender;
    border-radius: 15px;
    text-decoration: none;
    font-weight: bold;
}

#header #header_container ul li a,
#header #header_container ul li a:visited
#header #header_container ul li a:active  {
    color: #000000;
}

#header #header_container ul li a:hover  {
    background-color: lavenderblush;
}

.wrapper {
	
	padding: 10px 20px;
	margin: 0;
	border: 0px solid black;
	background-color: #ffffff;
	min-height: 95%;
	
}

.table {
	display: block;
}

.table .rows {
	display: block;
	margin: 3px;
}

.table .rows .cols {
	display: inline-block;
	padding: 3px;
}

.table .rows.alt .cols {
	background-color: #eeeeee;
}

.table .rows .cols.col1 {
	width: 150px;
}
.table .rows .cols.col2 {
	width: 400px;
}

.table .rows .cols.w100 {	width: 100px; }
.table .rows .cols.w150 {	width: 150px; }
.table .rows .cols.w200 {	width: 200px; }
.table .rows .cols.w250 {	width: 250px; }
.table .rows .cols.w300 {	width: 300px; }
.table .rows .cols.w350 {	width: 350px; }
.table .rows .cols.w400 {	width: 400px; }


/* 



@media only screen and (max-width: 1000px){
  .middlecenter,
  .middlecenter input {
    font-size: 6vw;
  }

	.middlecenter .form-div {
		border: 2px solid #00ff00;
		display: inline-block;
	}
	
	.middlecenter .col1 {
		width: 100%;
		text-align: center;
		display: block;
	}

	.middlecenter .col2 {
		display: none;
	}

	.middlecenter .col3 { 
		display: block;
		width: 100%;
		text-align: center;
	}
		
	.middlecenter input {
		text-align: center;
	}
	
}

 */