div.small {
    font-size : 12pt;
	font-family: "Comic Neue" "Comic Sans MS"; 
	line-height: 125%;
	
  }

li { margin-left:1em!important};

div.medium {
    font-size: 14pt;
	line-height: 125%;
  }

.large {
    font-size: 16pt;
	font-family: "Comic Neue", "Comic Sans MS", cursive;
	line-height: 125%;
	
  }


.x-large {
    font-size: 24pt; 
	line-height: 125%;
	}


.hidden {
    visibility : hidden;
  }


div.grade1, p.grade1, span.grade1, li.grade1{
	
	    background-image: url('grade1line.png');
		background-origin:padding-box;
		font-family:"Comic Neue" "Comic Sans MS";
		font-size: 24px;
		line-height: 38px;
		background-size: 4px 38px;
 }

div.grade4, p.grade4, span.grade4 {
    background: url(grade4line.png);
	display: block;
	font-family: "Comic Neue" "Comic Sans MS", cursive;
    font-size : 25px;
    line-height : 40px;
	
  }


.hint {
    background-image : url(grade1span.png);
	font-family: "Comic Neue", "Comic Sans MS"; 
    font-size : 30px;
    margin-left: 5px;
    margin-right: 5px;
    padding-right:3px;
    padding-left:3px;
    line-height : 52px;
  }

div.onscreen, p.onscreen {
    background-image : url(line72px.png);
    font-size : 48px;
    line-height : 80px;
    padding : 5px;
  }


.hintsAndLines {
    background-image : url(line.png);
    font-size : 18px;
    line-height:27px;
    padding-left : 5px;
  }
  
@media only screen{
	div.name-tag {
	display: none;
	float: right;
 }
 }

@media only print { 
	form.noprint, div.noprint, .noprint, header, .breadcrumbs {
  	@page { size: A4 portrait; }
	display:none !important;
    height:0px !important;
    padding:0 !important;
	}
	#all {
	    padding-top:0em !important;
	}
}

@page {
	margin: 1cm 1cm 1cm 1cm;
	size: a4 portrait;
}