html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body {
    color: #FFF;
    font-family: arial;
    font-size: 10.5pt;
    background-color: #000;
}
a {
    color: #d7b56d;
}

h1, h2
{
    font-size: 1.5em;
    margin: 13px auto 10px auto;
    color: #b7985d;
    text-align: center;
}

h2
{
    font-size: 1.2em;
}

#header {
    height: 110px;
    width: 1025px;
    padding-top: 35px;
    margin: 50px auto 0;
}

#header-left {
    float: left;
    width: 298px;
    margin: 30px 0 0;
    text-align: left;
}

#header-middle {
    margin: 0 24px;
    width: 372px;
    float: right;
}
#logo-image {
    height: 75px;
    background-image: url("../img/sprite.png?v=2");
    background-position: -93px 0;
    background-size: 125%;
    width: 370px;
}
#logo-image a {
    display: block;
    height: 100%;
    width: 100%;
}
#logo-text {
    text-align:center;
    text-transform: uppercase;
    color: #D7B56D;
}
html[lang=lv] #logo-text
{
    font-size: 11px;
}

#header-right {
    margin: 20px 0 0 0;
    width: 306px;
    float: right;
    font-size: 8pt;
}
#lang {
    float: right;
    color: #444;
    margin: 0 20px 0 0;
}
// language select

#language-select {
    margin-top: 3px;
    position: relative;
    padding-left: 30px;
    background: #191919;
    list-style: none;
    .pointer;
}
#language-select ul {
    list-style: none;
}
#language-select li.active {
    font-size: 80%;
}
#language-select li {
    font-size: 98%;
    margin-bottom: 0px;
}
#language-select li.active .left {
    overflow: hidden;
    padding-right: 5px;
}
#language-select-all {
    height: 0px;
    overflow: hidden;
    position: relative;
    z-index: 1001;
    float: right;
    top: -22px;
    right: 0px;
    width: 100%;
    background: #191919;
    padding-left: 3px;
    border-radius: 4px;
    behavior: url("/css/PIE.htc");
}

#lang .flag {
    margin: 0 4px 2px 2px;
}
#language-select-all .flag {
    margin: 0 4px 2px 2px;
}
.language-link {
    line-height: 20px;
    font-size: 10pt;
    cursor: pointer;
}
.language-link:hover {
    background-color: #000;
}

.flag {
    display: inline-block;
        zoom: 1;
        *display: inline;
    vertical-align:middle;
    width: 26px;
    height: 19px;
    margin: 0 0 0 5px;
    background-image: url("../img/sprite.png?v=2");
}

.flag-lv {background-position: 0px -1030px;}
.flag-en {background-position: 0px -1050px;}
.flag-de {background-position: 0px -1068px;}
.flag-ru {background-position: 0px -1087px;}
.flag-he {background-position: 0px -1106px;}
.flag-fr {background-position: 0px -1125px;}
.flag-lt {background-position: 0px -1143px;}
.flag-ee {background-position: 0px -1164px;}
.flag-pl {background-position: 0px -1182px;}
.flag-ua {background-position: 0px -1202px;}
.flag-se {background-position: 0px -1219px;}


#login {
    float: left;
    margin: 0 0 0 -10px;
    position: absolute;
    top: 25px;
}
#login form {
    float: left;
}
#login .mobile-nav {
	display: none;
}
#login input {
	float: left;
    margin-right: 10px;
    border: 0px;
    height: 20px;
    color: #fff;
    padding-left:5px;
    border-radius: 4px;
    box-shadow: 
      inset 0 -2px 0px #1F1F1F,
      inset 1px 0 0px #1F1F1F,
      inset -1px 0 0px #1F1F1F;
      
    background: #191919;
    behavior: url("/css/PIE.htc");
}
#login input[type="submit"] {
    position: absolute;
    padding: 4px 6px;
    height: auto;
    text-transform: uppercase;
    color: #000;
    background: #92683d;
    background: linear-gradient(#d7b56d 0%,#c5a161 33%,#a37c48 66%,#92683d 100%);
    -pie-background: linear-gradient(#d7b56d 0%,#c5a161 33%,#a37c48 66%,#92683d 100%);
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: rgba(255,255,255,0.4) 1px 0, rgba(255,255,255,0.4) 0 1px;
    cursor: pointer;
}
.input-login, .input-password {
    width: 90px;
    margin: 0 5px 7px 0;
}
#login a {
    font-size: 10pt;
}
.logged-in ul li {
    float: left;
    margin-right: 8px;
    list-style: none;
}
.logged-in li:first-of-type a {
    text-decoration: none;
    color: #ffffff;
    float: left;
    margin-right: 5px;
}

#content
{
    position: relative; /*IE*/
    z-index: 0; /*IE*/
    width: 1025px;
    min-height: 400px;
    margin: 0 auto;
    padding-bottom: 50px;
    background-image: url("../img/bg5.png");
    background-position: right bottom;
    background-repeat: no-repeat;
}
#main-content
{
    position: relative;
    width: 372px;
    margin: 0 92px;
    float: left;
}
#cemetery-list
{
    float: left;
    width: 400px;
}
.block-text {
    color: #d7b56d;
    font-size: 9pt;
    text-transform: uppercase;
    text-decoration: none;
}

#find-person-form {
    margin-top:10px;
}
#find-person-header-image {
    display: inline-block;
    height: 38px;
    width: 42px;
    margin: 0 10px 0 7px;
    background-image: url("../img/sprite.png?v=2");
    background-position: -27px -1032px;
    vertical-align: middle;
}
#find-person-input {
    float: right;
    width: 197px;
    margin-top: 1px;
}
#find-person-submit {
    margin-left: 10px;
    float: right;
}
#advanced-search-link {
    margin-top: 10px;
    text-align: right;
}

#find-person-text {
    margin-top: 5px;
    display: block;
    text-align: center;
    color: #444;
}

#add-person-header-image {
    display: inline-block;
    height: 38px;
    width: 42px;
    margin: 0 10px 0 7px;
    background-image: url("../img/sprite.png?v=2");
    background-position: -71px -1030px;
    vertical-align: middle;
}
#add-person-header {
    cursor: pointer;
    margin-bottom: 18px;
}
#add-person-block {
    z-index:1;
    position: relative;
    height: 35px;
    overflow: hidden;
}
.add-person-line {
    margin-bottom: 10px;
}
.add-person-text-date, .add-person-text-month, .add-person-text-year {
    width: 30px;
    color: #444;
    margin: 0 10px 5px 0;
    float: right;
}
.add-person-text-year {
    width: 35px;
}
.add-person-text {
    display: block;
    color: #444;
    margin: 10px 10px 0 0;
}
#add-person-firstname, #add-person-lastname {
    width: 95px;
}
#add-person-submit-div {
    margin: 5px 3px 0 0;
}
#add-person-submit {
    float: right;
}
#add-person-birth-day, #add-person-birth-month,
#add-person-death-day, #add-person-death-month {
    width: 30px;
    margin-right: 3px;
}
#add-person-birth-year, #add-person-death-year {
    width: 35px;
}
.add-person-span {
    display: inline-block;
    width: 55px;
    text-align: right;
}
#hint
{
    margin-top: 5px;
    float: left;
}

#footer {
    width: 1025px;
    color: #444;
    text-align:left;
    font-size: 8pt;
    margin: 0 auto;
    line-height: 9pt;
    clear:both;
}

.block {
    border-radius: 5px;
    background: linear-gradient(#161616 0%, #000000 100%);
    -pie-background: linear-gradient(#161616 0%, #000000 100%);
    padding: 20px 10px;
    behavior: url("/css/PIE.htc");
}

.border-gradient {
    margin-top: 15px;
    padding: 1px;
    border: 0px;
    border-radius: 5px;
    background: linear-gradient(#3C3C3C 0%, #121212 100%);
    -pie-background: linear-gradient(#3C3C3C 0%, #121212 100%);
    behavior: url("/css/PIE.htc");
}

.input-text-light {
    border: 0px;
    height: 22px;
    padding-left:5px;
    box-shadow: 
      inset 0 -1px 0px #797979,
      inset 1px 0 0px #E2E2E2,
      inset 0 1px 0px #DBDBDB,
      inset -1px 0 0px #E2E2E2;
      
    background: linear-gradient(#B2B2B2 0%, #fff 65%);
    -pie-background: linear-gradient(#B2B2B2 0%, #fff 65%);
    behavior: url("/css/PIE.htc");
}
.input-error {
    box-shadow: 
      inset 0 -1px 0px #f00,
      inset 1px 0 0px #f00,
      inset 0 1px 0px #f00,
      inset -1px 0 0px #f00;
    -pie-background: linear-gradient(#f00 0%, #fff 65%);
    behavior: url("/css/PIE.htc");
}
.input-text-dark, .styled-select {
    border: 0px;
    height: 20px;
    color: #fff;
    padding-left:5px;
    border-radius: 4px;
    box-shadow: 
      inset 0 -2px 0px #1F1F1F,
      inset 1px 0 0px #1F1F1F,
      inset -1px 0 0px #1F1F1F;
      
    background: #191919;
    behavior: url("/css/PIE.htc");
}
.buttons-large, .buttons-medium {
    display: inline-block;
    color: #000;
    border: 0px;
    background: linear-gradient(#d7b56d 0%, #c5a161 33%, #a37c48 66%, #92683d 100%);
    -pie-background: linear-gradient(#d7b56d 0%, #c5a161 33%, #a37c48 66%, #92683d 100%);
    line-height: 22px;
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: rgba(255,255,255,0.4) 1px 0, rgba(255,255,255,0.4) 0 1px;
    text-transform:uppercase;
    cursor: pointer;
    behavior: url("/css/PIE.htc");
}
.buttons-large:hover, .buttons-medium:hover {
    text-decoration:underline;
}
.buttons-large {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 5px;
}
.buttons-medium {
    height: 22px;
    padding: 0 8px;
    border-radius: 3px;
}
.styled-select {    
    display: inline-block;
        zoom: 1;
        *display: inline;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    list-style: none;
    width: 105px;
}

.select-arrow {
    margin: 2px 0 0 0;
    float: right;
    height: 18px;
    width: 18px;
    background-image: url("../img/sprite.png?v=2");
    background-position: -159px -1030px;
}

.line {
    height: 1px;
    margin-bottom: 20px;
    background: linear-gradient(to right, #000 0%, #191919 25%, #191919 100%);
    -pie-background: linear-gradient(left, #000 0%, #191919 25%, #191919 100%);
    behavior: url("/css/PIE.htc");
}

.clear {
    clear: both;
}

#admin_menu > div {
    float: left;
    margin-right: 2em;
}

.manager
{
    display: inline-block;
    width: 200px;
    margin-left: 200px;
    clear: both;
}

div#content table
{
    margin: 0;
    width: 100%;
}

#manager-actions
{
    clear:both;
    width: 100%;
}

div#content table td
{
    padding: 5px 10px;
}

th
{
    vertical-align: top;
    padding: 5px 10px;
    background-image: url('../img/bg4.png');
    font-size: 1.1em;
}

tr.bg1
{
    background-color: #222222;
}
#krematorija-latest
{
    margin: 0px 72px 20px 92px;
}
#krematorija-latest td img
{
    max-width: 100%;
}
#krematorija-latest td {
	vertical-align:middle;
}
.person-thumb {
    width: 19px;
}

.clearfix
{
    clear: both;
}
.text-center
{
    text-align: center;
}

ul.autocomplete
{
	background-color : #3C3C3C;
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	list-style:	none outside none;
	z-index: 100;
}

ul.autocomplete li
{
	position: relative;
	height: 40px;
	background-color: #000000;
	margin: 1px;
}

ul.autocomplete li:hover, ul.autocomplete li.active
{
	background-color: #333333;
}

ul.autocomplete li a
{
	display: inline-block;
	height: 27px;
	width: 100%;
}

ul.autocomplete li div.image
{
	display: inline-block;
	width: 33px;
	height: 40px;
	border: none;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

ul.autocomplete li a span.name
{
	display: inline-block;
	position: relative;
	top: -24px;
	left: 5px;
}

ul.autocomplete li a span.year
{
	display: inline-block;
	position: absolute;
	color: #FFFFFF;
	text-decoration: none;
	top: 20px;
	left: 38px;
}

@font-face {
  font-family: 'Nekropole';
  src: url('font/Nekropole-Glyphs.eot'); /* IE9 Compat Modes */
  src: url('font/Nekropole-Glyphs.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/Nekropole-Glyphs.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/Nekropole-Glyphs.svg#Nekropole') format('svg'); /* Legacy iOS */
}

.font {
    font-family: Nekropole;
    font-size: 50px;
    color: #ffffff;
    font-size: 20px;
    display: inline-block;
    text-align: right;
    margin-right: 8px;
    .no-underline;
    position: relative;
    top: 1px;
    font-style: normal;
    font-weight: 400;
    line-height: 0.8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}
.font.no-image, .font.no-image-male, .font.no-image-female {
    background: #D8D8D8;
}
.font:hover {
    .no-underline;
}
.font.tag:before {
    content: "A";
}
.font.menu:before {
    content: "B";
}
.font.carret-top:before {
    content: "C";
}
.font.carret-right:before {
    content: "D";
}
.font.carret-bottom:before {
    content: "E";
}
.font.carret-left:before {
    content: "F";
}
.font.donate:before {
    content: "G";
}
.font.person-add:before {
    content: "H";
}
.font.search:before {
    content: "I";
}
.font.rotate:before {
    content: "J";
}
.font.rotate-active:before {
    content: "K";
}
.font.person-edit:before {
    content: "L";
}
.font.location:before {
    content: "M";
}
.font.nekropole:before {
    content: "N";
}
.font.edit:before {
    content: "O";
}
.font.memory:before {
    content: "P";
}
.font.announce:before {
    content: "Q";
}
.font.recycle:before {
    content: "R";
}
.font.user:before {
    content: "S";
}
.font.condolence:before {
    content: "T";
}
.font.briefcase:before {
    content: "U";
}
.font.cross:before {
    content: "V";
}
.font.branch:before {
    content: "W";
}
.font.delete:before {
    content: "X";
}
.font.relation:before {
    content: "Y";
}
.font.multi-cross:before {
    content: "Z";
}
.font.plus:before {
    content: "+";
}
.font.minus:before {
    content: "-";
}
.font.google-calendar:before {
    content: "c";
}
.font.no-image:before {
    content: "i";
}
.font.no-image-male:before {
    content: "m";
}
.font.no-image-female:before {
    content: "f";
}
.font.event:before {
    content: "e";
}
.font.today:before {
    content: "p";
}

.person-thumb {
    width: 19px;
    height: 19px;
    overflow: hidden;
    background-color: #D8D8D8;
    display: inline-block;
}
.person-thumb .font {
    color: #929090;
    font-size: 23px;
    margin: 0px 4px !important;
    padding: 0px !important;
}