* {
  color: #010101;
  font-size: 11px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  outline: 0;
  background-repeat: no-repeat;
}
html, body {
  height: 100%;
  text-align: center;
}
/*
 * --------------------------
 * HTML Tags
 * --------------------------
 */
img {
  border: 0px;
}
a {
  text-decoration: none;
}
a:focus {
  outline: none;
}
caption {
  display: none;
}
table {
  border-collapse: separate;
  border-spacing: 0px;
}
table.fixedTable {
  table-layout: fixed;
}
table.autoWidthTable {
  width: auto;
}
th {
  text-align: left;
  vertical-align: top;
}
td {
  vertical-align: top;
}
ul {
  list-style: none;
}
ol {
  list-style-position: outside;
  padding-left: 5px;
  padding-bottom: 5px;
}
p {
  line-height: 15px;
  padding-bottom: 5px;
}
/*
 * ------------------------------
 * Heading
 * ------------------------------
 */
h1 {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
h1 span {
  float: left;
}
h1, h1 * {
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.1em;
}
h3 {
  height: 12px;
  padding: 5px 0 7px 12px;
  background-color: #dddddd;
  font-weight: normal;
  white-space: nowrap;
}
h4 {
  height: 12px;
  padding: 5px 0 7px 12px;
  background-color: white;
  border-bottom: 1px solid #eeeeee;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
h5 {
  font-size: 18px;
  margin: 5px 0;
  padding-left: 5px;
}
/*
 * -------------------------------
 * Shortcuts
 * -------------------------------
 */
.positionRelative {
  position: relative;
}
.clear {
  clear: both;
}
.clearNone {
  clear: none;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
  padding-right: 1px;
}
.centered {
  text-align: center;
}
.clearfix {
  overflow: hidden;
}
* html .clearfix {
  overflow: visible;
  height: 1%;
}
.overflow {
  overflow: hidden;
  height: auto;
  height: 100%;
  /*
   * IE7 needs this sometimes
   */
  min-height: 100%;
}
.overflowHidden {
  overflow: hidden;
}
.marginNone {
  margin: 0 !important;
}
.backgroundNone {
  background: none !important;
}
.backgroundColorTransparent {
  background-color: transparent;
}
.borderNone {
  border: none;
}
.fontWeightNormal {
  font-weight: normal;
}
.fontWeightBold {
  font-weight: bold;
}
.textTransformUppercase {
  text-transform: uppercase;
}
.displayInline {
  display: inline;
}
.displayBlock {
  display: block;
}
.displayNone, .hidden, .hide {
  display: none;
}
.error, .red {
  color: #a84747 !important;
}
.pointerCursor {
  cursor: pointer;
}
.defaultCursor {
  cursor: default !important;
}
.textIndent {
  text-indent: -9999px;
}
article, aside, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  background-color: #e3eace;
}
#header {
  position: fixed;
  z-index: 200;
  text-align: center;
  width: 100%;
  left: 0px;
  border-bottom: 2px solid #e3eace;
}
#header .inner {
  height: 100px;
  text-align: left;
  background-color: white;
}
#box {
  position: relative;
  width: 1234px;
  padding-top: 100px;
  margin: 0 auto;
  text-align: left;
}
#contentBox {
  position: relative;
  width: 1229px !important;
  width: 1234px;
  min-height: 415px;
  height: auto !important;
  height: 415px;
  padding: 1px 2px 0 3px;
}
#contentBoxTop {
  position: absolute;
  height: 85px;
  width: 1234px;
  margin: -1px -2px 0 -3px;
}
#main {
  position: relative;
  clear: both;
  padding: 0 0 80px 0;
}
#notification {
  margin: 0 0 0 18px;
  padding: 6px 8px 12px 8px;
  background-color: #f6f8f0;
  border: 1px solid #aaaaaa;
}
/*
 * ----------------------
 * Content column
 * ----------------------
 */
#right {
  border-radius: 0 10px 10px 10px;
  float: left;
  position: relative;
  top: 46px;
  width: 936px;
}
* + html #right .inner {
  height: 1%;
  padding-top: 8px;
}
#right span.lt, #right span.rt, #right span.lb, #right span.rb {
  display: block;
  position: absolute;
  width: 13px;
  height: 13px;
}
#right span.lt {
  display: none;
}
#right span.rt {
  top: 0px;
  right: 0px;
  background-position: 100% 0;
}
#right span.lb {
  bottom: 0px;
  left: 0px;
  background-position: 0 100%;
}
#right span.rb {
  bottom: 0px;
  right: 0px;
  background-position: 100% 100%;
}
#todoyu-loginpage #right span.lt {
  display: block;
}
#content {
  padding: 1px;
  margin: 8px;
}
#content-body {
  position: relative;
  top: -28px;
  margin-bottom: -28px;
}
/*
 * --------------
 * Footer
 * --------------
 */
#footer {
  display: block;
  clear: both;
  position: relative;
  width: 100%;
  height: 70px;
  text-align: left;
  margin-top: 100px;
  padding-top: 20px;
}
#footer .inner {
  width: 1206px;
  margin: 0 auto;
}
#footer-info {
  float: left;
  width: 528px;
}
#footer-logo {
  float: left;
  width: 140px;
  text-align: center;
}
#footer-address {
  float: right;
  width: 528px;
  text-align: right;
}
#footer-line {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 5px;
  background: #122a4c;
  /*
   * Old browsers
   */
  background: -moz-linear-gradient(left, #122a4c 0%, #3db8bf 50%, #7bc75b 75%, #afd027 100%);
  /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #122a4c), color-stop(21%, #7bc75b), color-stop(50%, #3db8bf), color-stop(75%, #7bc75b), color-stop(100%, #afd027));
  /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(left, #122a4c 0%, #3db8bf 50%, #7bc75b 75%, #afd027 100%);
  /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(left, #122a4c 0%, #3db8bf 50%, #7bc75b 75%, #afd027 100%);
  /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(left, #122a4c 0%, #3db8bf 50%, #7bc75b 75%, #afd027 100%);
  /*
   * IE10+
   */
  background: linear-gradient(to right, #122a4c 0%, #3db8bf 50%, #7bc75b 75%, #afd027 100%);
  /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#122a4c', endColorstr='#afd027', GradientType=1);
  /*
   * IE6-9
   */
}
/*
 * -----------------
 * Panel
 * -----------------
 */
.panelWidget * {
  font-size: 11px;
}
.panelWidget {
  position: relative;
  padding-bottom: 3px;
}
.panelWidget h1 {
  height: 26px;
  background: #ececec;
  /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
  /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * IE10+
   */
  background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
  /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
  /*
   * IE6-9
   */
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid white;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.panelWidget h1.expand {
  background-position: 0 0;
  /*
       * allowedOpen close
       */
}
.panelWidget h1.deniedOpenClosed {
  background-position: 0 -120px;
  /*
       * deniedOpen close
       */
}
.panelWidget h1.deniedOpen {
  background-position: 0 -180px;
  /*
       * deniedOpen open
       */
}
.panelWidget h1 span {
  display: block;
}
.panelWidget h1 span.title {
  float: left;
  clear: none;
  margin: 0px;
  padding: 0 0 0 8px;
  line-height: 26px;
  width: 205px;
  overflow: hidden;
  font-size: 11px;
}
.panelWidget h1 span.toggle {
  float: right;
  clear: none;
  width: 22px;
  height: 26px;
  background: url(../../core/asset/img/ico-toggle.png) no-repeat 6px 50%;
}
.panelWidget h1 span.expand {
  background: url(../../core/asset/img/ico-toggle.png) no-repeat -24px 50%;
}
.panelWidget .content select {
  border: 0 none;
}
.panelWidget .content select option {
  padding: 2px;
  border-bottom: 1px solid #dddddd;
  color: #444444;
}
.panelWidget .content select option .odd {
  background-color: #eeeeee;
}
.panelWidget .content select.filter option {
  color: #444444;
}
.panelWidget .content select.filter option .selected {
  background-color: #adb989;
  color: #010101;
}
* + html .panelWidget div.content {
  height: 1%;
  /*
   * IE7
   */
}
/*
 * -------------------------------
 * Styles & status
 * -------------------------------
 */
div.toggled {
  background-color: #adb989;
  font-weight: bold;
}
.noIcon {
  padding: 0 !important;
  background-image: none !important;
}
.hasIcon {
  padding-left: 20px;
}
span.exticon {
  background-repeat: no-repeat;
  padding: 0 18px 16px 0;
  margin: 0 2px 0 2px;
}
.iconEdit {
  background: url(../../core/asset/img/icons.png) no-repeat 3px -776px;
}
/*
 * ---------------------
 * Toggle select
 * ---------------------
 */
input.toggleSelect {
  display: none;
}
label.toggleSelect {
  padding: 0 22px 18px 0;
  cursor: pointer;
}
label.toggleSelect.collapse {
  background: url(../../cache/css/core/asset/css/../../../../../core/asset/css/../img/toggle.png) no-repeat 0 -150px;
}
label.toggleSelect.expand {
  background: url(../../cache/css/core/asset/css/../../../../../core/asset/css/../img/toggle.png) no-repeat 0 -182px;
}
/*
 * ---------------
 * default width for span width display block
 * ---------------
 */
.dateWithTime {
  width: 98px;
}
/*
 * ---------------
 * Colors
 * ---------------
 */
/*
 * Layout
 */
.bclFF {
  background-color: white;
}
.bcl00 {
  background-color: #010101;
}
.bcl01 {
  background-color: #edf1e0;
}
.bcl02 {
  background-color: #e3eace;
}
.bcl03 {
  background-color: #e3eace;
}
.bcl04 {
  background-color: #adb989;
}
.bcl05 {
  background-color: #9dc08e;
}
.bcl06 {
  background-color: #c8ddbe;
}
.bcl07 {
  background-color: #e9eda1;
}
.bcl08 {
  background-color: #c8d215;
}
.bcl09 {
  background-color: #779124;
}
.bcl10 {
  background-color: #b9eefc;
}
.bcl11 {
  background-color: #24a5c3;
}
.bcl12 {
  background-color: #50c5b5;
}
/*
 * Gray
 */
.bcgFF {
  background-color: white;
}
.bcg00 {
  background-color: black;
}
.bcg01 {
  background-color: #dddddd;
}
.bcg02 {
  background-color: #cccccc;
}
.bcg03 {
  background-color: #dddddd;
}
.bcg04 {
  background-color: #edf1e0;
}
.bcg05 {
  background-color: #eeeeee;
}
.bcg06 {
  background-color: #666666;
}
.bcg07 {
  background-color: #bbbbbb;
}
.bcg09 {
  background-color: #999999;
}
#notifications {
  position: fixed;
  z-index: 5000;
  width: 100%;
  left: 0px;
  top: 0px;
}
#notifications div.notes {
  width: 100%;
  margin: 0 auto;
}
#notifications div.note {
  width: 100%;
  padding: 15px;
  font-weight: bold;
  background-color: white;
  opacity: 0.95;
  box-shadow: 2px 2px 7px #999999;
}
#notifications div.note td.icon {
  width: 100px;
}
#notifications div.note td.message {
  font-size: 14px;
  color: #222222;
  text-align: left;
}
#notifications div.note td.icon {
  background: url(../../core/asset/img/icons.png) no-repeat;
}
#notifications div.success td.icon {
  background-position: 0 -1920px;
}
#notifications div.error td.icon {
  background-position: 0 -660px;
}
#notifications div.info td.icon {
  background-position: 0 -630px;
}
/*
 * -------------------
 * Icons
 * -------------------
 */
.iconNotifySmall {
  background-image: url(../../core/asset/img/icons.png);
  background-repeat: no-repeat;
}
.iconNotifySmall.warn {
  background-position: 0 -658px;
}
.iconNotifyLarge {
  background-image: url(../../core/asset/img/icons-large.png);
  background-repeat: no-repeat;
}
.iconNotifyLarge.info {
  background-position: 0 -119px;
}
.iconNotifyLarge.warn {
  background-position: 0 -75px;
}
.iconNotifyLarge.reminder {
  background-position: 0 -274px;
}
.dialog .notification {
  padding: 7px;
}
.dialog .notification h1 .label {
  font-size: 18px;
  font-weight: bold;
  margin-left: 20px;
  white-space: normal;
  float: none;
}
div.warningMessage {
  background-color: #ffecc5;
  box-shadow: 2px 2px 7px #ffac00;
  border: 1px solid #ff8000;
  padding: 7px;
}
div.warningMessage .icon {
  background: url(../../cache/css/core/asset/css/../../../../../core/asset/css/../../../../core/asset/img/icons.png) no-repeat 3px -629px;
}
div.warningMessage .label {
  display: block;
  margin-left: 32px;
  vertical-align: middle;
}
#navi-main {
  position: absolute;
  z-index: 100;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
#navi-main-list {
  margin: 0 auto;
  width: 1237px;
}
#navi-main-list li {
  float: left;
  margin-right: 3px;
}
#navi-main-list li.level1 {
  border-radius: 10px 10px 0 0;
  box-shadow: 0 -1px 1px #d0d6be inset;
}
#navi-main-list li.level1:hover, #navi-main-list li.level1.active {
  box-shadow: none;
}
#navi-main-list li a {
  display: block;
  width: auto !important;
  width: 1px;
  height: auto !important;
  height: 1px;
  line-height: 30px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
}
#navi-main-list li.item a {
  color: #444444;
}
#navi-main-list li.item a.active, #navi-main-list li.item a:hover {
  color: #010101;
}
#navi-main-list li.active, #navi-main-list li:hover {
  background-color: #e3eace;
}
#navi-main-list li.itemTodoyu {
  /*
       * Todoyu tab
       */
  float: right;
}
#navi-main-list > li:hover a, #navi-main-list > li a.active {
  background-image: none;
}
#navi-main-list-todoyu {
  /*
     * Todoyu sub menu
     */
  margin-left: -146px !important;
}
#todoyu-loginpage ul#navi-main-list li:hover {
  background-color: #e3eace;
}
/*
 * -------------------
 * Level 2
 * -------------------
 */
ul#navi-main-list li:hover ul {
  left: auto;
}
ul#navi-main-list li ul {
  position: absolute;
  top: 29px;
  left: -9999px;
  z-index: 1;
  width: 270px !important;
  margin-top: 1px;
  text-transform: none;
  box-shadow: 2px 2px 5px #999999;
}
ul#navi-main-list li ul li {
  width: 100%;
  background-image: none;
  background-color: #e3eace;
  text-align: left;
  margin-right: 0px;
}
ul#navi-main-list li ul li a {
  padding: 2px 10px 2px 30px;
  line-height: 20px;
  font-size: 10px;
  font-weight: normal;
}
ul#navi-main-list li ul li a:hover {
  background-color: #f6f8f0;
}
/*
 * ---------------------------------------------
 * To top button (appears when scrolling down)
 * ---------------------------------------------
 */
#to-top {
  background: #ececec;
  /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
  /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * IE10+
   */
  background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
  /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
  /*
   * IE6-9
   */
  cursor: pointer;
  padding: 0 5px 5px 5px;
  border-radius: 10px;
  box-shadow: 0 -1px 1px #d0d6be inset;
  z-index: 200;
  position: absolute;
  border: 1px solid #cacaca;
}
#to-top span.label {
  padding: 10px 0 0 3px;
}
#to-top span.arrow {
  width: 24px;
  height: 32px;
  margin-left: 5px;
  background: url(../../core/asset/img/ico-toggle.png) no-repeat scroll 6px 50% transparent;
}
#to-top:hover {
  background: #f0f0f0;
  /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, #f1f1f1 0%, lightgrey 100%);
  /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, lightgrey));
  /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, #f1f1f1 0%, lightgrey 100%);
  /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, #f1f1f1 0%, lightgrey 100%);
  /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, #f1f1f1 0%, lightgrey 100%);
  /*
   * IE10+
   */
  background: linear-gradient(to bottom, #f1f1f1 0%, lightgrey 100%);
  /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#d3d3d3', GradientType=0);
  /*
   * IE6-9
   */
}
#contextmenu {
  display: none;
  position: absolute;
  width: 180px;
  z-index: 100000;
  background-color: #eeeeee;
  box-shadow: 2px 2px 7px #999999;
}
#contextmenu li {
  border: 1px solid #dddddd;
  margin-bottom: -1px;
}
#contextmenu li a, #contextmenu li span {
  display: block;
  padding: 4px 10px 4px 29px;
  line-height: 12px;
  cursor: pointer;
  text-align: left;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
}
#contextmenu li a:hover, #contextmenu li span:hover {
  background-color: #e1e5d8;
}
#contextmenu li ul {
  display: none;
  position: absolute;
  z-index: 100001;
  width: 156px;
  box-shadow: 2px 2px 7px #999999;
}
#contextmenu li.header a {
  padding: 0 5px;
  background-color: #4f8ab4 !important;
  color: white;
  cursor: default;
  font-weight: bold;
  font-size: 10px;
}
#contextmenu li .disabled {
  color: #cccccc;
  cursor: no-drop;
}
/*
 * -----------------------------------
 * Selected and disabled options
 * -----------------------------------
 */
ul.context-menu li a.selected, ul.context-submenu li a.selected {
  background: url(../../core/asset/img/icons.png) no-repeat 12px -870px #c9dbd4;
}
.context-menu li a.disabled, .context-submenu li a.disabled {
  cursor: default !important;
  color: #999999 !important;
  background: url(../../core/asset/img/icons.png) repeat-x 0 -1540px !important;
}
form {
  margin: 0px;
  padding: 0px;
  /*
   * -------------------------------------------
   * End: Special styles for involved persons
   * ----------------------------------------------
   */
}
form.fForm {
  padding: 7px;
  background-color: #eeeeee;
}
form .databaseRelation {
  margin-top: 5px;
  padding-top: 5px;
}
form .databaseRelation.isPreferred1 div.formtrigger span.label {
  padding-left: 20px;
  background: url(../../core/asset/img/icons.png) no-repeat 0 -1790px;
}
form .databaseRelation.isPreferred0 div.formtrigger span.label {
  padding-left: 20px;
  background: url(../../core/asset/img/icons.png) no-repeat 0 -1825px;
}
form div.typeDatabaseRelation div.formtrigger span.label.expanded {
  font-weight: bold;
}
form.formGeneral, form.formPerson, form.formRecord, form.formRightseditor, form.formConfig {
  padding-top: 10px;
}
* html form {
  height: 1%;
}
fieldset {
  position: relative;
  display: block;
  margin: 0 0 7px 0;
  padding: 40px 15px 15px 15px;
  border: none;
  background-color: white;
}
fieldset fieldset, fieldset.buttons {
  margin: 0px;
  padding: 0px;
  border: none;
  background: none;
}
fieldset fieldset {
  width: 100%;
  margin-top: 10px;
}
* html fieldset {
  height: 1%;
  /*
   * IE6
   */
}
/*
 * ------------------------
 * Buttons, Footer line
 * ------------------------
 */
fieldset.buttons {
  margin: 0px;
  padding: 0px;
  text-align: right;
}
fieldset.buttons .fElement {
  margin-left: 5px;
}
.fForm fieldset#config-fieldset-save {
  padding: 10px 0;
}
legend, .fForm fieldset fieldset legend, .fForm .buttons legend, .fForm legend#config-fieldset-save-legend {
  display: none;
}
.fForm legend {
  position: absolute;
  margin: -40px 0 0 -15px;
  display: block;
  width: 100%;
  padding: 7px 0;
  text-indent: 15px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid #eeeeee;
}
.fForm legend a.ajaxloader {
  padding-left: 32px;
  padding-bottom: 20px;
  background: url(../../core/asset/img/ajax-loader.gif) no-repeat 7px 0px;
}
textarea, select, input {
  position: relative;
  width: 100%;
  border: 1px solid #010101;
  padding: 1px;
  /*
   * hack to fix form elements width
   */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
select {
  background-color: transparent;
}
input.checkbox, input.radio, input.button {
  border: none;
  width: auto;
}
input.datetime {
  float: left;
  width: 95px;
  margin-right: 5px;
}
input.textAC {
  background-image: url(../../core/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: 6px -808px;
  background-color: #e3eace;
  padding-left: 25px;
}
textarea {
  font-size: 1em;
}
.scrollbarHide select {
  min-width: 107%;
  width: 100% !important;
  width: 107%;
}
select {
  text-transform: none;
}
select.auto {
  width: auto;
}
select.day, select.month {
  width: 40px;
  margin-right: 2px;
}
select.monthnames {
  margin-left: 2px;
}
select.year {
  width: 60px;
}
select.datetime {
  width: 150px;
}
select option {
  text-transform: none;
  padding-left: 5px;
}
select optgroup {
  padding-top: 10px;
  font-size: 11px;
}
select optgroup option {
  background: white;
}
select option.error, selectgrouped option.error {
  color: #991010;
}
[disabled] {
  background-color: #dddddd;
  color: #444444;
}
/*
 * ----------------------
 * HTML building
 * ----------------------
 */
div.fElement {
  position: relative;
  height: auto !important;
  height: 1%;
  margin: 0px;
  padding: 3px 0;
}
div.fElement .fLabel {
  position: relative;
  float: left;
  width: 140px;
  padding: 2px 0;
  text-align: left;
}
div.fElement .fField {
  /*
     * input
     */
  float: left;
  width: 320px;
  margin-left: 5px;
}
div.fElement .fField .fLabel {
  width: 100px;
}
div.fElement .fField .fField {
  width: 215px;
}
div.fElement .fClear {
  clear: both;
}
div.fElement.typeRTE .fField {
  width: 455px;
}
.fField span.commenttext a, .fField span.commenttext a:link {
  text-decoration: underline;
}
/*
 * -------------
 * Types
 * -------------
 */
div.typeDate .fField input {
  float: left;
  width: 70px;
  margin-right: 5px;
}
div.typeDatetime .fField input {
  float: left;
  width: 90px;
  margin-right: 5px;
}
div.typeTime .fField input, div.typeDuration .fField input {
  float: left;
  width: 33px;
}
/*
 * Checkbox in a fField element.
 */
/*
 * Example:Address in Ext Contact
 */
.typeCheckbox .fField {
  position: relative;
  top: 3px;
}
.typeCheckbox .fField input.checkbox {
  width: auto;
}
.typeCheckbox .fLabel label {
  cursor: pointer;
}
.typeDatabaseRelation .foreignRecordsActionControl {
  display: block;
}
.typeDatabaseRelation button.addForeignRecord .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 6px -567px;
  width: 23px;
}
.typeDatabaseRelation .databaseRelation {
  position: relative;
  border-top: 1px solid #cccccc;
}
.typeDatabaseRelation .databaseRelation .formtrigger {
  cursor: pointer;
}
.typeDatabaseRelation .databaseRelation span.additionalStuff {
  position: absolute;
  top: 4px;
  right: 0px;
}
.typeDatabaseRelation .databaseRelation span.additionalStuff a.remove {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -539px;
}
button.updateDatabase .icon {
  width: 24px;
  background: url(../../core/asset/img/icons.png) no-repeat 4px -928px;
}
.fElement .fField.hasWizard input {
  width: 90%;
  float: left;
}
.fElement .fField.hasWizard .wizardIcon {
  cursor: pointer;
}
fieldset.buttons div, fieldset.buttons div.fElement .fField {
  float: left;
  width: auto;
}
fieldset.buttons div.fElement .fLabel {
  display: none;
  width: auto;
}
/*
 * -----------------
 * Design
 * -----------------
 */
input, textarea, select {
  border-color: #999999 #eeeeee #eeeeee #999999;
}
fieldset.buttons div.fElement {
  float: right;
}
/*
 * --- right floating Input ---
 */
.formElement .formField {
  width: 58%;
  display: inline;
  float: right;
}
/*
 * ----------------------------------------------
 * Additional information after input field
 * ----------------------------------------------
 */
form .textAfterField {
  background-color: white;
  border-radius: 5px;
  box-shadow: 2px 2px 7px #999999;
  color: #666666;
  display: none;
  margin: 1px 2px 0 0;
  padding: 10px;
  position: absolute;
  text-align: left;
  z-index: 9999;
  /*
   * always in front
   */
}
form .fField:hover .textAfterField {
  display: block;
}
.dateElement input {
  width: 73px !important;
  width: 77px;
  margin-right: 10px;
  float: left;
}
form .fElement.error .fLabel.error label, form .fElement.error div.errorMessage {
  color: red;
  font-style: italic;
}
form .fElement.warning .fLabel.warning label {
  color: #ff8000;
  font-style: italic;
}
/*
 * -------------------------
 * Auto-completer list
 * -------------------------
 */
.acResultContainer {
  z-index: 100;
  border-top: 1px solid #cccccc;
  box-shadow: 2px 2px 5px #999999;
}
.acResultContainer ul {
  padding: 0 !important;
}
.acResultContainer li {
  background: white;
  border: 1px solid #cccccc;
  border-top: none;
  padding: 5px;
  cursor: pointer;
  text-align: left;
}
.acResultContainer li.selected {
  background: #edf1e0;
}
.acResultContainer .empty {
  background: none;
  border: none;
  border-width: 0px;
  padding: 0px;
}
.fField .acResultContainer ul {
  list-style: none;
}
/*
 * --------------------
 * Wizard icon
 * --------------------
 */
.fField span.wizardIcon {
  height: 16px;
  width: 16px;
  display: block;
  float: right;
  background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -90px;
}
.fField .iconSelector {
  width: auto;
}
.fField .iconSelector .selectorIcon {
  display: block;
  height: 25px;
  width: 25px;
  margin: 9px 0 0 9px;
  text-indent: -9999px;
}
.fField .iconSelector li {
  float: left;
  cursor: pointer;
  background-color: #eeeeee;
  border: 1px dotted #999999;
}
.fField .iconSelector li.selected {
  border: 1px solid #999999;
  background-color: #e3eace;
}
.fField .iconSelector li:hover {
  background-color: #dddddd;
}
/*
 * ----------------------------------
 * Quick creation light-box
 * ----------------------------------
 */
#quickcreate, #quicktask {
  text-align: left;
}
/*
 * ---------------------------------------
 * Error info: invalid items listing
 * ---------------------------------------
 */
div.errorMessage ul.invalidItems {
  font-style: normal;
  border-left: 5px solid red;
  padding-left: 5px;
  list-style: square inside;
}
div.errorMessage ul.invalidItems li {
  font-weight: bold;
}
div.errorMessage ul.invalidItems li ul {
  list-style-type: square;
}
div.errorMessage ul.invalidItems li ul li {
  font-weight: normal;
  margin-left: 20px;
}
/*
 * ---------------------------------------
 * Dialog behaviour (content smaller)
 * ---------------------------------------
 */
.dialog .fElement.typeRTE .fField {
  width: 400px;
}
/*
 * ---------------------------
 * Basic button styles
 * ---------------------------
 */
button {
  color: #010101;
  cursor: pointer;
  padding: 0px;
  background: white;
  /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, white 0%, #e0e0e0 100%);
  /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e0e0e0));
  /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, white 0%, #e0e0e0 100%);
  /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, white 0%, #e0e0e0 100%);
  /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, white 0%, #e0e0e0 100%);
  /*
   * IE10+
   */
  background: linear-gradient(to bottom, white 0%, #e0e0e0 100%);
  /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0);
  /*
   * IE6-9
   */
  border-radius: 13px;
  border: 1px solid #bbbbbb;
  /*
   * ---------------------------
   * Often used button icons
   * ---------------------------
   */
}
button[disabled] {
  opacity: 0.6;
  cursor: no-drop;
  cursor: false;
}
button span {
  display: block;
  float: left;
  clear: none;
  margin: 0px;
  padding: 0px;
  line-height: 20px;
  height: 20px;
  border-width: 0px;
}
button span.icon {
  background-repeat: no-repeat;
  margin: 0 2px 0 2px;
}
button span.label {
  margin-right: 5px;
  white-space: nowrap;
}
button.edit .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -746px;
}
button.save .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 4px -208px;
  width: 23px;
}
button.cancel .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 5px -357px;
  width: 21px;
}
button.delete .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 4px -328px;
}
button.expandAll .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 7px -598px;
  width: 27px;
}
button.saveanddownload .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 5px -838px;
  width: 22px;
}
button.upload .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 5px -1692px;
  width: 24px;
}
button.sendemail .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 6px -1156px;
  width: 20px;
}
button.exclamation .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 4px -387px;
  width: 21px;
}
button.generate .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 4px -1628px;
  width: 22px;
}
button.exportCsv .icon {
  background: url(../../core/asset/img/icons.png) 7px -1598px no-repeat;
  width: 28px;
}
button.clear .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 5px -357px;
  width: 21px;
}
button.order .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 7px -477px;
  width: 25px;
}
button.order.desc .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 7px -508px;
  width: 25px;
}
#content-tabs {
  position: relative;
  top: -35px;
  left: -9px;
  width: 920px;
  height: 26px;
}
#content-tabs li p.label span.labeltext {
  color: #444444;
}
#content-tabs li p.label:hover span.labeltext, #content-tabs li.active p.label span.labeltext {
  color: #010101;
}
#content .tabs {
  z-index: 2;
  height: 26px;
  width: 100%;
  position: relative;
  display: table;
  margin: 0px;
  padding: 0px;
}
#content .tabs li {
  float: left;
  margin-right: 3px;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid white;
  box-shadow: 0 -1px -1px #d0d6be inset;
}
#content .tabs li p {
  display: block;
  width: auto !important;
  width: 1px;
  height: auto !important;
  height: 1px;
  line-height: 26px;
  padding: 0 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
}
#content .tabs li p .icon {
  display: block;
  float: left;
  position: relative;
  margin-left: -5px;
  height: 26px;
  width: 20px;
  background-repeat: no-repeat;
}
#content .tabs li p .labeltext {
  font-size: 11px;
  font-weight: bold;
}
#content .tabs li:hover, #content .tabs li.active {
  background-color: white;
  box-shadow: none;
}
#toppanel {
  position: relative;
  width: 1236px;
  margin: 0 auto;
  height: 70px;
  background: transparent;
}
#companyLogo {
  position: absolute;
  left: 0px;
  width: 190px;
  height: 60px;
}
#head {
  background-color: #edf1e0;
  border-radius: 0 0 10px 10px;
  height: 26px;
  left: 198px;
  position: absolute;
  width: 1023px;
}
#headlets {
  position: absolute;
  top: 0px;
  right: 89px;
  z-index: 200;
}
#headlets ul.content {
  box-shadow: 2px 2px 7px #999999;
  background-color: white;
}
#headlets > li {
  position: relative;
  float: left;
  z-index: 200;
}
#headlets > li.active, #headlets > li:hover {
  z-index: 202;
}
#headlets > li.active > a, #headlets > li:hover > a {
  border-color: #cccccc;
  z-index: 203;
  background-color: white;
}
#headlets > li > a {
  display: block;
  position: relative;
  height: 26px;
  width: 26px;
  margin-left: -1px;
  border: 1px solid #e3eace;
  border-width: 0 1px;
  cursor: pointer;
  z-index: 200;
}
#headlets > li > ul {
  position: absolute;
  top: 25px;
  left: -1px;
  border: 1px solid #cccccc;
  z-index: 202;
  background-color: white;
}
#headlets > li > ul > li {
  float: none;
  margin: 0px;
  border: none;
}
#headlets > li > ul > li a {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 5px 30px 3px 30px;
  border: none;
  font-size: 11px;
  white-space: nowrap;
  cursor: pointer;
  display: block;
}
#headlets > li > ul > li a.primary {
  border-bottom: 1px solid #cccccc;
}
#headlets li.menu li:hover a {
  border: none;
  background-color: #edf1e0;
}
a.icon, span.icon, div.icon {
  display: block;
  float: left;
  clear: none;
  width: 18px;
  height: 18px;
}
.iconLarge {
  display: block;
  float: left;
  clear: none;
  width: 32px;
  height: 32px;
}
.icon.disabled {
  opacity: 0.4;
  cursor: no-drop !important;
  cursor: false !important;
}
.link {
  cursor: pointer;
}
.contentMessage {
  clear: both;
  padding: 10px;
  background-color: #e3eace;
  margin-bottom: 5px;
}
.contentMessage div.icon, .contentMessage div.text {
  float: left;
  clear: none;
}
.contentMessage .icon {
  background: url(../../core/asset/img/icons.png) 2px -628px no-repeat;
  margin-right: 15px;
}
.contentMessage .text {
  font-weight: bold;
  padding-top: 2px;
  width: 600px;
}
.contentMessage .text ul li {
  margin-bottom: 7px;
}
/*
 * -----------------
 * Listings
 * -----------------
 */
ul.ulList li.listItem {
  overflow: hidden;
  list-style: none;
  line-height: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
}
ul.ulList li.listItem span {
  display: block;
  float: left;
}
ul.ulList li.listItemHeader span {
  font-weight: bold;
}
ul.ulListDotted li.listItem {
  border-bottom: 1px solid #dddddd;
}
* html ul.ulList li.listItem {
  overflow: visible;
  height: 1%;
}
/*
 * -----------------------------
 * Editable / linked items
 * -----------------------------
 */
li.listItem a.editableItem {
  display: block;
}
/*
 * -----------------
 * Box
 * -----------------
 */
.infoBoxOuter {
  padding: 7px;
  background-color: #eeeeee;
}
.infoBoxOuter.edit form {
  margin: -7px;
}
div.infoBox {
  margin-bottom: 5px;
}
div.infoBox h4 {
  margin: 0px;
  font-weight: bold;
}
div.infoBox div.content {
  padding: 5px 12px;
  background: white;
}
.headerLine, .headerOptLine {
  border-bottom: 1px solid white;
  border-radius: 5px 5px 0 0;
  border: none;
  height: 26px;
  margin-top: 5px;
  position: relative;
  text-align: left;
}
.headerLine {
  background: #ececec;
  /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
  /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * IE10+
   */
  background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
  /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
  /*
   * IE6-9
   */
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid white;
}
.headerLine label {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0px;
}
.headerLine th, .headerLineOptLine th {
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
.headerLine input {
  margin-right: 10px;
}
.headerLine button span {
  line-height: 20px;
}
.headerLine span, .button {
  text-shadow: 1px 1px #eeeeee;
}
h1.headerLine .hasIcon {
  padding-left: 2px;
}
h1.headerLine span {
  float: left;
  margin: 0 0 0 5px;
  line-height: 25px;
}
h1.headerLine span.title {
  padding-left: 27px;
}
h1.headerLine span.first {
  margin: 0px;
  padding: 0 0 0 15px;
}
h1.headerLine.noPadLeft span.title {
  padding-left: 0;
}
/*
 * table header
 */
tr.headerLine {
  border: none;
  background: none;
}
tr.headerLine th {
  background: #ececec;
  /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
  /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
  /*
   * IE10+
   */
  background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
  /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
  /*
   * IE6-9
   */
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid white;
}
tr.headerLine th:first-child {
  border-left: 1px solid #dddddd;
  border-radius: 5px 0 0 0;
}
tr.headerLine th:last-child {
  border-right: 1px solid #dddddd;
  border-radius: 0 5px 0 0;
}
div.dialog {
  text-align: left;
}
div.dialog_content h1.headerLine {
  display: none;
}
/*
 * h3
 */
.headLabel span {
  display: block;
  float: left;
  overflow: hidden;
}
span.infoIcon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -629px !important;
}
span.checkboxCheckedIcon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -870px !important;
}
span.checkboxOpenIcon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -900px !important;
}
.calendaricon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -690px;
  cursor: pointer;
}
/*
 * The main calendar widget.  DIV containing a table.
 */
div.calendar {
  z-index: 3000;
  box-shadow: 2px 2px 5px #999999;
}
div.calendar, div.calendar table {
  background-color: #eeeeee;
  background-color: white;
  border-radius: 5px;
  color: black;
  cursor: default;
  font-family: tahoma, verdana, sans-serif;
  font-size: 11px;
}
div.calendar tr:first-child, div.calendar table tr:first-child {
  border-color: #dddddd;
  border-width: 1px 1px 0 1px;
}
/*
 * remove border-radius and box-shadow for panelwidget
 */
#panelwidget-calendar.calendar {
  box-shadow: none;
}
#panelwidget-calendar.calendar, #panelwidget-calendar.calendar table {
  background: none;
  border-radius: 0;
}
/*
 * Header part -- contains navigation buttons and day names.
 */
div.calendar {
  /*
   * The body part -- contains all the days in month.
   */
  /*
   * The footer part -- status bar and "Close" button
   */
  /*
   * Combo boxes (menus that display months/years for direct selection)
   */
}
div.calendar .button {
  /*
     * "<<", "<", ">", ">>" buttons have this class
     */
  text-align: center;
  vertical-align: middle;
  /*
     * They are the navigation buttons
     */
  padding: 4px;
  border-bottom: 1px solid white;
}
div.calendar .nav {
  background: #d7dcc6 url(../../core/asset/js/jscalendar/menuarrow.gif) no-repeat 100% 100%;
}
div.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #cccccc;
  background: #e3eace;
}
div.calendar thead .title {
  /*
       * This holds the current "month, year"
       */
  text-align: center;
  color: black;
  padding: 2px;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 1px solid white;
}
div.calendar thead .headrow {
  /*
       * Row <TR> containing navigation buttons
       */
  background: #d7dcc6;
  color: white;
}
div.calendar thead .headrow .button {
  border-bottom: 1px solid #cccccc;
}
div.calendar thead .daynames {
  /*
       * Row <TR> containing the day names
       */
  background: #e3eace;
}
div.calendar thead .name {
  /*
       * Cells <TD> containing the day names
       */
  border-bottom: 1px solid #cccccc;
  padding: 2px;
  text-align: center;
  text-transform: uppercase;
  color: black;
}
div.calendar thead .weekend {
  /*
       * How a weekend day name shows in header
       */
  color: black;
  text-transform: uppercase;
}
div.calendar thead .hilite {
  /*
       * How do the buttons in header appear when hover
       */
  background-color: white;
  color: black;
}
div.calendar tbody .day {
  /*
       * Cells <TD> containing month days dates
       */
  width: 2em;
  color: black;
  text-align: right;
  padding: 2px 4px 2px 2px;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
}
div.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbbbbb;
}
div.calendar tbody .day.othermonth.oweekend {
  color: lightsalmon;
}
div.calendar tbody .rowhilite td {
  background: #edf1e0;
}
div.calendar tbody .rowhilite td.wn {
  background: #d0d6be;
}
div.calendar tbody td.hilite {
  /*
         * Hovered cells <TD>
         */
  background: #316ac5;
  color: white;
}
div.calendar tbody td.hilite.weekend {
  /*
           * Cells showing weekend days
           */
  color: white;
}
div.calendar tbody td.selected {
  /*
         * Cell showing today date
         */
  font-weight: bold;
  padding: 1px 3px 1px 1px;
  background: white;
  color: black;
}
div.calendar tbody td.weekend {
  /*
         * Cells showing weekend days
         */
  color: #999999;
}
div.calendar tbody td.today {
  /*
         * Cell showing selected date
         */
  font-weight: bold;
  color: black;
  background-color: #e3eace;
}
div.calendar tbody td.time {
  padding: 5px 0;
  text-align: center;
  background-color: white;
}
div.calendar tbody td.time .hour, div.calendar tbody td.time .minute, div.calendar tbody td.time .ampm {
  padding: 0 3px 0 4px;
  border: 1px solid #999999;
  font-weight: bold;
  background-color: white;
}
div.calendar tbody td.time .ampm {
  text-align: center;
}
div.calendar tbody td.time .colon {
  padding: 0 2px 0 3px;
  font-weight: bold;
}
div.calendar tbody td.time .hilite {
  border-color: black;
  background-color: #666666;
  color: white;
}
div.calendar tbody td.time .active {
  border-color: red;
  background-color: black;
  color: green;
}
div.calendar tbody .disabled {
  color: #999999;
}
div.calendar tbody .emptycell {
  /*
       * Empty cells (the best is to hide them)
       */
  visibility: hidden;
}
div.calendar tbody .emptyrow {
  /*
       * Empty row (some months need less than 6 rows)
       */
  display: none;
}
div.calendar tfoot .footrow {
  /*
       * The <TR> in footer (only one right now)
       */
  text-align: center;
  background: #666666;
  color: white;
}
div.calendar tfoot .ttip {
  /*
       * Tooltip (status bar) cell <TD>
       */
  background: white;
  color: #444444;
  border-top: 1px solid #cccccc;
  padding: 4px;
  /*
       * Bugfix for opera to force word wrap an table cell
       */
  width: 223px;
}
div.calendar tfoot .hilite {
  /*
       * Hover style for buttons in footer
       */
  background: #4f8ab4;
  border: 1px solid #24a5c3;
  color: black;
  padding: 1px;
}
div.calendar tfoot .active {
  /*
       * Active (pressed) style for buttons in footer
       */
  background: #88aacc;
  padding: 2px 0 0 2px;
}
div.calendar .combo {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 4em;
  cursor: default;
  background: #d0d6be;
  color: black;
  font-size: 90%;
  z-index: 3000;
  box-shadow: 2px 2px 5px #999999;
}
div.calendar .combo .label, div.calendar .combo .label-IEfix {
  text-align: center;
  padding: 2px;
}
div.calendar .combo .label-IEfix {
  width: 4em;
}
div.calendar .combo .hilite {
  background: #e3eace;
}
div.calendar .combo .active {
  background: white;
  font-weight: bold;
}
/*
 * --------------------
 * Overlays
 * --------------------
 */
.overlay_dialog, .overlay___invisible__ {
  background: #7b806e;
}
.overlay_dialog {
  opacity: 0.7;
}
.overlay___invisible__ {
  opacity: 0;
}
/*
 * -----------------------------------------------
 * Dialog borders and corners from north to west
 * -----------------------------------------------
 */
.dialog_nw, .dialog_ne, .dialog_sw, .dialog_se, .dialog_sizer {
  width: 9px;
}
.dialog_nw, .dialog_n, .dialog_ne {
  height: 28px;
}
.dialog_nw, .dialog_n, .dialog_ne, .dialog_s, .dialog_sw, .dialog_se, .dialog_sizer, .dialog_close, .dialog_minimize, .dialog_maximize {
  background: transparent url(../../core/asset/js/prototype-window/themes/todoyu.png) no-repeat;
}
.dialog_e, .dialog_w {
  background: transparent url(../../core/asset/js/prototype-window/themes/todoyurepeaty.png);
  width: 2px;
}
.dialog_nw {
  background-position: 0 -645px;
}
.dialog_n {
  background-repeat: repeat-x;
  background-position: 0 -700px;
}
.dialog_ne {
  background-position: -1px -750px;
}
.dialog_e {
  background-position: -41px 0;
}
.dialog_w {
  background-position: 0 0;
}
.dialog_s, .dialog_sw, .dialog_se, .dialog_sizer {
  height: 19px;
}
.dialog_s {
  background-repeat: repeat-x;
  background-position: 0 -51px;
}
.dialog_sw {
  background-position: 0 0;
}
.dialog_se {
  background-position: 0 -153px;
}
/*
 * -------------------------------
 * Window decorations
 * -------------------------------
 */
.dialog_sizer {
  background-position: 0 -594px;
  cursor: se-resize;
}
.dialog_close, .dialog_minimize, .dialog_maximize {
  width: 14px;
  top: 5px;
  cursor: pointer;
  z-index: 2000;
}
.dialog_close, .dialog_title {
  height: 14px;
}
.dialog_close {
  background-position: 0 -320px;
  right: 5px;
}
.dialog_close, .dialog_minimize, .dialog_maximize, .wired_frame, .dialog {
  position: absolute;
}
.dialog_minimize, .dialog_maximize {
  height: 14px;
}
.dialog_minimize {
  background-position: 0 -459px;
  right: 33px;
}
.dialog_maximize {
  background-position: 0 -413px;
  right: 17px;
}
.dialog_title {
  font-size: 11px;
  float: left;
  margin: 5px 0 -5px 0;
  letter-spacing: 0px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  color: #151614;
}
.dialog_title, .dialog table.table_window {
  width: 100%;
}
.bottom_draggable, .top_draggable {
  cursor: move;
}
.status_bar input, .status_bar {
  font-size: 12px;
}
.wired_frame, .dialog {
  display: block;
}
.wired_frame {
  border: 1px black dashed;
}
.dialog {
  z-index: 1900;
}
/*
 * ------------------------
 * Dialog content
 * ------------------------
 */
.dialog_content {
  font-size: 10px;
  background-color: white;
  color: #dddddd;
  height: auto !important;
}
.dialog table.table_window {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
}
/*
 * .dialog table.table_window,
 */
/*
 * .dialog table.table_window th,
 */
/*
 * .dialog table.table_window td {
 */
/*
 * padding:0;
 */
/*
 * }
 */
.dialog .title_window {
  -moz-user-select: none;
}
.dpPicker {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3000;
  display: block;
  width: 50px;
  height: 110px;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  font-size: 16px;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  box-shadow: 2px 2px 5px #999999;
}
.dpPicker .dpHour {
  position: absolute;
  padding-top: 44px;
  padding-bottom: 44px;
  top: 44px;
  left: 0px;
  width: 24px;
  float: left;
  clear: none;
  z-index: 10;
  border-right: 1px solid #dddddd;
}
.dpPicker .dpMinute {
  position: absolute;
  padding-top: 44px;
  padding-bottom: 44px;
  top: 44px;
  left: 25px;
  width: 25px;
  float: left;
  clear: none;
  display: block;
  z-index: 10;
}
.dpPicker div div {
  text-align: right;
  padding: 2px;
  height: 18px;
}
.dpMask {
  position: absolute;
  top: 43px;
  left: 0px;
  z-index: 9;
  background-color: #dddddd;
  width: 50px;
  height: 22px;
}
.durationPickerIcon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -1660px;
  cursor: pointer;
  margin-left: 3px;
}
/*
 * ---------------------------------------
 * Standard Table
 * ---------------------------------------
 */
table.list {
  width: 100%;
  max-width: 100%;
  background-color: white;
  table-layout: fixed;
}
table.list.autoWidthTable {
  width: auto;
}
table.list col.icon {
  width: 30px;
}
table.list th, table.list td {
  padding: 3px 12px 3px 12px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.list th > span.icon, table.list td > span.icon {
  height: 25px;
  margin: -2px 4px -8px -2px;
}
table.list tr.nowrap {
  white-space: nowrap;
}
table.list a {
  text-decoration: underline;
}
table.list a:focus {
  outline: none;
}
table.list a:hover {
  background-color: #eeeeee;
}
/*
 * ------------
 * Hover
 * ------------
 */
table.withMouseHover tr:hover, table.withMouseHover tr:hover .odd, table.withMouseHover tr:hover .even, ul.withMouseHover li.odd:hover, ul.withMouseHover li.even:hover {
  background-color: #f8f8f8 !important;
}
table.withMouseHover tr.header:hover {
  background-color: transparent !important;
}
/*
 * -----------------------------------
 * Odd and even alternation, hover
 * ----------------------------------
 */
table.list tr.odd, table.listsimple tr.odd, li.odd {
  background-color: #eeeeee;
}
table.list tr.even, table.listsimple tr.even, li.even {
  background-color: white;
}
#extendlisting a {
  display: block;
  font-weight: bold;
  padding: 9px 0 9px 20px;
  background: url(../../core/asset/img/icons.png) no-repeat 5px -289px;
  cursor: pointer;
}
#extendlisting a:hover {
  background-color: #f8f8f8;
}
#panel {
  background-color: white;
  border-radius: 10px 10px 0 0;
  clear: both;
  float: left;
  margin: 0 10px 0 0;
  padding: 0px;
  position: relative;
  top: 20px;
  width: 270px;
}
#panel div.panelFooter {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 51px;
  margin-top: -3px;
  background: url(../../core/asset/img/panel-footer.png) no-repeat 0 0;
}
#panel div.panelWidget {
  padding: 7px;
  border-bottom: 3px solid #e3eace;
}
#panel div.panelWidget .notification {
  text-align: left;
  padding: 5px 0 5px 7px;
}
#panel div.panelWidget ul.naviList li {
  line-height: 18px;
  padding: 3px 0 3px 5px;
  border-bottom: 1px solid #dddddd;
}
#panel div.panelWidget ul.naviList li.active {
  background-color: #e3eace;
}
#panel div.panelWidget ul.naviList li a {
  width: 100%;
  display: inline-block;
  padding-left: 25px;
}
#panel div.panelWidget h2 {
  padding-left: 2px;
}
#panel select {
  padding: 0px;
}
#panel .fForm {
  padding: 0px;
  background: none;
}
#panel fieldset {
  margin: 0px;
  padding: 0px;
  border: none;
  background: none;
}
#panel legend {
  display: none;
}
#panel .fField {
  float: right;
}
.sortablePanelList {
  padding-top: 5px;
  display: block;
}
.sortablePanelList li.groupTitle {
  font-size: 11px;
  font-weight: bold;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
  padding-bottom: 2px;
}
.sortablePanelList .itemList {
  padding: 0px;
  border: none;
}
.sortablePanelList .itemList .listItem {
  padding: 5px 0 6px 0;
}
.sortablePanelList .listItem {
  clear: both;
  display: block;
  position: relative;
  padding: 5px 0 6px 5px;
  height: auto !important;
  height: 1px;
  border-bottom: 1px solid #dddddd;
}
.sortablePanelList .listItem .odd {
  background-color: #eeeeee;
}
.sortablePanelList .listItem.current {
  background-color: #e3eace;
}
.sortablePanelList .listItem a.title {
  margin-left: 20px;
}
.sortablePanelList .listItem .actions {
  position: absolute;
  right: 2px;
  top: 4px;
}
.sortablePanelList .listItem .actions a {
  float: left;
  width: 1px;
  height: 16px;
  padding: 1px 12px;
  text-indent: -9999px;
}
.sortablePanelList .handle {
  background: transparent url(../../core/asset/img/icons.png) no-repeat scroll 0 -963px;
  width: 10px;
  float: left;
  cursor: move;
  position: absolute;
  top: 0px;
  margin-right: 5px;
  height: 100%;
}
.sortablePanelList .handle.hover {
  background: transparent url(../../core/asset/img/icons.png) no-repeat scroll 0 -1022px;
}
#quickinfo {
  display: block;
  left: 200px;
  position: absolute;
  top: 200px;
  width: auto;
  min-width: 382px;
  border: 1px solid #cccccc;
  background-color: #e3eace;
  z-index: 3000;
  box-shadow: 2px 2px 5px #999999;
}
#quickinfo dl dt {
  clear: left;
  float: left;
  width: 20px;
  min-height: 25px;
  padding: 2px;
}
#quickinfo dl dd {
  width: auto;
  min-width: 350px;
  min-height: 25px;
  padding: 2px 4px;
  margin-left: 20px;
  background-color: #edf1e0;
  text-align: left;
  font-size: 10px;
}
em.infoBalloonAnchor {
  background: url(../../core/asset/img/icons.png) no-repeat 1px -630px;
  cursor: help;
  display: inline-block;
  height: 16px;
  text-indent: -9999px;
  width: 16px;
}
.infoBalloon {
  position: absolute;
  float: left;
  z-index: 200;
}
span.infoBalloon p, .infoBox span.infoBalloon p {
  background-color: #f1f3be;
  border: 1px solid #c8d215;
  border-radius: 1px 1px 1px 1px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
  font-size: 11px;
  left: 60px;
  line-height: 17px;
  margin: 0;
  padding: 15px;
  position: absolute;
  top: -10px;
  width: 200px;
  z-index: 1;
}
span.infoBalloon .pointer, .infoBox span.infoBalloon .pointer {
  background: url(../../core/asset/img/infoballoonArrow.png);
  display: block;
  height: 30px;
  left: 32px;
  position: absolute;
  top: -5px;
  width: 30px;
  z-index: 3;
}
#todoyuheadletajaxloader {
  width: 27px;
  height: 26px;
}
#todoyuheadletajaxloader .button {
  background: url(../../core/asset/img/ajax-loader.gif) no-repeat 7px 5px;
  border: none;
}
li#todoyuheadletajaxloader a {
  cursor: wait;
}
li#todoyuheadletajaxloader a:hover {
  background-color: transparent !important;
}
#todoyuheadletquickcreate .button {
  background: url(../../core/asset/img/headlet-icons.png) no-repeat 1px 6px;
}
#todoyuheadletquickcreate .content li.primary {
  border-bottom: 1px solid #dddddd;
  background-color: #edf1e0;
}
#todoyuheadletquickcreate .content li.primary a:hover {
  background-color: white !important;
}
/*
 * -----------------------
 * About headlet
 * -----------------------
 */
#todoyuheadletabout .button {
  background: url(../../core/asset/img/headlet-icons.png) no-repeat 1px -24px;
}
/*
 * -------------------------
 * About popup window
 * -------------------------
 */
#popup-about_content {
  background-color: white;
}
#popup-about .version {
  position: relative;
  right: -250px;
  top: -36px;
  z-index: 50000;
  width: 200px;
  text-align: right !important;
  background: transparent !important;
}
#popup-about .left {
  float: left;
}
#popup-about .right {
  float: left;
  clear: right;
}
#popup-about .logo {
  height: 120px;
  background: url(../../core/asset/img/logo2.png) no-repeat 40% 0;
}
#popup-about p.info {
  text-align: left;
  padding: 0 8px 0 8px;
  margin: 0 0 12px 0;
}
#popup-about p.info p {
  margin: 12px 0 12px 0;
}
#popup-about a {
  text-decoration: underline;
}
#popup-about .thanks {
  text-align: left !important;
  padding: 0 0 0 8px;
  margin: 24px 0 6px 0;
}
#popup-about .creditsbox {
  border: 1px solid #dddddd;
  height: 150px;
  clear: left;
  margin: 0 0 0 6px;
  width: 536px;
  padding: 5px;
  position: relative;
}
#popup-about .names {
  overflow: hidden;
}
#popup-about .names ul {
  padding-top: 50px;
}
#popup-about .names ul li {
  padding: 9px;
}
#popup-about .names ul li.coder {
  letter-spacing: 2px;
  text-transform: uppercase;
}
#popup-about #ee-img {
  position: absolute;
  left: 57px;
  top: 38px;
  width: 400px;
  height: 200px;
  background: url(../../core/asset/img/ggeretsae.gif) no-repeat 0 0;
}
/*
 * ------------------------------------------------
 * Toggle button (team / 3rd party credits)
 * ------------------------------------------------
 */
button#about-toggle-credits {
  float: right;
  margin: -8px 12px 2px 0;
}
button#about-toggle-credits span.icon {
  width: 2px !important;
  visibility: hidden;
}
/*
 * -----------------------------------
 * Third party libraries credits
 * -----------------------------------
 */
#about-libs {
  overflow-y: scroll;
  text-align: left;
}
.creditsbox h1 {
  padding: 0 0 10px 0;
}
.creditsbox p.product {
  padding: 8px 0 4px 0;
}
/*
 * -----------------------
 * Scrolling Names
 * -----------------------
 */
ul#scrollingnames li div.left {
  width: 220px;
  text-align: right !important;
  float: left;
}
ul#scrollingnames li div.right {
  padding: 0 0 0 7px;
  width: 150px;
  text-align: left !important;
  float: left;
  clear: right;
}
.loaderBox {
  position: fixed;
  z-index: 300;
  background-color: white;
  border: 1px solid white;
  box-shadow: 2px 2px 7px #999999;
}
.loaderBox div, .loaderBox img {
  float: left;
}
.loaderBox div.title {
  clear: both;
  width: 282px;
  padding: 5px;
  background-color: #eeeeee;
  font-weight: bold;
}
.loaderBox div.content {
  display: inline-block;
  width: 180px;
  padding: 20px;
  text-align: left;
  font-size: 12px;
}
.loaderBox img.spinner {
  clear: left;
  padding: 20px;
  width: 32px;
  height: 32px;
}
#loader-box-screen-block {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 250;
  position: fixed;
  opacity: 0.5;
}
.progressBox .bar {
  width: 180px;
  height: 16px;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  margin-top: 5px;
}
.progressBox .progress {
  background-color: #e3eace;
  width: 0px;
  height: 16px;
}
.progressBox .button {
  margin-top: 5px;
}
.progressBox .cancelProgress .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 3px -357px;
}
div.overflowWindow {
  position: fixed;
  width: 350px;
  padding: 10px;
  background-color: white;
  left: 0px;
  top: 0px;
  z-index: 3000;
  opacity: 0.95;
  box-shadow: 2px 2px 5px #999999;
}
div.overflowWindow div.close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0px;
  top: 0px;
  background: url(../../core/asset/img/icons.png) no-repeat 5px -1124px;
  cursor: pointer;
}
#overflow-window-blocker {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  z-index: 2999;
}
.overlay_todoyu {
  background-color: #969c85;
  z-index: 2999 !important;
}
.timerange {
  padding-top: 2px;
}
.timerange .bar {
  padding: 10px 0;
  position: relative;
}
.timerange .bar .slider {
  background: url(../../core/asset/img/timerange.png) repeat-x 0 -32px;
  position: relative;
  width: 472px;
}
.timerange .bar .slider .handle {
  background: url(../../core/asset/img/timerange-handle.png) center center no-repeat;
  cursor: ew-resize;
  cursor: move;
  height: 20px;
  margin-top: -17px;
  position: absolute;
  width: 20px;
  z-index: 10;
}
.timerange .bar .slider .handleStart {
  margin-left: -4px;
}
.timerange .bar .slider .handleEnd {
  margin-left: -5px;
}
.timerange .bar .track {
  height: 3px;
  display: inline-block;
  cursor: pointer;
}
.timerange .bar .trackStart {
  background: url(../../core/asset/img/timerange.png) no-repeat 0 -49px;
  width: 4px;
}
.timerange .bar .trackEnd {
  background: url(../../core/asset/img/timerange.png) no-repeat 0 -17px;
  width: 4px;
}
.timerange .bar .span {
  background-color: black;
  cursor: default;
  height: 3px;
  margin-left: 5px;
  position: relative;
  z-index: 9;
}
.timerange .limits {
  display: block;
  font-size: 10px;
}
.timerange .limits > div {
  clear: none;
  height: 16px;
  width: 60px;
}
.timerange .limits .limit.min {
  float: left;
  text-align: left;
}
.timerange .limits .limit.max {
  float: right;
  text-align: right;
}
.timerange .dates {
  margin: 3px 0;
  position: relative;
}
.timerange .dates .start, .timerange .dates .ranges {
  clear: none;
  float: left;
}
.timerange .dates .start {
  width: 100px;
}
.timerange .dates .end {
  clear: none;
  float: right;
  width: 81px;
}
.timerange .dates input {
  width: 60px;
}
.timerange .dates .ranges {
  background: white;
  /*
   * Old browsers
   */
  background: -moz-linear-gradient(top, white 0%, #e0e0e0 100%);
  /*
   * FF3.6+
   */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e0e0e0));
  /*
   * Chrome,Safari4+
   */
  background: -webkit-linear-gradient(top, white 0%, #e0e0e0 100%);
  /*
   * Chrome10+,Safari5.1+
   */
  background: -o-linear-gradient(top, white 0%, #e0e0e0 100%);
  /*
   * Opera 11.10+
   */
  background: -ms-linear-gradient(top, white 0%, #e0e0e0 100%);
  /*
   * IE10+
   */
  background: linear-gradient(to bottom, white 0%, #e0e0e0 100%);
  /*
   * W3C
   */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0);
  /*
   * IE6-9
   */
  border-radius: 13px;
  border: 1px solid #bbbbbb;
  cursor: pointer;
  left: 50%;
  line-height: 20px;
  margin: -2px 0 0 -75px;
  padding: 0 5px;
  position: absolute;
  right: 50%;
  text-align: center;
  top: 0px;
  white-space: nowrap;
  width: 185px;
  z-index: 5;
}
.timerange .dates .ranges:hover {
  margin: -7px -15px -10px -80px;
  padding: 5px 10px 10px 10px;
  box-shadow: 2px 2px 7px #999999;
  border-radius: 5px;
  background-color: white;
  background-image: none;
}
.timerange .dates .ranges:hover span.chooseRange {
  font-weight: bold;
}
.timerange .dates .ranges:hover ul {
  display: block;
}
.timerange .dates .ranges ul {
  color: #666666;
  display: none;
  padding: 0px;
  text-align: left;
  z-index: 9999;
  /*
         * always in front
         */
}
.timerange .dates .ranges ul li {
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
  line-height: 18px;
}
.timerange .dates .ranges ul li:hover {
  background-color: #eeeeee;
}
.inlineFilters {
  padding: 6px;
  margin-bottom: 10px;
  background-color: #eeeeee;
}
.inlineFilters .filter {
  border: 1px solid #dddddd;
  background-color: white;
  padding: 10px;
  margin-bottom: 5px;
  /*
     * itemList
     */
}
.inlineFilters .filter > div {
  display: inline-block;
}
.inlineFilters .filter .label {
  width: 140px;
  padding: 2px 0;
  vertical-align: top;
}
.inlineFilters .filter .input {
  width: 483px;
}
.inlineFilters .filter .input .main, .inlineFilters .filter .input .extra {
  float: left;
}
.inlineFilters .filter.typeAutocompleteMulti .main, .inlineFilters .filter.typeSelectMulti .main {
  width: 240px;
}
.inlineFilters .filter.typeAutocompleteMulti .extra, .inlineFilters .filter.typeSelectMulti .extra {
  width: 223px;
  margin-left: 20px;
}
.inlineFilters .filter.typeAutocomplete .textAC {
  width: 400px;
}
.inlineFilters .filter.typeAutocompleteMulti .textAC, .inlineFilters .filter.typeSelect select {
  width: 230px;
}
.inlineFilters .filter ul.itemList li {
  padding: 2px 20px 2px 2px;
  border-bottom: 1px solid #dddddd;
}
.inlineFilters .filter ul.itemList li:hover {
  background-color: #eeeeee;
}
.inlineFilters .filter ul.itemList li span.remove {
  float: right;
  width: 16px;
  height: 16px;
  margin-right: -20px;
  background: url(../../core/asset/img/icons.png) no-repeat 0 -360px;
  cursor: pointer;
}
.wizard {
  text-align: left;
  font-size: 12px;
}
.wizard .navi, .wizard .content, .wizard .help {
  float: left;
  clear: none;
}
.wizard .navi {
  width: 190px;
  background-color: #f6f8f0;
}
.wizard .navi ol {
  margin-left: 25px;
  margin-top: 20px;
  text-align: left;
}
.wizard .navi ol li {
  padding: 5px;
  color: #aaaaaa;
}
.wizard .navi ol li.active {
  background-color: white;
  color: #010101;
  font-weight: bold;
}
.wizard .navi ol li .done {
  cursor: pointer;
  color: #010101;
}
.wizard .content {
  padding: 20px;
  width: 420px;
  height: 460px;
  overflow: auto;
  background-color: white;
}
.wizard .content h1.title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.wizard .content p.info {
  margin: 10px 0;
  padding-bottom: 10px;
}
.wizard .help {
  width: 209px;
  margin-top: 60px;
  padding-left: 10px;
}
.wizard .buttons {
  float: left;
  clear: both;
  width: 100%;
  background-color: #f6f8f0;
  padding: 10px 0;
}
.wizard .buttons > div {
  float: left;
  clear: none;
  display: inline-block;
}
.wizard .buttons div.close {
  width: 170px;
  padding-left: 20px;
  text-align: left;
}
.wizard .buttons div.close button.close .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -357px;
}
.wizard .buttons .main {
  width: 460px;
}
.wizard .buttons .main button {
  clear: none;
}
.wizard .buttons .main button .icon {
  background-repeat: no-repeat;
  background-image: url(../../core/asset/img/icons.png);
}
.wizard .buttons .main .back {
  float: left;
}
.wizard .buttons .main .back .icon {
  background-position: 0 -1188px;
}
.wizard .buttons .main .next {
  float: right;
}
.wizard .buttons .main .next .icon {
  background-position: 0 -1218px;
}
.panelWidget.searchList form .fLabel {
  width: 50px;
}
.panelWidget.searchList form .fField {
  width: 180px;
}
#panel .panelWidget.searchList form {
  display: inline-block;
  width: 95%;
  padding: 1px 5px;
  margin-top: 3px;
}
.panelWidget.searchList ul {
  display: inline-block;
  width: 95%;
  padding: 5px;
}
.panelWidget.searchList li {
  line-height: 18px;
  margin-bottom: 1px;
  overflow: hidden;
}
.panelWidget.searchList li:hover {
  background-color: #eeeeee;
}
.panelWidget.searchList li a {
  display: block;
  padding-left: 25px;
  height: 18px;
  width: 400px;
}
#panel .panelwidgetSearchBox .content form {
  margin-top: 5px;
  display: inline-block;
}
#panel .panelwidgetSearchBox .content form label {
  float: left;
  width: 40px;
  padding-top: 2px;
}
#panel .panelwidgetSearchBox .content form input {
  width: 190px;
  float: left;
}
#panel .panelwidgetSearchBox .content form a.clearIcon {
  background: url(../../core/asset/img/icons.png) no-repeat 2px -358px;
  margin-left: 5px;
  cursor: pointer;
}
#dialogchoice .wrapper {
  padding: 10px;
}
#dialogchoice .description {
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
#dialogchoice .choice {
  background-color: white;
  border-radius: 5px;
  border: 1px solid white;
  margin-bottom: 5px;
  padding: 8px;
}
#dialogchoice .choice button {
  width: 150px;
}
#dialogchoice .choice button .label {
  margin: 0;
  width: 100%;
  text-align: center;
}
#dialogchoice .choice div {
  display: inline-block;
}
#dialogchoice .choice .boxButton {
  width: 170px;
}
#dialogchoice .choice .boxLabel {
  width: 280px;
  height: 20px;
  vertical-align: bottom;
}
.typeRecords .results, .typeRecords .selection {
  list-style: none inside;
  padding-left: 4px;
  padding-bottom: 0;
  line-height: 150%;
}
.typeRecords .results li, .typeRecords .selection li {
  padding: 4px;
  display: block;
}
.typeRecords .results li .recordIcon, .typeRecords .selection li .recordIcon {
  margin-right: 5px;
}
.typeRecords .results {
  border: 1px solid #cccccc;
  background-color: #f8f8f8;
  border-top: none;
  margin-top: -1px;
}
.typeRecords .results li {
  cursor: pointer;
}
.typeRecords .results li:hover {
  background-color: #eeeeee;
}
.typeRecords .results li.hot {
  font-weight: bold;
}
.typeRecords .selection {
  margin-top: 5px;
}
.typeRecords .selection li .remove {
  float: right;
  background: url(../../core/asset/img/icons.png) no-repeat 2px -358px;
  cursor: pointer;
}
/*
 * ----------------------
 * contentItem Tabs
 * ----------------------
 */
.contentItemTabContainer .tabs {
  top: 0;
  left: 0;
  width: auto;
  margin: 0 10px;
}
.contentItemTabContainer {
  margin-top: 10px;
}
contentItemTabContainer .tabs li {
  background-color: #edf1e0 !important;
}
.contentItemTabContainer .tabs li:hover, .contentItemTabContainer .tabs li.active {
  background-color: #e3eace !important;
}
/*
 * contentItem tabs content
 */
.contentItemTabContainer .tabContent {
  background-color: #e3eace;
  /*
   * border-bottom:1px solid $colorNeutral02;
   */
}
.contentItemTabContainer .tabContent .tab {
  margin: 9px;
  border: 1px solid #eeeeee;
}
.contentItemTabContainer .tabContent .tabBlock {
  position: relative;
  background: white;
}
.contentItemTabContainer .tabContent .tab {
  padding: 5px;
  background: white;
}
.contentItemTabContainer .tabContent .tabBlock .toggle {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  height: 30px;
  background: #d0d6be url(../../cache/css/core/asset/css/../../../../../core/asset/css/../img/toggle.png) no-repeat 0 -65px;
}
.listScrollBox .scrollLoaderInfo {
  padding: 10px;
  color: #999999;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  position: relative;
}
a.eventContextMenu {
  background: url(../../ext/calendar/asset/img/contextmenu.png) no-repeat
}
a.eventContextMenu.eventAdd {
  background-position: 5px -298px !important
}
a.eventContextMenu.eventEdit {
  background-position: 5px 4px
}
a.eventContextMenu.eventEditSeries {
  background-position: 5px 4px
}
a.eventContextMenu.eventShow {
  background-position: 5px -120px
}
a.eventContextMenu.eventShowInCalendar {
  background-position: 5px -28px
}
a.eventContextMenu.eventRemove {
  background-position: 5px -57px
}
a.eventContextMenu.eventRemoveSeries {
  background-position: 5px -57px
}
a.eventContextMenu.eventAdd, a.eventContextMenu.showInCalendarDay, a.eventContextMenu.showInCalendarWeek, a.eventContextMenu.showInCalendarMonth {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat
}
a.eventContextMenu.showInCalendarDay {
  background-position: 6px -205px
}
a.eventContextMenu.showInCalendarWeek {
  background-position: 6px -235px
}
a.eventContextMenu.showInCalendarMonth {
  background-position: 6px -265px
}
a.eventContextMenu.eventReminderEmail {
  background-position: 5px -148px
}
a.eventContextMenu.eventReminderPopup {
  background-position: 5px -180px
}
.context-submenu li a.eventContextMenu.selected {
  background-image: none;
  background-color: #e1e5d8 !important
}
.context-submenu li a.eventContextMenu.disabled.selected {
  cursor: default !important;
  color: #999999 !important;
  background: url(../../core/asset/img/icons.png) repeat-x 0 -1570px !important;
  background-color: #e1e5d8 !important
}
.context-submenu .reminderTimeNone, .context-submenu .reminderTime0, .context-submenu .reminderTime5m, .context-submenu .reminderTime15m, .context-submenu .reminderTime30m, .context-submenu .reminderTime1h, .context-submenu .reminderTime2h, .context-submenu .reminderTime12h, .context-submenu .reminderTime1d, .context-submenu .reminderTime2d, .context-submenu .reminderTime1w {
  background-color: white;
  background-image: none
}
#todoyuprojectheadletquicktask .button {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 1px -115px
}
#todoyuprojectheadletquicktask .button div.icon {
  height: 100%;
  width: 100%;
  background: url(../../ext/project/asset/img/icons.png) no-repeat 2px -505px
}
#quicktask.dialog #quicktask_top.dialog.title {
  padding: 0 0 0 32px;
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -510px
}
span.extIconProject {
  background: url(../../ext/project/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconProject .title {
  background: url(../../ext/project/asset/img/exticon.png) no-repeat 0 5px
}
#navi-main-list-project li.item a, #navi-main-list-search li.itemSearchProject a {
  background-image: url(../../ext/project/asset/img/icons.png) !important;
  background-repeat: no-repeat;
  background-position: 6px -446px
}
#navi-main-list-search li.itemSearchTask a {
  background-image: url(../../ext/project/asset/img/icons.png) !important;
  background-repeat: no-repeat;
  background-position: 6px 6px
}
#quickcreate.dialog.project div#quickcreate_top.dialog_title {
  padding: 0 0 0 22px;
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -355px
}
#quickcreate.dialog.task div#quickcreate_top.dialog_title {
  padding: 0 0 0 22px;
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 2px
}
#todoyuheadletquickcreate li.itemProjectProject a {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 5px -388px
}
#todoyuheadletquickcreate li.itemProjectTask a {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 5px -58px
}
#todoyusearchheadletquicksearch-modes li.searchmodeTask a {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 3px 3px !important
}
#todoyusearchheadletquicksearch form.searchmodeTask a.mode {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 3px -23px !important
}
#todoyusearchheadletquicksearch-modes li.searchmodeProject a {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 3px -447px !important
}
#todoyusearchheadletquicksearch form.searchmodeProject a.mode {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 1px -614px !important
}
.projectlist .headerLine .projectNumber {
  float: right;
  padding: 0 10px
}
.project h3.projectheader {
  background-color: transparent;
  border-bottom: 1px solid #dddddd;
  clear: both;
  cursor: pointer;
  display: block;
  height: 14px !important;
  padding: 4px 0
}
.project .expanded h3 {
  border-bottom: none
}
.projects .project h3 .headLabel {
  border-left-style: solid;
  border-left-width: 8px;
  display: block;
  float: left;
  height: auto !important;
  margin: -4px 0 -4px 0;
  min-height: 14px;
  padding: 4px 0 4px 17px
}
.projects .project h3 .projectName {
  width: 826px;
  float: left
}
.projects .project h3 .projectNumber {
  padding: 0 10px;
  float: right
}
.projects .project.expanded h3 {
  background-color: #dddddd;
  border-bottom: none;
  font-weight: bold
}
.details .description a {
  text-decoration: underline !important
}
.details .description a:hover {
  background-color: #dddddd
}
.data ul {
  margin: 0;
  padding: 0 0 5px 14px
}
.data ul li {
  padding-left: 5px
}
.data ol {
  margin: 0 0 0 5px;
  padding: 0 0 5px 14px
}
.data ul {
  list-style: disc
}
.data ul.ulList {
  padding: 0
}
.data ul.assignedPersons li span {
  padding-left: 20px
}
#project-tabs {
  width: 100%;
  overflow: hidden;
  margin-top: -20px
}
.noProjectSelected {
  padding: 10px
}
.noProjectSelected .option {
  background-color: #eeeeee;
  border: 1px solid #aaaaaa;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 10px
}
.noProjectSelected p.message {
  padding: 10px
}
#project-tabs li span.icon {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -445px
}
#search-tab-task span.icon {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 6px
}
#search-tab-project span.icon {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -350px
}
.task .tabContent .tabBlock {
  background: none
}
.task .tabContent .tabBlock.fForm fieldset {
  padding-top: 15px
}
.task .tabContent .tabBlock.fForm fieldset legend {
  display: none
}
.task .tabContent .fForm fieldset.buttons {
  padding-top: 0
}
fieldset.defaultsforlimited {
  margin-top: 10px;
  border-top: 1px solid #dddddd;
  padding-top: 10px
}
.bcStatus1 {
  border-color: #7f007f
}
.bgStatus1 {
  background-color: #7f007f
}
.bcStatus2 {
  border-color: red
}
.bgStatus2 {
  background-color: red
}
.bcStatus3 {
  border-color: #ffac00
}
.bgStatus3 {
  background-color: #ffac00
}
.bcStatus4 {
  border-color: #fffc00
}
.bgStatus4 {
  background-color: #fffc00
}
.bcStatus5 {
  border-color: #77dc00
}
.bgStatus5 {
  background-color: #77dc00
}
.bcStatus6 {
  border-color: green
}
.bgStatus6 {
  background-color: green
}
.bcStatus7 {
  border-color: #a60000
}
.bgStatus7 {
  background-color: #a60000
}
.bcStatus8 {
  border-color: #dbdbdb
}
.bgStatus8 {
  background-color: #dbdbdb
}
.bcStatus9 {
  border-color: #6085dd
}
.bgStatus9 {
  background-color: #6085dd
}
.bcStatus10 {
  border-color: pink
}
.bgStatus10 {
  background-color: pink
}
.project .infoBox.expandable h4 {
  cursor: pointer;
  background-image: url(../../ext/project/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: right -745px
}
.project .infoBox.expandable h4.closed {
  background-position: right -775px
}
.fElement.typeRecords.recordsProject .recordIcon {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 2px -354px
}
span.Sysmanager {
  background: url(../../ext/sysmanager/asset/img/exticon.png) no-repeat 0 0
}
span.extIconSysmanager {
  background: url(../../ext/sysmanager/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconSysmanager .title {
  background: url(../../ext/sysmanager/asset/img/exticon.png) no-repeat 0 5px
}
#sysmanager-tabs li.tabkey-welcome span.icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 2px
}
#navi-main-list-todoyu li.itemSysmanager a {
  background-image: url(../../ext/sysmanager/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: 6px 5px
}
#panelwidget-sysmanagermodules li.rights a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -569px
}
#panelwidget-sysmanagermodules li.config a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -569px
}
#content .noExtConf {
  padding: 20px;
  display: block;
  clear: both;
  font-weight: bold;
  font-size: 16px
}
table.extInfo {
  line-height: 20px;
  width: 650px;
  border: 0;
  margin: 10px 0 12px 10px
}
table.extInfo th.label {
  width: 150px
}
table.extInfo th.value {
  width: 538px
}
.createmode-role {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 11px -208px
}
#quickcreate.dialog.role div#quickcreate_top.dialog_title {
  padding: 0 0 0 22px;
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -209px
}
#todoyuheadletquickcreate li.itemSysmanagerRole a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 5px -538px
}
.rolesListing th, .rolesListing td {
  vertical-align: middle
}
.rolesListing th.icon {
  width: 15px
}
.rolesListing th.title {
  width: 150px
}
.rolesListing th.description {
  width: 285px
}
.rolesListing th.persons {
  width: 100px
}
.rolesListing th.actions {
  width: 50px
}
.rolesListing td.icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 3px -204px
}
.rolesListing td.actions span.icon {
  margin-right: 5px
}
.rolesListing td.actions span {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat;
  cursor: pointer
}
.rolesListing td.actions span.edit {
  background-position: 0 -239px
}
.rolesListing td.actions span.delete {
  background-position: 0 -269px
}
span.extIconLoginpage {
  background: url(../../ext/loginpage/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconLoginpage .title {
  background: url(../../ext/loginpage/asset/img/exticon.png) no-repeat 0 5px
}
body.todoyu-loginpage #content h1.headerLine {
  margin: 0
}
body.todoyu-loginpage #right {
  border-radius: 10px;
  top: 20px
}
body.todoyu-loginpage #right .inner {
  background-color: #edf1e0
}
span#password-forget {
  line-height: 23px;
  padding-right: 10px;
  position: absolute;
  right: 300px;
  bottom: 18px
}
#formElement-login-field-forgotpassword-inputbox {
  width: 420px;
  text-align: right
}
#forgotpassword-fieldset-buttons div.fElement {
  float: left !important
}
#todoyu-loginpage .formLogin {
  padding: 0;
  background: none
}
#todoyu-loginpage .formLogin a:hover {
  color: #444444
}
#todoyu-loginpage .formLogin fieldset {
  border: none;
  padding: 0
}
#todoyu-loginpage .formLogin fieldset legend {
  display: none
}
#todoyu-loginpage .formLogin fieldset.buttons {
  text-align: left
}
#todoyu-loginpage .formLogin fieldset.buttons .fElement .fField {
  float: none
}
#todoyu-loginpage .formLogin fieldset.message {
  margin: 0;
  border: none
}
#todoyu-loginpage .formLogin .fElement {
  padding: 10px
}
#todoyu-loginpage .formLogin .fElement input {
  width: 220px;
  padding: 2px;
  font-size: 13px;
  line-height: 16px
}
#todoyu-loginpage .formLogin .fElement input.checkbox {
  top: 3px
}
#todoyu-loginpage .formLogin .fElement .fLabel {
  width: 180px;
  padding: 5px
}
#todoyu-loginpage .formLogin .fElement.typeCheckbox input {
  width: auto
}
#todoyu-loginpage .formLogin .fElement.fieldnameStatus .fField {
  margin: 0 0 0 195px
}
#todoyu-loginpage .formLogin .fElement.fieldnameStatus .fField.notification {
  margin-left: 0
}
#todoyu-loginpage .formLogin .fElement.fieldnameSubmit .fField {
  margin: 0
}
#todoyu-loginpage .formLogin .notification {
  width: auto;
  margin: 0;
  padding: 5px 0;
  float: none;
  text-align: center;
  line-height: 21px;
  border: 1px solid white !important;
  background-color: lightyellow !important
}
#todoyu-loginpage .formLogin .notification img {
  position: relative;
  top: 4px;
  margin-right: 5px
}
#todoyu-loginpage .formLogin .notification .icon {
  display: inline-block !important;
  height: 18px;
  margin-bottom: -5px;
  margin-right: 3px;
  background-image: url(../../core/asset/img/icons.png);
  background-repeat: no-repeat;
  float: none
}
#todoyu-loginpage .formLogin .notification.success {
  background-color: #c8ddbe !important;
  border-color: green
}
#todoyu-loginpage .formLogin .notification.success .icon {
  background-position: 0 -1918px
}
#todoyu-loginpage .formLogin .notification.failure {
  background-color: #f6e0e0 !important;
  border-color: #a84747
}
#todoyu-loginpage .formLogin .notification.failure .icon {
  background-position: 0 -1464px
}
#todoyu-loginpage p.slogan {
  bottom: 0;
  color: white;
  font-size: 13px;
  font-weight: bold;
  height: 34px;
  padding: 12px 10px;
  position: absolute;
  right: 0;
  text-align: right;
  text-transform: uppercase
}
#todoyu-loginpage .panelWidget .content {
  margin-top: 0;
  position: relative
}
#todoyu-loginpage .formLogin .fElement.fieldnameStatus, #todoyu-loginpage .formLogin .fElement.fieldnameSubmit {
  margin: 0;
  float: none;
  border-top: none
}
#todoyu-loginpage .formLogin .fElement.fieldnameStatus .fLabel, #todoyu-loginpage .formLogin .fElement.fieldnameSubmit .fLabel {
  display: none
}
#todoyu-loginpage .formLogin div.odd, #todoyu-loginpage .formLogin div.even {
  background-color: #edf1e0
}
#todoyu-loginpage .formLogin fieldset.buttons, #todoyu-loginpage .formLogin fieldset.buttons div.odd, #todoyu-loginpage .formLogin fieldset.buttons div.even {
  background-color: #d0d6be !important
}
button.buttonLogin {
  margin-left: 195px
}
button.buttonLogin span.icon {
  background: url(../../ext/loginpage/asset/img/icons.png) no-repeat 4px -57px;
  width: 24px
}
button.sendNewPasswordButton span.icon {
  background: url(../../ext/loginpage/asset/img/icons.png) no-repeat 4px -86px;
  width: 24px
}
#todoyu-loginpage #formElement-login-field-status-inputbox, #todoyu-loginpage #formElement-forgotpassword-field-status-inputbox {
  border: 1px solid #edf1e0;
  padding-right: 40px
}
#todoyu-loginpage .formLogin a, #todoyu-loginpage .formLogin a:hover {
  text-decoration: underline
}
#todoyu-info {
  border: 1px solid #d0d6be;
  background-color: #edf1e0;
  clear: both;
  padding: 15px
}
div.passwordResetConfirmationText {
  padding: 5px
}
div.passwordResetConfirmationText.failure {
  background-color: #f6e0e0 !important;
  border-color: #a84747
}
div.passwordResetConfirmationText.successful {
  background-color: #c8ddbe !important;
  border-color: green
}
#reLoginPopup {
  text-align: left
}
#reLoginPopup form.formLogin .notification {
  width: 480px !important
}
#loginform-cookiecheck, #loginform-javascriptcheck, #reLoginPopup #relogin-popup-message {
  border: 1px white solid;
  background: #f1f3be url(../../ext/loginpage/asset/img/alert.png) no-repeat 16px 16px;
  height: 50px;
  padding: 18px 0 5px 70px
}
#reLoginPopup form.formLogin fieldset.buttons, #reLoginPopup form.formLogin fieldset.buttons div.odd, #reLoginPopup form.formLogin fieldset.buttons div.even {
  background-color: #eeeeee !important
}
#reLoginPopup form.formLogin div.odd, #reLoginPopup form.formLogin div.even {
  background-color: #f8f8f8
}
#loginform-cookiecheck, #loginform-javascriptcheck {
  background-color: #f1f3be;
  border: 1px white solid
}
#loginform-cookiecheck .fField, #formElement-login-field-javascript .fField {
  float: none;
  width: 75%
}
div#relogin-popup-form fieldset.loginForm {
  background-color: white
}
div#relogin-popup-form fieldset.loginForm input {
  font-size: 12px
}
span.extIconPortal {
  background: url(../../ext/portal/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconPortal .title {
  background: url(../../ext/portal/asset/img/exticon.png) no-repeat 0 5px
}
#navi-main-list-portal li a {
  background-image: url(../../ext/portal/asset/img/icons.png) !important;
  background-repeat: no-repeat
}
#navi-main-list-portal li.itemSelection a {
  background-position: 6px 5px
}
#navi-main-list-portal li.itemTodo a {
  background-position: 6px -55px
}
#portal-tab-selection span.icon {
  background: url(../../ext/portal/asset/img/icons.png) no-repeat 0 3px
}
#portal-tab-todo span.icon {
  background: url(../../ext/portal/asset/img/icons.png) no-repeat 0 -55px
}
#quickinfo dt.titleIcon, span.eventTitleIcon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 4px 4px
}
#quickinfo dt.dateIcon, span.dateIcon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 4px -568px
}
#quickinfo dt.placeIcon, span.placeIcon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 4px -538px
}
#quickinfo dt.workIcon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 4px -1172px
}
#quickinfo dt.personsIcon, span.personsIcon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 4px 2px
}
span.reminderIcon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 4px -958px
}
#calendar-title {
  margin-left: 8px;
  -moz-user-select: none
}
span.extIconCalendar {
  background: url(../../ext/calendar/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconCalendar .title {
  background: url(../../ext/calendar/asset/img/exticon.png) no-repeat 0 5px
}
#navi-main-list-planning li.itemCalendarDay a, #navi-main-list-planning li.itemCalendarWeek a, #navi-main-list-planning li.itemCalendarMonth a {
  background-image: url(../../ext/calendar/asset/img/icons.png) !important;
  background-repeat: no-repeat
}
#navi-main-list-planning li.itemCalendarDay a {
  background-position: 6px -205px
}
#navi-main-list-planning li.itemCalendarWeek a {
  background-position: 6px -235px
}
#navi-main-list-planning li.itemCalendarMonth a {
  background-position: 6px -265px
}
#navi-main-list-portal li.itemAppointment a {
  background-image: url(../../ext/calendar/asset/img/icons.png) !important;
  background-repeat: no-repeat;
  background-position: 6px 5px
}
#quickcreate.dialog.event div#quickcreate_top.dialog_title {
  padding: 0 0 0 22px;
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 0 0
}
#todoyuheadletquickcreate li.itemCalendarEvent a {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 5px -296px
}
#todoyusearchheadletquicksearch-modes li.searchmodeEvent a {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 3px 3px !important
}
#todoyusearchheadletquicksearch form.searchmodeEvent a.mode {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 2px -1226px !important
}
#portal-tab-appointment span.icon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 0 5px
}
span.holiday {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-bottom: -2px;
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat -1px -390px;
  cursor: pointer
}
.dayMode span.holiday {
  background-color: #d0d6be;
  height: 16px;
  margin: 0 0 2px 1px;
  padding-left: 16px;
  padding-top: 1px;
  width: 598px
}
form.createevent label, form.createeventMidcol label {
  display: block;
  float: left;
  width: 150px
}
form .warningMessage ul.holidayList {
  margin: 5px 0 0 32px
}
.enumColBGFademultiOrNone, .enumColBGmultiOrNone, .enumColBgFgmultiOrNone {
  color: #010101 !important;
  background-color: #e3eace !important;
  border-color: #d0d6be !important
}
.enumColBGmultiOrNone {
  background-color: #d0d6be !important
}
.dateNavi {
  background: white;
  background: -moz-linear-gradient(top, white 0%, #e0e0e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e0e0e0));
  background: -webkit-linear-gradient(top, white 0%, #e0e0e0 100%);
  background: -o-linear-gradient(top, white 0%, #e0e0e0 100%);
  background: -ms-linear-gradient(top, white 0%, #e0e0e0 100%);
  background: linear-gradient(to bottom, white 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0);
  border-radius: 13px;
  border: 1px solid #bbbbbb;
  height: 15px;
  padding: 2px 5px;
  position: absolute;
  right: 10px;
  top: 2px
}
.dateNavi .icon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 0 0;
  cursor: pointer;
  height: 15px;
  margin: 0;
  min-width: 28px;
  width: 28px
}
.dateNavi .goToday {
  border: 1px solid #bbbbbb;
  border-width: 0 1px;
  background-position: 7px -150px
}
.dateNavi .goBackward {
  background-position: 4px -120px
}
.dateNavi .goForward {
  background-position: 7px -180px
}
.dateNavi .toggleDayView {
  border-left: 1px solid #bbbbbb;
  background-position: 8px -60px
}
.dateNavi .toggleWeekend {
  border-left: 1px solid #bbbbbb;
  background-position: 8px -91px
}
.dialog .notification fieldset {
  padding: 8px 15px 15px
}
.dialog .notification .fLabel {
  width: 110px
}
.dialog .notification .fField {
  width: 280px
}
.dialog .notification.reminder .eventDetails {
  margin: 16px 0 0 0
}
.dialog .notification.reminder .eventDetailView td {
  padding: 4px
}
button.rescheduleReminderButton span.icon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 2px -1200px;
  padding-left: 6px
}
.mainGrid {
  border-bottom: 1px solid #dddddd;
  background: #d0d6be
}
#gridContainer {
  background: #f2f3ed;
  position: relative;
  overflow: hidden
}
#calendarBody {
  overflow: hidden
}
#calendarBody.month {
  height: auto
}
#calendarBody.full {
  overflow: visible
}
#tgnowptr {
  background: #f6f8f0 url(../../ext/calendar/asset/img/background-hours.png) repeat-y
}
#calendar .colHours {
  background: #f6f8f0 url(../../ext/calendar/asset/img/background-hours.png) repeat-y
}
#calendar .colHours .hour {
  padding-left: 2px;
  color: #444444;
  height: 41px;
  margin-top: 1px;
  -moz-user-select: none;
  user-select: none;
  cursor: default
}
#calendar .colHours .hour:hover {
  background-color: lightyellow
}
#calendar .colHours .hour.currentHour {
  font-weight: bold
}
#calendar .dayMode .colHours .hour {
  cursor: pointer
}
#currentTimePastArea {
  position: absolute;
  top: 0px;
  z-index: 10;
  width: 100%;
  pointer-events: none;
  background-color: #cccccc;
  opacity: 0.4;
  overflow: hidden
}
#currentTimeMarker {
  position: absolute;
  z-index: 20;
  height: 2px;
  width: 100%;
  pointer-events: none;
  background-color: red
}
.timeSpacer {
  width: 4.5%
}
.dayEvents {
  background-color: white;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #d0d6be
}
.dayEvents table {
  table-layout: fixed;
  width: 100%
}
#calendar-tabs span.icon {
  background-image: url(../../ext/calendar/asset/img/icons.png)
}
#calendar-tab-day span.icon {
  background-position: 2px -204px
}
#calendar-tab-week span.icon {
  background-position: 2px -234px
}
#calendar-tab-month span.icon {
  background-position: 2px -264px
}
#calendar-tab-edit, #calendar-tab-view {
  float: right !important
}
#calendar-tab-edit span.icon {
  background-position: 2px -24px
}
#calendar-tab-view span.icon {
  background-position: 2px 6px
}
#calendar {
  background-color: white
}
#calendar-body {
  background-color: white;
  padding-bottom: 10px;
  width: 100%
}
li.editeventtab p.label span.icon {
  background: transparent url(../../ext/calendar/asset/img/icons.png) no-repeat scroll -1px -30px;
  margin-right: 2px
}
#createevent .label {
  float: left;
  font-weight: bold;
  width: 125px
}
#createevent .saveButton {
  background-color: green;
  color: white
}
#createevent #repeatsChoices {
  background-color: #f6f8f0;
  margin-left: 130px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 4px
}
#createevent #repeatsChoices_when {
  margin-top: 10px;
  font-weight: bold
}
#createevent #repeatsChoices_area {
  margin-top: 10px;
  font-weight: bold
}
div.dayMode div#calendarBody div.event dt.head {
  height: 15px;
  padding: 3px 0;
  margin-bottom: 1px
}
.day-wk-dayname {
  font-weight: normal;
  color: #010101;
  padding: 2px 4px;
  margin-left: 4px;
  white-space: nowrap;
  text-align: center
}
.day-todaywk-dayname {
  background-color: #88aacc;
  border-color: #4f8ab4 #aaccee #aaccee #4f8ab4;
  border-style: solid;
  border-width: 1px;
  color: white;
  font-weight: bold;
  margin-left: 0;
  padding: 1px 3px;
  text-align: center;
  white-space: nowrap
}
.dayviewToday {
  background-color: lightyellow
}
.dayEvents .event {
  padding-top: 1px
}
#calendar .dayEvents .event span {
  display: inline-block
}
.wid4 {
  width: 4px
}
.wid40 {
  width: 40px
}
.gridHeader {
  position: relative;
  z-index: 110
}
.gridHeader .wk-weektop {
  background-color: #d0d6be;
  font-size: 11px;
  line-height: 14px;
  overflow: hidden;
  width: 100%
}
.weekMode .dayCol {
  width: 86px
}
.weekMode .dayCol.dayName {
  font-weight: normal;
  white-space: nowrap;
  padding: 2px 4px;
  width: 78px;
  cursor: pointer;
  text-align: center
}
.weekMode .dayCol.dayName.today {
  background-color: lightyellow;
  border-color: #999999 #eeeeee #eeeeee #999999;
  border-style: solid;
  border-width: 1px;
  font-weight: bold;
  padding: 1px 3px
}
.weekMode .dayCol.dayName.odd {
  background-color: #edf1e0
}
.weekMode .dayevent {
  margin-left: 2px;
  margin-top: 1px;
  overflow: hidden;
  padding: 1px 2px 2px;
  white-space: nowrap
}
.weekMode.fiveDays .dayCol {
  width: 123px
}
.weekMode.fiveDays .dayCol.dayName {
  width: 112px
}
.wk-webcontent-td {
  font-size: 0;
  padding-left: 2px;
  height: 5px
}
.standardGrid {
  position: relative;
  table-layout: fixed;
  width: 100%
}
.st-c {
  padding: 1px 1px 0 2px;
  vertical-align: top
}
.st-s {
  padding-bottom: 2px;
  cursor: default
}
.wk-scrolltimedevents {
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #999999;
  font-size: 11px;
  line-height: normal;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0;
  position: relative
}
.tg-timedevents {
  background-color: white;
  table-layout: fixed;
  width: 100%;
  margin-top: -1px;
  height: 1008px
}
.tg-hourmarkerwrapper {
  position: relative;
  height: 1px;
  top: 1px
}
.tg-hourmarkers {
  position: absolute;
  width: 100%
}
.tg-dualmarker {
  border-top: 1px solid #dddddd;
  height: 20px;
  line-height: 20px;
  border-bottom: 1px dotted #dddddd;
  margin-bottom: 20px
}
.dayCol {
  border-left: 3px double #dddddd;
  overflow: hidden
}
.today7, .today5 {
  border: 1px double #dddddd;
  border-width: 0 3px 0 1px;
  overflow: hidden;
  vertical-align: top;
  position: relative;
  background: url(../../ext/calendar/asset/img/background-week-today.png) repeat left 1px
}
.tg-colwrapper {
  margin-right: 12px;
  position: relative;
  opacity: 1;
  width: 100%;
  height: 1008px;
  margin-bottom: -1008px;
  cursor: pointer
}
td.weekModeHourHotspotCell {
  width: 83px;
  height: 17px
}
td.noEventCell {
  background: url(../../ext/calendar/asset/img/background-noevent.png) repeat-x
}
.monthMode .event.typeBirthday .head {
  background-color: #d0d6be
}
.monthMode .event.dayevent {
  overflow: hidden;
  white-space: nowrap
}
#calendar-body .monthMode .event {
  position: relative;
  margin-bottom: 1px
}
.mv-daynames-table {
  position: relative;
  table-layout: fixed;
  border-collapse: separate;
  top: 0;
  left: 0;
  width: 100%;
  background: #d0d6be
}
.mv-dayname {
  padding: 0 2px 0 6px;
  font-weight: normal;
  line-height: 16px;
  color: black;
  text-transform: uppercase;
  text-align: center
}
.mv-daynames-table th, .standardGrid td {
  border: solid #d0d6be
}
.mv-event-container {
  position: relative;
  top: 0;
  left: 0
}
.month-row {
  position: relative;
  left: 0;
  width: 100%;
  min-height: 120px;
  overflow: hidden
}
.standardGrid {
  border-collapse: separate;
  border-spacing: 1px
}
.standardGrid td {
  border-color: #d0d6be;
  border-style: solid;
  border-width: 1px 1px 0 0
}
.standardGrid td.first {
  border-left-width: 1px
}
.standardGrid .last td {
  border-bottom-width: 1px
}
.standardGrid td.title {
  background-color: #f6f8f0;
  color: #444444;
  cursor: pointer;
  height: 20px;
  line-height: 16px;
  padding: 2px;
  text-align: right
}
.standardGrid td.title:hover {
  background-color: #d0d6be
}
.standardGrid td.title.inSelMonthTitle {
  background-color: #e3eace
}
.standardGrid td.title.inSelMonthTitle:hover {
  background-color: #d0d6be
}
.standardGrid td.ttoday {
  background-color: #f6f6c8 !important;
  font-weight: bold;
  color: #316ac5
}
.standardGrid td.content {
  height: 100px;
  background-color: white;
  border: 1px solid white
}
.standardGrid td.content:hover {
  border: 1px solid #bbbbbb;
  cursor: pointer
}
td.inSelMonth:hover {
  border: 1px solid #0065a6 !important;
  cursor: pointer
}
.standardGrid td.ctoday {
  height: 100px;
  background-color: #ffffbb
}
.st-dtitle {
  overflow: hidden
}
#mvEventContainer table td.content.dndHover {
  background-color: #ffffbb
}
.event.month {
  padding: 1px;
  margin-bottom: 1px;
  overflow: hidden;
  white-space: nowrap;
  height: 18px
}
.st-bgtoday {
  background-color: lightyellow;
  border-right: 1px solid #d0d6be;
  border-left: 1px solid #d0d6be
}
div.quickinfoHoliday_content span.holiday {
  text-transform: uppercase
}
#mvEventContainer {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd
}
th.mv-dayname.odd {
  background-color: #edf1e0 !important;
  border-color: #edf1e0
}
span.extIconTimetracking {
  background: url(../../ext/timetracking/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconTimetracking .title {
  background: url(../../ext/timetracking/asset/img/exticon.png) no-repeat 0 5px
}
button.startTracking .icon {
  background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 3px -28px;
  width: 26px
}
button.stopTracking .icon {
  background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 3px 2px;
  width: 26px
}
#contextmenu .task-timetrackstart {
  background-image: url(../../ext/timetracking/asset/img/icons.png) !important;
  background-position: 4px -28px
}
#contextmenu .task-timetrackstop {
  background-image: url(../../ext/timetracking/asset/img/icons.png) !important;
  background-position: 4px 2px
}
.task .overtimed {
  color: #a84747 !important
}
.task .taskIcons .overtimed {
  background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 0 -297px;
  width: 14px !important
}
.task.running > h3 {
  background-color: #f1f3be
}
.task.running.expanded > h3 {
  background-color: #f1f3be
}
.task.running.expanded > h3 .headLabel span {
  font-weight: bold
}
.task.runningother > h3 {
  background-color: #f0f0ff
}
.task.runningother.expanded > h3 {
  background-color: #f0f0ff
}
span.notracksyet {
  padding-left: 5px
}
.taskTabs .trackingControl .button {
  float: left;
  margin-right: 5px
}
.taskTabs .trackingControl .trackingInfo {
  margin: 5px 0 0 5px;
  float: left
}
.taskTabs .trackingControl .trackingInfo span {
  display: inline-block
}
.taskTabs .trackingControl .trackingInfo span .label {
  margin-right: 3px
}
.taskTabs .trackingControl .trackingInfo .time {
  font-weight: bold
}
.taskTabs .trackingControl .trackingInfo .totalChargeableTime {
  margin-left: 20px
}
.task .taskHeadExtras .billingtime {
  width: 30px;
  padding: 0 3px
}
.task .taskTabs .tabs .timetracking .icon {
  background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 0 -205px
}
.task.running > .details .taskTabs .tabs .timetracking .icon {
  background-position: 0 5px
}
#timetrackingPanel {
  background-color: #f8f8f8;
  padding: 2px 12px 4px 12px;
  position: absolute;
  right: 2px;
  border: 1px solid #88aacc;
  border-width: 0 2px 1px 2px
}
#timetrackingPanel ul li {
  float: left;
  margin-left: 10px;
  padding-left: 10px
}
#timetrackingPanel ul li.first {
  margin: 0;
  padding: 0
}
.task .timetracks {
  padding-top: 5px;
  background: white
}
.task .timetracks .tracksList {
  margin: 0;
  padding: 0;
  border-top: 1px solid #dddddd
}
.task .timetracks .tracksList .track {
  padding: 2px
}
.task .timetracks .tracksList .track span.link {
  cursor: pointer
}
.task .timetracks .tracksList .track span {
  display: inline-block
}
.task .timetracks .tracksList .track span.icon {
  margin-right: 5px
}
.task .timetracks .tracksList .track.edit:hover > .link > span.icon {
  background: url(../../core/asset/img/icons.png) no-repeat 3px -776px
}
.task .timetracks .tracksList .track span.date {
  width: 45px;
  margin-right: 8px
}
.task .timetracks .tracksList .track span.trackedTime {
  width: 45px;
  margin-right: 4px
}
.task .timetracks .tracksList .track span.trackedTime.hasChargeableTime {
  color: #999999
}
.task .timetracks .tracksList .track span.chargeableTime {
  width: 45px;
  margin-right: 10px
}
.task .timetracks .tracksList .track span.name {
  width: 130px;
  margin-right: 10px;
  margin-left: 10px
}
.task .timetracks .tracksList .track span.comment {
  width: 280px
}
.task .tabContent .formTimetrack {
  background: white;
  padding: 5px 5px 10px 5px
}
.task .tabContent .formTimetrack legend {
  display: none
}
.task .tabContent .formTimetrack .main {
  padding: 10px 0
}
span.extIconDaytracks {
  background: url(../../ext/daytracks/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconDaytracks .title {
  background: url(../../ext/daytracks/asset/img/exticon.png) no-repeat 0 5px
}
#time-export .itemlist li {
  background: url(../../core/asset/img/icons.png) no-repeat scroll 10px -357px transparent;
  border-bottom: 1px dashed #cccccc;
  cursor: pointer;
  padding: 3px 3px 3px 30px;
  text-align: left
}
#export-field-view span.icon {
  background: url(../../core/asset/img/icons.png) no-repeat 2px -1858px
}
table.daytracks-export-view {
  border-width: 0 0 1px 1px;
  border-spacing: 0;
  border-collapse: collapse;
  border-style: solid;
  border-color: #dddddd
}
table.daytracks-export-view tr.odd {
  background-color: #eeeeee
}
table.daytracks-export-view td {
  margin: 0;
  padding: 4px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #dddddd !important
}
span.extIconSearch {
  background: url(../../ext/search/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconSearch .title {
  background: url(../../ext/search/asset/img/exticon.png) no-repeat 0 5px
}
.areaBox {
  background-color: #eeeeee;
  border-radius: 5px;
  margin: 3px 0;
  padding: 3px
}
#filter-controls optgroup {
  font-weight: bold
}
#filter-controls optgroup option {
  padding-left: 10px
}
#filter-controls span select {
  background-color: white
}
#filter-controls span.sorting {
  float: right;
  margin: 0 12px 0 0
}
#filter-controls span.sorting select {
  max-width: 250px;
  min-width: 200px;
  margin-right: 12px
}
#filter-controls .conditions option {
  border-bottom: 1px solid #dddddd;
  color: #222222
}
#filter-controls .conditions option.default {
  padding: 0
}
#filter-controls .headerLine span {
  margin: 2px 0 0 5px
}
#sorting-flags .sort {
  background: white;
  background: -moz-linear-gradient(top, white 0%, #e0e0e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e0e0e0));
  background: -webkit-linear-gradient(top, white 0%, #e0e0e0 100%);
  background: -o-linear-gradient(top, white 0%, #e0e0e0 100%);
  background: -ms-linear-gradient(top, white 0%, #e0e0e0 100%);
  background: linear-gradient(to bottom, white 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0);
  border: 1px solid #bbbbbb;
  border-radius: 5px;
  float: left;
  padding: 2px 3px;
  margin: 2px 2px
}
#sorting-flags .sort span {
  float: left
}
#sorting-flags .sort span.action {
  cursor: pointer;
  height: 14px;
  margin-left: 4px;
  width: 12px
}
#sorting-flags .sort .dir {
  background: url(../../ext/search/asset/img/icons.png) no-repeat 2px -355px
}
#sorting-flags .sort .dir.desc {
  background-position: 2px -385px
}
#sorting-flags .sort .label {
  margin-right: 2px;
  padding-left: 2px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer
}
#sorting-flags .sort .remove {
  background: url(../../core/asset/img/icons.png) no-repeat 1px -1757px
}
#action-panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
  padding-bottom: 5px;
  padding-top: 5px
}
#search-results .results {
  font-weight: bold
}
span.extIconBookmark {
  background: url(../../ext/bookmark/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconBookmark .title {
  background: url(../../ext/bookmark/asset/img/exticon.png) no-repeat 0 5px
}
#contextmenu .taskContextMenu.task-bookmark {
  background-image: url(../../ext/bookmark/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: 3px 2px
}
#contextmenu .taskContextMenu.renamebookmark {
  background-image: url(../../ext/bookmark/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: 3px -58px
}
#quickinfo dt.nameIcon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 4px 2px
}
#quickinfo dt.emailIcon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 5px -296px
}
#quickinfo dt.phoneIcon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 4px -268px
}
#quickinfo dt.birthdayIcon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 5px -328px
}
span.extIconContact {
  background: url(../../ext/contact/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconContact .title {
  background: url(../../ext/contact/asset/img/exticon.png) no-repeat 0 5px
}
.quickInfoPerson {
  cursor: help
}
#navi-main-list-contact li.item a {
  background-image: url(../../ext/contact/asset/img/icons.png) !important;
  background-repeat: no-repeat
}
#navi-main-list-contact li.itemContactPerson a {
  background-position: 6px 6px
}
#navi-main-list-contact li.itemContactCompany a {
  background-position: 6px -146px
}
span.wizardIcon.createWizardPerson {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 -90px
}
span.wizardIcon.createWizardCompany {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 -240px
}
#todoyuheadletquickcreate li.itemContactCompany a {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 5px -238px
}
#todoyuheadletquickcreate li.itemContactPerson a {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 5px -88px
}
#quickcreate.dialog.person div#quickcreate_top.dialog_title {
  padding: 0 0 0 22px;
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 -91px
}
#quickcreate.dialog.company div#quickcreate_top.dialog_title {
  padding: 0 0 0 22px;
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 -241px
}
#todoyusearchheadletquicksearch li.searchmodeCompany a {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 3px -148px !important
}
#todoyusearchheadletquicksearch form searchmodePerson a.mode {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 3px -504px !important
}
#todoyusearchheadletquicksearch form searchmodeCompany a.mode {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 3px -534px !important
}
#todoyusearchheadletquicksearch-modes li.searchmodePerson a {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 3px 3px !important
}
#search-results td {
  cursor: default
}
#search-tab-company span.icon {
  background: url(../../ext/contact/asset/img/icons.png) transparent 0 -146px
}
#navi-main-list-search li.itemSearchCompany a {
  background: transparent url(../../ext/contact/asset/img/icons.png) 4px -146px no-repeat !important
}
#search-tab-person span.icon {
  background: url(../../ext/contact/asset/img/icons.png) transparent 0 4px
}
#navi-main-list-search li.itemSearchPerson a {
  background: transparent url(../../ext/contact/asset/img/icons.png) 4px 4px no-repeat !important
}
#navi-main-list-search li.itemSearchPerson a:hover, #navi-main-list-search li.itemSearchCompany a:hover {
  background-color: #f6f8f0 !important
}
#paging-person table tbody tr, #paging-company table tbody tr {
  cursor: pointer
}
#contact-details .actions button {
  margin: 0 5px
}
#contact-details .actions .icon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat;
  cursor: pointer;
  margin-right: 5px
}
#contact-details .actions .backToList .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 3px -1890px
}
#contact-details .actions .buttonPersonDelete .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 6px -328px;
  width: 22px
}
#contact-details .actions .buttonCompanyEdit .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 6px -747px;
  width: 22px
}
#contact-details .actions .buttonPersonEdit .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 6px -747px;
  width: 22px
}
#contact-details .actions .buttonCompanyDelete .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 6px -328px;
  width: 22px
}
#contact-tabs .tabkey-person .icon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 6px
}
#contact-tabs .tabkey-company .icon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 -146px
}
div#search-results p#person-listing-message-emptylist, div#search-results p#company-listing-message-emptylist {
  display: none
}
.visitingCardContent {
  padding: 12px 12px 18px 12px !important
}
.visitingCardContent table tr td {
  padding: 2px 2px 2px 8px !important;
  text-align: left
}
.visitingCardContent table tr td.label {
  letter-spacing: 0px;
  padding-right: 18px
}
#search-tab-contact span.icon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 6px
}
.personListing col.icon, .companyListing col.icon {
  width: 30px
}
.personListing span.icon, .companyListing span.icon {
  background-image: url(../../ext/contact/asset/img/icons.png);
  background-position: 2px 2px;
  background-repeat: no-repeat
}
.personListing td.actions span.actions, .companyListing td.actions span.actions {
  float: right
}
.personListing td.actions span.edit, .companyListing td.actions span.edit {
  background: url(../../core/asset/img/icons.png) no-repeat 5px -749px
}
.personListing td.actions span .delete, .companyListing td.actions span .delete {
  background: url(../../core/asset/img/icons.png) no-repeat 5px -330px
}
.personListing td.actions span.icon, .companyListing td.actions span.icon {
  cursor: pointer;
  display: inline-block;
  width: 25px
}
.personListing td.actions span.info, .companyListing td.actions span.info {
  background-position: 5px -356px
}
.personListing td.login span.icon, .companyListing td.login span.icon {
  background-position: 2px -568px
}
.companyListing span.icon {
  background-position: 2px -149px
}
.companyListing span.icon.notactive {
  background-position: 2px -599px
}
.companyListing col.title {
  width: 41%
}
.companyListing col.email {
  width: 15%
}
.companyListing col.email span {
  cursor: help
}
.companyListing col.phone {
  width: 15%
}
.companyListing col.phone span {
  cursor: help
}
.companyListing col.address {
  width: 15%
}
.companyListing col.address span {
  cursor: help
}
.companyListing td.address span {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 20px -630px;
  width: 100%;
  height: 15px;
  display: block
}
.personListing col.firstname {
  width: 12%
}
.personListing col.lastname {
  width: 12%
}
.personListing col.company {
  width: 23%
}
.personListing col.phone {
  width: 15%
}
.personListing col.phone span {
  cursor: help
}
.personListing col.email {
  width: 20%
}
.personListing col.email span {
  cursor: help
}
#contact-details div .actions {
  float: right;
  padding-top: 5px
}
#contact-details div .clear {
  clear: both;
  width: 100%
}
#contact-details div.image img {
  border: 1px solid #dddddd;
  margin-top: 3px
}
#contact-details h1 {
  white-space: normal
}
#contact-details h3 {
  margin-bottom: 5px
}
#contact-details .content a {
  text-decoration: underline !important
}
#contact-details .left {
  float: left;
  margin-right: 13px;
  padding: 0 0 6px 0
}
#contact-details .projectPart li {
  padding: 4px 0
}
#contact-details .projectPart table.list td {
  border-top: 1px solid #eeeeee;
  padding: 5px
}
#contact-details .projectPart table.list td:first-child {
  width: 1px
}
#contact-details .projectPart table.list td:last-child {
  border-left: 1px solid #cccccc
}
button.uploadContactImage .icon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 6px -448px;
  width: 25px
}
button.removeContactImage .icon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 6px -478px;
  width: 25px
}
#panelwidget-profilemodules li.contact {
  background: url(../../ext/contact/asset/img/exticon.png) no-repeat 5px 3px
}
#contact-tabs .tabkey-contact .icon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 0 6px
}
.fElement.typeRecords .typeContactperson .recordIcon, .fElement.typeRecords .typeStaff .recordIcon, .fElement.typeRecords .typeContactinfo .recordIcon, .fElement.typeRecords .typePerson .recordIcon, .fElement.typeRecords .typeEmailPerson .recordIcon {
  background: url(../../ext/contact/asset/img/icons.png) no-repeat 2px 2px
}
.fElement.fieldnameStreet .warningMessage, .fElement.fieldnameContactinfo .warningMessage {
  width: 92%
}
div.warningMessage ul.duplicatedList {
  margin: 5px 0 0 32px
}
#contact-details.company .employeePart table.personListing tr.headerLine {
  border-radius: 0
}
#contact-details.company .employeePart table.personListing tr.headerLine th {
  background-image: none;
  background: #eeeeee;
  border: none
}
#contact-details.company .employeePart table.personListing tr.odd {
  background-color: transparent
}
#contact-details.company .employeePart table.personListing tr td {
  border-top: 1px solid #eeeeee
}
#contact-details.company .employeePart table.personListing tr th.jobtype, #contact-details.company .employeePart table.personListing tr td.jobtype {
  border-left: 1px solid #dddddd;
  padding: 5px
}
span.extIconComment {
  background: url(../../ext/comment/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconComment .title {
  background: url(../../ext/comment/asset/img/exticon.png) no-repeat 0 5px
}
.extlist tr.comment:before {
  content: normal
}
#navi-main-list-portal li.itemFeedback a {
  background-image: url(../../ext/comment/asset/img/icons.png) !important;
  background-repeat: no-repeat;
  background-position: 6px -356px
}
#contextmenu .taskContextMenu.task-add-comment {
  background-image: url(../../ext/comment/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: 3px 3px
}
#todoyusearchheadletquicksearch-modes li.searchmodeComment a {
  background: url(../../ext/comment/asset/img/icons.png) no-repeat 3px -115px !important
}
#todoyusearchheadletquicksearch form.searchmodeComment a.mode {
  background: url(../../ext/comment/asset/img/icons.png) no-repeat 3px -472px !important
}
#portal-tab-feedback span.icon {
  background: url(../../ext/comment/asset/img/icons.png) no-repeat 0 -356px
}
.taskTabs .tabs li.comment .icon {
  background: url(../../ext/comment/asset/img/icons.png) no-repeat 0 -112px
}
.tabContent .tab.comment {
  background: #f8f8f8;
  margin: 0;
  border: 0;
  padding: 0
}
.tabContent .tab.comment .commentButtons {
  padding: 5px;
  background: #f8f8f8
}
.tabContent .tab.comment .commentButtons .addComment .icon {
  background: url(../../ext/comment/asset/img/icons.png) no-repeat 3px 4px;
  width: 21px
}
.commentList {
  display: block;
  position: relative;
  padding: 5px 0;
  margin: 30px 0
}
.commentList .fElement.typeRTE .fField {
  width: 400px
}
.commentList:before {
  width: 3px;
  top: -20px;
  bottom: -20px;
  background: #cccccc;
  z-index: 2
}
.commentList .comment:before, .commentList .comment .text:before, .commentList:before {
  content: "";
  position: absolute;
  top: 0;
  left: 125px;
  z-index: 2
}
.commentList div:nth-last-child(1) {
  border-bottom: 0px
}
.commentList .comment {
  position: relative;
  padding: 0 4px
}
.commentList .comment:before {
  background: #cccccc;
  border-radius: 100px;
  border: 3px solid white;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1);
  height: 9px;
  margin: 32px 0 0 -6px;
  width: 9px;
  z-index: 2
}
.commentList .comment.withFeedback:before {
  visibility: hidden
}
.commentList .comment.isPublic .text {
  border: solid 1px #a84747 !important
}
.commentList .comment.isPublic .text:before {
  border-color: #a84747 !important
}
.commentList .comment .commentBackground {
  overflow: hidden;
  padding: 2em 0 1em;
  border-bottom: 1px solid #dddddd;
  zoom: 1
}
.commentList .comment .personApproval {
  display: block;
  height: 20px;
  width: 20px;
  background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -1258px;
  position: absolute;
  top: 30px;
  left: 118px;
  z-index: 2
}
.commentList .comment .personApproval.isseen {
  background-position: 0 -1400px !important
}
.commentList .comment .comment-meta {
  width: 160px;
  float: left
}
.commentList .comment .comment-meta p {
  line-height: 15px;
  padding: 0 0 0 0;
  width: 118px;
  max-width: 118px
}
.commentList .comment .comment-meta .comment-img {
  border-radius: 5px;
  overflow: hidden;
  width: 75px;
  height: 75px;
  margin: 0 0 10px 5px
}
.commentList .comment .comment-meta .comment-img img {
  display: block
}
.commentList .comment .comment-meta .quickInfoPerson {
  font-weight: bold
}
.commentList .comment .comment-body {
  overflow: hidden;
  width: 600px
}
.commentList .comment .comment-body .text {
  background: white;
  border-radius: 5px;
  border: 1px solid #eeeeee;
  padding: 10px 5px 5px 12px
}
.commentList .comment .comment-body .text ul {
  list-style: disc outside;
  padding-left: 14px
}
.commentList .comment .comment-body .text ol {
  padding-left: 17px
}
.commentList .comment .comment-body .text a {
  text-decoration: underline !important
}
.commentList .comment .comment-body .text a:hover {
  background-color: #eeeeee
}
.commentList .comment .comment-body .text p:last-child {
  margin: 0
}
.commentList .comment .comment-body .text:before {
  top: 35px !important;
  left: 160px !important;
  width: 9px;
  height: 9px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #eeeeee;
  background: white;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.commentList .comment .comment-body .updateInfo, .commentList .comment .comment-body .commentId {
  color: #999999;
  text-align: right
}
.commentList .comment .comment-body .updateInfo, .commentList .comment .comment-body .involvedPersons, .commentList .comment .comment-body .additionalContent, .commentList .comment .comment-body .action-bar, .commentList .comment .comment-body .assets {
  padding: 5px 0;
  border-bottom: 1px solid #eeeeee;
  clear: both
}
.commentList .comment .comment-body .action-bar .commentId {
  padding: 0 0 0 20px
}
.commentList .comment .comment-body .assets ul {
  list-style: disc inside
}
.commentList .comment .comment-body .assets h6 {
  margin: 0 0 0 0
}
.commentList .comment .comment-body .assets a {
  text-decoration: underline;
  cursor: pointer
}
.commentList .comment .comment-body .assets a:hover {
  background: #dddddd
}
.commentList .comment .comment-body .actions a {
  width: 22px
}
.commentList .comment .comment-body .actions a.makePublic {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -1079px;
  width: 22px !important;
  opacity: 0.3
}
.commentList .comment .comment-body .actions a.makePublic.isPublic {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -1079px;
  opacity: 1
}
.commentList .comment .comment-body .actions a.edit {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -746px
}
.commentList .comment .comment-body .actions a.remove {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -330px
}
.commentList .comment .comment-body .actions a.quote {
  background: url(../../ext/comment/asset/img/icons.png) no-repeat 0 -538px
}
.commentList .comment .comment-body .actions a.mailReply {
  background: url(../../ext/comment/asset/img/icons.png) no-repeat 0 -508px
}
.commentList .comment .comment-body .actions a:hover {
  background-color: transparent
}
.commentList .comment .involvedPersons .involvedPerson {
  margin-right: 10px;
  display: inline-block
}
.commentList .comment .involvedPersons .involvedPerson span {
  vertical-align: top
}
.commentList .comment .involvedPersons .involvedPerson .icon {
  display: inline-block;
  float: none;
  height: 14px;
  width: 12px;
  background-image: url(../../core/asset/img/icons.png);
  background-repeat: no-repeat
}
.commentList .comment .involvedPersons .involvedPerson .feedback.approved {
  background-position: 1px -1377px
}
.commentList .comment .involvedPersons .involvedPerson .feedback.unapproved {
  background-position: 1px -1288px
}
.commentList .comment .involvedPersons .involvedPerson .email {
  background-position: 1px -1344px
}
.task .formComment {
  padding: 0;
  background: none
}
.task .formComment fieldset {
  margin-top: 5px;
  border-color: #e3eace
}
.task .formComment fieldset.main {
  padding-bottom: 0;
  padding-top: 10px;
  margin-bottom: 0
}
.task .formComment fieldset.email {
  padding-top: 0;
  margin-top: 0
}
.task .formComment .fElement.typeRecords.recordsSelectAsset .recordIcon {
  background: url(../../ext/comment/asset/img/icons.png) no-repeat 0px -509px
}
span.extIconProfile {
  background: url(../../ext/profile/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconProfile .title {
  background: url(../../ext/profile/asset/img/exticon.png) no-repeat 0 5px
}
#profile-general-tabs .tabkey-main .icon {
  background: url(../../ext/profile/asset/img/icons.png) no-repeat 0 6px
}
#profile-general-tabs .tabkey-password .icon {
  background: url(../../ext/profile/asset/img/icons.png) no-repeat 0 -25px
}
p.profileConfigExplanation {
  border: 1px solid #eeeeee;
  margin: 6px 0;
  padding: 6px 12px 12px 12px
}
span.extIconAssets {
  background: url(../../ext/assets/asset/img/exticon.png) no-repeat 0 0
}
h1.extIconAssets .title {
  background: url(../../ext/assets/asset/img/exticon.png) no-repeat 0 5px
}
.assetsButtons {
  padding: 10px
}
.assetsButtons button.upload .icon, .assetsButtons button.downloadSelection .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 5px -237px;
  width: 22px
}
button.buttonDeleteAsset .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 3px -357px
}
button.buttonUploadAsset .icon {
  width: 24px;
  background: url(../../core/asset/img/icons.png) no-repeat 5px -1692px
}
.directUploadForm {
  left: -200px
}
.directUploadForm input[type=file] {
  cursor: pointer;
  font-size: 18px
}
form.directUploadBox, div.directUploadBox .fField {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 340px;
  z-index: 50
}
.directUploadBox input.upload {
  cursor: pointer;
  background: url(../../core/asset/img/icons.png) no-repeat 5px -1692px
}
.uploadProgress {
  display: inline-block;
  margin-left: 50px
}
.uploadProgress .cancelUpload {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -360px;
  cursor: pointer
}
.fElement.typeRecords.recordsAsset .recordIcon, .fElement.typeRecords.recordsTaskAsset .recordIcon, .fElement.typeRecords.recordsProjectAsset .recordIcon {
  background: url(../../ext/assets/asset/img/icons.png) no-repeat 3px -28px
}
.fElement .directUploadBox {
  margin-top: 10px;
  font-size: 14px
}
.project .projectDetailsTab.assetsProjectTab .icon {
  background: url(../../ext/project/asset/img/projectheader.png) no-repeat 0px -60px
}
.assetList .assets-table-header {
  background-color: #e3eace
}
.assetList .checkbox {
  width: 30px
}
.assetList .mimetype {
  width: 30px
}
.assetList .filename {
  width: 300px
}
.assetList .person {
  width: 120px
}
.assetList .filesize {
  width: 50px;
  text-align: right
}
.assetList .uploaddate {
  width: 90px
}
.assetList .parent a:hover {
  background-color: #dddddd
}
.assetList .actions {
  text-align: right
}
.assetList .actions a {
  width: 22px;
  height: 16px;
  display: block;
  float: right;
  clear: none
}
.assetList .actions a.asset-icon-download {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -840px
}
.assetList .actions a.asset-icon-delete {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -330px
}
.assetList .actions a.asset-icon-public {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -1081px
}
.assetList .actions a.asset-icon-public.not {
  opacity: 0.3
}
.assetList th {
  padding: 5px 0 5px 0;
  text-transform: uppercase
}
.assetList td {
  padding: 3px 6px 3px 0
}
.assetList tr.selected td {
  background-color: #e3eace
}
.inlineAssetUpload .fieldnameDelete, .inlineAssetUpload .inlineAssetUpload .fieldnameUpload {
  float: left;
  width: auto
}
.inlineAssetUpload .fieldnameDelete .fField, .inlineAssetUpload .inlineAssetUpload .fieldnameUpload .fField {
  width: auto
}
.inlineAssetUpload .fieldnameDelete .fLabel {
  width: 0
}
#contextmenu .taskContextMenu.task-add-asset {
  background-image: url(../../ext/assets/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: 6px -27px
}
.tabContent .assetList {
  padding-top: 5px
}
div.task div.taskTabs ul li.assets span.icon {
  background: url(../../ext/assets/asset/img/icons.png) no-repeat 0 -25px
}
th.assetsFilelistHeaderFilenames {
  width: 50%
}
.assetFilesList {
  margin-top: -4px !important
}
.task span.taskIcons .assets {
  background: url(../../ext/assets/asset/img/icons.png) no-repeat 0 -28px
}
.mimetype span.icon {
  background: url(../../ext/assets/asset/img/icons.png) no-repeat 0 -90px;
  background-repeat: no-repeat
}
.mimeINI span.icon, .mimeTXT span.icon, .mimeRTF span.icon {
  background-position: 0 -780px
}
.mimeEML span.icon {
  background-position: 0 -300px
}
.mimeXLS span.icon, .mimeXLSX span.icon, .mimeODS span.icon {
  background-position: 0 -330px
}
.mimeCSV span.icon {
  background-position: 0 -882px
}
.mimePDF span.icon {
  background-position: 0 -120px
}
.mimeDOC span.icon, .mimeDOCX span.icon, .mimeSXW span.icon, .mimeODT span.icon {
  background-position: 0 -390px
}
.mimeT3X span.icon {
  background-position: 0 -420px
}
.mimePHP span.icon {
  background-position: 0 -360px
}
.mimeBMP span.icon, .mimeGIF span.icon, .mimeJPG span.icon, .mimeJPEG span.icon, .mimePNG span.icon, .mimePSD span.icon, .mimeTIF span.icon, .mimeTIFF span.icon, .mimeXCF span.icon {
  background-position: 0 -450px
}
.mimeAI span.icon, .mimeEPS span.icon, .mimeDXF span.icon, .mimeSVG span.icon, .mimeWMF span.icon {
  background-position: 0 -814px
}
.mimeAVI span.icon, .mimeMOV span.icon, .mimeMP4 span.icon, .mimeMPEG span.icon, .mimeMPG span.icon, .mimeWMV span.icon, .mimeRAM span.icon, .mimeRM span.icon {
  background-position: 0 -848px
}
.mimeHTML span.icon, .mimeHTM span.icon, .mimeTMPL span.icon {
  background-position: 0 -480px
}
.mimeXML span.icon {
  background-position: 0 -510px
}
.mimeJS span.icon {
  background-position: 0 -540px
}
.mimeCSS span.icon {
  background-position: 0 -570px
}
.mimePPT span.icon, .mimePPS span.icon {
  background-position: 0 -600px
}
.mimeZIP span.icon, .mimeTAR span.icon, .mimeRAR span.icon, .mimeBZ2 span.icon, .mimeTGZ span.icon, .mimeGZ span.icon, .mime7Z span.icon {
  background-position: 0 -150px
}
.mimeEXE span.icon, .mimeBIN span.icon, .mimeDLL span.icon, .mimeCONF span.icon {
  background-position: 0 -720px
}
#firststepswizard-button {
  box-shadow: 2px 2px 5px #999999;
  background-color: red;
  border: 1px solid black;
  color: white;
  cursor: pointer;
  font-weight: bold;
  left: 10px;
  padding: 10px;
  position: fixed;
  top: 10px;
  z-index: 1000
}
.wizardFirststeps ul.autoextend li {
  padding: 10px;
  text-align: left;
  padding-left: 0
}
.wizardFirststeps ul.autoextend li input {
  width: 300px;
  font-size: 12px;
  padding: 2px
}
.wizardFirststeps ul.autoextend li span {
  display: inline-block;
  margin-bottom: -1px;
  width: 16px;
  height: 16px;
  background: url(../../core/asset/img/icons.png) no-repeat 0 -358px;
  margin-left: 5px;
  cursor: pointer
}
.wizardFirststeps ul.list {
  text-align: left
}
.wizardFirststeps ul.list li {
  padding: 5px;
  margin-bottom: 2px
}
.wizardFirststeps ul.list li .remove {
  display: inline-block;
  float: right;
  clear: none;
  width: 16px;
  height: 16px;
  background: url(../../core/asset/img/icons.png) no-repeat 0 -358px;
  cursor: pointer
}
.wizardFirststeps fieldset {
  padding: 0;
  border: 0
}
.wizardFirststeps .disableWizard .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -1463px
}
div.task, div.task .task:last-child {
  border-bottom: 1px solid #dddddd
}
div.task .subtasks {
  border-top: 1px solid #dddddd
}
div.task .subtasks .task:last-child {
  border-bottom: none
}
.task.marked, .task.marked h3, .task.marked div {
  background-color: #ffffbb !important
}
.task > h3 {
  background-color: transparent;
  clear: both;
  display: block;
  height: 22px;
  padding: 0;
  position: relative
}
.task > h3 > .subtaskTrigger {
  display: inline-block;
  float: left;
  height: 22px;
  margin-left: 10px;
  width: 13px
}
.task > h3 > .subtaskTrigger.expandable {
  cursor: pointer;
  background: url(../../core/asset/img/tree-icons.png) no-repeat 1px -23px
}
.task > h3 > .subtaskTrigger.expandable.expanded {
  background: url(../../core/asset/img/tree-icons.png) no-repeat 1px 7px
}
.task > h3 .headLabel {
  cursor: pointer;
  display: inline-block;
  height: 22px;
  padding: 4px
}
.task > h3 .headLabel span {
  display: inline-block
}
.task > h3 .headLabel .taskDate {
  width: 50px
}
.task > h3 .headLabel .projectName {
  margin-left: 5px;
  text-overflow: ellipsis
}
.task.expanded > h3 {
  background-color: #eeeeee
}
.task.expanded > h3 .headLabel {
  font-weight: bold
}
.task .statusColor {
  position: absolute;
  width: 1px;
  height: 22px;
  left: 0;
  top: 0;
  border-left-width: 4px;
  border-left-style: solid
}
.task .dndHandle {
  position: absolute;
  width: 12px;
  height: 22px;
  left: -4px;
  top: 0
}
.task .dndHandle:hover {
  background-color: transparent
}
.taskTree .task .headLabel {
  width: 650px
}
.taskTree .task .headLabel .projectName {
  max-width: 550px
}
.taskListing .headerLine .taskDate, .taskListing .task .headLabel .taskDate {
  width: 49px
}
.taskListing .headerLine .customer, .taskListing .task .headLabel .customer {
  width: 100px
}
.taskListing .headerLine .projectName, .taskListing .task .headLabel .projectName {
  width: 500px
}
.taskListing .task .headLabel {
  padding-left: 15px;
  min-width: 700px
}
.taskListing .task .headLabel .customer, .taskListing .task .headLabel .projectName, .taskListing .task .headLabel .taskNumber {
  margin: 0 0 0 5px
}
#dragDropMarker {
  height: 0;
  overflow: visible;
  position: absolute;
  z-index: 100000
}
#dragDropMarker div {
  position: absolute;
  left: -31px;
  top: -12px;
  height: 25px;
  width: 30px;
  background: url(../../ext/project/asset/img/icons.png) no-repeat
}
#dragDropMarker.in div {
  top: 1px;
  background-position: 0 -650px
}
#dragDropMarker.after div {
  background-position: 0 -678px
}
#dragDropMarker.before div {
  top: -14px;
  background-position: 0 -710px
}
div.task.dragDropTarget > h3 {
  background-color: #e3eace
}
.task .dndHandle.draggable {
  cursor: move
}
.lostTasks .task .dndHandle.draggable {
  cursor: default
}
.task.container > h3 {
  background-color: #f8f8f8;
  border-right-width: 4px;
  border-right-style: solid
}
.task.container > h3 > .statusColor {
  border-left-width: 8px
}
.task h3 .taskHeadExtras {
  display: inline-block;
  overflow: hidden;
  padding: 2px 3px 1px 3px;
  position: absolute;
  right: 145px;
  text-align: right;
  top: 2px;
  width: 100px
}
.task.container > h3 > .taskHeadExtras {
  right: 141px;
  border-right: 0 solid #dddddd
}
.task.expanded h3 .taskHeadExtras, .task.expanded h3 .taskIcons {
  border-color: #cccccc
}
.task h3 .taskHeadExtras span {
  cursor: default
}
.headerLine .taskNumber, .task h3 .taskNumber {
  display: inline-block;
  position: absolute;
  width: 45px
}
.headerLine .taskNumber {
  right: 92px
}
.task h3 .taskNumber {
  top: 4px;
  right: 93px;
  cursor: text
}
.task.container > h3 > .taskNumber {
  right: 89px
}
.task h3 .headLabel a.title {
  display: block;
  width: 420px;
  padding: 2px 0;
  margin-top: -2px
}
.task span.taskIcons {
  position: absolute;
  right: 0;
  height: 16px;
  width: 75px;
  overflow: hidden;
  margin-top: 2px;
  padding: 0 3px 1px 3px;
  border-left: 1px solid #dddddd
}
.task.container > h3 > .taskIcons {
  width: 71px
}
.task span.taskIconsOverflow {
  background: url(../../ext/project/asset/img/icons.png) no-repeat right -527px
}
.task span.taskIconsOverflow:hover {
  width: auto;
  position: absolute;
  background: white;
  z-index: 1000
}
.expanded span.taskIconsOverflow:hover {
  background: #e3eace
}
.task span.taskIcons span {
  float: left;
  clear: none;
  width: 14px;
  height: 16px;
  margin: 0 0 0 3px
}
.task span.taskIcons .taskcontainer {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -87px
}
.task span.taskIcons .isPublic {
  background: url(../../core/asset/img/icons.png) no-repeat 1px -1108px
}
.task span.taskIcons .notAcknowledged {
  width: 10px;
  cursor: pointer;
  background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -1288px
}
.task span.taskIcons .dateover {
  width: 14px;
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -328px
}
.task span.taskIcons .locked {
  width: 14px;
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -480px
}
.task > .details {
  border-left-width: 1px;
  border-left-style: solid
}
.tasks .task .details .data {
  padding: 7px 0
}
.tasks .task .details .data .task-inline-edit {
  margin: -7px 0
}
.tasks .task .details .data .description {
  float: left;
  width: 536px;
  max-width: 45%;
  padding: 0 0 0 27px
}
.tasks .task .details .data .description * {
  line-height: 15px;
  white-space: normal;
  word-wrap: break-word
}
.tasks .task .details .data .properties {
  width: 276px;
  max-width: 45%;
  float: right
}
.tasks .task .details .data .properties * {
  font-weight: normal
}
.tasks .task .details .data .properties dt {
  color: #444444;
  float: left;
  clear: left;
  padding: 2px 0;
  width: 50%
}
.tasks .task .details .data .properties dd {
  float: left;
  padding: 2px 0;
  width: 50%
}
.tasks .task .details .data .properties dd span.icon {
  display: none;
  width: 14px;
  height: 14px
}
.tasks .task .details .data .properties .unread .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -1288px;
  display: block !important;
  margin-left: -14px
}
.tasks .task .details .data .properties .acknowledged .icon {
  background: url(../../core/asset/img/icons.png) no-repeat 0 -1312px;
  display: block !important;
  margin-left: -14px
}
.tasks .task .details .data .properties .sectionStart {
  padding-top: 10px;
  margin-top: 2px;
  border-top: 1px solid #eeeeee
}
.task .formTask fieldset.basic, .task .formTask fieldset.details {
  padding-top: 15px
}
.tasks .subtasks {
  padding-left: 10px
}
.task-inline-edit .type-date input {
  width: 50px
}
.taskDetails .comment p {
  padding: 5px
}
.taskcontainer {
  background: url(../../ext/project/asset/img/icons.png) no-repeat -5px -75px
}
.task-inline-edit .bottom {
  float: left;
  clear: both
}
#taskList, #tasks {
  z-index: 1
}
#taskList h1.headerProjTermine {
  margin-top: 20px
}
.task-status-container h3 a, .task-status-container div.taskdetails {
  border-left-color: #222222;
  background-color: #f8f8f8
}
#action-panel .button.exportCsv .icon {
  background: transparent url(../../core/asset/img/icons.png) 6px -1598px no-repeat;
  width: 24px
}
#panelwidget-sysmanagermodules li.records a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 1px -360px
}
#panelwidget-sysmanagermodules li:hover {
  background-color: #e3eace
}
#todoyusysmanagerheadletsysmanager .button {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 4px -869px
}
#todoyu-sysmanager h1.headerLine span.title {
  margin-left: -14px
}
#panelwidget-sysmanagermodules li.extensions a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 1px 1px
}
#extension-tabs li span.icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat
}
#extension-tabs li.installed span.icon {
  background-position: 0 5px
}
#extension-tabs li.info span.icon {
  background-position: 0 -85px
}
#extension-tabs li.config span.icon {
  background-position: 0 -115px
}
#extension-tabs li.records span.icon {
  background-position: 0 -325px
}
#extension-tabs li.imported span.icon {
  background-position: 0 -26px
}
#extension-tabs li.update span.icon {
  background-position: 0 -687px
}
#extension-tabs li.search span.icon {
  background-position: 0 -836px
}
#sysmanager-tabs li.nomodules span.icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -905px
}
#extension-tabs li.info, #extension-tabs li.config {
  float: right
}
#extension-tabs li.imported, #extension-tabs li.update, #extension-tabs li.search {
  float: right
}
.extlist col.icon {
  width: 30px
}
.extlist .extkey {
  width: 15.795%
}
.extlist .version {
  width: 9.477%
}
.extlist .edit {
  width: 17.211%
}
.extlist .state {
  width: 45px
}
.extlist .download, .extlist .doc {
  width: 30px
}
.extlist tr.missing td {
  background-color: #ffdd99
}
.extlist tr.missing td.title div {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px
}
.extlist tr td.edit a {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat
}
.extlist tr td.edit a.disabled {
  opacity: 0.3;
  cursor: default !important
}
.extlist tr td.edit a.uninstall {
  background-position: 0 -58px
}
.extlist tr td.edit a.install {
  background-position: 0 -29px
}
.extlist tr td.edit a.remove {
  background-position: 0 -660px
}
.extlist tr td.edit a.info {
  background-position: 0 -88px
}
.extlist tr td.edit a.config {
  background-position: 0 -119px
}
.extlist tr td.edit a.records {
  background-position: 0 -329px
}
.extlist tr td.edit a.rights {
  background-position: 0 -150px
}
.extlist tr td.doc a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -510px
}
.extlist tr td.download a.download {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -480px
}
span.extensionstate {
  display: inline-block;
  width: 32px;
  height: 12px
}
span.extensionstate.alpha {
  background: url(../../ext/sysmanager/asset/img/status.png) no-repeat 0 0
}
span.extensionstate.beta {
  background: url(../../ext/sysmanager/asset/img/status.png) no-repeat 0 -16px
}
span.extensionstate.stable {
  background: url(../../ext/sysmanager/asset/img/status.png) no-repeat 0 -32px
}
p.importInfo {
  margin: 10px 10px 10px 0
}
#installed-action {
  margin-top: 10px
}
#installed-action button.extensionInfo .icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 4px -87px;
  width: 20px
}
#installed-action button.extensionConfig .icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 4px -119px;
  width: 20px
}
form.formImportExtension button.uploadExtension span.icon {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 4px -28px;
  width: 20px
}
.uninstalled button .icon {
  background-image: url(../../ext/sysmanager/asset/img/icons.png);
  background-repeat: no-repeat
}
.uninstalled button.download .icon {
  background-position: 4px -478px;
  width: 20px
}
.uninstalled button.delete .icon {
  background-position: 4px -658px;
  width: 20px
}
.uninstalled button.install .icon {
  background-position: 4px -28px;
  width: 20px
}
.installAlternatives {
  margin-top: 10px
}
.installAlternatives button .icon {
  background-image: url(../../ext/sysmanager/asset/img/icons.png)
}
.installAlternatives button.ter .icon, .installAlternatives button.upload .icon {
  background-position: 4px -28px;
  width: 22px
}
#importExtension-form .fLabel {
  width: 250px
}
#importExtension-form fieldset {
  padding-top: 20px
}
#importExtension-form legend {
  display: none
}
#panelwidget-profilemodules li.calendar a {
  background: url(../../ext/calendar/asset/img/exticon.png) no-repeat 1px 1px
}
#calendar-tabs .tabkey-main .icon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 6px transparent
}
#calendar-tabs .tabkey-reminders .icon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -956px transparent
}
#daytracks-history {
  margin: 5px;
  text-align: left
}
#daytracks-history form select {
  width: 140px
}
#daytracks-history .selectors {
  padding: 8px;
  background-color: #eeeeee
}
#daytracks-history .selectors select {
  background-color: white
}
#daytracks-history .selectors .floatLeft label {
  line-height: 18px
}
#daytracks-history .selectors .toggleDetails {
  margin-left: 5px
}
#daytracks-history .selectors .toggleDetails a {
  padding: 0
}
#daytracks-history .selectors .toggleDetails a.close {
  background: transparent url(../../ext/daytracks/asset/img/icons.png) no-repeat 0 -30px
}
#daytracks-history .selectors .toggleDetails a.open {
  background: transparent url(../../ext/daytracks/asset/img/icons.png) no-repeat 0 -60px
}
#daytracks-history .selectors #showtracksdetails {
  top: 2px
}
#daytracks-history .detailsToggle, #daytracks-history .detailsToggle * {
  cursor: pointer
}
#daytracks-history-trackings div.divider, #daytracks-history-trackings .details div.divider {
  height: 1px;
  background-color: #dddddd;
  padding: 0;
  border: none;
  margin: -1px 0 1px 0
}
button.daytracksexpand .icon {
  background: transparent url(../../ext/daytracks/asset/img/icons.png) no-repeat 0 -60px !important
}
button.daytrackscollapse .icon {
  background: transparent url(../../ext/daytracks/asset/img/icons.png) no-repeat 0 -30px !important
}
.monthInfo {
  padding: 5px;
  margin: 0 0 8px 0;
  background-color: white
}
.monthInfo dt {
  float: left;
  width: 110px
}
.monthInfo dd {
  float: left;
  width: 110px
}
#daytracks-history-trackings {
  margin: 10px 0;
  padding-bottom: 5px;
  border: 0 solid #bababa
}
#daytracks-history-trackings h1 {
  background: #ececec;
  background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
  background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
  background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
  background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
  margin-bottom: 6px
}
#daytracks-history-trackings h1.monthTotal, #daytracks-history-trackings h1.cwTotal {
  padding: 5px 5px 5px 10px
}
#daytracks-history-trackings h1.cwTotal {
  border: none;
  text-align: right
}
#daytracks-history-trackings .details a:hover div {
  background-color: #ffffbb
}
#daytracks-history-trackings .details a div.daytrackdetail {
  margin-bottom: 1px
}
#daytracks-history-trackings .details a div.daytrackdetail.deleted {
  background-color: #f8f8f8
}
#daytracks-history-trackings .details a div.daytrackdetail.deleted * {
  color: #666666
}
#daytracks-history-trackings .daytrack.toggled {
  background-color: #eeeeee;
  text-transform: uppercase;
  letter-spacing: 1px
}
#daytracks-history-trackings .details div, #daytracks-history-trackings .daytrack {
  border-left: 4px solid;
  background-color: white;
  padding: 5px;
  text-align: left
}
#daytracks-history-trackings .details div.daytracksum, #daytracks-history-trackings .daytrack.daytracksum {
  border-color: white
}
#daytracks-history-trackings .details div.bcStatus1, #daytracks-history-trackings .daytrack.bcStatus1 {
  border-color: #7f007f
}
#daytracks-history-trackings .details div.bcStatus2, #daytracks-history-trackings .daytrack.bcStatus2 {
  border-color: red
}
#daytracks-history-trackings .details div.bcStatus3, #daytracks-history-trackings .daytrack.bcStatus3 {
  border-color: #ffac00
}
#daytracks-history-trackings .details div.bcStatus4, #daytracks-history-trackings .daytrack.bcStatus4 {
  border-color: #fffc00
}
#daytracks-history-trackings .details div.bcStatus5, #daytracks-history-trackings .daytrack.bcStatus5 {
  border-color: #77dc00
}
#daytracks-history-trackings .details div.bcStatus6, #daytracks-history-trackings .daytrack.bcStatus6 {
  border-color: green
}
#daytracks-history-trackings .details div.bcStatus7, #daytracks-history-trackings .daytrack.bcStatus7 {
  border-color: #a60000
}
#daytracks-history-trackings .details div.bcStatus8, #daytracks-history-trackings .daytrack.bcStatus8 {
  border-color: #dbdbdb
}
#daytracks-history-trackings .details div.bcStatus9, #daytracks-history-trackings .daytrack.bcStatus9 {
  border-color: #6085dd
}
#daytracks-history-trackings .details div.bcStatus10, #daytracks-history-trackings .daytrack.bcStatus10 {
  border-color: pink
}
#daytracks-history-trackings .details div.notInCurrentMonth span, #daytracks-history-trackings .daytrack.notInCurrentMonth span {
  color: #bbbbbb
}
#daytracks-history-trackings .details div .daytrackdetail.last, #daytracks-history-trackings .daytrack.last, .daytrackdetail.last {
  border-bottom: none !important
}
span.daytrackDate {
  display: inline-block;
  width: 150px;
  padding: 0 20px 0 20px;
  text-align: right
}
.toggled span.daytrackDate {
  width: auto
}
span.daytrackHours, .daytrackdetail .tasktitle, .daytrackdetail .time, .daytrackdetail .cw, span.daytrackCW {
  padding-left: 15px
}
span.daytrackHours {
  padding-left: 20px
}
#daytracks-history-trackings .daytrackdetail span.task {
  text-align: left
}
#daytracks-history-trackings .daytrackdetail span.task span.tasknumber {
  width: 60px;
  display: inline-block;
  text-align: right;
  vertical-align: top
}
#daytracks-history-trackings .daytrackdetail span.task span.tasktitle {
  width: 330px;
  padding-right: 10px;
  display: inline-block;
  vertical-align: top
}
#daytracks-history-trackings .daytrackdetail span.time {
  width: 80px;
  display: inline-block;
  text-align: right
}
#daytracks-history-trackings .toggled {
  border-width: 1px 0
}
#daytracks-history-trackings .total {
  border-style: solid
}
select#filtercontrol-conditions {
  width: 320px
}
select#filtercontrol-conjunction {
  margin-left: 8px
}
#widget-area {
  padding: 5px 0
}
#widget-area .filterWidget {
  float: left;
  height: auto;
  margin: 0 10px 5px 0;
  width: 32%
}
#widget-area .filterWidget span {
  display: block;
  padding: 4px
}
#widget-area .filterWidget span .calendaricon {
  float: left;
  padding: 0
}
#widget-area .filterWidget span.negationButton {
  background-color: white;
  border-radius: 13px;
  border: 1px solid #bbbbbb;
  height: 12px;
  padding: 0 6px 6px;
  position: absolute;
  right: 27px;
  top: 2px
}
#widget-area .filterWidget .negation span {
  cursor: pointer
}
#widget-area .filterWidget .negation span.false {
  color: green
}
#widget-area .filterWidget .negation span.true {
  color: red
}
#widget-area .filterWidget .widgetheader {
  background: #ececec;
  background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #cecece));
  background: -webkit-linear-gradient(top, #ececec 0%, #cecece 100%);
  background: -o-linear-gradient(top, #ececec 0%, #cecece 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #cecece 100%);
  background: linear-gradient(to bottom, #ececec 0%, #cecece 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cecece', GradientType=0);
  border: 1px solid #cccccc;
  border-radius: 5px 5px 0 0;
  padding: 1px 0 0 4px;
  position: relative;
  width: 100%
}
#widget-area .filterWidget .widgetheader span {
  display: block;
  float: left
}
#widget-area .filterWidget .widgetheader span.widgetClose {
  position: absolute;
  right: 5px;
  z-index: 1
}
#widget-area .filterWidget .widgetheader span.widgetClose a {
  background: url(../../core/asset/img/icons.png) no-repeat scroll 0 -360px transparent;
  display: block;
  height: 14px;
  text-indent: -9999px;
  width: 14px
}
#widget-area .filterWidget .widgetheader span.clear {
  clear: both;
  display: block;
  float: none;
  padding: 0
}
#widget-area .filterWidget .widgetheader .widgetLabel {
  width: 120px;
  padding-right: 0
}
#widget-area .filterWidget .widgetheader .widgetLabel.staggered {
  padding-top: 22px
}
#widget-area .widgetbody {
  background-color: #dddddd;
  border-top: none;
  border: 1px solid #cccccc;
  min-height: 25px;
  margin: 0 -6px 0 0;
  padding: 5px
}
#widget-area .widgetbody select {
  background-color: white;
  width: 100%
}
#widget-area input.date {
  float: left;
  margin-right: 5px;
  width: 85%
}
#widget-area .type .widgetbody, #widget-area .status .widgetbody, #widget-area .filterSet .widgetbody {
  min-height: 85px
}
#projects h1.headerLine {
  cursor: pointer
}
h1.headerLine span.projectIcons {
  float: right;
  margin-top: 4px
}
.tasks .lostTasks {
  margin-top: 20px;
  margin-bottom: 30px
}
.tasks .lostTasks .subtaskTrigger {
  background: none !important;
  height: 1px
}
.tasks .lostTasks h2 {
  background-color: #eeeeee;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin-bottom: 1px;
  padding: 5px 5px 5px 20px;
  text-transform: uppercase
}
.statusPlanning .data .content {
  background-color: white
}
.project .projectstatus {
  position: absolute;
  top: 0;
  height: 27px;
  border-left-width: 8px;
  border-left-style: solid
}
.project .description a {
  text-decoration: underline
}
.project table.assignedPersons th.name {
  width: 200px
}
.project table.assignedPersons th.company {
  width: 240px
}
.project table.assignedPersons th.role {
  width: 154px
}
.formProject fieldset.basic {
  padding-top: 15px
}
#todoyu-search .project .additionalStuff {
  display: none
}
.assetForm .fForm {
  padding: 0;
  background: none
}
.assetForm .fForm fieldset {
  margin-bottom: 0
}
.assetForm .fForm fieldset legend {
  border-color: #e3eace
}
#content .projectTabs .tabs {
  top: 0;
  left: 0;
  width: auto;
  margin: 0 10px
}
.project .projectTabs {
  margin-top: 10px
}
.project .projectTabs .tabs li {
  background-color: #edf1e0 !important
}
.project .projectTabs .tabs li:hover, .project .projectTabs .tabs li.active {
  background-color: #e3eace !important
}
.project .tabContent {
  background-color: #e3eace
}
.project .tabContent .tabBlock {
  position: relative;
  background: white
}
.project .tabContent .tab {
  padding: 5px;
  background: white
}
.project .projectDetails {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 10px
}
.project .projectDetails .infoBox {
  border: 1px solid #cccccc;
  margin: 5px
}
.project .projectDetails .infoBox h4 {
  border-bottom: 1px solid #cccccc
}
.project .projectDetails .infoBox .content {
  padding: 0
}
.project .projectDetails .infoBox.description .content {
  padding: 3px 3px 3px 12px
}
.project .projectDetails .projectDetailLeft {
  background-color: white;
  float: left;
  margin-top: -1px;
  position: relative;
  right: 816px;
  top: 1px
}
.project .projectDetails .projectDetailRight {
  float: left;
  position: relative;
  overflow: hidden;
  background-color: #eeeeee
}
.project .projectDetails .ajaxLoader {
  position: absolute;
  width: 200px;
  height: 25px;
  top: 150px;
  left: 400px;
  font-size: 25px;
  animation: pulse 1s ease-in-out infinite
}
.project .infoBoxOuter {
  background-color: white;
  height: 100%;
  padding: 0
}
.project .projectDetailsContent {
  display: block;
  float: left;
  left: 816px;
  max-width: 812px;
  padding: 3px;
  position: relative;
  width: 812px
}
.project .projectDetailsTabs {
  float: left;
  height: 100%;
  left: 818px;
  position: relative;
  width: 100px
}
.project .projectDetailsTabs .gap {
  border-radius: 0 3px 3px 0;
  height: 30px
}
.project .projectDetailsTabs .icon {
  float: none;
  height: 32px;
  margin-left: 6px;
  width: 32px
}
.project .projectDetailsTabs .menu {
  background-color: #eeeeee;
  border-radius: 0 0 0 3px;
  box-shadow: -1px 4px 10px -10px black;
  cursor: pointer;
  height: 50px;
  left: 1px;
  margin-left: -1px;
  position: relative
}
.project .projectDetailsTabs .menu .icon {
  background: url(../../ext/project/asset/img/projectheader.png) no-repeat -7px -186px
}
.project .projectDetailsTabs .menu .label {
  padding-left: 6px
}
.project .projectDetailsTabs .tabs .projectDetailsTab {
  background-color: white;
  border-radius: 3px 0 0 3px;
  border-width: 1px 0 1px 1px;
  border: 1px solid #cccccc;
  box-shadow: -11px 0 22px -17px black inset;
  cursor: pointer;
  height: 42px;
  margin: 3px 0;
  padding: 4px 0
}
.project .projectDetailsTabs .tabs .projectDetailsTab.active {
  background-color: #eeeeee;
  border: none;
  box-shadow: -1px 4px 10px -10px black;
  height: 44px;
  left: 1px;
  margin-left: -1px;
  position: relative
}
.project .projectDetailsTabs .tabs .projectDetailsTab .label {
  padding-left: 6px
}
.project .projectDetailsTabs .generalProjectTab .icon {
  background: url(../../ext/project/asset/img/projectheader.png) no-repeat -7px -124px
}
.project .projectDetailsTabs .preferencesProjectTab .icon {
  background: url(../../ext/project/asset/img/projectheader.png) no-repeat 0px 0px
}
@keyframes pulse {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5
  }
  @-moz-keyframes pulse {
    from {
      opacity: 0;
    }
    to {
      opacity: 0.5
    }
    @-webkit-keyframes pulse {
      from {
        opacity: 0;
      }
      to {
        opacity: 0.5
      }
      @-ms-keyframes pulse {
        from {
          opacity: 0;
        }
        to {
          opacity: 0.5
        }
        @-o-keyframes pulse {
          from {
            opacity: 0;
          }
          to {
            opacity: 0.5
          }
          #records-tabs .icon {
            background-image: url(../../ext/sysmanager/asset/img/icons.png);
            background-repeat: no-repeat
          }
          #records-tabs .all .icon {
            background-position: 0 -625px
          }
          #records-tabs .extTypes .icon {
            background-position: 0 5px
          }
          #records-tabs .typeRecords .icon {
            background-position: 0 -775px
          }
          #records-tabs .openRecord .icon {
            background-position: 0 -325px
          }
          .recordsList {
            width: 918px;
            border: 0
          }
          .recordsList .actions .icon {
            cursor: pointer;
            margin-right: 5px
          }
          .recordsList.typeAll .recordtype {
            width: 29.847%
          }
          .recordsList.typeAll td.icon {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 10px -777px
          }
          .recordsList.typeAll td.exticon {
            text-overflow: clip
          }
          .recordsList.typeAll col.exticon {
            width: 35px
          }
          .recordsList.typeAll .actions {
            width: 54px
          }
          .recordsList.typeAll .actions .list {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -630px
          }
          .recordsList.typeExtension td.icon {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 10px -777px
          }
          .recordsList.typeExtension .actions {
            width: 30px
          }
          .recordsList.typeExtension .actions .list {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -630px
          }
          .recordsList.typeRecords td.icon {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 10px -327px
          }
          .recordsList.typeRecords .actions {
            width: 50px
          }
          .recordsList.typeRecords .actions .edit {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -360px
          }
          .recordsList.typeRecords .actions .delete {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -420px
          }
          .recordTypeInfo {
            margin: 10px 0
          }
          .recordTypeInfo .add {
            float: right
          }
          .recordTypeInfo .add button .icon {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -388px
          }
          .recordTypeInfo td.icon {
            width: 15px
          }
          .recordTypeInfo td.label {
            width: 505px
          }
          .recordTypeInfo td.actions {
            width: 50px
          }
          .recordTypeInfo td.icon {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 3px -325px
          }
          .recordTypeInfo .isActive0 td.icon {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 3px -936px
          }
          .recordTypeInfo .isPreferred1 td.icon {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 3px -964px
          }
          .recordTypeInfo .actions .edit {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -358px
          }
          .recordTypeInfo .actions .delete {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -418px
          }
          #record-type-list li, #record-list li {
            padding: 5px 10px;
            position: relative;
            border-bottom: 1px dotted #aaaaaa
          }
          #record-type-list li {
            padding-left: 30px;
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 5px -627px
          }
          #record-list li span.additionalInformations {
            position: absolute;
            right: 400px
          }
          #record-list li span.delete {
            cursor: pointer;
            height: 16px;
            position: absolute;
            right: 5px;
            top: 4px;
            width: 16px;
            background: transparent url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -420px
          }
          #record-list li span.edit {
            cursor: pointer;
            height: 16px;
            position: absolute;
            right: 30px;
            top: 4px;
            width: 16px;
            background: transparent url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -360px
          }
          #list .headerLine .createNew {
            padding-left: 20px;
            background: transparent url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -384px;
            cursor: pointer;
            position: absolute;
            right: 10px
          }
          #list .headerLine .back {
            padding-left: 20px;
            background: transparent url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -440px;
            cursor: pointer
          }
          #list form fieldset {
            float: left;
            width: 100%
          }
          #panelwidget-sysmanagermodules li.rights a {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 1px -240px
          }
          #rights-tabs li span.icon {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat
          }
          #rights-tabs li.rights span.icon {
            background-position: 0 -295px
          }
          #rights-tabs li.roles span.icon {
            background-position: 0 -205px
          }
          .saveButtonBox {
            text-align: right
          }
          #rightseditor-form {
            margin-bottom: 10px
          }
          #rightsmatrix {
            margin: 10px 0
          }
          #rightsmatrix td {
            vertical-align: middle
          }
          #rightsmatrix .roles {
            margin-left: 1px
          }
          #rightsmatrix .roles .name {
            width: 250px;
            font-weight: bold;
            text-align: left
          }
          #rightsmatrix .roles td {
            padding: 2px 5px;
            width: 20px;
            text-align: center
          }
          #rightsmatix-form {
            max-height: 500px;
            padding-top: 10px;
            border-top: 2px #bbbbbb solid;
            border-bottom: 2px #bbbbbb solid;
            overflow: scroll;
            overflow-x: hidden;
            overflow-y: scroll
          }
          #rightsmatix-form fieldset {
            border: 1px solid #aaaaaa;
            padding: 0 10px 10px;
            margin-bottom: 10px;
            margin-right: 10px
          }
          #rightsmatix-form fieldset legend {
            display: inline;
            font-weight: bold;
            font-size: 13px;
            padding: 0 5px
          }
          #rightsmatix-form td.label {
            width: 250px;
            text-align: left;
            border-bottom: 1px dashed #dddddd
          }
          #rightsmatix-form td.label a {
            display: inline-block;
            width: 90%
          }
          #rightsmatix-form td.roleRight {
            width: 20px;
            text-align: center;
            padding: 6px 5px
          }
          #rightsmatix-form td.roleRight input {
            cursor: pointer
          }
          #rightsmatix-form span.require {
            display: inline-block;
            width: 15px;
            height: 14px;
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 1px -175px;
            cursor: help
          }
          body#todoyu-sysmanager #quickinfo {
            width: 380px
          }
          body#todoyu-sysmanager #quickinfo dd {
            width: 348px
          }
          #quickinfo dt.requiredrightIcon, #quickinfo dt.requiredsectionIcon {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 4px -176px
          }
          #panelwidget-sysmanagermodules li.config a {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 1px -570px
          }
          #config-tabs span.icon {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat
          }
          #config-tabs li.logo span.icon {
            background-position: 0 -595px
          }
          #config-tabs li.systemconfig span.icon {
            background-position: 0 -565px
          }
          #config-tabs li.passwordstrength span.icon {
            background-position: 0 -805px
          }
          #config-tabs li.repository span.icon {
            background-position: 0 -836px
          }
          .extListing .extension {
            border-bottom: 1px solid #cccccc;
            display: inline-block;
            margin-bottom: 20px;
            margin-left: 20px;
            padding-bottom: 10px;
            position: relative;
            width: 870px
          }
          .extListing .extension h5 {
            border-bottom: none;
            margin-bottom: 10px;
            padding-left: 0
          }
          .extListing .extension h5 div {
            width: 100%
          }
          .extListing .extension h5 img {
            left: 0;
            position: absolute;
            top: 8px
          }
          .extListing .extension h5 .author {
            margin-left: 10px
          }
          .extListing .extension h5 .title {
            font-size: 20px
          }
          .extListing .extension .bottom {
            width: 100%;
            clear: both;
            margin-top: 5px
          }
          .extListing .extension .bottom button {
            float: right;
            margin: 0 10px
          }
          .extListing .extension .warning {
            background-color: #f8f8f8;
            border: 2px dashed red;
            margin-top: 10px;
            padding: 5px
          }
          .extListing .extension .warning ul {
            list-style-position: inside;
            list-style-type: square
          }
          .extListing .extension .warning ul li {
            color: red;
            cursor: pointer
          }
          .extListing .extension .main {
            margin-left: 30px;
            margin-right: 50px;
            width: 560px
          }
          .extListing .extension .right {
            width: 200px;
            padding-left: 10px
          }
          .extListing .extension .right div {
            padding: 5px;
            border-bottom: 1px solid #cccccc
          }
          .extListing .extension > div {
            float: left;
            clear: none
          }
          .coreUpdate .installButtons button .icon, .extListing .extension .bottom button .icon {
            background-image: url(../../ext/sysmanager/asset/img/icons.png)
          }
          .coreUpdate .installButtons button.info .icon, .extListing .extension .bottom button.info .icon {
            background-position: 5px -748px;
            width: 22px
          }
          .coreUpdate .installButtons button.update .icon, .extListing .extension .bottom button.update .icon {
            background-position: 0 -28px
          }
          .extListing .extension .bottom button.install .icon {
            background-position: 5px -28px;
            width: 22px
          }
          .extensionSearch .control {
            margin-bottom: 10px
          }
          .resultinfo {
            background-color: #eeeeee;
            margin-bottom: 10px;
            padding: 10px
          }
          .resultinfo.error .message {
            font-family: Courier, monospace;
            font-size: 14px;
            margin-bottom: 5px
          }
          .resultinfo.error .title {
            color: red;
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 5px
          }
          .repositoryUpdates .coreUpdate {
            padding: 12px 12px 24px 12px;
            margin: 6px 0 20px 0;
            background-color: lightyellow
          }
          .repositoryUpdates .coreUpdate .installButtons {
            float: right
          }
          .repositoryUpdates .coreUpdate .coreUpdateInfos {
            float: left
          }
          .repositoryUpdates .coreUpdate .coreUpdateInfos th {
            width: 100px
          }
          .repositoryUpdates .coreUpdate .coreUpdateInfos td, .repositoryUpdates .coreUpdate .coreUpdateInfos th {
            padding: 3px
          }
          .repositoryDialog {
            padding: 10px
          }
          .repositoryDialog h1 {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 20px;
            text-align: left
          }
          .repositoryDialog .buttons {
            clear: both;
            margin-top: 20px;
            padding-top: 10px
          }
          .repositoryDialog .col {
            clear: none;
            float: left
          }
          .repositoryDialog.coreDialog button.install .icon {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -28px
          }
          .repositoryDialog .info {
            margin-top: 5px;
            padding: 5px
          }
          .repositoryDialog.extensionDialog .extInstall .acceptlicense {
            text-align: left;
            font-weight: bold
          }
          .repositoryDialog.extensionDialog .extInstall .acceptlicense input {
            width: 20px
          }
          .repositoryDialog.extensionDialog .extInstall .license {
            background-color: white;
            font-family: Courier, monospace;
            font-size: 12px;
            height: 200px;
            margin-bottom: 10px;
            margin-top: 10px;
            overflow: auto;
            padding: 10px;
            text-align: left
          }
          .repositoryDialog.extensionDialog .extInstall .licenseinfo {
            background-color: #e3eace;
            text-align: left
          }
          .repositoryDialog.extensionDialog .extInstall .licenseinfo.buyextension {
            background-color: transparent
          }
          .repositoryDialog.extensionDialog .extInstall .licenseinfo.buyextension a {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -718px;
            font-size: 16px;
            font-weight: bold;
            padding-left: 20px;
            text-decoration: underline
          }
          .repositoryDialog.extensionDialog .extInstall .licenseinfo.buyextension a:hover {
            color: #444444
          }
          .repositoryDialog.extensionDialog .extInstall .licenseinfo.noLicense {
            background-color: red;
            color: white;
            text-align: left
          }
          .repositoryDialog.extensionDialog .extInstall .warningMajorUpdate {
            background-color: red;
            color: white
          }
          .repositoryDialog.extensionDialog button.install .icon {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 0 -28px
          }
          .repositoryDialog .versionDetails {
            margin-left: 20px;
            width: 240px
          }
          .repositoryDialog .versionDetails td {
            width: 130px
          }
          .repositoryDialog .versionDetails th {
            width: 80px
          }
          .repositoryDialog .versionInformation {
            padding: 10px;
            text-align: left;
            width: 300px
          }
          .repositoryDialog .versionInformation ul {
            list-style: square inside
          }
          .repositoryDialog .versionInformation .subtitle {
            display: block;
            font-weight: bold;
            margin-bottom: 5px
          }
          .repositoryDialog .versionDetails table td, .repositoryDialog .versionDetails table th {
            padding: 3px;
            border-bottom: 1px solid #cccccc;
            text-align: left
          }
          #contextmenu .projectContextMenu {
            background-image: url(../../ext/project/asset/img/contextmenu.png)
          }
          #contextmenu .taskContextMenu.showInProject, #contextmenu .projectContextMenu.showInProject {
            background-position: 3px -689px
          }
          #contextmenu .taskContextMenu.editInProject, #contextmenu .projectContextMenu.editInProject {
            background-position: 3px -838px
          }
          #contextmenu .projectDetails {
            background-position: 3px -718px
          }
          #contextmenu .projectStatus {
            background-position: 3px 3px
          }
          #contextmenu .projectEdit {
            background-position: 3px -748px
          }
          #contextmenu .projectDelete {
            background-position: 3px -778px
          }
          #contextmenu .projectAddTask {
            background-position: 3px -85px
          }
          #contextmenu .projectAddContainer {
            background-position: 3px -115px
          }
          #contextmenu .projectContextMenu.taskPaste {
            background-position: 3px -808px
          }
          #contextmenu .taskContextMenu {
            background-image: url(../../ext/project/asset/img/contextmenu.png)
          }
          #contextmenu .status ul li a {
            background-image: url(../../ext/project/asset/img/projectstatus.png)
          }
          #contextmenu .status ul li a.taskContextMenu {
            background-image: url(../../ext/project/asset/img/taskstatus.png) !important
          }
          #contextmenu .task-showinproject {
            background-position: 3px -718px
          }
          #contextmenu .taskEdit {
            background-position: 3px -28px
          }
          #contextmenu .taskActions {
            background-position: 3px -297px
          }
          #contextmenu .taskCopy {
            background-position: 3px -387px
          }
          #contextmenu .taskCut {
            background-position: 3px -327px
          }
          #contextmenu .taskClone {
            background-position: 3px -147px
          }
          #contextmenu .taskDelete {
            background-position: 4px -56px
          }
          #contextmenu .taskPaste {
            background-position: 3px -537px
          }
          #contextmenu .taskPaste.disabled {
            background-position: 3px -657px
          }
          #contextmenu .taskPasteIn {
            background-position: 3px -567px
          }
          #contextmenu .taskPasteBefore {
            background-position: 3px -628px
          }
          #contextmenu .taskPasteAfter {
            background-position: 3px -598px
          }
          #contextmenu .taskAdd {
            background-position: 3px -177px
          }
          #contextmenu .taskAddTask {
            background-position: 3px -87px
          }
          #contextmenu .taskAddContainer {
            background-position: 3px -117px
          }
          #contextmenu .taskStatus {
            background-position: 3px 3px
          }
          #contextmenu .taskStatusPlanning {
            background-position: 4px 3px
          }
          #contextmenu .taskStatusOpen {
            background-position: 4px -27px
          }
          #contextmenu .taskStatusProgress {
            background-position: 4px -57px
          }
          #contextmenu .taskStatusConfirm {
            background-position: 4px -90px
          }
          #contextmenu .taskStatusDone {
            background-position: 4px -117px
          }
          #contextmenu .taskStatusAccepted {
            background-position: 4px -117px
          }
          #contextmenu .taskStatusRejected {
            background-position: 4px -147px
          }
          #contextmenu .taskStatusCleared {
            background-position: 4px -177px
          }
          #contextmenu .taskStatusWarranty {
            background-position: 4px -237px
          }
          #contextmenu .taskStatusAccepted {
            background-position: 4px -267px
          }
          #contextmenu .taskStatusWaiting {
            background-position: 4px -297px
          }
          #contextmenu .projectStatus {
            background-position: 3px 3px
          }
          #contextmenu .projectStatusPlanning {
            background-position: 4px 2px
          }
          #contextmenu .projectStatusOpen {
            background-position: 4px -27px
          }
          #contextmenu .projectStatusProgress {
            background-position: 4px -57px
          }
          #contextmenu .projectStatusConfirm {
            background-position: 4px -87px
          }
          #contextmenu .projectStatusDone {
            background-position: 4px -114px
          }
          #contextmenu .projectStatusAccepted {
            background-position: 4px -117px
          }
          #contextmenu .projectStatusRejected {
            background-position: 4px -147px
          }
          #contextmenu .projectStatusCleared {
            background-position: 4px -174px
          }
          #contextmenu .projectStatusWarranty {
            background-position: 4px -234px
          }
          #contextmenu .projectStatusAccepted {
            background-position: 4px -267px
          }
          #contextmenu .containerEdit {
            background-position: 3px -207px
          }
          #contextmenu .containerAdd {
            background-position: 3px -177px
          }
          #contextmenu .containerActions {
            background-position: 3px -508px
          }
          #contextmenu .containerCopy {
            background-position: 3px -418px
          }
          #contextmenu .containerCut {
            background-position: 3px -447px
          }
          #contextmenu .containerClone {
            background-position: 3px -479px
          }
          #contextmenu .containerDelete {
            background-position: 3px -237px
          }
          #contextmenu .containerAddTask {
            background-position: 3px -87px
          }
          #contextmenu .containerAddContainer {
            background-position: 3px -117px
          }
          #contextmenu .pastewarning a {
            padding-left: 10px;
            background: #f6f4de none
          }
          div.taskparent-ac {
            position: absolute;
            width: 250px;
            background-color: white;
            border: 1px solid #779124;
            margin: 0;
            padding: 0
          }
          div.taskparent-ac ul {
            list-style-type: none;
            margin: 0;
            padding: 0
          }
          div.taskparent-ac ul li.selected {
            background-color: #ffac00
          }
          div.taskparent-ac ul li {
            list-style-type: none;
            display: block;
            margin: 0;
            padding: 2px;
            height: 32px;
            cursor: pointer
          }
          #calendar-body .event {
            position: absolute;
            overflow: hidden
          }
          #calendarBody .event {
            border-radius: 5px
          }
          .dayMode .event .head, .weekMode .event .head {
            -moz-user-select: none;
            overflow: hidden
          }
          .dayMode .event .content, .weekMode .event .content {
            padding: 2px
          }
          #calendar .event .head {
            width: 100%
          }
          #calendarBody .event .head {
            width: 936px;
            height: 14px
          }
          #calendarBody .event .head > div {
            display: block;
            float: left
          }
          #calendar .event.canEdit .head {
            cursor: move
          }
          #calendar .event.noAccess .head, #calendar .event.noEdit .head {
            cursor: no-drop !important
          }
          .dayMode .event dd, .weekMode .event dd {
            font-size: 9px;
            padding: 2px
          }
          .monthMode .event dl {
            margin-bottom: 2px
          }
          .dayCol .event {
            z-index: 20
          }
          div.weekMode div#calendarBody div.event dt.head {
            height: 15px;
            padding: 3px 0
          }
          div.weekMode div#calendarBody div.event dd span.desc {
            display: inline;
            white-space: normal
          }
          .dayevent {
            margin: 0 0 1px;
            height: 16px;
            padding-top: 1px
          }
          .dayevent .head {
            height: 16px
          }
          .gridHeader .dayevent {
            position: relative
          }
          #calendar .dayEvents .dayMode .dayEvents .event .head {
            cursor: default
          }
          #calendar .dayEvents .event {
            margin: 1px;
            position: relative
          }
          #calendar .dayEvents .event .title {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 80%
          }
          #calendar .dayEvents .event .date {
            color: #010101
          }
          #calendar .dayEvents .event .head {
            cursor: default
          }
          #calendar .dayEvents .event.hasAccess .head {
            cursor: pointer
          }
          .event div div {
            display: inline-block;
            vertical-align: top
          }
          .event .head .typeIcon {
            height: 14px;
            width: 16px
          }
          .event .headInner {
            font-size: 9px;
            font-weight: normal;
            line-height: 1.2;
            overflow: hidden;
            padding-bottom: 3px;
            padding-left: 20px;
            padding-top: 3px;
            position: relative;
            white-space: nowrap
          }
          .event .typeIcon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat;
            vertical-align: top
          }
          .event.typeGeneral .typeIcon {
            background-position: 0 -660px
          }
          .event.typeAway .typeIcon {
            background-position: 0 -690px
          }
          .event.typeEducation .typeIcon {
            background-position: 0 -720px
          }
          .event.typeMeeting .typeIcon {
            background-position: 0 -750px
          }
          .event.typeAwayofficial .typeIcon {
            background-position: 0 -780px
          }
          .event.typeHomeoffice .typeIcon {
            background-position: 0 -810px
          }
          .event.typeCompensation .typeIcon {
            background-position: 0 -900px
          }
          .event.typeMilestone .typeIcon {
            background-position: 0 -930px
          }
          .event.typeReminder .typeIcon {
            background-position: 0 -960px
          }
          .event.typeBirthday .typeIcon {
            background-image: url(../../ext/contact/asset/img/icons.png);
            background-position: 3px -330px
          }
          .event > div {
            padding: 2px
          }
          .event .description, .event .description * {
            font-size: 9px
          }
          .event.typeVacation .typeIcon, .event.typeHoliday .typeIcon {
            background-position: 0 -390px
          }
          .event.typeAway .headInner, .event.typeAway .type, .dayMode .event .typeAway, .monthMode .event .typeAway {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 1px -690px
          }
          .event.typeBirthday .headInner, .event.typeBirthday .type, .dayMode .event .typeBirthday, .monthMode .event .typeBirthday {
            background: url(../../ext/contact/asset/img/icons.png) no-repeat 3px -330px
          }
          .event.typeVacation .headInner, .event.typeVacation .type, .dayMode .event .typeVacation, .monthMode .event .typeVacation {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -390px
          }
          .event.typeEducation .headInner, .event.typeEducation .type, .dayMode .event .typeEducation, .monthMode .event .typeEducation {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -720px
          }
          .event.typeMeeting .headInner, .event.typeMeeting .type, .dayMode .event .typeMeeting, .monthMode .event .typeMeeting {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -751px
          }
          .event.typeAwayofficial .headInner, .event.typeAwayofficial .type, .dayMode .event .typeAwayofficial, .monthMode .event .typeAwayofficial {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -782px
          }
          .event.typeHomeoffice .headInner, .event.typeHomeoffice .type, .dayMode .event .typeHomeoffice, .monthMode .event .typeHomeoffice {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 1px -811px
          }
          .event.typeCompensation .headInner, .event.typeCompensation .type, .dayMode .event .typeCompensation, .monthMode .event .typeCompensation {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -900px
          }
          .event.typeMilestone .headInner, .event.typeMilestone .type, .dayMode .event .typeMilestone, .monthMode .event .typeMilestone {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -930px
          }
          .event.typeReminder .headInner, .event.typeReminder .type, .dayMode .event .typeReminder, .monthMode .event .typeReminder {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 1px -961px
          }
          .private {
            display: block;
            position: absolute;
            top: 8px;
            left: 11px;
            width: 6px;
            height: 7px;
            background: transparent url(../../ext/calendar/asset/img/icons.png) no-repeat 0 -1140px
          }
          .weekNumber {
            float: left;
            color: #999999
          }
          .eventtypeicon {
            padding-right: 16px
          }
          #quickinfo dt.typeGeneralIcon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -656px
          }
          #quickinfo dt.typeAwayIcon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 4px -688px
          }
          #quickinfo dt.typeBirthdayIcon {
            background: url(../../ext/contact/asset/img/icons.png) no-repeat 4px -328px
          }
          #quickinfo dt.typeVacationIcon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -388px
          }
          #quickinfo dt.typeEducationIcon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -718px
          }
          #quickinfo dt.typeMeetingIcon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -748px
          }
          #quickinfo dt.typeAwayofficialIcon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -777px
          }
          #quickinfo dt.typeHomeofficeIcon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -807px
          }
          #quickinfo dt.typeCompensationIcon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -898px
          }
          #quickinfo dt.typeMilestoneIcon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -927px
          }
          #quickinfo dt.typeReminderIcon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 3px -958px
          }
          .portalEventsList h1.headerLine span.taskDate {
            width: 260px
          }
          .portalEventsList h1.headerLine span.eventType {
            width: 110px
          }
          .portalEventsList h2 {
            border-bottom: 1px solid #ececec;
            border-top: 1px solid #ececec;
            background-color: #fcfcfc;
            margin: 16px 0 8px 0;
            padding: 16px 0 10px 16px
          }
          .portalEventsList .event .eventDetailView td.label {
            background: none
          }
          .portalEventsList #events div.eventDetails {
            background-color: white
          }
          .portalEventsList #events .event h3 {
            border-left: 0
          }
          .portalEventsList #events .event .expanded {
            border-bottom: 1px solid #dddddd
          }
          .portalEventsList #events .event .expanded h3 {
            font-weight: bold;
            background-color: #eeeeee
          }
          .portalEventsList #events .event .label .title {
            width: 55%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block
          }
          .holidays {
            background: #aaaaaa url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -390px;
            padding: 0 0 0 15px;
            margin: 0 0 2px 1px;
            color: white;
            overflow: hidden;
            min-height: 17px
          }
          #portalListBirthdays .event div {
            display: inline-block;
            padding: 5px 0
          }
          #portalListBirthdays .event.odd {
            background-color: #eeeeee
          }
          #portalListBirthdays .event .type {
            background-position: 0 -325px;
            height: 16px;
            margin-left: 10px;
            margin-right: 5px;
            width: 30px
          }
          #portalListBirthdays .event .date {
            width: 200px
          }
          #portalListBirthdays .event .name {
            width: 250px
          }
          #portalListBirthdays .event .age {
            width: 70px
          }
          #holidays h3 {
            background-color: white;
            white-space: normal
          }
          #holidays h3.holidaysList {
            padding-left: 10px
          }
          #holidays h3.odd {
            background-color: #eeeeee
          }
          #events h3 {
            background-color: white;
            border-bottom: 1px solid #dddddd
          }
          #events h3 span.icon.acknowledge.not {
            background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -1260px;
            cursor: pointer
          }
          #events h3 span.icon.acknowledge.not.updated {
            background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -1434px;
            cursor: pointer
          }
          #events .details {
            border-left: 1px solid #eeeeee;
            border-right: 1px solid #eeeeee
          }
          #events .details .label {
            padding-left: 10px
          }
          #events .details .left {
            float: left;
            width: 380px
          }
          #events .details .right {
            float: right;
            width: 280px
          }
          #events .details .right dt {
            float: left;
            width: 100px
          }
          #events .details .right dd {
            float: left;
            width: 180px
          }
          #events .details .right dd span {
            padding-left: 13px
          }
          #events .event .headLabel {
            padding: 0 0 0 20px
          }
          #events .event .headLabel .icon {
            padding: 0 5px 0 0
          }
          #events .event h3 .label {
            cursor: pointer
          }
          #events .event h3 .label .date {
            display: inline-block;
            width: 238px
          }
          #events .event h3 .label .eventtype {
            display: inline-block;
            width: 100px
          }
          div.eventDetails dt {
            clear: both;
            float: left;
            line-height: 18px;
            text-align: left
          }
          div.eventDetails dd {
            float: right;
            line-height: 18px;
            width: 520px;
            text-align: left
          }
          #events .event h3 .label .eventtype, #events .event h3 .label .title {
            border-left: 1px solid #dddddd;
            padding: 0 5px 1px
          }
          #holidays .holidayDate {
            padding-left: 38px;
            width: 25%
          }
          #holidays .holidayDate.hasIcon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll 0 -390px
          }
          #holidays .holidaysList span {
            display: block;
            float: left
          }
          #holidays .holidayTitle {
            padding-left: 20px;
            float: left;
            width: 50%
          }
          #holidays .holidayWorkinghours {
            position: relative;
            width: 15%
          }
          .eventperson-acknowledged {
            padding-left: 20px;
            background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -1314px
          }
          .eventperson-unacknowledged {
            padding-left: 20px;
            background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -1288px
          }
          .eventperson-acknowledged-email {
            padding-left: 23px;
            background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -1402px
          }
          .eventperson-unacknowledged-email {
            padding-left: 23px;
            background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -1368px
          }
          table.eventDetailView {
            width: 100%
          }
          table.eventDetailView span.reminderLabel {
            font-weight: bold
          }
          table.eventDetailView td {
            text-align: left;
            padding: 7px 0 7px 0
          }
          table.eventDetailView td a {
            text-decoration: underline
          }
          table.eventDetailView td.label {
            font-weight: bold;
            width: 120px;
            padding-left: 2px
          }
          table.eventDetailView td.description ol, table.eventDetailView td.description ul {
            list-style-position: inside
          }
          table.eventDetailView td.description ul {
            list-style-type: disc
          }
          table.eventDetailView td.description ul li {
            padding: 0 0 0 6px
          }
          table.eventDetailView tr.odd, table.eventDetailView tr.even {
            border-bottom: 1px solid #dddddd
          }
          button.editEvent .icon {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat 4px -27px;
            width: 22px
          }
          #formElement-event-field-date-start {
            clear: both
          }
          #event-field-date-start.dayEvent, #event-field-date-end.dayEvent {
            width: 65px
          }
          div.mailing fieldset.autoemail {
            padding: 10px 15px 15px
          }
          div.mailing fieldset.autoemail legend {
            display: block
          }
          #calendar-view .headerLine .innerTitle {
            display: inline-block;
            max-width: 50%;
            padding-left: 10px;
            padding-right: 10px;
            overflow: hidden;
            text-overflow: ellipsis
          }
          #panelwidget-projectlist li {
            border-left-width: 4px;
            border-left-style: solid
          }
          #panelwidget-projectlist li a {
            background: url(../../ext/project/asset/img/icons.png) no-repeat 4px -449px
          }
          #panelwidget-projectselector h5 {
            margin-bottom: 2px
          }
          #panelwidget-projectselector li {
            border-left: 5px solid white;
            padding-left: 2px
          }
          #panelwidget-projectselector li a {
            width: 250px
          }
          #panelwidget-projectselector li.group a {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 2px -210px
          }
          #panelwidget-projectselector li.project a {
            background: url(../../ext/project/asset/img/icons.png) no-repeat 2px -354px
          }
          #panelwidget-projectselector li.virtualgroup a {
            background: url(../../ext/project/asset/img/panelwidget-projectselector.png) no-repeat 2px 0
          }
          #panelwidget-projectselector .selection li a span.deletegroup {
            margin-right: 58px !important
          }
          #panelwidget-projectselector li {
            border-left: 3px solid white
          }
          #panelwidget-projectselector li.hot a {
            font-weight: bold
          }
          #panelwidget-projectselector li.statusPlanning {
            border-left: 3px solid #7f007f
          }
          #panelwidget-projectselector li.statusOpen {
            border-left: 3px solid red
          }
          #panelwidget-projectselector li.statusProgress {
            border-left: 3px solid #ffac00
          }
          #panelwidget-projectselector li.statusConfirm {
            border-left: 3px solid #fffc00
          }
          #panelwidget-projectselector li.statusDone {
            border-left: 3px solid #77dc00
          }
          #panelwidget-projectselector li.statusAccepted {
            border-left: 3px solid green
          }
          #panelwidget-projectselector li.statusRejected {
            border-left: 3px solid #a60000
          }
          #panelwidget-projectselector li.statusCleared {
            border-left: 3px solid #dbdbdb
          }
          #panelwidget-projectselector li.statusWarranty {
            border-left: 3px solid #6085dd
          }
          #panelwidget-projectselector li.statusWaiting {
            border-left: 3px solid pink
          }
          #panelwidget-projectselector-selection {
            display: inline-block;
            margin-top: 3px;
            padding: 5px;
            width: 95%
          }
          #panelwidget-projectselector-selection li a {
            width: 1000px
          }
          #panelwidget-projectselector-selection li a span {
            background-image: url(../../core/asset/img/icons.png);
            background-repeat: no-repeat;
            display: inline-block;
            position: absolute;
            float: right;
            height: 16px;
            margin-right: 40px;
            width: 16px
          }
          #panelwidget-projectselector-selection li a span.add {
            background-position: 2px -28px
          }
          #panelwidget-projectselector-selection li a span.deletegroup {
            background-image: url(../../ext/project/asset/img/panelwidget-projectselector.png);
            background-position: 2px -32px;
            margin-right: 2px !important
          }
          #panelwidget-projectselector-selection li a span.remove {
            background-position: 2px -358px;
            position: absolute;
            right: -30px
          }
          #panelwidget-projectselector-selection li.disabled {
            opacity: 0.5
          }
          #panelwidget-projectselector-selection li.disabled:hover {
            opacity: 1
          }
          #panelwidget-projectselector-selection li .virtualgroup a span.add {
            background-position: 2px -28px
          }
          #panelwidget-projectselector-selection li .virtualgroup a span.remove {
            margin-right: -34px
          }
          #panelwidget-filterpresetlist button.manageFilters .icon {
            background: url(../../ext/search/asset/img/icons.png) no-repeat 3px -476px;
            width: 28px
          }
          #panelwidget-filterpresetlist h2 {
            font-size: 11px;
            padding: 8px 0 2px 0
          }
          #panelwidget-filterpresetlist select option {
            cursor: pointer
          }
          #panelwidget-filterpresetlist select option .separator {
            margin-top: -1px;
            cursor: default;
            background: #d6d9db url(../../ext/portal/asset/img/panelwidget-filterpresetlist.png) repeat-x 5px 0 !important;
            border-top: 0 !important;
            border-bottom: 0 !important;
            text-transform: uppercase
          }
          #panelwidget-calendar {
            border: none;
            z-index: 100
          }
          #scalupdate {
            display: none
          }
          #panelwidget-event-content {
            padding: 6px 0 6px 5px
          }
          #panelwidget-calendar-content .calheader, #panelwidget-calendar-content .calcontrol {
            font-weight: normal !important;
            text-transform: uppercase
          }
          #panelwidget-calendar-jscalendar tfoot {
            display: none
          }
          #panelwidget-calendar-jscalendar div.calendar {
            box-shadow: none
          }
          #panelwidget-calendar-jscalendar div.calendar tr.headrow td.button.hilite {
            cursor: pointer
          }
          #panelwidget-calendar-jscalendar .calendar thead .day.name {
            padding: 2px;
            cursor: default
          }
          #panelwidget-calendar-jscalendar .calendar .day {
            border-bottom: 1px solid #dddddd;
            border-right: 1px solid #dddddd;
            text-align: center;
            padding: 4px 7px;
            cursor: pointer
          }
          #panelwidget-calendar-jscalendar .calendar .wn {
            cursor: default
          }
          #panelwidget-calendar-jscalendar td.hillite, #panelwidget-calendar-jscalendar div.calendar tr td.day.hilite, #panelwidget-calendar-jscalendar div.calendar tr td.button.hilite div {
            text-shadow: none;
            cursor: pointer
          }
          #panelwidget-calendar-jscalendar div.calendar, #panelwidget-calendar-jscalendar div.calendar table {
            background-image: none;
            background-color: white
          }
          #todoyutimetrackingheadlettracking a.button {
            background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 1px -235px
          }
          

          
          
          #todoyutimetrackingheadlettracking a.button.tracking {
            background-position: 1px -55px
          }
          #todoyutimetrackingheadlettracking .content {
            margin-left: -380px;
            width: 575px;
            padding: 2px;
            padding-top: 3px
          }
          #todoyutimetrackingheadlettracking .tracking > div {
            display: inline-block;
            vertical-align: top
          }
          #todoyutimetrackingheadlettracking .tracking .taskDetails {
            width: 270px;
            overflow: hidden;
            border-right: 1px solid #dddddd;
            margin-left: 3px
          }
          #todoyutimetrackingheadlettracking .tracking .taskDetails a {
            display: inline-block !important;
            width: 100%;
            padding: 0;
            height: 15px;
            overflow: hidden;
            text-overflow: ellipsis
          }
          #todoyutimetrackingheadlettracking .tracking .taskDetails a:hover {
            background-color: #eeeeee
          }
          #todoyutimetrackingheadlettracking .tracking .taskTime {
            width: 260px;
            margin-left: 5px
          }
          #todoyutimetrackingheadlettracking .tracking .taskTime > div {
            display: inline-block;
            height: 15px
          }
          #todoyutimetrackingheadlettracking .tracking .taskTime .currentTracking {
            font-weight: bold
          }
          #todoyutimetrackingheadlettracking .tracking .taskTime .estimatedWorkload {
            float: left;
            margin-left: 5px
          }
          #todoyutimetrackingheadlettracking .tracking .taskTime .tracking {
            height: 15px
          }
          #todoyutimetrackingheadlettracking .tracking .taskTime .percent .number {
            float: left;
            margin-right: 5px
          }
          #todoyutimetrackingheadlettracking .tracking .taskTime .percent .bar {
            width: 100px;
            height: 12px;
            display: block;
            float: left;
            border: 1px solid #dddddd;
            background-color: #e3eace
          }
          #todoyutimetrackingheadlettracking .tracking .taskTime .percent .bar .progress {
            background-color: #c8ddbe;
            display: inline-block;
            height: 100%
          }
          #todoyutimetrackingheadlettracking .tracking .stop {
            position: absolute;
            top: 10px;
            right: 4px
          }
          #todoyutimetrackingheadlettracking .tracking .stop .icon {
            background-position: 5px 1px
          }
          #todoyutimetrackingheadlettracking .inactive {
            padding: 2px
          }
          #todoyutimetrackingheadlettracking .inactive > li {
            border-left-width: 4px;
            border-left-style: solid;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #dddddd;
            display: block;
            padding: 5px;
            background-color: white;
            position: relative;
            height: 15px
          }
          #todoyutimetrackingheadlettracking .inactive > li > div {
            display: inline-block;
            height: 18px
          }
          #todoyutimetrackingheadlettracking .inactive > li .title {
            cursor: pointer;
            width: 520px
          }
          #todoyutimetrackingheadlettracking .inactive > li .title > div {
            display: inline-block;
            height: 18px;
            vertical-align: top
          }
          #todoyutimetrackingheadlettracking .inactive > li .title .taskNumber {
            width: 60px
          }
          #todoyutimetrackingheadlettracking .inactive > li .title .taskTitle {
            width: 400px
          }
          #todoyutimetrackingheadlettracking .inactive > li .title .taskTitle .project, #todoyutimetrackingheadlettracking .inactive > li .title .taskTitle .task {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
          }
          #todoyutimetrackingheadlettracking .inactive > li .title .taskTitle .project {
            width: 43%
          }
          #todoyutimetrackingheadlettracking .inactive > li .title .taskTitle .task {
            width: 54%;
            font-weight: bold;
            margin-left: 5px
          }
          #todoyutimetrackingheadlettracking .inactive > li .title .taskTime {
            width: 50px
          }
          #todoyutimetrackingheadlettracking .inactive > li .trackingButton {
            position: absolute;
            right: 4px;
            width: 32px
          }
          #todoyutimetrackingheadlettracking .inactive > li .trackingButton button {
            width: 32px;
            margin-top: -5px
          }
          #todoyutimetrackingheadlettracking .inactive > li .trackingButton button .label {
            display: none
          }
          
          
          
          #todoyutimetrackingheadlettracking-button {
         background: url(/ext/timetracking/asset/img/icons.png) no-repeat 1px -235px}
          
          
          
          
          
          #panelwidget-daytracks ul li {
            min-height: 32px
          }
          * html #panelwidget-daytracks ul li {
            height: 32px
          }
          #panelwidget-daytracks ul li span.taskItem {
            display: block;
            border-left-width: 4px;
            border-left-style: solid
          }
          #panelwidget-daytracks ul li.deleted span.taskItem * {
            color: #999999
          }
          #panelwidget-daytracks ul li a.info {
            display: block;
            padding: 5px 25px 5px 9px
          }
          #panelwidget-daytracks ul li .info .time {
            letter-spacing: 1px;
            margin-right: 3px;
            padding-bottom: 3px
          }
          #panelwidget-daytracks ul li .info .tasknumber {
            width: 50px;
            clear: none
          }
          #panelwidget-daytracks ul li .info .company-project {
            display: inline-block;
            overflow: hidden;
            width: 100%
          }
          #panelwidget-daytracks ul li .info .company-project span {
            color: #999999;
            width: 500px;
            display: inline-block
          }
          #panelwidget-daytracks ul li .info .task {
            display: block
          }
          #panelwidget-daytracks ul li.running .info .time, #panelwidget-daytracks ul li.running .info .task, #panelwidget-daytracks ul li.running .info .tasknumber {
            font-weight: bold
          }
          #panelwidget-daytracks ul li .info .customer-project {
            display: block
          }
          #panelwidget-daytracks ul li a.icon {
            display: block;
            float: right;
            clear: none;
            width: 22px !important;
            height: 22px;
            background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 0 -26px
          }
          #panelwidget-daytracks ul li a.running {
            background-position: 0 4px !important
          }
          #panelwidget-daytracks .history, #panelwidget-daytracks .timeexport {
            display: inline
          }
          #panelwidget-daytracks button.trackHistory .icon {
            background: url(../../ext/daytracks/asset/img/icons.png) no-repeat 5px -87px;
            width: 25px
          }
          #todoyusearchheadletquicksearch-button {
            background: url(../../ext/search/asset/img/icons.png) no-repeat 5px 5px
          }
          #todoyusearchheadletquicksearch form {
            position: relative;
            padding: 5px 38px 5px 5px
          }
          #todoyusearchheadletquicksearch .content {
            width: 200px
          }
          #headlets #todoyusearchheadletquicksearch-mode-button {
            position: absolute;
            top: 0;
            right: 0;
            width: 28px;
            height: 26px;
            padding: 0;
            background: transparent url(../../ext/search/asset/img/icons.png) no-repeat 3px -536px
          }
          #todoyusearchheadletquicksearch-modes {
            margin-left: -3px;
            margin-top: 3px;
            top: 0;
            width: 198px
          }
          #todoyusearchheadletquicksearch-modes ul {
            border: none !important;
            width: 198px
          }
          #todoyusearchheadletquicksearch-modes li:hover {
            background-color: #edf1e0;
            border: none
          }
          #todoyusearchheadletquicksearch-modes li.searchmodeAll a {
            background: url(../../ext/search/asset/img/icons.png) no-repeat 2px -27px
          }
          #todoyusearchheadletquicksearch-suggest {
            padding-bottom: 20px;
            position: absolute;
            text-align: left;
            width: 350px;
            z-index: 210
          }
          #todoyusearchheadletquicksearch-suggest a span.title {
            display: block
          }
          #todoyusearchheadletquicksearch-suggest a span.keyword {
            font-weight: bold
          }
          #todoyusearchheadletquicksearch-suggest a span.info {
            color: #aaaaaa
          }
          #todoyusearchheadletquicksearch-suggest ul {
            background-color: white;
            border-top: none;
            border: 1px solid #dddddd;
            border-bottom: none
          }
          #todoyusearchheadletquicksearch-suggest ul ul {
            background-color: transparent;
            border: none
          }
          #todoyusearchheadletquicksearch-suggest ul li ul li a {
            border-bottom: 1px solid #cccccc;
            display: block;
            padding: 2px 2px 2px 10px
          }
          #todoyusearchheadletquicksearch-suggest ul .type {
            background-color: #eeeeee;
            border-bottom: 1px solid #dddddd;
            display: block;
            font-weight: bold;
            letter-spacing: 1px;
            padding: 5px 3px 5px 10px;
            text-transform: uppercase
          }
          #todoyusearchheadletquicksearch-suggest .quicksearch-suggest {
            box-shadow: 2px 2px 5px #999999
          }
          #todoyusearchheadletquicksearch-suggest ul li ul li.active a, #todoyusearchheadletquicksearch-suggest ul li ul li a:hover {
            background-color: #ffffbb
          }
          #panelwidget-searchfilterlist div.panelwidgetContent {
            margin-top: 0
          }
          #panelwidget-searchfilterlist .listItem.separator {
            margin-top: -1px;
            background: #cccccc;
            border-bottom: 0px
          }
          #panelwidget-searchfilterlist .listItem.separator .title {
            padding-left: 20px;
            text-transform: uppercase
          }
          #panelwidget-searchfilterlist .listItem .title {
            display: inline-block;
            width: 50%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
          }
          #panelwidget-searchfilterlist .listItem .actions a {
            background: transparent url(../../core/asset/img/icons.png) no-repeat scroll !important
          }
          #panelwidget-searchfilterlist .listItem .actions a.save {
            background-position: 5px -209px !important
          }
          #panelwidget-searchfilterlist .listItem .actions a.delete {
            background-position: 4px -330px !important
          }
          #panelwidget-searchfilterlist .listItem .actions a.visibility {
            background-position: 4px -1079px !important
          }
          #panelwidget-searchfilterlist .listItem .actions a.rename {
            background-position: 5px -149px !important
          }
          #panelwidget-searchfilterlist .listItem .actions a.invisible {
            opacity: 0.3
          }
          #panelwidget-searchfilterlist button {
            margin-top: 10px
          }
          #panelwidget-searchfilterlist button.addseparator .icon {
            background: transparent url(../../core/asset/img/icons.png) no-repeat 3px -27px
          }
          #panelwidget-searchfilterlistsearchFilterButton {
            padding: 5px
          }
          #panelwidget-taskbookmarks div.bookmarks ul li {
            min-height: 32px;
            padding: 0;
            border-bottom: 1px solid #dddddd;
            margin-bottom: 2px;
            z-index: 1
          }
          #panelwidget-taskbookmarks div.bookmarks ul li.running .taskItem .title {
            font-weight: bold
          }
          #panelwidget-taskbookmarks div.bookmarks ul li.running a {
            background-position: 0 8px !important
          }
          #panelwidget-taskbookmarks div.bookmarks ul li a.timetracking {
            display: block;
            float: right;
            clear: none;
            width: 22px;
            height: 26px;
            position: relative;
            z-index: 101;
            background: url(../../ext/timetracking/asset/img/icons.png) no-repeat 0 -22px
          }
          #panelwidget-taskbookmarks .taskItem {
            border-left-width: 4px;
            border-left-style: solid;
            padding: 5px 5px 5px 9px;
            margin: -2px 0 0 0;
            position: relative;
            z-index: 100;
            overflow: hidden;
            cursor: pointer
          }
          #panelwidget-taskbookmarks .taskItem .title, #panelwidget-taskbookmarks .taskItem .project {
            display: inline-block;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
          }
          #panelwidget-taskbookmarks .taskItem .project {
            color: #999999
          }
          #panelwidget-taskbookmarks .container.taskItem {
            border-left-width: 8px;
            border-right-width: 4px;
            border-right-style: solid;
            padding-left: 5px;
            padding-right: 24px
          }
          #panelwidget-taskbookmarks .handle {
            height: 100%;
            width: 5px;
            position: absolute;
            cursor: move;
            top: 0;
            left: 0;
            margin-left: -5px
          }
          #panelwidget-taskbookmarks form {
            display: inline-block;
            width: 95%;
            padding: 1px 5px;
            margin-top: 3px;
            margin-bottom: 5px
          }
          #panelwidget-taskbookmarks form .fField {
            width: 160px
          }
          #panelwidget-taskbookmarks form .fLabel {
            width: 70px
          }
          #panelwidget-staffselector h5 {
            margin-bottom: 2px
          }
          #panelwidget-staffselector li {
            border-left: 5px solid white;
            padding-left: 2px
          }
          #panelwidget-staffselector li a {
            width: 250px
          }
          #panelwidget-staffselector li a span {
            background-image: url(../../core/asset/img/icons.png);
            background-repeat: no-repeat;
            display: inline-block;
            float: right;
            height: 16px;
            margin-right: 40px;
            width: 16px
          }
          #panelwidget-staffselector li a span.deletegroup {
            background-image: url(../../ext/contact/asset/img/panelwidget-staffselector.png);
            background-position: 2px -32px
          }
          #panelwidget-staffselector li.group a {
            background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 2px -210px
          }
          #panelwidget-staffselector li.person a {
            background: url(../../ext/contact/asset/img/icons.png) no-repeat 2px 2px
          }
          #panelwidget-staffselector li.virtualgroup a {
            background: url(../../ext/contact/asset/img/panelwidget-staffselector.png) no-repeat 2px 0
          }
          #panelwidget-staffselector .selection li a span.deletegroup {
            margin-right: 10px !important
          }
          #panelwidget-staffselector-list li {
            border-left-color: white !important
          }
          #panelwidget-staffselector-list li.hot a {
            font-weight: bold
          }
          #panelwidget-staffselector-selection {
            display: inline-block;
            margin-top: 3px;
            padding: 5px;
            width: 95%
          }
          #panelwidget-staffselector-selection li a span.remove {
            background-position: 2px -358px
          }
          #panelwidget-staffselector-selection li a span.deletegroup {
            margin-right: 2px !important
          }
          #panelwidget-staffselector-selection li.disabled {
            opacity: 0.5
          }
          #panelwidget-staffselector-selection li.disabled:hover {
            opacity: 1
          }
          #panelwidget-staffselector-selection li .virtualgroup a span.add {
            background-position: 2px -28px
          }
          #panelwidget-staffselector-selection li .virtualgroup a span.remove {
            margin-right: -34px
          }
          #panelwidget-stafflist-list li a {
            background: url(../../ext/contact/asset/img/icons.png) no-repeat 2px 2px
          }
          #todoyuprofileheadletprofile .button {
            background: url(../../ext/profile/asset/img/icons.png) no-repeat 0 -55px
          }
          #panelwidget-contactexport p.instructiontext {
            padding: 10px 0
          }
          .panelWidgetStatusFilter .content {
            margin: 0 0 4px 0
          }
          .panelWidgetStatusFilter select option {
            background-image: url(../../ext/project/asset/img/status.png);
            cursor: pointer;
            height: 16px !important;
            padding-left: 26px !important;
            padding-top: 4px !important
          }
          .panelWidgetStatusFilter option.statusPlanning {
            background-position: 2px -1px
          }
          .panelWidgetStatusFilter option.statusOpen {
            background-position: 2px -31px
          }
          .panelWidgetStatusFilter option.statusProgress {
            background-position: 2px -60px
          }
          .panelWidgetStatusFilter option.statusConfirm {
            background-position: 2px -90px
          }
          .panelWidgetStatusFilter option.statusDone {
            background-position: 2px -120px
          }
          .panelWidgetStatusFilter option.statusAccepted {
            background-position: 2px -267px
          }
          .panelWidgetStatusFilter option.statusRejected {
            background-position: 2px -148px
          }
          .panelWidgetStatusFilter option.statusCleared {
            background-position: 2px -210px
          }
          .panelWidgetStatusFilter option.statusWarranty {
            background-position: 2px -238px
          }
          .panelWidgetStatusFilter option.statusCustomer {
            background-position: 2px -2px
          }
          .panelWidgetStatusFilter option.statusWaiting {
            background-position: 6px -295px
          }
          #panelwidget-taskstatusfilter-list option {
            background-image: url(../../ext/project/asset/img/taskstatus.png);
            height: 16px
          }
          #panelwidget-taskstatusfilter-list option.statusPlanning {
            background-position: 4px 0
          }
          #panelwidget-taskstatusfilter-list option.statusOpen {
            background-position: 4px -29px
          }
          #panelwidget-taskstatusfilter-list option.statusProgress {
            background-position: 4px -60px
          }
          #panelwidget-taskstatusfilter-list option.statusConfirm {
            background-position: 4px -90px
          }
          #panelwidget-taskstatusfilter-list option.statusDone {
            background-position: 4px -117px
          }
          #panelwidget-taskstatusfilter-list option.statusAccepted {
            background-position: 4px -117px
          }
          #panelwidget-taskstatusfilter-list option.statusRejected {
            background-position: 4px -147px
          }
          #panelwidget-taskstatusfilter-list option.statusCleared {
            background-position: 4px -176px
          }
          #panelwidget-taskstatusfilter-list option.statusWarranty {
            background-position: 4px -233px
          }
          #panelwidget-taskstatusfilter-list option.statusAccepted {
            background-position: 4px -267px
          }
          #panelwidget-projectstatusfilter-list option {
            background-image: url(../../ext/project/asset/img/projectstatus.png);
            height: 18px;
            padding-left: 26px !important
          }
          #panelwidget-projectstatusfilter-list option.statusPlanning {
            background-position: 4px 3px
          }
          #panelwidget-projectstatusfilter-list option.statusOpen {
            background-position: 4px -27px
          }
          #panelwidget-projectstatusfilter-list option.statusProgress {
            background-position: 4px -57px
          }
          #panelwidget-projectstatusfilter-list option.statusConfirm {
            background-position: 4px -87px
          }
          #panelwidget-projectstatusfilter-list option.statusDone {
            background-position: 4px -113px
          }
          #panelwidget-projectstatusfilter-list option.statusAccepted {
            background-position: 4px -117px
          }
          #panelwidget-projectstatusfilter-list option.statusRejected {
            background-position: 4px -147px
          }
          #panelwidget-projectstatusfilter-list option.statusCleared {
            background-position: 4px -174px
          }
          #panelwidget-projectstatusfilter-list option.statusWarranty {
            background-position: 4px -233px
          }
          #panelwidget-projectstatusfilter-list option.statusAccepted {
            background-position: 4px -267px
          }
          div #panelwidget-loginnews h1 span.title {
            background: url(../../ext/loginpage/asset/img/panelwidget-loginnews.png) no-repeat 4px -28px;
            margin: 0;
            padding: 0 0 12px 24px
          }
          #panelwidget-loginnews #news-local {
            background-color: #eeeeee;
            min-height: 200px
          }
          #panelwidget-loginnews #loginnews-iframe {
            width: 256px;
            border: 0;
            overflow: hidden
          }
          #panelwidget-loginnews #news-live {
            margin: 0;
            padding: 10px 5px;
            background: #eeeeee
          }
          #panelwidget-loginnews #news-live p {
            margin: 0;
            padding: 0
          }
          #panelwidget-loginnews #news-live a {
            text-decoration: none;
            color: #24a5c3
          }
          #panelwidget-loginnews #news-live a strong {
            color: #24a5c3
          }
          #panelwidget-loginnews #news-live a:hover {
            color: #444444
          }
          #todoyuloginpageheadletlogout .button {
            background: url(../../ext/loginpage/asset/img/icons.png) no-repeat 5px 5px
          }
          #panelwidget-profilemodules li.general a {
            background: url(../../ext/profile/asset/img/icons.png) no-repeat 1px 1px
          }
          #panelwidget-eventtypeselector-list option {
            background: url(../../ext/calendar/asset/img/icons.png) no-repeat scroll;
            padding: 3px 0 3px 20px
          }
          #panelwidget-eventtypeselector-list option .eventtype_general {
            background-position: 1px -658px
          }
          #panelwidget-eventtypeselector-list option.eventtype_away {
            background-position: 1px -688px
          }
          #panelwidget-eventtypeselector-list option.eventtype_awayofficial {
            background-position: 1px -779px
          }
          #panelwidget-eventtypeselector-list option.eventtype_birthday {
            background-position: 1px -628px
          }
          #panelwidget-eventtypeselector-list option.eventtype_vacation {
            background-position: 1px -387px
          }
          #panelwidget-eventtypeselector-list option.eventtype_education {
            background-position: 1px -718px
          }
          #panelwidget-eventtypeselector-list option.eventtype_meeting {
            background-position: 1px -748px
          }
          #panelwidget-eventtypeselector-list option.eventtype_homeoffice {
            background-position: 1px -808px
          }
          #panelwidget-eventtypeselector-list option.eventtype_compensation {
            background-position: 1px -898px
          }
          #panelwidget-eventtypeselector-list option.eventtype_milestone {
            background-position: 1px -928px
          }
          #panelwidget-eventtypeselector-list option.eventtype_reminder {
            background-position: 0 -959px
          }
          #panelwidget-holidaysetselector-list option {
            padding: 2px 0 2px 20px
          }
          #formElement-event-field-seriesinfo {
            background-color: #ffffbb;
            margin-bottom: 20px;
            box-shadow: 2px 2px 7px #999999;
            padding: 10px
          }
          #formElement-event-field-seriesinfo .fField span {
            font-size: 12px
          }
          #formElement-event-field-seriesoverbooking-inputbox, #formElement-event-field-serieslabel-inputbox {
            width: 470px
          }
          #formElement-event-field-seriesoverbooking-inputbox {
            line-height: 150%
          }
          #quickcreate #formElement-event-field-seriesoverbooking-inputbox, #quickcreate #formElement-event-field-serieslabel-inputbox {
            width: 410px
          }