fieldset.main-page-portlet {
	padding-top: 5px;
	height: 50px;
}

fieldset.main-page-portlet a{
	text-decoration: none;	
}

.menu-item {
	padding: 0px;
	list-style-type: square;	
}

#main-menu-table {
	width: 100%;
}

.two-columns {
	width: 50%;
}

.top-bar {
	background-color: teal;
	color: white;
	width: 100%;	
}

.top-bar a{
	color: white;
	text-decoration: none;	
}

.align-right {
	text-align: right;	
}

fieldset {
	padding: 0px 20px 50px 20px;
}

body {
	font-family: verdana;
	font-size: 12px;
}

input {
	font-family: verdana;
}

p.p-home {
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;	
}

/* LISTING */
table.listing, table.listing td, table.listing tr, table.listing th {
	border: solid 1px teal;
	border-spacing: 10px;
	border-collapse: collapse;				 
}

table.listing tfoot tr {
	font-weight: normal;
}

table.listing {
	width: 100%;
}

table.listing .table-title {
	background-color: teal;
	color: white;
	font-size: 18px;
	font-weight: bold;
}

.table-footer td {
	text-align: center;	
}

table.listing tbody {
}

table.listing thead tr {
	/*background-color: #3cb371; MediumSeaGreen*/
	color: teal;
	font-weight: bold;
}

table.listing table.listing tbody table.listing tr {
	background-color: white;
	color: black;
}

table.listing tfoot tr {
	
}

.currency {
	text-align: right;
	padding-right: 10px;
}

.positive {
	color: blue;
}

.negative {
	color: red;
}

.data-row {
		
}

.no-records {
	height: 100px;
}

.message-area {
	/* for now, clone of "no-record" */
	height: 100px;
}

.table-description {
	font-family: verdana;
	font-size: small;
	color: black;
	font-weight: normal;
	padding: 5px; 	
}

table.listing a {
	text-decoration: none;
}

.edit {
	color: #ff6600;
}

.delete {
	color: red;
}

.highlight-to-delete {
	background: #ff9966;
}

.date {
	text-align: center;	
}

.description {
	padding-left: 10px;	
}
.category {
	padding-left: 5px;
}
/*For columns intend to show codes, ids, etc*/
.id {
	text-align: center;	
}

/* INPUT FORM */
table.input-form {
	border: solid 1px teal;
	border-spacing: 10px;
	border-collapse: collapse;
	width: 100%;				 
}

.table-title {
	background-color: teal;
	color: white;
	font-size: 18px;
	font-weight: bold;
}

td.label {
	text-align: right;
	font-weight: bold;
	color: teal;
	width: 35%;
}

.label {
	color: teal;
	font-weight: bold;
}

.field-container {
	text-align: left;	
}

.validation-error {
	color: red;
	padding: 5px;		
}

table.input-form tfoot th {
	border-top: solid 1px teal;
}

table.input-form .table-footer {
	border: solid 1px teal;	
}

/* FILTER */
table.filter {
	margin: 0px;
	padding: 0px;
	width: 100%;
	color: teal;
}
table.filter, table.filter td, table.filter tr, table.filter th {
	border-spacing: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: none;
}

table.filter td.label {
	width: inherit;
}

table.filter input {
	font-weight: normal;
}
table.filter .label {
	text-align: right;
	font-weight: bold;
	color: teal;
}

table.fourColumns td.label {
	width: 20%
}

table.filter .field-container {
	text-align: left;
}
/* AUTOCOMPLETE */
div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
}

div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

div.autocomplete ul li.selected { 
  background-color:#ffb;
}

div.autocomplete ul li {
  margin:0;
  padding:2px;
  height:32px;
  display:block;
  list-style-type:none;
  cursor:pointer;
}