/*.context-menu-item, .context-menu-list, .context-menu-root {*/
.contextMenu, .context-menu-item, .context-menu-list, .context-menu.list ul, .context-menu-root {
   width: 200px;
   background: -moz-linear-gradient(center top , #FFFFFF 0%, #F3F3F3 89%, #F9F9F9 100%) repeat scroll 0 0 F9F9F9;
   color: #3c3b37;
   text-shadow: 0 1px 0 white;
   font-size: 100%;
   font-weight: normal;
}

.pink {
   background: #F9B6FF;
}

.pink:hover,
.pink:focus,
.pink:active,
.pink.active
.pink.disabled {
   border: #F9B6FF;
   background: #F9B6FF;
   background-color: #F9B6FF;
}

.red {
   background: #F6A5B4;
}

.red:hover,
.red:focus,
.red:active,
.red.active
.red.disabled {
   border: #F6A5B4;
   background: #F6A5B4;
   background-color: #F6A5B4;
}

.orange {
   background: #FFDFB6;
}

.taupe:hover,
.taupe:focus,
.taupe:active,
.taupe.active
.taupe.disabled {
   border: #FCF8E3;
   background: #FCF8E3;
   background-color: #FCF8E3;
}

.taupe {
   background: #FCF8E3;
}


.orange:hover,
.orange:focus,
.orange:active,
.orange.active
.orange.disabled {
   border: #FFDFB6;
   background: #FFDFB6;
   background-color: #FFDFB6
}

.green {
   background: #C9FFB6;
}

.green:hover,
.green:focus,
.green:active,
.green.active
.green.disabled {
   border: #C9FFB6;
   background: #C9FFB6;
   background-color: #C9FFB6
}

.brown {
   background: #FF4B4B;
   /*background: brown;*/
}

.yellow {
   background: #FCFFB6;
   /*background: #F4FA7D;*/
}

.grey {
   background: #CFCFCF;
}

.lightgrey {
   background: #E3E3E3;
}

.hidden {
   display: none;
}

.visible {
   display: inline;
}

.schedulefooter {
   font-size: .8em;
}

tbody.eighty {
   font-size: .8em;
}


.message_title {
   font-family: 'Arial', Helvetica, sans-serif;
   color: #9c9b97;
}

.message_from {
   font-family: 'Arial', Helvetica, sans-serif;
   color: #3c3b37;
}

.unread {
   color: #222222;
   font-weight: bold;
}

.view_message_window, .view_message_window .ui-state-highlight {
   color: #3c3b37;
   td,tr,th,thead,span {
       border-left: solid 1px #2694E8;
       border-bottom: solid 1px #2694E8;
       border-top: solid 1px #2694E8;
       border-right: solid 1px #2694E8;
   }

}

.ui-widget {
   /*font-size: 10px;*/
}
.ui-widget .ui-widget {
   /*font-size: 10px;*/
}

.center {
   margin-left:auto;
   margin-right:auto;
   text-align: center;
}

.darkborder {
   border: solid 1px #C3CBF7;
}




/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.DataTables_sort_icon {
   display: inline-block;
   float: right;
}

.titlefont {
   color: #2779AA;
}


div.titlefont > div.ui-dialog-titlebar {
   text-align: center;
}

table.timesheetTable {
   width: 99%;
   margin: 0 0 0 0;
}



#footer_div {
    bottom: 0px;
    height: 20px;
    background-color: #DEEDF7;
    text-align: center;
    font-size: .9em;
    clear: both;
    width: 99%;
    margin: 0 auto;
}

#footer_outer_mobile {
   /*position: absolute;*/
   width: 100%;
}

#footer_div_mobile {
    bottom: 0px;
    height: 20px;
    background-color: #DEEDF7;
    text-align: center;
    font-size: .9em;
    clear: both;
    width: 99%;
    margin: 0 auto;
}

#footer_outer {
   position: absolute;
   width: 100%;
}

#footer_span {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 200px;
    margin-left: -100px;
}

.headerrow {
   line-height: 27px;
}

.legend {
   font-weight: normal;
   color: #111111;
}

.schedulenote {
   font-weight: normal;
   white-space: wrap;
   text-align: center;
}

textarea.schedulenote {
   resize: none;
}

.hoveractive {
   border-left-color: solid 1px black;
   border-bottom-color: solid 1px black;
   border-top-color: solid 1px black;
   border-right-color: solid 1px black;
   background: #FCFFB6;
}

.hoverover {
   border-left-color: solid 1px green;
   border-bottom-color: solid 1px green;
   border-top-color: solid 1px green;
   border-right-color: solid 1px green;
   background: #C9FFB6;
}

.gap5 {
   margin-top: 5px;
}

.gap10 {
   margin-top: 10px;
}

.gap20 {
   margin-top: 20px;
}

button.schedulecontrol  {
   width: 140px;
}

input.schedulecontrol  {
   width: 125px;
   height: 23px;
   margin-left: 5px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   vertical-align: bottom;
}

input.timeroller {
   width: 80px;
   height: 15px;
   margin-left: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   vertical-align: bottom;
}

input.durationroller {
   width: 80px;
   height: 15px;
   margin-left: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   vertical-align: bottom;
}

textarea.form-control {
   resize: none;
}

.modal-backdrop {
   background: url("/css/cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png") repeat scroll 50% 50% #EEEEEE;
}

.fsdialog  .close {
   margin-top: 5px;
   margin-right: 10px;
}

.fsdialog  h4.modal-title {
   background-color: #D9EDF7;
   border-color: #BCE8F1;
   color: #3A87AD;
   border-radius: 4px 4px 4px 4px;
   margin-bottom: 20px;
   padding: 8px 35px 8px 14px;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.dataTables_filter input {
   width: 90px;
   height: 15px;
   margin-left: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   vertical-align: bottom;
}

.dataTables_filter label {
   margin-bottom: 0px;
}

.DataTables_sort_wrapper {
   position: relative;
   padding-right: 20px;
}

.DataTables_sort_icon {
   position: absolute;
   right: 0;
}

#support_hover {
   background-image: url(/img/support-sml.png);
   height: 80px;
   width: 30px;
   position: absolute;
   z-index: 1000;
   top: -5px;
   left: -5px;
}

#jjs_jump_to {
   height: 30px;
   width: 100px;
   position: relative;
   top: 39px;
   left: 102px;
}

#jjs_jump_select {
   width: 140px;
   padding-top: 2px; margin-top: 4px; height: 22px;
}

#support_hover_fullleft {
   background-image: url(/img/support-sml.png);
   height: 80px;
   width: 30px;
   top: 30%;
   position: fixed;
   z-index: 1000;
}

#support_hover_fullright {
   background-image: url(/img/right-sml.png);
   height: 80px;
   width: 30px;
   top: 15%;
   position: fixed;
   z-index: 1000;
   right: 0px;
}

#support_hover_right {
   background-image: url(/img/right.png);
   height: 110px;
   width: 40px;
   position: fixed;
   z-index: 1000;
}

#support_hover_top {
   background-image: url(/img/top.png);
   height: 40px;
   width: 110px;
   position: fixed;
   z-index: 1000;
}
#support_hover_right_flipped {
   background-image: url(/img/bottom-sml.png);
   height: 30px;
   width: 90px;
   z-index: 1000;
   position: absolute;
   right: -10px;
   bottom: 0px;
}


#support_hover_bottom_left {
   background-image: url(/img/bottom.png);
   height: 40px;
   width: 110px;
   position: fixed;
   z-index: 1000;
}
#support_hover_bottom_right {
   background-image: url(/img/bottom.png);
   height: 40px;
   width: 110px;
   position: fixed;
   z-index: 1000;
}
#support_hover_bottom_center {
   background-image: url(/img/bottom.png);
   height: 40px;
   width: 110px;
   position: fixed;
   z-index: 1000;
   margin: auto;
}


#header_icon { 
   float:right; 
   margin-right:60px; 
   width: 200px;
}