   body {
    background-color: #120015;
	           color: #c6c4c4;
			   height: 95%;
   }
   
   .main {   
    border: 2px solid gray;
	  with: 100%;
	height: 80%;
	border-radius: 1% 0% 1% 1%;
   }
   .mainfade { }
  
   .viewborder {
	position: absolute;
	  border: 2px solid gray;
	  right: 4px;
	   width: 50%;
	  height: 60%;
      float: right;
      margin: 10px;
	  border-radius: 2% 0% 2% 2%;
   }

 .viewcontainer {
          height: 100%;
         position: absolute;
             left: 0;
            right: 0;
              top: 0;
           bottom: 10px;
           margin: auto;
            width: 97%;
        max-height: 92%;
          overflow: hidden;
		  color: white;
          text-align: left;
		  font-family: sans-serif;
		  font-size: 10px;
		  line-height: 10px;
          overflow-x: hidden;
   }  

   .mainmenu {
 	position: absolute;

	   width: 50%;
	  height: 20px;
		margin: 10px;
		bottom: 90px;
	  border-radius: 2% 0% 2% 2%;
   }
   
   	.fulllogbutton{
	 margin: auto;
	        position: absolute;
			overflow: visible;
			display: inline; 
		}
		
   	.fulllogbuttonhide{
	 margin: auto;
	        position: absolute;
			overflow: visible;
			display: inline; 
			
					}
   .fulllog {  
              height: 100%;
         position: relative;
             left: 0;
            right: 0;
              top: 0;
           bottom: 0;
           margin: auto;
            width: 97%;
        max-height: 98%;
          text-align: left;
		  font-family: sans-serif;
		  font-size: 14px;
		  line-height: 20px;	
	overflow: auto;
   }

   .botcmd {
	 margin: auto;
	        position: absolute;
			left: 50px;
			overflow: visible;
			display: inline; 
		}

   #botaction {
	 margin: auto;
	        position: absolute;
			left: 50px;
			overflow: visible;
			bottom: 100%;
			display: inline; 
		}
		
	.hidden-image { 
      display: none; 
    } 

   	.logsize{
	 margin: auto;
     position: absolute;
     left: 84%;
	 bottom: 1%;
	 display: inline; 
	 font-family: sans-serif;
	 font-size: 12px;
	}
	
	.cpuload{
	 margin: auto;
     position: absolute;
     left: 76%;
	 bottom: 1%;
	 display: inline; 
	 font-family: sans-serif;
	 font-size: 12px;
	}

	.queue{
	 margin: auto;
     position: absolute;
     left: 2%;
	 bottom: 1%;
	 display: inline; 
	 font-family: sans-serif;
	 font-size: 12px;
	}
	
	.fwdstatus{
	 margin: auto;
     position: absolute;
     left: 35%;
	 bottom: 1%;
	 display: inline; 
	 font-family: sans-serif;
	 font-size: 12px;
	}
	
	.botcmdout{
     border: 2px solid gray;
	 border-radius: 3% 0% 3% 3%;
	 width: 250px;
	 margin: auto;
     position: absolute;
     right: 43%;
	 bottom: 60%;
	 display: inline; 
	 font-family: sans-serif;
	 font-size: 12px;
	 background-color: black;
	}
	.botcmdouttext{ }
	
	#botokay{
	 position: absolute;
	 bottom: 5%;
     right: 2%;
	}


	.editout {
          height: 40%;
         position: absolute;
             left: 0;
            right: 0;
              top: 10%;
           margin: auto;
            width: 30%;
          overflow: auto;
		  color: white;
          text-align: left;
		  font-family: sans-serif;
		  font-size: 10px;
		  line-height: 10px;
          overflow-x: auto;
	 border: 2px solid gray;
	 border-radius: 3% 0% 3% 3%;
	 background-color: black;
	 padding: 10px 10px;
		 }

	.editouttext{ }

	#editokaybutton{
	 position: absolute;
	 bottom: 5%;
     right: 2%;
	}

	#editsavebutton{
	 position: absolute;
	 bottom: 5%;
     right: 80%;
	}

	#editdeletebutton{
	 position: absolute;
	 bottom: 5%;
     right: 89%;
	}

	.statement{
	 margin: auto;
     position: absolute;
     right: 50%;
	 bottom: 10%;
	 display: inline; 
	 font-family: sans-serif;
	 font-size: 12px;
	}
	
	.confmain{
     border: 2px solid gray;
	 border-radius: 3% 0% 3% 3%;
	 width: 47%;
     position: absolute;
	 height: 70%;
	 left: 1%;
	 top: 3%;
	 display: inline; 
	 font-family: sans-serif;
	 font-size: 10px;
	 overflow-x: auto;
	 overflow-y: auto;
	}


  .ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }

  .ui-tooltip {
   padding: 10px 10px;
   color: white;
   background: black;
   border-radius: 20px;
   font: bold 10px Sans-Serif;
   text-transform: uppercase;
   box-shadow: 0 0 7px black;
   white-space: pre-line;
  }

  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 20px;
    height: 20px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  
  
  	.yesno {
          height: 20%;
         position: absolute;
             left: 0;
            right: 0;
              top: 10%;
           margin: auto;
            width: 10%;
          overflow: auto;
		  color: white;
          text-align: left;
		  font-family: sans-serif;
		  font-size: 15px;
          overflow-x: auto;
	 border: 2px solid gray;
	 border-radius: 3% 0% 3% 3%;
	 background-color: black;
	 padding: 10px 10px; 
		 }

	.yesnoout{ }