/* üldised {{{ */
body {
    margin: 2px;
}
body, table, th, td, div, span, input, textarea, select, a, button, form, h1, h2, h3 {
    font-family: Verdana, Arial, sans-serif;
}
body, table, th, td, div, span, input, textarea, select, a, button, form {
    font-size: 12px;
}
/* form ei tee tühja ruumi ette ja taha */
form {
    /*display: inline;*/
}
img {
    border: none;
}
table {
    border-collapse: collapse;
    border: none;
    /*border: 1px solid gray;*/
}
h1 {
    color: #01009A;
    font-size: 18px;
    font-weight: bold;
}
h2 {
    color: #01009A;
    font-size: 15px;
    font-weight: bold;
}

/* märkimist väärivad teated */
div.attention {
    border: 1px solid red;
    background: #fcc;
    padding: 3px;
    margin: 3px;
    font-weight: bold;
    color: red;
}
/* }}} */

/* abilised {{{ */
/* ikea */
.ikea {
    color: #ffcc00;
    font-weight: bold;
    text-transform: uppercase;
}
/* nõuande näitamiseks */
.tip {
    border: none;
    border-bottom: 1px dashed #888888;
    cursor: help;
}
.w100pc {
    width: 100%;
}
.indent, .indent1 {
    padding-left: 20px !important;
}
td.space-left, td.space-left1 {
    padding-left: 20px !important;
}
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

/* number on alati paremale joondatud ja courier fondiga */
.number {
    text-align: right;
    font-family: "Courier New", Courier;
}
/* u-täg lingis on ülevalt ka joon tõmmatud */
a u {
    text-decoration: overline;
}
/* numbrit ei tükeldata */
span.number {
    white-space: nowrap;
}
iframe#invisible {
    display:none;
}
div.border-red {
    border: 1px solid red;
    padding: 5px;
}

/* }}} */

/* whole document {{{ */
table.document {
    width: 100%;
    border-collapse: collapse;
    border: none;
}
/* }}} */

/* main table {{{ */
table.main {
    border-collapse: collapse;
    margin: 0px auto;
    width: 770px;
}
table.main td {
    vertical-align: top;
    padding: 0px;
}
/* header */
table.main td.header {
    background-color: #01009A;
    height: 65px;
    padding: 0px 0px 10px 0px;
}
/* left menu */
table.main td.menu_left {
    width: 180px;
    background-color: #D65A00;
    padding: 10px 20px 20px 10px;
    font-weight: bold;
}
table.main td.menu_left, table.main td.menu_left * {
    color: #F9FDFC; /* white */
}
table.main td.menu_left .item {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}
table.main td.menu_left a:hover {
    color: #ddd;
}
/* main body */
table.main td.body_main {
    width: 590px;
    padding: 10px 20px 20px 20px;
}
/* footer */
table.main td.footer {
    font-size: 11px;
    background-color: #01009A;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}
table.main td.footer, table.main td.footer * {
    font-weight: bold;
    color: #F9FDFC; /* white */
    /*font-size: 12px;*/
}
/* }}} */

/* list {{{ */
table.list {
    border-spacing: 1px;
    padding: 1px;
}
table.list th {
    background: #ddddd;
    padding-left: 3px;
    padding-right: 3px;
}
table.list td {
    empty-cells: show;
    padding: 1px 2px;
}
table.list tr.hilite td
, table.list td.hilite {
    background-color: #ffaaaa !important;
}
table.list tr.attention td {
    background-color: #ffaaff !important;
}
table.list tr.odd td {
    background-color: #eeeeee;
}
table.list tr.even td {
    background-color: #ffffff;
}
table.list tr.odd.hilite td {
    background-color: #ccccee;
}
table.list tr.even.hilite td {
    background-color: #ddddff;
}
table.list td.norows {
    padding: 10px;
    text-align: center;
    font-style: italic;
}
table.list td.number, table.list td.number div  { /* numbrilahter */
    text-align: right;
    white-space: nowrap;
}
table.list td.date { /* kuupäevalahter */
    text-align: right;
    padding-right: 2em;
    white-space: nowrap;
}
table.list td.time { /* kellaajalahter */
    text-align: center;
    text-align: ":"; /* kui brauser tunnistab */
    white-space: nowrap;
}
table.list td.string { /* stringilahter */
    text-align: left;
}
table.list td.money { /* rahalahter */
    text-align: right;
    white-space: nowrap;
}
table.list td.shortcut { /* shortcuti lahter */
    background-color: #ddeeff !important;
    text-align: center;
}
table.list strong {
    color: black;
    font-weight: bold;
}
table.list weak {
    color: #999999;
}
/* }}} */

/* vormid {{{ */
table.form {
    border-spacing: 0px;
}
table.form td {
    empty-cells: show;
    height: 23px;
    padding: 0px 3px 3px 0px;
}
table.form th {
    padding: 3px;
    background-color: #fff;
}
table.form input {
    /*width: 100%;*/
}
table.form input[type="text"], table.form input.textbox {
    width: 100%;
}
table.form input[disabled], table.form select[disabled] {
    background-color: lightgray;
    color: gray;
}
table.form input.button {
    width: auto;
}
table.form textarea {
    width: 100%;
}
table.form select {
    width: 100%;
}
table.form .mandatory {
    font-weight: bold;
    text-decoration: underline;
}
table.form .label * { white-space: nowrap; }
table.form td.label { width: 1% /* fucking IE doesnt understand input.width=100% otherwise */; padding-right: 20px; white-space: nowrap; padding-top: 3px; }
table.form td.error {
    padding: 5px 2px 5px 10px;
    color: red;
    font-weight: bold;
}
/* nuppude rida, muudetakse directionit nuppude järjekord oleks paremalt vasakule */
table.form .buttons {
    direction: rtl;
    padding-top: 10px;
    padding-bottom: 5px;
}
/* siin tuleb direction tagasi muuta */
table.form .buttons input, table.form .buttons button {
    direction: ltr;
}
table.form .button {
    font-weight: bold;
    letter-spacing: 0.5px;
}

table.form input.input_text {
    width: 100%;
}

/* }}} */

/* filter {{{ */
table.filter {
    width: 300px;
}
table.filter th {
    background-color: #aaaaff;
    padding: 3px;
}
table.filter td {
    empty-cells: show;
}
table.filter td.label {
    padding-right: 10px;
    white-space: nowrap;
    padding-top: 3px;
}
table.filter td.buttons {
    direction: rtl;
}
table.filter td.buttons input {
    direction: ltr;
}
table.filter td.buttons input[value="Trüki"] {
    display: none;
}
/* }}} */

/* teated {{{ */
table.msg {
    margin: 2px auto;
	border: #666688 solid 2px;
    background: #9999cc; 
    width:90%
}
table.msg td {
	vertical-align: middle; 
	text-align: center;
    padding: 5px 10px;
	color: white;
}
/* }}} */