.header_icon_link
{
    vertical-align:middle;
    width:32px;
    margin: 2px;
    cursor:pointer;
    opacity:0.6;
    transition: opacity  0.2s ease-in-out;
}

.header_icon_link:hover {
    opacity:1;
}

#userName img {
    height:42px;
}
      
/* Header */
       
#pnlHeader {
    width:100%;
    height:64px;
}
 
#pnlHeader tr, #pnlHeader td
{
    border-width:0px;
}

#pnlHeader td:first-of-type {
    width:32px;
}

#lnkHome {
    padding: 0px 4px 0px 4px;
}

#lnkHere {
    padding: 8px 4px 8px 4px; 
    font-size: larger
}

/* --------- Login -------- */

#pnlLogin {
    width:130px;
}

#pnlLoginMenu {
    text-align:center;
}

#pnlLoginEnter p {
    margin:4px;
    text-align:center;
    white-space: nowrap;
    font-size: 12pt;
}

#pnlLoginEnter button {
    padding : 4px;
}

#pnlLoginEnter #txtLogin {
    width: 40px;
}

#pnlLoginEnter #txtPass {
    width: 60px;
}

#pnlLogin a {
    font-size:smaller;
}

/* ---------- LOGGED ------------------ */

#pnlLogged {
    width: 80px; text-align:center; white-space:nowrap;
}

#btnContext {
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
    padding:4px;
    cursor:pointer;
}

#userName {
    display:inline-block;
    vertical-align:middle;
}

#userName img {
    vertical-align:middle;
}

#imgDown {
    width:24px;
    height:24px;
    vertical-align:middle;
}

#btnContext {
    transition:background-color 0.2s ease-in-out;
}

#btnContext:hover {
    background-color:rgba(0, 0, 0, 0.36)
}

#userName div {
    color:white;
    line-height:32px;
    vertical-align:middle;
    padding: 0px 4px 0px 4px;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
}

/* ---------- MENU ---------------*/
.changelog
{
    position: absolute;
    z-index: 200;
    width:400px;
    background-color: lightblue;
    border: solid 1px #000;
    padding: 4px 0px 4px 0px;
    height: 300px;
    overflow-y: scroll;
}

.changelog div
{
    padding-left: 4px;
    padding-right: 4px;
}

.changelog div:nth-child(even)
{
    background-color: rgb(209, 226, 231);
}

.changelog .task
{
    color: rgb(116, 116, 116);
}

/* ------- FROM COMMON ------ */

.right_overlay
{
	right: 0px;
	position:absolute;
}

.left_overlay
{
	left:0px;
	position:absolute;	
}

.container
{
	position: relative;
}
    
.metro table,tr,td
{
    border: 1px solid #aaa;
}
    
body
{
    font-family: Segoe UI;
}