/*
 * Default CSS styleset for iKnowBase-stuff
 */

.ikbHidden,.ikbRowHide { display:none; visibility:hidden; }

/* Error popup on top of screen (first element inside body) */
.ikbErrorPopup { background-color:#ffcc66; border:thin solid #cc0000; color:#cc0000; font-weight:bold; }

/* Ext3 specific resets */
.x-window, .x-window table, .x-window th, .x-window td { border:none; padding:0; margin:0; text-align:left; }

.ikbBusyIndicator {
  background:url("data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==")
             no-repeat center center;
}

/*
http://www.barelyfitz.com/screencast/html-training/css/positioning/
A relative div stays where it occurs. An absolute *inside* a relative can be given x/y positioning relative to relative 
*/
div.ikbWaitIndicator {
    position: relative;
    top: 0;
}
div.ikbWaitIndicator > div{
    position: absolute;
    top: 0;
    width: 100%;
}
div.ikbWaitIndicatorFixed > div{
    position: fixed ! important;
}
div.ikbWaitIndicator > div  > div{
    width: 12em;
    padding: 1em;
    text-align:center;
    color: white;
    margin: 0 auto;
    background: #131313;
    opacity: 0.85;
    border-radius: 0 0 0.375em 0.375em;
}
div.ikbWaitIndicator span.ikbWaitIcon {
    font-weight: bold;
    margin:0 auto;
    padding: 1em 1.3em;
    background:no-repeat center center;
    background-image:url("data:image/gif;base64,R0lGODlhFAAUALMIAPh2AP+TMsZiALlcAKNOAOp4ANVqAP+PFv///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAIACwAAAAAFAAUAAAEUxDJSau9iBDMtebTMEjehgTBJYqkiaLWOlZvGs8WDO6UIPCHw8TnAwWDEuKPcxQml0Ynj2cwYACAS7VqwWItWyuiUJB4s2AxmWxGg9bl6YQtl0cAACH5BAUKAAgALAEAAQASABIAAAROEMkpx6A4W5upENUmEQT2feFIltMJYivbvhnZ3Z1h4FMQIDodz+cL7nDEn5CH8DGZhcLtcMBEoxkqlXKVIgAAibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkphaA4W5upMdUmDQP2feFIltMJYivbvhnZ3V1R4BNBIDodz+cL7nDEn5CH8DGZAMAtEMBEoxkqlXKVIg4HibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkpjaE4W5tpKdUmCQL2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8ONQMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkpS6E4W5spANUmGQb2feFIltMJYivbvhnZ3d1x4JMgIDodz+cL7nDEn5CH8DGZgcBtMMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmFQX2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZBMJNIMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUKAAgALAEAAQASABIAAAROEMkpz6E4W5tpCNUmAQD2feFIltMJYivbvhnZ3R1B4FNRIDodz+cL7nDEn5CH8DGZg8HNYMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAkKAAgALAEAAQASABIAAAROEMkpQ6A4W5spIdUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZAsGtUMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IADs=");}

/*
 * Notification
 */
div.ikbNotifier {
    position: relative;
    right: 0;
    top: 0;
    z-index: 999999;
    font-size: 12px;
}

div.ikbNotifierFixed > div {
    position: fixed ! important;
}

div.ikbNotifier > div {
    position: absolute;
    top: 0;
    width: 100%;
}

div.ikbNotifierContent {
    width: 24em;
    margin: 0 10px 0 auto !important;
    position: relative;
}

div.ikbNotification {
    background-color: #131313;
    border-radius: 0.375em 0.375em 0.375em 0.375em;
    margin: 10px 0 !important;
    padding: 1em !important;
}

div.ikbNotificationTitle {
    color: #fff;
    font-weight: bold;
    width: 18em;
    word-wrap: break-word;
}
div.ikbNotificationText {
    color:#eaeaea;
    line-height:1.2em;
    width: 18em;
    word-wrap: break-word;
}

div.ikbNotification.ikb-warning div.ikbNotificationIcon {
    background:URL(/ressurs/iknowbase/content-services/icon/info/ikb_icon_notify_warn.png) no-repeat left;
    background-size:3em 3em;
    padding-left: 4em;
    height: 3em;
    display: table-cell;
    vertical-align: middle;
}
div.ikbNotification.ikb-error div.ikbNotificationIcon {
    background:URL(/ressurs/iknowbase/content-services/icon/info/ikb_icon_notify_error.png) no-repeat left;
    background-size:3em 3em;
    padding-left: 4em;
    height: 3em;
    display: table-cell;
    vertical-align: middle;
}
div.ikbNotification.ikb-info div.ikbNotificationIcon {
    background:URL(/ressurs/iknowbase/content-services/icon/info/ikb_icon_notify_info.png) no-repeat left;
    background-size:3em 3em;
    padding-left: 4em;
    height: 3em;
    display: table-cell;
    vertical-align: middle;
}