* {
	font-family	: Arial, Helvetica, sans-serif;
	font-size	: 10pt;
}

hr {
	border: 1px solid rgb(153,153,153);
	margin-top: 10px;
	margin-bottom: 10px;
	clear:both;
}

h1 {
	font-size: 1.2em;
	background-color	: #eee;
	border-bottom: 2px solid #ddd;
	margin				: 0px;
	margin-bottom		: 5px;
	padding				: 5px;
}

h2 {
	border-bottom: 2px solid #ddd;
	padding: 5px;
	font-size: 1.1em;
}

fieldset {
	border: none;
	padding: 10px;
	margin-top: 10px;
	clear: both;
}

legend {
	font-weight: bold;
	font-size: 115%;
	border-bottom: 2px solid #ccc;
	width: 100%;
}

table {
	border: 0px;
	border-collapse: collapse;
}

td { vertical-align	: top;}


a, a:visited {
	color: #004DD3;
}
a img { border:none; text-decoration: none;}

.fl { float: left;}
.fr { float: right;}
.ac { text-align: center;}
.ar { text-align: right;}
.al { text-align: left;}
.bl { border-left: 1px solid #ccc }
.br { border-right: 1px solid #ccc }
.smallfont, .smallfont a { font-size: 0.8em; }

.clear { clear: both;}

/* Action Buttons, Toolbar & Pagination */
a.edit, a.edit:hover,a.delete, a.delete:hover,a.view, a.view:hover,
a.add, a.add:hover, a.cancel, a.cancel:hover,a.report, a.report:hover,
a.print, a.print:hover, a.list, a.list:hover, a.restore, a.restore:hover,
a.payment, a.payment:hover, a.filter, a.filter:hover {
/*	display:block; */
	margin-left: 5px;
	margin-right: 5px;
	text-align:left; 
	height:16px; 
	line-height:16px; 
	white-space: nowrap; 
	padding:0 0 0 20px; 
}
a.list, a.list:hover {
	background:url(../images/action_list.png) no-repeat 0 50%;
}
a.edit, a.edit:hover {
	background:url(../images/action_edit.png) no-repeat 0 50%;
}
a.delete, a.delete:hover {
	background:url(../images/action_delete.png) no-repeat 0 50%;
}
a.view, a.view:hover {
	background:url(../images/action_view.png) no-repeat 0 50%;
}
a.add, a.add:hover {
	background:url(../images/action_add.png) no-repeat 0 50%;
}
a.cancel, a.cancel:hover {
	background:url(../images/action_cancel.png) no-repeat 0 50%;
}
a.restore, a.restore:hover {
	background:url(../images/action_restore.png) no-repeat 0 50%;
}
a.report, a.report:hover {
	background:url(../images/action_report.png) no-repeat 0 50%;
}
a.print, a.print:hover {
	background:url(../images/action_print.png) no-repeat 0 50%;
}
a.payment, a.payment:hover {
	background:url(../images/action_payment.png) no-repeat 0 50%;
}
a.filter, a.filter:hover {
	background:url(../images/action_filter.png) no-repeat 0 50%;
}
.search {
	background:url(../images/action_search.png) no-repeat top right;
}

div#tools {
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 5px;
	padding-bottom: 10px;
}

/* Page Navigation */
div.pager {
	clear:both;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	font-size: 0.8em;
}

div.pager a.page {
	text-decoration:none;
	color: #649DFF;
}

div.pager a.page:hover {
	text-decoration: underline;
}

div#filters {
	background-color: #e8eefa;
	padding: 5px;
/*	margin-top: 2px;*/
	margin-bottom: 4px;
}
span.filter_on {
	background-color: #D8FFC9;
	border: 1px solid #49FD02;
	padding: 4px;
	margin-right: 10px;
	margin-left: 0px;
	font-size: 0.9em;
	font-weight: bold;
/*	first-letter: capitalize;*/
}

span.filter_off {
	background-color: #FFE0AA;
	padding: 4px;
	margin-right: 10px;
	margin-left: 0px;
	font-size: 0.9em;
	font-weight: bold;
}

.project {
	position: absolute;
	top: 10px;
	left: 10px; 
	text-align:center;
	font-weight: bold;
}
/* ===============================================
Application FORMS
=============================================== */
input[type=text],input[type=password],select,textarea { 
	border: 2px solid #c3d9ff;
	padding: 4px;
	background-color: #fff;
}

input[type=text]:focus, select:focus {
	border: 2px solid #498CFF;
}

.required:after {
	content: ' *';
	color: #f00;
}
textarea { height: 60px;}

/* 	LiveSearch  */
#livesearch {
	font-weight: bold;
	width: 180px;
	background-color: #e8eefa;
	border: 2px solid #c3d9ff;
	padding: 2px;
}


/* ========================================================
		Validation action
======================================================== */
/*#msgcontainer {
	display: block;
	height: 25px;
	padding: 0px;
	margin-top: -16px;
	margin-bottom: 10px;
}
*/
.msg {
	padding: 6px;
	margin: 6px;
	font-size: 1em;
	font-weight: bold;
	color: black;
}
.msg span, span.warning { padding:3px; padding-left: 20px;}

.valid, input.valid {
	border: 2px solid #49FD02;
	background-color: #D8FFC9;
}
.valid span {
	background:url(../images/action_valid.png) no-repeat top left;
}

.warning {
	border: 2px solid #FFC561;
	background-color: #FFE0AA; 
}
.warning span, span.warning {
	background:url(../images/action_warning.png) no-repeat top left;
}

.error, input.error {
	border: 2px solid #FF4949;
	background-color: #FF8383; 
}
.error span {
	background:url(../images/action_error.png) no-repeat top left;
}
span.smallfont { background: none;}

.neutral {
	border: 2px solid #498CFF;
	background-color:#e8eefa;
}

.field_error {
	background-color: #f00;
	color: #fff;
	font-weight: bold;
	padding: 6px;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* Box */
div.boxes {
	clear: both;
}
hr.box_spacer {
	margin-bottom: 25px;
	border: none;
}
div.box_left {
	width: 48%;
	float: left;
}

div.box_right {
	width: 48%;
	float: right;
}

div.box {
	margin: 5px;
/*	margin-bottom: 40px;*/
/*	border: 1px solid #e8eefa;*/
	padding: 0px;
	font-size: 12px;
	border: 1px solid #e8eefa;
}

div.box .box_head {
	border-bottom: 2px solid #c3d9ff;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	background-color: #e8eefa;
}

div.box .box_container {
	padding: 0px;
}

div.box_center {
	width: 50%;
	margin: auto;
}

/* --------------------------
		Homepage definition list
-------------------------- */
dl dt {
	margin-top: 5px;
	margin-bottom: 2px;
	font-weight: bold;
}

dl dd {
	margin-top: 5px;
	margin-left: 14px;
	margin-bottom: 10px;
	margin-right: 0px;
	texta-align: justify;
	font-size: 0.9em;
}

/* --------------------------
			Tables
-------------------------- */
/* Table List */
table.list {
	width: 100%;
	margin: 0px auto;
	clear:both;
	border: 2px solid #ddd;
}

table.list thead tr {
		border: 0px solid #000;
}
table.list thead.list tr th {
	background-color: #e8eefa;
}

table.list thead tr th {
	font-weight: bold;
	background-color: #ddd;
	text-align:center;
	padding: 5px;
	border: none;
}

table.list tr td {
	border-right: 1px solid #ddd;
	padding: 5px;
	vertical-align: middle;
}

table.list tr.even {
	background-color: #e8eefa;
}

table.list tr.odd {}

table.list tr:hover {
	background-color: #c3d9ff;
}

/* Table info */
table.info {
	margin: 0px auto;
	width: 100%;
}

table.info tr td, table.info th {
	border-bottom: 1px solid #ddd;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}

table.info tr.last  td, table.info tr.last th {
	border:none;
}

table.info tr td.col1, table.info tr th.col1 {
	width: 120px;
}

table.info tr:hover {
	background-color: #c3d9ff;
}

table.info input[type=text], table.info input[type=password], table.info textarea, table.info select, table.info div.field_error {
	width: 180px;
	margin-right: 5px;
}

table.info select { padding: 2px; width: 190px;}
table.info label, table.info th {
	font-weight: bold;
}

table.info select.field_autowidth { width: auto;}

/* inline validation */
.inlinevalidation_result {
	vertical-align: middle;
}

.note {
	padding: 4px;
	font-size: 0.9em;
	color: #ccc;
}

/* ==========================
	gWidgets
========================== */
div#asso {
	clear: both;
	padding: 0px;
	height: 350px;	
}

div#asso.gtab div.gtab-active {
	border: none;
	width: 100%;
	padding: 10px;
}

div#asso.gtab ul.gtab-controllers {
	width: 100%;
	height: 26px;
	border-bottom: 1px solid #ccc;
}

div#asso.gtab ul.gtab-controllers li a {
	background-color: #fff;
	border: 1px solid #ccc;
	border-bottom: none;
}
div#asso.gtab ul.gtab-controllers li a.gtab-active,div#asso.gtab ul.gtab-controllers li a.gtab-active:hover  {
	background-color: #ccc;
}

div#asso.gtab ul.gtab-controllers li a:hover{
	background-color: #eee;
	color: #000;
}

div.gtab h2 { display:none;}

div.gtab div#reading, div#invoice, div#contract, div#meter, div#receipt {
	height: 100%;
	margin-left: -10px;
	overflow: auto;
}