@import url("overlay.css") ;

.netdiagWrap {width:100%; display:flex; justify-content:center;}
.netdiagInner {transform: scale(1); transform-origin: top center;}
.treeRow{width:630px; height:190px; display:block; position:relative}
.treeRowSmall{width:630px; height:20px; display:block; position:relative}
.roof{width:90px; height:20px}
.psr1{position:absolute; top:0px; left:0px}
.psr2{position:absolute; top:0px; left:90px}
.psr3{position:absolute; top:0px; left:180px}
.psr4{position:absolute; top:0px; left:270px}
.psr5{position:absolute; top:0px; left:360px}
.psr6{position:absolute; top:0px; left:450px}
.psr7{position:absolute; top:0px; left:540px}
.unit{width:90px; height:170px;}
.unitContent{background:url(tree_box.gif) no-repeat top left; width:90px; height:170px; }
.unitContentArea{width:70px; height:150px; margin:10px 10px 10px 10px; padding-top:0px; font-size:9px; color:#000000; text-align:center; line-height:11px; }
.unitContentArea a{display:block; margin-top:3px; margin-bottom:3px; font-weight:bold; font:9px; text-decoration:underline; color:#004a7f}
.unitContentArea a:hover{color:#A06220}
.unitContentInfoTxt {color:#004a7f; font-weight:bold}
.psw3{width:90px; position:absolute; top:100px; left:180px; display:block; text-align:right;}
.psw5{width:90px; position:absolute; top:100px; left:360px; display:block; text-align:left;}
.psu1{position:absolute; top:20px; left:0px}
.psu2{position:absolute; top:20px; left:90px}
.psu3{position:absolute; top:20px; left:180px}
.psu4{position:absolute; top:20px; left:270px}
.psu5{position:absolute; top:20px; left:360px}
.psu6{position:absolute; top:20px; left:450px}
.psu7{position:absolute; top:20px; left:540px}
.flArrowDown{background:url(tree_arrow_down.gif) no-repeat center}
.flCrossUp{background:url(tree_cross_up.gif) no-repeat center}
.flDownLeft{background:url(tree_turn_down_left.gif) no-repeat center}
.flDownRight{background:url(tree_turn_down_right.gif) no-repeat center}
.flHorz{background:url(tree_horz.gif) no-repeat center}
.flTripleLeft{background:url(tree_triple_left.gif) no-repeat center}
.flTripleRight{background:url(tree_triple_right.gif) no-repeat center}
.flUpLeft{background:url(tree_turn_up_left.gif) no-repeat center}
.flVert{background:url(tree_vert.gif) no-repeat center}
.imgProfile{margin-top:-3px; margin-left:-3px; width:76px; height:76px;}
@media (max-width: 768px) {
	.netdiagInner {transform: scale(0.65);}
}
@media (max-width: 480px) {
	.netdiagInner {transform: scale(0.55);}
}

/* tambahan */
.txtsmall{ font-size:10px; color:#000000; }
.imglink{ border:0; margin-right:3px; display:inline; float:left; height:22px;}
.txtmed { font-size:12px; font-weight:bold; }