/* CSS Document */

img, div, p, span, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, label, table, tr, th, td, hr, blockquote {
  padding:0px;
  margin:0px;
  border:none;
}

body {
  padding:0px 0px 0px 0px;
  margin:0px;
  font-family:arial,helvetica,sans-serif;
  text-align:center;
  font-size:13px;
  color:#ffffff;
  background:#333333;
}

/* zahlavi */

div#zahl {
  position:relative;
  width:990px;
  height:32px;
  padding:34px 0 0 0;
  margin:auto;
  text-align:right;
  color:#999999;
}

  div#zahl p small {
    font-size:11px;
  }

/* stranka */

div#str {
  position:relative;
  width:990px;
  margin:auto;
  color:#000000;
  background:#ffffff;
}

/* stranka index */

#index div#str {
  min-height:570px;
  background:url('/img/str-index-bg.jpg') no-repeat center bottom #ffffff;
}

  #index div#str img {
    position:relative;
    margin:85px 0 45px 0;
  }

  #index div.panel#login {
    width:342px;
    margin:auto;
    padding:60px 15px 5px 15px;
    background:#ffffff;
  }

    #index div.panel#login h3 {
      position:absolute;
      left:0px;
      top:0px;
      width:338px;
      padding:10px 17px 10px 17px;
      margin:0 0 15px 0;
      font-size:16px;
      text-align:left;
      background:url('/img/login-h3-bg.gif') repeat-x center bottom #d9d9d9;
      border-bottom:1px solid #a7a7a7;
    }

    #index div.panel#login form.formular fieldset {
      padding:0;
      border:0;
      font-size:14px;
    }

      #index div.panel#login form.formular table {
        margin:0 0 15px 0;
      }

        #index div.panel#login form.formular table th {
          width:140px;
          text-align:right;
          font-weight:normal;
          vertical-align:middle;
        }

      #index div.panel#login form.formular .formfield {
        width:152px;
        height:23px;
        padding-top:5px;
      }

  /* hlavicka */

  div#hl {
    position:relative;
    width:990px;
    height:68px;
  }

    div#hl img {
      position:absolute;
      right:32px;
      bottom:0px;
    }

    /* menu */

    div#menu {
      position:absolute;
      left:0px;
      top:0px;
      width:740px;
      height:68px;
      background:url('/img/menu-bg.gif') repeat-x left center #3da4d8;
    }

      div#menu ul {
        position:relative;
        width:730px;
        height:68px;
        padding:0 0 0 10px;
        font-size:12px;
      }

        div#menu ul li {
          position:relative;
          float:left;
          list-style:none;
          height:68px;
        }

        div#menu ul li.akt {
          background:url('/img/menu-akt-bg.gif') no-repeat center bottom;
        }

          div#menu ul li a {
            position:relative;
            display:block;
            height:35px;
            padding:33px 20px 0px 18px;
            text-decoration:none;
            color:#ffffff;
            background:url('/img/menu-a-bg.gif') no-repeat right bottom;
          }

  /* obsah */

  div#obs {
    position:relative;
    padding:30px;
    text-align:left;
  }

    /* user panel */

    div#user-panel {
      position:relative;
      float:right;
      top:-10px;
      width:270px;
      margin:0 0 15px 15px;
      font-size:11px;
      text-align:right;
      color:#898989;
    }

      div#user-panel img {
        position:relative;
        top:3px;
        margin:0 5px 0 0;
      }

      div#user-panel a {
        text-decoration:none;
        color:#898989;
      }

      div#user-panel a:hover {
        color:#000000;
      }

    div#obs h1 {
      position:relative;
      margin:7px 300px 15px 0;
      font-size:24px;
    }

    div#obs h2 {
      position:relative;
      margin:0 0 10px 0;
      font-size:16px;
    }

    /* panely a jejich vnorene styly */

    div.panel {
      position:relative;
      padding:15px;
      margin:0 0 20px 0;
      border:1px solid #cccccc;
    }

      /* calendar */

      div.panel#calendar {
        float:left;
        width:250px;
        height:auto;
        margin:0 20px 20px 0;
      }

        /* calendar - weekend */
        .ui-datepicker-week-end a.ui-state-default
        {
            background: #ebddc6;
        }

        /* calendar - selected day */
        .ui-datepicker-current-day a
        {
            background  : #2e82b2 !important;
            color       : #ffffff !important;
            border-color: #5cb9ee !important;
        }

      /* employee */

      div.panel#employee {
        height:auto;
        margin:0 0 20px 300px;
      }

        div.panel#employee table.data.simple {
          margin-bottom:50px;
        }

          div.panel#employee table.data.simple th {
            text-align:right;
          }

        div.panel#employee button {
          position:absolute;
          bottom:15px;
        }

      /* data-filter */

      div.panel.report-employee#data-filter {
        float:left;
        width:550px;
      }

      div.panel.report#data-filter {
        float:left;
        width:680px;
      }

        div.panel#data-filter div#calendar {
          position:relative;
          float:left;
          z-index:200;
        }

        div.panel#data-filter form.formular {
          padding:0;
        }

          div.panel#data-filter form.formular fieldset {
            float:left;
            padding:0;
            margin:0 0 0 25px;
            border:none;
          }

            div.panel.report-employee#data-filter form.formular fieldset div, div.panel.report#data-filter form.formular fieldset div {
              margin:10px 0 0 0;
            }

            div.panel#data-filter form.formular fieldset select {
              width:200px;
              margin:10px 0 0 0;
            }

            div.panel.report#data-filter form.formular fieldset select#project-select {
              width:180px;
            }

            div.panel.report#data-filter form.formular fieldset select#employee-select {
              width:135px;
            }

            div.panel#data-filter form.formular fieldset input {
              position:relative;
              top:3px;
              margin:7px 3px 0 0;
            }

          div.panel#data-filter form.formular p {
            padding-top:20px;
          }

      /* data-filter-report */

      div.panel.report-employee#data-filter-report {
        min-height:246px;
        padding:0;
        margin-left:600px;
        border:0;
      }

      div.panel.report#data-filter-report {
        min-height:246px;
        padding:0;
        margin-left:730px;
        border:0;
      }

        div.panel.report-employee#data-filter-report p, div.panel.report#data-filter-report p {
          padding:10px;
          margin-bottom:10px;
          border:1px solid #cccccc;
        }

    /* tabulky */

    table.data {
      margin:0 0 7px 0;
      border-collapse:collapse;
    }

      table.data.simple th, table.data.simple td {
        padding:3px;
        vertical-align:top;
      }

    /* formulare */

    form.formular {
      position:relative;
      padding:0 0 10px 0;
    }

      form.formular fieldset {
        position:relative;
        padding:10px;
        margin:0px 0px 10px 0px;
        border:1px solid #ebebeb;
      }

        form.formular fieldset legend {
          font-weight:bold;
          color:#999999;
        }

      form.formular table th {
        padding:3px 3px 3px 0px;
        text-align:left;
        vertical-align:top;
      }

      form.formular table td {
        padding:3px;
        vertical-align:top;
      }

      form.formular .formfield {
        font-family:arial,helvetica,sans-serif;
        font-size:100%;
        background:url('/img/formfield-bg.png') left top no-repeat #f8f8f8;
        border:1px solid #cccccc;
      }

      .table-list-projects td {
        padding-top: 2px;
        padding-bottom: 2px;
      }

      #jquery-form input[type=checkbox] {
        transform: scale(1.5);
      }

/* paticka */

div#pat {
  position:relative;
  width:990px;
  padding:25px 0 25px 0;
  margin:auto;
  color:#999999;
}

  div#pat p small {
    font-size:11px;
  }

    div#pat p small a {
      color:#999999;
      text-decoration:none;
    }

    div#pat p small a:hover {
      color:#ffffff;
      text-decoration:underline;
    }

/* doplnky */

.skryt {
  display:none;
}

.spacer {
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:20px;
  line-height:0px;
  font-size:0px;
}

.cleaner {
  clear:both;
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:0px;
  line-height:0px;
  font-size:0px;
}

.divider {
  border-top:1px dotted #b4a794;
  border-bottom:none;
  margin:15px 0px 15px 0px;
  clear:right;
}

/* obrazek pres text */

.im {
  position:absolute;
  top:0px;
  left:0px;
  display:block;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position:center center;
}

a.im {
  cursor:pointer;
}

/* hlasky */

.chyba-formulare {
  font-size:100%;
  font-weight:bold;
  color:#ffffff;
  padding:15px 15px 15px 15px !important;
  margin:20px 0px 20px 0px !important;
  background-color:#663333;
}

.uspech-formulare {
  font-size:100%;
  font-weight:bold;
  color:#ffffff;
  padding:15px 15px 15px 15px !important;
  margin:20px 0px 20px 0px !important;
  background-color:#336633;
}

.zvyrazneno {
  border:1px solid #663333 !important;
}

/* jquery */

/* loading status */

span.loading
{
    background  : url('/img/loading.gif') no-repeat;
    padding-left: 22px;
}

/* table align for dialogs */

form#jquery-form table tr th,
form#jquery-form table tr td
{
    text-align: left;
}

/* Selected weekend rows in flexigrid */
.flexigrid tr.erow.weekend td.sorted,
.flexigrid tr.erow.weekend td,
.flexigrid tr.weekend td.sorted,
.flexigrid tr.weekend td
{
    background-color: #ebddc6;
}

/* Selected closed rows in flexigrid */
.flexigrid tr.erow.closed td.sorted,
.flexigrid tr.erow.closed td,
.flexigrid tr.closed td.sorted,
.flexigrid tr.closed td
{
 /*   background-color: #fcabab; */
}


.ui-dialog, .ui-dialog .ui-dialog-content{overflow: visible !important;}