body, p, div, ol, ul, li, td, th, h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
	font-family: Arial, Helvetica, Univers, 'Zurich BT', sans-serif;
	font-size: 12pt;
	color: #037; }

/* You can find this and more tiling background patterns from:
	http://www.squidfingers.com/patterns/	*/
body {
	margin: auto;
	width: 746px;
	border: 1px solid #eee;
	padding: 10px;
	background: white; }
body#ob {
	width: auto;
	border: none;
	padding: 0px;
	background: #eee url("../images/obits-bg-tile.gif") repeat;	}

th, h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
	color:	#059;
	padding-top: 0px;
	margin-top:	0px; }

h1, h1 { font-size:	24pt; }
h2, h2 { font-size:	20pt; }
h3, h3 { font-size:	16pt; }
h4, h4 { font-size:	8pt; }

input.button {
	background: #31598C;
	color: white;
	font-weight: bold;
	font-style: italic; }
input.button,
select.select {
	border: 2px solid #037; }

a,
a:hover,
a:active,
a:visited {
	color: #36C; }


#obits {
	width: 748px;
	background-color: white;
	padding: 0px; 
	margin:	10px auto;
	border:	1px solid black; }
@media print {
	#obits {
		border: none;
		width: 100%; }
}


#content {
	width: 100%;
	padding: 0px 10px;
	margin:	0px; }


#rightside {
	padding: 5px 6px 0px 0px;
	margin: 0px; }
@media print {
	#rightside { display: none; }
}


#header {
	background: url("../images/title-bg-repeat.gif") repeat-x; }
#titleimage {
	border: none;
	float: right;
	padding: 30px 15px 0px 0px; }
@media print {
	#titleimage { display: none; }
	#sunriseimage { display: none; }
}

#header ul {
	margin: 0px;
	padding: 0px;
	clear: both;
	list-style: none; }
#header ul.global li {
	margin: 0px;
	padding: 0px;
	display: inline; }
#header ul.global li a,
#header ul.global li a:hover,
#header ul.global li a:active,
#header ul.global li a:visited {
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
	height: 32px;
	margin-right: 5px;
	padding: 2px 10px;
	text-align: center;
	background: #037 url("../images/menu-corner.gif") bottom right no-repeat; }

#header ul.global li a:hover,
#header ul.global li a:active {
	background: #36C url("../images/menu-corner.gif") bottom right no-repeat; }

#header ul.crumbs {
	text-align: right;
	padding-right: 10px;
	padding: 5px 10px; }
#header ul.crumbs li {
	display: inline;
	list-style: none;
	font-weight: bold;
	font-size: 8pt;
	color: #037;
	padding: 0px; }
@media print {
	.global,
	.crumbs {
		display: none }
}


#footer {
	border-top: 2px solid #037;
	text-align: center;
	padding: 5px 0px;
	font-size: 8pt;
	color: #36c;
	clear: both; }
#footer a{
	text-decoration: none;
	padding: 0px 9px;
	font-weight: normal; }
@media print {
	#footer { display: none; }
}


.error {
	color: #C00; }

.descr {
	font-size: 9pt; }

/* -- Page specific CSS ==================== */

.data {
	width: 100%; }
th.vert {
	font-size: 11pt;
	padding-right: 5px;
	text-align: right; }


/* for nav pages */
.footer {
	text-align: right;
	font-size: 10pt;
	background: #EEF;
	border:	1px solid #DDF; }
.noLink,
.footer a,
.footer a:hover
.footer a:active
.footer a:visited {
	margin: 0px 2px;
	padding: 1px 5px;
	background: #DDF;
	border: 1px solid #CCF; }
.footer a:hover,
.current {
	background: #CCF;
	border: 1px solid #CCF; }

div.banner {
	display: block;
	background: white;
	text-align: center;
	border-bottom: 3px solid #037;
	width: 100%; }
@media print {
	div.banner { border: none; }
}
div.banner img {
	border: none; }



/* -- Short listing of results === --------- */
#advert { margin-bottom: 5px; }
#advert img {
	vertical-align: middle;
	border: none; }

table.noticeResult {
	border-collapse: collapse;
	border: 1px solid #037;
	width: 100%;
	color: #36C; }
table.noticeResult td.logo {
	text-align: center;
	padding: 5px;
	height: 70px;
	width: 70px; }
table.noticeResult td.details {
	padding: 0px 5px; }
table.noticeResult h2,
table.noticeResult h3,
table.noticeResult h4 {
	padding: 0;
	margin: 0; }
table.noticeResult h3 {
	float: right; }
table.noticeResult h4 * {
	text-decoration: none; }


table.businessResult {
	border-collapse: collapse;
	border: 1px solid #037;
	width: 100%;
	color: #36C; }
table.businessResult td.logo {
	text-align: center;
	padding: 2px;
	height: 70px;
	width: 70px; }
table.businessResult td.details h3 {
	padding: 0px 2px;
	margin: 0; }


/* -- Listings and Directors single page -=== ---- */
#notice tr.title th ,
#notice tr.title td {
	border-bottom: 5px solid white; 
	color: white;
	padding: 5px; }
#notice tr.title td {
	font-weight: bold;
	background: #436D9C;
	padding: 5px 20px;
	text-align: left;
	font-size: 16pt;
	width: 100%; }
#notice tr.title th {
	background: #536291;
	font-size: 14pt;
	font-weight: normal;
	text-align: center; }

#notice tr.details th {
	vertical-align: middle;
	padding: 5px; }
#notice tr.details th div {
	min-width: 160px;
	max-width: 160px;
	width: 160px; }
#notice tr.details td label {
	font-weight: bold;
	color: #436D9C;
	padding: 2px;
	width: 120px;
	clear: left;
	float: left; }
#notice tr.details td span {
	display: block;
	float: left;
	padding: 2px; }
@media print {
	#notice tr.details td label { min-width: 150px; }
	#notice tr.details td div { max-width: 325px; }
}

#notice tr.other td div.obit,
#notice tr.other td label {
	font-weight: bold;
	display: block;
	padding: 5px 0px;
	font-size: 14pt;
	color: #436D9C; }


#business {
	width: 100%; }
#business label {
	font-weight: bold;
	padding: 2px; }
#business div {
	padding: 2px;
	color: black; }

#business th.title {
	background: #037 url("../images/menu-corner.gif") bottom right no-repeat;
	border-bottom: 20px solid white; }
#business th.title h2 {
	background: url("../images/listing-name-background.gif") no-repeat;
	text-align: center;
	padding: 6px 10px;
	font-size: 16pt;
	color: white;
	margin: 0; }

#business tr.details td label {
	color: #436D9C;
	width: 120px;
	clear: left;
	float: left; }
#business tr.details td div {
	max-width: 420px;
	float: left; }
@media print {
	#business tr.details td label { width: 110px; }
	#business tr.details td div { max-width: 375px; }
}
#business tr.details td div.logo {
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	float: right; }

#business tr.other td label {
	display: block;
	text-align: center;
	margin-bottom: 5px;
	font-size: 16pt;
	color: #436D9C; }

#business tr.notices td {
	text-align: center;
	padding: 10px; }
@media print {
	#business tr.notices td { display: none; }
}


#regionBrowser div.state {
	clear: both;
	background: #037 url("../images/menu-corner.gif") bottom right no-repeat;
	font-weight: bold; }
@media print {
	#regionBrowser div.state { background: none; }
}
#regionBrowser div.state a {
	display: block;
	margin-bottom: 15px;
	background: url("../images/listing-name-background.gif") no-repeat;
	text-decoration: none;
	text-align: center;
	line-height: 36px;
	font-size: 16pt;
	color: white; }
@media print {
	#regionBrowser div.state a {
		background: none;
		text-align: left;
		color: black; }
}

#regionBrowser a.region {
	clear: both;
	display: block;
	width: 100%;
	border-bottom: 1px solid #015789;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color: #36C}
@media print {
	#regionBrowser a.region {
		margin-top: 5px;
	}
}

#regionBrowser div.left,
#regionBrowser div.right {
	width: 47%;
	padding: 5px;
	float: left; }
#regionBrowser div.left {
	padding-bottom: 20px; }
@media print {
	#regionBrowser div.left,
	#regionBrowser div.right {
		width: 100%;
		padding: 0;
		float: none; }
}
#regionBrowser div.left a,
#regionBrowser div.right a {
	display: block;
	padding: 4px; }
@media print {
	#regionBrowser div.left a,
	#regionBrowser div.right a {
		padding: 0px; }
}
#regionBrowser div.left a:hover,
#regionBrowser div.right a:hover {
	color: inherit;
	background: #eef;}
#regionBrowser div.left a.premium,
#regionBrowser div.right a.premium {
	font-weight: bold; }
@media print {
	#regionBrowser div.left a.premium,
	#regionBrowser div.right a.premium {
		text-decoration: none; }
}


#noticeExtras {
	border-top: 2px solid #037;
	border-bottom: 10px solid white;
	border-collapse: collapse;
	width: 100%; }
@media print {
	#noticeExtras { border: none; }
}
#noticeExtras td {
	padding: 0px; }
#noticeExtras td.options {
	background: white url("../images/listing-options.gif") top left no-repeat;
	color: inherit;
	padding: 40px 10px 0px 0px;
	vertical-align: top;
	font-size: 10pt;
	width: 150px; }
#noticeExtras td.options a {
	border-bottom: 1px solid #037;
	text-indent: 10px;
	padding: 5px 0px;
	display: block;
	width: 150px; }
@media print {
	#noticeExtras td.options { display: none; }
}
#noticeExtras td.contact {
	padding: 0px 15px;
	font-size: 10pt; }
#noticeExtras td.contact h3 {
	padding: 0px;
	margin: 0px; }
#noticeExtras tr.from { display: none; }
@media print {
	#noticeExtras tr.from { display: block; }
}


#nav {
	text-align: center;
	margin: 15px; }
#nav div.left {
	width: 100px;
	float: left; }
#nav div.right {
	width: 100px;
	float: right; }
@media print {
	#nav { display: none; }
}



.successBox, .errorBox, .warningBox {
	padding: 0.3em 1em;
	text-align: center;
	margin: .5em 16px;
	font-size: 1.1em;
}

.successBox {
	background-color: #efe;
	border: 1px solid #090;
}

.errorBox {
	background-color: #faa;
	border: 1px solid #c00;
}

.warningBox {
	background-color: #fe9;
	border: 1px solid #FC0;

}


/* POPUP CALENDAR *****************************************/
/* The main calendar widget.  DIV containing a table. */

.calendar {
	position: relative;
	display: none;
	border: 1px solid #333;
	font-size: 11px;
	color: #333;
	cursor: default;
	background: #fff;
	font-family: verdana,arial,sans-serif;
}

.calendar table {
  border: 0;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #fff;
  font-family: verdana,arial,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid #ddd;
}

.calendar .nav {
  background: transparent url(../images/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #334d55;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #ddd;
  padding: 2px;
  text-align: center;
  background: #eee;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #009;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid #ddd;
  padding: 0px;
  background-color: #f0f0f0;
  color: #069;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border: 1px solid #ddd;
  background-color: #e6e6e6;
  color: #069;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #bbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #ddd;
  background: #eee;
}

.calendar tbody .rowhilite td {
  background: #f0f0f0;
}

.calendar tbody .rowhilite td.wn {
  background: #e0e0e0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid #ddd;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid #ddd;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #ddd;
  padding: 2px 2px 0px 2px;
  background: #eee;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #009;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #900;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 1px;
  border: 1px solid #ddd;
  background: #eee;
  color: #333;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border: 1px solid #ddd;
  padding: 1px;
  background: #eee;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border: 1px solid #ddd;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid #ddd;
  background: #f0f0f0;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #fff;
  padding: 0px;
  border: 1px solid #ddd;
}

.calendar .combo .hilite {
  background: #048;
  color: #fea;
}

.calendar td.time {
  border-top: 1px solid #ddd;
  padding: 1px 0px;
  text-align: center;
  background-color: #f0f0f0;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #ddd;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #ddd;
  background-color: #666;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #900;
  background-color: #fff;
  color: #090;
}

.comment-header {
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: 0.3em;
}