div {
    font: small sans-serif;
}

div.control {
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0px;
    display: inline;
}

div.inline {
    display: inline;
    border: 1px solid blue;
}



div.welcome {
    vertical-align: middle;
    display: inline;
}


img.tabicon {
  vertical-align: middle;
  border: 3px solid #AFAFBF;
  padding: 0px;
  margin-left: 1px;
  margin-top: 0px;
  display: inline;
}

img.tabicon_hover, img.tabicon:hover {
  vertical-align: middle;
  border: 3px solid #7679C5;
  padding: 0px;
  margin-left: 1px;
  margin-top: 0px;
  display: inline;

}

img.tabicon_active {
  vertical-align: middle;
  border: 3px solid #6062A0;
  padding: 0px;
  margin-left: 1px;
  margin-top: 0px;
  display: inline;
}

img.logo {
  vertical-align: middle;
  padding: 0px;
  margin-left: 1px;
  margin-top: 0px;
  display: inline;
  border: 3px solid #909090;

}

form.auth { 
  border: 1px solid #8cacbb;  /* #909090; */
  align: middle;
  padding: 2ex;

}



input:focus
{ 
/*  background-color: black ! important;
  color: white ! important;
*/
  border: 1px solid #FF8C66 ! important;
}

div.field {
  margin: 0px;
  padding: 0px;

}

input.auth {
    padding: 0.5ex;
    visibility: visible;
    border: 1px solid #8cacbb;  
    color: Black;
    background-color: white;
    vertical-align: middle;
}

div.auth {
    width: 150ex;
    display: inline;
    border: 1px solid blue;
}

div.message {
    background: #FFCE7B;
    border: 1px solid #FFA500;
    color: Black;
    font: bold 80% Verdana, Helvetica, Arial, sans-serif;
    margin: 0em 0em 1em 0em;
    padding: 0.5em 1em;
    vertical-align: middle;
}