td.subhead {
vertical-align: middle;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	color: #333333;
	background-color: #ffffff;
	margin: 10px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
}

input {
	border: 1px solid #666666;
}

input.button {
	background-color: #ece9d8;
	border: 1px solid #6c6958;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
}

img {
	border: 0px;
}

td {
	vertical-align: top;
}

#pageTitle {
	font-family: Verdana, sans-serif;
	font-size: 20px;
	text-decoration: underline;
	color: #333333;
	text-align: left;
	margin-bottom: 10px;
}

#wrapper {
	width: 760px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left; /* Counteract to IE5/Win Hack */
}

#jsmenu {
	margin-top: 10px;
	margin-bottom: 5px;
}

#jsmenuAdmin {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#footer {
	padding: 5px;
	background-color: #516479;
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#maincontent {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.box {
	border: 1px solid #cccccc;
	margin-bottom: 5px;
}
.half {
	width: 49%;
}
.full, .update {
	width: 100%;
}

.box .head {
	padding: 2px;
	background-color: #516479;
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 5px;
}

.box .subhead {
	padding: 2px;
	background-color: #3C5CB5;
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 5px;
}
.box .body {
	text-align: left;
	padding: 5px;
}

.box .body table td.head {
	background-color: #516479;
}

.box .body table td.subhead {
	background-color: #3C5CB5;
}

.box .body p {
	text-indent: 0px;
}

.box .body hr {
color: #000000;
background-color: #000000;
height: 1px;
border: 0px;
}

.clear {
	clear: both;
	/*display: none;*/
}

.form {
	
}

.form .row {
	clear: both;
	padding-top: 10px;
}

.form .row .label {
	float: left;
	text-align: right;
}

.form .row .field {
	float: right;
	padding-left: 10px;
	text-align: left;
}

a {
	color: #35414E;
	text-decoration: underline;
	background: transparent;
}
a:hover, a:active {
	text-decoration: none;
}

a.clientList {
	color: #35414E;
	font-size: 10px;
	text-decoration: underline;
	background: transparent;
}
a.clientList:hover, a.clientList:active {
	text-decoration: none;
}

a.footer:link, a.footer:visited {
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	background: transparent;
}

a.footer:hover, a.footer:active {
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	background: transparent;
}

a.delete {
	color: #ff0000;
}

a.bold {
	font-size: 12px;
	font-weight: bold;
}

td {
	font-size: 12px;
}

table.list {
	border: 1px solid #000000;
	border-style: collapse;
	width: 100%;
}

table.list td.head, table.update td.head {
	padding: 2px;
	background-color: #516479;
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

table.list td.subhead, table.update td.subhead {
	padding: 2px;
	background-color: #3C5CB5;
	color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

table.list td.head a.head, table.update td.head a.head {
	color: #ffffff;
	background-color: #516479;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	padding: 0px;
}

table.list td.subhead a.subhead, table.update td.subhead a.subhead {
	color: #ffffff;
	background-color: #3C5CB5;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	padding: 0px;
}
table.list td.row {
	text-align: left;
	padding: 5px;
	border: 1px solid #cccccc;
}

.replyAdmin {
	background-color: #FFB0B0;
	border: 1px solid #000000;
	margin: 5px;
}

.replyStaff {
	background-color: #DEDFDE;
	border: 1px solid #000000;
	margin: 5px;
}

.replyClient {
	background-color: #ffffff;
	border: 1px solid #000000;
	margin: 5px;
}

.replyInvisible {
	background-color: #9FC6FF;
	border: 1px solid #000000;
	margin: 5px;
}
/** START:	Invoice */
.invoice {
	padding: 2px;
	text-align: left;
}
.invoice .wgtAddress {
	padding: 10px;
	font-family: Arial;
	font-size: 14px;
	color: #314459;
	width: 30%;
	float: left;
}
#invoicePaid {
	width: 60%;
	float: right;
	font-size: 40px;
	font-weight: bold;
	color: #cc0000;
	border: 0px solid #cc0000;
	text-align: center;
}

.invoice div.separator {
	clear: both;
	margin: 5px;
}
.invoice div.separator hr {
	color: #ffffff;
	background-color: #ffffff;
}
.invoice .companyAddress {
	width: 30%;
	float: left;
	padding: 10px;
	font-family: Times New Roman;
	font-size: 14px;
}
.invoice .companyAddress .contact {
	color: #314459;
}
.invoice .companyAddress .address {
	color: #314459;
}
.invoice div.summary {
	width: 60%;
	float: right;
	background-color: #516479;
}
.invoice div.summary table.summary {
	width: 100%;
}
.invoice div.summary table.summary .head {}
.invoice div.summary table.summary .row {
	background-color: #ffffff;
	text-align: center;
}
/** START:	Invoice-Details Table */
.invoice div.details {
	margin: 5px;
	background-color: #516479;
}
.invoice div.details table.details {
	width: 100%;
}
.invoice div.details table.details .head {}
.invoice div.details table.details .row {
	background-color: #ffffff;
	text-align: center;
}
/** END:	Invoice-Details Table */
/** END:	Invoice */

.alert {
	margin: 15px;
}

/** START:	Confirmation system */
.confirm {
	width: 600px;
	margin: 0px auto 15px;
	
	border: 1px solid #000000;
	text-align: left;
}

.confirm .head {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	
	background-color: #000000;
	color: #ffffff;
	padding: 2px;
	
	border-bottom: 1px solid #cc0000;
}

.confirm .body {
	padding: 10px;
	text-align: left;
}

.confirm .message, .confirm .action {
	font-size: 10pt;
}

.confirm .reversible {
	font-size: 12pt;
	margin: 15px;
	font-family: Courier New, sans-serif;
	
	color: #990000;
	font-weight: bold;
}

.confirm .buttons {
	margin: 25px;
}

.confirm .no { }
.confirm .yes {
	background-color: #cc0000;
	color: #ffffff;
	font-weight: bold;
}

/** END:	Confirmation system */

/*Help Layer Popup*/
div.helpLayer {
	font-weight: normal;
	color: #011429;
	display: none;
	position: absolute;
	border: 2px solid #333333;
	background-color: #ffffff;
	padding: 5px;
	width: 400px;
	margin: 10px;
	z-index: 100;
text-indent: 0px;
padding: 2px;
text-align: left;
}
div.helpLayer p {
text-indent: 0px;
}
#title {
text-indent: 0px;
}

/* TEMPLATE VAR LIST */
#templateVarList0 {
	display: none;
	border: 2px dotted #000000;
	padding: 10px;
	width: 1000px;
	position: absolute;
	top: 50px;
	background-color: #ffffff;
	text-align: left;
	color: #000000;
	z-index: 100;
}

#templateVarList0 .cell {
	float: left;
	width: 200px;
	border: 1px solid #000000;
	padding: 5px;
	margin: 5px;
}

#templateVarList0 .cell .head {
	font-weight: bold;
	width: 200px;
	margin-bottom: 10px;
}

.sectionelse {
	font-style: italic;
	padding: 5px;
	text-align: center;
}

#welcomeUser {
font-style: italic;
text-align: center;
margin-bottom: 10px;
}