/**
	\file	layout.css	
  
	$LastChangedDate: 2012-01-01 16:35:27 +0100 (zo, 01 jan 2012) $
	$Revision: 307 $
	$Author: Ferdinand $
*/ 


/* Headers */
h1 {
    font-size: 22pt;
    color: #7F4F4F;
    font-weight: bold;
    font-family: arial, verdana;
    /*text-align: right;*/
}

h2 {
    font-size: 16pt;
    color: #7F4F4F;
    font-weight: bold;
    padding-bottom: 0px;
    padding-top: 10px;
    font-family: verdana;
}

h3 {
    font-size: 10pt;
    color: #7F4F4F;
    font-weight: bold;
}

body {
    color: black;
    font-family: arial;
    font-size: 11pt;
    background-color: #FFF7DF;
    margin: 0;
}

.header {
    font-size: 16pt;
    /* color: #663300; */
    color: #7F4F4F;
    font-weight: bold;
    padding: 10px 20px 20px 0px;
}

div#quicksearch a {
    font-size: 10pt;
    font-weight: normal;
    margin-right: 20px;
}

div#main {
    margin: 10px;
    margin-bottom: 200px;
}

div#logo {
    text-align: right;
}


#quicksearch, #browse, #recent {
    /*border: solid 2px #663300;*/
    height: 360px;
    border: solid 2px #B39890;
    padding: 20px;
    float: left;
}

#recent {
    height: 230px;
}

#quicksearch, div#browse {
    width: 350px;
    margin: 20px;
}

#map {
    margin-top: -50px;
    margin-left: 20px;
}

#map img {
    border: none;
}

#map_caption {
    font-size: 8pt;
    width: 200px;
    margin-top: -50px;
}

#recent {
    width: 784px;
    margin: 20px 20px 50px 20px;
}

.nicetime {
    color: #5F3B3B;
    font-size: 8pt;
}

a {
    color: #5F3B3B;
    text-decoration: none;
}

a:visited {
    color: #5F3B3B;
    text-decoration: none;
}

a:hover {
    color: #5F3B3B; /*663300;*/
    text-decoration: underline;
}

#menu {
    background-color: #EFE5E0; /* light pink */
    padding: 5px;
    margin: 0 0 0 0;
    text-align: center;
    font-weight: bold;
}

#footer {
    clear: both;
    font-size: 0.8em;
    background-color: #EFE5E0; /* light pink */
    padding: 5px;
    margin: 50px 0 0 0;
    text-align: center;
}

a.info {
    position: relative; /*this is the key*/
    z-index: 24;
    border-bottom: dotted 1px blue;
    color: black;
}

a.info:hover {
    z-index: 25;
}

a.info span {
    display: none
}

a.info:hover span { /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 1em;
    left: -16em;
    width: 15em;
    border: 1px solid black;
    background-color: #FFF7DF;
    color: #000;
    text-align: center;
    font-size: 0.8em;
}

.abbrev {
    color: blue;
    text-decoration: none;
    border-bottom: dotted 1px blue;
}

div#version {
    text-align: right;
    font-style: italic;
    margin-top: -15px;
}

.action_result {
    font-style: italic;
    border: solid;
    margin: 30px 30px 30px 30px;
    padding: 10px;
    border-color: green;
    color: green;
}

div#add_button {
    margin-bottom: 20px;
}

table.version_info {
    background-color: #FCFFCD;
}

.version,.date {
    text-align: right;
    vertical-align: top;
    padding-right: 10px;
    padding-left: 5px;
}

.date {
    font-style: italic;
    font-size: 8pt;
}

table.page_navigator {
    background-color: #FCFFCD;
    vertical-align: top;
}

/* - - - - - - - - - - - - - - - - SEARCH RESULTS, TICKETS, RELATIONS - - - - - - - - - - - - - - - - */

table.search_results, table.tickets, table.relations {
    background-color: #FCFFCD;
    border-collapse: collapse;
    border: solid 2px;
    text-align: left;
}

table.search_results th, table.tickets th, table.relations th {
    padding: 2px 6px 2px 3px;
    padding-left: 3px;
    border: 1px solid #7F4F4F;
}

table.search_results td, table.tickets td, table.relations td {
    vertical-align: top;
    padding: 2px 6px 2px 4px;
    border: 1px solid #7F4F4F;
}


/* - - - - - - - - - - - - - - - - RELATIONS - - - - - - - - - - - - - - - - */

table.relations td.icons {
    width: 30px;
}

/* - - - - - - - - - - - - - - - - RECORDS - - - - - - - - - - - - - - - - */

#record_heading {
/*     border: 1px solid yellow; */
    clear: both;
    margin-bottom: 10px;
}

#record_heading #name {
    font-family: verdana, arial;
    font-size: 20pt;
    font-weight: bold;
    width: 440px;
    float: left;
    margin-bottom: 10px;
}

#record_heading #icons {
    width: 230px;
    float: left;
    margin-left: 310px;
}

#record_heading #status {
    margin-left: 10px;
    width: 120px;
    float: left;
    border: 2px dotted #7F4F4F;
    padding: 3px;
    text-align: center;
    font-weight: bold;
/*     color: #7F4F4F; */
}

#church {
/* 	border: 1px solid; */
    margin-bottom: 50px;
    clear: both;
    font-family: georgia, calibri, arial;
}

#church h2, #organ h2, #references h2 {
    margin-top: 0;
}

#church_pictures {
/*     border: 1px solid red; */
    width: 440px;
    float: left;
    padding: 0px 0px 10px 0px;
}

#no_picture {
    background-image: url('images/geenkerk.jpg');
    width: 264px;
    height: 400px;
    text-align: left;
    position: relative;
    border: 1px solid #7F4F4F;
}

#no_picture p {
    margin-left: 30px;
    position: absolute; 
    top: 50%;
    margin-top: -150px;
    font-style: italic;
}

#building {
    width: 420px;
    float: left;
    padding: 0px 10px 10px 10px;
}

#location {
    width: 420px;
    float: left;
    padding: 0px 0px 10px 10px;
}

#location img, #church_pictures img {
    border: 1px solid #7F4F4F;
}

#organ {
    border-top: 1px solid #7F4F4F;
    clear: both;
    font-family: georgia, arial;
}

#history {
    width: 440px;
    float: left;
    padding: 0px 0px 10px 0px;
}

#organ_pictures {
    width: 420px;
    float: left;
    padding: 0px 10px 10px 10px;
}

#disposition {
    width: 420px;
    float: left;
    padding: 0px 0px 10px 10px;
}

#references {
    border-top: 1px solid #7F4F4F;
    clear: both;
    font-family: georgia, arial;
}

td.h_info {
    width: 20px;
    vertical-align: top;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

td.info {
    padding: 0;
    margin: 0;
}

#change_date {
    margin-top: 100px;
    font-family: georgia, calibri, arial;
    font-style: italic;
    font-size: 8pt;
    border-top: 1px solid;
    padding-top: 3px;
    margin-bottom: 20px;
}

/* - - - - - - - - - - - - - - - - FORM STYLES - - - - - - - - - - - - - - - - */

.form_label {
    font-size: 10pt;
    font-weight: bold;
}

.form_error_label {
    font-size: 11pt;
    font-weight: bold;
    color: red;
}

.form_error {
    font-size: 10pt;
    font-style: italic;
    color: red;
    margin-left: 190px;
    margin-top: -7px;
}


/* - - - - - - - - - - - - - - - - LOG IN - - - - - - - - - - - - - - - - */

td.login_name {
    width: 100px;
    text-align: right;
    padding-right: 5px;
}

td.login_field {
    width: 50px;
    padding-bottom: 5px;
}


#login_form {
    width: 150px;
    margin: 30px 0px 5px -8px;
    padding: 10px 10px 10px 10px;
    border: 2px solid;
    background-color: transparent; /*#E6E6CF;*/
    text-align: right;
    text-indent: 0em;
}

#login_form form {

}

#login_form #login_form_links {
    padding-top: 5px;
    border-top: 2px solid #AAA;
}

#login_form div.login_form_links a {
    color: black;
    text-decoration: none;
}

#login_form div.login_form_links a:visited {
    color: black;
    text-decoration: none;
}

#login_form div.login_form_links a:hover {
    color: black;
    text-decoration: underline;
}

#login_form div.clearfix {
    padding: 3px 0px 5px 0px;
    vertical-align: top;
}

#login_form h2 {
    font-size: 0.9em;
    padding: 0px 0px 5px 0px;
}

#login_form form label {
    float: left;
    font-size: .7em;
    text-align: right;
    margin-top: 4px;
}

#login_form_links a {
    font-size: .6em;
    color: #663300;
}

#login_form_links a:visited {
    color: #663300;
}


div#default_form div.clearfix input {
    border-color: #746F64;
    border: 1px solid;
    padding: 2px;
}

div#default_form div.clearfix textarea {
	font-family: arial;
	font-size: 10pt;
    border-color: #746F64;
    border: 1px solid;
}

div#default_form div.clearfix select {
    border-color: #746F64;
    border: 1px solid;
}

div#signup,div#default_form, div#default_form_remove {
    width: 870px;
    margin-left: 40px;
    margin-top: 20px;
    background-color: #FCFFCD;
}

div#signup form,div#default_form form, div#default_form_remove form {
    border-top: 2px solid #000080;
    border-bottom: 3px solid #000080;
}

div#signup div.clearfix, div#default_form div.clearfix, div#default_form_remove div.clearfix {
    border-top: 1px solid #CFD0FF;
    padding: 10px 0px;
    vertical-align: top;
}

div#signup form label, div#default_form form label, div#default_form_remove form label {
    width: 170px;
    float: left;
    margin: 2px 10px;
    font-weight: bold;
    font-size: 11pt;
}

div#signup div.remark, div#default_form div.remark {
    font-style: italic;
    padding: 0 0 5px 25px;
    color: #663300;
}

div#default_form_remove div.remark {
    visibility: hidden;
}

div#signup div.buttongroup, div#default_form div.buttongroup, div#default_form_remove div.buttongroup {
    border-top: 1px solid #000080;
    text-align: right;
    padding: 10px 10px 10px 0;
}

/* exceptions */
div#signup form label {
    width: 180px;
}

div#signup {
    width: 550px;
}

div#default_form_remove form label {
    color: gray;
}

div#default_form_remove input {
    color: gray;
}

div#default_form_remove textarea {
    color: gray;
}

div#default_form_remove div.buttongroup input {
    color: black;
}

div#search_form form label {
    font-weight: bold;
}

div#search_form form input {
    margin-top: 2px;
    margin-bottom: 8px;
}

/* - - - - - - - - - - - - - - - - ACTION RESULTS - - - - - - - - - - - - - - - - */

.action_result {
    font-style: italic;
    border: solid;
    margin: 25px 30px 25px 30px;
    padding: 10px;
    border-color: green;
    vertical-align: center;
    color: green;
}

.action_result img {
    vertical-align: bottom;
    padding-top: 0px;
    margin-right: 5px;
}

.action_error_result {
    font-style: italic;
    border: solid;
    margin: 25px 30px 25px 30px;
    padding: 10px;
    border-color: red;
    vertical-align: center;
    color: red;
}

.action_error_result img {
    vertical-align: bottom;
    margin-right: 5px;
}

/* - - - - - - - - - - - - - - - - RECORD NAVIGATOR - - - - - - - - - - - - - - - - */

#record_navigator {
	width: 1310px; /*100%;*/
	float: left;
	background-color: #EFE5E0;
	margin-top: 20px;
	margin-bottom: 20px;
    font-weight: bold;
}

#record_navigator ul {
    margin: 0;
padding: 0;
}

#record_navigator li {
	float: left;
	background-color: #EFE5E0;
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 440px; /* 33% */
    text-align: center;
}

#record_navigator li:first-child {
    text-align: left;
}

#record_navigator li:last-child {
    width: 430px;
    text-align: right;
}

#record_navigator li:hover {
/* 	background-color: #5F3B3B; */
}

#record_navigator a {
	text-decoration: none;
	color: #5F3B3B;
	padding: 0 6px;
}

#record_navigator a:hover {
	text-decoration: underline;
}

#quickjump {
    margin-left: 100px;
    clear: both;
}

* html a {
	display: block;
}

/* - - - - - - - - - - - - - - - - AUTO COMPLETE - - - - - - - - - - - - - - - -

form {
    border: 0px solid #002500;
    background: url("../css/png/glans.png");
    width: 210px;
    margin-left: 10%;
}

input {
    background: #ccccdd;
    color: #000000
}

.laathetzien {
    margin-left: 11%;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    color: #000002;
    padding-left: 0px;
    padding-top: 0px;
    border: 1px solid #ccccdc;
    width: 100px;
    background: #ccccdd;
}

.opzijnplaats {
    border: 0px solid #002500;
    width: 102px;
    position: relative;
}

.opzijnplaats div {
    border: 0px solid #002500;
    position: relative;
    top: -2px;
    left: 20px;
}

.pinnen {
    position: absolute;
    left: 4em;
    margin-top: 2em;
    z-index: 1000;
}

*/