@font-face {
    font-family: 'vampireFont1';
    src: url('font/buffied/Buffied.ttf');
}

@font-face {
    font-family: 'vampireFont2';
    src: url('font/rebuffed/rebuffed.regular.ttf');
}

@font-face {
    font-family: 'vampireFont3';
    src: url('font/vamfired/Vamfired.ttf');
}

html, body {
    margin: 0;
    padding: 0;
font-family: 'vampireFont3';
font-family: 'Arial';
padding:1em;
}
 body {padding:0em;
}
body::after {content:""; clear:both; float:none;}

h1 {margin:0; font-family: 'vampireFont1'; line-height:80%; margin-top:0.5em; margin-bottom:-0.5em;}
h2 {margin:0; padding-top:1em; font-family: 'vampireFont1'; line-height:80%; margin-top:0.5em; margin-bottom:-0.5em;}
h3 {margin:0; padding-top:1em; margin-top:-0.25em; margin-bottom:0.25em; font-family: 'vampireFont3'; font-size:1.75em; letter-spacing:0.025em;}
.h2first {padding-bottom:1em;}

.clear {clear:both; float:none;}

.AttributeClass {
    float: left;
    margin-left: 1em;
    margin-right: 1em;
}

.AttributeClass label{
	font-size: 90%;
	}

.input {
/*	font-size: 60%;*/
	}
.input input {
	width: 200%; border-radius:1em; padding:0 0.5em; border-width:1px;
/*    box-shadow: 1px -1px -1px -1px #000;*/
	}

.circle {
/*	font-size: 60%;*/
    width: 0.9em;
    height: 0.9em;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
margin-right: 3px;
	border:1px solid #bbb; border-color:#ccc #888 #888 #ccc; border-radius:0.5rem; 

	background: aliceblue linear-gradient(-30deg, #fff, aliceblue);

/*    box-shadow: 0 0 2px 2px rgb(240, 240, 240);*/
}


.circleBlack {
	background: black linear-gradient(-215deg, #666, black);
}

.circleGreen {
	background: green linear-gradient(-30deg, #ddffdd, green);
}

.circleRed {
	background: red linear-gradient(-30deg, #ffdddd, red);
}



#PrioritiesDiv table {
    text-align: center;
}