* {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 1em;
}

body {
	width: 90%;
	margin: 0px auto;
	padding: 1em;
}

.cb {
	clear: both;
}

table#results {
	margin: 16px auto;
}

table#results * {
	font-size: 0.9em;
}

table#results th {
	border: 1px solid #444;
	padding: 0.2em 0.4em;
	background: #678;
}
table#results td {
	padding: 0.2em 0.4em;
	border: 1px solid #444;
}

table#results td a {
	text-decoration: none;
	color: #000;
	display: block;
	width: 100%;
}

table#results tr:hover td.bg1, table#results tr:hover td.bg2 {
	background: #fff;
}

table#results td.bg1 {
	background: #ccc;
}

table#results td.bg2 {
	background: #ddd;
}

div#company {
	width: 50%;
	border: 1px solid #999;
	margin: 1em 0em;
	padding: 0.5em;
	font-size: 0.9em;
}

div#company h2 {
	float: left;
	padding-top: 2em;
	margin-left: 1em;
}

div#company img {
	border: 1px solid #ddd;
	padding: 1px;
	background: #eee;
	float: right;
	margin-bottom: 1em;
}
div#company h2, div#company h3 {
	color: red;
	clear: both;
	margin: 0.5em 0em;
}

div#company hr {
	width: 90%;
	text-align: center;
	margin: 1em auto;
	clear: both;
}

div#companyMainInfo p, div#companyextraInfo p, div#companyActivities p {
	font-size: 0.9em;
	margin-bottom: 0.8em;
	height: 1.5em;
}

div#companyMainInfo p span.mi1, div#companyextraInfo p span.mi1, div#companyActivities p span.mi1 {
	float: left;
	width: 30%;
	display: block;
	color: #22a;
	padding: 0.2em 0.4em;
}

div#companyMainInfo p span.mi2, div#companyextraInfo p span.mi2, div#companyActivities p span.mi2 {
	float: left;
	width: 56%;
	display: block;
	padding: 0.2em 0.4em;
	margin-left: 1em;
	border: 1px dashed #ccc;
	height: 1.2em;
}

div#companyMainInfo p span.cb, , div#companyextraInfo p span.cb, div#companyActivities p span.cb {
	display: block;
	width: 1px;
	height: 1px;
	clear: both;
}

/* admin begins here */
h2#adminHeaderLink {
	margin: 1em 0em;
}
h2#adminHeaderLink a {
	color: #333;
}

ul#adminMenu li {
	margin: 0.5em 0em;
	list-style-type: none;
}

ul#adminMenu li a {
	font-size: 0.9em;
	font-family: Arial;
	color: black;
	text-decoration: none;
	width: 18em;
	padding: 0.2em 0.3em;
	display: block;
	border: 1px solid #ccc;
}

ul#adminMenu li a:hover {
	background: #ccc;
}

div#admin {
	border: 1px solid #ccc;
	padding: 1em;
}

div#admin p * {
	font-size: 0.9em;
}
div#admin form fieldset {
	padding: 1em;
	width: 40%;
}

div#admin form legend {
	padding: 0.5em;
	width: 40%;
}

div#admin form select option {
	padding: 0em 0.4em;
	margin: 2px 0px;
	background: #e4e4e4;
}

div#admin form select#activities {
	width: 20em;
}

div#admin form select#activities option {
	width: 48em;
}

div#admin p {
	text-align: right;
	float: right:
	clear: both;
	width: 32em;
	margin: 0.5em 0em;
}

.ml1em {
	margin-left: 1em;
}

.mr1em {
	margin-right: 1em;
}

.pl1em {
	padding-left: 1em;
}

.pr1em {
	padding-right: 1em;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.tac {

	text-align: center;
}

a.deleteIcon {
	display: block;
	width: 16px;
	height: 16px;
	background: url(img/icon-delete.png) no-repeat;
	text-align: center;
	margin: 0px auto;
}

a.editIcon {
	display: block;
	width: 16px;
	height: 16px;
	background: url(img/icon-update.png) no-repeat;
	text-align: center;
	margin: 0px auto;
}

table#listItems a {
	font-size: 0.9em;
	font-family: Arial;
	color: #222;
	text-decoration: none;
}
table#listItems tr th, table#listItems tr td {
	padding: 0.2em;
	border: 1px solid #777;
	font-size: 0.9em;
	padding: 0.2em 1em;
}


div#searchForm {
	border: 1px solid #aaa;
	padding: 16px;
}
div#searchForm * {
	font-size: 10pt;
	font-family: Arial;
}
div#searchForm h2 {
	margin: 1em 0em;
	font-size: 1.2em;
	text-align: right;
}
div#searchForm p {
	clear: both;
	float: right;
	margin: 1em;
}

div#searchForm input {
	width: 24em;
}
div#searchForm select {
	width: 24em;
}

div#resultsForm {
	margin-top: 2em;
	border: 1px solid #aaa;
	padding: 16px;
	text-align: center;
}

div#resultsForm h3 {
	margin: 1em 0em;
	text-align: center;
}

div#resultsForm table {
	margin: 0 auto;
}

div#resultsForm table th, div#resultsForm table td {
	margin: 2px 4px;
	padding: 0.2em 0.4em;
	border: 1px solid #ddd;
	font-size: 9.5pt;
	font-family: Arial;
}

div#resultsForm table td {
	text-align: left;
	padding-left: 1em;
	font-size: 9pt;
}

ul#actitivities {
	list-style-type: square;
	margin-left: 2em;
}
ul#actitivities li {
	list-style-type: square;
	font-size: 0.9em;
}

p.backtolist {
	margin: 1em auto;
	text-align: center;
}

p.backtolist a {
	padding: 0.2em 0.4em;
	border: 1px solid #888;
	text-decoration: none;
	font-size: 0.9em;
	background: #d4d4d4;
	color: #222;
}

p.backtolist a:hover {
	background: #eee;
}


div#window {
	margin: 16px auto;
	border: 1px solid #aaa;
	width: 800px;
	color: #fff;
	font-family: Arial;
	font-size: 10pt;
}

div#top {
	width: 800px;
	height: 161px;
	background: url(img/w800.jpg) no-repeat;
	color: #fff;
	border-bottom: 1px solid #aaa;
}

div#top p {
	margin: 6px;
}

div#medium {
	width: 800px;
	color: #000;
}

div#bottom {
	width: 800px;
	height: 36px;
	background: url(img/logoxunta.jpg) no-repeat;
	border-top: 1px solid #aaa;
	color: #000;
}
div#bottom p {
	float: right;
	clear: both;
	margin-top: 8px;
	margin-right: 8px;
}
div#bottom p a {
	text-decoration: none;
	color: #000;
	font-height: bold;
	margin-top: -3px;
	width: 32px;
	height: 32px;
	display: block;
	float: left;
}
a#backarrow {
	background: url(img/backarrow.png) no-repeat;
}
a#forwardarrow {
	background: url(img/forwardarrow.png) no-repeat;
}

div#top fieldset {
	border: 0px;
}

div#top select {
	width: 460px;
}

div#medium table {
	width: 100%;
	border-collapse: collapse
}

div#medium th, td {
	font-size: 9pt;
}
div#medium th {
	border: 1px solid #ddd;
}
div#medium td {
	padding-left: 0.3em;
	height: 2em;
	font-size: 8pt;
}
div#medium tr.bg1 td {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
div#medium tr.bg2 td {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #aaf;
}

/* company details window */

h2#companyName {
	color: red;
}

div#companyDetails1, div#companyDetails2, div#companyDetails3 {
	width: 600px;
	margin-top: 8px;
	border: 1px solid #ccc;
	padding: 16px;
	font-size: 9pt;
	font-family: Arial;
	color: #000;
}

div#companyDetails1 input, div#companyDetails2 input, div#companyDetails3 input {
	border: 1px solid #ccc;
	padding: 2px 4px;
	margin-right: 16px;
	width: 24em;
}

div#companyDetails1 img {
	float: right;
	width: 150px;
	height: 74px;
	background: #ccc;
	border: 1px solid #aaa;
}

input#address 
{
	margin-left: 28px;
}

input#city
{
	margin-left: 26px;
}

input#phone
{
	margin-left: 26px;
}

input#fax
{
	margin-left: 58px;
}

input#box
{
	margin-left: 27px;
}

input#invoicing
{
	margin-left: 12px;
}

input#employees
{
	margin-left: 15px;
}

div#companyDetails1 span, div#companyDetails2 span, div#companyDetails3 span {
	border: 1px solid #ccc;
	padding: 2px 4px;
	width: 80px;
	height: 1em;
}


div#companyDetails1 p, div#companyDetails2 p, div#companyDetails3 p {
	margin-bottom: 8px;
}

div#companyDetails3 table {
	border-collapse: collapse
	display: block;
}

div#companyDetails3 table th {
	background: #e4e4e4;
	border: 1px solid #aaa;
	width: 300px;
}

div#companyDetails3 table td {
	padding-left: 1em;
}

div#showCompanyInfo {
	margin-top: 8px;
	border: 1px solid #ccc;
	padding: 1em;
}

div#showCompanyInfo p {
	font-size: 0.9em;
	text-align: left;
	float: left:
	clear: both;
	margin: 0.5em 0em;
}


div#showCompanyInfo span {
	border: 0px;
	color: #008;
	width: 20em;
}

div#showCompanyInfo form fieldset {
	padding: 1em;
}

div#showCompanyInfo form legend {
	padding: 0.5em;
}