body {margin:0; padding:0;}
.opened_network_info {position:fixed; top:10px; left: 10px; font-family:"Malgun Gothic", "NanumGothic", "새굴림"; 
  font-size:14px;
  display: inline-block;
  padding: 6px 6px;
/*  font-size: 11.844px;*/
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  display:none;     
}
.opened_network_label  
{
    float:left;
  font-size:14px;
  background-color: #999999;
  display: inline-block;
  padding: 6px 6px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  margin-right: 2px;     
}
.opened_network_name {
    float:left;
  font-size:14px;
  background-color: #3a87ad;
  display: inline-block;
  padding: 6px 6px;
/*  font-size: 11.844px;*/
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
/*  display:none;          */
}
#togglemode_area {position:fixed; top:10px; right: 10px; font-family:"Malgun Gothic", "NanumGothic", "새굴림"; font-size:20px;}
#togglemode_area a { text-decoration:none; color: #333;}
#btn_toggleMode {/*width: 216px;*/ margin-bottom: 0px;}
#togglemode_area.usermode .userbtns{
    display: inline-block; /*font-size: 14px;*/
}
/*
#togglemode_area.usermode .userbtns button{
    width: 120px;
}
*/

/*#usernet_delete { display: none;}*/
#togglemode_area:not(.usermode) .userbtns {
    display:none;
}

.ui-button .ui-icon.ui-silnet-help, .ui-state-hover .ui-icon.ui-silnet-help .ui-state-focus .ui-icon.ui-silnet-help, .ui-button:hover .ui-icon.ui-silnet-help, .ui-button:focus .ui-icon.ui-silnet-help {
    background-image: url(/Content/path/btn/btn-help.png);
    background-size: 32px;
    width: 32px;
    height: 32px; 
}
.ui-button .ui-icon.ui-silnet-open, .ui-state-hover .ui-icon.ui-silnet-open .ui-state-focus .ui-icon.ui-silnet-open, .ui-button:hover .ui-icon.ui-silnet-open, .ui-button:focus .ui-icon.ui-silnet-open {
    background-image: url(/Content/path/btn/btn-open.png);
    background-size: 32px;
    width: 32px;
    height: 32px; 
}
.ui-button .ui-icon.ui-silnet-save, .ui-state-hover .ui-icon.ui-silnet-save .ui-state-focus .ui-icon.ui-silnet-save, .ui-button:hover .ui-icon.ui-silnet-save, .ui-button:focus .ui-icon.ui-silnet-save {
    background-image: url(/Content/path/btn/btn-save.png);
    background-size: 32px;
    width: 32px;
    height: 32px; 
}
.ui-button .ui-icon.ui-silnet-delete, .ui-state-hover .ui-icon.ui-silnet-delete .ui-state-focus .ui-icon.ui-silnet-delete, .ui-button:hover .ui-icon.ui-silnet-delete, .ui-button:focus .ui-icon.ui-silnet-delete {
    background-image: url(/Content/path/btn/btn-del.png);
    background-size: 32px;
    width: 32px;
    height: 32px; 
}
.ui-button .ui-icon.ui-silnet-edit, .ui-state-hover .ui-icon.ui-silnet-edit .ui-state-focus .ui-icon.ui-silnet-edit, .ui-button:hover .ui-icon.ui-silnet-edit, .ui-button:focus .ui-icon.ui-silnet-edit {
    background-image: url(/Content/path/btn/btn-net-edit.png);
    background-size: 32px;
    width: 32px;
    height: 32px; 
}
.ui-button .ui-icon.ui-silnet-org, .ui-state-hover .ui-icon.ui-silnet-org .ui-state-focus .ui-icon.ui-silnet-org, .ui-button:hover .ui-icon.ui-silnet-org, .ui-button:focus .ui-icon.ui-silnet-org {
    background-image: url(/Content/path/btn/btn-net-org.png);
    background-size: 32px;
    width: 32px;
    height: 32px; 
}

svg {
  background-color: #FFF;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/*
svg:not(.active):not(.ctrl) {
  cursor: crosshair;
}
*/
svg.usermode.ctrl {
  cursor: crosshair;
}

.cmdicon
{
  cursor: pointer;
}

path.link {
  fill: none;
  stroke: #000;
  stroke-width: 1px;
  cursor: default;
}

svg:not(.active):not(.ctrl) path.link {
  cursor: pointer;
}

path.link.selected {
  stroke-dasharray: 10,2;
}

path.link.dragline {
  pointer-events: none;
}

path.link.hidden {
  stroke-width: 0;
}

circle.node {
  /*stroke-width: 1.5px;*/
  cursor: pointer;
}

circle.node.reflexive {
  stroke: #000 !important;
  stroke-width: 2.5px;
}

text {
  font: 12px sans-serif;
  pointer-events: none;
}

text.label {
  text-anchor: middle;
  font-weight: bold;
}

/*
svg.usermode .nodeinfoview{
    display:none;
}

svg:not(.usermode) .nodeinfoview {
    display:block;
}

svg.usermode .nodeinfoedit{
    display:block;
}

svg:not(.usermode) .nodeinfoedit {
    display:none;
}
*/