Rendering in visual studio does not match rendering on the website

[rlalance]

#font:Bookman  
#arrowSize:0.7
#padding: 10
#edgeMargin: 7
#bendSize: 0.4
#leading: 1.5
#zoom: 1.1
#spacing: 80
#edges: rounded
#direction: right
#stroke: #33322E
#fill: #eeeeee; #eee8d9; #dddddd

#.a: visual=database padding=10 font="Courier" fontSize=30 fill=#fff

[Pirate|eyeCount: Int
font=Verdana
|raid();pillage()|
  [<a>beard]->[<receiver>foul mouth]
]
``` Should output 
![image](https://cloud.githubusercontent.com/assets/1323032/26754614/f0d6837e-484b-11e7-8112-a86b25d5b08c.png)

But generates this instead:
![image](https://cloud.githubusercontent.com/assets/1323032/26754616/fdf306c2-484b-11e7-9f29-d8530ce8cb42.png)