.container {
   
    width: 800px;
    height: 600px;
    border: 1px solid;
    position: relative;
    right: 8px;
    bottom: 8px;
}

.container1 {
     width: 800px;
    height: 33px;
    background-color: #DDDDDD;
   
    
}

.container2 {
   
    width:800px;
    height: 567px;
    background-color: #666666;
}

.inputpanel {
    border: 1px solid;
    width: 260px;
    height: 345px;
    position: relative;
    top: 95px;
    left: 40px;
    -webkit-box-shadow: 0px 10px 13px 8px #4E4E4E;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    0px 10px 13px 8px #4E4E4E;  /* Firefox 3.5 - 3.6 */
  box-shadow:         0px 10px 13px 8px #4E4E4E;
    
}

.inputpanel1 {
   
    width: 260px;
    height:25px;
     background-color: #DCDCDC;
    font-family: sans-serif;
    font-size: 12px;
}

#ip1 {
   
}

.ip {
    position: relative;
    left: 14px;
    font-family: sans-serif;
    font-size: 12px;
}
.image {
    position: relative;
    left: 52%;
    top: -27%;
    width: 204px;
}
table {
    border-width: 2px;
    border-style: solid;
    border-color: #696969;
    border-collapse: collapse;
}

table td {
    border-width: 1px;
    border-style: solid;
    border-color: #E6E6E6;
     background-color: white;
    height: 17px;
}

table th {
    border: 1px;
    border-style: solid;
    border-color: #696969;
    background-color: #DDDDDD;
/*    cursor: col-resize;*/
    width: 111px;
}

table th.resizing {
/*    cursor: col-resize;*/
}

.noCrsr {
    margin-right: +5px;    
/*    cursor:col-resize; */
     height: 17px;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    left: 7px;
}

.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
#show {
    position: relative;
    display: inline-block;
    background-color: #c8c8c8;
    padding: 2px 6px;
    width: 40px;
    text-align: center;
    margin-left: 5px;
    border: 1px solid #000;
    border-radius: 3px;
    cursor: default;
}
#show:hover { 
    background-color: #9E9FA0;
}
#add:hover { 
    background-color: #9E9FA0;
}
#clear:hover { 
    background-color: #9E9FA0;
}
/*
.noCrsr:hover { 
    background-color: #9E9FA0;
}
*/
th:hover { 
    background-color: #9E9FA0;
}

.table {
    height: 105px;
    width: 222px;
    overflow-y: auto;
    overflow-x: hidden;
}
#add,#clear{
position: relative;
    display: inline-block;
    background-color: #c8c8c8;
    padding: 2px 6px;
    width: 70px;
    text-align: center;
    margin-left: 10px;
    border: 1px solid #000;
    border-radius: 3px;
    cursor: default;
}
.shape1 {
    background-image: url(../assets/images/9.png);
    width: 0px;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    top: 6px;
    position: relative;
        
}

.arrow1 {
    background-image: url(../assets/images/13.png);
    width: 19px;
    height: 19px;
    background-size: 100%;
    display: inline-block;
}

.shape2 {
    background-image: url(../assets/images/21.png);
    width: 0px;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    top: 6px;
    position: relative;
}

.arrow2 {
    background-image: url(../assets/images/17.png);
    width: 19px;
    height: 19px;
    background-size: 100%;
    display: inline-block;
}

.z_top {
    position: absolute;
    top: 194px;
    left: 55px;
    font-family: sans-serif;
    font-size: 12px;
}

#show1 {
    position: relative;
    display: inline-block;
    background-color: #c8c8c8;
    padding: 2px 6px;
    width: 40px;
    text-align: center;
    margin-left: 5px;
    border: 1px solid #000;
    border-radius: 3px;
    cursor: pointer;
}

#add1, #clear1 {
    position: relative;
    display: inline-block;
    background-color: #c8c8c8;
    padding: 2px 6px;
    width: 70px;
    text-align: center;
    margin-left: 10px;
    border: 1px solid #000;
    border-radius: 3px;
    cursor: pointer;
    top: 183px;
    left: -215px;
}