#widgetbar_container {
    position: fixed;
    width:    33px;
    height:   100%;
    top:      0;
    right:    0;
    z-index:  10;
}

/**
 * Add widget sidebar background if widgets are active after user is logged in
 */
.cel-widgets-active {
    background-position: right;
    background-repeat:   repeat-y;
}

#widgetbar {
    position:    fixed;
    right:       0;
    width:       33px;
    text-align:  center;
    color:       white;
    padding-top: 95px;
}

.cel-widget-trigger {
    height:          32px;
    width:           34px;
    margin:          0;
    padding:         0;
    border-left:     none;
    border-right:    none;
    display:         block;
    text-decoration: none;
    background:      url(../gfx/widget/sprite-widget.png) no-repeat;
}

#widgetbar a:hover, #widgetbar a.active {
    background-color: #292929;
    border-color:     grey;
}

/* Widget container */
.widget {
    position:           fixed;
    display:            none;
    text-align:         left;
    top:                30px;
    left:               30px;
    color:              #000000;
    width:              370px;
    min-height:         350px;
    z-index:            9999;
    background-color:   #ffffff;
    border:             1px solid #cccccc;
    border-right:       none;
    -webkit-box-shadow: -10px 0px 40px 0px rgba(0,0,0,0.4);
    -moz-box-shadow:    -10px 0px 40px 0px rgba(0,0,0,0.4);
    box-shadow:         -10px 0px 40px 0px rgba(0,0,0,0.4);
}

.widget .widget_container {
    padding: 5px;
}

.widget hr {
    height:           1px;
    border:           none;
    background-color: #cccccc;
}

.widget .widget_name {
    background-color: #292929;
    border-bottom:    1px solid #cccccc;
    border-right:     none;
    color:            #ffffff;
    display:          block;
    height:           31px;
    line-height:      31px;
    margin:           0;
    padding:          0;
    text-align:       center;
    vertical-align:   middle;
}

.widget .spacing {
    width: 16em;
}

/* *************************** */
/*      widget_contacts        */
/* *************************** */

.cel-widget-trigger.cel-widget-contacts {
    background-position: -1px -100px;
}

#widget_contacts .widget div {
    margin:     0;
    padding:    2px 5px;
    border:     1px solid gray;
    border-top: none;
    min-height: 369px;
}

#widget_contacts input#widget_contacts_searchfield {
    width: 360px;
}

div.widget#widget_contacts > div {
    max-height: 350px;
    overflow:   auto;
}

/* *************************** */
/*         widget_files        */
/* *************************** */

.cel-widget-trigger.cel-widget-files {
    background-position: 1.5px -67px;
}

div.widget#widget_files > div {
    max-height: 370px;
    overflow:   auto;
}

#widget_files_breadcrumb {
    font-weight:  bold;
    padding-left: 0.5em;
}

label#widget_files_upload_label {
    padding-left: 0.5em;
}

div.widget#widget_files tr.cel-new-layout td {
    padding: 3px 1px;
}

div.widget#widget_files tr.cel-old-layout td {
    padding: 1px;
}

div.widget#widget_files td.size {
    text-align: right;
}

div.widget#widget_files a {
    color:  #000000;
    cursor: pointer;
}

div.widget#widget_files #widget_files_homedirectory {
    float:        right;
    margin-right: 0.5em;
}

#widget_files_navigationbar {
    text-align: right;
    margin:     0;
    padding:    0;
}

.widget .file_name {
    font-weight: bold;
}

.widget .file_size {
    font-style: italic;
}

#widget_files_upload {
    background: #F2F4FA;
}

/* *************************** */
/* widget_quickdataaccess      */
/* *************************** */

.cel-widget-trigger.cel-widget-quickdataaccess {
    background-position: 0 -33px;
}

#widget_quickdataaccess .spacing {
    text-align:    right;
    padding-right: 2px;
    padding-top:   6px;
    width:         270px;
}

#widget_quickdataaccess input[type=text] {
    width: 50px;
}

/* *************************** */
/* other widgets_              */
/* *************************** */

.cel-widget-scroll-to-top {
    background-position: -1px -133px;
}

.cel-widget-scroll-to-bottom {
    background-position: -1px -166px;
}

.cel-widget-to-today {
    background-position: 0 -251px;
}

/* *************************** */
/* widget_timetracking         */
/* *************************** */
.cel-widget-timetracking {
    background-position: 0 -1px;
}

#widget_timetracking {
    line-height: 1;
}

#widget_timetracking .play {
    border-color:   transparent transparent transparent #15FF00;
    border-width:   8px 0 8px 16px;
    border-style:   inset;
    display:        inline-block;
    height:         0;
    vertical-align: middle;
    width:          0;
}

#widget_timetracking .stop {
    background-color: #FF0000;
    display:          none;
    height:           16px;
    vertical-align:   middle;
    width:            16px;
}

#widget_timetracking .action_name {
    color: #FFFFFF;
}

#widget_timetracking #duration {
    margin: 0 10px;
}

#widget_timetracking .btn_save_changes {
    color:   #FFFFFF;
    display: none;
}

#widget_timetracking .create_action .create_action_link {
    color: #FFFFFF;
}

/* ************************ */
/* Language changer         */
/* ************************ */

.cel-widget-trigger.cel-widget-language-de {
    background-position: 1px -221px;
}

.cel-widget-trigger.cel-widget-language-en {
    background-position: 1px -196px;
}

/* ************************ */
/* IDD changer              */
/* ************************ */

.cel-widget-idd-switch, .cel-widget-idd-switch:hover
{
    color: #FFFFFF;
    text-decoration:none;
}

#widgetbar .cel-widget-idd-switch.cel-deactivate p{
    background-color: grey;
}

#widgetbar a:hover p, #widgetbar a.active p{
    background-color: #292929;
    border-color:     grey;
}


/* sidebar widget new layout */

.widget.cel-widget-newlayout {
    width: 470px;
}

#widget_contacts.cel-widget-newlayout input#widget_contacts_searchfield {
    width: 460px;
    margin-bottom: 15px;
}

#widget_quickdataaccess.cel-widget-newlayout .widget_container, #widget_timetracking.cel-widget-newlayout .widget_container {
    padding-left: 15px;
}

#widget_quickdataaccess.cel-widget-newlayout #qdaw_cid,
#widget_quickdataaccess.cel-widget-newlayout #qdaw_ld,
#widget_quickdataaccess.cel-widget-newlayout #qdaw_dat,
#widget_quickdataaccess.cel-widget-newlayout #qdaw_par {
    width: 100px;
}

#widget_quickdataaccess.cel-widget-newlayout #qdaw_cust_id1, 
#widget_quickdataaccess.cel-widget-newlayout #qdaw_cust_id2 {
    width: 150px;
}

#widget_timetracking.cel-widget-newlayout .formfield {
    margin-bottom: 12px;
}

.widget.cel-widget-newlayout .spacing {
    width: 10em;
}

#widget_timetracking.cel-widget-newlayout #description,
#widget_timetracking.cel-widget-newlayout #tt_widget_person,
#widget_timetracking.cel-widget-newlayout #tt_widget_company {
    width: 250px;
}