/* CUSTOM HEADER BUTTONS */
div#mws-user-tools .mws-dropdown-menu a.mws-header-button
{
	text-indent:-9999px;
	display:block;
	padding:0;
	outline:none;
	overflow:hidden;
	width:32px;
	height:32px;
	border:1px solid #565656;
	
	/* CSS 3 */
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
}

/* JQUERYUI 1.11+ FIXES TO MWS */
a.mws-button {
   display: inline-block !important;
   vertical-align: bottom !important;
}

.ui-widget-overlay {
   z-index: 1001;
}
.ui-dialog {
   z-index: 1002;
   outline: none;
   overflow: visible !important;
}
.ui-dialog .ui-dialog-content {
   padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
   padding: 0;
   border: 0;
   width: 16px;
   height: 16px;
   background: black;
}
.ui-dialog .ui-dialog-titlebar-close span {
   margin: 0;
   top: 0;
   left: 0;
   border-radius: 3px;
}

/*
div#mws-searchbox .mws-search-submit {
  display: inline-block;
  margin-left: 0px;
  vertical-align: middle;
}
div#mws-searchbox .mws-search-input {
  width: 108px;
}
*/

body.full div#mws-container {
   padding-top: 15px;
   margin: 0;
   z-index: 1;
}

body.full div#mws-container .container {
   margin: 0;
   width: 100%;
}

body.full #mws-sidebar-container {
   display: none;
   position: absolute;
   z-index: 100;
}

body.full div#mws-sidebar {
  z-index: 500;
}

body.full div#mws-sidebar-bg {
  z-index: 499;
}

div#mws-menu-container {
  float: left;
  width: 24px;
  height: 58px;
  padding: 0 10px;
  display: none;
}

body.full div#mws-menu-container {
   display: block;
}

div#mws-menu-container #mws-menu-wrap {
  width: 24px;
  height: 58px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

/* ELRTE CUSTOMIZATION */

.el-rte .statusbar,
.el-rte .ui-resizable-handle {
   visibility: hidden;
}
.el-rte .workzone {
   border: 1px solid #C5C5C5 !important;
   border-top: 0px !important;
   -moz-border-radius-bottomleft: 4px !important;
   -moz-border-radius-bottomright: 4px !important;
   -webkit-border-bottom-left-radius: 4px !important;
   -webkit-border-bottom-right-radius: 4px !important;
   -o-border-bottom-left-radius: 4px !important;
   -o-border-bottom-right-radius: 4px !important;
   -khtml-border-bottom-left-radius: 4px !important;
   -khtml-border-bottom-right-radius: 4px !important;
   border-bottom-left-radius: 4px !important;
   border-bottom-right-radius: 4px !important; 
}
.el-rte .toolbar {
   border-radius: 4px;
   -moz-border-radius-bottomleft: 0px !important;
   -moz-border-radius-bottomright: 0px !important;
   -webkit-border-bottom-left-radius: 0px !important;
   -webkit-border-bottom-right-radius: 0px !important;
   -o-border-bottom-left-radius: 0px !important;
   -o-border-bottom-right-radius: 0px !important;
   -khtml-border-bottom-left-radius: 0px !important;
   -khtml-border-bottom-right-radius: 0px !important;
   border-bottom-left-radius: 0px !important;
   border-bottom-right-radius: 0px !important;         
}

.ui-datepicker {
   width: 300px !important;
}

.ui-datepicker td.ui-datepicker-week-col,
.ui-datepicker td span, .ui-datepicker td a {
   padding: 10px 2px !important;
}


/* IMAGEEDIT CLASSES */
.toolbox-right {
   position:absolute;
   top:25px;
   right:25px;
   width:29%;
}

.hover-imageedit-container {
   position: relative;
}

.hover-imageedit-container img {
   width: 100%;
}

.hover-imageedit {
   width: 100%;
   min-height: 100%;
   position: absolute;
   display: none;
   background-color: rgba(0,0,0,0.5);
   text-align: center;
   color: white;
   outline: none;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   -o-border-radius: 4px;
   -khtml-border-radius: 4px;
   border-radius: 4px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -khtml-box-sizing: border-box;
}

.hover-imageedit span {
   display: block;
   padding-top: 25%;
   padding-left: 10%;
   padding-right: 10%;
}

.hover-imageedit-container:hover .hover-imageedit {
   display: block;
}

/* TAGIT HACKS */
ul.tagit {
   margin-bottom: 0;
}

/* UTILITY CLASSES */
.hide {
   display: none;
}
.right {
   float: right;
}
.left {
   float: left;
}

/* MENU PADDING HACK */
div#mws-navigation ul li a.mws-i-24, 
div#mws-navigation ul li span.mws-i-24 {
   padding-right: 0px !important;
}

/* TINY BODY HACK */
body {
   overflow-y: scroll;
}

/* SPINNING LOADER */
.loading {
   background-image: url(/images/spinner.gif) !important;
   background-repeat: no-repeat !important;
   background-position: center center !important;
}

/* FONT FIX, CHZN */
.chzn-container-multi .chzn-choices .search-field .default {
   font-family: 'Lucida Grande';
   font-size: 11px;
}

/* iPhone/Android FULLSCREEN BUTTON HACK */
@media only screen and (max-width : 599px) {

   #mws-fullscreen {
   
      display: none !important;
      
   }

}




/* FIXING SIDEBAR */
div#mws-sidebar {
   padding-top: 10px;
}

div#mws-header {
   position: relative;
}

div#mws-container {
   padding-top: 30px;
}

@media only screen and (max-width: 599px) {
   div#mws-sidebar {
      padding-top: 6px;
   }
}

/* HOURTRACKING COMMON TOP-STYLES */
#hourtracking-container {
   background: rgba(255,255,255,0.9);
}



/* SIMPLE BUTTON */
.mws-simple-button
{
   display: inline;
   width: auto;
   border: 1px solid #CCC;
   margin-right: 5px;
   padding: 3px 5px;
   cursor: pointer;
   outline: none;
   white-space: nowrap;
   background: #F0F0F0;
   border-radius:3px;
   zoom: 1;

   overflow:hidden;
   *overflow:visible;

   -webkit-appearance:none;

   -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
   -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
   -o-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
   box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.15);
}


.mws-form .mws-button-row.slim{ padding: 2px 0px; }


.mws-icon-button
{
   display: inline-block;
   vertical-align: middle;
   background-color: transparent;
}
   .mws-icon-button.mws-ic-16
   {
      width: 16px;
      height: 16px;
   }

   .mws-icon-button.mws-ic-24
   {
      width: 24px;
      height: 24px;
   }

   .mws-icon-button.mws-ic-32
   {
      width: 32px;
      height: 32px;
   }


.mws-button.fullwidth
{
   display: block !important;
   margin: 0 0 7px;
   text-align: center;
}
   .mws-button.fullwidth:last-child{ margin-bottom: 0; }

   button.mws-button.fullwidth{ width: 100%; }
   a.mws-button.fullwidth{ width: inherit; }


.panel-header-btn
{
   float: right;
   margin-top: -1px;
}



#div_foi_tooltip {

   position: absolute;
   color: white;
   z-index: 100;
}
   #div_foi_tooltip ul {

      cursor: pointer;
      margin: 0;
      padding: 0;
      list-style: none;
      background: rgba(51,51,51,.9);
      border-radius: 2px;
      box-shadow: 0 0 2px 1px rgba(200,200,200,.9);
   }
      #div_foi_tooltip:hover ul{ background: #333; }

      #div_foi_tooltip ul li {

         margin: 0;
         padding: 0 10px;
      }
         #div_foi_tooltip ul li:first-child{ padding-top: 5px; }
         #div_foi_tooltip ul li:last-child{ padding-bottom: 5px; }

         #div_foi_tooltip ul li::after
         {
            display: inline-block;
            content: "\003E";
            line-height: 12px;
            padding: 0px 3px 0px 4px;
            margin-left: 7px;
            color: #333;
            font-size: 10px;
            background: white;
            border-radius: 8px;
         }
            #div_foi_tooltip ul li:last-child::after{ display: none; }


   #div_foi_tooltip .arrow {

      display: block;
      width: 0px;
      margin: 0 auto;
      border: 5px solid rgba(51,51,51,0.85);
      border-left-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
   }
      #div_foi_tooltip:hover .arrow{ border-top-color: #333; }