/**
 * Hauptlayout
 *
 * @copyright   Alcedis GmbH
 * @version     SVN: $Id: body.css 132841 2018-05-25 12:25:32Z ahe $
 * @author      Lars Bomnueter <lbo@alcedis.de>
 * @author      Alexander Waclawczyk <awa@alcedis.de>
 */

*, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

html {
    height: 100%; /* sticky footer */
    background-position: center 70px;
}

body {
    position: relative; /* sticky footer */
    height: auto !important; /* sticky footer */
    height: 100%; /* sticky footer */
    min-height: 100%; /* sticky footer */

    background: transparent url(../img/body/background.png?20141110) top repeat-x;
}

form a.formlink {
    color: #00f !important;
    text-decoration: none !important;
}

form a.formlink:hover,
form a.formlink:focus,
form a.formlink:active {
    text-decoration: underline !important;
}

hr.dotted-line {
    height:0px;
    border:0px;
    border-top:1px dotted #888;
}

.hidden_element {
    display:none;
}

#container {
    width: 950px;
    margin: 0 auto;
}

#body {
    clear: both;
    width: 950px;
    margin: 0 auto;
    padding-top: 32px;
    padding-bottom: 65px; /* sticky footer / so viel wie footer height */
}

#body .top,
#info,
#caption {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
}

#body .top .left,
#info .left,
#caption .left {
    position: absolute;
    float: left;
}

#body .top .right,
#info .right,
#caption .right {
    position: absolute;
    float: right;
}

/**
 * body top
 */
#body .top {
    width: 830px; /* with von (#body - #body .top_left - #body .top_right) */
    height: 96px; /* height von #body .top_left bzw #body .top_right */
    background: transparent url(../img/body/top/background.png?20141110) top repeat-x;
}

#body .top .left {
    width: 60px;
    height: 96px;
    margin-left: -60px;
    background: transparent url(../img/body/top/left.png?20141110) top left no-repeat;
}

#body .top .right {
    width: 60px;
    height: 96px;
    margin-left: 830px; /* 950 - 60 - 60 */
    background: transparent url(../img/body/top/right.png?20141110) top right no-repeat;
}

/**
 * header
 */
#header {
    position: absolute;
    width: 905px;
    top: 50px;
    margin-left: -35px;
}

#header .logo {
    float: left;
    margin-right: 15px;
    margin-left: -10px;
}

#header #navigation {
    float: right;
    margin-left: 20px;
}

#header h1 {
    padding-bottom: 5px;
    text-align: center;
}

#header h2 {
    text-align: center;
    line-height: 15px;
    overflow: hidden;
}

/**
 * info
 */
#info {
    width: 910px; /* 950 - 20 - 20 */
    height: 28px;
    line-height: 28px; /* wie height */
    background: transparent url(../img/body/info/background.png?20141110) top repeat-x;
}

#info .left {
    width: 20px;
    height: 28px;
    margin-left: -20px; /* width abziehen */
    background: transparent url(../img/body/info/left.png?20141110) top left repeat-y;
}

#info .right {
    width: 20px;
    height: 28px;
    margin-left: 910px; /* 950 - 20 - 20 */
    background: transparent url(../img/body/info/right.png?20141110) top right repeat-y;
}

#info .center {
    padding: 0 5px;
}

/*
.template .multi_column td.infobox,
.template tr.info td {
    padding: 0;
} */

.template div.info,
body.content tr.info td {
    overflow: hidden;
    color: #059;
    padding: 10px 10px 10px 50px;
    min-height: 23px;
    background: #fbfbff url(../img/message/info.png?20141110) 7px center no-repeat;
    border: 1px solid #059;
    box-shadow: inset 0 0 4px #339;
}

.template div.warning,
body.content tr.warning td {
    overflow: hidden;
    color: #960;
    padding: 10px 10px 10px 50px;
    min-height: 23px;
    background: #fffbce url(../img/message/warning.png?20141110) 7px center no-repeat;
    border: 1px solid #960;
    box-shadow: inset 0 0 4px #960;
}

.template div.error,
body.content tr.error td {
    overflow: hidden;
    color: #b00;
    padding: 10px 10px 10px 50px;
    min-height: 23px;
    background: #FBCACA url(../img/message/error.png?20141110) 7px center no-repeat;
    border: 1px solid #b00;
    box-shadow: inset 0 0 4px #b00;
}

.template div.registration,
body.content tr.registration td {
    overflow: hidden;
    color: #630;
    padding: 10px 10px 10px 50px;
    min-height: 23px;
    background: rgba(255, 165, 0, 0.44) url(../img/message/registration.png?20141110) 7px center no-repeat;
    border: 1px solid #630;
    box-shadow: inset 0 0 4px #630;
}

.template div.success,
body.content tr.success td {
    overflow: hidden;
    color: #481;
    padding: 10px 10px 10px 50px;
    min-height: 23px;
    background: #effde1 url(../img/message/success.png?20141110) 7px center no-repeat;
    border: 1px solid #481;
    box-shadow: inset 0 0 4px #481;
}

/* needed for form_lock info wudo */
tr.wudo.info.locked > td > div.info {
    color: #9b692b; !important;
    font-weight: bold;
    border: 1px solid #daa22b; !important;
    box-shadow: inset 0 0 4px #daa22b; !important;
    background: rgba(255, 243, 135, 0.66) url(../img/message/lock.png?20141110) 7px center no-repeat;
    padding-top: 14px;
}

td.infobox, tr.info td {
    padding: 0 !important;
}

body.content tr.info td {
    line-height: 1.5em;
    height: auto;
    box-shadow: none;
    border: 2px solid #06a;
    padding: 10px 10px 10px 50px !important;
}


/**
 * caption
 */
div#caption {
    background: transparent url(../img/body/content/background.png?20141110) repeat-y;
}

#caption h3 {
    display: inline-block;
    padding: 3px 5px 5px;
    line-height: 32px;
    text-shadow: 2px 2px 1px #bbb;
    max-width: 600px;
    margin-left: 20px;
}

div#caption > div {
    vertical-align: top;
    display: inline-block;
    min-height: 2.3rem;
}

div#caption > div.caption-name {
    width: 65%;
}


/**
 * switches
 */
div.caption-switches {
    width: 35%;
    text-align: right;
}

ul.switches {
    margin: .6rem 1.7rem .5rem .5rem;
}

ul.switches li {
    display: inline-block;
    margin-left: 15px;
}

.ui-dialog ul.switches {
    float: right;
    margin: 5px 5px 5px 0
}

.ui-dialog table {
    clear: both;
}

.switches .loading {
    margin-top: 4px;
    margin-left: 3px;
    margin-right: 3px;
}


/**
 * content
 */
#content {
    background: transparent url(../img/body/content/background.png?20141110) repeat-y;
    clear: both;
    padding: 0 25px;
    overflow: hidden;
}

#foot {
    position: absolute; /* sticky footer */
    height: 80px;
    left: 0;
    bottom: 0; /* sticky footer */
    width: 100%;
    background: url(../img/body/foot/background.png?20141110);
    z-index: -1;

    font-family: sans-serif;
    font-size: 0.85em;
}

#foot .vendor {
    float: left;
    display: block;
}

#foot .alcedis {
    float: right;
    width: 97px;
    height: 70px;
    margin-top: 8px;
    margin-right: 15px;
    padding-top: 0px;
    background: url(../img/body/foot/logo/alcedis.png?20141110) top center no-repeat;
    text-align: center;
}

/**
 * bottom
 */
#bottom {
    height: 38px;
    margin: 0 auto;
    background: transparent url(../img/body/bottom/background.png?20141110) bottom no-repeat;
}

/*********************/

#header h1 {
    font-size: 1.4em;
    font-weight: bold;
}

#header h2 {
    display: block;
    font-size: .9em;
    text-shadow: 1px 1px 1px #bbb;
}

#caption h3 {
    font-size: 1.5em;
    color: #2a3a82;
}

.template table {
    width: 100%;
}

.template table {
    border-top: 1px solid #bbb;
}

.template tbody tr.odd {
    background-color: #f8f8f8;
}

.template td {
    padding: 0.3em 0.6em;
    border-bottom: 1px solid #bbb;
}

/* ignore tds with colspan attribute (they are full width and children is responsible for rendering) */
.template td[colspan]:not(.wrap-multicolumn-column):not(.active-select-content):not(.widget-textarea) {
    padding: 0;
}

.template tr:not(.info) td[colspan]:not(.wrap-multicolumn-column):not(.active-select-content),
.template td[colspan].wrap-activeselect-multi.outer_table td,
.template td[colspan].wrap-activeselect-single.outer_table td {
    border-bottom: none;
}

.template td[colspan].wrap-activeselect-multi,
.template td[colspan].wrap-activeselect-single,
.template td[colspan].wrap-postable,
.template td[colspan].wrap-comment.textarea,
.template td[colspan].wrap-editor,
.template table.active-select-data td {
    border-bottom: 1px solid #bbb !important;
}

.template:not(.ui-dialog-content) td.wrap-slider-multi td.lbl {
    width: 343px;
}

.template td.postable table {
    width: 99%;
    margin: 0 auto;
}

.template td.postable table thead,
.template table.active-select-data {
    border-left: 1px solid #bbb !important;
    border-right: 1px solid #bbb !important;
}

.template td.active-select-content {
    border-top: 1px solid #bbb !important;
}





.template td[colspan].wrap-comment td.wudo-head {
    padding: 0.3em 0.6em!important;
}

.template tr.outer_table {
    background-color: transparent;
}

.template td.outer_table {
    background-color: transparent;
    padding: 0;
}

/* postables are rendered outline so background should be always white */
.template td.element.postable {
    background-color: white;
}

#form_active-select > table > tbody > tr.element.postable.outer_table.activeSelectSingle {
    border: 1px solid white;
    background-color: white;
}

#form_active-select > table > tbody > tr.element.postable.outer_table.activeSelectMulti {
    border: 1px solid white;
    background-color: white;
}

.template tr .tableseparator {
    padding: 0px;
    font-size: xx-small;
    border: 1px solid white;
    background-color: white;
}

/* template buttons should have transparent background */
.template tr .buttons {
    border: 1px solid transparent;
    background-color: transparent;
}

.template tr .audittraildata {
    border: 1px solid white;
    background-color: white;
}

/***************************************/

.error:not(.element) #messages div {
    margin: 0 !important;
}

.error:not(.element) #messages {
    padding-top: 20px !important;
}

.error:not(.element) #messages div {
    margin: 0 !important;
}

.mandatory:not(.element) {
    margin-left: 2px;
    font-size: 1.3em;
}

.mandatory.error:not(.element) {
    color: #d00;
}

.mandatory.warning:not(.element) {
    color: #df9000;
}

.mandatory.registration:not(.element) {
    color: #d74;
}

.mandatory.conditional:not(.element) {
    vertical-align: baseline;
    font-size: .9em;
    position: relative;
    top: -.5em;
}

/***************************************/

/**
 * for horizontally scrollable lists
 */
div.table-wrapper {
    overflow-x:auto !important;
    overflow-y:hidden !important;
    width:100%;
}

.clickable {
    cursor: pointer;
}

.round:not(.element) {
    border-radius: 5px; /* W3C */
    -icab-border-radius: 5px; /* icab */
    -o-border-radius: 5px; /* Opera */
    -opera-border-radius: 5px; /* Opera */
    -moz-border-radius: 5px; /* Firefox */
    -khtml-border-radius: 5px; /* Konqueror */
    -webkit-border-radius: 5px; /* Chrome / Safari */
}

/**
 * Loading
 */
.head:not(.element) .loading {
    padding: 2px 24px;
}

.head:not(.element) a {
    color: #fff !important;
    text-decoration:underline !important;
}

.loading {
    background-repeat: no-repeat;
}

.loading.small.lonely {
    height: 16px;
    width: 16px;
}

.loading.big.lonely {
    height: 32px;
    width: 32px;
}

.loading.small.white.solid {
    background-image: url(../img/loading/small/white/solid.gif);
}

.loading.small.white.transparent {
    background-image: url(../img/loading/small/white/transparent.gif);
}

.loading.small.black.solid {
    background-image: url(../img/loading/small/black/solid.gif);
}

.loading.small.black.transparent {
    background-image: url(../img/loading/small/black/transparent.gif);
}

.loading.small.grey.solid {
    background-image: url(../img/loading/small/grey/solid.gif);
}

.loading.small.grey.transparent {
    background-image: url(../img/loading/small/grey/transparent.gif);
}

.loading.big.white.solid {
    background-image: url(../img/loading/big/white/solid.gif);
}

.loading.big.white.transparent {
    background-image: url(../img/loading/big/white/transparent.gif);
}

.loading.big.black.solid {
    background-image: url(../img/loading/big/black/solid.gif);
}

.loading.big.black.transparent {
    background-image: url(../img/loading/big/black/transparent.gif);
}

.loading.big.grey.solid {
    background-image: url(../img/loading/big/grey/solid.gif);
}

.loading.big.grey.transparent {
    background-image: url(../img/loading/big/grey/transparent.gif);
}


#loginForm table {
    border: none;
}

#loginForm table td {
    background-color: #fff;
    border: none;
    line-height: 1.5em;
}

#loginForm table a {
    color: blue;
    text-decoration: underline;
}

/****************** Exception *********************/

#content.error .exception .exception-container {
    width: 600px;
    height: 165px;

    background-color: #F9FFD0;

    border: 1px solid #FFCF40;

    margin: 30px auto;

    -moz-box-shadow: 0 3px 13px #aaa;
    -webkit-box-shadow: 0 0 8px #aaa;
    box-shadow: 0 0 8px #aaa;

    font-family: "Trebuchet MS","Lucida Grande",Verdana,Arial,Helvetica,sans-serif !important;
}

#content.error .exception .exception-container .exception-container-head {
    width: 100%;
    height: 65px;

    border-bottom: 1px solid #FFCF40;

    font-size: 1.4em;
    font-style: italic;
    font-weight: bold;

    text-align: center;
}

#content.error .exception .exception-container .exception-container-head span {
    vertical-align: 15px;
}

#content.error .exception .exception-container .exception-container-body {
    text-align: center;
    font-size: 1.2em;
}

#content.error .exception .exception-container .exception-container-body div {
    margin: 20px 0;
}

#content.error .exception .exceptionDefault {
    width: 48px;
    height: 48px;

    margin-top: 10px;
}

#content.error .exception a {
    font-style: italic;
    font-weight: bold;
}

form span.textarea > span.value span.more {
    display: none;
}

form span.textarea > span.value > a.more {
    cursor: pointer;
}

span.core-log-contact {
    text-decoration: underline;
    cursor: pointer;
}