body { min-width:600px; margin-top:70px }

.header { position:fixed; 
	  top:0px; 
	  left:0px; 
	  height:70px; 
	  margin:auto; 
	  width:100%; 
	  //color:0586D1; 
	  color:#AAAAAA;
	  background-color:black; 
	  text-align:center;
	  vertical-align:middle; }

.header ul  { padding-top:15px; }
.header li  { display: inline-block; float: left; padding-left: 15px; padding-right: 15px; }
.header a   { display: inline-block; vertical-align: bottom; text-decoration: none; }
.header a:visited, .header a:link { color:#AAAAAA; text-decoration: none; }
.navlink a:visited, .navlink a:link { color:#222;text-decoration: none; }
.navlink { padding:1em; }
.navlink li  { text-decoration: none; }
.header a:hover   { color:#DADADA }
a:link.active,a:visited.active     { color:#FFFFFF; font-size:large; }
.header img { float: left; }

.nav {
    margin:auto;
}

.sidenav ul, .navlink li {
    list-style-type: none;
}

.sidenav li:hover, .navlink a:hover {
    color:#DADADA;
}

.centered {
    text-align:center;
}

.debug {
    border : solid 1px black;
}

div.hover {
    display: block;
    position: absolute;
//    background-color:lightgreen;
}
div.hover_hide {
    display: none
}
.login  { float:right; margin-right:15px; padding-right:15px; display:inline-block; vertical-align:middle; }

.logged_in {
    float:right;
    color:rgb(198, 194, 236);
}
a.hotlink:visited, a.hotlink:hover, a.hotlink, .hotlink {
    color:rgb(198, 194, 236);
}
.big {
    font-size: large;
}
.small {
    font-size: small;
}
.error {
    color: orange;
}
div.err {
    color: rgb(189, 105, 14);
    font-size:larger;
    background-color: rgba(2, 1, 1, 0.6);
    border: 1px solid black;
    padding: 10px;
    margin: 10px;
}
.info {
    color: purple;

}

.input_div {
    background-color: rgba( 0,0,0,.3 );
    border: 2px green groove;
    padding: 3px;
    margin : 3px;
    min-width:15px; 
    min-height:15px;
    cursor:pointer;
    display:inline-block;
}
.edit_ready { border : 4px black  groove; background-color: lightgrey }
.in_edit_same { border : 1px black solid; background-color: lightgrey }
.in_edit_changed { border : 1px black solid; background-color: #FEE }

.tabs {  
    position: relative;   
    min-height: 300px; /* This part sucks */
    clear: both;
    margin: 25px 0;
}
.tab {
    float: left;
}
.tab label {
    background: #eee; 
    padding: 10px; 
    border: 1px solid #ccc; 
    margin-left: -1px; 
    position: relative;
    left: 1px; 
}
.tab [type=radio] {
    display: none;   
}
.content {
    position: absolute;
    top: 28px;
    left: 0;
    background: white;
    right: 0;
    bottom: 0;
    padding: 20px;
    border: 1px solid #ccc; 
}
[type=radio]:checked ~ label {
    border-bottom: 1px solid white;
    z-index: 2;
    background-color:rgba( 0,256,0, .2 );
}
[type=radio]:checked ~ label ~ .content {
    z-index: 1;
}