table.group {
    width: 98%;
    border-top: 1px solid black;
    border-collapse: collapse;
} 

input[type|=submit] {
    display: inline;
    font-size: 80%;
    padding: 0px;
    margin: -1px;
    margin-top: -1px;
    float: right;
    color: white;
    background: blue;
}

.grouprow {
	background: silver;
    border-top: 2px solid black;
    border-collapse: collapse;
}

.grouprow input[type|=submit] {
    background: gold;
    color: white;
}

.grouprow input[type|=submit]:hover {
    background: red;
}

.series {
    width: 5%;
    padding-left: 5pt;
}

.siterow {
    border-top: 0px;
    border-bottom: 1px dotted grey;
    border-collapse: collapse;
}

.siterow input[type|=submit] {
    color: white;
    background: blue;
}

.siterow input[type|=submit]:hover {
    background: black;
}

.header,.uheader {
    background: lightgrey;
    text-align: center;
    font-size: 75%;
    font-weight: bold;
}

.uheader {
    width: 100%;
    margin-top: -1px;
    margin-left: -1px;
    margin-bottom: -1px;
}

table.sitename {
    width: 100%;
}

table.users {
    border-collapse: collapse;
    width: 99%;
    margin-top: -1pt;
}

.siteuser 
{
    border-top: none;
}

.siteuser td
{
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-collapse: collapse;
    padding-left: 3pt; 
    padding-right: 3pt; 
}

.siteuser input[type|=submit] {
    display: inline;
    float: none;
    border-bottom: 1px dashed black;
    border-left: none;
    border-right: none;
    padding-left: 10px;
    padding-right: 10px;
}

.siteuser input[type|=submit]:hover {
    background: lightblue;
    border-bottom: 1px dashed blue;
}

.newsite {
    border-top: 1px dotted lightgrey;
    border-bottom: 1px dotted lightgrey;
	background: silver;
}

.siteuser.newsite input {
    background: gold;
}

.newsite input[type|=submit] {
    color: black;
    background: gold;
    float: right;
}

.newsite input[type|=submit]:hover {
    background: red;
    color: white;
}

.newuser {
    background: blue;
    font-size: 90%;
}

.newuser td
{
    border-left: 1px dotted lightgrey;
    border-right: 1px dotted lightgrey;
    border-collapse: collapse;
    background: lightblue;
}

.newuser input[type|=submit] {
    float: left;
} 

.newpass {
    margin-top: 1px;
    background: lightblue;
    font-size: 80%;
}

.newpass td
{
    border-left: 1px dotted lightgrey;
    border-right: 1px dotted lightgrey;
    border-collapse: collapse;
}

.newpass input[type|=submit] {
    float: right;
    border-width: 2px;
    border-style: outset;
} 

.newpass input[type|=submit]:hover {
    background: white;
    color: blue;
} 

.username {
}

.passcode {
    width: 35%;
    text-align: center;
}

.passcode input[type|=submit] {
    font-size: 95%;
    background: lightgray;
    color: black;
    margin-top: 1px;
    border-top: none;
    border-bottom: 1px dashed black;
}

.passdate {
    text-align: right; 
    width: 25%;
}

.age0 {
    background: gold4;
}

.age1 {
    background: yellow;
}

.age2 {
    background: darkorange;
    color: white;
}

.age3 {
    background: darkred;
    color: white;
}

.age4 {
    background: red;
    color: white;
}

.nopasscode {
}

.nopasscode input[type|=submit] {
    font-style: italic;
    color: blue;
}