@CHARSET "UTF-8";

html {
	overflow-y: scroll;
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	color: #333333;
}

body {
	margin: 0;
	padding: 0;
	background-color: white;
}

h1 {
	font-size: 1.3em;
	margin: 1em 1em;
}

h2.left {
	float: left;
	font-size: 1.1em;
	margin: 1em 1em 1em 1.5em;
}
h2.money {
	float:right;
	font-size: 1.1em;
	margin: 1em 1em;
	text-align: right;
	width: 7em;
}

h2.percent {
	float:right;
	font-size: 1.1em;
	margin: 4.4em 1.4em 0 0.5em;
	text-align: left;
	width: 3em;
}

h2.money span {
	display: block;
}

h2.money span.title {
	margin-left : 3em;
	text-align: right;
}

h2.money span.btLine {
	display: block;
	border-bottom: 1px solid #AAAAAA;
}

.error {
	color: red;
	display: block;
}

a {
	color: darkblue;
}

a:hover {
	color: blue;
}

a.action {
	color: darkblue;
}

a.action:hover {
	color: red;
}

img {
	border: none
}

img.add{
	position: relative;
	top: 0.1em;
	width:1.2em;
	margin-left: 1em;
}

img.detailsLine{
	width:1.5em;
	margin: 0 0.3em;
}

img.modifyLine{
	width:0.9em;
	margin: 0 0.3em;
}

img.deleteLine{
	width:1.2em;
	margin: 0 0.3em;
}

img.modifyTitle{
	width:0.5em;
	margin: 0 0.3em 0 1em;
}

img.deleteTitle{
	width:0.8em;
	margin: 0 0.3em;
}

img.internalAffairList {
	width: 0.9em;
}

img.internalAffairForm {
	width: 0.8em;
}

img.toReviewList {
	width: 1.2em;
}

img.toReviewForm {
	width: 1.2em;
}

img.regulButton {
	margin : -0.2em 0 0 1em;
	vertical-align: middle;
	width: 1.3em;
	
}

img.contractButton {
	margin : -0.3em 0 0 1em;
	vertical-align: middle;
	width: 1.2em;
	
}

img.reservedFreeList {
	width: 1em;
}

img.payed {
	width: 0.8em;
	display : inline;
}

img.arrows {
	position : relative;
	top : 0.2em;
	width: 1em;
	margin-right : 1em;
}

/************************************
			Header
*************************************/

div#logo-top-left {
	display: block;
	float: left;
	margin: 0 1em 0 0;
	background-color: white;
	position: relative;
	top: -1em;
}

div#menus {
	margin: 1.5em 1em;
}

ul#headers {
	display: block;
	margin: 0;
	padding: 0;
}

ul#headers li {
	margin: 0 0.1em 0 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 10em;
}

ul#headers li#search {
	margin: 0 0.1em 0 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 20em;
	position: relative;
	top: -0.1em;
}

ul#headers li#user {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

ul#headers li a {
	display: block;
	margin: 0 0 0 0;
	padding: 0.3em 0.3em;
	background: #999999;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

ul#headers li a:hover {
	background: #666666;
}

ul#headers div {
	position: absolute;
	visibility: hidden;
	margin: 0 0.1em 0 0;
	padding: 0;
	width: 9.9em;
	background: #CCCCCC;
	border: 1px solid #999999;
	z-index : 10;
}

ul#headers div a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0.3em 0.3em;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #CCCCCC;
	color: #555555;
	z-index : 10;
}

ul#headers div a:hover {
	color: #FFFFFF;
}

/************************************
			General
*************************************/

/* Encompass Everything --> defines margin */
div#global {
	width: 90em;
	min-height: 40em;
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: left;
}

/* Encompass h1, h2 and global link */
div#title {
	margin: 0 0;
	min-height: 2.5em;
	text-align: left;
}

div#footer {
	text-align: center;
	margin: 0.2em auto;
}

div#footer p {
	font-weight: normal;
	font-size: 0.8em;
	margin: 0.5em 0;
}

div#footer p.name {
	font-weight: normal;
	font-size: 0.8em;
	margin: 0.5em 0;
}

hr {
	display: block;
	margin: 0 auto;
	background-color: #AAAAAA;
	border: 0;
	width: 98%;
	height: 0.1em;
}

div.titleLineh2 {
	display: block;
	overflow: hidden;
}

div.content {
	margin: 1em 2em;
}

div.list {

}

div.listChunk {
	/*width: 95%;*/
}

div.listChunkTitle {
	margin : 1em 0;
	display: block;
	overflow: hidden;
}


div.listChunkTitle p {
	float : left;
	font-weight: bold;
	font-size: 1em;
	display: inline;
}

div.listChunkTitle div.subTitle {
	float : left;
	font-weight: bold;
	font-size: 1em;
	display: inline;
}

div.listChunkTitle div.subTotal {
	float : right;
	font-weight: bold;
	font-size: 1em;
	display: inline;
	text-align: right;
	width : 7em;
	margin : 1em 1.5em;
}

div.listChunkTitle div.subTotal p{
	width : 7em;
	float : right;
	margin : 0 0;
}

div.listChunkTitle div.subTotal p.btLine {
	display: block;
	border-bottom: 1px solid #AAAAAA;
}

div.listChunkTitle div.subTotalPercent {
	float : right;
	font-weight: bold;
	font-size: 1em;
	display: inline;
	text-align: left;
	width : 4em;
	margin : 1.8em 0.6em 0 0.8em;
	overflow: hidden;
}

div.listChunkTitle div.subTotalPercent p{
	text-align: left;
	margin-top: 2.7em;
}

table {
	border-spacing: 0;
	vertical-align: middle;
}

table tr.right {
	background-color: #FDFDFD;
}

table tr.odd {
	background-color: #FFFFFF;
}

table.list {
	margin: 0 2em;
	width: 98%;
}

table.form {
	margin: 0 2em;
	width: 90%;
}

table.insideList {
	margin: 0 0;
	width: 98%;
}

table.insideForm {
	margin: 0 0;
}


table.form td.tableInForm {
	padding: 0;
	margin: 0;
}

table.insideList td.money{
	width: 7em;
	margin: 0;
	padding: 0.1em 0;
}

table.insideList td.payed{
	width: 1.2em;
	text-align: center;
	margin: 0;
	padding: 0.1em 0;
}

table.insideList td.name{
	width: 10em;
	text-align: right;
	margin: 0;
	padding: 0.1em 0;
}

table.form td {
	padding: 0.5em 0.5em;
}

table.list td {
	height: 1em;
	padding: 0.5em 0.5em;
}

table td.tableInside {
	padding-bottom: 0.3em;
	width: 25em;
}

table td.name {
	width: 10em;
	text-align: left;
}

table td.date {
	width: 8em;
	text-align: center;
}

table td.group {
	width: 8em;
	text-align: center;
}

table td.costType {
	width: 16em;
	padding-left: 2.5em;
	text-align: left;
}

table td.fees {
	width: 6em;
	text-align: center;
}

table td.phone {
	width: 10em;
	text-align: center;
}

table td.money {
	width: 7em;
	text-align: right;
	padding-right: 1em;
}

table td.groupResults {
	width: 6em;
	text-align: right;
	padding-left: 2em;
}

table td.groupResults span.btLine{
	display: block;
	border-bottom: 1px solid #AAAAAA;
}

table td.companyName {
	width: 16em;
	min-width: 16em;
	text-align: left;
}

table td.buttonsRight {
	width: 5em;
	text-align: right;
	margin-right: 0.5em;
}

table td.payed {
    width: 7em;
    text-align: right;
    padding-right: 1em;
}

table th {
	padding: 0.1em 0.3em;
	width: 10em;
}

div.buttons {
	margin: 2em 0;
	text-align: left;
}

p#linkback {
	margin: 0.3em 1.5em;
}

input.fee {
	width: 5em;
	text-align: right;
}

span.negNum {
	color: #DD0000;
}

p.negNum {
	color: #DD0000;
}

/************************************
			Index Page
*************************************/
div#box {
	width: 20em;
	text-align: center;
}

div.line {
	margin: 1em 0 1em 1em;
	text-align: left;
}

div.line p {
	display: inline-block;
	text-transform: capitalize;
	text-align: right;
	width: 7em;
	min-width: 7em;
	margin: 0 1em 0 0;
}

div.line input[type="text"] {
	display: inline-block;
	margin: 0;
	width: 10em;
	text-align: left;
	font-size: 1em;
}

div.line input[type="password"] {
	display: inline-block;
	margin: 0;
	width: 10em;
	text-align: left;
	font-size: 1em;
}

div.line input[type="checkbox"] {
	display: inline-block;
	margin: 0;
	text-align: left;
}

div.line input[type="button"] {
	width: 6em;
	height: 1.8em;
	margin: auto auto;
	font-weight: normal;
}

img#logo-centered {
	display: block;
	margin: 2em auto;
	width: 30em;
}