body {  background-color: #3d4058; color: #e0e0e0; }

h1 { margin: 0px; font-family: sans-serif, Helvetica, Ariel; font-size: 24px; font-weight: bold; margin-bottom: 5px; }
h2 { margin: 0px; font-family: sans-serif, Helvetica, Ariel; font-size: 20px; }
h3 { margin: 0px; margin-top: 20px; margin-bottom: 10px; font-family: sans-serif, Helvetica, Ariel; font-size: 20px; }

.header { margin-bottom: 40px; }
.headerTextCell { vertical-align: top; }
.imageBox { width: 150px; text-align: left; vertical-align: top; }
.imageBoxL { text-align: left; vertical-align: top; }

.list { padding: 0; border: 0; }
.list a { color: #d0d0ff; }
.title { padding: 0; margin: 0; background: #c0b0a8; }
.title * a:link { color: black; text-decoration: none; }
.title * a:visited { color: black; text-decoration: none; }
.title * a:hover { color: black; text-decoration: underline; }

.list_bl { margin: 0; padding: 0; width: 10px; height:10px; background: #c0b0a8 url('/asd/rounded?h=10&w=10&a=bl&c=c0b0a8&bc=3d4058'); }
.list_br { margin: 0; padding: 0; width: 10px; height:10px; background: #c0b0a8 url('/asd/rounded?h=10&w=10&a=br&c=c0b0a8&bc=3d4058'); }
.list_tl { margin: 0; padding: 0; width: 10px; height:10px; background: #c0b0a8 url('/asd/rounded?h=10&w=10&a=tl&c=c0b0a8&bc=3d4058'); }
.list_tr { margin: 0; padding: 0; width: 10px; height:10px; background: #c0b0a8 url('/asd/rounded?h=10&w=10&a=tr&c=c0b0a8&bc=3d4058'); }

table.list td { font-size: 10pt; }

th.titleSpacer { width: 10px; margin: 0; padding: 0; border: 0; }
td.titleSpacer { width: 10px; margin: 0; padding: 0; }
th { text-align: left; font-size: 10pt; } /* IE (only) get's this wrong without this. */
.fullNameColumnValue {  width: 310px; padding: 2px; padding-left: 2px; }
.dateOfBirthColumnValue { width: 80px; padding: 2px; }
.dateOfDeathColumnValue { width: 80px; padding: 2px; }
.viewDateColumnValue { width: 145px; padding: 2px; }
.serviceDateColumnValue { width: 145px; padding: 2px; padding-right: 2px; }

.odd { background: #3d4058; }
.even { background: #4d5068; }

.pagerMiddle { background: #c0b0a8; }
.pager { width: 780px; padding: 0px; margin: 0; }
.pagerRow { background: #c0b0a8; margin: 0; padding: 0; }
.pagerCell { text-align: right; padding: 0; margin: 0; width: 680px; color: black; }
.pagerBtn { width: 100px; }
.pagerBorder { background: #c0b0a8; margin: 0; padding: 0; height: 20px; }

.footer { width: 800px; padding: 4px; padding-top: 0px; }
.footerRow { vertical-align: top; }
.footerCell { border-top: 0; text-align: right; padding: 2px; }

.footerText { font-family: sans-serif, Helvetica, Ariel; font-size: 10px; }
.footerText a { color: #d0d0ff; }

.searchMain { }
.searchBox { width: 400px; color: black; }
.searchBox a { color: black; font-weight: bold; }
.search_tl { width: 10px; height:10px; background: #c0b0a8 url('/asd/rounded?h=10&w=10&a=tl&c=c0b0a8&bc=3d4058'); }
.search_tr { width: 10px; height:10px; background: #c0b0a8 url('/asd/rounded?h=10&w=10&a=tr&c=c0b0a8&bc=3d4058'); }
.search_bl { width: 10px; height:10px; background: #c0b0a8 url('/asd/rounded?h=10&w=10&a=bl&c=c0b0a8&bc=3d4058'); }
.search_br { width: 10px; height:10px; background: #c0b0a8 url('/asd/rounded?h=10&w=10&a=br&c=c0b0a8&bc=3d4058'); }
.search_t { background-color: #c0b0a8; height: 10px; }
.search_b { background-color: #c0b0a8; height: 10px; }
.search_l { background-color: #c0b0a8; }
.search_r { background-color: #c0b0a8; }
.search_c { background-color: #c0b0a8; }
.help { font-family: helvetica, ariel, sans-serif; font-size: 10pt; }

.linkBox a { color: #d0d0ff; }
.headerTextCell a { color: #d0d0ff; }
.headerTextCell input { background: black; color: white; }

img.logo { border: 0; padding-right: 10px; }
img.picture { border: 0; }
label { font-family: "Times New Roman", Times, serif; font-size: 12pt; font-weight: bold; }

td#nameCell { font-family: helvetica, ariel, sans-serif; font-size: 18pt; font-weight: bold; vertical-align: top; }
h2#nameCell { font-family: helvetica, ariel, sans-serif; font-size: 18pt; font-weight: bold; display: inline; vertical-align: top; }
td#pictureCell { width: 150px; vertical-align: top; }
td#nameCell { vertical-align: top; }

input#name { margin-left: 20px; width: 250px; }

.error { background: LightYellow; border: 1px solid black; }
.error ul { margin: 4px; margin-left: 40px; padding: 0; }
.errorBox { background: LightYellow; border: solid 1px black; padding: 3px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
.fieldError input { background: #ffc0c0; }

input#search { font-size: 8pt; }
input#back { font-size: 8pt; }

.barTable, .barTableLeft { cursor: pointer; border: 0; border-collapse: collapse; }
.barTable { width: 800px; }
.barTableLeft { width: 150px; }

.barCell,.barCellActive { padding: 5px; border: 1px solid white;
	font-family: helvetica, ariel, sans-serif; font-size: 10pt; font-weight: bold;
	text-align: center;
}
.barCell { background: #c0b0a8; color: black; }
.barCelLActive { background: #3d4058; color: #c0b0a8; }

.barLeft { float: left; margin-right: 20px; }
.barLeftCell { vertical-align: top; }

.mainRight { }
.mainRightCell { vertical-align: top; }

.textOuter { width: 800px; }
.textPic { float: left; margin-right: 20px; margin-bottom: 6px; display: inline; }
.textText { width: 800px; clear: none; display: inline; }
.textText a { color: #c0c0ff; }

.locTitle { padding: 0; margin: 0; background: #c0b0a8; color: black; }
.locMain { padding: 10px; padding-left: 0; }
.locLoc { vertical-align: top; }


h1 { margin: 0px; font-family: sans-serif, Helvetica, Ariel; font-size: 20px; font-weight: bold; margin-bottom: 5px; }
h2 { margin: 0px; font-family: sans-serif, Helvetica, Ariel; font-size: 16px; }
.boxH2 { font-family: sans-serif, Helvetica, Ariel; font-size: 16px; width: 140px;
	margin: 0px; padding: 0px; border-collapse: collapse; }

.vocTable { width: 800px; border: 0px; margin: 0px; padding: 0px; border-spacing: 0px; margin-top: 5px; }
.vocTableHead { width: 800px; border: 0px; margin: 0px; padding: 0px; border-spacing: 0px; margin-top: 5px; }
.vocTableBody { width: 800px; border: 0px; margin: 0px; padding: 0px; border-spacing: 0px; }
.vocTable td { padding: 3px; }

.fieldLabels { border: 0px solid black; margin: 0px; padding: 0px; border-collapse: collapse; }
.fieldLabels td { border: 0px solid black; padding: 0px; }
.fieldLabels th { border: 0px solid black; padding: 0px; text-align: left; font-family: sans-serif, Helvetica, Ariel; font-size: 9px; }
.fieldLabels th label { font-family: sans-serif, Helvetica, Ariel; font-size: 9px; }

.closed { border: 0px solid black; margin: 0px; padding: 0px; border-collapse: collapse; }
.closed th { border: 0px solid black; margin: 0px; padding: 0px; border-collapse: collapse; }
.closed td { border: 0px solid black; margin: 0px; padding: 0px; border-collapse: collapse; }

.cellPadding { width: 25px; }
.fieldError input { background: #ffc0c0; }
.fieldError textarea { background: #ffc0c0; }

.vocMain { border-color: #c0c0c0; border-width: 2px; border-style: solid; background-color: #f0f0f0; }
.vocMainTitle { background-color: #c0c0c0; text-align: left; }

.vocHdr { border-color: #c0b0a8; border-width: 2px; border-style: solid; background-color: white; color: black; }
.vocHdrTitle { background-color: #c0b0a8; color: black; }

.vocBody { border-color: #c0b0a8; border-width: 2px; border-style: solid; background-color: white; color: black; }
.vocBodyTitle { background-color: #c0b0a8; color: black; }

.vocSubject { border-color: #c0b0a8; border-width: 2px; border-style: solid; background-color: white; color: black; }
.vocSubjectTitle { background-color: #c0b0a8; color: black; }

.instructions { font-family: Helvetica, Ariel, sans-serif; font-size: 9pt; }
label.fieldLabelError { font-weight: bold; font-size: 120%; }

input#clientName { width: 784px; }
input#clientEmail { width: 390px; }
input#clientPhone { width: 390px; }
input#clientAddress { width: 784px; }
input#clientCity { width: 545px; }
select#clientState { width: 150px; }
input#clientZip { width: 85px; }
textarea#message { width: 784px; height: 200px; color: #000; font-family: Helvetica, Ariel, sans-serif; font-size: 10pt; }
.contactType { font-family: "Times New Roman", Times, serif; font-size: 12pt; }

.errroWide { width: 800px; }

INPUT.hintTextbox { color: #888; }
INPUT.hintTextboxActive { color: #000; }
TEXTAREA.hintTextbox { color: #888; font-family: sans-serif, Helvetica, Ariel; font-size: 9pt; }
TEXTAREA.hintTextboxActive { color: #000; font-family: sans-serif, Helvetica, Ariel; font-size: 9pt; }

.memoryMain { }
.memoryBox { width: 800px; color: black; }
.memoryBox a { color: black; font-weight: bold; }
.memory_tl { width: 10px; height:10px; background: #c0b0a8 url('/asd/rounded?h=10&w=10&a=tl&c=c0b0a8&bc=3d4058'); }
.memory_tr { width: 10px; height:10px; background: #c0b0a8 url('/asd/rounded?h=10&w=10&a=tr&c=c0b0a8&bc=3d4058'); }
.memory_bl { width: 10px; height:10px; background: #c0b0a8 url('/asd/rounded?h=10&w=10&a=bl&c=c0b0a8&bc=3d4058'); }
.memory_br { width: 10px; height:10px; background: #c0b0a8 url('/asd/rounded?h=10&w=10&a=br&c=c0b0a8&bc=3d4058'); }
.memory_t { background-color: #c0b0a8; height: 10px; }
.memory_b { background-color: #c0b0a8; height: 10px; }
.memory_l { background-color: #c0b0a8; }
.memory_r { background-color: #c0b0a8; }
.memory_c { background-color: #c0b0a8; }