body {
	margin: 0px
}

#dossierList tbody tr {
	cursor: pointer;
}

#dossierList tbody tr:hover {
	background-color: #F7EFC5;
}

#documents {
  margin-bottom: 10px;
}

#documents tbody tr:not(#noDocuments) {
	cursor: pointer;
}

#documents tbody tr:not(#noDocuments):hover {
	background-color: #F7EFC5;
}

a.nohist {
	color: blue
}

a.tools {
	color: blue;
	font-family: Arial, sans-serif;
	font-size: 8pt
}

td {
	color: black;
	font-family: Arial, sans-serif;
	font-size: 9pt
}

th.sortable {
color: #002040;
font-weight: bold;
text-decoration: underline;
}

.closeddossier {
background-color: #E4F5D1
}

td.remark {
	color: #C5D2DE;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-style: italic
}

td.printhdr {
	color: black;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	background-color: #C5D2DE;
	border-bottom-width: 1;
	border-bottom-style: solid;
	border-bottom-color: #003F5C;
	border-top-width: 1;
	border-top-style: solid;
	border-top-color: #003F5C
}

td.print {
	color: black;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	background-color: white
}

.confirm {
	color: #002040;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	background-color: #C5D2DE
}

td.confirmsep {
	color: #002040;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	background-color: #C5D2DE;
	border-top-style: solid;
	border-top-width: 1;
	border-top-color: #003F5C
}

td.separated {
	color: black;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	border-top-style: solid;
	border-top-width: 1;
	border-top-color: #003F5C
}

.forms {
color: black;
font-family: Arial, sans-serif;
font-size: 9pt;
background-color: #C5D2DE;
}

.formtools {
	font-size: 8pt
}

td.loginLeft {
	color: black;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	background-color: white;
	border-style: solid;
	border-width: 2;
	border-color: #003F5C
}

td.loginMid {
	color: black;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	background-color: #C5D2DE;
	border-style: solid;
	border-width: 2;
	border-color: #003F5C
}

td.loginRight {
	color: black;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	background-color: #F1E9BE;
	border-style: solid;
	border-width: 2;
	border-color: #003F5C
}

th {
	font-size: 9pt;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: left
}

table.invoice {
	margin-left: 10;
	margin-right: 10;
	border-style: solid;
	border-color: #002040;
	border-width: 1
}

th.invoice {
	font-size: 9pt;
	font-family: Arial, sans-serif;
	font-weight: normal;
	border-bottom-style: solid;
	border-bottom-color:#002040;
	border-bottom-width: 1
}

td.invoice {
	font-size: 9pt;
	font-family: Arial, sans-serif;
}

tr.invoice {
	font-size: 9pt;
	font-family: Arial, sans-serif;
}

tr.hiinvoice {
	font-size: 9pt;
	font-family: Arial, sans-serif;
	background-color: #E0E0E0
}

td.invoicetotal {
	font-size: 9pt;
	font-family: Arial, sans-serif;
	border-top-style: solid;
	border-top-color:#002040;
	border-top-width: 1px;
}

.tools {
	color: black;
	font-family: Arial, sans-serif;
	font-size: 9pt
}

h1 {
	color: #333;
	font-size: 14pt;
	font-weight: bold;
	font-family: Arial, sans-serif;
}

h1.popup {
	color: #333;
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial, sans-serif;
	margin-top: 14px
}

h2 {
	color: #333;
	font-size: 12pt;
	font-weight: normal;
	font-family: Arial, sans-serif;
}

h5 {
	color: black;
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial, sans-serif;
}

h6 {
	color: black;
	font-size: 8pt;
	font-weight: normal;
	font-family: Arial, sans-serif;
}

input {
	margin: 1px;
	font-size: 9pt;
	font-weight: normal;
	border-width: 1px;
	border-style: solid;
	border-color: #003F5C;
	font-family: Arial, sans-serif;
}

input[type=file],
input[type=checkbox],
input[type=radio] {
	border-style: none;
}

input.number {
	text-align: right
}

/* currently no effect */
select {
	border-width: 1;
	border-style: solid;
	border-color: #003F5C
}

option {
	font-size: 9pt;
	font-weight: normal;
	font-family: Arial, sans-serif
}

textarea {
	border-width: 1;
	border-style: solid;
	border-color: #003F5C;
	font-size: 9pt;
	font-weight: normal;
	font-family: Arial, sans-serif;
	resize: none;
}

.error {
	color: red;
	font-weight: bold;
	font-family: Arial, sans-serif
}

.info {
	color: green;
	font-weight: bold;
	font-family: Arial, sans-serif
}

ol.msg, ul.msg {
	margin-left: 25px;
	padding: 0px
}

ol.inventory {
	margin-left: 25px;
	padding: 0px
}

ol.rolist {
	margin-left: 30px;
	padding: 0px
}

ul.rolist {
	margin-left: 30px;
	padding: 0px
}

/* web 2.0 version */

#languages {
width: 65;
text-align: center;
color: #002040;
}

#languages a {
font-size: 8pt;
text-decoration: none;
color: #002040;
}

#languages a:hover {
text-decoration: underline;
}

.labelHi {
background-color: #DAE2EF;
color: #002040;
font-weight: bold;
font-size: 9pt;
}

.labelIn {
color: #002040;
margin-right: 3px;
font-size: 9pt
}

td.labelIn {
background-color: #DAE2EF;
}

.labelLo {
background-color: #DAE2EF;
color: gray;
font-weight: bold;
}

.data {
background-color: #DAE2EF;
color: black;
}

.dataTool {
font-size: 8pt;
font-weight: normal;
color: blue;
}

.dataAction, .dataActionBis {
position: relative;
top: -5;
float: right;
color: blue;
font-size: 7pt;
text-decoration: none;
font-style: italic;
}


.dataActionBis {
margin-left: 3;
top: -6;
}

.addAction {
color: blue;
font-size: 8pt;
font-weight: bold;
}

input.topButton {
background-color: #003F5C;
color: white;
border-color: gray;
font-size: 8pt;
width:52px;
margin: 1px;
}

li.editMsg, li.msgArea {
list-style-type: none;
}

.comment {
color: gray;
font-size: 8pt;
font-weight: normal;
}

td.sepred {
border-top-style: solid;
border-top-color: #C5D2DE;
border-top-width: 1;
}

a.tab, a.activetab {
color: #003F5C;
text-decoration: none;
font-weight: normal;
font-size: 8pt;
}

a.activetab {
color: #C5D2DE;
}

div.welcomeTxt {
margin: 10px 5px 5px -10px;
font-size: 24pt;
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
color: #4c6a93;
text-align: center;
}

div.welcomeTxt ul {
list-style: none;
padding-left: 30px;
}

div.welcomeTxt li {
line-height: 22px;
margin-top: 10px;
padding-left: 50px;
}

div.welcomeTxt li.one {
background: url('../img/login_one.png') no-repeat left top;
}

div.welcomeTxt li.two {
background: url('../img/login_two.png') no-repeat left top;
}

div.welcomeTxt li.three {
background: url('../img/login_three.png') no-repeat left top;
}

div.welcomeTxt em {
font-style: normal;
font-size: 13pt;
font-weight: bold;
}

div.welcomeTxt em.red {
color: #C10000;
font-size: 12pt;
}

a.action {
color: blue;
text-decoration: none;
font-weight: normal;
font-size: 8pt;
}

div.loginLinks {
width: 400px;
text-align: center;
margin-top: 30px;
}

div.loginLinks a {
color: #404040;
}

div.loginLinks img {
vertical-align: bottom;
margin-left: 3px;
}

input.invalid,
select.invalid {
	background-color: #FF9999;
}

label.invalid {
	font-weight: bold;
	color: #B04F4F;
}

a img {
	border: none;
}

svg.icon {
	width: 13px;
	height: 13px;
	vertical-align: middle;
  color: #002040;
}

.iconLabel {
	vertical-align: middle;
}

/* Login with bg styles */

#loginBody {
	background: white url('../img/mapbg.jpg') no-repeat;
	background-size: 100%;
}

#loginBody > center > table {
	background-color: white;
	padding: 20px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px #ccc solid;
}

#loginBody > center > table td:first-child {
    padding-right: 40px;
}

#loginBox {
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px #ccc solid;
	-moz-box-shadow: 2px 2px 1px #aaa;
	-webkit-box-shadow: 2px 2px 1px #aaa;
	box-shadow: 2px 2px 1px #aaa;
}