#mainmenu

{

  font-size: 14px;

  font-family: "Segoe UI", Tahoma, sans-serif;

}

#mainmenu.UIMenu 

{

  background-color: #3b3939;

  min-height: 32px;

}

#pagemenu .ui-menuitem

{

  padding: 6px 16px;

}


.content_container

{

    display: grid;

    grid-template-columns: 40px 1fr 1fr 40px;

    grid-template-rows:    40px 120px 20px 20px 20px 20px 20px auto;

    grid-column-gap: 10px;

    grid-row-gap: 10px;

}

.content_container div.uiFancyTextField

{

    width: 100%;

}

#ncf_image

{

    grid-column-start: 2;

    grid-row-start: 2;

    justify-self: center;

    align-self: center;

}

#ncf_text

{

    color: black;

    grid-column-start: 3;

    grid-row-start: 2;

    justify-self: start;

    align-self: center;

}

#ncf_name_label

{

    color: black;

    grid-column-start: 2;

    grid-row-start: 3;

    justify-self: end;

    background: #c0c0c0;

}

#ncf_name

{

    color: black;

    grid-column-start: 3;

    grid-row-start: 3;

    justify-self:start;

    background: #d0d0ff;

}

#ncf_url_label

{

    color: black;

    grid-column-start: 2;

    grid-row-start: 4;

    justify-self: end;

    background: #c0c0c0;

}

#ncf_url

{

    color: black;

    grid-column-start: 3;

    grid-row-start: 4;

    justify-self:start;

    background: #d0d0ff;

}

#ncf_username_label

{

    color: black;

    grid-column-start: 2;

    grid-row-start: 5;

    justify-self: end;

    background: #c0c0c0;

}

#ncf_username

{

    color: black;

    grid-column-start: 3;

    grid-row-start: 5;

    justify-self:start;

    background: #d0d0ff;

}

#ncf_password_label

{

    color: black;

    grid-column-start: 2;

    grid-row-start: 6;

    justify-self: end;

    background: #c0c0c0;

}

#ncf_password

{

    color: black;

    grid-column-start: 3;

    grid-row-start: 6;

    justify-self:start;

    background: #d0d0ff;

}

#ncf_edit

{

    grid-column-start: 2;

    grid-column-end: 3;

    grid-row-start: 8;

    justify-self:end;

    align-self: end;

}