table.ui-datepicker-calendar .weekendholiday a {
    background-color: #a95959;
}
table.ui-datepicker-calendar .weekendholiday a.ui-state-active {
    background-color: #d98989;
}

DIV.buttonlane {
    text-align: center;
    padding: 20px 0px 9px 0px;
    position: relative;
    width: 100%;
}
DIV.buttonlane a.buttonlanemenubutton {
    position: absolute;
    left: 0px;
    top: 6px;
    line-height: 120%;
    transition: all 100ms ease;
    pointer-events: none;
    opacity: 0.5;
}

DIV.buttonlane a.buttonlanemenubutton.enabled {
    pointer-events: all;
    opacity: 1;
}

@media (min-width: 1280px) and (max-width: 1599px) {
    DIV.buttonlane {  max-width: 1200px;  }
}
@media (min-width: 1600px) {
    DIV.buttonlane {  max-width: 1500px;  } 
}
#nav{
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
#quickbar{
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
A.button {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding: 2px 4px 2px 4px;
    text-decoration: none;
    margin: 20px 5px 4px 5px;
    font-family: "MS Shell Dlg", Arial;
    font-size: 14px;
    box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.39);
}
A.button:link {
    text-decoration: none;
}
#doinstantcheckin{
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/* tabs */
.tabsmodeicon .tab {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 110px;
    height: 21px;
    padding-top: 3px; 
    text-align: center;
    float: left;
    overflow: hidden;
    color: white;
    margin-right: 4px;
    margin-bottom: 4px;
    border-radius: 3px;
    position: relative;
    background-color: #6B6968;
    box-sizing: content-box;
}
.tabsmodeicon .tabicon {
    width: 16px;
    height: 16px;
    opacity: 1.5;
    position: absolute;
    left: 10px;
    margin-top: 1px;
}
.tabsmodeicon svg.tabicon {
    width: 16px;
    height: 16px;  
    fill: white;
    stroke: white;
}
.tabsmodeicon .tabtext {
    color: white;
    font-size: 11px;
    white-space: nowrap;
    left: 35px;
    top: 5px;
    position: absolute;
}
.tabsmodeicon .tab:hover {
    background-color: #820262;
}

.tabsmodeicon .tab_sel .tabtext {
    color : white;
}
.tabsmodeicon .tab_sel .tabicon {
    opacity: 1;
}

.tabsmodestd .tab {
    width: 113px;
    text-align: center;
    float: left;
    overflow: hidden;
    color: white;
    margin-right: 4px;
    margin-bottom: 4px;
    border-radius: 3px;
    height: 17px;
    padding-top: 1px;
    text-align: center;
    background-color: #777777;
    border-radius: 3px;
    text-transform: uppercase;
    box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.39);
    box-sizing: inherit !important; 
    line-height: 1 !important; 
}

.tabsmodestd .tab:hover {
    background-color: #803073;
    border-radius: 3px;
}
.tabsmodestd .tab_sel {
    background-color: #820263;
    border-radius: 3px;
}
.tabsmodestd .tab.moreless {
    background-color: #888888;
}
.tabsmodestd .tab.moreless:hover {
    background-color: #904083;
}

.tab_content {
    display: none;
}

#tabsheadcontainer {
    display: inline-block;
}
#tabscontentcontainer {
}
#tabscontainer {
    width: 921px;
    height: 100%;
}

#globalsettingsdialog #tabscontainer {
    width: 100%;
}


/* tab end */


.dialog {display: none;}



/* -------- POPUPMENU ----------- */
UL.popupmenu {
     border: 1px solid #bbb;
     position: absolute;
     background: #fff;
     margin: 0px;
     padding: 0px;
     display: none;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
}

UL.popupmenu LI.popuptitle {
    height: 10px;
    text-align: center;
    font-size: 0.7em;
    background-color: #888;
    color: white;
    padding-top: 2px;
}

UL.popupmenu LI {
     display: block;
     border-bottom: 1px solid #bbb;
     list-style: none;
     margin: 0px;
     padding: 4px;
     cursor: pointer;
     text-align: left;
     font-size: 12px;
     height: 15px;
     color: black;
}

UL.popupmenu LI.popupitem DIV.popupkbd {
     font-style: italic;
     padding-left: 8px;
     font-size: 11px;
}

UL.popupmenu LI.popupitem:last-child {
     border-bottom: none;
}

UL.popupmenu LI.popupitem.hover {
     background: RGB(174,186,22);
     color: black;
}

UL.popupmenu LI.popupitem A {
     text-decoration: none;
     color: black;
}


.bar { 
    position: relative;
    border: 1px solid #9FA4A9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;   
}

.bctime {
    text-align: center;
}

.bigcalendar {
    margin-top: 8px;
    border-left: 1px solid #afafaf;
    border-top: 1px solid #afafaf;
}

.bigcalendar > TBODY > TR > TD {
    width: 130px;
    height: 50px;
    border-right: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    padding: 3px;
    vertical-align: top;
}

.bigcalendar > TBODY > TR > TH {
    width: 130px;
    border-right: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    color: black;
    background-color: #eeeeee;
}
.bigcalendar > TBODY > TR > TH.weekend {
    color: red;
}
.bcdaynumber {
    float: left;
    width: 26px;
    font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
    text-transform: uppercase;
    font-stretch: condensed;
    font-size: 16px;

}

.bcdaytext {
    padding: 0px;
    margin-left: 26px;
    height: 60px;
    width: 97px;
    overflow-y: auto;
    overflow-x: hidden;
}

.bcothermonth {
    background: #DDDDDD;
}

.bcnoaction {
    background: #EEEEEE;
}

.bctoday {
    background: #BEFF93;
}

.customertypebox {
    width: 13px;
    height: 12px;
    padding-top: 1px;
    font: 10px arial;
    text-align: center;
    display: inline-block;
}

.customertypebox_large {
    width: 29px;
    height: 36px;
    padding-top: 2px;
    font: 22px arial;
    text-align: center;
}

.todotypebox_large {
    width: 25px;
    height: 34px;
    padding-top: 4px;
    padding-left: 4px;
    -webkit-print-color-adjust: exact;
}

.tooltypebox_large {
    width: 25px;
    height: 34px;
    padding-top: 4px;
    padding-left: 4px;
    font-size: 0.7em;
}

.bcpopup {
    position: absolute;
    border: 1px solid black;
    margin: 0px;
    padding: 0px;
    display: none;
    width: 500px;
}

.bcpopupheading {
    background-image: url("/gfx/grads/grad_pink_noshadow.jpg");
    color: white;
    text-align: center;
    border-bottom: 1px solid black;
}

.bcpopuptext {
    padding: 5px;
    background: white;
}

.formcolorselector {
    width: 200px;
    height: 200px;
    background: white;
    border: 1px solid black;
    z-index: 13500;
    position: absolute;
    display: none;
}

h1.csheading {
    padding-top: 7px;
    text-align: center;
    clear: both;
}

.sccontainer {
    margin-top: 8px;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    font-weight: bold;
}

.smallcalendar {
    border-left: 1px solid black;
    border-top: 1px solid black;
}

.smallcalendar > TBODY > TR > TD {
    width: 20px;
    height: 15px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding: 3px;
    vertical-align: top;
    font-weight: normal;
}

.smallcalendar > TBODY > TR > TH {
    width: 20px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    background: #27AAE1;
}

.scdaynumber {
    text-align: center;
    font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
    text-transform: uppercase;
    font-stretch: condensed;
    font-size: 14px;

}

.scdaytext {
    display: none;
}

.scothermonth {
    background: #DDDDDD;
}

.scaction {
    background: #77FF77;
}

.sctoday {
    background: #FFFFAA;
}


.userbox {
    float: left;
    margin: 10px 10px 0px 10px;
    padding: 5px;
    border: 1px solid #9FA4A9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;    
    text-align: center;
    background: white;
    width: 196px;
}

.userbox_small {
    float: left;
    margin: 10px 10px 0px 10px;
    padding: 5px;
    border: 1px solid #9FA4A9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;    
    text-align: center;
    background: white;
    width: 98px;
    height: 121px;
    overflow: hidden;
    font-size: 0.8em;
}

.userbox .imgcontainer {
    height: 125px;
}

/* inside the container of the new ui.*/
.pagecontent .form_treeselect{
    position: unset;
    min-height: 19px;
}

.form_treeselect {
    border: 1px solid gray;
    border-radius: 3px;
    background-color: #eee;
    padding: 2px 3px 2px 4px;
    white-space: nowrap;
    position: absolute;
}
.form_treeselect img {
    position: absolute;
    top: 2px;
    right: 4px;
}
.form_treeselect .textdiv {
    cursor: pointer;
    overflow: hidden;
    float: left;
}
.treeselectmenucontainer {
    background-color: white;
    padding: 4px;
    position: absolute;
    border: 1px solid gray;
}
.treeselectmenucontainer .treerow {
    cursor: pointer;
}
.treeselectmenucontainer .treerow:hover {
}
.treeselectmenucontainer .treeexpander {
    font-size: 12px;
    line-height: 1;
}
.treeselectmenucontainer .treevalue {
    font-size: 12px;
    line-height: 1;
    padding: 2px;
    white-space: nowrap;
}
.treeselectmenucontainer .treerow > .treevalue:hover {
    background-color: orange;
}
.treeselectmenucontainer .treeexpandrow {
    display: flex;
    cursor: pointer;
    position: relative;
    height: 16px;
    width: 100%;
}
.treeselectmenucontainer .treeexpandrow:hover {
    background-color: orange;
}

/*
 * Threads and messages
 */
.ld-btn{
    width: 50px;
    height: 30px;
    float:right;
    background: rgba(1,1,1,0);
    border: none;
}
.ld-btn:focus{
    outline:none;
}
.ld-btn img,.ld-btn span{
    pointer-events: none;
}
.ld-btn object{
    position: relative;
    top: 5px;
    right:5px;
    pointer-events: none;
    width: 20px;
    height: 20px;
    filter: invert(100%);
    transition: 0.5s;
}
.ld-btn:hover object, .ld-btn object.toggled, .lock-button:hover object,.lock-button object.toggled{
    filter: invert(50%) sepia(100%) saturate(350%) hue-rotate(271deg) brightness(83%);
}
.lock-button object{
    width: 14px;
    filter: invert(100%);
    position: relative;
    top: 1px;
    right: 1px;
    pointer-events: none;
    transition: 0.5s;
}
.boxwhite.bookmarked.thread {
}
.messages.thread img.threadbookmarked0 {
    display: inherit;
}
.messages.thread img.threadbookmarked1 {
    display: none;
}
.messages.thread.bookmarked img.threadbookmarked0 {
    display: none;
}
.messages.thread.bookmarked img.threadbookmarked1 {
    display: inherit;
}

/* the header above a note, with 'written by', 'created' etc*/
.messages .threadheader {
    position: relative; float: right;
}
.messages .threadheader.isthread {
    width: 850px;
}
.messages .threadheader.ismessage {
    width: 750px;
}
.messages .threadheader .threadlabel {
    font-weight: bold;
    display: inline-block;
    width: 120px;
}
/* settings ui widget: hover fullscreen button */
.ui-dialog .fullscreen-btn:hover {
    background-color: #aeba16;
}