<?php
	header('Content-type: text/css');
	$table_header = "../../../skins/standard/grfx/g3_table_header.png";
	$add =          "../../../skins/standard/grfx/add.png";
?>

div.ki_expenses table {
    border-collapse: collapse;
    font-size: 11px;
    color: #363636;
    border-bottom:1px solid #888;
}
div.ki_expenses table a.preselect_lnk {
    color: #363636;
    text-decoration:none;
    border-bottom:1px dotted #bbb;
}

div.ki_expenses table a:hover {
    color: #0F9E00;
    border-bottom:none;
}

div.ki_expenses table thead {
    height:25px;
    text-align:left;
    color:#FFF;
}

div.ki_expenses table thead th {
    background-image: url('<?php echo $table_header; ?>');
}

div.ki_expenses tr.even td,
div.ki_expenses tr.odd td
{
    border-bottom: none;
    border-left: none;
    border-right: 1px dotted #CCC;
/*    border-top: 1px solid #DDD;*/
    padding: 3px 4px 4px 5px;
}
#exp_head td {padding: 3px 4px 4px 6px;}

div.ki_expenses tr.hover td {
    background: #FFC !important;
/*    border-top: 1px solid #666 !important;
    border-bottom: 1px solid #666 !important;*/
}

div.ki_expenses tr.even td {
    background: #FFF;
}

div.ki_expenses tr.odd td {
    background: #EEE;
}

div#exptable tr td.time {
    border-bottom:1px dotted white;;
}


div#exptable tr.even td.value {
    background: #A4E7A5;
}

div#exptable tr.odd td.value {
    background: #64BF61;
}

div.ki_expenses tr td.option,
div.ki_expenses tr td.date,
div.ki_expenses tr td.time {
    text-align:center;
}

div.ki_expenses a {
    margin: 0 3px;
}

div.ki_expenses>div#exp>div#exptable>table>tbody>tr>td.evt {
    border-right: none;
}


#exp_head td { white-space:nowrap; }

#exp_head td.option,
#exp td.option
{
    width:70px;
}

#exp_head td.date,
#exp td.date
{
    width:50px;
}

#exp_head td.time,
#exp td.time
{
    width:40px;
}

#exp_head td.value,
#exp td.value
{
    width:40px;
}

#exp_head td.designation,
#exp td.designation
{
    min-width:20px;
}

div#exp_head div.left
{ 
    position:absolute;
    overflow:hidden;
    width:32px;
    height:20px;
    top:3px;
    left:3px;
}

div#exp_head div.left a
{ 
    background-image: url('<?php echo $add; ?>');
    overflow:hidden;
    display:block;
    width:22px;
    height:16px;
    text-indent:-500px;
}

div#exp_head td {padding: 3px 4px 4px 6px;}