body { background-color: #AAAAAA; font-family: sans-serif; color:#333; }
body {line-height:1;background-color:#666;color:#FFFFFF}

div.cvlgLogo {
	position:absolute;
	left: 10px;
	top: 10px;
	width: 100px;
	height: 100px;
	margin:0px 0px;
}

div.optInfos {
	position:relative;
	font-size: 1em;
	font-weight: bold;
	margin:0px 0px 0px 0px;
	vertical-align: middle;
	left:90px;
	top:-32px;
	width:70%;
}
div.funcICO {
	position:relative;
	text-align: center;
	vertical-align:middle;
	left: 10px;
	top: 0px;
	width: 48px;
	height: 48px;
	margin: 0px 0px;	
}
div.funcICO img{
	vertical-align: middle;
}

div.pageTitle {
text-align: center;
font-size: 2em;
font-weight: bold;
/*background-color: aquamarine;*/
}
div.subTitle {
text-align: center;
font-size: 1em;
font-weight: bold;
margin:50px 0px 0px 0px;
/*background-color: aquamarine;*/
}
div.userTitle {
text-align: center;
font-size: 2em;
font-weight: bold;
margin:40px 0px 0px 0px;
/*background-color: aquamarine;*/
}
div.userInfos {
	/*background-color:#dddddd;*/
	padding:8px;
	border-radius:2px 2px 2px 2px;
	box-shadow:0px 0px 2px 2px #999;
	margin:10px 10px 10px 10px;
}

#main {
	position:absolute;
	left: 30%;
	top: 30%;
	padding:20px;
	border-radius:5px 5px 5px 5px;
	box-shadow:0 0 2px 2px #111;
	margin:10px 10px 10px 10px;
	
}
#activFilter{
	color:#FFFFFF;
	font-family: sans-serif;
	font-weight:bold;
	font-size:0.2em;
}
/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}
table.sortable tfoot {
    background:#333;
    color:white;
    font-weight: bold;
    cursor: default;
}
table.sortable tbody tr:nth-child(2n) td {
  background: #888;
}
table.sortable tbody tr:nth-child(2n+1) td {
  background: #FFFEDF;
}
/* Appearance */

table { font-family: sans-serif; color:#333; }
table { border-collapse: collapse; }
td, th { padding: 6px; }
th { background: #333; color: white; }
tbody tr:nth-child(odd) { background: #dfdfdf; }
table { border: 1px solid black; }

/* Scrollability of table */
table { width: 90%; } /* fixed width table */
thead tr { display: block; } /* makes it sizeable */
tbody { 
  display: block; /* makes it sizeable */
  height: 650px; /* height of scrollable area */
  overflow: auto; /* scroll rather than overflow */
  width: 100%; /* fill the box */
}
thead th { left:5px; width: 420px; } /* fixed width for THs */
tbody td { width: 404px; } /* fixed width for TDs */
tfoot td { font-family: sans-serif; color:white; font-weight: bold;} 
/* the tbody needs to be 16px less than the thead, for the scrollbar */

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}