#topbar {
    margin: 0 auto;
    width: 950px;
    z-index: 100;
}

#topbar .wrapper {
    position: absolute;
    width: 950px;
    height: 0;
}

#topbar .status {
    z-index: 200;
    position: relative;
    float: right;
    height: 32px;
    line-height: 24px;
    text-shadow: 1px 1px 1px #bbb;
}

#topbar .status .content {
    max-width: 900px;

    margin-right: 5px;
}

#settings-user-password {
    min-height: 200px;
    max-height: 600px;
    overflow: scroll;
}

#settings-user-password input {
    background-color:#fff;
    border:1px solid #777;
    font-weight:normal !important;
    border-radius:2px;
}

#settings-user-password input:focus {
    border: 1px solid #84afce;
    background-color: #e8f2fe;
}

#topbar .status div.left {
    float: right;
    width: 40px;
    height: 32px;
    background: transparent url(../img/topbar/bottom/left.png?20141110) bottom left no-repeat;
}

#topbar .status .left a.toggle {
    display: block;
    width: 35px;
    height: 32px;
    background: transparent url(../img/topbar/bottom/icon/down.png?20141110) center center no-repeat;
}

#topbar .status .login {
    float: right;
    height: 32px;
    background: transparent url(../img/topbar/bottom/left_bg.png?20141110) bottom left repeat-x;
}

#topbar .status .spacer {
    float: right;
    width: 21px;
    height: 32px;
    background: transparent url(../img/topbar/bottom/left_right.png?20141110) bottom left repeat-x;
}

#topbar div.lock-container,
#topbar div.logout-container {
    float: left;
}

#topbar div.lock-container div.lock {
    background: transparent url(../img/topbar/bottom/icon/lock.png?20141110) center right no-repeat;
    padding-right: 18px;
    padding-left: 13px;
    cursor: pointer;
}

#topbar div.lock-container a.lock {
    background: transparent url(../img/topbar/bottom/icon/lock.png?20141110) center right no-repeat;
    padding-right: 18px;
    padding-left: 13px;
}

#topbar div.lock-container a.lock.waiting,
#topbar div.logout-container a.logout.waiting {
    cursor: default;
}

#topbar div.lock-container div.lock.waiting {
    cursor: default;
}

#topbar .status div.logout {
    float: right;
    height: 32px;
    background: transparent url(../img/topbar/bottom/right_bg.png?20141110) bottom right repeat-x;
}

#topbar .status .logout a.logout {
    display: inline;
    padding: 0 20px 0 10px;
    background: transparent url(../img/topbar/bottom/icon/logout.png?20141110) center right no-repeat;
}

#topbar .status div.right {
    float: right;
    width: 30px; /* eigentlich 24px, aber wg. Abstand */
    height: 32px;
    background: transparent url(../img/topbar/bottom/right.png?20141110) bottom left no-repeat;
}

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

#topbar .status .login span {
    font-weight: bold;
}

#topbar .status .left .icon {
    height: 14px;
    width: 14px;
    margin: 7px 0 0 10px;
    background: transparent url(../img/topbar/bottom/icon/down.png?20141110) no-repeat left top;
}

#topbar .status.expand .left .icon {
    background-image: url(../img/topbar/bottom/icon/up.png?20141110);
}

#topbar .status.loading .left .icon {
    background-image: url(../img/loading/small/white/transparent.gif);
}

#topbar .status .content .loading {
    height: 200px;
    background-color: #fff;
    background-position: center center;
}

#topbar .status .content .access_container {
    border-bottom: 1px solid #BBBBBB;
    min-height: 160px;
    max-height: 342px;
    overflow: auto;
}

#topbar .status .content .access {
    border-top: 1px solid #BBBBBB;
    width: 100%;
}

#topbar .status .content input.search {
    width:95%;
    background: url(../img/list/search/nice_magnifying_glass.png?20141110) 3px 3px no-repeat;
    border:1px solid #a5acb2;
    margin: 10px 2px;
    padding: 2px 2px 2px 22px;
}

#topbar .status .content .highlight {
    background-color: #ffa;
}

#topbar .status .content div.nodata {
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    font-style: italic;
    margin-bottom: 10px;
}


#topbar .status .content .access.focus,
#topbar .status .content .access.hover {
    background-color: #E2EBF5 !important;
}

#topbar .status .content .access.active {
    background-color: #f1f0f0;
}

#topbar .status .content .access tr {
    cursor: pointer;
}

#topbar .status .content .access.focus td.select,
#topbar .status .content .access.hover td.select {
    background: url(../img/list/button/index_hover.png?20141110) no-repeat 50% 50%;
}

#topbar .status .content .access.active td.select {
    background: url(../img/list/button/index_active.png?20141110) no-repeat 50% 50%;
}

#topbar .status .content .access.activebg td.select {
    background: url(../img/list/button/index_activebg.png?20141110) no-repeat 50% 50%;
}

#topbar .status .content .access td {
    padding: 4px 0 0 4px;
}

#topbar .status .content .access td.left {
    font-weight: bold;
}

#topbar .status .content .access td.right {
    font-weight: bold;
    text-align: right;
    padding-right: 7px;
}

#topbar .status .content .access td.lower {
    padding: 0 0 4px 4px !important;
}

#topbar .status .content .access td.select {
    width: 15px;
    height: 25px;
    padding: 0px 10px;
    background: transparent url(../img/list/button/index.png?20141110) no-repeat 50% 50%;
}

#topbar .content .ui-tabs-panel {
    font-size: .9em !important;
}

#topbar .content .small {
    font-size: 11px;
}

#topbar .content .big {
    font-size: 16px;
}

#topbar .content legend {
    padding: 7px;
    font-size: 1.2em;
}

#topbar .content fieldset {
    padding: 10px;
}

#topbar .fontsize {
    clear: both;
}

#topbar .fontsize .slider {
    width: 65%;
    max-width: 190px;
}

#topbar .buttons {
    text-align: right;
}

#topbar .fontsize > * {
    float: left;
    margin-right: 20px;
}

#topbar .ui-slider-handle {
    cursor: e-resize;
}

#topbar #settings-user {
    width: 434px;
    margin: 0 auto;

    overflow: hidden;
}

#topbar #settings-user table {
    margin: 0 auto;
    width: 100%;
    border: 1px solid #DDDDDD;
}

#topbar #settings-user .lbl  {
    width: 40%;
    text-align: right;

    background-color: #E3E6EA;
    padding-right: 10px;
}

#topbar #settings-user td  {
    padding: 3px;
    background-color: #F2F2F4;
    border-bottom: 1px solid #DDDDDD;
}

#topbar #settings-user input {
    width: 88%;
}

#topbar #settings-user-info .user {
    float: left;

    width: 100%;
}

#topbar #settings-user-info .user .userImage {
    float: left;
}

#topbar #settings-user-info .org {
    float: left;

    width: 100%;

    margin-top: 15px;
    padding-top: 5px;
    border-top: 1px solid #DADADA;
}

#topbar #settings-user-info .details {
    float: left;

    padding-left: 10px;
}

#topbar #settings-user-info .org .userImage,
#topbar #settings-user-info .org .orgImage
{
    float: left;

    padding-top: 8px;
}

#topbar #settings-user .infohead-top {
    font-weight: bold;
}

#topbar #settings-user .infohead {
    padding-top: 8px;

    font-weight: bold;
}

#topbar #settings-user-info .address {
    line-height: 1.2em;
}

#topbar #settings-user .info {
    line-height: 0.7em;
}

#topbar #settings-roles {
    background-color: #fff;
}

#topbar .tmp {
    min-width: 473px;
    position: absolute;
    z-index: -9999;
}

#topbar .head {
    padding: 1px 5px !important;
}

#topbar .iconOrg {
    padding-right: 4px;
}

#topbar .iconRole {
    padding-left: 4px;
}

#topbar #language {
    width: 216px;

    margin-left: 20px;
}

#topbar #settings-account #account-accordion {
    width: 600px;
}

#topbar #settings-account #account-accordion > h3 {
    font-size: 1.4em;
    padding: 0.2em 0 0.2em 2em;
}

#topbar #settings-account div.head {
    background: #262626 url(../../../../../../af/1.0/media/img/action/rec/th.png) repeat-x top;
    text-shadow: 1px 1px 1px #5C5C5C;
    padding: 4px 5px;
    text-align: left;
    font-weight: bold;
    color: #eee;
}

#topbar #settings-account div.info {
    overflow: hidden;
    color: #059;
    padding: 10px 10px 10px 50px;
    min-height: 23px;
    background: #fbfbff url(../../../../../../af/1.0/media/img/message/info.png?20141110) 7px center no-repeat;
    border: 1px solid #059;
    box-shadow: inset 0 0 4px #339;
}

#topbar #settings-account #account-accordion div.template ul.switches {
    display: none;
}