* {
    font-family: sans-serif;
    padding: 0;
    margin: 0;
}

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

.fl {
    float: left;
}

body {
    padding: 5px 0px 0px 20px;
    background: #808080;
}

h3 {
    padding-bottom: 10px;
}

.left {
    float: left;
    width: 200px; 
    background: white;   
    padding: 6px;
    margin-bottom: 10px;    
}

.right {
    float: left;
}

.rBox {
    width: 650px; 
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    background: white;       
    padding: 20px;
    border: outset 2px;
    padding: 20px;
}

.coBox {
    float: left;  
    
    margin-left: 10px;
    background: white;       
    padding: 20px;
    border: outset 2px;
    padding: 20px;
}

/* KALENDAR */

.caBox {
    padding: 10px;
}

table.calendar {
    border: solid 2px;
    border-collapse: collapse;
    
}

.calendar th, .calendar td
{
    border: solid 1px #808080;    
    text-align: center;
    width: 24px;
    height: 24px
}

.calendar a, .calendar a:visited{
    color: black;
    display: block;
    width: 24px;
    height: 24px;
    text-decoration: none;
}

.calendar a:hover {
    background-color: #ffff80;
}

.calendar a.today {
    background-color: #ff8080;
}

.calendar a.weekend {
    background-color: #D0D0D0;
}

.calendar td.today a {
    width: 100%;
}

.calendar th {
    background-color: #D0FFD0;
}

/* GRID */
table.grid {
    border-collapse: collapse;
}

.grid th, .grid td
{
    border: solid 1px #808080; 
    padding: 5px 6px 3px 6px;   
    font-size: 14px;
}

/* FORMY */
label {
    width: 100px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    float: left;
    margin-top: 5px;
}

input, select {
    margin-top: 5px;    
}

fieldset {
    margin-bottom: 17px;
    padding: 10px;
    background-color: #E0E0E0;
}

fieldset legend {
    font-size: 14px;
    font-weight: bold;
}

input.add {
    float: right;
}

.eBox table {
    width: 160px;
}

.eBox label {
    width: 43px;
}

/**/
a.drop, a.drop:visited {
    display: block;
    width: 24px;
    height: 24px;
    background: url('image/remove.png') no-repeat 4px 4px;
    font-size: 1px;
    color: transparent;
}

/**/
a.accept, a.accept:visited {
    display: block;
    width: 100%;
    height: 24px;
    background: url('image/accept.png') no-repeat 50% 50%;
    font-size: 1px;
    color: transparent;
    
}

/**/
a.edit, a.edit:visited {
    display: block;
    width: 24px;
    height: 24px;
    background: url('image/edit.png') no-repeat 4px 4px;
    font-size: 1px;
    color: transparent;
    
}


a.print, a.print:visited {
    display: block;
    width: 24px;
    height: 24px;
    background: url('image/printer.png') no-repeat 4px 4px;
    font-size: 1px;
    color: transparent;
    
}

a.excell, a.excell:visited {
    display: block;
    width: 24px;
    height: 24px;
    background: url('image/application.png') no-repeat 4px 4px;
    font-size: 1px;
    color: transparent;
    
}

a.archive, a.archive:visited {
    display: block;
    width: 24px;
    height: 24px;
    background: url('image/database_next.png') no-repeat 4px 4px;
    font-size: 1px;
    color: transparent;
    
}

a.unarchive, a.unarchive:visited {
    display: block;
    width: 24px;
    height: 24px;
    background: url('image/database_previous.png') no-repeat 4px 4px;
    font-size: 1px;
    color: transparent;
}

a.html, a.html:visited {
    display: block;
    width: 24px;
    height: 24px;
    background: url('image/info.png') no-repeat 4px 4px;
    font-size: 1px;
    color: transparent;
}

a.tab, a.tab:visited {
    display: block;
    width: 100px;
    float: left;    
    margin: 8px 8px 15px 8px;
    padding: 5px;
    background: white;
    text-align: center;
    border: outset 2px;    
    color: black;
}

a.tab.wider {
    width: 150px;    
}

.hide {
    display: none;

    width: 90%;
    
    float: left;  
    background: white;       
    padding: 20px;
    padding-top: 10px;
    border: outset 2px;
    background: white;
}

.hide.show {
    display: block;
}

.fix {
    position: fixed;
    top: 57px;
    overflow: hidden;
}

#report {
    margin-top: 52px;
}

#employee {
    margin-top: 52px;
}

#contract, #contractarchive {
    margin-top: 105px;
}

#contract.unfold, #contractarchive.unfold {
    margin-top: 405px;
}

#contractarchive_form, #contract_form {
    padding-bottom: 0px;
    padding-top: 10px;
}

.formal {
    width: 780px;
}

.hundrepercento {
    width: 91%;
}

tr.disabled td {
    border: solid 1px #d0d0d0;
    border-left: none;
    border-right: none;
    background: #f0f0f0;
}

tr.disabled td:first-child {
    border-left: solid 1px #d0d0d0;
}

tr.disabled td:last-child {
    border-right: solid 1px #d0d0d0;
}

tr.billed td {
    background: #fffbeb;
}

.compact {
    height: 30px;
}

.toggle {
    width: 24px;
    height: 24px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    border: solid 1px #808080;
    background: #f0f0f0;
    margin-left: 10px;
    margin-top: -2px;
    cursor: pointer;
}