/*

 border thick 0: BBBBBB
 border thick 1: CCD4E6
 border thick 2: ??

 background 0: f5f5f5
 background 1: EDF0F6
 background 2: DDE3EB

 border thin 0: 999999
 border thin 1: 7F9DB9
 border thin 2: A5ABC0

*/

/* GENERAL APPEARANCE */

body, td, th, input, select, button {
    font-family: Tahoma, Lucida Sans Unicode, Lucida Sans, Lucida, sans-serif;
    font-size: 8pt;
}

body {
    color: black;
    background-color: white;
}

a img {
    border: 0;
}

img.current-sort-order {
    border-width: 0;
}

a.sortable-action-header {
    color: black;
}

a.sortable-action-header {
    color: black;
}

a.sortable-action-header:hover {
    text-decoration: underline;
    color: black;
}

a {
    color: #004080;
    text-decoration: none;
}

a:visited {
    color: #004080;
    text-decoration: none;
}

td.resource a {
    color: gray;
}

td.overwrittenresource a {
    color: orange;
}

span.inactive {
    color: gray;
}

a:hover {
    color: #004080;
    text-decoration: underline;
}

label {
    white-space: nowrap;
}

table#main {
    width: 100%;
}

td.filelist {
    width: 100%;
}

/* HEADER */

div#header table {
    width: 100%;
}

div#header {
    margin-bottom: 2ex;
}

div#header td {
    border-color: #BBBBBB;
    padding-left: 0.6em;
    padding-right: 0.6em;
}

div#header td.title {
    font-size: 10pt;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #999999;
    padding-bottom: 1ex;
}

div#header td.date {
    border-color: #999999;
    text-align: right;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 1ex;
}

div#header td.user {
    text-align: right;
    font-weight: bold;
    padding-top: 1ex;
    background-color: #f5f5f5;
    padding-bottom: 1ex;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

div#header td.user #user-greeting {
    font-weight: normal;
}

div#header td.user #last-login-label {
    font-weight: normal;
}

div#header td.user #last-login {
    display: none;
}

div#header td.user #recent-fail-attempts-label {
    font-weight: normal;
    color: red;
}

div#header td.user #recent-fail-attempts {
    color: red;
    display: none;
}

div#header td.user span.help {
    font-weight: normal;
}

div#header td.path {
    padding-top: 1ex;
    background-color: #f5f5f5;
    padding-bottom: 1ex;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

/* FILE LIST */

div#filelist {
    /* margin-top: 1ex; */
    margin-left: 2em;
}

div#filelist table {
    width: 100%;
}

#filelist th {
    white-space: nowrap;
    padding-left: 0.3em;
    padding-right: 0.6em;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999999;
    border-top-color: #BBBBBB;
    color: #5C5C5C;
    padding-bottom: 1ex;
    border-top-width: 2px;
    border-top-style: solid;
    padding-top: 1ex;
    background-color: #f5f5f5;
}

#filelist td {
    white-space: nowrap;
    padding-left: 0.3em;
    padding-right: 0.6em;
    padding-top: 0.8ex;
    padding-bottom: 0.8ex;
}


tr.user-directory > td {
    border-right:  1px solid #eee;
}

tr.user-directory.even > td {
    background: #fafafa;
}

tr.user-directory > td.temporary-blocked {
    border-right: none;
}

tr.user-directory > td.spacer {
    border: none;
}

#filelist tr.user-directory > td.role,
#filelist tr.user-directory > td.cert,
#filelist tr.user-directory > td.state,
#filelist tr.user-directory > td.temporary-blocked {
    text-align: center;
}

#filelist td.size {
    text-align: right;
}

#filelist th.spacer {
    white-space: nowrap;
    width: 100%;
}

#filelist td.spacer {
    white-space: nowrap;
    width: 100%;
}

#filelist th.spacer {
    white-space: nowrap;
    width: 100%;
}

#filelist td.name-external {
    color: #999;
}

#filelist td.email-external {
    color: #999;
}

#filelist tr.bottom td {
    border-top-width: 1px;
    border-top-style: solid;
    padding-bottom: 1ex;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #BBBBBB;
    border-top-color: #999999;
    background-color: #f5f5f5;
}

/* FOOTER */

div#footer {
    clear: both;
    margin-top: 5ex;
}

div#footer table {
    width: 100%;
}

div#footer td {
    border-color: #999999;
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 1ex;
}

/* ACTIONBOXES */

#actionbox-upload {
    width: 59em;
}

tr.hidden {
    display: none;
}

td.sidebar {
    background-color: #f5f5f5;
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 0;
    border-right-width: 0;
    border-color: #BBBBBB;
    border-style: solid;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1.2ex;
}

td.sidebar td {
    background-color: #f5f5f5;
}

body#login-page td.sidebar {
    display: none;
}

body#login-page div#filelist {
    /* margin-top: 1ex; */
    margin-left: 0;
}

body#login-page legend {
    font-weight: bold;
}

div#actionbar {
    background-color: yellow;
}

div.actionbox {
    margin-bottom: 3ex;
}

.actionbox fieldset {
    background-color: #f5f5f5;
    padding-left: 0.6em;
    padding-right: 0.6em;
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    padding-bottom: 0.6ex;
}

div#actionbox-spacer {
    width: 250px;
    height: 1px;
    margin: 0;
    padding: 0;
}

form.revisions .actionbox fieldset table {
    width: 20em;
}

form.list .actionbox fieldset table {
    width: 20em;
}

.actionbox a img {
    border-width: 0;
}

.actionbox legend {
    color: black;
    font-weight: bold;
}

.actionbox td {
    white-space: nowrap;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: white; /* #f5f5f5; */
}

.actionbox legend {
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.actionbox .element a {
}

.actionbox .element img {
    vertical-align: -4px;
    margin-right: 0.3em;
}

.actionbox td img.datechooser {
    vertical-align: -0px;
    margin-left: 0.3em;
}

.actionbox .element select {
    vertical-align: -3px;
}

.actionbox td.label {
    width: 9em;
    text-align: right;
    white-space: nowrap;
}

.inline-actionbox .element a {
}

.inline-actionbox div.element {
    padding-top: 2px;
    padding-bottom: 2px;
}

.inline-actionbox .element img {
    vertical-align: -4px;
    margin-right: 0.3em;
}

.inline-actionbox .element img.active {
    background-color: #AFCE95;
}

.inline-actionbox a img {
    border-width: 0;
}

.inline-actionbox .popup {
    background-color: #f5f5f5;
    margin-top: -3px;
    margin-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 20px;
    border: 1px solid gray;
    position: absolute;
    display: none;
}

.toolbar img {
    margin-right: 0.3em;
    vertical-align: -4px;
    border-width: 0;
}

.toolbar .element {
    margin-right: 1em;
}

.toolbar .element .disabled {
    color: #999999;
}

.toolbar .element select {
    vertical-align: -3px;
}

/* CUT/COPY/PASTE STATES, etc. */
img.cut, span.inactive img, .toolbar .element .disabled img {
    filter: opacity(.35) grayscale(80%);
}

.noscript {
    color: #C21212;
    font-weight: bold;
}

span.revision {
    color: #808080;
}

/* INTERNAL FRAMES, STATUS */

.stateframe {
    border-width: 0;
    width: 250px;
}

/* deployment state */
p.state {
    white-space: nowrap;
}

p span.state {
    white-space: nowrap;
    vertical-align: -7px;
}

p.state IMG {
    vertical-align: -11px;
}

.datechooser {
    cursor: pointer;
}

.navmenu,
.navmenu ul,
.navmenu li {
    padding: 0;
    margin: 0;
}

.navmenu li {
    list-style-type: none;
}

.navmenu ul.submenu {
    display: none;
    position: absolute;
    left: 99%;
    z-index: 1000;
    margin-left: -0.1em;
    margin-top: -1.8em;
    background-color: #eee;
    border: solid 1px #ccc;
    padding: 0.5em;
}

.navmenu {
    float: left;
    position: relative;
}

.navmenu span.inactive {
    vertical-align: 2px;
}

.navicon {
    display: inline;
}

.navicon:hover ul.submenu {
    display: block;
}

li.context-action span.inactive,
.navmenu a {
    background: none;
    width: 100%;
    vertical-align: 2px;
}

div.navmenu a img,
li.context-action a img,
li.context-action span.inactive img {
    vertical-align: -3px;
    margin-right: 0.3em;
    border: 0;
}

.context-action-open-icon {
    vertical-align: -1px;
    border: 0;
}

.button {
    font-weight: bold;
}

.input-search-wrapper {
    position: relative;
}

.input-search-wrapper .add-on {
    position: absolute;
    left: 6px;
    line-height: 20px;
}

.input-search-wrapper .input-search {
    width: 100%;
    height: 20px;
    padding-left: 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#filelist tr.unavailable {
    background-color: #eeeeee;
}

#filelist tr.unavailable td.from, #filelist tr.unavailable td.to {
    color: red;
}

td.l1 a {
    padding-left: 0;
}

td.l2 a {
    padding-left: 10px;
}

td.l3 a {
    padding-left: 20px;
}

td.l4 a {
    padding-left: 30px;
}
td.l5 a {
    padding-left: 40px;
}

td.deprecated label:after {
    /* padding: 3pt 3pt 3pt 3pt; */
    /* background: #efd4d4; */
    color: red;
    content: "Achtung, keine weitere Unterst\00fctzung";
    margin-left: 1em;
}

div.experimental {
    background-color: #ffcc0029;
}

div.actionbox div.hint {
    margin-bottom: 1ex;
}