/* The container for the column effect. */
div.container {
position: relative;
} /* This part formats the list into a tree. */
ul.tree {
display: table;
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
width: 50%;
} ul.tree ul {
list-style-type: none;
list-style-image: none;
background: url('http://dbforms.ga.gov.au/pls/www/geodx.strat_hierarchy_tree.img?pNAME=vline') repeat-y;
width: auto;
margin: 0;
margin-left: 10px;
padding: 0;
float: left;
clear: left;
font-size: 0px;
} 
ul.tree ul li {
margin: 0;
padding: 0 12px;
line-height: 20px;
background: url('http://dbforms.ga.gov.au/pls/www/geodx.strat_hierarchy_tree.img?pNAME=node') no-repeat;
float: left;
clear: left;
font-size: 12px;
} * html ul.tree ul li,
*+html ul.tree ul li {
width: 100%;
} 
ul.tree ul li.last,
ul.tree ul li:last-child {
background: #fff url('http://dbforms.ga.gov.au/pls/www/geodx.strat_hierarchy_tree.img?pNAME=lastnode') no-repeat;
} ul.tree ul li a,
ul.tree ul li span {
width: 100%;
float: left;
clear: left;
} span.col1 {
position: absolute;
left: 50%;
} span.col2 {
position: absolute;
left: 75%;
} /* This part hides the dash that shows up in text-only browsers. */
span.dash {
display: none;
}