/*rgb(24, 182, 108); #18b66c - bright green*/
/*rgb(38, 68, 52); #264434 - table green*/
/*rgb(24, 41, 32); #182920 - bg green*/
/*rgb(35, 60, 49); #233c31 - hover green*/
/*rgb(158, 187, 174); #9ebbae - text green*/
/*rgb(85, 130, 113); #558271 - dim text green*/
/*rgb(255, 165, 0); #ffa500 - yellow*/
/*rgb(43, 38, 68); #2b2644 - purple*/

html {
	overflow-y: scroll;
	scrollbar-color: #1a1a21 #0f0f12;
}
body {
	color: rgb(158, 187, 174);
	/*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
	/*font: 12px/1.22 'MS UI Gothic', 'ＭＳ Ｐゴシック', Arial, sans-serif;*/
	font: 14px "Trebuchet MS", Helvetica, sans-serif;
}

a:link {
	color: rgb(24, 182, 108);
}

/* visited link */
a:visited {
	color: rgb(24, 182, 108);
}

a:active {
	color: rgb(24, 182, 108);
}

/* mouse over link */
a:hover {
	color: rgb(65, 240, 160);
}

/*goldlink*/
a.goldlink{
	color: rgb(255, 165, 0);
}
a:visited.goldlink {
	color: rgb(255, 165, 0);
}
a:active.goldlink {
	color: rgb(255, 165, 0);
}
a:hover.goldlink {
	color: rgb(255, 200, 40);
}

/*global things*/

html {
  background: #19191c url("./img/bg_2c.png") no-repeat top;
  background-size: 200% auto;
}

body {
	background-color: rgba(0, 0, 0,0.2);
	/*border: solid 1px rgba(255, 255, 255,0.1);
	outline:solid 1px rgba(0, 0, 0,0.2);*/
    width: 770px;
    min-width: 770px;
    margin-right: auto;
    margin-left: auto;
	height: 100%;
	margin-bottom: 40px;
}

.dim {
	color: rgb(85, 130, 113);
}

.dimmer {
	color: rgb(58, 88, 72);
}

i {
	text-decoration: none;
	color: rgb(128, 207, 164);
}
.txtsmall {
	font-size: 12px;
}
.txtbig {
	font-size: 24px;
}
.empha {
	color: #e0c070;
}


.flex_none{
	display: flex;
}
.flex_horiz{
	display: flex; flex-direction: row;
}
.flex_vert{
	display: flex; flex-direction: column;
}
.flex_just{
	justify-content: space-between;
}
.flex_aligncenter{
	align-items: center;
}
.img_float_left{
	float: left;    
	margin: 0 15px 0 0;
}
.img_float_right{
	float: right;    
	margin: 0 0 0 15px;
}
.float_left{
	float: left;
}
.float_right{
	float: right;
}
.monospacey{
	font-family: 'MS UI Gothic', 'ＭＳ Ｐゴシック', monospace;
}

.sepbar {
	height: 1px;
	background-image: linear-gradient(90deg, rgba(85, 130, 113, 0) 0%, rgba(85, 130, 113, 1) 20% 80%, rgba(85, 130, 113, 0) 100%);
	margin-top:4px;
	margin-bottom:8px;
	max-width:600px;
	box-shadow: 0px -1px 1px 0.05px rgb(6, 10, 8);
	/*border-bottom: solid 2px rgb(85, 130, 113);*/
}
.sepbar_grey {
	height: 1px;
	background-image: linear-gradient(90deg, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0.4) 20% 80%, rgba(255,255,255, 0) 100%);
	margin-top:4px;
	margin-bottom:8px;
	max-width:600px;
	box-shadow: 0px -1px 1px 0.05px rgb(6, 10, 8);
	/*border-bottom: solid 2px rgb(85, 130, 113);*/
}


/*+. the parts .+*/
.cardwidth {
	width: 752px; min-width: 752px; 
	margin:auto;
}
.topbar{
	background-color: rgba(38, 68, 52, 0.5);
	border-left:solid 1px rgba(158, 187, 174, 0.4);
	border-right:solid 1px rgba(158, 187, 174, 0.4);
	border-bottom:solid 1px rgba(158, 187, 174, 0.4);
	padding:4px 8px;
	outline:solid 1px rgba(0, 0, 0,0.5);
	margin-bottom:16px;
}
.card{
	background-color: rgba(38, 68, 52, 0.5);
	border:solid 1px rgba(158, 187, 174, 0.4);
	border-bottom:solid 2px rgb(24, 182, 108);
	outline:solid 1px rgba(0, 0, 0,0.5);
	padding:10px 8px;
}
.c_padding{
	padding:10px 8px;
}
.menuthing{
	width:160px;
	background-color: #19191c;
	border:solid 1px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	border-bottom: solid 2px rgb(24, 182, 108);
	outline: solid 1px rgba(158, 187, 174, 0.1);
	padding: 5px;
}
.menuentry{
	width:auto;
	background-origin: border-box;
	background-repeat: no-repeat;
	border:solid 1px rgba(255, 255, 255, 0);
	border-radius: 5px;
	border-left: solid 3px rgba(24, 182, 108, 0);
	outline: solid 1px rgba(0, 0, 0, 0);
	padding: 4px 10px;
	padding-left:2px;
}
.menuentry:hover, .menuentry:active{
	background-image: linear-gradient(rgba(255,255,255, 0.15), rgba(255,255,255, 0.05));
	background-color: #19191c;
	border:solid 1px rgba(255, 255, 255, 0.15);
	border-radius: 5px;
	border-left: solid 3px rgba(24, 182, 108, 1);
	outline: solid 1px rgba(0, 0, 0, 0.3);
}
.menuimg{
	opacity:0.75; margin-top:1px;
	outline: solid 1px rgba(0, 0, 0, 0.3);
	border:solid 1px rgba(255, 255, 255, 0.15);
	user-select: none; user-drag: none; pointer-events: none;
}
.imgbutton{
	opacity:1;
	outline: solid 1px rgba(0, 0, 0, 0.3);
	border-top:solid 3px rgba(255, 255, 255, 0.15);
	border-bottom:solid 3px rgba(255, 255, 255, 0.15);
}
a .imgbutton, a .imgbutton:link, a .imgbutton:visited, a .imgbutton:active {
	color: rgb(65, 240, 160);
}
a .imgbutton:hover {
	color: rgb(255, 255, 255);
}
.imgbutton:hover, .imgbutton:active{
	/*outline: solid 3px rgba(24, 182, 108, 0.7);
	border:solid 1px rgba(24, 182, 108, 0.7);*/
	background-color: rgba(24, 182, 108, 0.5);
}
.imgbutton-txt{
	margin:auto; margin-top:4px; margin-bottom:4px;
	background-image: linear-gradient(rgba(0,0,0, 0.6), rgba(0,0,0, 0.4), rgba(0,0,0, 0));
	width:100%;
	padding-top:10px; padding-bottom:50px;
}
.imgbutton-offset-A{
	margin-top:-278px;/*HELP*/
}
.imgbutton-offset-B{
	margin-top:-168px;/*HELP*/
}
.vertcrop_A{
	height:260px; width:auto; overflow-y:hidden;
}
.vertcrop_B{
	height:160px; width:auto; overflow-y:hidden;
}
.p_less_margin{
	margin-top:15px;
	margin-bottom:5px;
}
.buttonify{
	width:auto;
	background-color: #fff1;
	background-origin: border-box;
	background-repeat: no-repeat;
	border:solid 1px rgba(255, 255, 255, 0.1);
	border-radius: 5px;
	outline: solid 1px rgba(0, 0, 0, 0);
	padding: 2px;
}
.buttonify:hover, .buttonify:active{
	background-image: linear-gradient(rgba(255,255,255, 0.15), rgba(255,255,255, 0.05));
	background-color: none;
	border:solid 1px rgba(255, 255, 255, 0.15);
	border-radius: 5px;
	outline: solid 1px rgba(0, 0, 0, 0.3);
}

.biggerbuttonyes{
	width:160px;
	width:auto;
	background-origin: border-box;
	background-repeat: no-repeat;
	border:solid 1px rgba(255, 165, 0, 0.2);
	border-radius: 5px;
	outline: solid 1px rgba(0, 0, 0, 0.3);
	padding: 20px 5px;
	padding-left:5px;/*2*/
	background-image: linear-gradient(rgba(255, 165, 0, 0.6), rgba(255, 165, 0, 0.05) 50%);
	/*background-color: #19191c;*/
	margin-bottom:6px;
}
.biggerbuttonyes:hover, .biggerbuttonyes:active{
	background-image: linear-gradient(rgba(24, 182, 108, 0.8), rgba(24, 182, 108, 0.2) 75%);
	border:solid 1px rgba(24, 182, 108, 0.7);
	border-radius: 5px;
	border-left: solid 3px rgba(24, 182, 108, 1);
	padding-left:3px;/*2*/
}
a.biggerbuttonTXT{
	color: rgb(255,165,0);
    text-decoration-color: rgb(255,165,0);
	text-shadow: 0px -1px 2px rgba(255, 165, 0, 0.7);
	/*color: rgb(158, 187, 174);
    text-decoration-color: rgb(158, 187, 174);*/
}
a.biggerbuttonTXT:hover, a.biggerbuttonTXT:active{
	color: rgb(255,255,255);
    text-decoration-color: rgb(255,255,255);
	text-shadow: 0px -1px 2px rgba(24, 182, 108, 1);
}
.menuentry img{
	margin-right:8px;
}
.changelog{
	height:100px; width:100%; overflow-y: scroll;
	font-family: 'MS UI Gothic', 'ＭＳ Ｐゴシック', monospace;
	font-size: 10px;
	line-height: 1;
}