
body{
	margin:10px;
	padding:0px;
	font-family: Arial, Baskerville, monospace !important;
	text-align:center;
}

input[type="text"], input[type="password"]{
	outline:none;
	padding:10px;
	display:block;
	width:300px;
  border-radius: 15px;
  border: 2px solid #73AD21;
	margin:20px auto;
}
button{
      font-size:12px;
}
input[type="submit"]{
	padding:10px;
	color:#fff;
	background:#0098cb;
	width:320px;
	margin:20px auto;
	margin-top:0px;
  border-radius: 15px;
  border: 2px solid #73AD21;
	cursor:pointer;
}

input[type="submit"]:hover{
	background:#00b8eb;
}

.nodetable {
  border-collapse:collapse; 
  table-layout:fixed; 
  width:210px;
}
.nodetable td {
  border:solid 1px ##73AD21; 
  width:90px; 
  word-wrap:break-word;
}


.header{
	border-bottom:2px solid #73AD21;
  border-top:2px solid #73AD21;
	padding:10px 0px;
	width:100%;
	text-align:center;
  z-index:10;
  background:inherit;
}

.header a{
	color:#333;
	text-decoration: none;
}

#maindiv{
    position:relative; 
    top:0px; 
    left:0px; 

}
#networklist{
    border-radius: 15px;
    border: 2px solid #73AD21;
    width: 230px;
    height: 180px;
    position:absolute; 
    top:10px; 
    left:10px; 
    text-align:left;
    line-height:1em;
    font-size:14px;
    padding-left:10px;
}
#nodetypes{
    border-radius: 15px;
    border: 2px solid #73AD21;
    width: 230px;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    position:absolute; 
    top:200px; 
    left:10px; 
    text-align:left;
    font-size:14px;
    padding-left:10px;

}
#edgetypes{
    border-radius: 15px;
    border: 2px solid #73AD21;
    width: 230px;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    position:absolute; 
    top:410px; 
    left:10px; 
    text-align:left;
    font-size:14px;
    padding-left:10px;

}
#mynetwork{
    border-radius: 15px;
    border: 2px solid #73AD21;
    position:absolute; 
    top:10px;
    left:260px; 
    right:260px; 
    height:580px;
    padding:10px;

}

#objectinfo{
  font-size: 14px;
  border-radius: 15px;
  border: 2px solid #73AD21;
  position:absolute; 
  top:10px; 
  right:10px; 
  width:220px; 
  height:160px; 
  line-height:1em; 
  text-align:left;
  padding:10px;
}
#networkstyle{
  border-radius: 15px;
  border: 2px solid #73AD21;
  position:absolute; 
  top:200px; 
  right:10px; 
  width:230px; 
  height:190px; 
  line-height:1em; 
  text-align:left; 
  font-size:10px;
  overflow-x: hidden;
  padding:5px;
  overflow-y: hidden;
}
#statusDiv{
  border-radius: 15px;
  border: 2px solid #73AD21;
  position:absolute; 
  top:410px; 
  right:10px; 
  width:220px; 
  height:180px; 
  line-height:1em; 

  text-align:left; 
  font-size:8px;
  overflow-x: hidden;
  padding:10px;
  background: white;
}

#operation {
      font-size:20px;
      text-align: center;
}
#node-popUp {
    border-radius: 15px;
    border: 2px solid #73AD21;
    position:absolute;
    width:250px;
    height:150px;
    background-color: #f9f9f9;
    padding:00px;
    top:60px;
    left:300px; 
    text-align: left;
    padding:10px;
}
#view-node-popUp {
    font-size: 10px;
    border: 1px solid #888888;
    position:absolute;
    width:80px;
    height:14px;
    background-color: #ffff99;
    text-align: left;
}
#edge-popUp {
     border-radius: 15px;
    border: 2px solid #73AD21;
     display:none;
      position:absolute;
    top:60px;
    left:300px; 
      z-index:299;
      width:250px;
      height:220px;
      background-color: #f9f9f9;
      padding:10px;
}
#new-network-popUp {
    border-radius: 15px;
    border: 2px solid #73AD21;
      display:none;
      position:absolute;
      top:350px;
      left:170px;
      z-index:299;
      width:250px;
      height:80px;
      background-color: #f9f9f9;
      padding:10px;
      text-align: center;
}
#node-type-popUp {
    border-radius: 15px;
    border: 2px solid #73AD21;
      display:none;
      position:absolute;
      z-index:299;
      width:250px;
      height:220px;
      background-color: #f9f9f9;
      padding:10px;
      text-align: center;
}
#edge-type-popUp {
    border-radius: 15px;
    border: 2px solid #73AD21;
      display:none;
      position:absolute;
      top:350px;
      left:170px;
      z-index:299;
      width:250px;
      height:220px;
      background-color: #f9f9f9;
      padding:10px;
      text-align: center;
}

.red {
  border-color: red
}

.green {
  border: 4px solid green
}
.blue {
  border: 5px solid blue
}
.yellow {
  border-color: yellow
}
.black {
  border-color: black
}

.origi {
  border-color: #73AD21
}

