/*For more information please see: http://javanut.com/blogdraw */
/*Why does this work? see: http://www.surfare.net/~toolman/temp/diagram.html and special thanks to tool-man AT home DOT se */
/*This work is licensed under the Creative Commons Attribution-NoDerivs 2.5 License. To view a copy of this license, visit http://creativecommons.org/licenses/by-nd/2.5/ or send a letter to Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.*/
.diagram{position:relative;min-width:30em;margin:0 auto} .diagram div h3{margin:0.3em;text-align: left;line-height: 100%}.diagram abbr,.diagram acronym{border-bottom:0}.diagram div{border:0.05em solid #000}.diagram div,.diagram li{position:absolute;margin:0;padding:0}.diagram li:before{content:""}.diagram h3{font-size:1em;font-weight:400;line-height:2;text-align:center;margin:0;padding:0}.diagram div li a{display:block;position:absolute;border:0.05em dotted #666;background-color:#eee;line-height:2;text-align:center}.diagram div li a:link{color:#00f}.diagram div li a:visited{color:#906}.diagram div li a:hover,.diagram div li a:focus{color:#f60}.diagram div li a:active{color:#f00}.diagram li samp{background-color:transparent;color:#069}.diagram li samp var{background-color:transparent;color:#930;font-style:normal}.diagram li span{position:absolute;width:0;height:0;overflow:hidden}* html .diagram li span{font-size:0;f\ont-size:1em}* html .diagram .cd span,* html .diagram .cu span,* html .diagram .dm span,* html .diagram .um span{width:8px;w\idth:0;height:4px;he\ight:0}* html .diagram .cr span,* html .diagram .mr span,* html .diagram .dr span,* html .diagram .ur span
* html .diagram .cl span,* html .diagram .ml span,* html .diagram .dl span,* html .diagram .ul span{width:4px;w\idth:0;height:8px;he\ight:0}.diagram ul{list-style:none inside;margin:0;padding:0}* html .diagram ul{width:0}.diagram .cr{top:0.5em;left:100%;width:1em;margin-left:0.05em;height:1em;border:0.05em solid #000;border-left:0}.diagram .cr samp{position:absolute;left:100%}.diagram .cl{top:0.5em;right:100%;width:1em;margin-right:0.05em;height:1em;border:0.05em solid #000;border-right:0}.diagram .cl samp{position:absolute;right:100%}.diagram .dm{top:100%;left:50%;margin-top:0.05em;border-left:0.05em solid #000}.diagram .dm a{top:100%;left:0}.diagram .um{bottom:100%;left:50%;margin-bottom:0.05em;border-left:0.05em solid #000}.diagram .um samp,.diagram .ur samp{position:absolute;bottom:0}.diagram .dr{top:100%;left:100%;margin-bottom:0.05em;margin-left:-1em;border-bottom:0.05em solid #000;border-left:0.05em solid #000}.diagram .dr a{bottom:-1em;left:100%}.diagram .dl{top:100%;right:100%;margin-bottom:0.05em;margin-right:-1em;border-bottom:0.05em solid #000;border-right:0.05em solid #000}.diagram .dl a{bottom:-1em;right:100%}.diagram .mr{top:0;left:100%;margin-left:0.05em;border-bottom:0.05em solid #000}.diagram .mr a{top:0;left:100%}.diagram .ml{top:0;right:100%;margin-right:0.05em;border-bottom:0.05em solid #000}.diagram .ml a{top:0;right:100%}.diagram .ur{bottom:100%;left:100%;margin-bottom:0.05em;margin-left:-1em;border-top:0.05em solid #000;border-left:0.05em solid #000}.diagram .ur a{top:-1em;left:100%}.diagram .ul{bottom:100%;right:100%;margin-bottom:0.05em;margin-right:-1em;border-top:0.05em solid #000;border-right:0.05em solid #000}.diagram .ul a{top:-1em;right:100%}.diagram .ul span,.diagram .cr span{top:-0.3em;left:0;border-top:0.3em solid #fff;border-right:0.5em solid #000;border-bottom:0.3em solid #fff}* html .diagram .ul span,* html .diagram .cr span{top:-4px;t\op:-0.3em;b\order-width:0.3em 0.5em 0.3em 0;border-width:4px 4px 4px 0}.diagram .dl span,.diagram .ml span{bottom:-0.3em;left:0;border-top:0.3em solid #fff;border-right:0.5em solid #000;border-bottom:0.3em solid #fff}* html .diagram .dl span,* html .diagram .ml span{bottom:-4px;b\ottom:-0.3em;b\order-width:0.3em 0.5em 0.3em 0;border-width:4px 4px 4px 0}.diagram .cl span,.diagram .dr span,.diagram .mr span{right:0;bottom:-0.3em;border-top:0.3em solid #fff;border-bottom:0.3em solid #fff;border-left:0.5em solid #000}* html .diagram .cl span,* html .diagram .dr span,* html .diagram .mr span{bottom:-4px;b\ottom:-0.3em;b\order-width:0.3em 0 0.3em 0.5em;border-width:4px 0 4px 4px}.diagram .ur span{top:-0.3em;right:0;border-top:0.3em solid #fff;border-bottom:0.3em solid #fff;border-left:0.5em solid #000}* html .diagram .ur span{top:-4px;t\op:-0.3em;b\order-width:0.3em 0 0.3em 0.5em;border-width:4px 0 4px 4px}.diagram .cd span,.diagram .um span{top:0;left:-0.3em;border-right:0.3em solid #fff;border-bottom:0.5em solid #000;border-left:0.3em solid #fff}* html .diagram .cd span,* html .diagram .um span{left:-4px;lef\t:-0.3em;b\order-width:0 0.3em 0.5em 0.3em;border-width:0 4px 4px}.diagram .cu span,.diagram .dm span{bottom:0;left:-0.3em;border-top:0.5em solid #000;border-right:0.3em solid #fff;border-left:0.3em solid #fff}* html .diagram .cu span,* html .diagram .dm span{left:-4px;lef\t:-0.3em;b\order-width:0.5em 0.3em 0;border-width:4px 4px 0}.diagram .cu,.diagram .cd{bottom:100%;left:0.5em;width:1em;height:1em;margin-bottom:0.05em;border:0.05em solid #000;border-bottom:0}.diagram .cu samp,.diagram .cd samp{position:absolute;bottom:100%}