/*
CSS Document meetnet MOO
*/


/* algemeen */

body {
    background: #eaeaea;
    color: #333333;
    font: 12px/1.5 Arial,Tahoma,Helvetica,Verdana,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;    
}

/*h1 {
    color: #FFFFFF;
    font: bold 14px Verdana,Arial,Helvetica,sans-serif;
}*/
h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    margin: 10px 0;
    text-rendering: optimizelegibility;
}  

h2, h3 {
    color: #067d7d;
    font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);  
}
h2 {
  font-size: 160%;
}

h3 {
    line-height: 1.5em;
    background-color: transparent;   
    font-weight: bold;
    font-size: 20px;
    color: #067D7D;
    font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.news {
  border: 0px;
  align: right;
}    

#column2 {
  float: left;
  position: relative;
  padding-left: 10px;
  padding-top: 0px;
  width: 720px;
}

#portalimgdiv1{

}

div.center {	
  padding: 0;
}

#contentdiv {
  width: 720px;
  background: url("bg2.gif") repeat;
  min-height: 530px;  
}

#contentleft {
  font-size: 110%;
  width: 450px;
  float: left;
  position: relative;
  padding: 5px;
}
#contentleft p {
  font-size: 110%;
}


#contentright {
  width: 230px;
  float: left;
  position: relative;
  padding-left: 5px;
  border-left: 1px solid #5789A0;
}

#newsdiv {
  height: 100%;
  width: 230px;
  margin-left: 2px;
}

div.floatheader {		background-color: #003366; vertical-align: text-top; }
div.floattitle {		color: white; height: 100%;}
div.floatdiv {		background: url("bg2.gif") repeat; }


/* FOLDER PATH */

#folderpath {		
  padding-left: 5px;
  color:  #444;
  font-size: 12px;
  text-decoration: none;    
  background: transparent;
  padding-bottom: 5px;
  font-weight: normal;  
}

#folderpath .spacer {
    width: 25px;
    font-size: 11px;
    text-decoration: none;    
}

#folderpath .spacer:before {
    content: " >> ";
}
    
/*  FOLDERS    */

#sub_navigation {
  background: #E0E0E0;
    color: #111111;
    min-height: 530px;    
    width: 246px;
    margin-right: 5px;
    float: left;
    position: relative;
    border: 1px solid #c2c2c2;

    
}

.selectedfolder	{		background-color: #9A5727; color: #FFFFFF; font-size: 10px;}
.unselectedfolder{		font-size: 10px;}
/*.selectedfolder	{		background: rgba(255, 255, 255, 0.6); font-weight: bold;  color: #000000; font-size: 10px;}
.unselectedfolder{		background-color: transparent; font-size: 10px;}*/


input[type="button"], button[type="button"] {
    position: relative;
/*    display: block;*/
    padding: 0 15px;
    min-width: 15px;
    min-height: 11px;
    font-weight: bold;
    font-size: 11px;
    vertical-align: middle;
    line-height: 1em;
    color: #067D7D;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    height: 25px;
    vertical-align: middle;
    line-height: 25px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(241,241,241)), to(rgb(232,232,232))); 
    margin-left: 5px;
    cursor: pointer;
}

input[type="button"]:hover, button[type="button"]:hover  { 
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(241,241,241)), to(rgb(203,243,238))); 
    color:#067D7D 
}

/*   MENUBALK    */

#menubalk {
   min-height: 30px;
    border-top: 1px solid #C2C2C2;
    border-bottom: 1px solid #C2C2C2;
    position: relative;
    z-index: 999;  
}

#navigatiehorizontaal {	
  background: none repeat scroll 0 0 #E0E0E0;
  border-bottom: 1px solid #c2c2c2;
  border-top: 1px solid #c2c2c2;
  min-height: 30px;
  position: relative;
  z-index: 999;
}

#navigatiehorizontaal ul {
    float: left;
    border-left: 1px solid #B4B4B4;
    border-right: 1px solid #EBEBEB;    
  line-height: normal;
  list-style: none outside none;
  white-space: nowrap;  vertical-align: bottom;
/*  list-style-image:none; margin: 0; padding: 0;*/
}

#navigatiehorizontaal li {
   display: inline;
   cursor: pointer; 
/*   background: -webkit-gradient(linear, left top, left bottom, from(rgba(80,214,215,1)), to(rgba(10,127,126, 1)) );   */
   height: 30px;
   font-size: 130%;   
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #B4B4B4;    
  z-index: 903;
  list-style-type: none;
}  


#navigatiehorizontaal li a {
    background: url(/nav_bg.jpg) #DDDDDD;
    display: block;
    position: relative;
    float: none;
    cursor: pointer;
    text-decoration: none;
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #B4B4B4;    
    background-color: transparent;
    border-width: 1px;
    height: 30px;
    line-height: 30px;
    color: #444;
    padding: 1px 12px 2px 9px;   
}

#navigatiehorizontaal li a:visited, #navigatiehorizontaal li a:link {
    background: url(/nav_bg.jpg) #DDDDDD;
    display: block;
    position: relative;
    float: none;
    cursor: pointer;
    text-decoration: none;
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #B4B4B4;    
    background-color: transparent;
    border-width: 1px;
    height: 30px;
    line-height: 30px;
    color: #444;
}

#navigatiehorizontaal li a:active, #navigatiehorizontaal li a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(80,214,215,1)), to(rgba(10,127,126, 1)) );   
    color: #ffffff;

 }

 
/*#navigatiehorizontaal a:link, navigatiehorizontaal a:visited {color: #dddddd; text-decoration: none;}*/
/*#navigatiehorizontaal a:hover, navigatiehorizontaal a:active {color: #FFFFFF; text-decoration: none;}*/

/*   HOOFDMENU  */

#hoofdmenulinks {
    font-size: 1em;
    text-align: right;
    border-top: none;  
}
#hoofdmenulinks ul {
   padding-right: 5px; 
}

#hoofdmenulinks a {
  color : #2c8186;  
border-bottom: solid 1px #549aa3;   
}

#hoofdmenulinks a:link, #hoofdmenulinks a:visited {
  color : #2c8186;  
  border-bottom: solid 1px #549aa3;   
}

.newsheader {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 5px;
    height: fit-content;
}


/*    FORMS    */
#get_password,
#get_username {		
  padding-left: 5px; 
  padding-right: 15px; 
}

#form_errors {
    border: 1px solid #FF0000;
    color: #FFFFFF;
    padding: 12px;
}

#form_errors a:link {
    color: #FFFFFF;
}

#foldercontentdiv {
    color: black; font-family: Lucida, Arial, Tahoma, Helvetica; font-size: 11px;
  font-weight: normal; margin-left: -8px; padding-bottom: 10px;
}
#foldercontentdiv.input{font-size: 11px; color: #000000;}
#foldercontentdiv.textarea{font-size: 11px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; overflow: auto;}
#foldercontentdiv.a {  	color: #000000; text-decoration: underline;}


#formdiv {				
  background: transparent;
  padding-left: 5px; 
  padding-right: 15px; 
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box
  
}

td.line {
  background-color: #004E91;
}

/* form title */
.formheader {		    background-color: #01728F; color: #FFF9EF; font-family: Tahoma, Arial, Helvetica; font-size: 16px; font-weight: normal;
						padding-left: 10px; margin: 5px 0px 5px -8px;}

.formtitlediv {	
	padding-left: 10px; padding-right: 10px; margin: 5px 0px 0px -5px;
    background-color: transparent;
    border-bottom: 1px solid #8CACBB;
    color: #067D7D;
    font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
    font-weight: normal;
    margin: 0 0 0.25em;
    font-size: 130%;
}
.submitbutton {			margin: 5px;}

.line_header {			background-color: #333333; height: 2px;}
.line_observations {	background-color: #01728F;}

/* set element-divs as box-model */
.content  {
    width: 100%;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    border-bottom: 1px solid #9bc6cc;
    padding: 4px 5px;     
}

/* input element (temperatuur, bewolking, windkracht, opmerking) */
.input_div {            padding: 4px 5px; width: 100%;}
.input_label {          display: block; float:left; font-style: normal; width: 150px; padding-top: 4px; color: #393366;}
.input_field_text {     display: inline; margin-right: 2px;}
.input_field_text_required {border: 1px solid #01728F; display: inline; margin-right: 2px;}

.input_field_textarea { display: inline; height: 50px; padding: 0px; width: 300px;}

/* default form element label */
.element_label {        display: block; float: left; font-style: italic; width: 160px; color: #393366;}
.unit_label {           font-style: italic; color: #393366;}

/*    ELEMENTS    */

/* action */
.elm_action {		padding: 4px 5px; width: 100%;}

/* count element */
.elm_count {         border-bottom: 1px solid #E6CEBA; width: 600px; padding: 4px 5px;}
.count_class_select { width: 100px;}


/* custom data div */
.elm_custom_data {       width: 100%; height: 170px; }
.custom_data {       	 margin-left: 0px;  margin-right: 0px; border: 1px solid #dddddd;
                      color: #393366; display: inline; float:left; font-style: normal;}
.custom_data_instruction { display: inline; float:left;  color: #666666; font-size: 10px; width: 150px; font-style: italic;}
.custom_data_table {   
    border-spacing:0; border-collapse:collapse;
    width: calc(100% - 10px); 
    margin-left: 5px;
}
.custom_data_table tr:nth-child(even)  {
      background-color: #ebf5f4;
      border-bottom:    1px solid #bbccdd;
    }
.custom_data_table tr:nth-child(odd) {
      background-color: #f5f5f5;;
      border-bottom:    1px solid #bbccdd;
    } 

.elm_custom_data_single {       padding: 4px 5px; width: 100%; border-bottom: 1px solid #E6CEBA; height: 30px;}
.custom_data_single {       	 margin-left: 0px;  margin-right: 5px; border: 0px;
                      color: #393366; display: inline; float:left; font-style: normal;}

/* datum element */
.elm_date {          width: 100%;}
#date_div {             padding-bottom:3px; margin-top: 1px;}
#time_div {             padding-bottom:3px; margin-top: 1px;}
#endtime_div {          padding-bottom:3px; margin-top: 1px;}
#enddate_div {          padding-bottom:3px; margin-top: 1px;}
#enddate_link {         display: block; width: 40px; text-align: center;}
#time_link {            display: block; width: 40px; text-align: center;}
#endtime_link {         display: block; width: 40px; text-align: center;}
#calendar_link {        display: inline; width: 40px; text-align: center;}
#days_div {             margin-top: 1px;}
#calendar_div {         margin-top: 1px;}
.element_date {         }
.date_div {             }
.date_label {           display: block; float: left; font-style: normal; font-weight: bold; width: 150px; padding-top: 0px; color: #393366;}
.date_fields {          display: inline; width: 120px;}
.time_div {             }
.time_fields {          display: inline; width: 120px;}
.endtime_div {          }
.endtime_fields {       display: inline; width: 120px;}
.enddate_div {  		}
.enddate_fields {       display: inline; width: 120px;}
.days_div {             margin-left: 72px;}
.days_div a {           margin: 2px;}
.calendar_div {         display: inline;}
.calendar {             }
.hide {                 display: none;}
.show {                 display: block;}

/* size of input fields */
.twochars {             border: 1px solid grey; width: 20px;}
.twochars_required {    border: 1px solid #01728F; width: 20px;}

.twochars2 {			width: 20px; background-color: #F8EFDE;}
.fourchars {            border: 1px solid grey; width: 35px;}
.fourchars_required {   border: 1px solid #01728F; width: 35px;}

/* dropdown element (windrichting, tellers) */
.elm_dropdown {         border-bottom: 1px solid #E6CEBA; padding: 4px 5px; width: 100%;}
.elm_dropdown_field {       color: #000000; display: inline; font-size: 11px; width: 150px;}



/* locatie element */
elm_location {     }
#country_div {          }
#search_location_div {  }
#name_location_div {    }
#locselectdiv {         border-top: 1px solid #56A835; margin-top: 2px;}
#favlocnamediv {		}
#map{					cursor: pointer;}

#formlocationdiv {		border-bottom: 1px solid DBE3E9; padding: 5px; width: 100%;}
.location_label {       display: inline-block; width: 100px; text-align: right; font-style: italic;}
.country_field {        display: inline-block; width: 206px;}
.show_country {         display: inline-block; width: 36px;}
.show_favourite {       display: inline-block; width: 20px; text-align: center;}
.show_home {            display: inline-block; width: 20px; text-align: center;}
.search_location_field {display: inline-block; width: 206px;}
.search_location_field input {width: 200px;}
.search_location_link { display: inline-block; width: 36px;}
.name_location_field {  display: inline-block; width: 206px;}
.show_bigmap {          display: inline-block; width: 20px; text-align: center;}
.show_extra {           display: inline-block; width: 20px; text-align: center;}
.location_type_field {  display: inline-block; width: 206px;}
.fav_location_field {   display: inline-block; width: 206px;}
.add_location {         display: inline-block; width: 20px; text-align: center;}
.del_location {         display: inline-block; width: 20px; text-align: center;}
.favlocname_field {     display: inline-block; width: 206px;}
.favlocname_link {		}
.smallview {			}
.sepspan {				padding-left: 30px; padding-right: 30px; font: 14pt/18pt Arial; text-align: center; color:#444444;}
.coordlabel  {			font-style: italic; font-size: 10px; padding-left: 10px;}
.coord {				width: 80px;}

/* waarnemingenlijst element */
.elm_observationlist { text-align: left;  border-bottom: 1px solid #E6CEBA; width: 700px; 
  background-color: #DBE3E9; 
  margin-bottom: 5px;
  margin-left: 5px;
  padding-bottom: 2px;
  padding-top: 1px;
}
.elm_observationlist .foldertype {float:left; font-style: italic; font-size: 10px; }
.elm_observationlist .foldername {  float:left; font-size: 10px; }
.elm_observationlist .no_observations { float:left; width: 200px; font-size: 10px; color:red; text-align: right;}
.elm_observationlist .folderbuttons {  float:right; font-size: 10px; }
.elm_observationlist_div  {  background-color: #F8EFDE; 
  margin: 1px 2px 0 1px; 
  font-size: 9pt; 
  padding-bottom: 1px;
  height: 400px; 
  overflow-y: scroll;    
}
.elm_observationlist_table  { margin: 2px; font-size: 8pt;   width: 675px;}
.elm_observationlist_table th { font-size: 9pt; font-weight: normal; color: #542609}
.elm_observationlist_line {	background-color: #9A5727; height: 1px;}
.elm_observationlist_table td.group { font-size: 10pt; height: 24px; border-top: 1px solid #8CACBB; background-color: #FFF8E8; }
.elm_observationlist_table tr.even { background-color: #E0EFE8; }
.elm_observationlist_table td.target_total { color: #777777; }
.elm_observationlist_table td.target_selection { color: #665533; }
.ol_detail_btn { cursor: pointer; }

.btn-up {
	background-color:#ededed;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #bcbcdc;
	display:inline-block;
	color:#444444;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:0px 4px;
	text-decoration:none;
    cursor: pointer;
}.btn-up:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #caf7cf), color-stop(1, #95d6a0) );
	background:-moz-linear-gradient( center top, #caf7cf 5%, #95d6a0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#caf7cf', endColorstr='#95d6a0');
	background-color:#caf7cf;
}.btn-up:active {
	position:relative;
	top:1px;
}

.btn-down {
	background-color:#6edaf5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#1022a8;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:0px 5px;
	text-decoration:none;
}
.btn-down0 {background-color:#F57766; color: #AB2210; }
.btn-down- {background-color:#D5D5D5; color: #666666; }
  
  

.btn-modified {
	background-color:#76fa81;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#154d09;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:0px 5px;
	text-decoration:none;
}

.btn-disabled {
	background-color:#e8faea;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#939991;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:0px 5px;
	text-decoration:none;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

/*  element  personinfo  */
.elm_personinfo { width: 500px;}
.elm_personinfo_table {  border: 1px solid #9A5727;  margin-left: 50px;  margin-bottom: 10px;}
.elm_personinfo_table input {  color: blue;  width: 100px;}
.elm_personinfo_table span {  color: grey;}
.elm_personinfo_table input {  color: blue;  width: 100px;}
.elm_personinfo_table .person_ID {  color: grey;  width: 50px;}
.elm_personinfo_table .short {  width: 50px;}
.elm_personinfo_table .short_view {  color: grey;  width: 50px;}
.elm_personinfo_table .medium {  width: 150px;}
.elm_personinfo_table .medium_view {  width: 150px;  color: grey;  }
.elm_personinfo_table .long {  width: 250px;}
.elm_personinfo_table .person_remarks {  width: 400px;  height: 100px;}
.elm_personinfo_table .person_remarks_view {  background-color: #dddddd;  width: 400px;  height: 100px;}
.elm_personinfo_table td.separator {   border-top: 1px solid #9A5727;   margin-top: 5px;   }

/*  element  personlist  */
.elm_personslist {  }
.personslistdiv {
  height: 500px; 
  overflow-y: scroll;  
}  
.elm_personslist_searchtable {border-bottom: 1px solid #01728F;}


/*  element  protocol  */
.elm_protocol {        border-bottom: 1px solid #E6CEBA; padding: 4px 5px; width: 100%;}

/* sectie-roles */
.elm_roles {        width: 100%; }
.elm_roles_list {   min-width: 500px; }
.elm_roles_list .element_label {
    float: initial;
}

/* matrix element and table like views */
.elm_roles_table {			
    margin: 5px; 
    width: initial;
}
.elm_roles_table th {  font-weight:normal; }
.elm_roles_table th.name {width: 120px;}
.elm_roles_table th.role {width: 80px;}
.elm_roles_table th.period {width: 100px;}
.elm_roles_table th.status {width: 50px;}
.elm_roles_table th.experience {width: 50px;}
.elm_roles_table th.edit {width: 110px;}
.elm_roles_table th.folder {width: 200px;}
.elm_roles_table tr.header {color: #393366;  text-align: left;  font-style: italic; font-weight:normal;  background-color: transparent}

.elm_roles_table tr:nth-child(even)  {
      background-color: #ebf5f4;
      border-bottom:    1px solid dddddd;
    }
.elm_roles_table tr:nth-child(odd) {
      background-color: #f5f5f5;
      border-bottom:    1px solid dddddd;
    } 
  
.elm_roles_table tr.medeteller {
    color: green;
    }
.elm_roles_table tr.hoofdteller {
    color: blue;
    }         
    
.elm_roles_table tr.current {
      font-weight: bold;
    }      
.elm_roles_table tr.past {
      color:     gray;
    }     
.elm_roles_table tr.future {
      font-style: italic;
      color:     gray;
    }     
    
.elm_roles_table tr.selected {
      color:     red;
      font-weight: bold;
    }   
   
    
.elm_roles button { 
    height: initial; 
    line-height: 16px;
}

.elm_roles .element_label { 
    width: 100px;
}

.elm_roles_searchresultshow {
  background-color: white;
  border: 1px solid #555555;
  display: block;
  max-height: 200px;
  overflow: auto;
  padding-left: 3px;
  padding-right: 3px;
  width: 300px;
  z-index: 100;}
.elm_roles_searchresulthide {
      display: none;
    }
.elm_roles_highlight {background-color: #F8EFDE;}
.elm_roles_normal {background-color: white;}

.elm_roles_editdiv, .elm_roles_newroleform {   
    width: 500px; 
    background-color: #ebf5f4;
    margin-bottom: 2px;
    border: 1px solid #9ac4cb;    
    overflow: hidden;    
    display: none;    
}
.elm_roles_editdiv {  

}

.elm_roles_editdiv1 { 
   float: left;   
   width: 150px;
}    
.elm_roles_editdiv2 { 
   float: left;  
   width: 200px;   
}    
.elm_roles_editdiv2 input.date { 
   width: 80px;   
}  

.elm_roles_editdiv3 { 
  width: 150px;
  float: right;  
}

.elm_roles_newrole_form_div {
    float: left;
}

.elm_roles_newroleform {
    padding: 3px;
    margin-left: 5px;    
}

.elm_roles_buttons_div {
  float: left;  
}

.elm_roles_left {
  float: left;  
}

.elm_roles_names {
  width: 300px;
}

.elm_roles_names .element_label{
  width: 160px;
}

/* sectie-selectie */
.elm_section {        border-bottom: 1px solid #E6CEBA; width: 100%; padding: 4px 5px;}

.elm_selection {     padding: 2px 4px 0px 5px; width: 100%; }


/* soortinfo */
.elm_speciesinfo {}
#infodescriptiondiv {	background-color: #DBE3E9; border: 2px solid #01728F; margin: 5px; padding: 5px;}

/* mappenlijst element */
.elm_surveylist { 
  text-align: left;  
  border-bottom: 1px solid #004E91; 
  width: 725px; 
/*  background-color: #99C4E0; */
  margin-bottom: 5px;
  padding-bottom: 2px;
  padding-top: 1px;
  margin: 2px; font-size: 10px;
  height: 400px; 
  overflow-y: scroll;  
}
.elm_surveylist .foldertype {float:left; font-style: italic; font-size: 10px; }
.elm_surveylist .foldername {  float:left; font-size: 10px; }
.elm_surveylist .no_observations { float:left; width: 200px; font-size: 10px; color:red; text-align: right;}
.elm_surveylist .folderbuttons {  float:right; font-size: 10px; }
.elm_surveylist .jaar {font-weight: bold}

.elm_surveylist th { font-size: 11px; font-weight: normal; color: #542609}
.elm_surveylist th.icon { width: 20px; }
.elm_surveylist_line {	background-color: #9A5727; height: 1px;}

.elm_surveylist_table  { margin: 2px; font-size: 10px; width: 705px; }
.elm_surveylist_table td.line {	border-bottom: 1px solid #01728F;}

.elm_surveylist_result_span  { margin-left: 5px; font-size: 10px;  color: red; }

.sl_jaar {font-weight: bold; font-size: 12pt; }
.sl_bezoek {font-weight: bold; }

/* soort element */
.elm_taxon {        border-bottom: 1px solid #E6CEBA; padding: 4px 5px; width: 100%;}
#taxgroup_div {         padding: 3px 0;}
#taxname_div {          padding: 3px 0;}
#searchfor_div {        padding: 3px 0;}
#search_div {           display: block; padding: 3px 0;}
.taxon_label {          display: block; float: left; font-style: normal; font-weight: bold; width: 100px; padding-top: 4px; color: #393366;}
.taxgroup_field {       display: inline;}
.taxgroup_link {        display: inline;}
.taxsearch_div {		}
.sciname_div {          display: inline;}
.sciname_input {        display: inline;}
.cname_div {            display: inline;}
.cname_input {          display: inline;}
.searchfor_start_label {display: inline;}
.searchfor_start_input {display: inline;}
.searchfor_all_label {  display: inline;}
.searchfor_all_input {  display: inline;}
.search_div {			display: block;}
.search_field {         display: inline-block;}

.elm_taxonlist {			background-color: white; border: 1px solid #C0C0C0;	display: block;	padding-top: 0px; z-index: 100;}
table.taxalist {		background-color: white; border: 1px solid grey; border-spacing: 0;	min-width: 200px;}
table.taxalist td {		border: 0px; margin: 0px;}
table.taxalist td a {	font-size: 10px;}
table.taxalist td.soortaan {background-color: #01728F; color: #ffffff;}  
table.taxalist td.soortaan a {color: #ffffff;}  
table.taxalist td.soortuit {color: #000000;}
.soortaan a:visited {	text-decoration: none;}
.soortaan a:link {		color: #FFFFFF; text-decoration: none;}
.soortaan a:visited {	color: #DDDDDD; text-decoration: none;}
.soortaan a:hover {		color: #FFFFFF; text-decoration: underline;}
.soortuit a:hover {		color: #56a835; text-decoration: underline;}
#taxagroupsdiv {		display: block;	width: 100%;}
div.taxagroupcheckbox {	display: inline; float: left; height: 20px;	width: 170px;}
div.taxagroupbutton {	display: inline; float: left; height: 20px;	width: 170px;}


/* text element */
.elm_text {			width: 100%;}
.text_element_kader {   margin-top: 5px; margin-bottom: 5px; padding: 2px; border: 1px solid #988F7E; background-color: #DBE3E9;}
.large  {				font-size: 13px;}
.text_inline {			display: inline;}
.text_list {			font_size: 10px; margin-left: 30px;}
/* link element */
.link_inline {			display: inline; margin: 0px;}
.customlabel { width: 150px; }

/* ==============    textinput   */
.elm_textinput {        width: 100%;  min-height: 15px;}
.elm_textinput_text {     display: inline; margin-right: 2px;}

/* upload element */
.elm_upload,
.table_upload {			padding: 4px 5px; background: none transparent; border-collapse: collapse; width: 500px; border-bottom: 1px solid #E6CEBA; }
.table_upload th {		background-color: #FFBB06; font-size: 10px;}
.table_upload tr {		}
.table_upload td {		border: 1px solid black; padding: 2px; text-align: center;}
div.folderpictures_div {width: 600px;}
div.folderpicture_div {	border-top: 1px solid #75BACB; height: 150px; padding-bottom: 5px; padding-top: 5px; width: 600px;}
div.folderpicture_img {	display: inline; float: left; height: 150px; text-align: center; vertical-align: middle; width: 160px;}
div.folderpictureinfo_div {display: inline; float: left; height: 150px; width: 440px;}
div.folderpictureinfo_label {display: inline; float: left; font-size: 11px; overflow: hidden; width: 100px;}
div.folderpictureinfo_value {display: inline; float: left; font-size: 11px; overflow: hidden; width: 340px;}
folderpictureinfo_trash {height: 18px; width: 440px;}
div.folderpictureinfo_publish {height: 18px;}
div.folderpictureinfo_photographer {height: 18px;}
div.folderpictureinfo_remarks {height: 96px;}

/*
LOADER ELEMENT
*/
div.elm_loader {border-bottom: 1px solid #5789A0; padding: 4px 0px 4px 5px; margin-right: 10px;}
div.elm_loader_upload_div {width: 600px;}
div.elm_loader_list_div {margin-top: 10px; padding-top: 10px; border-top: 1px solid #5789A0;}

a.elm_loader_tab_selected {
  font-size: 14px;
  background-color: #699BC4;
  color: #99D3FA;
  padding: 5px;
}

a.elm_loader_tab_not_selected {
  font-size: 14px;
  background-color: #99D3FA;
  color: #699BC4;
  padding: 5px;
}

table.elm_loader_table {margin-top: 10px;}
.elm_loader_table tr.odd {	background-color: #699BC4; color: white;}
.elm_loader_table tr.even {	background-color: #99C6E4; color: white;}
div.elm_loader_file {font-weight: bold;}

.elm_loader_table td {text-shadow: 1px 1px #888888;}
.elm_loader_table td a {color: white; text-shadow: 1px 1px #888888;}

.elm_loader_targetarea {
    width: 100px;
    height: 40px;
    background-image: url(../../layout/icons/common/target.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /* background-attachment: fixed; */
    /* background-color: #B0FFE8; */
    color: #A0EFD8;
    cursor: copy;
    overflow: hidden;
}

/*   OUD   ? */

/* kruistabel element */
#element_crosstable {	}
.element_crosstable {	}

/* matrix element and table like views */
.table_matrix {			margin: 5px; width: 99%;}

.table_matrix th.section {text-align: center; width: 80px;}
.table_matrix th.visit {display: block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.table_matrix th.year {	text-align: center;}

.table_matrix td.species {width: 200px;}
.table_matrix td.speciesinfo {width: 70px;}

.table_matrix td.options {width: 200px;}
.table_matrix td.section {text-align: center; width: 80px;}
.table_matrix td.line {	background-color: #01728F;}

.table_matrix tr.odd {	background-color: #F8EFDE;}
.table_matrix tr.even {	background-color: #FCF8F1;}

.table_matrix input.twochars {width: 20px; border: 1px solid #cccccc; text-align: center; margin: 1px;}
.table_matrix input.twocharsnew {width: 20px; border: 1px solid #E80303; text-align: center; margin: 1px;}
.table_matrix input.twocharsdetailrequired {width: 20px; border: 1px solid #cccccc; text-align: center; margin: 1px; background-color: #FFDDDD;}
.table_matrix input.twocharsdetail {width: 20px; border: 1px solid #cccccc; text-align: center; margin: 1px; background-color: #DDFFDD;}
.table_matrix input.fourchars {width: 35px;}
.table_matrix select {  border: 1px solid #cccccc;}

.table_view {		    max-width: 1500px; margin: 5px;}
.table_view th {	    text-align: left; color: #333333; font-size: 14px; font-weight: normal; background-color: #F8EFDE; font-style: italic;}
.table_view th.folder {	text-align: center; width: 60px;}
.table_view th.species {width: 200px;}
.table_view th.info {	width: 120px;}
.table_view th.count {	width: 80px; text-align: right;}
.table_view th.year {	width: 30px; text-align: right;}
.table_view th.visit {	width: 35px; text-align: right;}
.table_view th.section {width: 30px; text-align: right;}

.table_view tr.regio {	font-size: 16px; font-weight: bold;}
.table_view tr.soort {	font-size: 16px; font-weight: normal;}
.table_view tr.onderzoeksgebied {color: #000000; font-size: 14px; font-weight: normal; background-color: #FCD354;}
.table_view tr.route {  color: #111111; background-color: #FCD354; font-size: 13px; font-style: italic;}
.table_view tr.seizoen {font-size: 13px; font-weight: bold;}
.table_view tr.bezoek {	font-size: 13px; font-weight: normal;}
.table_view tr.sectie {	font-size: 12px; font-style: italic;}
.table_view tr.odd {	font-size: 12px; background-color: #F8EFDE;}
.table_view tr.even {	font-size: 12px; background-color: #FCF8F1;}

.table_view td.folder {	}
.table_view td.foldertype {font-size: 12px; font-style: italic; color: #333333;}
.table_view td.species {height: 23px; vertical-align: middle;}
.table_view td.code {	}
.table_view td.count {	text-align: right;}
.table_view td.options {}
.table_view td.section {text-align: right;}
.table_view td.year {	text-align: right;}
.table_view td.visit {	text-align: right;}

.table_view td.doelsoort {font-size: 14px; font-weight: bold; color: #000000;}
.table_view td.km-hok {	font-size: 13px; font-weight: bold; color: #333333;}
.table_view td.ongeschikt_km-hok {font-size: 13px; font-weight: bold; color: red;}
.table_view td.meetpunt {font-size: 12px; font-weight: bold; color: #333333;}
.table_view td.bezoek {	font-size: 11px; font-weight: bold; color: #333333;}
.table_view td.code {	font-size: 11px; color: #003366;}


/*    COLOFON   */

#colofon tr.orgrow {
  background-color: #EEEEEE;
}  

.colofon_org_row {      
    background-color: #DBE3E9;
    border-top: 1px solid #004E91;
    margin-left: 50px;
    margin-top: 10px;
    width: 600px;
    color: Black;
    font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
    font-size: 9pt;
    font-weight: normal;    
}  
.colofon_person_row {  
    background-color: transparent;
    margin-left: 60px;
    width: 500px;
}  
.colofon_name {  width: 200px; float: left;  font-weight: bold;}  
.colofon_function {  font-style: italic; width: 500px;}  
.colofon_person_name {  width: 190px; float: left}  

A:link {
    color: #067D7D;
    text-decoration: none;
}
A:visited {
    color: #666666;
    text-decoration: none;
}

.messagediv { display: inline-block; }
.taxonlistdiv {z-index: 999; }

/* tbv printen telformulier */
@media print {
  .elm_observationlist_div {
    height: auto;
  }
}

@media only screen and (max-width: 600px) {
  #sub_navigation {
  }
}