@charset "utf-8";

/*Helper Classes*/
.float-right{
    float: right;
    display: inline;
}
/*
 * Module Addressbook
 *
 */
.dekanet-addressbook{
    width: 745px;
    margin-top: 2px;
    min-height: 554px;
    /*margin: 10px auto;*/
}
.dekanet-addressbook a{
    text-decoration: none;
    color: #685D57;
}
.osplus .dekanet-addressbook a{
    color: #FF0000;
}

.dekanet-addressbook a:hover {text-decoration:none;}

/* tab-menu */

.dekanet-addressbook .ui-tabs .ui-tabs-hide {
    display: none;
}
.dekanet-addressbook  ul.tab-menu .hide {
    display: none;
}
.dekanet-addressbook  ul.tab-menu .show {
    display: block;
}
.dekanet-addressbook  .ui-widget-content .show {
    /*display: block; raus, da all tab contens sonst angezeigt werden: updated by Ph. Tesfay*/
}
/*tab-menu End*/

.tab-left,
.tab-right{
    float: left;
    display: inline;
    width: 362px;
}
.tab-right{
    float: right;
}
.ab-box-head{
    padding: 16px 10px 9px;
    border-left: 1px solid #bbb;
}
.dekanet-addressbook h2{
    font-size: 14px;
    font-weight: bold;
    color: #003745;
}
.ab-box{
    border: 1px solid #bbb;
    margin-bottom: 10px;
}
.ab-box:hover {border: 1px solid #005487;}
.osplus .ab-box:hover {border: 1px solid #C6C6C6;}
.ab-box-active {border: 1px solid #bbb;}

.tab-right .ab-box-head{
    border-right: 1px solid #bbb;
    border-left: none;
}
.dekanet-addressbook h3{
    font-weight: bold;
    background: #E6E0D0;
    padding: 4px 10px;
    position: relative;
}

.ab-box-active h3,
.ab-box:hover h3 {background: #E6E0D0;}
.osplus .ab-box-active h3,
.osplus .ab-box:hover h3 {background: #C6C6C6;}

.dekanet-addressbook h3 span{
    font-weight: normal;
    font-size: 10px;
}
.ab-box ul{
    width: 100%;
}
.ab-box-content{
    height: 99px;
    overflow: hidden;
    overflow-y: auto;
    padding-top: 4px;
    position:relative; /* wg ie7-nichtscroll-bug */
    margin: 5px 0 4px;
}
.tab-right .ab-box-content{
    height: 74px;
}
.added-target-box-large .ab-box-content{
    height: 382px;
}
.ab-box-content li{
    padding: 3px 9px;
    margin: 0;
    border: none;
    float: left;
    width:337px;
    cursor: pointer;
    position: relative;
    line-height: 16px;
    font-size: 11px;
}
.tab-right .ab-box-content li{
    top: 0 !important;
    left: 0 !important;
}
.ab-box-content li span{
    float: left;
    display: inline;
    width: 17px;
    height: 17px;
}
.ab-box-content li .item-name{
    width: auto;
    font-size:11px;
    margin-top: 1px;
}

.mailing-list-box li .item-name {
    font-size: 12px;
    width: auto;
}

.addressee-box .ab-box-content li .item-name,
.addressee-selected-box .ab-box-content li .item-name {
    width:205px;
    font-size:12px;
}
.ab-box-content li .item-name {
    width:215px;
}

.ab-box-content li .bank-code{
    width: 70px;
    font-size:11px;
}
.ab-box-content .ab-addressee .bank-code{
    float: right;
}
.ab-box li img{
    position: relative;
    top: 3px;
    margin-right: 7px;
}
.ab-box-foot{
    background: #E6E0D0;
    border-top: 1px solid #bbb;
    position: relative;
    height: 24px;
    padding: 6px 0 0 9px;
}
.dekanet-addressbook li.ui-selected {
    background: #E6E0D0;
}
.osplus .dekanet-addressbook li.ui-selected {
    background: #c6c6c6;
}
.dekanet-addressbook .jquery-checkbox {
    position: relative;
    top: 0;
    display: inline-block;
    margin: 0 3px 0 0;
}
.dekanet-addressbook .jquery-checkbox img {
    background: url("../img/structure/layout/deka-checkbox.gif") no-repeat 0 0;
}
.dekanet-addressbook a.checkbox-container{
    color: #685D57;
}
.dekanet-addressbook a.checkbox-container .check-icon{
    background: url("../img/structure/layout/deka-checkbox.gif") no-repeat 0 0;
    height: 14px;
    width: 19px;
    display: inline-block;
    position: relative;
    top: 0;
    vertical-align: top;
}
.dekanet-addressbook a.jquery-checkbox-checked .check-icon{
    background-position: 0 -14px;
}
.ie7 .ab-box-foot .checkbox-container,
.ie8 .ab-box-foot .checkbox-container {
    top: 8px;
}
.ie7 .dekanet-addressbook a.checkbox-container .check-icon,
.ie8 .dekanet-addressbook a.checkbox-container .check-icon{
    top: 0px;
}
/*Addressbook-Icons*/
.ab-icon{
    background: url('../img/sprites/buttons-sprite.png') no-repeat 0 -150px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 0px;
    margin-right: 8px;
    overflow: hidden;
}
.association-area .ab-icon,
.ab-mailing-list .ab-icon,
.ab-broker .ab-icon,
.ab-addressee .ab-icon,
.ab-target .ab-icon{
    background: #685D57 url('../img/sprites/functions-sprite.png') no-repeat 0 0;
}

.ab-addressee .ab-icon{
    background-position: 0 -297px;
}
.ab-mailing-list .ab-icon,
.association-area .ab-icon{
    background-position: 0 -1296px;
}
.save-mailing-list .ab-icon{
    background-position: 0 -1470px;
}
.ab-broker .ab-icon{/*Sparkasse kommt noch*/

}
.rename-mailing-list .ab-icon{
  background-position: 0 -990px;
}
.ab-button .ab-icon{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.ab-box-foot .ab-button{
    opacity: .5;
}
.ab-box:hover .rename-mailing-list-box h3 {
    background: none;
}
.rename-mailing-list-box h3 {
    background: none;
    padding-bottom: 6px;
}
.rename-mailing-list-box .rename-mailing-list{
    color: #685D57;
}
.rename-mailing-list-box .ab-button-active{
    color: #094C75;
}
.button-add-selected .ab-icon{
    background-position: 0 -37px;
    width: 19px;
    height: 26px;
    margin-bottom: 9px;
}
.button-add-all-items .ab-icon{
    background-position: 0 0px;
    width: 25px;
    height: 26px;
}
.button-add .ab-icon{
    background-position: 0 -1710px;
}
.button-delete .ab-icon,
.button-delete-mailinglist .ab-icon{
    background-position: 0 -1830px;
}
.ab-button:hover{
    cursor: default;
    text-decoration: none;
}
.dekanet-addressbook .ab-button-active:hover,
.dekanet-addressbook .button-delete-active:hover,
.dekanet-addressbook .button-all-selected:hover{
    cursor: pointer;
    text-decoration: underline;
}
.ab-box-foot .ab-button-active,
.ab-box-foot.activated .ab-button{
    opacity: 1;
}

/*Buttons*/
.dekanet-addressbook .button-add,
.dekanet-addressbook .button-delete,
.dekanet-addressbook a.button-delete-mailinglist,
.dekanet-addressbook .checkbox-container {

}
/*Addressbook-Icons End*/
.ab-button{
    height:20px;
    line-height:20px;
    position: relative;
    padding-left: 27px;
    display: inline-block;
}
.ab-box-foot .ab-button{
    position: absolute;
    right: 11px;
    top: 5px;
    color: #685D57;
}

.osplus .ab-box-foot .ab-button{
    color: #FF7F7F;
}
.osplus .ab-box-foot .ab-button-active,
.osplus .ab-box-foot .button-delete-active{
    color: #FF0000;
}
.ab-box-foot .ab-button-active,
.activated .ab-button,
.ab-box-foot .button-delete-active{
    color: #094c75;
    filter: alpha(opacity=100); opacity: 1;
}
.ab-box-foot .button-all-selected{
    display: block !important;
}
.ab-box-foot .button-delete-mailinglist{
    position: absolute;
    right: auto;
    left: 9px;
}
.dekanet-addressbook .btn-text {
    background: url('../img/sprites/deka-text-20.png') no-repeat 0 -20px;
    cursor: pointer;
    display: inline-block;
    padding: 0 0 0 12px;
    text-decoration: none;
}
.dekanet-addressbook .btn-text span {
    background: url('../img/sprites/deka-text-20.png') no-repeat top right;
    color: #003745;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    padding: 2px 11px 0 0;
}
.buttons-line{
    margin-right: -12px;
}
.buttons-line .btn-text{
    float: left;
}
.buttons-line .float-right{
    float: right;
    margin-right: 12px;
}
.edit-mailing-list{
    background: #E6E0D0;
    padding: 5px 10px 11px;
    margin-top: 10px;
}
.edit-mailing-list h3{
    padding-left: 0;
    background: none;
    padding-top: 3px;
}

.edit-mailing-list .selectbox-container {margin-top:2px;}

.dekanet-addressbook .mailinglist-select-input {
    background: #fff url(../img/structure/ico/addressbook/sprite.gif) no-repeat 100% -243px;
    border: 1px solid #bbb;
    cursor: pointer;
    height: 18px;
    margin-left: 2px;
    margin-right: 9px;
    width: 135px !important;
    padding: 0 22px 0 6px;
}
.osplus .dekanet-addressbook .mailinglist-select-input {
    background: #fff url("../img/structure/ico/arrow-red-dropdown-osplus.gif") no-repeat 100% 50%;
}
.dekanet-addressbook #mailinglist-select-container {
    width: 163px;
    right: 9px;
}
.dekanet-addressbook .selectbox-container,
.dekanet-addressbook .input-wrapper{
    margin-right: 10px;
    position: relative;
    float: left;
    display: inline;
}
.dekanet-addressbook .ab-autocomplete{
    float: none;
    clear: both;
    margin: 0;
    height: 22px;
    overflow: hidden;
}
.dekanet-addressbook .ab-autocomplete input.text {
    margin: 8px 0 7px 9px;
}
.dekanet-addressbook .selectbox-wrapper{
    right: 0;
    width: 245px;
    top: 18px;
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
    display: none;
}
.dekanet-addressbook .selectbox-wrapper-opened{
    display: block !important;
}
.dekanet-addressbook .selectbox-wrapper li{
    border: none;
    display: block;
    float: none;
    padding: 2px 7px;
}
.osplus .selectbox-wrapper ul li.current,
.osplus .selectbox-wrapper ul li:hover { background: #C6C6C6; }
.dekanet-addressbook .selectbox-wrapper .ab-icon{
    display: none;
}
.dekanet-addressbook h3 .checkbox-container{
    position: absolute;
    left: auto;
    right: 10px;
}
.ab-box-foot .checkbox-container{
    position: absolute;
    top: 9px;
}
.dekanet-addressbook label{
    margin-right: 4px;
}
.dekanet-addressbook input.text{
    border: 1px solid #bbb;
    padding: 2px 5px;
    font-size: 12px;
    font-family: Arial,Helvetica;
    color: #666;
}
.dekanet-addressbook input.new-mailinglist-name {
    width:153px;
    margin-left: 2px;
    margin-right: 5px;
}
/**
Organisational unit/Organisationseinheit
**/
.association-area-box,
.organisation-selected-box{
   /* margin-bottom: 10px;*/
}
.broker-box .ab-box-content{
    height: 173px;
}
.tab-left input.text{
    display: block;
    width: 329px;
    margin: 10px 0 5px 10px;
    height: 14px;
}

/**
Target/Zielgruppe
**/
.tab-left .target-box .ab-box-content{
    height: 382px;
}
.tab-right .target-selected-box{
    margin-bottom: 10px;
}
/**
addressee/Benutzer
**/
.addressee-selectbox-container{
    padding: 10px 0 6px 9px;
    border: 1px solid #bbb;
    border-bottom: none;
    height: 48px;
}
.ab-box-content li .ab-user-id{
    width: 100px;
}
.addressee-selectbox-container label{
    width: 90px;
    display: block;
    float: left;
}
.addressee-selectbox-container .selectbox-container{
    margin-bottom: 4px;
    margin-top: 2px;
}
.addressee-box .ab-box-content{
    height: 317px;
}
.addressee-box-active .ab-box-content{
    height: 287px;
}
.ie8 .addressee-box .ab-box-content{
    height: 299px;
}
.association-area-select{
    z-index: 2;
}
.broker-select{
    z-index: 1;
}
#association-area-select-container{
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
}
/**
Mailing List/Verteilerliste
**/
.mailing-list-box .ab-box-content{
    height: 382px;
}
#ab-mailing-list .create-new-mailinglist{
    display: none;
}
/**
Admins interface
**/
.rename-mailing-list-box,
.edit-mailing-list,
.button-delete-mailinglist,
.rename-mailing-list-foot{
    display: none;
}
.admin-ui .rename-mailing-list-box,
.admin-ui .edit-mailinglist-active,
.admin-ui .button-delete-mailinglist,
.admin-ui .rename-mailing-list-foot{
    display: block;
}
.rename-mailing-list-box{
    height: 50px;
}
.admin-ui .mailing-list-box .ab-box-content{
    height: 291px;
}
.rename-mailing-list-box{
    border-top: 1px solid #bbb;
    padding-bottom: 9px;
}
.rename-inner {
	padding-top:3px;
}
.rename-mailing-list-box input.text{
    width: 153px;
    margin: 0 0 0 8px;
    height: 14px;
}
.rename-mailing-list-box a{
    position: relative;
    top: 0px;
}
.save-mailing-list{
    float: left;
    display: inline;
}
.dekanet-addressbook .save-mailing-list:hover{
    text-decoration: underline;
}
.save-mailing-list:hover,
.button-add:hover,
.rename-mailing-list:hover,
.button-delete-mailinglist:hover,
.button-delete:hover {
    text-decoration: underline;
}
/*Error*/
.ab-error-container{
    color: #FF0000 !important;
    text-align: center;
}
/*
    tabs configuration
*/
#ab-tabs .hide,
#ab-tabs-second .hide{
    display: none;
}
/*jQeury Plugins*/
#fancybox-close {
    background:url("../img/structure/ico/lightbox-close.gif") 0 0;
}

.jspPane {
    padding:0 !important;
}
.dekanet-addressbook .jspHorizontalBar{
    display: none;
}
/*Selectboxes*/
.dekanet-addressbook .deka-options-wrapper {
    float: left;
    height: 16px;
    width: 245px;
}
.dekanet-addressbook .deka-options-wrapper select {
    width: 262px;
}
.dekanet-addressbook .deka-options-wrapper option {
    width: 225px;
}
.dekanet-addressbook .deka-options-wrapper option:hover {
    background-color: #b5c9d5;
}
/*Selectboxes End*/

/*IE*/

.ie8 .addressee-box .ab-box-content {height: 304px;}
/*.ie8 .tab-left .target-box .ab-box-content {height: 373px;}*/
.ie8 .broker-box .ab-box-content {height: 168px;}
.ie8 .admin-ui .mailing-list-box .ab-box-content {height: 282px;}
.ie8 .addressee-selectbox-container {padding: 10px 0 6px 9px;}
.ie8 .dekanet-addressbook .btn-text span {padding: 1px 11px 0 0; height: 20px;}
.ie8 .dekanet-addressbook .btn-text {height: 20px;}
.ie8 .edit-mailing-list h3 {padding-left: 0; padding-top: 2px;}
.ie8 .edit-mailing-list .selectbox-container {margin-top: 3px;}
/* Start: Ergaenzungen zur Steigerung der Spezifitaet bei gleichzeitiger Einbindung der jquery-ui-1.8.16.custom.css */
#fancybox-content .ui-widget { font-size:1em; }
#fancybox-content .ui-widget-header  { background:transparent; }
#fancybox-content .dekanet-addressbook .ui-widget-content { background:transparent; border:0; padding:0; color: #003745;}
#fancybox-content .ui-corner-all { border-radius:0; }
#fancybox-content ul.tab-menu { border: 1px solid #BBBBBB; border-width: 0 0 1px; }
#fancybox-content ul.tab-menu li { padding: 1px 1px 0 0; top:3px; background: #E6E0D0; border-right: 1px solid #CCC6C0; border-top: 1px solid #CCC6C0;}
#fancybox-content .ui-state-active, #fancybox-content .ui-widget-content .ui-state-active, #fancybox-content .ui-widget-header .ui-state-active { border:0; }
#fancybox-content .ui-tabs .ui-tabs-nav { padding:0; }
#fancybox-content .ui-tabs .ui-tabs-nav li a { float:none; padding: 4px 9px; color:#685D57; }
.osplus #fancybox-content .ui-tabs .ui-tabs-nav li a { color:#FF0000; }
.osplus #fancybox-content .ui-tabs .ui-tabs-nav .ui-state-active a { color:#000; }
#fancybox-content .ui-tabs .ui-tabs-nav li { margin:0; }
#fancybox-content .ui-corner-all, #fancybox-content .ui-corner-top, #fancybox-content .ui-corner-right,
#fancybox-content .ui-corner-tr, #fancybox-content .ui-corner-left, #fancybox-content .ui-corner-tl { border-radius: 0; }
#fancybox-content .ui-state-default, #fancybox-content .ui-widget-content .ui-state-default, #fancybox-content .ui-widget-header .ui-state-default { }

#fancybox-content ul.tab-menu li:hover { background:#fff;  display: block; float: left; padding: 1px 1px 0 0; }
.osplus #fancybox-content ul.tab-menu li:hover { background: #C6C6C6 url("../img/structure/nav/osplus-tab-navigation-pixel-h.gif") no-repeat right top; }

.osplus #fancybox-content ul.tab-menu li:first-child:hover { background:url("../img/structure/nav/osplus-tab-navigation-pixel-h-first.gif") no-repeat;  }
#fancybox-content ul.tab-menu li.active:first-child:hover, #fancybox-content ul.tab-menu li.ui-state-active:first-child:hover { background:url("../img/structure/nav/deka-tab-navigation-pixel.gif") no-repeat;  }
#fancybox-content ul.tab-menu li.active, #fancybox-content ul.tab-menu li.ui-state-active { background:#ffffff; border: 1px solid #bbb; border-bottom: 0;}
#fancybox-content ul.tab-menu li.active a, #fancybox-content ul.tab-menu li.ui-state-active a { text-decoration:none; color: #333; cursor: default; padding: 4px 9px 5px; }
/* Ende: Ergaenzungen zur Steigerung der Spezifitaet bei gleichzeitiger Einbindung der jquery-ui-1.8.16.custom.css */

.ui-selectable-helper { position: absolute; z-index: 3000; border:1px dotted black; } /* ;D*/

.ab-comment {
    margin-bottom: 10px;
}

.ab-comment label {
    display: block;
}

.ab-comment textarea {
    width: 100%;
    box-sizing: border-box;
}

.dekanet-addressbook__header:after {
	content: " ";
	display: block;
	clear: both;

}

#fancybox-content .dekanet-addressbook--compare .dekanet-addressbook__left,
.dekanet-addressbook__header-left {
	width: 50%;
	box-sizing: border-box;
	float: left;
	padding-right: 10px;
}

#fancybox-content .dekanet-addressbook--compare .dekanet-addressbook__right,
.dekanet-addressbook__header-right {
	width: 50%;
	box-sizing: border-box;
	float: right;
	padding-left: 10px;
}

.ab-red {
  color: #ff0000;
}