body {
    background: #FFFFFF url("/images/navigation.png") top left repeat-y; ;
    font-family: sans-serif;
    font-size: 80%;
    margin: 0px;
}

a { color: blue;}
a:visited { color: blue;}
a img {border: 0;}

table tr td {
    padding: 0px 10px 0px 10px;
}

h1 { margin: 0px; padding: 0px; font-size: 20px;}

h4 { margin: 0px 0px 20px 0px; padding: 0px; }

.header { background: #0033CC; color: white; padding: 10px; }
.header a { color: white; text-decoration: underline;}
.completetable { position: relative; }
.completetable .content {padding: 10px 10px 0px 190px;}
.completetable .navigation { position: absolute; top:10px;left:10px; width: 160px; }

#message { color: red; }

.client { border-collapse: collapse; }
.client tr td { vertical-align: top; border: 1px solid black; }
.client tr td input { border: 1px solid white; }

textarea { font-family: sans-serif; font-size: 90%; }

.plainList { list-style-type: none; margin: 0px; padding: 0px; }
.plainList li { padding: 0px; }

.plainTable { border-collapse: collapse; background: white; border: 2px solid black; }
.plainTable tr td { border: 1px solid black; }


#Text { width: 100%; border-collapse: collapse;}
.TextToprow { border: 3px solid black; border-bottom: 0px; }
.TextSecondrow { border: 3px solid black; border-top: 0px; }

#filtrTable { width: 100%; border-collapse: collapse; border: 1px solid black; margin-bottom: 10px; }
#filtrTable tr td { font-size: 100%; padding: 0px 5px;}

#filtrTable .textClientSelection { width: 100%; }
#filtrTable .textClientSelection tr td { padding: 0px 5px; width: 12%; }
#filtrTable .textClientSelection select { width: 100%;}
#filtrTable .textClientSelection option { font-size: 80%;  }

.smallColsLeft {
    border-right: 0px;
    text-align: right;
    padding-right: 5px;
}

.smallColsRight {
    border-left: 0px;
    text-align: left;
    padding-left: 5px;
}

#clientSelection {
    background: #BFE4FF;
    border: 0px;
}

#clientSelection tr td {
    border: 0px;
}

.log {
    font-size: 80%;
}

.tophalf {
    border: 3px solid black;
    border-bottom: 0px;
}

.bottomhalf {
    border: 3px solid black;
    border-top: 0px;
    background: #FFFF80;
}

#paymentsFilter tr td {
    text-align: center;
}

.accountBalance { border-collapse: collapse; }
.accountBalance tr td { text-align: center;	vertical-align: top; padding: 0px 5px; white-space: nowrap; border: 1px solid gray;}
.accountBalance table { border-collapse: collapse; margin: 5px 5px;}
.accountBalance table tr td { }

.carefeesSummaryCol {
    width: 500px;
    margin: 10px;
    padding: 10px;
    background: white;
    border: 1px solid black;
    text-align: center;
}

.carefeesSummaryCol table tr td {
    text-align: right;
    width: 150px;
    white-space: nowrap;
}

.carefeesSummaryTotal {
    width: 500px;
    margin: 10px;
    padding: 10px;
    background: black;
    color: white !important;
    border: 1px solid black;
    text-align: center;
}

.carefeesSummaryTotal table tr td {
    text-align: right;
    width: 200px;
    white-space: nowrap;
}

#carefeeslist { border: 2px solid black; border-collapse: collapse; table-layout: fixed;}
#carefeeslist tr td { padding: 1px 5px; border: 1px solid black; }

.moneybook { border-collapse: collapse;  width: 100%; }
.moneybook tr td { padding: 0px 5px; vertical-align: middle; border: 1px solid gray; }

.moneybook .action { width: 8%; text-align: center;}
.moneybook .date { width: 9%; text-align: center; white-space: nowrap;}
.moneybook .number { width: 5%; text-align: right; white-space: nowrap;}
.moneybook .client { width: 18%; text-align: center;}
.moneybook .note { width: 28%; text-align: left;}
.moneybook .received { width: 10%; text-align: right; white-space: nowrap;}
.moneybook .given { width: 10%; text-align: right; white-space: nowrap;}
.moneybook .balance { width: 13%; text-align: right; white-space: nowrap;}

.damage { border-collapse: collapse; table-layout:  width: 100%;  }
.damage tr td { padding: 0px 5px; vertical-align: middle; border: 1px solid gray; }

.homework { border-collapse: collapse; table-layout:  width: 100%;  }
.homework tr td { padding: 0px 5px; vertical-align: middle; border: 1px solid gray; }



.protocol { border-collapse: collapse; table-layout:  width: 100%;  }
.protocol tr td { padding: 0px 5px; vertical-align: middle; border: 1px solid gray; }

.protocol .number { width: 5%;}
.protocol .date { width: 10%;}
.protocol .who { width: 20%;}
.protocol .type { width: 15%;}
.protocol .note { width: 50%;}

.event { border-collapse: collapse; }
.event tr td { padding: 0px 5px; height: 23px; vertical-align: middle; border: 1p solid black;}
.eventTextarea { width: 100%; height: 200px;}

.eventsList { border-collapse: collapse;}
.eventsList  tr td { padding: 0px 5px; height: 20px; vertical-align: middle; border: 1px solid gray; }
.eventsList .nowrap { white-space: nowrap;}
.eventsList .agreed { background-color: green; }
.eventsList .disagreed { background-color: red; }

.drawback_form { border-collapse: collapse; }
.drawback_form tr td { border: 1px solid gray;}

.renderDrawback { width: 80%; margin: 0px auto;}
.renderDrawback .left { text-align: left;}
.renderDrawback .right { text-align: right;}
.renderDrawback .sub_headline {text-align: left; border-bottom: 1px solid black; height: 50px; vertical-align: bottom;}
.renderDrawback .client_info {border-bottom: 1px solid black;}
.renderDrawback .payment_info { padding-top: 20px; }
.renderDrawback .sign { padding: 70px 30px 0px 0px; text-align: right; }

.bordered td { border: 1px solid black;}

#loading-sign { position: absolute; left: 50%;}

.payment_list { border-collapse: collapse;}
.payment_list tr td {padding: 0px 5px; border: 1px solid gray;}

.escape_form { border-collapse: collapse; border: 2px solid black;}
.escape_form tr td { border: 1px solid black; padding: 2px 10px;}

#calendar td { padding: 0px; }

.board div { width: 160px; float: left; margin: 10px 5px; border: 2px solid gray; padding: 10px; }
.board .clear    { background-color: #6666FF;}
.board .tomorrow { background-color: #99FF99;}
.board .today    { background-color: #FFCC66;}
.board .missed   { background-color: #FF6666;}

.board table { width: 680px;}
.board table tr td { vertical-align: top; width: 170px;}

.board .auths {
    width: 90%;
    margin: 20px 0;
}

.board .auths td, .board .auths th {
    background-color: #FFCC66;
    border-bottom: 2px solid;
    vertical-align: middle;
    padding: 10px;
}

.clients_list { border-collapse: collapse;}
.clients_list tr td { border: 1px solid gray; padding: 0px 10px; }

.client_summary {border-collapse: collapse; font-size: 70%;}
.client_summary tr td {padding: 0px 1px; border: 1px solid gray; text-align: right;}

.birthdays { position:relative; margin-top: 50px; }
.birthdays table { background: white; border: 2px solid black; font-size: 80%; border-collapse: collapse; margin-top: 10px; width: 155px;}
.birthdays table tr td { padding: 2px 5px; border-top: 1px solid gray; }

.items_list { border-collapse: collapse; }
.items_list tr td { border: 1px solid gray; padding: 2px 10px;}

.file_list { table-layout: fixed; border-collapse: collapse;}
.file_list tr td { padding: 2px 10px; border: 1px solid gray;}
.file_list .file_sub { }
.file_list .directory a { font-weight: bold; color: red; }

.outing_not_allowed { background: #FF7A7A; }

.red { background: red; }
.green { background: #99CC99; }

.credits_render {border-collapse: collapse;}
.credits_render tr td { padding: 2px 10px; border: 1px solid gray; vertical-align: top;}
.credits_render table tr td { border: 0px;}

.alr { text-align: right;}


.directories_tree_parents .standard { color: black; }

.directories_tree_browse a { text-decoration: none; color: black;}
.directories_tree_parents .selected { color: red; }

.documents_navigation { float: left; width: 200px; border-right: 2px solid gray; margin: 20px 20px 10px 5px;}
.documents_navigation .selected { text-decoration: underline; color: red;}
.documents_list { }
.file_form { text-align: center;}
.file_form table { margin: 0px auto; }


.credit_history { border-collapse: collapse;}
.credit_history tr td { padding: 2px 10px; border: 1px solid gray;}
.credit_history .received { text-align: right; white-space: nowrap;}
.credit_history .given { text-align: right; white-space: nowrap;}
.credit_history .balance { text-align: right; white-space: nowrap;}

.kom_ok {background-color: #99ff99;}
.kom_nic {background-color: #ff9999;}

.propuHead, .propuTab { padding: 5px ; font-size: 18px;}
.propuHead { font-weight: bold; }
.propuHead tr th { width: 216px; border: solid 1px black;}
.propuTab tr td  { width: 200px; text-align: center;}
.propuTab tr td:first-child  { text-align: left;}
.propFU  { background-color: #e0e0e0;}
.propOK  { background-color: lightgreen;}
.propKO  { background-color: pink;}




/*table*/

table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}
table.gridtable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}
table.gridtable td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
}

@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}