@import url('null.css');

/*

		GENERAL

*/

.cleaner {
	clear: both;
}

.alt {
   display: none;	
}

a, a:hover {
	text-decoration: underline;
	color: #0167cc;
}

a:hover {
	text-decoration: none;
}

.ok-msg, .error-msg {
	font-weight: bold;
}

.ok-msg {
	color: green;
}

.error-msg {
	color: red;
}

/*

		MAIN

*/

body {   
/*	font-size: 80%; */
	font-family: Trebuchet MS;
	text-align: center;
}

/*

		HEADER

*/

div#header {
	width: 100%;
}

#header div#header-top {
	text-align: center;
	height: 42px;
	font-size: 1em;
	background: #e9e9e9;
}

#header-top div#header-top-cont {
	width: 900px;
	margin: 0 auto;
}

#header-top-cont div#langs {
	float: left;
	line-height: 42px;
}

#langs img {
	float: left;
	margin-top: 13px;
	margin-right: 7px;
}

#langs span {
	float: left;
	padding-right: 25px;
	color: #626262;
}

#header-top-cont div#header-top-menu {
	float: right;
}

#header-top-menu ul, #header-top-menu ul li {
	list-style: none;
}

#header-top-menu ul li {
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	margin-right: 7px;
	color: #626262;
}

#header-top-menu ul li span {
	padding-left: 7px;
}

#header-top-menu ul li a, #header-top-menu ul li a:hover {
	line-height: 42px;
	text-decoration: underline;
	color: #0167cc;
}

#header-top-menu ul li a:hover {
	text-decoration: none;
}

#header-top-menu ul li.fontsize-controls {
	_padding-top: 13px;
}

#header-top-menu ul li.htm-last {
	margin-right: 0;
}

#header div#header-bottom {
	width: 100%;
	height: 163px;
	background: #2078bb;
}

#header-bottom a {
	display: block;
	width: 900px;
	height: 163px;
	margin: 0 auto;
	overflow: hidden;
	border-left: 1px solid #ebecec;
	border-right: 1px solid #ebecec;
}

/*

		PAGE

*/

div#page {
	width: 100%;
	height: auto;
	text-align: center;
	background: white url(../img/page-bg.jpg) left top repeat-x;
}


#page div#page-cont {
	width: 900px;	
	height: auto;
	margin: 0 auto;
	text-align: left;
	background: white;
	position: relative;
}

/*

		LEFT CONT

*/

#page-cont div#left-cont {
	width: 230px;
	float: left;
	margin-right: 15px;
	padding-top: 12px;
	background: white url(../img/page-bg.jpg) left top repeat-x;
}

#left-cont div#search-form {
	width: 100%;
	margin-bottom: 15px;
}

#search-form input {
	font-family: Trebuchet MS;
	font-size: 1em;
	background: none;
	border: 0 none;
	color: #0167cc;
	cursor: pointer;
	position: relative;
	top: -2px;
	_top: 3px;
}

#search-form input#query {
	width: 120px;
	height: 18px;
	margin-left: 20px;
	line-height: 18px;
	padding-right: 16px;
	_padding-right: 20px !important;
	border: 1px solid #b9bdc6;
	background: url(../img/search.jpg) right 2px no-repeat;
/*	_background: none; */
	top: 0;
	cursor: default;
}

/*

		MENU

*/

#left-cont div#menu {
	width: 95%;
	margin-bottom: 15px;
	padding-right: 10px;
	font-size: 1.1em;
}

#menu ul, #menu ul li {
	width: 100%;
	list-style: none;
}

#menu ul li {
	text-align: right;
	line-height: 23px;
	background: url(../img/menu.gif) left bottom repeat-x;	
}

#menu ul li.menu-active {
	font-weight: bold;
}

.menu-active span {
	font-weight: normal;
}

#menu ul li a, #menu ul li a:hover {
	display: block;
	text-decoration: none;
}

#menu ul li a:hover {
	text-decoration: underline;
}

#menu ul li ul li {
	font-weight: normal;
	background: none;
}

#menu ul li ul li a, #menu ul li ul li a:hover {
	color: #626262;
}

#menu ul li ul li span {
	padding-left: 5px;
}

/*

		SIDEBOX

*/

#left-cont div.sidebox {
	width: 95%;
	margin-bottom: 15px;
	margin-right: 10px;
	border: 1px solid #cad1ec;
	background: #f4f5f9;
}

.sidebox div.sidebox-cont {
	padding: 12px;
}

.sidebox-cont h4 {
	margin-bottom: 5px;
	font-family: Trebuchet MS;
	font-size: 1em;
	color: #626262;
}

.sidebox-cont ul, .sidebox-cont ul li {
	list-style: none;
}

.sidebox-cont ul li {
	line-height: 20px;
}

.sidebox-cont ul li a, .sidebox-cont ul li a:hover {
	text-decoration: none;
	color: #626262;
}

.sidebox-cont ul li a:hover {
	text-decoration: underline;
}

.sidebox-cont ul li span, .sidebox-cont table {
	color: #626262;	
}

.sidebox-cont div {
	width: 100%;
	overflow: hidden;
}

.sidebox-cont div a, .sidebox-cont div a:hover {
	text-decoration: none;
}

.sidebox-cont div a:hover {
	text-decoration: underline;
}

.sidebox-cont div span {
	float: none;
	padding-left: 4px;
}

.sidebox-cont div h2 {
	display: inline;
	font-family: Trebuchet MS;
	font-size: 1em !important;
	font-weight: normal;
}

/*

		RIGHT CONT

*/

#page-cont div#right-cont {
	width: 640px;
	float: left;
	padding-top: 12px;
	background: white;
}

#right-cont div#navigation-bar {
	width: 100%;
}

#navigation-bar p {
	_margin-top: 5px;
	line-height: 18px;
	color: #626262;
}

#navigation-bar p span {
	padding-left: 3px;
	font-size: .8em;
}

/*

		MAIN CONT

*/

#right-cont div#main-cont {
	width: 100%;
}

#main-cont h3 {
	font-family: Trebuchet MS;
	font-size: 1.4em;
	line-height: 40px;
	color: #626262;
}

#main-cont div {
	line-height: 18px;
	font-size: 1.2em;
	color: #626262;
}

#main-cont div div {
	font-size: 1em;
}

#main-cont img {
	padding: 3px;
	border: 1px solid #ebeaeb;
}

#main-cont div a, #main-cont div a:hover {
	text-decoration: none;
}

#main-cont div a:hover {
	text-decoration: underline;
}

#page-cont div#cont-controls {
	clear: both;
	margin-top: 20px;
	text-align: right;
	font-size: 1em;
}

#cont-controls span {
	padding-left: 5px;
}

#main-cont ul, #main-cont ul li {
	list-style: none;
}

#main-cont ul li {
	padding-left: 15px;
	line-height: 20px;
	background: url(../img/main-cont-ul.gif) left 5px no-repeat;
}

#main-cont table.imgs-table tr td {
	width: 150px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #EBEAEB;
}

#main-cont table.imgs-table tr td img {
	border: 0 none;
}

/*

		CONTACT FORM

*/

#main-cont div.contact-form {
	margin-top: 20px;
}

.contact-form p.form-title {
	font-size: 1.1em;
	font-weight: bold;
}

.contact-form span.required-field, .contact-form p span.required-field {
	font-size: 1em;
	color: red;
}

.contact-form table tr td.left-cell {
	vertical-align: top;
	text-align: right;
}

.contact-form table tr td input, .contact-form table tr td textarea, .contact-form table tr td select {
	font-family: Trebuchet MS;
	font-size: 1em;
	color: #626262;
	background: #f8f6f7;
	border: 1px solid #626262;
}

.contact-form table tr td input.required-input, input.required-input,
.contact-form table tr td textarea.required-input, textarea.required-input {
	background: #f6a9a9 !important;
}

.contact-form table tr td input {
	width: 200px;
}

.contact-form table tr td input.submit-input {
	width: auto;
	background: white;
}

.center-aligned {
	text-align: center;
}

/*

		WEB MAP

*/

ul.web-map, ul.web-map li {
	list-style: none;
}

ul.web-map li {
	padding-left: 20px;
	line-height: 18px;
	background: url(../img/web-map-ul.gif) left 5px no-repeat !important;
}

/*

		FOOTER

*/

div#footer {
	width: 100%;
	margin-top: 10px;
	padding-top: 25px;
	text-align: center;
	font-size: 1.1em;
	background: white url(../img/footer-bg.jpg) left top repeat-x;
	border-top: 1px solid #cad1ec;
}

#footer div#footer-cont {
	width: 900px;
	margin: 0 auto;
}

#footer-cont div#footer-banners {
	width: 100%;
	text-align: center;
}

#footer-banners a {
	padding-right: 9px;
}

#footer-cont div#footer-text {
	width: 100%;
	margin-top: 30px;
	text-align: center;
	font-size: .9em;
}

#footer-text ul, #footer-text ul li {
	list-style: none;
}

#footer-text ul li {
	display: inline;
	line-height: 25px;
}

#footer-text ul li img {
	margin-right: 5px;
	position: relative;
	top: 2px;
}

#footer-text ul li span {
	padding: 0 2px 0 6px;
	color: #626262;
}

#footer-text p {
	color: #b1b1b1;
}

#footer div#footer-spacer {
	height: 75px;
}

/*

		ADS

*/

a.ads-item {	
	display: block;
	width: 48%;
	_width: 49%;
	margin-bottom: 10px;
	padding-left: 5px;
	border: 1px solid #b7d5eb;
	text-decoration: none;
}

a.ads-item-payed {
	background: #eff5fa;
}

.ads-item:hover {
	background: #d2e5f3 !important;
}

a.ads-item-left {
	float: left;
}

a.ads-item-right {
	float: right;
}

div.ads-items-spacer {
	clear: both;
	height: 5px;
}

.ads-item div.ads-item-image-holder, .ads-item div.ads-item-desc {
	float: left;
	margin-top: 5px;
}

.ads-item-image-holder {
	width: 84px;
	text-align: center;
	margin-right: 5px;
	padding: 3px 0 3px 0;
/*	border: 1px solid #c4c4c4;/ */
}

.ads-item-desc {
	width: 200px;
	height: 100px;
	margin-left: 5px;
	overflow: hidden;
}

.ads-item-desc p.ads-item-heading {
	height: 48px;
	margin: 0 !important;
	font-size: .9em !important;
}

.ads-item-desc div.ads-item-stars {
	height: 10px;
	margin-top: 5px;
	_margin-top: 5px;
}

.ads-item-stars img {
	border: 0 none !important;
}

.ads-item-desc p {
	margin: 0 !important;
}

/*

		FORUM

*/

ul.forum-items {
	width: 100%;
	list-style: none;
	font-size: .8em;
	background: none !important;
}

.forum-items li {
	list-style: none;
	background: none !important;
}

.forum-items li ul {
	font-size: .85em;
}

#main-cont .forum-items li {
	padding-left: 0;
}

.forum-items li div.forum-item {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #cad1ec;
}

.forum-items li.answer div.forum-item {
	border: 1px solid #b3bde2;
}

.forum-item ul.forum-items {
	width: 95%;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}

.forum-item p.fi-title {
	padding-left: 7px;
	line-height: 25px;
/*	background: url(../img/forum-title.gif) left top repeat-x; */
	background: #f4f5f9;
}

.forum-items li.answer div.forum-item p.fi-title {
/*	background: url(../img/forum-title-answer.gif) left top repeat-x;	 */
	background: #e8ecf6;
}

.forum-item p.fi-text {
	padding: 7px;
	line-height: 15px;
}

.forum-item div.fi-info {
	padding: 7px;
	line-height: 20px;
/*	font-size: .9em !important; */
}

#main-cont div.fi-info {
	font-size: 1em;
}

.fi-info a, .fi-info a:hover {
	width: auto;
	display: block;
	float: left; 
	margin-right: 10px;
	padding: 0 20px 0 5px;	
	position: relative;
	font-weight: bold;
	color: #0070c0;
	text-decoration: none;
	background: url(../img/forum-answer-bg.gif) right center no-repeat;
	border: 1px solid #afd2eb;
	cursor: pointer;
	z-index: 1;
}

.fi-info a:hover {
	text-decoration: underline;
}

.fi-info a p {
	position: absolute;
	width: 4px;
	height: 4px;
	z-index: 0;
}

.fi-info a p.fii-answer-left-band, .fi-info a p.fii-answer-right-band {
	width: 1px;
	height: 20px;
	background: white;
	top: 0;
}

.fi-info a p.fii-answer-left-band {
	left: 0;
}

.fi-info a p.fii-answer-right-band {
	right: 0;
}

.fi-info a p.fii-answer-topleft, .fi-info a p.fii-answer-topright {
	top: -1px;
}

.fi-info a p.fii-answer-bottomleft, .fi-info a p.fii-answer-bottomright {
	bottom: -1px;
	_bottom: -10px;
}

.fi-info a p.fii-answer-topleft, .fi-info a p.fii-answer-bottomleft {
	left: -1px;
}

.fi-info a p.fii-answer-topright, .fi-info a p.fii-answer-bottomright {
	right: -1px;
}

.fi-info a p.fii-answer-topleft {
	background: url(../img/forum-answer-topleft.gif) left top no-repeat;
}

.fi-info a p.fii-answer-topright {
	background: url(../img/forum-answer-topright.gif) left top no-repeat;
}

.fi-info a p.fii-answer-bottomleft {
	background: url(../img/forum-answer-bottomleft.gif) left top no-repeat;
}

.fi-info a p.fii-answer-bottomright {
	background: url(../img/forum-answer-bottomright.gif) left top no-repeat;
}

.fi-info p {
	width: 100%;
	_width: 85%;
	position: relative;
}

.fi-info p span {
	position: absolute;
	top: 0;
	right: 10px;
}

/*

		CEMETERY

*/

div#cemetery {
	width: 100%;
	font-size: 1em;
}

#cemetery table tr td select, #cemetery table tr td input {
	font-size: 1em;
}

#cemetery table tr td input.submit-input {
	background: white;
	border: 1px solid #626262;
}

#cemetery table tr td select {
	color: #626262;
	background: #f8f6f7;
	border: 1px solid #626262;
}

#cemetery div.surnames {
	margin-top: 15px;
	text-align: center;
}

#cemetery div#departeds {
	width: 100%;
	margin-top: 15px;
}

#departeds table {
	width: 100%;
}

#departeds table tr td {
	text-align: center;
	line-height: 15px;
}

#departeds table tr td a img {
	position: relative;
	top: 2px;
}

#departeds table tr.odd-row td {
	background: #f4f5f9;
}

#departeds table tr td.left-cell {
	text-align: left;
	padding-left: 10px;
}

#departeds table tr.heading-row td {
	vertical-align: middle;
}

#cemetery div#paging {
	width: 100%;
	margin-top: 15px;
	position: relative;
}

#paging form {
	position: absolute;
	left: 0;
	top: 0;
}

#paging a.paging-arrows {
	font-size: 2em;
	position: relative;
	top: 3px;
}

#paging div#pages {
	text-align: center;
}

#pages span.separator {
	padding-left: 3px;
}