meta[name="watermarktext"] {
		   string-set: watermarktext attr(content);
	}

	
	@page
	{		
		/*if I don't have this, the watermark will not wrap */
		/*if I move this into the @top-denter, it doesn't wrap the content*/
		margin-top: 200px;
				
		/* Watermark*/		
		@top-center
		{
			content: string(watermarktext);
			color: rgba( 255, 0, 0, 0.10 );
			font-family: arial,tahoma,helvetica,sans-serif;		
			font-size: 36pt;
			width: 500px;
			transform: rotate(-45deg)  scale( 2 ) ;
			transform-origin: 100% 0;	
			text-align: center;
			word-wrap: break-word;
			margin-left: 150px;
			margin-right: 200px;
			/*margin-top: 200px;*/
		}			
		 
		 size: A4 landscape;
	} 
	
	
   
	#watermark {
		background-image: none; 
	}
	
	html, body 	{
		font-family: arial,tahoma,helvetica,sans-serif;
		font-size: 8pt;
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
	}
  	
	.atetable
	{
		width: 90% !important;
		font-family: arial,tahoma,helvetica,sans-serif;
		font-size: 8pt;
	}
	
	div.evaltable
	{
		page-break-inside: avoid;
		width: 100% !important;
	}
	
	div.evaltable table
	{
		width: 65% !important;
	}
	.atetable table
	{
		width: 640px !important;
		font-family: arial,tahoma,helvetica,sans-serif;
		font-size: 7pt;
		
	}
	
	.atetable table, .atetable tr.heading, .atetable tr.section
	{
		padding: 2px;
		border: 1px solid;
	}
	.atetable tr.section td, .ateable tr.heading td
	{
		font-weight: bold;
		background-color: #F0F0F0;
		padding: 2px 2px;
	}
	.atetable td
	{
		border: 1px solid #cccccc;	
		padding: 0px 2px;
		padding-right: 1px;
	}
	.atetable td > br
	{
		display: none;
	}
	
	a.button {
		display: none;
	}