/* top right bottom left */

/*
* {
	margin: 0px;
	padding: 0px;
}
*/

html,body {
	margin: 0px;
	padding: 0px;
	background-color: white;
    font-family: arial;
    height: 100%;
}

h1, h2, h3, h4, h5 {
	margin: 2px;
	padding: 2px;
}

div.header {
    padding: 10px;
    text-align: center;
    font-size: xx-large;
}

div.footer {
    text-align: center;
    font-size: xx-small;
}

div.instructions {
    padding: 1em;
    font-style: italic;
    color: #808080;
    font-size: small;
    /*
    border: 1px solid silver;
    background-color: white;
    */
}

div.page{
	margin: 0px auto 0px auto;
	background-color: #F4F4F4;
	padding: 0px 0px 0px 0px;
    min-width: 600px;
    background-image: url('/img/logo.png');
	background-position: top left;
	background-repeat: no-repeat;
    min-height: 100%;
}

div.container{
	margin: 0px 0px 0px 96px;
	/* width:70%; */
	background-color: white;
}

div.notice {
    margin: 10px;
    padding: 10px;
    border: 3px solid silver;
    background-color: aliceblue;
}

input {
    margin: 2px;
}

div.area {
    margin: 6px;
    padding: 6px;
    border: 1px solid silver;
    background-color: aliceblue;
}

div.center {
    margin: 10px auto 10px auto;
}

div.right {
    text-align: right;
}

ul.menu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.menu li {
    display: inline;
    margin: 5px;
    padding: 5px;
    /* border: 1px solid blue; */
}

ul.menu a:link,a:visited,a:active {
    text-decoration: none;
    color:gray;
}

ul.menu a:hover {
    color:black;
}

table {
    border-collapse: separate;
    border-spacing: 6px 1px;
}

th {
    background: #224477;
    color: white;
}

/*
tr:nth-child(even) {
    background: blanchedalmond;
}

tr:nth-child(odd) {
    background: white;
}
*/

select:invalid, input:invalid {
  background: hsla(0, 90%, 90%, 1);
}

img.dim {
   opacity: 0.5;
}

img.dim:hover {
   opacity: 1;
}


/* Keep these (a.*) in this order... */
a.dim:link {
    color:blue;
/*    opacity: 0.25; */
    text-decoration: none;
}

a.dim:visited {
    color: green;
/*    opacity: 1; */
}

a.dim:hover {
    color:silver;
/*    opacity: 1; */
}

a.dim:active {
    color: red;
/*    opacity: 0.50; */
}

/*
select:valid, input:valid {
  background: hsla(100, 90%, 90%, 1);
}

::-webkit-input-placeholder { 
  color: hsla(0, 90%, 70%, 1);
}
::-moz-placeholder { 
  color: hsla(0, 90%, 70%, 1);
}
:-ms-input-placeholder { 
  color: hsla(0, 90%, 70%, 1);
}
:-moz-placeholder {
  color: hsla(0, 90%, 70%, 1);
}
*/