

/* required LIB STYLES */
/* .Treant se automatski dodaje na svaki chart conatiner */
.Treant { position: relative; overflow: hidden; padding: 0 !important; }
.Treant > .node,
.Treant > .pseudo { position: absolute; display: block; visibility: hidden; }
.Treant.Treant-loaded .node,
.Treant.Treant-loaded .pseudo { visibility: visible; }
.Treant > .pseudo { width: 0; height: 0; border: none; padding: 0; }
.Treant .collapse-switch { width: 3px; height: 3px; display: block; border: 1px solid black; position: absolute; top: 1px; right: 1px; cursor: pointer; }
.Treant .collapsed .collapse-switch { background-color: #868DEE; }
.Treant > .node img { border: none; float: left; }








q:before,q:after { content:''; }
abbr,acronym { border:0; }


.chart { height: 600px; width: 1000px;}
.chart div, .chart p {
  margin:0;
  padding: 0;
}

.tennis-draw {
    font-size: 14px;
    width: 300px;
}

.tennis-draw.winner { height: 38px; }
/*.tennis-draw.winner:hover { background: url('trophy.png') right 0 no-repeat; }*/
.tennis-draw.winner .node-name { padding-left: 10px; margin-top: 1px; display: block; }

.tennis-draw .node-name { padding: 2px; white-space: pre; color: #e27820; font-weight: bold}
.tennis-draw .node-desc { padding: 2px; color: #999; }

.tennis-draw.first-draw .node-title,
.tennis-draw.first-draw .node-name,
.tennis-draw.first-draw img { position: absolute; top: -14px; }
.tennis-draw.first-draw:hover img { width: 20px; top: -12px; }

.tennis-draw.first-draw { width: 300px; height: 20px; }
.tennis-draw.first-draw img { margin: 3px 4px 0 0; left: 25px; }
.tennis-draw.first-draw .node-title { margin-top: 3px; }
.tennis-draw.first-draw .node-name { width: 113px; padding-left: 0px; }
.tennis-draw.first-draw.bye .node-name { color: #999; }