/*
CSS Document meetnet amfibieen
*/

/* algemeen */
body {	
  background-color: #FCCE64; 
  font-size: 12px;
  color: black;
  font-family: arial,helvetica,sans-serif;
  line-height: 18px;
}

#middle {
    margin: 0;
    background-color: #ffffff; 
    min-height: 600px;
}

#column2 {
    margin-left: 10px;
    width: 734px;    
}

.newsheader {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 5px;
    color: 393366;
}

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

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


h1 {
color: #ba5700;
    font-family: "lucida grande",helvetica,arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 15px;  
    background-color: #ffffff;     
}    

h2, h3 {
color: #ba5700;
    font-family: "lucida grande",helvetica,arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;  
    background-color: #ffffff;     
}

a {
  color: #ba5700;
}

/*   MENUBALK    */

#menubalk {
  height: 25px;
  background-color: #FCC917;  
  font-family: Tahoma,Arial,Helvetica;
  font-size: 12px;
  font-style: normal;
  color: #fff;
  border-bottom: 6px solid #BA5700;
}

#navigatiehorizontaal {
    font-weight: bold; 
    font-size: 14px;
}
#navigatiehorizontaal ul {list-style-image:none; margin: 0; padding: 0;}
#navigatiehorizontaal li {
    padding: 12px 8px 4px;
    float: left; margin: 0; padding: 0; white-space: nowrap; cursor: pointer; }
#navigatiehorizontaal a {color: #ffffff; display: block; padding: 0.3em 8px 0.18em;}
#navigatiehorizontaal a:link, navigatiehorizontaal a:visited {color: #ffffff; text-decoration: none;}
#navigatiehorizontaal a:hover, navigatiehorizontaal a:active {
  background-color: #ba5700;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #ffffff; text-decoration: none;
}

/*  FOLDERS    */

#sub_navigation {
  min-height: 520px;
  width: 240px;
  margin-top: 5px;
}

#sub_navigation h1 {
  margin-top: 0px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 5px;
}


.folderdiv {
    max-height: 300px;
    overflow: auto;
    border-top: 1px solid #BA5700;    
}

#foldermenu {
    border-top: 1px solid #BA5700;    
}
.table_folders td.read a {color:grey; }

#hoofdmenulinks {
    border-top: 1px solid #FFBB06;
    border-bottom: 1px solid #FFBB06;    
    font-size: 1px;
    font-weight: normal;
    text-align: left;
    line-height: 18px;    
}
#hoofdmenulinks ul {   
       margin-left: 10px;
    margin-right: -20%;
    margin-top: 20px;
    width: 200px;
}

#hoofdmenulinks li { 
    border-bottom: 1px dotted #ba5700;
    padding-bottom: 7px;
    list-style: outside none none;   
}
#hoofdmenulinks a {
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;    
  border: 0px;
  color: #ba5700;
  text-decoration: none;  
  
} 
#hoofdmenulinks a::first-letter {
  text-transform: capitalize;     
} 

#hoofdmenulinks a:link, hoofdmenulinks a:visited  a:hover {
    display: block;
    padding: 0.2em 0 0.6em;
    color: #ba5700;
    vertical-align: baseline;    
}

.folder_tree td a {
  text-decoration: none;
}
.folder_tree td a:hover {
    color: #026294;
    font-weight: bold;
    text-decoration: none;
    background-color: #FED255;    
}

.selectedfolder	{		background: rgba(254, 210, 85, 0.6); font-weight: bold;  color: #000000; font-size: 11px;}
.unselectedfolder{		background-color: transparent; font-size: 11px;}

/*  FOLDERPATH   */

#folderpath {		
  padding-left: 5px;
    color: #929290;
    display: inline;
    font-size: 10px;
    list-style-type: none;
    margin: 0;
  padding-bottom: 5px;
}
#folderpath .spacer {
    width: 25px;
}
#folderpath .spacer:before {
    content: "/";
}
    
/*   FORMS DIV  */

#foldercontentdiv {
  color: black;
  font-family: arial,helvetica,sans-serif;
  font-size: 12px;
  font-weight: normal;
  background-color: #ffffff;
}
#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;}

input.inloggen {			margin-right: 10px;}

/* =====================  FORMULIER en elementen ============================= */

/* form title */
.formheader,
.formtitlediv {
    color: #ba5700;
    font-family: "lucida grande",helvetica,arial,sans-serif;;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    margin: 5px 0px 5px 5px;
}
.submitbutton {margin: 5px;}

/* input element (temperatuur, bewolking, windkracht, opmerking) */
.input_div {            border-bottom: 1px solid #ffbb06; width: 600px;  padding: 4px 5px;}
.input_label {          display: block; float:left; font-style: normal; width: 170px; padding-top:4px; color:#393366;}
.input_field_text {     display: inline; margin-right:2px }
.input_field_textarea { display: inline; padding: 0px; }
/* size of input fields */
.twochars {             width: 20px;}
.twochars_required {    width: 20px;}
.twochars2 {		    width: 20px; }
.fourchars {            width: 35px;}
.fourchars_required {   width: 35px;}
/* default form element label */
.element_label {       display: block; float:left; font-style: italic; width: 150px; padding-top:4px; color:#393366;}
.element_label_tab {   display: block; float:left; font-style: italic; width: 110px; padding-top:4px; padding-left: 40px; color:#393366;}

.unit_label {          font-style: italic; color:#393366;}

/* set element-divs as box-model */
.content  {
    width: 100%;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    clear:  both;
    overflow: auto;
}

.subelement {
   padding: 4px 5px;
}

.formdiv {}


/* ==============    action   */
.elm_action {         border-top: 1px solid #ffbb06; padding: 4px 5px;}
.action_button {padding: 2px 5px; width: 100%;}
.action_button input {              
 /*   background-image: url(printer-klein.gif); /* 16px x 16px */
    background-repeat: no-repeat;  /* make the background image appear only once */
/*    background-color: transparent;  make the button transparent */
    background-position: 10px 2px;  /* equivalent to 'left top' */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 26px;           /* make this the size of your image */
    padding-left: 26px;     /* make text start to the right of the image */
    vertical-align: middle; /* align the text vertically centered */
    background-color: #ededed;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #acace6;
}

.icon_print input {   
     background-image: url(printer-klein.gif); /* 16px x 16px */
}    

.icon_download input {   
     background-image: url(download-klein.gif); /* 16px x 16px */
}    

.icon_ok input {   
     background-image: url(judgement_1.gif); /* 16px x 16px */
}    

.icon_not_ok input {   
     background-image: url(judgement_2.gif); /* 16px x 16px */
} 

.icon_back input {   
     background-image: url(links-klein.gif); /* 16px x 16px */
} 

.icon_download input {   
     background-image: url(download-klein.gif); /* 16px x 16px */
}    

span.action_help {
    color: #393366;
    display: block;
    font-style: italic;
    padding-left: 10px;
    font-size: 8pt;
    float: right;
}




/* ==============    count   */
.elm_count {         border-top: 1px solid #ffbb06;   padding: 4px 5px;}
.countmethoddiv {    display: inline; float: left; width: 130px;}
.abundancediv {      display: inline;}

/* ==============    custom_data   */
.elm_custom_data {       padding: 4px 5px; width: 100%; border-top: 1px solid #ffbb06; height: 70px;}
.custom_data {       	 margin-left: 0px;  margin-right: 5px; border: 1px solid #ffbb06;
                      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; }
.elm_custom_data_single {       padding: 4px 5px; border-top: 1px solid #ffbb06; height: 25px;}
.custom_data_single {       	 margin-left: 0px;  margin-right: 5px; border: 0px;
                      color: #000000; display: inline; float:left; font-style: normal;}

/* ==============    date   */
.elm_date {         border-top: 1px solid #ffbb06; width: 600px;  padding: 4px 5px;}
.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;}

/* ==============    dropdown   */
.elm_dropdown {         border-top: 1px solid #ffbb06;  padding: 4px 5px;}
.elm_dropdown_field {       color: #000000; display: inline; font-size: 11px; width: 150px;}

/* ==============    folderlist   */
.elm_folderlist { text-align: left;  
  border-top: 1px solid #FDBF16; 
  width: 720px; 
   
  margin: 5px;
  padding: 1px 2px 1px 1px;
  height: 400px; 
  overflow-y: scroll;    
}
.elm_folderlist .foldertype {float:left; font-style: italic; font-size: 10px; }
.elm_folderlist .foldername {  float:left; font-size: 10px; }
.elm_folderlist .no_observations { float:left; width: 200px; font-size: 10px; color:red; text-align: right;}
.elm_folderlist .folderbuttons {  float:right; font-size: 10px; }
.elm_folderlist_div  {  background-color: #FEEDB1; 
  margin: 1px 2px 0 1px; 
  font-size: 10px; 
  padding: 0px 1px 1px 1px;
}
.elm_folderlist_table  { margin: 2px; font-size: 9pt;  background-color: #FEEDB1;  width: 700px; border-collapse: collapse}
.elm_folderlist_table th { font-size: 11px; font-weight: normal; color: #542609}
.elm_folderlist th.icon { width: 20px; }
.elm_folderlist_line {	background-color: #9A5727; height: 1px;}
.fl_seizoen { }
.fl_bezoek { font-size: 10pt;}
.elm_folderlist_result_span  { margin-left: 5px; font-size: 10px;  color: red; }
.elm_folderlist_table tr {color: black;  background-color: #FFF3D0; }
.elm_folderlist_table tr.virtual_new  {color: gray;  background-color: #FEEDB1; border-top: 1px solid lightgrey;}
.elm_folderlist_table tr.virtual_recent {color: darkslategray;  background-color: #FFF3D0; border-top: 1px solid lightgrey;}
.elm_folderlist_table tr.real_recent {color: black;  background-color: #FCCE64; border-top: 1px solid lightgrey;}
.elm_folderlist_table tr.real_new {color: black;  background-color: #F7E81B; border-top: 1px solid lightgrey;}

.elm_folderlist_table tr.taxonline {line-height: 1px;}
.elm_folderlist_table tr.taxonline td.line {border-top: 1px solid #DB5910; border-bottom: 1px solid #FEEDB1;}

.elm_folderlist_table.total .virtual_recent,
.elm_folderlist_table.total .virtual_new,
.elm_folderlist_table.total .real_recent,
.elm_folderlist_table.total .real_new,
.elm_folderlist_table.recent .virtual_recent,
.elm_folderlist_table.recent .real_recent,
.elm_folderlist_table.recent .real_new,
.elm_folderlist_table.real .real_recent,
.elm_folderlist_table.real .real_new{
  display: table-row;  
} 
.elm_folderlist_table.real .virtual_recent,
.elm_folderlist_table.real .virtual_new,
.elm_folderlist_table.recent .virtual_new{
    display: none; 
} 

.elm_folderlist .status_button { cursor:pointer};


/* ==============    location   */
.elm_location {     border-right: 1px solid #ffbb06; width:600px; }
#country_div {          }
#search_location_div {  }
#name_location_div {    }
#locselectdiv {         border-top: 1px solid #56A835; margin-top: 2px;}
#favlocnamediv {}
#map{ cursor: pointer; }
#formlocationdiv {background: #fde89d;}
.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;}

/* ==============    observationlist   */
.elm_observationlist { text-align: left;  border-top: 1px solid #FDBF16; 
   
  margin: 5px;
  padding: 1px 2px 1px 1px;
}
.elm_observationlist .foldertype {float:left; font-style: italic; font-size: 10px; }
.elm_observationlist .foldername {  float:left; font-size: 12px; font-weight: bold; border-top: #333333 solid 1px; width: 100%;}
.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: #FEEDB1; 
  margin: 1px 2px 0 1px; 
  font-size: 10px; 
  padding: 0px 1px 1px 1px;
  height: 400px; 
  overflow-y: scroll;    
}

.elm_observationlist_table  { border-collapse: collapse; margin: 2px; font-size: 10px; width: 99%;}
.elm_observationlist_table th { font-size: 11px; font-weight: normal; color: #542609}
.elm_observationlist_line {	background-color: #9A5727; height: 1px;}
.elm_observationlist_table tr.bezoek-sectiemap { background-color: #FEF6D8; color: #393366}

.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; }

elm_observationlist_table tr.type-464202-4612 { border-top: 1px solid #8888dd; }

.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-downX {background-color:#D5D5D5; color: #666666; }
.btn-down_p2 {background-color:#F57766;}
  
  

.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;
}


/* ==============    personinfo   */
.elm_personinfo {  width: 500px;  margin-left: 50px;  margin-bottom: 10px;  }
.elm_personinfo_table {  border: 1px solid #9A5727;}
.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;}

/* ==============    personlist   */
.elm_personslist {  }
.elm_personslist_searchtable {border-bottom: 1px solid #01728F;}
#personslist01_personslistdiv {
  height: 400px; 
  overflow-y: scroll;  
} 

/* ==============    protocol   */
.elm_protocol{
  border-top: 1px solid #ffbb06;  padding: 4px 5px;
}

/* query element */
.elm_query_text {   min-height: 20px;}

.elm_query_vars {
   padding:  5px; 
} 

.elm_query_var {
/*    width: 240px;*/
    height: 24px;
    padding-top: 4px;    
    overflow: hidden;
} 

.elm_query_varlabel {
    width: 100px;
    padding-right: 10px;
} 

.elm_query_varinputspan {
    width: 100px;
    padding-right: 10px;
} 

.elm_query_result {
    background-color: linen;
    width: 100%;
          }
.elm_query_result table thead {
    background-color: #FFBE18;
    color:  #333333;
}    
.elm_query_result table thead tr {
      display: block;
      position: relative;
}
  
.elm_query_result table tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 300px;
}

.elm_query_result table tbody tr:nth-child(even) {
      background-color: #FEEDB1;
}

.elm_query_result table.fieldform {
    display: block;
    overflow:visible;
    width: 100%;
    height: 550px;
    border-collapse: collapse;    
    width: 900px;
}

  
.elm_query_result table.fieldform tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 100%;
}

.elm_query_result table.fieldform tbody tr:nth-child(even) {
      background-color: #FFFFFF;
}
.elm_query_result table.fieldform tr{
    text-align: center;
}
.elm_query_result table.fieldform td{
    height: 30px;
    border: 1px solid black;
    text-align: center;
}



/* end query element */

/* ==============    roles   */
.elm_roles {        border-top: 1px solid #ffbb06; width: 600px; padding: 4px 5px;}
.elm_roles_new_roles {display: none;}
.elm_roles_input_div {width: 600px;  padding: 4px 5px;}

.elm_roles_table {			margin: 5px; width: 500px;}
.elm_roles_table th.name {text-align: left; width: 200px;}
.elm_roles_table td.role {width: 100px;}
.elm_roles_table td.status {width: 80px;}
.elm_roles_table td.line {	background-color: #01728F;}
.elm_roles_table tr.odd {	background-color: #F8EFDE;}
.elm_roles_table tr.even {	background-color: #FCF8F1;}
.elm_roles_table tr.mainobserver {	font-weight: bold;}
.elm_roles_table tr.expired {	color: grey;}
.elm_roles_table input.twochars {width: 20px; border: 1px solid #cccccc; text-align: center; margin: 1px;}
.elm_roles_table input.twocharsnew {width: 20px; border: 1px solid #E80303; text-align: center; margin: 1px;}
.elm_roles_table input.twocharsdetailrequired {width: 20px; border: 1px solid #cccccc; text-align: center; margin: 1px; background-color: #FFDDDD;}
.elm_roles_table input.twocharsdetail {width: 20px; border: 1px solid #cccccc; text-align: center; margin: 1px; background-color: #DDFFDD;}
.elm_roles_table input.fourchars {width: 35px;}
.elm_roles_table select {  border: 1px solid #cccccc;}

a.elm_roles_tab_not_selected {
  font-size: 14px;
  background: none transparent;
}
a.elm_roles_tab_selected {
  font-size: 14px;
  background: none transparent;
}

.elm_roles_searchresultshow {background-color: white; border: 1px solid #325900; 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: #ffbb06;}
.elm_roles_normal {background-color: white;}

/* ==============    section   */
.elm_season {        border-top: 1px solid #ffbb06; width: 600px;  padding: 4px 5px;}

/* ==============    section   */
.elm_section {        border-top: 1px solid #ffbb06; width: 600px;  padding: 4px 5px;}

/* ==============    selection   */
.elm_selection {         border-top: 1px solid #ffbb06; padding: 4px 5px;}
.elm_selection_field {   color: #000000; display: inline; font-size: 11px; width: 150px;}
.elm_selection .status { display: block; float:left; width: 30px;}

/* ==============    surveylist   */
.elm_surveylist { text-align: left;  
  border-top: 1px solid #FDBF16; 
  width: 720px; 
   
  margin: 5px;
  padding: 1px 2px 1px 1px;
  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_div  {  background-color: #FEEDB1; 
  margin: 1px 2px 0 1px; 
  font-size: 10px; 
  padding: 0px 1px 1px 1px;
}
.elm_surveylist_table  { margin: 2px; font-size: 9pt;  background-color: #FEEDB1;  width: 700px;}
.elm_surveylist_table th { font-size: 11px; font-weight: normal; color: #542609}
.elm_surveylist th.icon { width: 20px; }
.elm_surveylist_line {	background-color: #9A5727; height: 1px;}
.sl_seizoen {font-weight: bold; font-size: 11pt; }
.sl_bezoek { font-size: 10pt;}
.elm_surveylist_result_span  { margin-left: 5px; font-size: 10px;  color: red; }
.elm_surveylist_table tr.observation  {color: darkslategray;  background-color: #FFF3D0;}
.elm_surveylist .status_button { cursor:pointer};

/* ==============    taxon   */
.elm_taxon {        border-top: 1px solid #ffbb06; width: 600px;  padding: 4px 5px; margin-top:20px;}
#element_taxon {        border-bottom: 1px solid #ffbb06; width: 600px;  padding: 4px 5px; margin-top:20px;}
#taxgroup_div {         padding:3px 0;}
#taxname_div {          padding:3px 0;}
#searchfor_div {        padding:3px 0;}
#search_div {           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 {}
.search_field {         display: inline-block;}
.taxasearchbox {        width: 195px; }

/* ==============    taxonlist    */
.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.soortaan {background-color: #FEB904; color: #000000;}
table.taxalist td.soortaan a {color: #000000;}
table.taxalist td.soortuit a {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;}

/* ==============    text   */
.elm_text {
   background-color: white; padding: 4px 5px;
}
.text_element_kader {   
   margin: 5px; 
   padding: 2px;   
   border: 1px solid #988F7E;
   background-color: #FBF8DF;
   font-size: 10px;
}

.elm_text_blockquote {
    border-left: 4px solid #FEB902;
    margin: 0 0 3px;
    padding: 10px 15px;
    color: #5D6B36;
    font-weight: 300;
    line-height: 1.1;
}    

.text_element_kader_admin {
   margin: 5px; 
   padding: 2px;   
   border: 1px solid #F0351C;
   background-color: #F9AFA5;
   font-size: 9px;
}

.large  {font-size: 13px;}
.text_inline {display: inline;}
.text_list {
  font_size:10px;
  margin-left: 30px;
}
/* link element */
.link_inline {display: inline; margin: 0px;}

/* ==============    textinput   */
.elm_textinput {
  border-top: 1px solid #ffbb06;  padding: 4px 5px;
}
.elm_textinput_text { }

/* ==============    upload element */

/* upload element */
.elm_upload {     border-top: 1px solid #E6CEBA; width: 100%;}
.table_upload {			background: none transparent; border-collapse: collapse; padding: 4px 5px; width: 100%;}
.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.folderupload_div {	border-top: 1px solid #E6CEBA; height: 150px; padding-bottom: 5px; padding-top: 5px; width: 700px;}
div.folderupload_img {	display: inline; float: left; height: 150px; text-align: center; vertical-align: middle; width: 160px;}
div.folderuploadinfo_div {display: inline; float: left; height: 150px; width: 540px;}
div.folderuploadinfo_label {display: inline; float: left; font-size: 11px; overflow: hidden; width: 100px; padding-top: 0px;}
div.folderuploadinfo_value {display: inline; float: left; font-size: 11px; overflow: hidden; width: 440px;}
folderuploadinfo_trash {height: 18px; width: 540px;}
div.folderuploadinfo_publish {height: 18px;}
div.folderuploadinfo_photographer {height: 18px;}
div.folderuploadinfo_remarks {height: 96px;}


div.folderpictureinfo_div {
  display: table;
}
div.folderpictureinfo_publish {
  display: table-row;
}
div.folderpictureinfo_photographer {
  display: table-row;
}
div.folderpictureinfo_remarks {
  display: table-row;
}
div.folderpictureinfo_trash {
  display: table-row;
}
div.folderpictureinfo_label {
  display: table-cell;
  width: 150px;
}
div.folderpictureinfo_value {
  display: table-cell;
}

/*  ===============  OUD ?  ======================*/

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

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

.table_matrix th.section {text-align: center; width: 85px; padding-left: 2px; padding-right: 2px;}
.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.options {width: 200px;}
.table_matrix td.section { text-align: center; width: 85px;}
.table_matrix td.line {background-color: #58AA33;}

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

.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: 12px;
  font-weight: bold;
  
}
.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; padding-right: 5px;}
.table_view th.year {width: 30px; text-align: right;}
.table_view th.visit {font-size: 10px; text-align: right; width: 35px;}
.table_view th.section {width: 30px; text-align: right;}
.table_view th.list {font-size: 12px;}

.table_view tr.doelsoort {font-size: 11px; 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; }
.table_view tr.even {font-size: 12px; background-color: #fde89d;}

.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; padding-right: 5px;}
.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 tr.provincie {font-size: 12px; font-weight: bold;}
.table_view td.doelsoort {font-size: 11px; font-style: italic; color:#000000;}
.table_view td.km-hok {font-size: 11px; color:#333333; width: 100px;}
.table_view td.ongeschikt_km-hok {font-size: 11px; color:red;}
.table_view td.meetpunt {font-size: 10px; font-weight: bold; color:#333333; width: 120px;}
.table_view td.bezoek {font-size: 10px; font-weight: bold; color:#333333; width: 100px;}
.table_view td.code {font-size: 9px; color:#003366; width: 100px;}

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

/*   COLOFON   */

#colofon tr.orgrow {
  background-color: #EEEEEE;
}  
.colofon_org_row {      
    background-color: #E6CEBA;
    border-top: 1px solid #240A05;
    color: #240A05;
    margin-left: 50px;
    margin-top: 10px;
    width: 500px;
}  
.colofon_person_row {  
    background-color: #F8EFDE;
    margin-left: 60px;
    width: 500px;
}  
.colofon_name {  width: 200px; float: left;  font-weight: bold;}  
.colofon_function {  font-style: italic; width: 450px;}  
.colofon_person_name {  width: 190px; float: left}  

#562409_map {
    opacity: 0.6;
}