div {
      background: url("http://localhost/aeros/images/rockcliff.jpg");
}
body {
     background: url("http://localhost/aeros/images/rockcliff.jpg");
     }

u {
    text-decoration: underline;
}
/* added for select on addstat page */
/* note these are duplicated below, and being loaded after take precedence */
.new ul{

}

select {
        border: 1;
        width: 100%;
        font-family: inherit;
        font-size: inherit;
}
.users td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 10%;
}
.users th {
    background: #064a37;
    color: white;
    width: 10%;
}
.users td,
.users th {
    text-align: left;
    padding: 5px 10px;
}
.users tr:nth-child(odd) {
    background: #e6ffe6;
}



/* table properties
table, th, td {
    border: 1px solid black;
}
table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid black;
}

The border-collapse property sets whether the table borders should be collapsed into a single border:

table {
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid black;
}

If you only want a border around the table, only specify the border property for <table>:
Example
table {
    border: 1px solid black;
}

Width and height of a table are defined by the width and height properties.

The example below sets the width of the table to 100%, and the height of the <th> elements to 50px:
Example
table {
    width: 100%;
}

th {
    height: 50px;
}

The text-align property sets the horizontal alignment (like left, right, or center) of the content in <th> or <td>.

By default, the content of <th> elements are center-aligned and the content of <td> elements are left-aligned.

The following example left-aligns the text in <th> elements:
Example
th {
    text-align: left;
}

The vertical-align property sets the vertical alignment (like top, bottom, or middle) of the content in <th> or <td>.

By default, the vertical alignment of the content in a table is middle (for both <th> and <td> elements).

The following example sets the vertical text alignment to bottom for <td> elements:
Example
td {
    height: 50px;
    vertical-align: bottom;
}

To control the space between the border and the content in a table, use the padding property on <td> and <th> elements:
Example
th, td {
    padding: 15px;
    text-align: left;
}

Horizontal Dividers
First Name 	Last Name 	Savings
Peter 	Griffin 	$100
Lois 	Griffin 	$150
Joe 	Swanson 	$300

Add the border-bottom property to <th> and <td> for horizontal dividers:
Example
th, td {
    border-bottom: 1px solid #ddd;
}

Hoverable Table

Use the :hover selector on <tr> to highlight table rows on mouse over:
First Name 	Last Name 	Savings
Peter 	Griffin 	$100
Lois 	Griffin 	$150
Joe 	Swanson 	$300
Example
tr:hover {background-color: #f5f5f5;}

Striped Tables
First Name 	Last Name 	Savings
Peter 	Griffin 	$100
Lois 	Griffin 	$150
Joe 	Swanson 	$300

For zebra-striped tables, use the nth-child() selector and add a background-color to all even (or odd) table rows:
Example
tr:nth-child(even) {background-color: #f2f2f2;}

Table Color

The example below specifies the background color and text color of <th> elements:
First Name 	Last Name 	Savings
Peter 	Griffin 	$100
Lois 	Griffin 	$150
Joe 	Swanson 	$300
Example
th {
    background-color: #4CAF50;
    color: white;
}

Responsive Table

A responsive table will display a horizontal scroll bar if the screen is too small to display the full content:
First Name 	Last Name 	Points 	Points 	Points 	Points 	Points 	Points 	Points 	Points 	Points 	Points 	Points 	Points

Add a container element (like <div>) with overflow-x:auto around the <table> element to make it responsive:
Example
<div style="overflow-x:auto;">

<table>
... table content ...
</table>

</div>





*/
Ul .contact{
    background-color: #FFFFFF;
}

.addme table{
    align:left;
    text-align: left;
        /*border-collapse:collapse;*/
        padding:5;
        /*border:1px solid black;*/
}
.addme table th td{
    text-align: left;
        border: 1px solid black;
        display: inline-block;
}

.addme select {
    align: right;
    text-align:center;
        border: 0;
        width: 100%;
        font-family: inherit;
        font-size: inherit;
}


.users {
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}
/* Column widths are based on these cells */
.row-ID {
    width: .5%;
}
.row-name {
    width: 5%;
}
.row-div {
    width: .5%;
}
.row-desc {
    width: 7%;
}
.row-title {
    width: 5%;
}
.row-yax {
    width: 5%;
}
.row-min {
    width: 2%;
}
.row-max {
    width: 2%;
}
.row-period {
    width: 1%;
}
.row-active {
    width: 1%;
}

.row-weing {
    width: 4%;
    text-align: center;
}
.row-value {
    width: 6%;
    text-align:right;
}

.row-hidden {
    width: 80%;
}



.users td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 10%;
}
.users th {
    background: #0f4a06;

    color: white;
    width: 10%;
}
.users td,
.users th {
    text-align: left;
    padding: 5px 10px;
}
.users tr:nth-child(odd) {
    background: #b2e9aa;
}

input {
        margin-top: 5px;
        margin-bottom: 5px;
        display:inline-block;
        *display: inline;     /* for IE7*/
        zoom:1;              /* for IE7*/
        vertical-align:middle;
        margin-left:20px
}

label {
        display:inline-block;
        *display: inline;     /* for IE7*/
        zoom:1;              /* for IE7*/
        float: left;
        padding-top: 5px;
        text-align: right;
        width: 140px;
}

/* For menu system*/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: blue;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
    display: block;
}