/* Generic tags */

* {
  font-family: Trebuchet MS, Helvetica, sans-serif;
  /* font-size: 10pt; */
  color: black;
}

body {
  background-color: white;
	margin: 5px;
}

h1,h2,h3,h4,h5,h6 {
  font-family: Century Gothic, Helvetica, sans-serif;
  margin: 0;
}

h3 { font-size: large; }
h2 { font-size: x-large; }
h1 { font-size: xx-large; }

a {
	text-decoration: none;
}

form, table, inline-table, tr, td, th, ul, ol, li, div {
  margin: 0;
	padding: 0;
  border-style: none;
  list-style: none;
}

/*
table, inline-table, ul, ol {
  border-collapse: collapse;
}
*/

input, textarea {
	font-size: inherit;
}
input[type="text"], input[type="password"], textarea {
  border-style: solid;
	border-width: 1px;
	border-color: #7D98C4;
	padding-left: 5px;
	padding-right: 5px;
}

/* Labelled tags */

.message, .message *, .paid, .paid * {
  color: #008000;
	font-style: italic;
}
.error, .error *, .important, .important *, .overdue, .overdue * {
  color: #FF0000;
	font-style: italic;
}
.total, .total *, .bolder, .bolder * {
  font-weight: bolder;
}
.details, .details * {
  font-size: x-small;
}

.shade {
  background-color: #DFDFDF;
}
.shade .shade {
  background-color: #BFBFBF;
}

.nowrap {
  white-space: nowrap;
}
[readonly] {
  background-color: #F0F0F0;
}

/* Custom classes */

.box {
  margin: 0;
	padding: 5px;
  border-style: solid;
  border-width: 5px;
	border-color: black;
	background-color: white;
	display: table;
}

.box.menubox {
  display: block;
	width: auto;
	height: auto;
}

.menulist {
  margin: 0;
	padding: 0;
	border-style: none;
}
.menulist > li {
  padding-top: 5px;
}
.menulist > li:first-child {
  padding-top: 0;
}
.menu {
  margin: 0;
	padding: 5px;
	border-style: none;
}

.menulist:hover a, .menu:hover a, .minimenu:hover a {
  color: blue;
}
a:hover, .menulist a:hover, .menu a:hover, .minimenu a:hover {
  color: green;
  text-decoration: underline;
}
.menu:hover {
  background-color: #F0F0F0;
}

.menu a:first-letter {
  color: red;
}

.application tr {
  vertical-align: top;
}
.application tr td {
  padding-top: 5px;
	padding-left: 5px;
}
.application tr:first-child td {
  padding-top: 0;
}
.application tr td:first-child {
  padding-left: 0;
}

.data tr {
  vertical-align: top;
}
.data th {
  background-color: #808080;
	text-decoration: underline;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}
.data td {
	padding: 5px;
}
.data td li {
	padding-top: 5px;
}
.data.simple td {
  padding: 0;
}

.data tr:hover {
  background-color: #CED9EA;
}
.data tr:hover .shade  {
  background-color: #B8C7DF;
}

form .data tr {
  vertical-align: middle;
}
form .data tr:hover {
  background-color: #FFFFFF;
}
form .data th {
  background-color: inherit;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
}

form .data.multiple tr {
  vertical-align: top;
}
form .data.multiple th {
  background-color: #BFBFBF;
	text-decoration: underline;
	text-align: center;
	vertical-align: middle;
}
form .data.multiple td {
  padding: 1px;
}

.color-shade {
  background-color: #7D98C4;
}

.money, .money * {
  text-align: right;
  white-space: nowrap;
}

ul.pages > li {
  page-break-before: always;
}
ul.pages > li:first-child {
  page-break-before: inherit;
}

/* Media rules */

@media screen {
  .noscreen {
	  display: none;
	}
}

@media print {
  @page {
	  /* size: 210mm 297mm; */
		margin: 20mm;
	}
	
  .noprint {
	  display: none;
	}
	
  .overdue, .overdue * {
    color: #FFFFFF;
    background-color: #000000;
  	font-style: inherit;
  }

  input[type="text"], input[type="password"], textarea {
	  border-color: black;
  }
	
  .color-shade {
    background-color: #EFEFEF;
  }
}