* 
{
	background-color:rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0px;
	padding:0px;
	text-align:justify;
    text-justify:inter-word;
	scrollbar-color:rgba(255, 255, 255, 0.8) rgba(0, 0, 0, 0.2);
	scrollbar-width:16px;
}

*:link
{
	text-decoration:inherit;
	color:inherit;
}

*:visited
{
	text-decoration:inherit;
	color:inherit;
}

body
{
	background:#404040; /* Background color */
	background-image:url("../pics/bg.gif");
	font-family:tahoma;
	color:#FFFFFF;
	font-size:12px;
}
/*
h1
{
	font-size:16px;
	text-align:center;
	margin-top:0px;
	padding-top:12px;
	margin-bottom:4px;
	padding-bottom:12px;
	background:#202020;
}/**/

h1:not(.guide_title)
{
	position:absolute;
	top:-22px;
	left:0px;
	font-size:12px;
	text-align:left;
	padding-left:4px;
	margin-top:0px;
	padding-top:4px;
	margin-bottom:0px;
	padding-bottom:2px;
	padding-right:30px;
	/*background:#FFFF40;*/
	background:linear-gradient(-135deg, rgba(255, 128, 32, 0) 22px, rgba(255, 128, 32, 1) 22px);
	color:#000000;
}

h1.guide_title
{
	font-size:16px;
	padding-top:8px;
	padding-bottom:8px;
	margin-top:8px;
	margin-bottom:8px;
	background:#000000;
	border-bottom-width:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
}

h2
{
	font-size:14px;
	text-align:center;
	margin-top:8px;
	margin-bottom:8px;
}

table
{
	border-collapse:collapse;
	width:100%;
}

table, th, td
{
	/*border:1px solid #FFFFFF;*/
}

th, td
{
	padding-left:2px;
	padding-right:2px;
}

tr:nth-child(2n+1)
{
	/*background:#303030;*/
	background:rgba(48, 48, 48, 0.5);
}

tr:nth-child(2n)
{
	background:rgba(64, 64, 64, 0.5);
}

tr:hover
{
	background:#CCCCCC;
	color:#000000;
}

th
{
	/*background:#202020;*/
	background:rgb(0, 0, 0);
	/*background:linear-gradient(rgba(32, 32, 32, 1) 45%, rgba(255, 128, 32, 1) 50%, rgba(32, 32, 32, 1) 55%);*/
	color:#FFFFFF;
}

ul
{
	/*list-style-type:square;*/
	list-style-image:url("../pics/dot.png");
	margin-left:16px;
}

#guide_content p
{
	margin-top:4px;
	margin-bottom:4px;
}

#guide_content a:link
{
	text-decoration:underline;
}

p.guide_advanced
{
	color:#40FF40;
}

p.guide_simple
{
	color:#4040FF;
}

p.imp
{
	margin-top:4px;
	margin-bottom:4px;
	color:#FF4040;
}

.flex
{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:flex-start;
}

.ext
{
	color:#808080;
}

#content
{
	/*background:#404040;*/ /* Background color */
	margin:0px auto;
	margin-left:72px;
	/*margin-right:66px;*/
	/*height:100%;*/
	/**/
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:flex-start;
	/**/
	/*padding:4px;*/
	/*width:800px;*/
}

.content_block
{
	margin:4px;
	/*float:left;*/
	width:800px;
	margin-top:24px;
	padding-top:0px;
	padding-bottom:4px;
	border-style:solid;
	border-width:3px 0px 3px 0px;
	border-color:#FF8020;
	background:rgba(0, 0, 0, 0.5);
}

.small_content_block
{
	margin:4px;
	/*float:left;*/
	width:400px;
	/*margin-top:24px;*/
	padding-top:0px;
	padding-bottom:4px;
	border-style:solid;
	border-width:3px 0px 3px 0px;
	border-color:#FF8020;
	background:rgba(0, 0, 0, 0.5);
}

.main_menu_block
{
	margin:8px;
	padding:8px;
	display:inline;
	float:left;
	width:240px;
	background:#202020;
	font-size:12px;
}

.main_menu_pic
{
	margin:auto;
	margin-bottom:8px;
	display:block;
}

.skill_column
{
	float:left;
	max-width:398px;
	padding:2px;
}

.phy_block
{
	margin:0px;
	margin-bottom:16px;
	padding:4px;
	width:400px;
	display:inline-block;
}

.phy_block table:first-child tr th
{
	height:32px;
	text-align:center;
}

#guide
{
	/*z-index:1999999;*/
	background:#000000;
	background:-webkit-linear-gradient(#000000, #202020);
	background:-o-linear-gradient(#000000, #202020);
	background:-moz-linear-gradient(#000000, #202020);
	background:linear-gradient(#000000, #202020);
	width:400px;
	height:100vh;
	position:fixed;
	left:72px;
	top:0px;
	overflow:auto;
	/*-webkit-transition: right 0.5s;*/
	/*transition: right 0.5s;*/
}
/*
#guide:hover
{
	right:0px;
	overflow:auto;
}*/

#guide_logo
{
	display:inline-block;
	position:relative;
	/*height:100%;*/
	top:0px;
	left:0px;
	float:left;
}

#guide_content
{
	display:inline-block;
	position:relative;
	top:0px;
	/*right:0px;*/
	width:380px;
	padding:4px;
	margin:auto;
}

#menu
{
	z-index:999999;
	background:#000000;
	background:-webkit-linear-gradient(rgba(0, 0, 0, 1), rgba(32, 32, 32, 1));
	background:-o-linear-gradient(rgba(0, 0, 0, 1), rgba(32, 32, 32, 1));
	background:-moz-linear-gradient(rgba(0, 0, 0, 1), rgba(32, 32, 32, 1));
	background:linear-gradient(rgba(0, 0, 0, 1), rgba(32, 32, 32, 1));
	width:72px;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	overflow:hidden;
	/*box-shadow:8px 0px 0px 0px rgba(0, 0, 0, 0.5);*/
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
}

#menu:hover
{
	width:204px;
}

#menu a
{
	display:block;
	width:248px;
	height:64px;
	vertical-align:middle;
	font-size:16px;
	padding-left:4px;
	padding-right:4px;
}

#menu a:first
{
	padding-top:4px;
}

#menu a span
{
	margin-bottom:40%;
}

#menu a img
{
	display:inline-block;
	vertical-align:middle;
}

#menu .item
{
	-webkit-transition: background 0.5s;
	transition: background 0.5s;
}

#menu .item:hover
{
	background:rgba(255, 255, 255, 0.5);
}

#menu .selected
{
	
}

#calc_left
{
	width:396px;
	float:left;
	padding-right:2px;
}

#calc_right
{
	width:396px;
	float:right;
	padding-left:2px;
}

.input
{
	color:#FFFFFF;
	border-width:1px;
	border-color:#202020;
	background-color:#202020;
	min-width:22px;
	margin:0px;
	padding-left:4px;
	padding-right:4px;
}

button.input
{
	text-align:center;
}

.clickable
{
	cursor:pointer;
}

.skill_desc table
{
	margin:auto;
	margin-top:8px;
	margin-bottom:8px;
	width:auto;
}