body {}

.skillTypeColorSuper{
  -webkit-clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%, 0 20%);
  clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%, 0 20%);
}

.skillTypeColorOuter{
	box-shadow: inset 0 0 5px 1px #000000;
  -webkit-clip-path: polygon(3% 0, 100% 0, 100% 100%, 0 100%, 0 20%);
  clip-path: polygon(3.0% 0, 100% 0, 100% 100%, 0 100%, 0 20%);
}


.skillTypeColorInner{
	box-shadow: inset 0 0 5px 1px #000000;

	-webkit-clip-path: polygon(1.7% 0, 100% 0, 100% 100%, 0 100%, 0 15%);
	clip-path: polygon(1.7% 0, 100% 0, 100% 100%, 0 100%, 0 15%);
}

.skillTypeColorOuter2{
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%);
	mask-image: linear-gradient(to right, transparent 0%, black 10%);
	box-shadow: inset -6px -5px 5px -3.5px #000000,inset -6px 5px 5px -3.5px #000000;
}


.skillTypeColorInner2{
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%);
	mask-image: linear-gradient(to right, transparent 0%, black 10%);
	box-shadow: inset -6px -5px 5px -3.5px #000000,inset -6px 5px 5px -3.5px #000000;
}

.clipportrait {
	overflow:hidden;
	clip-path: polygon(9% 0, 51.7% 0, 67.2% 13.7%, 100% 13.7%, 100% 100%, 9% 100%, 0 92.5%, 0 7.6%);
}



.note {
background-color:#F5F5F5;
padding:10px 20px 20px 20px;
position:relative;
margin:2px;
}

.note:before {
   content:"";
   position:absolute;
   top:0;
   right:0;
   border-width:0 20px 20px 0;
   border-style:solid;
   border-color:#F5F5F5 #fff;
}


.lefty {
   content:"";
   position:absolute;
   top:0px;
   left:0px;
   border-width:0 0 20px 20px;
   border-style:solid;
   border-color:#F5F5F5 #fff;
}

.leftb {
   content:"";
   position:absolute;
   bottom:0px;
   left:0px;
   border-width:20px 0 0 20px;
   border-style:solid;
   border-color:#F5F5F5 #fff;
}


.note:after {
   content:"";
   position:absolute;
   bottom:0;
   right:0;
   border-width:20px 20px 0 0;
   border-style:solid;
   border-color:#F5F5F5 #fff;
}

#newPlayerControls * {
	float: left;
	background-color:green;
}
 #newPlayerControls {
	background-color:blue;
}
  


@font-face {
    font-family: "eurostile";
    src: url("https://www.delusionalintuition.com/fonts/eurostile.woff") format('woff');
	
}

@font-face {
    font-family: "eurostyle";
    src: url("https://www.delusionalintuition.com/fonts/eurostyle.woff") format('woff');
}

@font-face {
    font-family: "battlestar";
    src: url("https://www.delusionalintuition.com/fonts/battlestar.woff") format('woff');
}