#inout
{
  margin-bottom:1em;
}

#inout_title
{
  text-align:right;
}

#inout_area
{
  position:relative;
  padding:0;
  margin:0;
  border: 1px solid black;
  width:730px;
  height:520px;
  background: url(pic/fon.png) repeat-y;
}

#monitor, #keyboard, #mouse, #scheme
{
  position:absolute; 
  width:250px;
  height:131px;
  padding:0; margin:0;
  background:white;
}

#monitor
{
  left:150px; top:20px;
}

#keyboard
{
  left:20px; top:340px;
}
#mouse
{
  left:270px; top:340px;
}

#scheme
{
  left:150px; top:186px;
}

#inout_clear
{
  position:absolute; 
  right:20px; 
  top:20px;
}
#inout_z
{
  position:absolute; 
  width:142px;
  height:152px;
  padding:0; margin:0;
  background:white;
  right:20px;
  bottom:30px;
}
#inw0, #inw1, #outw0, #outw1
{
  position:absolute; 
  left:460px;
  padding:0; margin:0;
}
#inw0  { top:160px; }
#inw1  { top:200px; }
#outw0 { top:240px; }
#outw1 { top:280px; }

#inout_mess
{
  position:absolute; 
  right:20px;
  padding:0; margin:0;
  top:80px;
  text-align:right;
  font: 20px Arial, sans-serif; 
  color:#4d4d4d;
}
#inout_mess SPAN
{
  color:red;
}