/*** Base and reset: ***/

body {
	color: #000;
	background-color: #fff;
	padding: 0em 1em 1em 0.2em;
}

body, td, label { cursor: default }
body, * { box-sizing: border-box }

body, select, input[type=submit], input[type=reset], input[type=button], button {
	font-family: "Tahoma", "Arial", sans-serif;
	font-size: 16px;
}

input, textarea {
	font-family: "Courier New", monospace;
	font-size: 0.96em;
}


/*** Links: ***/

a:link, a.nv:visited                 { color: #00f }
a:hover, a:focus, a.nv:visited:hover { color: #55f }
a:visited                            { color: #800080 }
a:visited:hover                      { color: #b3b }

a.nu { text-decoration: none }


/*** Alignment and sizing: ***/

.w { width: 100% }

.sw input, .sw select, .sw textarea { width: 100% }
.sw input[type=radio],
.sw input[type=checkbox]            { width: inherit }

table.p1 >tbody >tr >td,
table.p1        >tr >td { padding-right: 2em }

table.p2 >tbody >tr >td,
table.p2        >tr >td { padding: 0.15em 0.33em }

td.p0, table.p1 td.p0 { padding-right: 0 }

     .vat,
table.vat >         tr > td, table.vat >         tr > th, 
table.vat > tbody > tr > td, table.vat > tbody > tr > th { vertical-align: top }


/*** Special text classes: ***/

.hint { font-size: 0.82em }

.hint a:link, .hint a:visited { color: #005; text-decoration: none }
.hint a:active, .hint a:hover { color: #22a; text-decoration: underline }

.success, .error {
	color: #000;
	padding: 0.3em 0.4em;
	margin: 0.2em 0 0.5em 0;
	border: 1px solid #fff;
} .success:not(.nb), .error:not(.nb) {
	font-weight: bold;
} .success {
	background-color: #dfd;
	border-color: #0f0;
} .error {
	background-color: #ff7770;
	border-color: #f00;
}

a.email { text-decoration: none }

th {
	text-align: inherit;
	font-weight: bold;
	background-color: #ddd;
}

.trusted {
	background-color: #eee866;
	color: #210;
}


/*** Generic inputs: ***/

input[type=submit],
input[type=reset],
input[type=radio],
input[type=checkbox] { cursor: pointer }

input[type=button], button,
input[type=submit],
input[type=reset] {
	font-size: 1.12em;
	color: #111;
	margin: 0.34em 0.7em;
	border: 0.13em solid #000;
	padding: 0.2em 1.4em;
	outline: none;
	border-radius: 0.35em;
}

small button { padding: 0.2em 0.8em }

button:hover,             button:focus,
input[type=button]:hover, input[type=button]:focus,
input[type=submit]:hover, input[type=submit]:focus,
input[type=reset]:hover,  input[type=reset]:focus {
	color: #000;
	border-color: #000;
}

input[type=submit] {
	font-weight: bold;
	border-color: #071;
	background: #19ff84;
	background: linear-gradient(to bottom, #26ff91 0%, #1bb567 100%);
}
input[type=submit]:hover,
input[type=submit]:focus {
	background: #29ff94;
	background: linear-gradient(to bottom, #38ff9a 0%, #1fd076 100%);
}
input[type=submit]:active {
	background: linear-gradient(to top, #38ff9a 0%, #1fd076 100%);
}

button,
input[type=button] {
	border-radius: 0.22em;
	border-color: #222228;
	background: #ccc;
	background: linear-gradient(to bottom, #ccd 0%, #b0b0c0 100%);

}
button:hover,             button:focus,
input[type=button]:hover, input[type=button]:focus
                                         { background: linear-gradient(to bottom, #dde 0%, #c0c0d0 100%) }
button:active, input[type=button]:active { background: linear-gradient(to top,    #dde 0%, #c0c0d0 100%) }

input[type=reset] {
	color: #444;
	border-color: #444;
	background: #ddd;
	background: linear-gradient(to bottom, #ddd 0%, #c0c0c0 100%);
}
input[type=reset]:hover,  input[type=reset]:focus
                         { background: linear-gradient(to bottom, #eee 0%, #d0d0d0 100%) }
input[type=reset]:active { background: linear-gradient(to top,    #eee 0%, #d0d0d0 100%) }


/*** Misc: ***/

hr, .fin {
	border: 0;
	border-top: 1px solid #e38639;
}

tbody.a tr:nth-child(odd) td,
table.a tr:nth-child(odd) td { background-color: #efefef }

table.sep {
	border-bottom: 1px dotted #222;
	margin-bottom: 0.35em;
}