* {
  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; }

/*
 * ---------------------------------------
 * Show in calendar views
 * ---------------------------------------
 */
a.eventContextMenu {
    /*
   * ---------------------------------------
   * Reminder options (email and popup)
   * ---------------------------------------
   */ }
  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; }

/*
 * ------------------------
 * Wizard popUp styling
 * ------------------------
 */
#quicktask.dialog #quicktask_top.dialog.title {
  padding: 0 0 0 32px;
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -510px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
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; }

/*
 * -----------------
 * Sub menu
 * -----------------
 */
/*
 * Projects
 */
#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; }

/*
 * Search
 */
#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; }

/*
 * ------------------------
 * Quick create wizard popUp styling
 * ------------------------
 */
#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; }

/*
 * -----------------------------------------------
 * Quick create (headlet) mode selector entries
 * -----------------------------------------------
 */
#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; }

/*
 * -----------------
 * Search
 * -----------------
 */
#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; }

/*
 * -----------------------------------------------
 * Search Listing of Projects
 * -----------------------------------------------
 */


.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; }

/*
 * --------------------------------------
 * Task and project properties
 * -------------------------------------
 */
.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; }

/*
 * No project selected
 */
.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 tree tabs
 * -------------------------------------
 */
#project-tabs li span.icon {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 0 -445px; }

/*
 * --------------------------------------
 * Search tabs
 * -------------------------------------
 */
#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; }

/*
 * --------------------------------------
 * Tab content
 * -------------------------------------
 */
.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; }

/*
 * -------------------------------------
 * Extconf and task preset set form
 * -------------------------------------
 */
fieldset.defaultsforlimited {
  margin-top: 10px;
  border-top: 1px solid #dddddd;
  padding-top: 10px; }

/*
 * -------------------------------------
 * Status colors for task and project
 * -------------------------------------
 */
/*
 * planning
 */
.bcStatus1 {
  border-color: #7f007f; }

.bgStatus1 {
  background-color: #7f007f; }

/*
 * open
 */
.bcStatus2 {
  border-color: red; }

.bgStatus2 {
  background-color: red; }

/*
 * progress
 */
.bcStatus3 {
  border-color: #ffac00; }

.bgStatus3 {
  background-color: #ffac00; }

/*
 * confirm
 */
.bcStatus4 {
  border-color: #fffc00; }

.bgStatus4 {
  background-color: #fffc00; }

/*
 * done
 */
.bcStatus5 {
  border-color: #77dc00; }

.bgStatus5 {
  background-color: #77dc00; }

/*
 * accepted
 */
.bcStatus6 {
  border-color: green; }

.bgStatus6 {
  background-color: green; }

/*
 * rejected
 */
.bcStatus7 {
  border-color: #a60000; }

.bgStatus7 {
  background-color: #a60000; }

/*
 * cleared
 */
.bcStatus8 {
  border-color: #dbdbdb; }

.bgStatus8 {
  background-color: #dbdbdb; }

/*
 * warranty
 */
.bcStatus9 {
  border-color: #6085dd; }

.bgStatus9 {
  background-color: #6085dd; }

/*
 * customer
 */
.bcStatus10 {
  border-color: pink; }

.bgStatus10 {
  background-color: pink; }

/*
 * ---------------------------------
 * Project details task preset
 * --------------------------------
 */
.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; }

/*
 * -----------------------------
 * Records form elements
 * ----------------------------
 */
.fElement.typeRecords.recordsProject .recordIcon {
  background: url(../../ext/project/asset/img/icons.png) no-repeat 2px -354px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
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; }

/*
 * --------------------------
 * Sub menu
 * --------------------------
 */
#navi-main-list-todoyu li.itemSysmanager a {
  background-image: url(../../ext/sysmanager/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: 6px 5px; }

/*
 * ------------------------------
 * Extension: Config
 * ------------------------------
 */
#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; }

/*
 * -----------------------------------
 * Create mode options in headlet
 * -----------------------------------
 */
.createmode-role {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 11px -208px; }

/*
 * ------------------------------------
 * Quick create wizard popUp styling
 * ------------------------------------
 */
#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; }

/*
 * -----------------------------------------------
 * Quick create (headlet) mode selector entries
 * -----------------------------------------------
 */
#todoyuheadletquickcreate li.itemSysmanagerRole a {
  background: url(../../ext/sysmanager/asset/img/icons.png) no-repeat 5px -538px; }

/*
 * -------------------------
 * Role list
 * -------------------------
 */
.rolesListing th,
.rolesListing td {
  vertical-align: middle; }

/*
 * Column widths
 */
.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; }

/*
 * Column configs
 */
.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; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
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; }

/*
 * -------------------------------
 * Default layout changes
 * -------------------------------
 */
  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; }

/*
 * ---------------------
 * Login form
 * ---------------------
 */
  #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 on Login page
 * ----------------------------
 */
#todoyu-info {
  border: 1px solid #d0d6be;
  background-color: #edf1e0;
  clear: both;
  padding: 15px; }

/*
 * ------------------------
 * Confirmation page
 * ------------------------
 */
div.passwordResetConfirmationText {
  padding: 5px; }
  div.passwordResetConfirmationText.failure {
    background-color: #f6e0e0 !important;
    border-color: #a84747; }
  div.passwordResetConfirmationText.successful {
    background-color: #c8ddbe !important;
    border-color: green; }

/*
 * ----------------------
 * Loginpage
 * ----------------------
 */
#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%; }

/*
 * ----------------------
 * Re-login popup
 * ----------------------
 */
div#relogin-popup-form fieldset.loginForm {
  background-color: white; }
  div#relogin-popup-form fieldset.loginForm input {
    font-size: 12px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
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; }

/*
 * -----------------
 * Sub menu
 * -----------------
 */
  #navi-main-list-portal li {
        /*
     * Selection
     */
        /*
     * To do
     */ }
    #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; }

/*
 * -----------------
 * Tabs
 * -----------------
 */
#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 icons for calendar infos
 * -------------------------------------
 */
#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; }

/*
 * ----------------------------------------------
 * Extension icon:stand-alone and in heading
 * ----------------------------------------------
 */
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; }

/*
 * --------------------------------------------
 * Main menu: Sub menu entries in planning
 * --------------------------------------------
 */
#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; }

/*
 * --------------------------
 * Sub menu in portal
 * --------------------------
 */
#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; }

/*
 * ----------------------------------------
 * Quick create wizard pop-up styling
 * ----------------------------------------
 */
#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; }

/*
 * --------------------------------
 * Create mode option in headlet
 * --------------------------------
 */
#todoyuheadletquickcreate li.itemCalendarEvent a {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 5px -296px; }

/*
 * ------------------------------
 * Search mode option in headlet
 * ------------------------------
 */
#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
 * --------------------------
 */
#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; }

/*
 * ------------------------------------------------------------------
 * Events with / without multiple person assignments inside calendar
 * ------------------------------------------------------------------
 */
.enumColBGFademultiOrNone,
.enumColBGmultiOrNone,
.enumColBgFgmultiOrNone {
  color: #010101 !important;
  background-color: #e3eace !important;
  border-color: #d0d6be !important; }

.enumColBGmultiOrNone {
  background-color: #d0d6be !important; }

/*
 * --------------------------------------------------------------------
 * Date navigational buttons (center on today, go forward / backward)
 * --------------------------------------------------------------------
 */
.dateNavi {
  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;
  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; }

/*
 * -------------------
 * Popups
 * -------------------
 */
  .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; }

/*
 * -------------------
 * Reminder
 * -------------------
 */
button.rescheduleReminderButton span.icon {
  background: url(../../ext/calendar/asset/img/icons.png) no-repeat 2px -1200px;
  padding-left: 6px; }

/*
 * ---------------
 * Grid
 * ---------------
 */
.mainGrid {
  border-bottom: 1px solid #dddddd;
  background: #d0d6be; }

#gridContainer {
  background: #f2f3ed;
  position: relative;
  overflow: hidden; }

/*
 * Scrolling or not
 */
#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; }

/*
 * Marker layer of current hour
 */
#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%; }

/*
 * ----------------------
 * Area tabs
 * ----------------------
 */
#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
 * ----------------------
 */
#calendar {
  background-color: white; }

#calendar-body {
  background-color: white;
  padding-bottom: 10px;
  width: 100%; }

/*
 * ------------------------
 * Create or update event
 * ------------------------
 */
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; }

/*
 * ---------------
 * Event
 * ---------------
 */
div.dayMode div#calendarBody div.event dt.head {
  height: 15px;
  padding: 3px 0;
  margin-bottom: 1px; }

/*
 * ----------------------
 * Header
 * ----------------------
 */
.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; }

/*
 * ----------------------
 * Day view today
 * ----------------------
 */
.dayviewToday {
  background-color: lightyellow; }

/*
 * ----------------------
 * Event
 * ----------------------
 */
.dayEvents .event {
  padding-top: 1px; }

#calendar .dayEvents .event span {
  display: inline-block; }

/*
 * ----------------------
 * Helper classes
 * ----------------------
 */
.wid4 {
  width: 4px; }

.wid40 {
  width: 40px; }

/*
 * ---------------
 * Header
 * ---------------
 */
.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; }

/*
 * ---------------
 * Event
 * ---------------
 */
.monthMode .event.typeBirthday .head {
  background-color: #d0d6be; }

.monthMode .event.dayevent {
  overflow: hidden;
  white-space: nowrap; }

#calendar-body .monthMode .event {
  position: relative;
  margin-bottom: 1px; }

/*
 * ------------
 * Header
 * ------------
 */
.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; }

/*
 * --------------
 * Month view
 * --------------
 */
/*
 * border color and style
 */
.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
 * --------------
 */
.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; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
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; }

/*
 * ------------------------------
 * Task context menu
 * ------------------------------
 */
  #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 injections
 * --------------------
 */
  .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; }

/*
 * --------------------
 * Task tab
 * --------------------
 */
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
 * --------------------
 */
.task .taskHeadExtras .billingtime {
  width: 30px;
  padding: 0 3px; }

/*
 * -------------------------
 * Task timetracking tab
 * -------------------------
 */
.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; }

/*
 * ------------------
 * Panel
 * ------------------
 */
#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 time tracks
 * -------------------------
 */
.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; }

/*
 * --------------------
 * Track Form
 * --------------------
 */
.task .tabContent .formTimetrack {
  background: white;
  padding: 5px 5px 10px 5px; }

.task .tabContent .formTimetrack legend {
  display: none; }

.task .tabContent .formTimetrack .main {
  padding: 10px 0; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
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; }

/*
 * -----------------------------
 * CSV - Export Popup
 * -----------------------------
 */
#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; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
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
 * --------------------------
 */
  #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;
      /*
   * 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: 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; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
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 icons for person infos
 * -------------------------------------
 */
#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; }

/*
 * ----------------------------------------------
 * Extension icon:  stand-alone and in heading
 * ----------------------------------------------
 */
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; }

/*
 * --------------------------
 * Sub menu
 * --------------------------
 */
      #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; }

/*
 * -----------------------------------
 * Create mode options in headlet
 * -----------------------------------
 */
  #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; }

/*
 * ------------------------------------
 * Quick create wizard popUp styling
 * ------------------------------------
 */
    #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; }

/*
 * -----------------
 * Search
 * -----------------
 */
  #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; }

/*
 * Company search
 */
#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; }

/*
 * Person search
 */
#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; }

/*
 * ----------------------------
 * Contact listing general
 * ----------------------------
 */
#paging-person table tbody tr,
#paging-company table tbody tr {
  cursor: pointer; }

/*
 * Column configs
 */
    #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; }

/*
 * -------------------------
 * Tabs
 * -------------------------
 */
  #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; }

/*
 * -------------------------
 * Person list
 * -------------------------
 */
  div#search-results p#person-listing-message-emptylist,
  div#search-results p#company-listing-message-emptylist {
    display: none; }

/*
 * ---------------------
 * Visiting card
 * --------------------
 */
.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; }

/*
 * -------------------
 * Person and Company Listing
 * -------------------
 */
  .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; }

/*
 * -------------------
 * Person Details
 * -------------------
 */
    #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; }

/*
 * -------------------
 * Person Profile
 * -------------------
 */
#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; }

/*
 * -----------------------------
 * Records form elements
 * ----------------------------
 */
.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; }

/*
 * ----------------------
 * Company Details
 * ----------------------
 */
      #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; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
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; }

/*
 * ------------------------
 * Comment in ext list
 * ------------------------
 */
.extlist tr.comment:before {
  content: normal; }

/*
 * -----------------
 * Sub menu
 * -----------------
 */
    #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; }

/*
 * ------------------------
 * Context menu task
 * ------------------------
 */
  #contextmenu .taskContextMenu.task-add-comment {
    background-image: url(../../ext/comment/asset/img/icons.png);
    background-repeat: no-repeat;
    background-position: 3px 3px; }

/*
 * --------------
 * Search
 * --------------
 */
    #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
 * --------------------------
 */
  #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; }

/*
 * --------------------------
 * Task tab
 * --------------------------
 */
  .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; }

/*
 * --------------------------
 * Comment list
 * --------------------------
 */
.commentList {
  display: block;
  position: relative;
  padding: 5px 0;
  margin: 30px 0;
    /*
   * vertical line
   */
    /*
   * only last element should not have a border
   */ }
      .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;
        /*
     * circle
     */
        /*
     * no circle under the star
     */
        /*
     * -----------------------------------------------------------
     * Person and meta information
     * -----------------------------------------------------------
     */
        /*
     * -----------------------------------------------------------
     * Comment Text
     * -----------------------------------------------------------
     */
        /*
     * -----------------------------------------------------------
     * Feedback and email receiver persons in comment header
     * -----------------------------------------------------------
     */ }
    .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;
            /*
       * -----------------------------------------------------------
       * Assets
       * -----------------------------------------------------------
       */ }
      .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; }

/*
 * ------------------------
 * Comment form
 * ------------------------
 */
  .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; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
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; }

/*
 * --------------
 * Tab icons
 * --------------
 */
#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; }

/*
 * --------------
 * Inner styles
 * --------------
 */
p.profileConfigExplanation {
  border: 1px solid #eeeeee;
  margin: 6px 0;
  padding: 6px 12px 12px 12px; }

/*
 * ----------------------------------------------
 * Extension icon: stand-alone and in heading
 * ----------------------------------------------
 */
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; }

/*
 * ----------------------------------------------
 * Asset form elements
 * ----------------------------------------------
 */
.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; }

/*
 * --------------------------
 * Field types
 * --------------------------
 */
      .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; }

/*
 * --------------------------
 * Field types
 * --------------------------
 */
    .project .projectDetailsTab.assetsProjectTab .icon {
      background: url(../../ext/project/asset/img/projectheader.png) no-repeat 0px -60px; }

/*
 * ----------------------------------------------
 * List
 * ----------------------------------------------
 */
  .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 {
        /*
     * Background colors of the rows in the list
     */ }
    .assetList tr.selected td {
      background-color: #e3eace; }

/*
 * ----------------------------------------------
 * Task inline upload form
 * ----------------------------------------------
 */
  .inlineAssetUpload .fieldnameDelete,
  .inlineAssetUpload .inlineAssetUpload .fieldnameUpload {
    float: left;
    width: auto; }
  .inlineAssetUpload .fieldnameDelete .fField,
  .inlineAssetUpload .inlineAssetUpload .fieldnameUpload .fField {
    width: auto; }
  .inlineAssetUpload .fieldnameDelete .fLabel {
    width: 0; }

/*
 * ------------------------
 * Context menu task
 * ------------------------
 */
#contextmenu .taskContextMenu.task-add-asset {
  background-image: url(../../ext/assets/asset/img/icons.png);
  background-repeat: no-repeat;
  background-position: 6px -27px; }

/*
 * --------------------------
 * Task tab
 * --------------------------
 */
.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; }

/*
 * ------------
 * Task
 * -----------
 */
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 header
 * --------------------
 */
  .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; }

/*
 * -------------------------
 * Project task tree
 * -----------------------
 */
    .taskTree .task .headLabel {
      width: 650px; }
      .taskTree .task .headLabel .projectName {
        max-width: 550px; }

/*
 * -------------------------
 * Flat task listing
 * -----------------------
 */
  .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; }

/*
 * -------------------------------------
 * Drag'n'drop hover styles
 * -------------------------------------
 */
#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 header (container)
 * ------------------------
 */
  .task.container > h3 {
    background-color: #f8f8f8;
    border-right-width: 4px;
    border-right-style: solid; }
    .task.container > h3 > .statusColor {
      border-left-width: 8px; }

/*
 * end of styles only for container element
 */
    .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 Icons
 * ----------------------
 */
  .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
 * ------------------
 */
  .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; }

/*
 * -----------------
 * Task colors
 * ----------------
 */
/*
 * sub tasks
 */
  .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; }

/*
 * ----------------------------
 * Additional task icons
 * ----------------------------
 */
  .task-status-container h3 a,
  .task-status-container div.taskdetails {
    border-left-color: #222222;
    background-color: #f8f8f8; }

/*
 * ---------------------------
 * Task Search Modification
 * ---------------------------
 */
    #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; }

/*
 * -------------------
 * Sysmanager modules
 * -------------------
 */
#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; }

/*
 * -------------------
 * Tabs
 * -------------------
 */
#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 right
 */
#extension-tabs li.info,
#extension-tabs li.config {
  float: right; }

/*
 * Special tabs right
 */
#extension-tabs li.imported,
#extension-tabs li.update,
#extension-tabs li.search {
  float: right; }

/*
 * -------------------
 * Extension list
 * -------------------
 */
  .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; }

/*
 * ----------------------
 * State tag images
 * ----------------------
 */
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; }

/*
 * -------------------
 * Import and install
 * -------------------
 */
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; }

/*
 * -------------------
 * Upload extension
 * -------------------
 */
#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; }

/*
 * --------------
 * Tab icons
 * --------------
 */
#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; }

/*
 * ---------------------
 * Container
 * ------------------------
 */
#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 icons
 * ------------------------
 */
  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; }

/*
 * ----------------------
 * Month info box
 * ----------------------
 */
.monthInfo {
  padding: 5px;
  margin: 0 0 8px 0;
  background-color: white; }
  .monthInfo dt {
    float: left;
    width: 110px; }
  .monthInfo dd {
    float: left;
    width: 110px; }

/*
 * ---------------------
 * Tracks
 * ------------------------
 */
#daytracks-history-trackings {
  margin: 10px 0;
  padding-bottom: 5px;
  border: 0 solid #bababa; }
  #daytracks-history-trackings h1 {
    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
   */
    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;
    /*
   * planning
   */
    /*
   * open
   */
    /*
   * progress
   */
    /*
   * confirm
   */
    /*
   * done
   */
    /*
   * accepted
   */
    /*
   * rejected
   */
    /*
   * cleared
   */
    /*
   * warranty
   */
    /*
   * customer
   */ }
  #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;
        /*
   * 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: 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; }

/*
 * --------------
 * Header
 * --------------
 */
#projects h1.headerLine {
  cursor: pointer; }

h1.headerLine span.projectIcons {
  float: right;
  margin-top: 4px; }

/*
 * ----------------
 * Task tree
 * ----------------
 */
/*
 * lost tasks
 */
.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; }

/*
 * --------------
 * Project
 * --------------
 */
.statusPlanning .data .content {
  background-color: white; }

/*
 * Details
 */
.project .projectstatus {
  position: absolute;
  top: 0;
  height: 27px;
  border-left-width: 8px;
  border-left-style: solid; }

.project .description a {
  text-decoration: underline; }

/*
 * Assigned persons
 */
.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; }

/*
 * ------------------------------------
 * Project search modifications
 * ------------------------------------
 */
#todoyu-search .project .additionalStuff {
  display: none; }

/*
 * ------------------------------------
 * Asset form
 * ------------------------------------
 */
.assetForm .fForm {
  padding: 0;
  background: none; }

.assetForm .fForm fieldset {
  margin-bottom: 0; }

.assetForm .fForm fieldset legend {
  border-color: #e3eace; }

/*
 * ----------------------
 * Project Tabs
 * ----------------------
 */
#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 tabs content
 */
.project .tabContent {
  background-color: #e3eace; }


.project .tabContent .tabBlock {
  position: relative;
  background: white; }

.project .tabContent .tab {
  padding: 5px;
  background: white; }

/*
 * ----------------------
 * Project Details
 * ----------------------
 */
  .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; }
 }
/*
 * ----------------------------
 * Tabs
 * ----------------------------
 */
  #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; }

/*
 * ----------------------------
 * Tables
 * ----------------------------
 */
.recordsList {
  width: 918px;
  border: 0; }
    .recordsList .actions .icon {
      cursor: pointer;
      margin-right: 5px; }

/*
 * ----------------------------
 * Types of all extensions
 * ----------------------------
 */
  .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; }

/*
 * ----------------------------
 * Types of one extension
 * ----------------------------
 */
  .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; }

/*
 * ----------------------------
 * Records listing
 * ----------------------------
 */
.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; }

/*
 * -------------------
 * Tabs
 * -------------------
 */
#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; }

/*
 * --------------------
 * Rights Matrix
 * --------------------
 */
#rightsmatrix {
  margin: 10px 0; }

#rightsmatrix td {
  vertical-align: middle; }

/*
 * Roles
 */
#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; }

/*
 * Rights
 */
#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;
    /*
   * font-weight:bold;
   */
  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 icons for rights infos
 * -------------------------------------
 */
#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; }

/*
 * -------------------
 * Tabs
 * -------------------
 */
#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; }

/*
 * -----------------------
 * Extension Listing
 * -----------------------
 */
.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; }

/*
 * -----------------------
 * Search
 * -----------------------
 */
.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; }

/*
 * -----------------------
 * Updates
 * -----------------------
 */
/*
 * Core update
 */
.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; }

/*
 * -----------------------
 * Dialog
 * -----------------------
 */
.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; }

/*
 * -------------------------------------------------------
 * Project & Task common context menu items:
 * 
 * e.g. "Show inside project"-option for tasks and projects
 * in listview in "foreign" areas (e.g. portal, search)
 * --------------------------------------------------------
 */
/*
 * a.task-showinproject,
 */
/*
 * a.projectContextMenu.showInProject {
 */
/*
 * background-image:url(../../ext/project/asset/img/contextmenu.png) !important;
 */
/*
 * background-position:3px -689px !important;
 */
/*
 * }
 */
/*
 * --------------------------
 * Project context menu
 * --------------------------
 */
#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; }

/*
 * ---------------------------
 * Task context menu
 * ---------------------------
 */
#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; }

/*
 * --------------------------------
 * Change task status icons
 * --------------------------------
 */
#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; }

/*
 * --------------------------------
 * Change project status icons
 * --------------------------------
 */
#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; }

/*
 * ---------------------------
 * Container context menu
 * ---------------------------
 */
#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; }

/*
 * ---------------------------
 * Paste Warning
 * ---------------------------
 */
#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;
    /*
   * position:absolute;
   */ }

.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; }

/*
 * ------------------------
 * Event
 * ------------------------
 */
  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; }

/*
 * --------------------------------------------
 * Events in all views (day, week, month)
 * --------------------------------------------
 */
.dayview div.tg-colwrapper div.event dl,
.weekMode div.tg-colwrapper div.event dl {
    /*
   * border:1px dotted $white;
   */ }

.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; }

/*
 * ------------------------
 * Portal events list
 * ------------------------
 */
        .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 in portal list
 * ----------------------
 */
.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; }

/*
 * ----------------------
 * Birthdays in portal list
 * ----------------------
 */
    #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; }

/*
 * -------------------------
 * List mode in portal
 * -------------------------
 */
#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 {
                /*
         * margin-right:10px;
         */ }
        #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 list
 * -------------------------------------
 */
  #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%; }

/*
 * -----------------------------------------
 * Event attendee persons
 * ------------------------------------------
 */
/*
 * Person has acknowledged the event
 */
.eventperson-acknowledged {
  padding-left: 20px;
  background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -1314px; }

/*
 * Person has not acknowledged the event
 */
.eventperson-unacknowledged {
  padding-left: 20px;
  background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -1288px; }

/*
 * Person has acknowledged event AND received it via email
 */
.eventperson-acknowledged-email {
  padding-left: 23px;
  background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -1402px; }

/*
 * Person has NOT acknowledged event AND received it via email
 */
.eventperson-unacknowledged-email {
  padding-left: 23px;
  background: transparent url(../../core/asset/img/icons.png) no-repeat 0 -1368px; }

/*
 * ---------------------------
 * Detail view
 * ---------------------------
 */
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; }

/*
 * ----------------------
 * Edit view
 * ----------------------
 */
#formElement-event-field-date-start {
  clear: both; }

#event-field-date-start.dayEvent,
#event-field-date-end.dayEvent {
  width: 65px; }

/*
 * -------------------------------------------------
 * Mailing popup shown after delete / drag&drop
 * -------------------------------------------------
 */
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; }

/*
 * -----------------------------------
 * Project selector
 * -----------------------------------
 */
  #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; }

/*
 * -----------------
 * Calendar widget
 * -----------------
 */
#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; }

/*
 * --------------------------
 * jscalendar adaptions
 * --------------------------
 */
  #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;
            /*
       * background:#316ac5;
       */ }
    #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 {
    /*
   * background:#316ac5;
   */
    /*
   * color:$white;
   */
  text-shadow: none;
  cursor: pointer; }

#panelwidget-calendar-jscalendar div.calendar,
#panelwidget-calendar-jscalendar div.calendar table {
  background-image: none;
  background-color: white; }

#todoyutimetrackingheadlettracking {
    /*
   * ----------------------------------------------
   * Active tracking
   * ----------------------------------------------
   */
    /*
   * ----------------------------------------------
   * Inactive tracking
   * ----------------------------------------------
   */ }
  #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; }

/*
 * ------------------------
 * Panelwidget icon
 * -----------------------
 */
#panelwidget-daytracks ul li {
  min-height: 32px; }

* html #panelwidget-daytracks  ul li {
  height: 32px; }

/*
 * ---------------------------------------------
 * Panelwidget status - border colors global
 * ---------------------------------------------
 */
#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;
    /*
   * icon space
   */ }

#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; }

/*
 * -------------------
 * Modes sub menu
 * -------------------
 */
#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; }

/*
 * -----------------------------------------------------
 * Staff selector
 * -----------------------------------------------------
 */
  #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; }

/*
 * -------------------
 * Status icons
 * ------------------
 */
.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; }

/*
 * -------------------
 * Status icons
 * ------------------
 */
#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; }

/*
 * -------------------
 * Status icons
 * ------------------
 */
#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; }

/*
 * ------------------------------------------------------------
 * Check library dependencies panel widget
 * ------------------------------------------------------------
 */
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%; }

/*
 * ---------------
 * Quick create
 * ---------------
 */
#quickcreate #formElement-event-field-seriesoverbooking-inputbox,
#quickcreate #formElement-event-field-serieslabel-inputbox {
  width: 410px; }