@import url("module_vergunning_base.css");

div.vergunning_main_container{
    overflow: hidden;
    zoom: 1;
}

div.vergunning_form_container {
    border: 0;
    width: 100%;
    background-color: #eee;
}

div.vergunning_googlemaps_container {
    width: 100%;
    float: none;
}

div.googlemaps_float {
    float: none;
}

/* date chooser container */
div.vergunning_date_container span.titel {
    display: none;
}

div.vergunning_form_container div.vergunning_categories_container,
div.vergunning_form_container div.vergunning_date_container,
div.vergunning_form_container div.vergunning_search_container {
    background-color: #fff;
    float: left;
    width: 29%;
    margin: 5px;
    min-height: 80px;
    padding: 10px 5px;
}

/* date boxes */
div.vergunning_date_container h2 {
    font-size: 110%;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: left;
}

div.vergunning_date_container select {
    padding: 2px;
    margin-right: 5px;
}

/* date submit */
div .vergunning_date_container input {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 1px;
}

/* date navigation */
div.vergunning_date_container div.date-nav {
    padding: 10px 0 0 0;
    text-align: center;
}

div.vergunning_date_container div.date-nav span {
    margin: 0 3px;
}

div.vergunning_date_container div.date-nav a {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

div.vergunning_date_container div.date-nav a:hover {
    text-decoration: underline;
}

/* category chooser */
div.vergunning_form_container div.vergunning_categories_container {
    padding: 10px 5px;
}

div.vergunning_categories label {
    padding: 3px 4px;
    margin: 0;
    display: block;
    float: none;
    width: auto;
}

div.vergunning_categories input {
    margin: 0 10px 0 0;
    vertical-align: bottom;
}

/* search function */
div.vergunning_search_container label {
    text-align: center;
    margin: 0 0 5px 0;
    display: block;
    font-weight: bold;
    width: auto;
}

div.vergunning_search_container input {
    width: 52%;
    border: 1px solid #ccc;
    padding: 3px;
    float: left;
    margin-right: 5px;
}

div.vergunning_search_container input.submit {
    width: 31%;
    float: left;
    padding: 2px 10px;
    margin-right: 0;
}

/* data table */
div.vergunning_display_vergunningen {
    padding-top: 20px;
}

table.vergunning_table {
    width: 100%;
    margin: 0px;
}

td.vergunning_table_tdzaaktype{
    width:20%;
}
td.vergunning_table_tdaddress{
    width:60%;
}
td.vergunning_table_tdcity{
    width:20%;
}

/* captions of all tables */
div.vergunning_detail table.general caption, /* detailpage */
div.vergunning_detail table.location caption, /* detailpage */
div.vergunning_detail table.documents caption, /* detailpage */
div.vergunning_detail table.status caption, /* detailpage */
table.vergunning_table caption {
    text-align: left;
    font-weight: bold;
    padding-bottom: 5px;
    background-color: #ccc;
    padding: 5px 0 0 10px;
    margin-bottom: 5px;
    border: 0;
}

div.vergunning_detail caption span, /* detailpage */
table.vergunning_table caption span {
    background-color: #ffffff;
    padding: 3px 8px;
    display: inline-block;
    font-size: 110%;
    text-transform: capitalize;
}

div.vergunning_detail thead tr th,  /* detailpage */
table.vergunning_table thead th {
    background-color: #ddd;
    text-align: left;
    padding: 6px 0 6px 20px;
}

div.vergunning_detail tbody th,
div.vergunning_detail tbody td,
table.vergunning_table tbody tr td {
    padding: 6px 0 6px 20px;
}

table.vergunning_table tbody tr.even {
    background-color: #eee;
}

table.vergunning_table tbody tr:hover,
div.vergunning_detail tbody tr:hover { /* detailpage */
    background-color: #ddd;
}

table.vergunning_table tbody tr td a {
    text-decoration: none;
    color: #000;
}

table.vergunning_table tbody tr td a:hover {
    text-decoration: underline;
}

table.vergunning_table_hide{
    display:none;
}
/* detailpage */
div.vergunning_detail #googlemaps {
    margin: 0 13px 20px 10px;
    width: auto;
}

div.vergunning_detail h3,
div.vergunning_detail p {
    margin: 0 0 0 12px;
}

div#vergunningen.vergunning_detail table.status {
    margin-top: 20px;
}

a.back_to_overview{
    margin-bottom: 10px;
    display:block;
}

a.vergunningen_note_block{
  margin-left:4px;  
}

em.vergunning_not_available_on_map{
    color:#FF0000;
}