@charset "utf-8";
/*
CSS Document 
File Name		: style.css
Description		: general css file 
Project Name	: 60-Gravar
Company			: LJ systemutveckling AB - LJ system Indonesia
Author			: Ady Sulistrax 
*/
/******************* Reset *******************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,em, font, img, small, strong, sub, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: none;vertical-align: baseline;}
/* no list-markers by default, since lists are used more often for semantics */
ul, ol { list-style: none; }
a img, img { border: none; }
a { text-decoration: none;color:#005ea0; }

body{
	background:#FFF url(../images/bodybg.gif) repeat-x scroll 0 0;color:#000;
 	font:normal normal normal 14px/20px Arial, Helvetica, sans-serif;text-decoration:none;
}
/******************* General Styles *******************/
	/*float element*/
	.clear {clear: both;}
	.left{float:left;}
	.right{float:right;}
	.none{float: none !important;}
	.justify { text-align: justify; }
	.block{display:block;}
	
	/*text align*/
	.txtLeft{text-align:left;}
	.txtCenter{text-align:center;}
	.txtRight{text-align:right;}
	
	/*spacer*/
	.space1{height: 1px;}
	.space10{height: 10px;display: block;}
	.space20{height: 20px;}
	.space30{height: 30px;}
	.space1, .space10, .space20, .space30{clear:both}
	
	.height22{height:22px;}
	.height40{height:40px;}
	.height50{height:50px;}
	.height60{height:60px;}
	.height70{height:70px;}
	.height80{height: 80px;}
	.height160{height:170px;}

	.width200{width:200px;}
	
	.odd{background-color: #FFF;}
	.even{background-color:#F5F5F5;}
/*-------------------------------*/

/******************* page wrapper *******************/
#container{margin:13px auto;width:980px;}
/******************* Header *******************/
#pageHeader{margin:23px 0 0;}
#logo{background:transparent url(../images/logo.jpg) no-repeat scroll 0 0;float:left;height:54px;width:500px;}
#logoSite{background:transparent url(../images/logosite.png) no-repeat scroll 0 0;float: left;height:54px;width: 207px;}
#logoSite a{display: block;height:54px;width:207px;}
.logoDiv{background:transparent url(../images/logoDiv.gif) no-repeat scroll 0 0;width:28px;height:54px;float:left}
#wrapperLogoChurch{float:left;}
.logoChurch{float:left;height:30px;width:245px;}
.parishName{clear:left;color:#FFF;float:left;margin-left:5px;text-transform:uppercase;font-weight:bold;font-size:13px}
/*---select language---*/
	#flagLanguage{float:right;height:40px;margin-right:10px;margin-top:10px;width:100px;}
	#langNav{float:right;}
	#langNav li {float:right;line-height:100px;margin-right:5px;overflow:hidden;}
	#langNav li a.uk{background:transparent url(../images/enflag.png) no-repeat scroll 0 0;display:block;height:40px;width:40px; }
	#langNav li a.se{background:transparent url(../images/svflag.png) no-repeat scroll 0 0;display:block;height:40px;width:40px; }
/*--------------------*/

/******************* Content *******************/
#pageContent{margin:5px 0 0;}
#navigationWrapper{background:transparent url(../images/bgtopnav.jpg) no-repeat scroll 0 0;height:85px;width:972px;}
#navigation{margin-left:8px;}
#navigation li{	display:inline;float:left;margin-top:8px;text-align:center;}
#navigation li a{display:block;float:left;padding:6px 0 11px;width:216px;background:#FFF url(../images/nav.jpg) no-repeat scroll 0 0;}
#navigation li a.current, #navigation li a.current:hover{background:transparent url(../images/navCurrent.jpg) no-repeat scroll top left;padding:6px 0 12px; }
#navigation li a:hover{background:transparent url(../images/navHover.jpg);display:block;width:216px;padding:6px 0 11px;}
#navigation li .title{display:block;font-size:18px;font-weight:bold;}
#navigation li .subTitle{display:block;font-size:12px;}
/*-------------------------------*/
#mainContent{background:transparent url(../images/bgContent.jpg) no-repeat scroll 0 0;min-height:355px !important;width:972px;}
/*---form ADVANCED SEARCH---*/
.formAdvancedSearchWrapper{float:left;margin:20px 0 0 30px;width:584px;}
.formAdvancedSearchWrapperTop{ background:#E6E6E6 url(../images/topAdvSearch.jpg) no-repeat scroll 0 0;height:7px;}
.formAdvancedSearchWrapperMiddle{background-color:#E6E6E6;font-size:12px;padding:8px 15px;}
.formAdvancedSearchWrapperBottom{background:transparent url(../images/bottomAdvSearch.jpg) no-repeat scroll 0 0;height:7px;margin-bottom:10px;clear:both;
}
/*----form AdvancedSearch Small----*/
.formAdvancedSearchWrapperSmall{float:left;margin:20px 0 0;width:460px;}
.formAdvancedSearchWrapperTopSmall{background:#E6E6E6 url(../images/topAdvSearchSmall.jpg) no-repeat scroll 0 0;height:10px;}
.formAdvancedSearchWrapperMiddleSmall{background-color:#E6E6E6;font-size:12px;padding:5px 10px 10px;}
.formAdvancedSearchWrapperBottomSmall{background:transparent url(../images/bottomAdvSearchSmall.jpg) no-repeat scroll 0 0;height:10px;margin-bottom:10px;
}
/*---inner element Form---*/
.formColsLeft{clear:both;display:block;float:left;width:278px;}
.formColsRight{float:right;width:263px;}
.rowField{clear:left;float:left;margin-bottom:15px;}
.desc{color:#444;float:left;font-size:12px;font-weight:bold;margin-top:7px;width:99px;}
.descColsRight{color:#444;float:left;font-size:12px;font-weight:bold;margin-top:7px;width:90px;}
.input {background:transparent url(../images/bgInputTxt.jpg) no-repeat scroll 0 0;float:left;height:25px;padding:5px;width:160px;}

.formColsLeft input, .formColsRight input{border:medium none;font-size:12px;margin-top:4px;outline-style:none;outline-width:medium;width:155px;}
.infoRangeDate{float:right;font-size:11px;line-height:17px;width:170px;}
.infoSimpleDate{float:left;font-size:11px;margin-top:8px;}
.selParish{background:#FFF url(../images/inputsearch.jpg) no-repeat scroll 0 0;float:left;height:20px;margin-bottom:15px;padding:6px;width:443px;}
select.parish {border:medium none;padding:2px;width:445px;}
.safari select.parish{background:transparent url(../images/arrowDown.png) no-repeat right 4px;padding:3px;width:440px;-khtml-appearance:none;outline:none;}
.errorMsg {
	background:#FFEBE8 none repeat scroll 0 0;
	border:1px solid #DD3C10;
	color:#CC0000;display:block;float:left;font-size:10px;margin:5px 0 0 92px;text-align:center;width:165px;
}
.errorMsgColsLeft {
background:#FFEBE8 none repeat scroll 0 0;
border:1px solid #DD3C10;
color:#CC0000;
display:block;float:left;font-size:10px;margin:5px 0 0 100px;text-align:center;width:165px;
}
.errorMsgAll{background:#FFEBE8 none repeat scroll 0 0;border:1px solid #DD3C10;color:#CC0000;display:block;font-size:11px;height:20px;margin:0 auto 10px;padding:4px;width:900px;}
#rangeDateWrapper{float:right;margin-top:8px;width:170px;}
.txtBetweenAnd{display:block;width:50px;}
#historicIframe{
	background-color:#FFFFCC;border:1px solid #F90;clear:both;display:block;float:left;
	font-size:11px;	height:50px;left:165px;	padding:5px 3px 3px 10px;top:29px;width:400px;
}
/*------------------------*/
.wrapperBtnAdvancedSearch {clear:both;display:block;float:right;margin:20px 2px;text-align:right;}
.btnSvSubmit{background:transparent url(../images/btnSearchSv.png) no-repeat scroll 0 0;border-style:none;height:29px;text-indent:-5000px;width:96px;}
.btnSvSubmit:hover{background:transparent url(../images/btnSearchSv.png) no-repeat scroll 0 -29px;}
.btnEnSubmit {
	background:transparent url(../images/btnSearchEn.png) no-repeat scroll 0 0;
	border-style:none;float:right;height:29px;margin-right:1px;margin-top:3px;text-indent:-5000px;width:99px;
}
.btnEnSubmit:hover{background:transparent url(../images/btnSearchEn.png) no-repeat scroll 0 -29px;}

/*---ResultPage [bar]---*/
.barTitle{background:#CD0014 none repeat scroll 0 0;clear:both;height:30px;margin:0 auto;width:900px;}
.barTitleLeft{background:transparent url(../images/leftBar.jpg) no-repeat scroll 0 0;float:left;height:30px;width:10px;}
.barTitleMiddle{background-color:#CD0014;color:#FFFFFF;float:left;font-weight:bold;}
.barTitleRight{background:transparent url(../images/rightBar.jpg) no-repeat scroll 0 0;float:right;height:30px;width:10px;}
.txtBarTitle{margin:5px 0 0 0px}
.txtBarTitle a{color:#FFCA0E;}
.innerMainContent{margin:0 auto;width:900px;}
.barTitleInformation{clear:both;height:30px;margin:0 auto;width:900px;}
.graveInfoTitle{
	background:#CD0014 none repeat scroll 0 0;
	clear:both;
	float:left;
	width:420px;
}
.barTitleMiddleInfo{
	background:#CD0014 none repeat scroll 0 0;
	float:left;
	padding:5px 0;
}
.txtBarTitleInfo{
	color:#FFFFFF;
	font-weight:bold;
}
.locationInfoTitle{
	background:#CD0014 none repeat scroll 0 0;
	float:right;
	width:460px;
}



.btnMoreInfo{
	background:transparent url(../images/btnLeft.png) no-repeat scroll left top;color:#FFF;cursor: pointer;display:block;float:right;font-size:10px;padding-left:14px;
}
.btnMoreInfo span{background:transparent url(../images/btnRight.png) no-repeat scroll right top;display:block;float:left;padding:6px 14px 5px 0;}
a.btnMoreInfo:hover{
	background:transparent url(../images/btnLeft.png) no-repeat scroll left -33px;text-decoration: none;
}
a.btnMoreInfo:hover span{background:transparent url(../images/btnRight.png) no-repeat scroll right -33px;}
.resPerson{border-bottom:1px solid #CCC;cursor: pointer;padding:5px; width:890px;}
.resPerson:hover{cursor: pointer;background-color: #ebf2f7;}
.resPerson h4{float:left;margin-left:5px;}
.resPersonDetails{clear:both;display:block;float:left;font-size:12px;margin-left:5px;margin-top:5px;}
.listdetailsData{float:left;width:290px;}
.listdetailsData li{clear:both;display:block;}
.listdetailsData li label{
	clear:both;
	display:block;
	float:left;
	margin-right:5px;
	text-align:left;
/*	width:80px;*/
}
/*==============================================*/

/*----burried detail----*/
.containerDetailMap{float:right;padding-top:20px;}
.burriedDetailPerson{float:left;padding:20px 0 0 10px;width:400px;}
.burriedDetailPerson .colsData{color:#444;font-size:12px;margin:5px 0 0 0;}
.topBurriedDetailMap{background:transparent url(../images/topDetailMap.jpg) no-repeat scroll 0 0;float:right;height:10px;margin:20px auto auto;width:270px;
}
.bottomBurriedDetailMap{background:transparent url(../images/bottomDetailMap.jpg) no-repeat scroll 0 0;clear:right;float:right;height:10px;margin:0 auto 20px;width:270px;
}
.burriedDetailMap{display:inline;float:right;padding:0 5px 10px;width:450px;}
.burriedDetailMap .address{margin-bottom:10px;}
.burriedDetailMap .address ul{font-size: 12px;}
.burriedDetailMap #gMap{display:block;font-size: 12px;margin-bottom:10px;text-align:center;}
.burriedDetailSameGrave{clear: both;}
.listBuriedSameGrave{}
.imgContainer{float:left; width:400px;}
.wrapperNavPhoto{float:left; height:63px; width: 63px;}
.wrapperNavPhoto div{display:block;height:63px;margin-bottom:16px;width:63px;}
img.thumb{border:3px solid #EAEAEA;display:block;height:63px;width:63px;}
img.thumb:hover{border:3px solid #CC0114}
img.bigSize{border:3px solid #EAEAEA;display:block;height:220px;width:295px;}
.safari img.bigSize{width:295px;height:220px;border:3px solid #EAEAEA;position:relative}
.imgMainView{float:left;margin-right:10px;}

/*******************************
* Style for the grave pictures * 
********************************/
.nextThumbPicture{width: 72px; height: 72px; border:3px solid #EAEAEA;}
.nextThumbPicture:hover{border:3px solid #CC0114}
.previousThumbPicture{width: 72px; height: 72px; border:3px solid #EAEAEA; margin-top:8px;}
.previousThumbPicture:hover{border:3px solid #CC0114}

.nextPicture{width: 78px; height:100px;float:left;}
.previousPicture{width: 78px; height:100px;float:left;margin-top:29px;}

.nextPictureArrow{background: url(../images/redarrow-next.png) no-repeat right top;float: right;font-size: 12px;line-height: 11px;padding-right: 14px;}
.previousPictureArrow{background: url(../images/redarrow-prev.png) no-repeat left top;float: right;font-size: 12px;line-height: 11px;padding-left: 14px;}

.nextDisabledPictureArrow{background: url(../images/redarrow-next-disabled.png) no-repeat right top;float: right;font-size: 12px;line-height: 11px;padding-right: 14px; color:#CACACA;}
.previousDisabledPictureArrow{background: url(../images/redarrow-prev-disabled.png) no-repeat left top;float: right;font-size: 12px;line-height: 11px;padding-left: 14px; color:#CACACA;}

.noNextPicture{width: 77px; height: 77px; background-color:#EAEAEA; margin-bottom:5px;}
.noPrevPicture{width: 77px; height: 77px; background-color:#EAEAEA; margin-top:20px;}
.noPictureText{color: #ABA8A8; font-size:11px; text-align:center;}
/*****************************************************************************************************/


#googleMapSmall {border:3px solid #EAEAEA;background-color:#FFF;height:220px;position:relative;}

.navBack {clear:both;float:left;margin:20px 0 0 0;}
.navBack a {
	background:transparent url(../images/btnLeft.png) no-repeat scroll left top;
	color:#FFF;cursor:pointer;display:block;float:left;font-size:12px;font-weight:bold;padding-left:14px;
}
.navBack a:hover {background:transparent url(../images/btnLeft.png) no-repeat scroll left -33px;}
.navBack a span {background:transparent url(../images/btnRight.png) no-repeat scroll right top;display:block;float:left;padding:6px 20px 5px 7px;
}
.navBack a span:hover {background:transparent url(../images/btnRight.png) no-repeat scroll right -33px;}
.parishWrap{float:left;width:235px;}
.cemetaryWrap{float:right;width 
	:200px;}

ul.parishInfo{
	color:#444444;
	margin-left:22px;
	width:220px;
}
ul.parishInfoNoIcon{
	clear:both;
	color:#444444;
	width:220px;
}
ul.cemetaryInfo{
	color:#444444;
	margin-left:24px;
	width:220px;
}
ul.cemetaryInfoNoIcon{
	clear:both;
	color:#444444;
	width:220px;
}

.detailBirth{float:left;}
.detailBirth li label{
	display:block;
	float:left;
	width:85px;
}
.detailCemetary{float:right; width: 50%;}
.detailCemetary li label{
	display:block;
	float:left;
	width:75px;
}
.btnViewBiggerMap{margin-top:5px;text-align:right;}
.namePerson{margin-top:15px;}
.titleParishIcon{
	background:transparent url(../images/markerA.png) no-repeat scroll left top;display:block;
	float:left;
	height:30px;
	margin-right:3px;
	width:20px;
}
.titleCemetaryIcon{
	background:transparent url(../images/markerB.png) no-repeat scroll left top; display:block;
	float:left;
	height:100px;
	margin-right:3px;
	width:20px;
}
h4.title{font-size:14px;}
/*---StickyNotes---*/
#stickyNotesContainerAdvancedSearch {background:transparent url(../images/shadowSticky.png) no-repeat scroll right bottom;float:right;margin:20px 20px 0 0;width:300px;}
#stickyNotesTopAdvancedSearch {background-color:#F2E6BE;border-left:1px solid #EFEFEF;border-top:1px solid #EFEFEF;height:20px;padding:0 20px;width:250px;
}
#stickyNotesMidAdvancedSearch{background-color:#F2E6BE;border-left:1px solid #EFEFEF;font-size:12px;line-height:18px;padding:0 20px;width:250px;}
#stickyNotesBottomAdvancedSearch{background-color:#F2E6BE;border-bottom:1px solid #EFEFEF;border-left:1px solid #EFEFEF;height:19px;padding:0 20px;width:250px;
}
.txtNotes{font-size:12px;line-height:20px;margin-left:60px;margin-top:15px;width:180px;}
#stickyNotesMidAdvancedSearch ol{list-style-type:decimal;padding-left:17px;}
#stickyNotesMidAdvancedSearch li{padding-bottom:5px;}

/*--------BROWSE page--------*/
.wrapperInnerBrowse{margin:0 auto;width:972px;}
#wrapperContentMap {float:left;margin:0 0 0 100px;width:250px;}
.browseResult_tab1, .browseResult_tab2{float:left;padding:10px;width:270px;}
.browseResult_tab3{float:left;padding:10px;width:250px;}
/*---------------------------*/
#browseResult{clear: both;}
.labelSearchCemetary .title{font-weight:bold;color:#444;}
p.txtKeywordCemetary{background: transparent url(../images/inputsearchSmall.jpg) no-repeat scroll 0 0;height:35px;padding:1px 5px;}
.descFieldLeft{color:#444;float:right;font-size:10px;line-height:15px;margin:0 7px 6px 0;width:170px;}
.descField{color:#444;float:right;font-size:10px;line-height:15px;margin:0 0 6px 0;width:170px;}
.descSmallSearch{clear:both;color:#444;display:block;float:left;font-size:10px;line-height:15px;margin:3px 0 0;width:auto;}
p.txtKeywordCemetary input{border:medium none;color:#444;float:left;font-size:14px;font-weight:bold;margin:7px 0 0 5px;outline:none;width:340px;}
p.txtKeywordCemetary button{border-style:none;float:right;height:30px;margin-bottom:1px;text-indent:-5000px;width:75px;}
.btnSubmitCemetaryEn{background:transparent url(../images/btnSearch_SmallEn.png) no-repeat scroll 0 0;}
.btnSubmitCemetaryEn:hover{background:transparent url(../images/btnSearch_SmallEn.png) no-repeat scroll 0 -29px;}
.btnSubmitCemetarySv{background:transparent url(../images/btnSearch_SmallSv.png) no-repeat scroll 0 0;}
.btnSubmitCemetarySv:hover{background:transparent url(../images/btnSearch_SmallSv.png) no-repeat scroll 0 -29px;}
/*===PAGINATION===*/
#pageNumbers{clear:both;margin:10px auto;text-align:center;width:900px;}
.pagingNav{height:25px; text-align:center;margin:5px 0 0 0 ;padding:2px 0 0;}
.pagingNav li{display:inline;height:30px;}
.pagingNav li a{background-color:#AF1423;border:1px solid #BA0213;color:#FFF;padding:2px 8px;margin-top:1px;}
.pagingNav li a:hover{background-color:#CF3344;}
.pagingNav li.selected a{background:#FFF none repeat scroll 0 0;border:1px solid #BA0213;color:#000; padding:2px 8px;}
/******************* Footer *******************/
#pageFooter{
background: #FFFFFF url(../images/linefooter.jpg) no-repeat scroll 0 0;
clear: both;
font-size:12px;
height:30px;
margin:30px auto 0;
padding-top:20px;
text-align:center;
width:972px;
}
.logoFooter{
background: #FFFFFF url(../images/logo-ljsystem.png) no-repeat scroll 0 0;
float:left;
height:35px;
margin-left: 80px;
width:85px;
}
.logoFooter a{display: block;height:35px;width:85px;}
.copyRight{display:block;float:left;
margin-left:30px;
width:700px;
}
#ljsystemMessage{
color:#999999;
font-size:10px;
line-height:14px;
text-align:left;
}
/*-------------------------------*/