body {
	font-family: "Goudy Old Style", "Goudy", "Garamond", "Palatino", "Georgia", "Times New Roman", serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	color: #606060;
	height: 100%;
	overflow: -moz-scrollbars-vertical;
	background: url(backstripes02.png);
	background-repeat: no-repeat;
	backg4round-attachment: fixed;
}
html {
	height: 100%;
}

.bodytable {
	width: 100%;
	height: 100%;
	border-col4lapse: collapse;
	padding: 8px;
}
.bodytable .top {
	height: 130px;
	max-height: 130px;
}
.bodytable .content {
	height: auto;
}
.bodytable .content td {
	vertical-align: top;
}
.bodytable .bottom {
	height: 1px;
}
.bodytable .bottom td {
	vertical-align: bottom;
	height: 1px;
}
.bodytable .bottom div {
	padding: 4px;
	border-top: 4px solid #f0f0f0;
	color: #a0a0a0;
	font-size: 80%;
}
.bodytable .bottom div a {
	color: #808080;
}


.logo {
	padding: 85px 0 0 10px;
	position: fixed;
	top: 0;
	left: 0;
}







table.contentnormal {
	background: url(black10.png);
#	background: none;
#	border: 1px solid #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0f0f0f0, endColorstr=#c0f0f0f0);
	
	padding: 1px;
	margin: 0 auto 0 auto;
	width: 75%;
	border-spacing: 0;
	border-collapse: collapse;
	min-width: 16em;
}


.contentnormal2 {
	background: url(white80.png);
#	background: none;

	border: 0;
	margin: 0;
	padding: 1em;
}

div.contentnormal2 p {
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}

div.contentnormal2 .centered {
	text-align: center;
}






a:visited {
       color: #000080;
}

a {
       color: #000080;
}


.external {
        background: url(/external.png) center right no-repeat;
        padding-right: 13px;
}



.menuContainer {
	background: url(black10.png);
#	background: none;
#	border: 1px solid #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0f0f0f0, endColorstr=#c0f0f0f0);
	padding: 1px;
	margin: 64px 0 0 0;
	height: 1px;
}





.tastetesterContainer {
	background: url(black10.png);
#	background: none;
#	border: 1px solid #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0f0f0f0, endColorstr=#c0f0f0f0);
	padding: 1px;
	height: 1px;
	width: 245px;
}
.tastetester {
	background: url(white50.png);
#	background: none;
}
.tastetester .image {
	text-align: center;
}
td {
	vertical-align: middle;
}
.tastetesterHeader {
	font-size: 120%;
	padding: 0 0 .2em 0;
}
.tastetesterQuote {
	font-style: italic;
	font-size: 120%;
	le4tter-spacing: .1em;
	line-height: 1.5em;
	color: #808080;
	padding: 0;
}
.tastetesterQuote .ql {
	font-size: 350%;
	line-height: 0;
	padding: 0.4em 0.15em 0 0;
	color: #c0c0c0;
	vertical-align: top;
}




.tastetesterQuoteTable tr {
	height: 10px;
}











.TreatsTable {
	border-spacing: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 100%;
}

.TreatsTable tr {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.TreatsTable td {
	vertical-align: top;
}

.TreatsTable .title {
	font-size: 140%;
	padding: 20px 10px 10px 10px;
}
.TreatsTable .ingredients {
	font-style: italic;
	padding: 0 10px 10px 20px;
}
.TreatsTable .notes {
	padding: 0 10px 10px 20px;
}
.TreatsTable td.price {
	vertical-align: bottom;
	padding-bottom: 20px;
}































.sectionFrame .sectionHeader {
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #808080;
}






.fill {
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
}




































/************************ not yet used */








.section {
	padding: 0 0 24px 0;
}
.section .sectionheader {
	background: #f8f8c8;
	padding: 0 4px 0 4px;
	color: #808050;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: .1em;
	height: 24px;
}
.section .sectioncontent {
	background: #ffffff;
	margin: 0 0 0 32px;
	border-left: 4px solid #f8f8c8;
	border-right: 4px solid #f8f8c8;
	border-bottom: 4px solid #f8f8c8;
	padding: 8px;
}
.section .buttonsRight {
	margin: 8px 0 0 0;
	text-align: right;
}


/* sectionTable */

.sectionTable {
	padding: 0 0 24px 0;
}
.sectionTable .sectionheader {
	background: #f8f8c8;
	padding: 2px 4px 2px 4px;
	color: #808050;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: .1em;
}
.sectionTable .sectionheader .small {
	font-size: 75%;
	letter-spacing: 0;
}
.sectionTable .sectioncontent {
	background: #ffffff;
	margin: 0 0 0 32px;
	padding: 0;
	border: none;
	border-bottom: 4px solid #f8f8c8;
}
.sectionTable .buttonsRight {
	margin: 0;
	padding: 4px 4px 0 4px;
	text-align: right;
	background: #f8f8c8;
}

.sectionTable table.buttons {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	color: #ffffff;
	background: #f8f8c8;
}
.sectionTable table.buttons td {
	width: 33%;
	border-right: 2px dotted #ffffff;
}
.sectionTable table.buttons td div {
	padding: 4px 4px 0 4px;
}
.sectionTable table.buttons td div .widgetButton {
	width: 100%;
}


/* sectionAlert */

.sectionAlert {
	padding: 0 0 24px 0;
}
.sectionAlert .sectionheader {
	background: #d07848;
	padding: 2px 4px 2px 4px;
	color: #ffffff;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: .1em;
}
.sectionAlert .sectioncontent {
	background: #ffffff;
	margin: 0 0 0 32px;
	padding: 0;
	border: none;
	color: #b05828;
	border-bottom: 4px solid #d07848;
}
.sectionAlert .buttonsRight {
	margin: 0;
	padding: 4px 4px 0 4px;
	text-align: right;
	color: #ffffff;
	background: #b05828;
}



/* sectionMessages */

.sectionMessages {
	padding: 0 0 24px 0;
}
.sectionMessages .sectionheader {
	background: #80a080;
	padding: 2px 4px 2px 4px;
	color: #ffffff;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: .1em;
}
.sectionMessages .sectioncontent {
	background: #ffffff;
	margin: 0 0 0 32px;
	padding: 0;
	border: none;
	color: #608060;
	border-bottom: 4px solid #80a080;
}
.sectionMessages .buttonsRight {
	margin: 0;
	padding: 4px 4px 0 4px;
	text-align: right;
	color: #ffffff;
	background: #80a080;
}



/* statusTableContainer */

.statusTableContainer {
	padding: 0 0 24px 0;
}
.statusTableContainer .sectionheader {
	background: #8080a0;
	padding: 2px 4px 2px 4px;
	color: #ffffff;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: .1em;
}
.statusTableContainer .sectioncontent {
	background: #ffffff;
	margin: 0 0 0 32px;
	padding: 0;
	border: none;
	color: #8080a0;
	border-bottom: 4px solid #8080a0;
}

.statusTableContainer table.buttons {
	width: 99%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	color: #ffffff;
	background: #8080a0;
}
.statusTableContainer table.buttons td {
	width: 33%;
	border-right: 2px dotted #a0a0c8;
}
.statusTableContainer table.buttons td div {
	padding: 4px 4px 0 4px;
}
.statusTableContainer table.buttons td div .widgetButton {
	width: 100%;
}



/* contentmenu */

.contentmenu {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	background: #f8f8f8;
}
.contentmenu a {
	color: #000000;
	display: block;
	text-decoration: none;
	padding: .25em .25em .25em .90em;
	text-indent: -.65em;
	margin: .15em;
	border: 1px dotted #f8f8f8;
}
.contentmenu a.selected {
	border: 1px dotted #c0c0c0;
	background: #ffffff;
}
.contentmenu a:hover {
	background: #ffffff;
}
.contentmenu a span {
	color: #000080;
	text-decoration: underline;
	padding: 0 0 0 .2em;
}
.contentmenu a span.subcaption {
	color: #a0a0a0;
	font-size: 80%;
	text-decoration: none;
	padding: 0 0 0 .4em;
}



.menu {
	floa4t: left;
	width: 160px;	/* when this value changes, also update 'content' and 'centerpage' */
	bord4er-top: 1px solid #808080;
	bord4er-bottom: 1px solid #808080;
	background: url(white80.png);
#	background: none;
	font-size: 90%;
}
.submenu {
	padding: .4em;
	margin: .35em 0 .15em 0;
}
.submenuheader {
	color: #404040;
}
.submenuitems {
	padding: 0 0 0 1em;
}
.menu a {
	color: #000000;
	display: block;
	text-decoration: none;
	padding: .25em .25em .25em .90em;
	text-indent: -.65em;
	margin: .15em;
}
.menu a.selected {
	b4order: 1px dotted #c0c0c0;
	background: #ffffff;
}
.menu a:hover {
	background: #ffffff;
	bo4rder: 1px dotted #808080;
}
.menu a span {
	color: #000080;
	text-decoration: underline;
	padding: 0 0 0 .2em;
}

.menuseparator {
	padding: 1px;
	margin: .3em .2em .3em .2em;
	background: #d8d8d8;
}










table {
}
tr {
	vertical-align: top;
}
th {
}
td {
}
.tablerowseparator {
	padding: 1px;
	background: #d8d8d8;
}










.reportstable2 {
	text-align: left;
	table-layout: fixed;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	width: 99%;
	
	background: #e0e0e0;	
	font-size: 90%;
}

.reportstable2 tr {
}
.reportstable2 td {
	border-right: 1px dotted #a0a0a0;
	border-bottom: 1px solid black;
	color: #000000;
	padding: 4px;
	
	height: 3.5em;		/* mozilla */
	#height: 2.5em;		/* ie */
}
.reportstable2 td.normal {
	border: none;
	background: #ffffff;
	height: auto;
	padding: 0 4px 0 4px;
}

.reportstable2 .check {
	background: #ffffff;
	border-bottom: none;
}
.reportstable2 .reportstablefooter {
	border: none;
	height: auto;
	padding: 0 4px 0 4px;
	height: 16px;
}


.reportstable2 th {
	font-weight: bold;
	background: #606060;
	color: #ffffff;
	text-align: left;
	padding: 0 4px 0 4px;
	border-right: 1px dotted #ffffff;
	height: 16px;
}
.reportstable2 th.right {
	border-right: none;
}
.reportstable2 th a {
	color: #ffffff;
}
.reportstable2 th a:visited {
	color: #ffffff;
}
.reportstable2 th a:active {
	color: #ffffff;
}
	



.reportstable2 .report {
	background: #ffffff;
}
.reportstable2 .reportHighlight {
	background: #f0f0f0;
}
.reportstable2 .report .small {
	font-size: 70%;
	color: #808080;
}


.reportstable2 .reportCheck {
	background: #ffffff;
	border-right: none;
	border-bottom: 1px dotted #a0a0a0;
}
.reportstable2 .reportCheckHighlight {
	background: #ffffff;
	border-right: none;
	border-bottom: 1px dotted #a0a0a0;
}
.reportstable2 .reportCheckLast {
	border-bottom: 1px solid #000000;
}

.reportstable2 .reportLeft {
	border-left: none;
}
.reportstable2 .reportRight {
	border-right: none;
}







.reportstable2 .reportOverdue {
	background: #fff0f0;
	border-bottom: 1px solid #f0a0a0;
}
.reportstable2 .reportOverdueLeft {
	border-left: 1px solid #f0a0a0;
}
.reportstable2 .reportOverdueRight {
	border-right: 1px solid #f0a0a0;
}
.reportstable2 .reportOverdueHighlight {
	background: #ffe0e0;
	border-bottom: 1px solid #f0a0a0;
}
.reportstable2 .reportOverdueCheck {
	background: #ffffff;
	border-right: none;
}
.reportstable2 .reportOverdueCheckHighlight {
	background: #ffffff;
	border-right: none;
}


.reportstable2 .reportMoreinfo {
	background: #f0f0ff;
	border-bottom: 1px solid #a0a0f0;
}
.reportstable2 .reportMoreinfoLeft {
	border-left: 1px solid #a0a0f0;
}
.reportstable2 .reportMoreinfoRight {
	border-right: 1px solid #a0a0f0;
}
.reportstable2 .reportMoreinfoHighlight {
	background: #e0e0ff;
	border-bottom: 1px solid #a0a0f0;
}
.reportstable2 .reportMoreinfoCheck {
	background: #ffffff;
	border-right: none;
}
.reportstable2 .reportMoreinfoCheckHighlight {
	background: #ffffff;
	border-right: none;
}


.reportstable2 .reportMessage {
	background: #f0fff0;
	border-bottom: 1px solid #a0f0a0;
}
.reportstable2 .reportMessageLeft {
	border-left: 1px solid #a0f0a0;
}
.reportstable2 .reportMessageRight {
	border-right: 1px solid #a0f0a0;
}
.reportstable2 .reportMessageHighlight {
	background: #e0ffe0;
	border-bottom: 1px solid #a0f0a0;
}
.reportstable2 .reportMessageCheck {
	background: #ffffff;
	border-right: none;
}
.reportstable2 .reportMessageCheckHighlight {
	background: #ffffff;
	border-right: none;
}























/* reportstable2Dormant */


.reportstable2Dormant {
	text-align: left;
	table-layout: fixed;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	width: 99%;
	
	font-size: 90%;
}

.reportstable2Dormant tr {
}
.reportstable2Dormant td {
	border-right: 1px dotted #a0a0a0;
	border-bottom: 1px solid black;
	color: #b0b0b0;
	padding: 4px;
	
	height: 3.5em;		/* mozilla */
	#height: 2.5em;		/* ie */
}
.reportstable2Dormant td.normal {
	border: none;
	height: auto;
	padding: 0 4px 0 4px;
}

.reportstable2Dormant .check {
	border-bottom: none;
}
.reportstable2Dormant .reportstablefooter {
	border: none;
	height: auto;
	padding: 0 4px 0 4px;
	height: 16px;
}


.reportstable2Dormant th {
	font-weight: bold;
	background: #d0d0d0;
	color: #ffffff;
	text-align: left;
	padding: 0 4px 0 4px;
	border-right: 1px dotted #ffffff;
	height: 16px;
}
.reportstable2Dormant th.right {
	border-right: none;
}
.reportstable2Dormant th a {
	color: #ffffff;
}
.reportstable2Dormant th a:visited {
	color: #ffffff;
}
.reportstable2Dormant th a:active {
	color: #ffffff;
}
.reportstable2Dormant td a {
	color: #a0a0ff;
}
.reportstable2Dormant td a:visited {
	color: #a0a0ff;
}
.reportstable2Dormant td a:active {
	color: #a0a0ff;
}
	



.reportstable2Dormant .report {
	background: #f8f8f8;
}
.reportstable2Dormant .reportHighlight {
	background: #f0f0f0;
}
.reportstable2Dormant .report .small {
	font-size: 70%;
	color: #808080;
}


.reportstable2Dormant .reportCheck {
	background: #ffffff;
	border-right: none;
	border-bottom: 1px dotted #a0a0a0;
}
.reportstable2Dormant .reportCheckHighlight {
	background: #ffffff;
	border-right: none;
	border-bottom: 1px dotted #a0a0a0;
}
.reportstable2Dormant .reportCheckLast {
	border-bottom: 1px solid #000000;
}

.reportstable2Dormant .reportLeft {
	border-left: none;
}
.reportstable2Dormant .reportRight {
	border-right: none;
}








/******************************/






























































.indent {
	padding-left: 32px;
}








.attachmentstable {
	text-align: left;
	table-layout: fixed;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	width: 99%;
	
	background: #e0e0e0;	
	font-size: 90%;
}

.attachmentstable tr {
}
.attachmentstable td {
	border-right: 1px dotted #a0a0a0;
	border-bottom: 1px solid black;
	border-bottom: 1px solid black;
	color: #000000;
	padding: 4px;
}


.attachmentstable th {
	border: none;
	font-weight: bold;
	background: #000000;
	color: #ffffff;
	text-align: left;
	padding: 4px;
	border-right: 1px dotted #ffffff;
}



.attachmentstable .label {
	background: #ffffff;
	width: 3em;
}




.attachmentstable th.right {
	border-right: none;
}
	

.attachmentstable .attachmentstablefooter {
	border-right: none;
	height: auto;
}




















/* @statustable */

.statustable {
	vertical-align: top;
	table-layout: fixed;

	text-align: left;
	table-layout: fixed;
	padding: 0;
	margin: 1px 0 1px 0;

	font-size: 85%;
}

.statustable td {
	border-right: 1px solid #ffffff;
	width: 94px;
}
.statustable td.space {
	width: 0;
	margin: 0;
	padding: 0;
}

.statustable .plain td {
	border: none;
}
.statustable .pause .plain {
	border: 2px dotted #c0c0c0;
}

.statustable .statustableNum {
	font-size: 400%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	text-align: left;
}

.statustable .statustableIcon {
	vertical-align: top;
	wid4th: 32px;
	height: 32px;
}

.statustable .title {
	padding: 1.5em 1em 1em 0;
	width: 100%;
	vertical-align: bottom;
}
img.noIE {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


.statustable td.ok {
	background: #e0e0f0;
	color: #8080c0;
}
.statustable td.ok .statustableNum {
	color: #c0c0e0;
}
.statustable div.ok {
	width: 32px;
	height: 32px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gp-ok.png');
}




.statustable td.pause {
	background: #ffffff;
	color: #404040;
}
.statustable .pause .statustableNum {
	color: #d8d8d8;
}
.statustable div.pause {
	width: 32px;
	height: 32px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gp-pause.png');
}


.statustable .notyet {
	background: #282840;
	color: #8080c0;
}
.statustable .notyet .statustableNum {
	color: #484870;
}


.statustable .info {
	4ackground: #e0e0e0;
	font-size: 80%;
	margin: 0 .5em .5em 0;
}
.statustable .infotitle {
	font-weight: bold;
}






























.messageFromRole {
	font-size: 80%;
	color: #808080;
}















.definitiontable {
	text-align: left;
	table-layout: fixed;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	width: 99%;
	
	background: #e0e0e0;	
	font-size: 90%;
}

.definitiontable tr {
}
.definitiontable td {
	color: #000000;
	padding: 4px;
	border-bottom: 1px dotted #ffffff;
	background: #e8e8e8;
}


.definitiontable th {
	font-weight: bold;
	background: #606060;
	color: #ffffff;
	text-align: right;
	padding: 4px;
	border-bottom: 1px dotted #ffffff;
}
	

.definitiontable .label {
	width: 12em;
}
.definitiontable .message {
	padding: 16px;
	border-bottom: none;
	background: #f8f8f8;
}
.definitiontable .small {
	font-size: 90%;
	color: #404040;
}












select.contacts .customer {
	background: #ff00ff;
}

.nice {
	background: #00ff00;
	color: #00ffff;
}



















/****************************************************************************/
/* letter */

.letter {

}


.letter table.definitions {
	width: 100%;
}

.letter table.definitions th {
	width: 14em;
	text-align: right;
	padding: 0 1em 0 0;
}

.letter table.spaced td {
	padding: 0 0 1em 0;
}

.letter table.questions {
	width: 100%;
}
.letter table.questions th {
	width: 3em;
	text-align: right;
	padding: 0 1em 0 0;
}
.letter table.questions td {
	padding: 0 0 1em 0;
}


.letter textarea {
	width: 500px;
	height: 6.1em;
}
.letter table.definitions textarea {
	width: 300px;
}
.letter table.questions textarea {
	width: 444px;
}

/****************************************************************************/
/****************************************************************************/


.expanderArrowDormant {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 0 0 -18px;	/* mozilla */
	#margin: 0 0 0 -8px;	/* ie */
}

.expanderArrowSection {
	float: left;
	width: 16px;
	height: 16px;
	padding: 4px 0 4px 0;
	margin: 0 0 0 -18px;	/* mozilla */
	#margin: 0 0 0 -8px;	/* ie */
}