:root {
	--headfoot: #366a9c;
}

.toptabbox{
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	background-color: none;
}
.toptabbox > div{
	cursor: pointer;

	/* from prettyTable*/
		padding: 8px 12px 4px 12px;
		text-align: left;
		background-color: var(--headfoot);
		color: white;
		border: 1px solid #ddd;
		font-family: Arial, Helvetica, sans-serif;
		border-collapse: collapse;

	/* top tab */
	border-radius: 20px 20px 0px 0px;
}

.toptabbox > div:hover{
	filter: brightness(115%);
}

.toptabbox > div.notchosen{
	filter: brightness(75%);
}

.colorhover:hover{
	background-color: #e0c964;
}

.divlist {
	margin-left: auto;
	margin-right: auto;
	max-width: 95%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	
	flex-wrap: wrap;
}
.divlist > div{
	border: 1px solid #ddd;
	padding: 8px;
	font-size: 1em;
}
.divlist > div:first-child, #thisdatediv {
	padding-top: 12px;
 	padding-bottom: 12px;
 	text-align: left;
 	background-color: var(--headfoot);
 	color: white;
}


.divlist > div:nth-child(odd):not(:first-child){
		background-color: white;
		
	}
.divlist > div:nth-child(even){
	background-color: #f2f2f2;
	
}

.headerlist{
	display: flex;
	flex-direction: column;
}
.headerlist > div div:not(:first-child){
	margin-left: 1em;
}

.headerlist > div:first-child {
	font-weight: bold;
	font-size: 1.1em;

	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
}
.headerlist > div > div:first-child {
	font-weight: bold;
}
.headerlist > div > div > div:first-child {
	font-style: italic;
}
.headerlist > div > div > div:not(:first-child) {
	display: none;
}

/*
.divlist > div > div{
	background-color: inherit;
	border: none;
	color: black;
}*/

.tabspace{
	padding: 5px 18px 5px 18px;
}
.menubox{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	padding: 1em 0 1em 0;

	/* centerIt */
	margin-right: auto;
	margin-left: auto;
}

.menubox > div, .kidbutton{
	/* fitcontent */
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;

	/* bevel */
	box-shadow:
        inset 0 0 2px 0 rgba(255,255,255,.1), 
        inset 0 0 1px 0 rgba(0,0,0,.4), 
        inset 0 0 1px 0px rgba(0,0,0,.05), 
        0px 2px 1px 0 rgba(0,0,0,.25);

    /* clickIt */
    cursor: pointer;

    padding: .5em 1em .5em 1em;
}

.kidbutton:hover{
	background-color: #e0c964;
}
.menubox > div:hover:not(.nohov, .disableIt){
	background-color: #e0c964;
}

.borderthis:hover{
	box-shadow:
       inset 0 0 2px 0 rgba(137, 134, 134, 0.71), inset 0.2px .2px 2px 0 rgba(0, 0, 0, 0.23), inset 0 0 1px 0px rgba(0, 0, 0, 0.48), .2px 2px 1px 0 rgba(0,0,0,.25);
}

.projectlabel {
	filter: opacity(70%);
}

ol, ul{
	padding-left: 1em;
	list-style-position: inside;
	text-indent: -1em;
}
ol ol {
	padding-left: 1em;
}

.greenback{
	background-color: var(--headfoot);
	color: silver;
}
.tanback{
	background-color: #e3e1de;
	color: #444445;
}

.displayblock{
	width: fit-content;

	
}

.plainTable{
	background-color: #ffffff4f;
	border-collapse: collapse;
		margin-right: auto;
		margin-left: auto;
}
.plainTable th{
	background-color: #c4d8c4;
	color: black;
	padding: .5em 0em .5em 0em;
}
.plainTable td{
	padding: .2em 1em .2em 1em;
}


#morselblock{
	min-width: 450px;
	cursor: url(text2.svg) 5 0, text;
}

/*login styling*/
	#login{
		padding: 3em;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4em;
		position: relative;
	}
	#login >div{
		padding: 3em;
		align-content: center;
		border: solid 3px #d1cdc7;
	}
	#login >div >div{
		max-width: 25em;
		margin-left: auto;
		margin-right: auto;
	}
	#login form>div{
		padding-top: .3em;
		padding-bottom: .3em;
	}
	#login input {
		position: relative;
		float: right;
	}
	#login label {
		position: relative;
		float: left;
	}
	#login span{
		display: block;
		width: 100%;
		font-size: 2em;
		font-weight: bold;
	}
	#login input[type="submit"]{
		padding: .3em;
		box-shadow:
	        inset 0 0 2px 0 rgba(255,255,255,.1), 
	        inset 0 0 1px 0 rgba(0,0,0,.4), 
	        inset 0 0 1px 0px rgba(0,0,0,.05), 
	        0px 2px 1px 0 rgba(0,0,0,.25);
	    }
/**/

/* Menu Styling */
	#menu {
		width: 100%;
		background-color: #d1cdc7;
	}
	#xMenu{
		
		display: flex;
		flex-direction: row;
		justify-content: stretch;
		align-items: stretch;

	}
	#xMenu > div{
		flex: 1 1 auto;
		height: 100%;
		text-align: center;
		padding: .2em;
		cursor: pointer;
		border: solid 1px #9e8b36;
		box-shadow: 
			inset 2px 1px 2px .2px rgba(25, 16, 16, 0.03), 
			inset -4px 1px 2px 0.2px rgba(18, 13, 13, 0.09), 
			inset 0px 2px 2px .2px rgba(25, 16, 16, 0.08), 
			inset 0px -2px 2px 0.2px rgba(18, 13, 13, 0.09);

	}

	#xMenu > div:hover {
		background-color: #e0c964;
	}
	#xMenu > div:active {
		background-color: #c1a309;
		box-shadow: none;
	}
/**/

/* prettyTable styling*/
	.prettyTable {
		font-family: Arial, Helvetica, sans-serif;
		
		border-collapse: collapse;
		margin-right: auto;
		margin-left: auto;
	}
	.prettyTable td, .prettyTable th {
		border: 1px solid #ddd;
		padding: 8px;
		font-size: 1em;
	}
	.prettyTable tr:nth-child(odd):not(:first-child){
		background-color: white;}
	.prettyTable tr:nth-child(even){
		background-color: #f2f2f2;
	}

	.prettyTable tr:not(:first-child, .nohover, .nohov):hover {
		filter: brightness(75%);
	}
	.prettyTable th.tabs:hover {
		filter: brightness(140%);
	}

	.prettyTable th {
	  padding-top: 12px;
	  padding-bottom: 12px;
	  text-align: left;
	  background-color: var(--headfoot);
	  color: white;
	}
	.prettyTable th.notchosen{
		filter: brightness(55%);
	}
/**/

/* header styling */
	#headerTitle{
		text-align: center;
		color: gold;
		text-shadow: 2px 2px 3px #655215;
		font-size: 3em;
	}

	header{
		color: gold;
		background-color: #366a9c;
		height: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
/**/

/* Body & Main Content styling*/
	#mainContent{
		height: fit-content;
		width: 100%;
	}
	#content {
		padding-top: 2em;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
		width: 100%;
	}

	main{
		margin-top: 0em;
		height:100%;
		bottom: 0;
		width: 100%;
		
	}
	body{
		height:100%; 
		margin:0;
		margin-left: auto;
		margin-right: auto;
		background-color: #1c2429;
	}
/**/

* {
	box-sizing: border-box;
 	margin: 0; 
	padding: 0; 
	border: none; 
}