/* 
    Document   : app.css
    Created on : 06.10.2013, 23:38:20
    Author     : ainur101 <ainur101 at ainur101.ru>
    Description:
        Purpose of the stylesheet follows.
*/
.icon-small {
    width: 14px;
    height: 14px;    
}

.icon-medium {
    width: 24px;
    height: 24px;
}

.icon-large {
    width: 32px;
    height: 32px;
}

.tm-table {
    font-size: 9pt;
    white-space: nowrap;
}

.tm-table td {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    height: 18px;
}

.search-input {
    background: url('/icons/search.png') no-repeat 5px 5px;
    background-size: 20px 20px;
    text-indent:20px;
}

.black-a {
    text-decoration: none;
    color: #111;
}

.black-a:hover {
    text-decoration: none;
    color: #111;    
}

#main-panel { 
    padding: 5px;
    background: #fff;
    overflow: auto;
    height: 300px;
    border-top: 1px solid #fff;
}

#side-bar {

    padding: 10px;
    border-left: 1px solid #eee;
}

#footer {
    height: 30px;
    border-top: 1px solid #eee;
    background: #fff;
}

#footer-table {
    border: none;
}

#footer-table td {
    border-left: 1px solid #eee;
}

#timer {
    color: #555;
}

#search_panel {
    padding-top: 9px;
    background: #e6e6db;

}

.datepicker { border-collapse: collapse;  border: 2px solid #999; position: absolute; z-index:1000; width: 280px;}
.datepicker tr.controls th { height: 11px; font-size: 11px; }
.datepicker select { font-size: 11px; }
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }

.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }
.datepicker tbody td.date { cursor: pointer; height: 20px;}
.datepicker tbody td.date.over { background-color: #781e1e; font-weight: bold;}
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #444;}

#statistic_side {
    font-size: 9pt;
}

#first-panel td:hover{
    background: #dbd8be;
}

#project_block {
    width: 100%;
    min-height: 200px;
    border: 1px solid #d2d2d2;
    margin: 10px;
    margin-left: 0px;
    position: relative;
    background: #fff;
}

#project_block .title{
    width: 100%;
    color: #781e1e;
    padding-left: 5px;
    font-size: 14px;
    height: 18px;
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #d2d2d2;
}

#project_block .content{
    overflow: auto;
    height: 200px;
    margin-bottom: 55px;
    
}

#project_block .content ul li {
    list-style: none;
    font-size: 14px;
    height: 22px;
    padding-left: 10px;
    width: 100%;
    border-bottom: 1px solid #eee;

}

#project_block .content ul li:hover{
    border-bottom: 1px dotted #eee;
}

#project_block .content table{
    width: 100%;
    font-size: 14px;
}

#project_block .content table th {
    height: 16px;
    padding: 0;
    font-weight:normal;
    text-align: center;
}

#project_block .content table td {
    height: 16px;
    padding: 0;
    font-weight:normal;
}

#project_block .actions{
    width: 100%;
    background: #f0ead8;
    position: absolute;
    bottom: 0;
    padding: 2px;
    font-size: 14px;
}
.tm-table-edit tr{
    height: 30px;
    font-size: 14px;
}
.str-link-site{
    color: #111;
}
.invisible-sticks {
    background: #f0ead8;
    border-radius: 5px;
    
    
}
.invisible-sticks-head {
    background: #ccc;
    width: 100%;    
    padding: 5px;
    border-radius: 5px 5px 0px 0px;
    
}
.invisible-sticks-head a{
    color: #444;
    font-size: 12px;
    font-weight: bold;
}
.invisible-sticks-content {
    padding: 5px;
    display: none;
}

.kttoperator_block {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    background: rgb(161 145 110);
    border: none

}
.kktoperator_table {
    width: 100%; 
    border-radius: 5px;
    background: none;
    border: none;
    border-collapse: collapse;
}



.kktoperator_table tbody th{
    border-bottom: 1px solid #fff;
    color: #fff;
    text-align: left;
}

.kktoperator_table tbody tr {
    background: none;    
}

.kktoperator_table tbody tr td{
    color: #fff;
    font-weight: bolder;
}