@font-face {
  font-family: 'Yanone Kaffeesatz Light';
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Light.woff") format("woff"), url("../../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Light.ttf")  format("truetype");
}

@font-face {
  font-family: 'Yanone Kaffeesatz Regular';
  font-style: bold;
  font-weight: 600;
  src: url("../../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Regular.woff") format("woff"), url("../../fonts/YanoneKaffeesatz/YanoneKaffeesatz-Regular.ttf")  format("truetype");
}



/* color to remove */

.nav-pills > li#simple_button-lnk > a > .fa{
    color:#777;
}

.pager li a,
.detail_amendment a, .detail_amendment a:visited,
.nav-pills > li.active > a > .fa{
    color:#fff;
}

#frm_categories {
    background-color: #fff;
}

.pager li a,
.detail_amendment,
.nav-pills > li.active > a, .nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #99CA3C;
}

.pager li a:hover{
    background-color: #327E04;
}

.pager li a:hover{
    border-color: #327E04;
}

#footer a, #footer a:link, #footer a:visited{
    color:#327E04;
}


/* end color to remove */

/*
 * Font colors
 */

/* main */
html, h1, h2,
.action li, .ui-dialog .ui-dialog-titlebar,
#layer_selection h4,
#chimere_itinerary_content div.s{
    color:#444;
}

/* light */
h2, .cloud h4, #layer_selection, #layer_selection h4, #permalink,
#chimere_itinerary_panel label, .ui-menu .ui-menu-item a, #submited-window,
#welcome .footer a, label, .map_button a, #marker_hover_content, .notice{
    color:#929288;
}

/* light darker*/
#layer_selection li.head{
    color:#a7a799
}

/* activated */
#detail_footer, #detail_footer a, #chimere_itinerary h4,
h3.warn, .itinerary_label.itinerary_start, .itinerary_label.itinerary_end,
.action li.ui-state-active{
    color:#fff;
}

/* blue*/
.itinerary_label{
    color:#6f8196;
}

/* navigation */
a, a:link, a:visited,
#footer .map-footer a, #footer .map-footer a:link,
#footer .map-footer a:visited,
#welcome .footer,
caption{
    color:#444;
}

.nav.navbar-nav > li > a,
.action a,
.pager li a, .nav-pills > li.active > a,
.pager li a:hover, .nav-pills > li.active > a:hover,
.nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
#back-categories{
    color: #60543A;
}

.pager li a, .nav-pills > li.active > a,
.pager li a:hover, .nav-pills > li.active > a:hover,
.nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
#back-categories{
    background-color: #eaeaea;
}


.pager li a,
.pager li a:hover {
    border-color: #eaeaea;
}

/* strong */

.welcome-dialog h2, .edit h3, h3, h4, legend{
    color:#000;
}

/* alternate link */
.read_more,
.read_less{
    color:#a1a18b;
}

/* links */
a, a:link, a:visited,
#footer .map-footer a, #footer .map-footer a:link,
#footer .map-footer a:visited,
#welcome .footer,
caption{
    text-decoration:none;
    font-weight:bold;
    font-size:0.9em;
}

#detail_footer,
#detail_footer a{
    text-decoration:none;
    font-weight:normal;
}

#detail_footer a {
    display: inline-block;
}

#detail_footer .col-xs-6{
    padding: 0;
    text-align: center;
}

/*
 * Background colors
 */

/* default */
body, #content, .action li.ui-button, .news, #multimedia_form,
#submited-window, .dialog-content .content{
    background-color:#eee;
}

/* alternative background */
#layer_selection #layer_list li.head,
.welcome-dialog h2,
ul#multimedia_list_content li, #welcome .footer,
#action{
    background-color: #eaeaea;
}

#detail_footer a{
    background-color:#9f9f89;
}


/* lighter */
a#ui-active-menuitem.ui-state-hover,
#chimere_itinerary_panel input[type=text]{
    background-color:#f0f0e9;
}

.read_more,
.read_less{
    background-color:#c1c1b0;
}

/* blue */
#chimere_itinerary h4, .roadmap_title{
    background-color:#6f8196;
}

/* light blue */
#chimere_itinerary_content div.s,
.itinerary_label{
    background-color:#dfe8f3;
}

/* green */
.itinerary_label.itinerary_start{
    background-color:#73a44b;
}

/* red */
h3.warn,
.itinerary_label.itinerary_end{
    background-color:#a53f3f;
}

/* light pink */
div.warning, .errorlist{
    background-color:#fed;
}

/* blank */
#edit-panel, #permalink,
#layer_selection h4, #chimere_itinerary_content div.n,
.edit h4{
    background-color:#fff;
}

h2, h3{
    background:none;
}

/*
 * Borders
 */
#layer_selection h4, ul#multimedia_list_content li, #layer_selection #layer_list,
#layer_selection #layer_list li, .itinerary_label .label, #footer-panel,
#detail_footer, #areas, #detail, #main-map, div.warning, #content,
.action li.selected, #content .olControlLayerSwitcher .layersDiv, #panel,
#map-footer, #utils-div, #action, #panel #categories, .main_category,
#ul_categories .subcategories li, #action-panel,
ul.ui-autocomplete.ui-menu.ui-corner-all.ui-widget-content, .extra-criteria,
#chimere_itinerary_form, .welcome-logo, #permalink, #footer-panel{
    border-color:#999;
}

#id_transport_it span{
    border-color:#AAA;
}
/*
 * Images
 */

.action li{
    background:none;
}

/*
 * Opacity
 */

#chimere_itinerary_panel,
div#panel{
    opacity:1;
}


/* Bootstrap */

.modal-header .close {
    text-align: right;
    font-family: arial sans-serif;
}

.modal-header {
    padding: 8px 15px;
}

.modal-header-success {
    color:#fff;
    border-bottom:1px solid #eee;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}


html, body{
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
}

legend{
    font-weight:bold;
}

a img {border: none;}

h2{
    font-size:16px;
    text-align:center;
    margin:6px;
    padding-top: 0.4em;
    padding-right: 1em;
    padding-bottom: 0.4em;
    padding-left: 1em;
    position: relative;
}

h3{
    text-align:center;
    margin:6px;
    padding: 0.1em;
}

h3.warn{
    padding:0.3em;
    margin:0;
}

h4, caption{
    font-weight:bold;
    margin:0;
    text-align:left;
}

label{
    font-weight:bold;
    font-size:0.9em;
}

fieldset p{
    margin:4px 8px;
}

th{
    padding:0.2em 1em;
}

hr.spacer{
    clear:both;
    border:None;
    visibility: hidden;
    margin:0;
    padding:0;
}

hr.clean{
    display:none;
}


fieldset{
    margin-top:8px;
}

.hidden{
    display:none;
}

.transparent,
.transparent div,
.transparent h3{
    color: transparent;
    background-color: transparent;
    opacity: 0;
    border-color: transparent;
    box-shadow: 0 0 0 transparent;
}

.ui-dialog-buttonset{
    text-align:center;
}

.edit label{
    display: block;
}

a:link[disabled],
a[disabled] {
   pointer-events: none;
   cursor: default;
   color: #ccc;
}

#topbar{
    font-family: 'Yanone Kaffeesatz Light', sans-serif;
    height: 35px;
    min-height: 35px;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    padding: 3px;
}

#topbar img{
    height: 28px;
    vertical-align: top;
}

#topbar .nav.navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
}

#topbar .navbar-default .navbar-nav > li.active > a {
    border-bottom: 2px solid #e7e7e7;
}

#topbar #top-menu-first.action{
    padding-right: 5px;
}

#topbar .action{
    font-size: 1.4em;
    padding-left: 5px;
    padding-right: 90px;
}

#topbar .container-fluid{
    padding: 0;
}

.navbar-toggle{
    padding: 4px 5px;
    margin-top: 4px;
    margin-bottom: 0;
}

#content{
    z-index:3;
    padding:20px;
}

#footer{
    margin:5px;
    text-align:center;
}

#footer .map-footer{
    z-index:5;
    position:absolute;
    bottom:5px;
    right:5px;
    padding:2px;
}

#utils-div{
    position:absolute;
    z-index:5;
}

#utils-div{
    left:28px;
    bottom:50px;
    padding:0.3em;
    padding-right:1.4em;
    width:auto;
}

#utils-div a{
    display:block;
    width:100%;
}

#areas-div,
#areas-div label,
#utils-div a{
    padding:0.3em;
}

#areas-div label{
    color: #777;
    font-variant:small-caps;
}

#areas{
    position:absolute;
    z-index:5;
}

#areas{
    bottom:105px;
    left:18px;
    padding:0;
    height:115px;
    width:200px;
    overflow:auto;
}

#areas ul{
    margin:0;
    padding:0 10px;
}

#areas  li{
    list-style:none;
}

#popup_link{
    text-align:center;
}

#search_routing:hover,
#close-detail:hover{
    cursor:pointer;
}

#news_content{
    overflow:auto;
}

div#sidebar{
    z-index:7;
    width:297px;
    top: 35px;
    position:absolute;
    bottom:0;
    padding-right:15px;
    border-width:0 1px;
}

div#sidebar-container{
    background-color: white;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.28) ;
    background-image:url('../img/logo.jpg');
    background-repeat:repeat-x;
    background-position:left top;
}

/* right panel */

#detail{
    border:0 transparent;
    display:none;
    padding:0;
    position:absolute;
    z-index:5;
    top: 135px;
    right: 0;
    bottom:0;
    width: 430px;
    padding-left: 30px;
    padding-bottom: 30px;
    overflow-x: hidden;
}

#detail-wrapper{
    padding: 4px 8px;
    position:absolute;
    z-index:101;
    left:auto;
    top: 0;
    right:0;
    bottom:0;
    width:400px;
    border:0 transparent;
    border-right:1px solid #E7E7E7;
    border-top:1px solid #E7E7E7;
}

#detail div{
    margin:auto;
    margin-bottom: 5px;
}

#detail-header{
    position: fixed;
    width: 400px;
    top: 35px;
    height: 110px;
    padding: 4px 0;
    overflow: hidden;
    box-shadow: 0 -10px 5px rgba(0, 0, 0, 0.6);
}

#detail-header, #detail-content, #detail_footer{
    width: 400px;
}

#detail-header h4{
    font-family: 'Yanone Kaffeesatz Light', sans-serif;
    text-shadow: 1px 1px 2px black; 
}

#detail-content{
    overflow:auto;
    max-height: 300px;
    padding:0;
    background-color: #fff;
}

.popover-content #detail-content,
.popover-content #detail_footer{
    width: 348px;
    background-color: #eee;
}

.popover-content #detail-content{
    background-color: #eee;
}

.popover-content #detail_footer{
    font-family: 'Yanone Kaffeesatz Light', sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    text-transform: uppercase;
    background-color: #9f9f89;
    border-radius: 0 0 5px 5px;
    padding: 2px;
}

#detail #detail-content{
    max-height: none;
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
}
    
.current-detail-bg, a.current-detail-bg, a.current-detail-bg:link {
    background-color: #aaa;
}

.current-detail-bg h4 {
    color: white;
}

#detail .close-img{
    display: block;
    position: fixed;
    z-index: 10;
    width: 25px;
    height: 25px;
    top: 35px;
    margin-left: -25px;
    line-height: 0.4em;
    text-align: center;
    font-size: 2.6em;
    font-weight: bold;
    color: white;
}

#detail hr{
    margin-top: 0;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0 1.4em;
}

.detail-icon{
    background-image: url("../../chimere/img/icon-bg.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px;
    text-align: center;
    line-height: 52px;
    margin-top: 27px;
}

.detail-icon img{
    vertical-align: bottom;
    padding-bottom: 18px;
}

#detail div.detail-icon-default{
    margin-top: 12px;
}

#detail_footer, #detail-content .full-description{
    padding: 0.5em 1.4em;
}

#share-bar-content{
    display: none
}

.category-header{
    font-size: 1em;
    padding-top: 0;
    margin-bottom: 3px;
    line-height: 1em;
    color: #333;
}

#detail .share-icon{
    text-align: center;
    margin-top: 15px;
}

.share-icon .popover{
     top: -18.5px !important;
}


#detail_start_date,
#detail_end_date,
#detail-content .description{
    padding:0 1em;
}

#detail_footer{
    text-align: right;
}

.inside-popup #detail-wrapper{
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.inside-popup.popover{
    width: 350px;
    max-width: 350px;
}

.popover-content{
    min-width: 150px;
    text-align: center;
    padding: 0.5em 0.25em;
    font-family: 'Yanone Kaffeesatz Light', sans-serif;
    font-weight: bold;
}

.popover h4{
    font-family: 'Yanone Kaffeesatz Light', sans-serif;
    font-size: 1.5em;
    padding: 0.5em 1em;
}

.popover,
.inside-popup .popover-content{
    padding: 0;
    font-weight: normal;
    text-align: left;
    font-family: sans-serif;
}

#detail_footer a.see-on-map,
#detail_footer a.propose-modif{
    display: inline-block;
    height: 32px;
    background-repeat: no-repeat;
    padding: 0.5em 37px 0.5em 1em;
    line-height: 18px;
    min-width: 150px;
}

#detail_footer a.see-on-map{
    background-image: url("../../chimere/img/see-on-map.png");
    background-position: right 2px top 3px;
}

#detail_footer a.propose-modif{
    background-image: url("../../chimere/img/modify.png");
    background-position: right 4px;
}

#close-detail{
    position: absolute;
    right: 10px;
    font-weight:bold;
}
/* end right panel */

#news_content img,
.detail-content img{
    max-width:280px;
}

#news_content p,
.detail-content p{
    padding:0.2em 0;
    margin:0;
}

.full-description ul.extra-categories{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.detail-content p.detail_amendment{
    padding:0.2em 0.5em;
    margin: 0.2em 0;
}

.detail-content p.detail_amendment a:hover{
    text-decoration: none;
}

ul.share{
    list-style-type:none;
    margin:0;
    padding:0 1em;
    display:block;
    text-align:right;
    font-style:italic;
}

ul.share li{
    display:inline;
    line-height:22px;
    vertical-align: bottom;
    padding: 0 0.5em;
}

.share a{
    text-decoration:None;
    color: #999;
}

.share img{
    border:None;
    width:22px;
    height:22px;
}

.share .share-icon img{
    width:74px;
}

.detail_footer{
    text-align:center;
    position:absolute;
    top:15px;
    right:18px;
}

.detail_footer a{
    padding:2px;
    display:block;
    text-decoration:None;
}

#category_title{
    display:none;
}

#category_desc_content{
    overflow:auto;
    height:88%;
}

#main-map{
    position:absolute;
    height:auto;
    margin:0;
    padding:0;
    top:35px;
    left:0px;
    right:0px;
    bottom:0;
    z-index:0;
    display:none;
}

#main-map p.warning{
    position:absolute;
    margin-top:35px;
    width:100%;
    text-align:center;
}

.simple #main-map{
    margin:0px;
    padding:0px;
    height:100%;
    margin:0;
    padding:0;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:0;
}

#layer_selection{
    position:absolute;
    z-index:100;
    top:280px;
    left:24px;
}

#layer_selection h4,
#layer_selection #layer_list li{
    padding:2px 5px;
}

#layer_selection h4{
    font-weight:normal;
    border-width:1px;
    border-style:solid;
    width:140px;
    text-align:center;
}

#layer_selection h4:hover{
    cursor:pointer;
}

#layer_selection ul{
    display:block;
}

#layer_selection ul#layer_list{
    width:150px;
    display:none;
    list-style:none;
    margin:0;
    padding:0;
    border-width:1px;
    border-style:solid;
    border-top:none;
}

.news h3{
    padding:0px;
    margin:0;
}

.info{
    border-top:1px dashed;
    padding:10px;
    margin:0;
}

span.icon{
    display:inline-block;
    width:70px;
}

#frm_categories{
    padding:0;
    margin:0;
}

#panel{
    position:absolute;
    z-index:5;
    top:50px;
    right:18px;
    width:300px;
    max-height:300px;
    overflow:auto;
    padding:0.5em;
    padding-top:0;
}

#edit-actions{
    display:none;
}

div#action-panel{
    display: none;
}

.action-button:hover{
    cursor: pointer;
    color: #999;
}

.action-button{
    position: absolute;
    background-color: #fff;
    z-index: 10;
    padding: 6px 10px;
    border-radius: 10px;
    width: auto;
    height: 42px;
    text-align: center;
    color: #644e38;
    line-height: 1.5em;
}

#edit-button{
    top: 43px;
    left: 290px;
    font-family: 'Yanone Kaffeesatz Light', sans-serif;
    font-size: 1.4em;
    font-weight: bold;
}

#chimere_itinerary_panel,
#chimere_itinerary{
    display:none;
}

#chimere_itinerary_panel label{
    color:#000;
}

#chimere_itinerary_panel p
{
    margin:0.5em;
}

#total_label_div{
    margin:5px 0;
}

.itinerary_label{
    font-size:0.9em;
    padding-top:0.5em;
    font-style:italic;
}

.itinerary_label .label{
    font-style:normal;
    font-weight:bold;
    padding:3px 8px;
}


#chimere_itinerary_content{
    overflow:auto;
    height:190px;
    margin-top:10px;
}

#chimere_itinerary_content span.l{
    padding:5px;
    width:60px;
}

#chimere_itinerary_content span.j{
    font-style:italic;
}

#chimere_itinerary_content .number{
    font-weight:bold;
}

#chimere_itinerary_content span.t,
#chimere_itinerary_content span.b
{
    text-transform: lowercase;
}

#chimere_map_menu{
    z-index:4;
    display:none;
    position:absolute;
    padding:0.5em;
    background-color:#fff;
    border:1px solid #bbb;
    -webkit-border-radius: 0 8px 8px 8px;
    -moz-border-radius: 0 8px 8px 8px;
    border-radius: 0 8px 8px 8px;
}

#map_menu_clear{
    display:none;
}

#map_menu_zoomin{
    border-top:1px solid #999;
}

#chimere_map_menu ul, #chimere_map_menu li{
    padding:0.2em;
    margin:0;
    list-style:none;
}

#chimere_map_menu li:hover{
    cursor:pointer;
    background-color:#ccc;
}

.nominatim-label{
    display:block;
    font-size:0.9em;
    font-weight:bold;
    height:2.8em;
}

.nominatim-widget{
    font-style:italic;
}

.simple #panel{
    top:5px;
    bottom:auto;
}


#panel #categories{
    padding:0;
    width:290px;
    z-index:5;
}

#panel{
    bottom: auto;
    height: auto;
}

#panel.panel-minified #categories > ul{
    height:160px;
    overflow:auto;
}

.simple #panel.panel-minified #categories > ul{
    height:auto;
}


#panel.panel-minified{
    height:200px;
    bottom:auto;
    overflow:visible;
}

.simple #panel.panel-minified{
    height:auto;
}

.simple #panel #categories{
    display:None;
}

#categories input {
    padding: 0;
    margin:0;
    vertical-align: bottom;
}

#categories label{
    white-space: nowrap;
}

#categories > ul{
    margin:0;
    padding:0 10px;
    width:270px;
}

#categories li{
    font-family: 'Yanone Kaffeesatz Light', sans-serif;
    text-transform: uppercase;
    list-style: none;
    padding: 0.1em 1em;
}

#categories li li{
    font-variant:normal;
    padding: 0;
}

ul#categories li li a{
    line-height:25px;
    margin-left:0;
    font-weight:bold;
}

#categories ul ul{
    margin:0;
    padding:0.5em 0;
}

ul.subcategories label img{
    height:20px;
}

#categories li.main_category:hover{
    background-color: #eee;
    cursor:pointer;
}

li.main_category .category_name:hover,
li.main_category > span:hover,
li.main_category label:hover{
    cursor:pointer;
}

#categories input{
    display:None;
}

.category_name{
    font-weight:bold;
    padding: 0 0.5em;
    border-radius:5px;
}

.subcategory label{
    padding: 0 0.5em;
    border-radius:5px;
    font-weight:normal;
}

.category-selected .category_name,
.subcategory.selected label:hover,
.subcategory.selected label{
    background-color:rgb(175, 231, 175);
}

.subcategory label:hover{
    background-color:rgb(210, 231, 210);
}

#categories li#display_submited{
    font-variant:normal;
}

.zoom_image{
    cursor:pointer;
}

.control_image{
    display: none;
}

.errorlist{
    font-weight:bold;
    width:auto;
}

.fieldWrapper{
    width:auto;
    margin:0;
    padding:6px;
}

div.warning{
    margin:0.2em;
    padding:0.2em 10px;
}

div.errors{
    padding:0.2em;
}

div.errors ul{
    margin:0;
}

p.warning{
    padding:0.5em;
}

#no-js-message{
    z-index:5000;
    text-align:center;
    position:absolute;
    top:0;
    bottom:0;
    height:100%;
    width:100%;
}


a#welcome_button,
a#routing_button,
#permalink{
    display: block;
    margin:0.3em;
    padding:0.2em;
    width:100%;
}

a#welcome_button,
#permalink{
    font-size:14px;
    text-align:center;
    text-decoration:none;
}

/* forms */

button{
    padding: 2px 4px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}

table.inline-table{
    margin-bottom: 0.5em;
}

table.inline-table td{
    text-align:center;
}
table.inline-table td input{
    text-align:left;
}
table.inline-table td input[type=checkbox]{
    display:block;
    margin-left:auto;
    margin-right:auto;
}

table.inline-table td input[type=file]{
    border: 0 solid transparent;
    box-shadow: none;
}

#live_lonlat p{
    display:inline-table;
}

#upload_in_progress{
    display:none;
    text-align:center;
    z-index:10;
}

#upload_in_progress img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#haystack-search .action-label{
    display:none;
}

#search-box {
    position: relative;
    z-index: 200;
    left: auto;
    top: auto;
    border: 0px solid transparent;
    display: block;
    margin: 0;
    width: 500px;
}

#search-result,
#search-listing-result{
    display: none;
}

#search-listing{
    overflow: visible;
    height: calc(100vh - 390px);
    margin-bottom: 50px;
}

#search-listing ul{
    list-style-type:none;
    margin:0;
    padding:4px;
    overflow: auto;
}

.result-category-name{
    font-size: 1.1em;
    padding-top: 0.2em;
    display: inline-block;
}

#search-listing > ul{
    padding-bottom: 70px;
}

#search-listing ul li{
    padding: 0;
}

#search-listing a{
    padding: 0.2em 0.5em;
    border-radius:5px;
}

#search-listing a:hover{
    text-decoration:none;
    background-color:rgb(175, 231, 175);
}

#search-listing img{
    float: left;
    display: inline-block;
    vertical-align:middle;
    padding: 0 10px 10px 0;
    width: auto;
}

#search-listing a{
    float: left;
    display: inline-block;
    width: 100%;
    padding: 5px 10px;
}

#search-form{
    background-color: transparent;
    margin: 0;
    padding: 0 0 0 15px;
    border: 1px solid #999;
}

#search-form input{
    width: 100%;
    border: 0;
    font-size: 1.2em;
    text-transform: uppercase;
}

#haystack-search{
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 0.6em;
    background-color: transparent;
}


span.spacer,
#search-listing li{
    clear: both;
}

#search-nav{
    width:100%;
    background-color:#F8F8F8;
    border-top:1px solid #E6E6E6;
}

ul.pager{
    list-style:none;
    margin: 10px 5px;
}

ul.pager li{
    display:block;
    width:100%;
}

ul.pager .next{
    text-align:right;
}


.alert-box .ui-dialog-titlebar {
    display:none;
}

ul#multimedia_list_content{
    padding:0;
    margin:0;
    list-style-type:none;
}

ul#multimedia_list_content li{
    padding:0.5em 5px 0.5em 35px;
    margin:0;
    display:block;
    list-style-type:none;
    border-bottom:1px solid;
}

ul#multimedia_list_content li img{
    display:block;
    float:right;
}

ul#multimedia_list_content li.picture{
    background-image:url("../img/img_logo.png");
    background-position:4px center;
    background-repeat:no-repeat;
}

ul#multimedia_list_content li.multimedia{
    background-image:url("../img/film_logo.png");
    background-position:6px center;
    background-repeat:no-repeat;
}

#waiting{ /* Fixed position to provide the vertical offset */
    position:fixed;
    top:40%;
    width:100%;
    z-index:40002;
    display:none;
}

#waiting-content {
    width: 100px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #eee;
    text-align: center;
    background-color: #fff;
    padding-top: 1em;
}

/* openlayer customisation */
.olControlPermalink {
    display: block;
    position: absolute;
    bottom:14px;
    left:28px;
    width:160px;
    font-size:small;
    font-size:80%;
    text-align:center;
}

.simple .olControlPermalink {
    display:None;
}

.olControlPermalink a{
    font-size:14px;
    text-align:center;
    text-decoration:none;
}

.olControlScaleLine {
    bottom:12px;
    left:220px;
}

#content .olControlLayerSwitcher .baseLbl,
#content .olControlLayerSwitcher .dataLbl,
#content .olControlLayerSwitcher .dataLayersDiv{
    display:None;
}

#content .olControlLayerSwitcher {
    top: 250px !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    font-weight:normal;
}


#content .olControlLayerSwitcher .layersDiv {
    padding-top: 5px;
    padding-left: 5px !important;
    padding-bottom: 5px;
    padding-right: 0px !important;
    width: 100%;
    height: auto !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#content .olControlLayerSwitcher .layersDiv .baseLayersDiv{
    padding-left: 15px;
}

#content .olControlLayerSwitcher .maximizeDiv,
#content .olControlLayerSwitcher .minimizeDiv {
    top: 10px !important;
    right: auto !important;
    position: absolute !important;
    bottom: auto !important;
    left: 0px !important;
}

.simple .olControlScaleLine {
    bottom:50px;
    left:10px;
}

.simple .olControlPanPanel{
    top:40px;
}

.simple .olControlZoomPanel{
    top:100px;
}

.simple .cloud h2{
    font-size:14px;
    text-align:center;
    margin:0;
    padding:0;
}

.simple .cloud img{display:None;}

#gallery{
    width:700px;
    height:400px;
}

.small-gallery{
    width:320px;
    min-height:35px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
}

.small-gallery .media-player,
.small-gallery video,
.small-gallery iframe
{
    width:300px;
    min-height:50px;
}

.errorlist legend{
    margin:0;
    padding:0 10px;
    border:none;
}

p.legend{
    padding:0;
    margin:0;
    text-align:center;
}
.small-gallery p.legend{
    font-size:0.9em;
}

.ui-tabs-panel{
    overflow:auto;
}

.media-img{
    max-height:200px;
}

.media-video,
.media-img,
.media-player{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}

/** jme **/


/*overlay controls*/
.media-controls-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
}
/* position the fullscreen-button */
div.volume-slider {
    right: 46px;
    width: 60px;
}
.fullscreen {
    right: 8px;
}
/* prepare fullscreen-button for flash fullscreen in modern browsers */
html > body .media-state {
    height: auto;
    top: 0;
    bottom: 2em;
}
.jme-flashbutton-wrapper .media-controls-wrapper {
    pointer-events: none;
}

.jme-flashbutton-wrapper .media-controls > *:not(.fullscreen) {
    pointer-events: auto;
}

/* prettyPhoto */
div.pp_default .pp_expand{
    height:0;
    width:0;
}

/*
 SimplePanZoom
*/

#main_map.olMap{
  z-index:0;
}

#marker_hover{
  display:none;
  position:absolute;
  z-index:5;
  background-image: url('../img/bottom-arrow.png');
  background-repeat: no-repeat;
  background-position: center bottom;
}

#marker_hover_content{
  margin-bottom:6px;
  background-color:#fff;
  border:1px solid #000;
  padding:0.1em 0.5em;
}

#cluster_list{
    background-image:none;
}

#cluster_list ul{
    list-style-type:none;
    margin:0;
    padding:0;
}

#cluster_list img{
    vertical-align:middle;
    display:inline-block;
}

#cluster_list span{
    vertical-align:middle;
    display:inline-block;
    cursor:pointer;
    padding-left: 10px;
}

#cluster_list li{
    padding:0 6px;
}

#category-directory ul{
    padding:0;
}

#directory #sidebar,
#directory .close-img {
    display: none;
}

#directory #detail-header{
    position: relative;
    top: 0;
    padding: 0 1em;
}

#directory #detail-content{
    max-height: none;
}

#directory .detail-icon{
    margin-top: 20px;
}

#directory .share-icon{
    margin-top: 20px;
    display: none;
}

#directory-category-list{
    list-style: none;
    padding: 1em;
    font-family: 'Yanone Kaffeesatz Light', sans-serif;
    text-transform: uppercase;
}

#directory-category-list img{
    height: 18px;
}

#directory-category-list ul{
    list-style: none;
    padding: 0;
}

#directory-marker .col-xs-8 {
    width: 83%;
}

#directory #detail_footer,
#directory #detail-header{
    width: auto;
}

#directory #detail-content{
    width: 100%;
}

ul#category-directory{
    list-style: none;
    padding: 1em;
    font-family: 'Yanone Kaffeesatz Light', sans-serif;
}

.category-icon-on{
    display: none;
}

.selected .category-icon-on{
    display: inline;
}

.selected .category-icon-off{
    display: none;
}

#category-directory-content{
    padding: 1em;
    font-size: 1.2em;
    background-color: #555;
    position: absolute;
    width: 100%;
    margin: 0;
    bottom: 0;
    top: 40px;
}

#category-directory-content > div {
    background-color: #fff;
    height: 100%;
    margin: 0 0 0 1em;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

#category-directory-content .subcat a{
    font-weight: normal;
    text-transform: none;
    margin-left: 15px;
}

#category-directory-content > div > ul {
    background-color: #fff;
}

#category-directory-content .category-icon{
    text-align: center;
    line-height: 22px;
}

.category-directory-category{
    font-variant: small-caps;
    font-weight: bold;
}

.olControlSimplePanZoom {
  top: 20px;
  right: 10px;
}

.olControlSimplePanZoom #zoombar,
.olControlSimplePanZoom #slider{
  display: none;
}

.olControlSimplePanZoom .button {
  background-image: url('../img/map_sprite.png');
  position:absolute;
  background-repeat: no-repeat;
  cursor:pointer;
}

.olControlSimplePanZoom #panup {
  left:10px;
  width:25px;
  height:13px;
  background-position: -15px -5px;
}

.olControlSimplePanZoom #pandown {
  left:10px;
  top:36px;
  width:25px;
  height:15px;
  background-position: -15px -40px;
}

.olControlSimplePanZoom #panleft {
  top:13px;
  width:25px;
  height:23px;
  background-position: -5px -17px;
}

.olControlSimplePanZoom #panright {
  top:13px;
  width:25px;
  height:23px;
  left:25px;
  background-position: -30px -17px;
}

.olControlSimplePanZoom #zoomin {
  top:50px;
  width:25px;
  height:20px;
  left:10px;
  background-position: -15px -61px;
}

.olControlSimplePanZoom #zoomout {
  top:70px;
  width:25px;
  height:20px;
  left:10px;
  background-position: -15px -220px;
  border-top:1px solid #ccc;
}

.olControlSimplePanZoom #slider {
  top:75px;
  width:25px;
  height:10px;
  left:10px;
  -webkit-transition:top 100ms linear;
  background-position: -77px -58px;
  pointer:move;
  cursor:move;
}
.olControlSimplePanZoom #zoombar {
  top:70px;
  width:25px;
  height:140px;
  left:10px;
  background-position: -15px -80px;
}

.olControlAttribution{
    left:6px;
    bottom:5px;
}


/* ol3 */

.ol-zoom{
    right: .5em;
    left: auto;
    top: 3em;
}

.ol-attribution{
    right: 12em;
    bottom: 2.5em;
}

.ol-overviewmap{
    right: .5em;
    left: auto;
}

.ol-scale-line{
    right: 12em;
    left: auto;
}

.LayerSwitcher {
  width:20em;
  margin:0.5em;
  padding:0.5em;
  z-index:100;
  position: absolute;
  background-color: rgba(255,255,255,0.7);
  right: 60px;
}

.LayerSwitcher .LayerClickDiv, .LayerSwitcher .LayerClickDiv * {
  cursor:pointer;
}

.LayerClickDiv {
    margin: 0.1em;
    line-height: 1em;
}

.LayerSwitcher .Separator {
  border-bottom:1px solid #999999;
  margin:0.5em;
}
.LayerSwitcher .check {
  border:1px solid #999999;
  height:1em;
  width:1em;
  background:transparent;
  float:left;
  margin: 0 0.5em 0 0;
}
.LayerSwitcher .checkbox {
  /* border-radius:0.2em; */
}
.LayerSwitcher .checkbox.checked {
  background:#666666;
}
.LayerSwitcher .radiobutton {
  border-radius:1em;
}
.LayerSwitcher .radiobutton.checked {
  background:#666666;
}

.OverlayDiv label{
    line-height: 20px;
}

/* from extra style */

#content{
    border:0 solid transparent;
    margin-top:40px;
}

.modal-backdrop.in {
    opacity: 0.1;
}

#news{
    background-color:transparent;
}

@media (min-width: 1000px) {
    .modal-lg {
        width: 900px;
    }
}

input{
    display:inline-block;
}

.nav-pills{
    margin-top:5px;
}

.nav.navbar-nav >li > a{
    padding-top:15px;
    padding-bottom:15px;
}

#permalink{
    display:inherit;
    margin:0;
    margin-left:2px;
    padding:inherit;
    width:inherit;
}

label.labelSpan.olButton{
    margin:0;
    margin-left:5px;
}

.baseLayersDiv input{
    margin-left:5px;
}

#content .olControlLayerSwitcher .layersDiv {
    border-radius: 0;
    border:1px solid;
    border-color: #E6E6E6;
}

.container{
    max-width:none;
    padding-right: 0;
}

#utils-div{
    border-color: #DDD;
}

.ac-results{
    position: absolute;
    background-color: white;
    border: 1px solid #CCC;
    padding: 0.2em 0.4em;
}

#content .olControlLayerSwitcher .layersDiv, #panel, #detail-wrapper{
    background-color: #F8F8F8;
}

#panel{
    left: 0;
    border: 0 transparent;
    border-left: 1px solid #E7E7E7;
    padding: 16px;
    top: 52px;
    width: 400px;
    z-index: 12;
    max-height: calc(100% - 54px);
}


#panel #categories,
#categories > ul {
    width:auto;
}

#categories{
    display:none;
}

.cat_image{
    display:inline-block;
    width:30px;
}

@media (min-height: 500px) {
    #category-directory{
        width:100%;
    }
}

#footer .map-footer {
    bottom: 0;
    right: 420px;
    margin:0;
    background-color:#fff;
    opacity:0.8;
}

#layer_selection {
    display:none;
}

.olControlPanPanel {
    top: 60px;
}

.olControlZoomPanel {
    top: 125px;
}

a#news_button{
    padding:0 10px;
    margin:0;
}

span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
#categories-lnk, #search-lnk, .fa-chimere-action, #news-lnk a,
.nav-pills > li#news-lnk > a > .fa{
    font-variant: small-caps;
    font-size: 1.1em;
    margin-left: 0.3em;
    color:#777;
    padding-left:0;
    font-weight:normal;
}

.nav > li > a, #simple_button{
    padding:10px;
}

#areas-div{
    line-height: 32px;
}

#areas-div, span#permalink, #simple_button{
    display: inline;
    padding: 0px;
}

#news-lnk, #permalink-lnk, #simple_button{
    line-height: 42px;
}

#news-lnk, #permalink-lnk{
    padding: 0px 0px 0px 10px;
}

#news-lnk .lbl{
    padding: 0px 0px 0px 0.5em;
}

#simple_button-lnk lbl{
    padding: 0 0.8em;
}

#permalink{
    padding: 10px 0.8em;
}

#areas-div{
    line-height:42px;
}

.nav-pills > li#permalink-lnk > a > .fa,
.nav-pills > li#simple_button-lnk > a > .fa{
    color:#777;
}

.nav-pills > li > a > .fa{
    color: #54C200;
}

.nav-pills > li.active > a > .fa{
    color:#fff;
}

.navbar-default .navbar-brand{
    color:#54C200;
    font-size:1em;
}

.fa{
    font-size:1.4em;
}

.fa-chimere-facebook:before{
    content:"\f082";
}

.fa-chimere-twitter:before{
    content:"\f081";
}

.fa-chimere-view:before{
    content:"\f06e";
}

.fa-chimere-contribute:before{
    content:"\f040";
}

.fa-chimere-categories:before{
    content:"\f03a";
}

.fa-chimere-rss:before{
    content:"\f09e";
}

.fa-chimere-email:before,
.fa-chimere-contact:before{
    content:"\f1fa";
}

.fa-chimere-maps:before{
    content:"\f14e";
}

#maps-lnk label, #contact-lnk .lbl, #simple_button-lnk .lbl, #rss-lnk .lbl{
    display:none;
}

#show-panel{
    left:0;
    display:none;
}

#content .olControlSimplePanZoom{
    top: 58px !important;
    left: auto !important;
    right:50px !important;
}

#content .olControlLayerSwitcher .maximizeDiv{
    left: -60px !important;
}

#content #main-map .olControlLayerSwitcher {
    left: auto !important;
    right:50px !important;
    top:10px !important;
}

.layer-switcher{
    top: 0.5em;
    right: 3em;
}

.ol-ctx-menu-container{
    font-size: 15px;
}

.ol-ctx-menu-container li.ol-ctx-menu-separator hr{
    margin: 5px;
}

.ol-ctx-menu-center{
    background-image: url("../img/icon-center.png");
}

.ol-ctx-menu-center:hover{
    background-image: url("../img/icon-center-off.png");
}

.ol-ctx-menu-to{
    background-image: url("../img/icon-to.png");
}

.ol-ctx-menu-to:hover{
    background-image: url("../img/icon-to-off.png");
}

.ol-ctx-menu-from{
    background-image: url("../img/icon-from.png");
}

.ol-ctx-menu-from:hover{
    background-image: url("../img/icon-from-off.png");
}

.ol-ctx-menu-add-step{
    background-image: url("../img/icon-add-step.png");
}

.ol-ctx-menu-add-step:hover{
    background-image: url("../img/icon-add-step-off.png");
}

.ol-ctx-menu-rout-clean{
    background-image: url("../img/icon-times.png");
}

.ol-ctx-menu-rout-clean:hover{
    background-image: url("../img/icon-times-off.png");
}


.main-category-tick{
    font-size: 1em;
    color: #CCC;
    margin-left: 1em;
}

.main_category.full .main-category-tick{
    color: #AA3333;
}


.modal-dialog.modal-xl {
  width: 80%;
  padding: 0;
  max-width: none;
}

.map_hover_div{
    position: absolute;
    background-color: white;
    border: 2px solid #aaa;
    border-radius: 6px;
    padding: 4px;
    transform-origin: top left;
    transform: scale(0.75, 0.75);
    display: none;
}

.subcategory-icon{
    position: absolute;
    padding: 3px;
    width: 30px;
    text-align: center;
}

.description_icon{
    font-size: 1em;
    padding: 0 0.2em;
}

.subcategory-icon{
    right: 5px;
    margin-top: 2px;
}

.subcategory-icon img{
    max-height: 20px;
}

.subcategory .category-icon-off,
.subcategory > .selected .category-icon-on{
    display: inline-block;
}

.subcategory .category-icon-on,
.subcategory > .selected .category-icon-off{
     display: none;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0 1.4em;
    margin: 1.2em 0 0 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: inline-block;
    height: auto;
    float: none;
    border: 0;
    width:auto;
    max-width:370px;
}

.rslides_tabs {
    list-style: none;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

.rslides_tabs li {
    display: inline;
    float: none;
    margin-right: 15px;
}

.rslides_tabs .rslides_here a {
    background-color: #333;
    color: white;
    padding: 0 5px;
}

img.img-responsive{
    max-width : 100%;
    height: auto;
    display: inline-block;
}

#category-directory-content .rslides img.img-responsive{
    max-width: 100%;
}

#permalink{
    display: none;
    position:absolute;
    z-index:20;
    right:280px;
    top:36px;
    width:auto;
    border-width:1px;
    border-style:solid;
    padding:2px 12px;
    font-weight:normal;
}

#cluster_list .dialog-content{
    overflow: auto;
    max-height: 380px;
}

#submited-window h2,
#submited-window h3,
#multimedia_form h2,
.no-titlebar .ui-dialog-content.ui-widget-content h2{
    margin:2px 0 12px 0;
    font-weight: bold;
    font-size: 20px;
    background-color: #fff;
    color: #000;
}

.content{
    padding: 1em;
}

#message .content{
    padding: 0;
}

a.close, a.close:link{
    font-size: 1.5em;
}

#message{
    position: absolute;
    z-index: 10000;
    right: 60px;
    top: 40px;
    max-width: 50%;
    display: none;
}

.news,
.dialog-content .content{
    overflow:auto;
    padding:1em;
    max-height:400px;
}

#multimedia_form{
    padding: 0;
}

#multimedia_form input[type=text]{
    width:250px;
    border:1px solid #e0e0d8;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    background-color:#e0e0d8;
}

.media-img{
    max-height: 200px;
    max-width: 300px;
}


#submited-window{
    padding: 0;
}

#submited-window h3,
#submited-window h2{
    margin: 0;
}

#submited-window h3{
    font-size: 1.2em;
    text-align: center;
}

/* autocomplete theming */
ul.ui-autocomplete.ui-menu.ui-corner-all.ui-widget-content{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    font-weight:normal;
    padding:0;
}

.ui-menu .ui-menu-item a{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    font-weight:normal;
}

a#ui-active-menuitem.ui-state-hover{
    background-image:none;
}

#logos{
    width:340px;
    margin-left:auto;
    margin-right:auto;
}

#welcome_message{
    padding:1em;
    margin:0;
    /* float:left;
    width:334px; */
}

#welcome_content{
    height:145px;
    overflow:auto;
    margin-bottom:1em;
}

.welcome-col{
    padding:1em;
    margin:0;
    float:left;
    width:430px;
}

.no-titlebar .footer{
    padding:0.3em 1em;
    font-size:0.9em;
}

.welcome-logo{
    border-top:1px solid;
}

#welcome .news{
    height:298px;
    overflow:auto;
    padding:10px
}

#welcome .footer{
    height:12px;
    padding:5px 30px;
    text-align:right;
    text-transform:uppercase;
    background-image:url(../images/plus.png);
    background-repeat:no-repeat;
    background-position:420px;
}

#welcome .footer a{
    font-size:12px;
}

.info{
    border:none;
    padding:0;
}

/* edition */

.fieldWrapper{
    padding:2px 7px;
}

.edit label.error{
    display:none;
}

.edit .error label.error{
    display:block;
}

.edit h3{
    text-align:left;
    font-size:1.4em;
    width:100%;
    padding:0 0 0.4em 0;
    margin:0;
}

.edit h4{
    padding:1em 0;
    border-top:1px solid;
    border-bottom:1px solid;
    width:100%;
    cursor:pointer;
    margin-top:0.5em;
}

.edit .minified{
    background-image:url(../images/plus_on.png) ;
    background-repeat:no-repeat;
    background-position: 95% center;
}

.edit .maximized{
    background-image:url(../images/minus_on.png) ;
    background-repeat:no-repeat;
    background-position: 95% center;
}

.notice{
    padding:0.4em;
    font-size:0.8em;
    margin:0;
}

.remove-media{
    cursor:pointer;
}

#chimere_map_menu{
    padding:0;
}

#chimere_map_menu li{
    padding-left:20px;
    background-position:0 center;
    background-repeat:no-repeat;
}

#marker_hover_content{
    border-color:#c1c1b0;
    border-bottom-width:0;
    margin-bottom:11px;
}

#map_menu_from{
    background-image:url("../images/menu/icon_from.png");
}

#map_menu_to{
    background-image:url("../images/menu/icon_to.png");
}

#map_menu_step{
    background-image:url("../images/menu/icon_add.png");
}

#map_menu_zoomin{
    background-image:url("../images/menu/icon_plus.png");
}

#map_menu_zoomout{
    background-image:url("../images/menu/icon_minus.png");
}

#map_menu_center{
    background-image:url("../images/menu/icon_center.png");
}

.simple #permalink{
    display:none;
}

.simple #layer_selection{
    top:10px;
    right:10px;
}

.simple #main-map .olControlPanPanel .olControlPanNorthItemInactive,
.simple #main-map .olControlPanPanel .olControlPanWestItemInactive,
.simple #main-map .olControlPanPanel .olControlPanEastItemInactive,
.simple #main-map .olControlPanPanel .olControlPanSouthItemInactive {
    position: absolute;
    height:20px;
}

.simple #main-map .olControlPanPanel .olControlPanNorthItemInactive {
    right:-50px;
}

.simple #main-map .olControlPanPanel .olControlPanEastItemInactive,
.simple #main-map .olControlPanPanel .olControlPanWestItemInactive {
    height:20px;
    top:18px;
}

.simple #main-map .olControlPanPanel .olControlPanEastItemInactive{
    right:-50px;
}

.simple #main-map .olControlPanPanel .olControlPanWestItemInactive {
    right:-25px;
}

.simple #main-map .olControlPanPanel .olControlPanSouthItemInactive {
    right:-50px;
    top:36px;
    height:30px;
}

.simple #sidebar{
    top:0;
}

.simple #panel{
    top:0;
    overflow:auto;
    overflow-x: hidden;
    height:100%;
}

.simple #panel #categories {
    display:block;
}

#frm-edit-marker{
    padding-bottom: 35px;
}

#content{
    border:none;
    padding:0;
}

#header{
    padding:0;
    margin:0;
}

ul.action,
ul#action-2 {
    display:block;
    float: left;
    margin:0;
    padding:0;
}

#action-3 {
    float:right;
}

#action-3 li {
    padding:0;
}

#action-3.action li:hover{
    cursor:pointer;
    background-color:transparent;
    font-size:0;
}


ul.action li{
    display:block;
    float:left;
    margin:0;
    height:26px;
}

.action li:hover,
.action li label:hover{
    cursor:pointer;
}

ul#action{
    width:282px;
}

#panel #categories{
    clear:both;
    border-top-width:0;
    border-top-style:solid;
}

#action-panel .action li{
    padding:0;
    height:38px;
    width:138px;
    margin-top:22px;
    margin-right: 3px;
}

#action-panel.three .action li {
    padding: 0px;
    height: 38px;
    width: auto;
}

.action li{
    background-color: #c1c1b0;
    text-transform: uppercase;
    width:141px;
    display:block;
    padding:0;
    margin:0;
    font-size:1.1em;
    text-align:center;
}

.action li,
.action li a,
.action li label{
    margin-top:10px;
    border-width:0;
    color: #fff;
}

#action-panel li{
    border-radius: 10px 10px 0 0;
}

#action-panel li:first-child {
    border-radius: 0 10px 0 0;
}

#action-panel li:last-child {
    border-radius: 10px 0 0 0;
    margin-right: 0;
}

.layer-switcher{
    top: 0.5em;
    right: 3.5em;
}

#layer_selection{
    top:40px;
    left:auto;
    right:90px;
}

#layer_selection h4{
    width:130px;
    padding:2px 20px;
    background-image:url('../images/display_option.png');
    background-repeat:no-repeat;
    text-align:left;
}

#layer_selection h4.opened{
    background-image:url('../images/display_option_open.png');
}

#layer_selection ul#layer_list{
    padding:0;
    width:170px;
    text-align:right;
}

#layer_selection ul#layer_list li.head{
    text-align:left;
}

#layer_selection ul#layer_list li{
    padding:2px 10px;
    border-bottom:1px solid;
}

#layer_selection ul#layer_list input{
    display:none;
}

#layer_selection ul#layer_list label:hover{
    cursor:pointer;
}

#layer_selection ul#layer_list li.selected{
    background-image:url('../images/check-small.png');
    background-position:left;
    background-repeat:no-repeat;
}

#routing-button{
    bottom: 40px;
    right: 40px;
    background-image: url('../images/itineraire.png');
    color: transparent;
}

#routing-button:hover{
    background-image: url('../images/itineraire-hover.png');
}

div#panel{
    position:absolute;
    width:282px;
    z-index:10;
    max-height:none;
    padding:0;
    margin-top: 190px;
    right:auto;
    bottom:26px;
    top: 0;
    border-width:0 1px;
    overflow-x:hidden;
    background-color: #fff;
}

#footer-panel{
    text-align:center;
    bottom:0;
    position:absolute;
    width: 282px;
    height: 26px;
    font-size: 0.88em;
    z-index: 10;
    background-color: #fff;
}

/* share toolbar */

a.share_id_email_single{
    width:23px;
    overflow:hidden;
    background-image:url('../images/email.png');
    display:inline-block;
}
a.share_id_email_single{
    color:transparent;
    font-size:0;
}

ul.share {
    display: inline;
    text-align: center;
    font-style: normal;
    padding: 2px 0;
}

.sidebar-handler{
    height:55px;
    width:18px;
    position:absolute;
    background-position:left top;
    display: none;
}

#sidebar-handler-hide{
    bottom:102px;
    right:-4px;
    z-index:10;
    background-image:url('../images/handler-hide.png');
    background-repeat:no-repeat;
}

#sidebar-handler-show{
    bottom:102px;
    left:0px;
    z-index:6;
    background-image:url('../images/handler-show.png');
    background-repeat:no-repeat;
}

.sidebar-handler:hover{
    cursor:pointer;
}

div#panel #categories{
    width:auto;
}

ul#ul_categories{
    padding:0;
    width:auto;
}

#ul_categories li.main_category > span{
    display:block;
    height:40px;
    padding:0;
    margin:0;
}

#ul_categories li.main_category .subcategories li{
    padding:0;
    margin:0;
    overflow:hidden;
}

.triangle{
    display: block;
    float: left;
    margin-top: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 10px 10px;
    border-style: solid inset solid solid;
}

.control_image{
    visibility:hidden;
}

.map_button{
    display:none;
    z-index:20;
    top:40px;
    left:350px;
    position:absolute;
    background-color:#fff;
    padding:2px 20px;
    border:1px solid;
    border-color:#c1c1b0;
}

.main_category > span > label{
    display: block;
    width: 242px;
    padding: 0 20px;
    height: 40px;
    line-height:40px;
    background-repeat:no-repeat;
    background-position:90% center;
    color:#fff;
}

#ul_categories .subcategories li label{
    display:block;
    padding:0.5em 1em;
    margin:0;
    font-weight:bold;
    background-color:#fff;
}

#ul_categories .subcategories li .selected label{
    color:#fff;
}

#ul_categories .subcategories input{
    display:none;
}



/* itinéraire */

#id_transport.ui-buttonset{
    margin-right:0;
}

#id_transport_it span,
#id_transport.ui-buttonset label{
    width:122px;
    height:25px;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    margin-left:1px;
    color:transparent;
    font-size:0;
}

#id_transport input{
    display: none;
}

#id_transport label:hover{
    cursor: pointer;
}

#id_transport label{
    font-size: 0;
    display: inline-block;
    width: 125px;
    height: 24px;
}

#id_transport_it span{
    margin-right:-3px;

}
#id_start_div, #id_end_div{
    padding:0 8px;
}

#id_transport_it{
    margin:7px 0;
}

#id_transport_it span{
    display:inline-block;
    border-width: 0;
    border-style: solid;
    border-color: transparent;
}

#id_transport_it span#id_transport_it_foot,
label[for=id_transport_0]{
    background-image:url('../images/buttons/walk.png');
}

#id_transport_it span#id_transport_it_foot{
    display:none;
}

#id_transport_it span#id_transport_it_foot.selected,
label[for=id_transport_0]:hover,
label[for=id_transport_0][aria-pressed=true]{
    display:inline-block;
    background-image:url('../images/buttons/walk_on.png');
}

#id_transport_it span#id_transport_it_bicycle,
label[for=id_transport_1]{
    background-image:url('../images/buttons/bicycle.png');
}

#id_transport_it span#id_transport_it_bicycle{
    display:none;
}

#id_transport_it span#id_transport_it_bicycle.selected,
label[for=id_transport_1]:hover,
label[for=id_transport_1][aria-pressed=true]{
    display:inline-block;
    background-image:url('../images/buttons/bicycle_on.png');
}

#chimere_itinerary_panel input[type=text]{
    width:250px;
    border:none;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}

#search_routing,
#id_start_div label[for=id_start],
#id_end_div label[for=id_end],
label.step_label,
#frm-edit-route label.step_label{
    width:250px;
    height:25px;
    display:block;
    color:transparent;
    background-color:transparent;
    font-size:0;
    border:none;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}

#step_link a{
    font-size:0.9em;
    padding:0 8px;
}

#id_start_div label.start_label,
#id_end_div label.end_label,
#chimere_itinerary_panel label.step_label{
    height:25px;
    width:200px;
    display:block;
    font-size:0;
}

#id_start_div label.start_label{
    background-image:url('../images/buttons/form_start.png');
}

#id_end_div label.end_label{
    background-image:url('../images/buttons/form_finish.png');
}

#chimere_itinerary_panel label.step_label{
    color:transparent;
    font-size:0;
}
label.step_label{
    background-image:url('../images/buttons/form_step.png');
}

#search_routing{
    padding:8px;
    background-image:url('../images/buttons/search.png');
}

#add_multimedia_list{
    color:transparent;
    font-size:0;
    width:100%;
    position:absolute;
    left:0;
}

ul#multimedia_list_content li{
    width:210px;
    margin:0 7px;
}

#head_multimedia{
    background-image:url('../images/buttons/add.png');
    background-repeat:no-repeat;
    background-position:right center;
}

.extra-criteria{
    border-width:1px;
    border-style:solid;
    width:264px;
}

.extra-criteria .extra-label{
    height:25px;
    color:transparent;
    font-size:0;
    background-image:url('../images/buttons/extra_criteria.png');
    background-repeat:no-repeat;
}

.extra-criteria.opened .extra-label{
    background-image:url('../images/buttons/extra_criteria-open.png');
}

.extra-criteria ul{
    list-style:none;
    padding:10px 0;
    margin:0;
    font-weight:bold;
    font-size:0.9em;
}

.extra-form{
    display:none;
}

/* itinerary */

.itinerary_label.itinerary_start,
.itinerary_label.itinerary_end,
#chimere_itinerary h4{
    line-height:18px;
    padding:2px 8px;
}
.itinerary_label.itinerary_start .contener,
.itinerary_label.itinerary_end .contener{
    overflow:auto;
    width:1000px;
    height:36px;
    display:block;
}
#chimere_start_label,
#chimere_end_label{
    height:22px;
    width:230px;
    padding:2px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -moz-binding:url('bindings.xml#ellipsis');
}

.nominatim-label{
    overflow:hidden;
    height:2.6em;
}

.itinerary_label.itinerary_start .label,
.itinerary_label.itinerary_end .label,
#chimere_itinerary h4{
    text-transform:uppercase;
}

#chimere_itinerary h4{
    display: inline-block;
}

ul#roadmap_toolbar, ul#roadmap_toolbar li{
    padding:0;
}

ul#roadmap_toolbar a img{
    vertical-align:bottom;
}
ul#roadmap_toolbar{
    margin: 0;
}

ul#roadmap_toolbar, ul#roadmap_toolbar ul, ul#roadmap_toolbar li{
    display:inline;
    list-style-type:none;
}

.itinerary_label{
    line-height:18px;
    font-style:normal;
    padding:0.5em;
    border-width:0;
    font-weight:bold;
}

.itinerary_label.itinerary_start,
.itinerary_label.itinerary_end{
}

.itinerary_label div.t{
    display:inline;
}

#chimere_itinerary{
    overflow:hidden;
}

#chimere_itinerary_panel{
    display:none;
    border-width:0;
    padding:0.5em;
    background-color: #fff;
}

#chimere_itinerary_form{
    padding: 0;
}

#chimere_itinerary_content{
    margin:0;
    height:auto;
    max-height:250px;
}

#chimere_itinerary_content span.j{
    display:none;
}

#chimere_itinerary_action ul{
    margin:0;
    padding:0;
}
#chimere_itinerary_action li{
    display:block;
    float:left;
    margin-top:5px;
}
#chimere_itinerary_action li a{
    height:24px;
    display:block;
    color:transparent;
    font-size:0;
}
#chimere_itinerary_modify{
    background-image:url('../images/buttons/modify.png');
    width:82px;
    margin-right:20px;
}
#chimere_itinerary_new{
    background-image:url('../images/buttons/new_search.png');
    width:160px;
}

#total_label_div{
    margin:0;
}

#chimere_total_label span.l,
#chimere_itinerary_content span.l{
    display:none;
}

#chimere_itinerary_content div.s{
    font-size:0.8em;
    padding:4px;
}

#chimere_itinerary_content div.n{
    font-size:0.9em;
    padding:4px;
}

#edit-panel {
    padding: 0;
}

#edit-panel label{
    font-size:0.9em;
}

#edit-panel h3,
#edit-panel h4,
#edit-panel .notice{
    margin:7px;
}

#edit-panel h3,
#edit-panel h4{
    text-transform:uppercase;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    padding:5px;
    width:240px;
}

#frm-edit-marker h3,
#frm-edit-marker h4{
    background-color:#6f8196;
}

#frm-edit-route h3,
#frm-edit-route h4{
    background-color:#d38fac;
}

#frm-edit-event h3,
#frm-edit-event h4{
    background-color:#996998;
}

#frm-edit-marker label{
    font-weight:bold;
    color:#6f8196;
}

#frm-edit-route label{
    font-weight:bold;
    color:#d38fac;
}

#frm-edit-event label{
    font-weight:bold;
    color:#996998;
}

#frm-edit-marker textarea,
#frm-edit-marker input[type=email],
#frm-edit-marker input[type=text]{
    background-color:#dfe8f3;
    border:none;
}

#frm-edit-route textarea,
#frm-edit-route input[type=email],
#frm-edit-route input[type=text]{
    background-color:#f5e4eb;
    border:none;
}

#frm-edit-event textarea,
#frm-edit-event input[type=email],
#frm-edit-event input[type=text]{
    background-color:#f2e4f5;
    border:none;
}

#back-categories{
    font-weight: 900;
    padding: 0;
    width: 282px;
    position: fixed;
    bottom: 26px;
    left: 0;
    z-index: 10;
    display: none;
}

#back-categories:hover{
    cursor: pointer;
}

#back-categories .fa,
#back-categories p{
    display: inline-block;
    padding: 0;
    margin: 0;
}

#back-categories p{
    font-family: 'Yanone Kaffeesatz Regular';
    font-size: 1.6em;
    height: 26px;
    vertical-align: top;
    padding-left: 0.3em;
}

#back-categories .fa{
    font-size: 2em;
    padding-top: 4px;
    padding-left: 12px;
}



input.hasDatepicker{
    background-image:url(../../saclay/images/buttons/calendar.png) ;
    background-repeat:no-repeat;
    background-position:right;
    width:120px;
}

.ui-datepicker th{
    background-color:#996998;
}

#div_start_date{
    float:left;
}

#add_media,
#proposition_form_submit{
    padding: 15px 0;
    width:278px;
    display:block;
    height:25px;
    color:transparent;
    font-size:0;
    background-image:url(../../saclay/images/buttons/validate.png) ;
    background-repeat:no-repeat;
    background-position:center;
}

#add_media{
    margin:1em 0;
}

#proposition_form_submit:hover{
    cursor:pointer;
}

.cloud{
    width:351px;
    padding:0;
    margin:0;
}

.simple .cloud img {
    display: inline;
}

div.cloud h4{
    margin:0;
    padding:0.3em;
    font-size:1.2em;
    text-align:center;
    background-image:url(../../saclay/images/popup/title_frame.png);
    background-repeat:repeat-x;
    background-position:center bottom;
}

.cloud .description img{
    max-width: 300px;
}

.close_img{
    display:block;
    overflow:hidden;
    width: 100%;
    height:22px;
    background-image:url(../../saclay/images/popup/close.png);
    background-position:center;
}
a.close_img{
    color:transparent;
    font-size:0;
}

.read_more,
.read_less{
    margin:0;
    text-align:right;
    padding-right:25px;
    font-weight:bold;
    line-height:22px;
}

.read_more:hover,
.read_less:hover{
    cursor:pointer;
}

.read_less,
.read_more{
    background-position:330px 5px;
    background-repeat:no-repeat;
}
.read_more{
    background-image:url(../../saclay/images/plus_alt.png);
}
.read_less{
    background-image:url(../../saclay/images/minus_alt.png);
}

.description_long, .read_less{
    display:none;
}

.small-gallery{
    width:auto;
    margin-top:0;
}

.small-gallery p.legend{
    line-height:22px;
}

.small-gallery .media-player{
    padding:0 1em;
}

#frm-edit-route, #frm-edit-event{
    display:none;
}

#panel textarea{
    height:100px;
    width:250px;
}


select#id_categories{
    max-width:240px;
}

#itinerary_field #id_transport_div,
#itinerary_field #id_speed_div,
#itinerary_field .extra-criteria
{
    display:none;
}

.single-line label{
    display:inline-block;
    width:95px;
    /*IE7*/
    zoom:1;
    *display:inline;
}

.single-line input{
    width:150px;
}

#main-map .olControlScaleLine {
    left:300px;
}

#main-map .olControlPanPanel{
    right:60px;
    left:auto;
}

#main-map .olControlZoomPanel{
    right:51px;
    left:auto;
}

#main-map .olControlPanPanel .olButton,
#main-map .olControlZoomPanel .olButton {
    background-image: url('../images/map_sprite.png');
}

#main-map .olControlPanPanel .olControlPanNorthItemInactive {
    background-position:-4px -2px;
    width:50px;
    height:23px;
    right:-50px;
    left:auto;
}

#main-map .olControlPanPanel .olControlPanWestItemInactive {
    width:25px;
    background-position:-4px -20px;
    right:-25px;
    left:auto;
}

#main-map .olControlPanPanel .olControlPanEastItemInactive {
    width:25px;
    background-position:-29px -20px;
    right:-50px;
    left:auto;
}

#main-map .olControlPanPanel .olControlPanSouthItemInactive {
    background-position:-4px -38px;
    width:50px;
    right:-50px;
    left:auto;
}

#main-map .olControlZoomPanel .olControlZoomInItemInactive {
    top:-8px;
    left:-9px;
    background-position:-4px -60px;
    width:50px;
    height:22px
}

#main-map .olControlZoomPanel .olControlZoomOutItemInactive {
    top:14px;
    left:-9px;
    background-position:-4px -130px;
    width:50px;
    height:35px;
}

#main-map .olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top:-40px;
    left:7px;
    background-position:-20px -23px;
    width:14px;
    height:16px;
    display:none;
}


/*
.olControlSimplePanZoom #slider,
.olControlSimplePanZoom #zoomin,
.olControlSimplePanZoom #zoomout,
.olControlSimplePanZoom #zoombar,
.olControlSimplePanZoom #panup,
.olControlSimplePanZoom #pandown {
    right:15px;
    left:auto;
}
.olControlSimplePanZoom #panright {
    right:14px;
    left:auto;
}

.olControlSimplePanZoom #panleft {
    right:39px;
    left:auto;
    background-position:-4px -17px;
    width:26px;
}

.olControlSimplePanZoom .button {
    background-image: url('../images/map_sprite.png');
}

.olControlSimplePanZoom #zoombar{
    width:50px;
    height:90px;
    background-position:-4px -75px;
}

.olControlSimplePanZoom #zoomin{
    width:50px;
    background-position:-4px -61px;
}
.olControlSimplePanZoom #pandown {
    width:50px;
    background-position:-4px -40px;
}
.olControlSimplePanZoom #panup{
    width:50px;
    background-position:-4px -5px;
}

.olControlSimplePanZoom #slider {
    width:50px;
    background-position:-60px -100px;
}
*/

#content .olControlLayerSwitcher .maximizeDiv,
#content .olControlLayerSwitcher .minimizeDiv {
    display:none;
}

#utils-div{
    left:auto;
    right:28px;
}

#waiting{
    top:0;
    height:100%;
    background-color:rgba(255, 255, 255, 0.4);
}

#waiting-content{
    margin-top:20%;
}

#categories li{
    padding: 0;
}

#categories li.main_category:hover{
    background-color: transparent;
}

#categories ul ul{
    padding-top: 0;
}

.subcategory label{
    border-radius: 0;
}

.main_category > span > label{
    width: 100%;
    background-position: 247px center;
}

.control_image{
    position: absolute;
    color: #CCC;
    left: 244px;
    font-size: 2em;
    font-family: Arial, sans-serif;
}

.main_category.toggle_plus > span > label,
.main_category.toggle_minus > span > label{
    text-transform:uppercase;
}

#ul_categories .subcategories li .selected label,
.main_category.toggle_plus > span > label,
.main_category.toggle_minus > span > label{
    background-color:#777;
}

#ul_categories .subcategories li label{
    color:#777;
}

li.main_category li.subcategory > span > label{
    font-size: 0.9em;
}

.main-category-tick{
    position: absolute;
    margin-top: 12px;
    left: 218px;
    color: #CCC;
    left: 242px;
}

.main-category-tick:hover,
.main_category.full .main-category-tick{
    color: #1db11d;
}

#map_edit{
    width: 100%;
    height: 400px;
}

.container{
    width: 100%;
}

.row .full textarea{
    width: 100%;
    height: 100px;
}

.pager li a{
    padding: 5px 6px;
    border-radius: 5px;
}

#maps-lnk {
    margin-bottom: 0.5em;
    padding: 145px 0.8em 0.8em 0.8em;
    width: 100%;
}

#maps-lnk .form-control,
#maps-lnk .input-group-addon{
    border-radius: 0;
    border: 1px solid #eee;
}

.help-text{
    padding: 0.5em 1em;
}

#categories-help{
    display: none;
}

#switch-menu{
    display: none;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.6em;
    padding: 0;
    top: 18px;
    z-index: 200;
    right: 0;
    left: 0;
    background-color: #fff;
}

#switch-menu div.row{
    padding: 0;
}

#switch-menu div{
    padding: 0.2em;
}

#switch-menu div.selected{
    background-color: #d5d5d4;
}

#switch-menu div.disabled{
    display: none;
}

#mobile-footer{
    display: none;
    position: absolute;
    bottom: 0;
    background-color: #f5f5f5;
    width: 100%;
    height: 110px;
    background-image:url('../img/logo.jpg');
    background-repeat:no-repeat;
    background-position:left 15px;
}

#mobile-footer h2{
    font-size: 3em;
    padding: 0 0.5em;
    text-align: right;
}

#mobile-footer-open-img,
#mobile-footer .close-img {
    position: absolute;
    height: auto;
    width: 38px;
    text-align: center;
    bottom: 105px;
    left: 0;
    font-family: arial;
    font-size: 2em;
    background-color: #f5f5f5;
}

#mobile-footer-open-img {
    display: none;
    bottom: 0;
}

.mobile-footer-hidden #mobile-footer{
    display: none !important;
}

.mobile-footer-hidden #mobile-footer-open-img {
    display: block !important;
}


@media (min-width: 1552px) {
    #maps-lnk label,
    #contact-lnk .lbl{
        display:inline;
    }
}

@media (max-width: 1552px) {
    #topbar .action{
        padding-right: 20px;
    }
    #search-box{
        width: 350px;
    }
}

@media (min-width: 1200px) {
    #simple_button-lnk .lbl{
        display:inline;
    }
}

@media (min-width: 1100px) {
    #panel{
        padding-top:16px;
    }
    #detail{
        padding-top:0;
    }
}

@media screen and (max-width: 1100px) {
    #top-menu-first,
    .extra-pages{
        display: none;
    }
    #top-menu {
        padding-left: 15px;
    }
    #topbar .nav > li.action#top-menu-first {
        display: none;
    }
    #topbar .nav > li.action {
        display: inline-block;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    #search-box{
        width: 250px;
    }
}

@media screen and (max-width: 750px) {
    html, body{
        overflow: auto;
    }
    .modal-dialog.modal-xl {
        width: auto;
    }
    #topbar .nav > li.action#action-directory{
        display: none;
    }
    #topbar {
        padding:0;
        padding-right: 5px;
    }
    #topbar .navbar-nav {
        margin: 7.5px 0;
    }
    #map_edit {
        height: 200px;
    }
    #extra-pages{
        background-color: #fff;
        margin: 0;
        left: 0;
        right: 0;
        top: 35px;
        z-index: 1000;
        position: absolute;
    }
    .map-footer, #footer-panel, #panel, #hide-panel, #maps-lnk{
        display: none;
    }

    #categories-help{
        display: block;
    }
    .search-box-col, #topbar, #switch-menu{
        border-bottom: 1px solid;
        border-color: #60543A;;
    }
    
    #switch-menu > div{
        border-left: 1px solid;
    }
    
    #switch-menu > div:first{
        border-left: 0;
    }
    
    #news-lnk .lbl, #simple_button-lnk .lbl, #maps-lnk label, #contact-lnk .lbl{
        display:inline-block;
    }
    .selection-sep{
        width: 80%;
        border-bottom: 1px solid #CCC;
        margin: 0 0 0.5em 0;
        display:block;
        clear:both;
    }
    #news-lnk .lbl,
    #permalink-lnk,
    #simple_button{
        line-height: 50px;
    }
    #detail{
        padding-top:50px;
    }
    #categories-lnk{
        clear:both;
    }
    #show-panel{
        display:block;
    }
    #footer .map-footer {
        right:20px;
    }

    #switch-menu{
        display: block;
    }
    .ol-zoom, .layer-switcher{
        top: 10px;
    }
    .ol-full-screen{
        display:none;
    }
    #content{
        margin-top: 0;
    }
    div#sidebar,
    div#panel{
        width: 100%;
        bottom: auto;
        position: relative;
    }
    div#sidebar{
        height: auto;
        top: 0;
        padding: 12px 0;
    }
    div#panel{
        background-size: auto 80px;
        background-repeat: no-repeat;
        padding-top: 10px;
        display: none;
        margin-top: 0;
        padding-top: 46px;
    }
    #main-map{
        top: 118px;
    }
    #map-shadow{
        display: none;
    }
    #search-box{
        padding-bottom: 0;
        width: 100%;
    }
    .sidebar-handler,
    #frm_categories{
        display: none;
    }
    div#sidebar-container{
        height:auto;
    }
    #sidebar-handler-hide,
    #sidebar-handler-show,
    div#sidebar{
        background-image: none;
    }
    #search-form input{
        width: 80%;
    }
    #maps-lnk{
        padding: 0.5em 0.8em;
        margin-left: 100px;
    }
    .main-category-tick{
        left: auto;
        right: 50px;
    }
    #edit-button {
        z-index: 5;
        top: auto;
        right: 20px;
        left: auto;
    }
    .ol-scale-line {
        right: auto;
        left: 50px;
    }
    #edit-button, .ol-scale-line {
        bottom: 120px;
    }
    .edit .ol-scale-line{
        left: 8px;
    }
    .edit .ol-scale-line,
    .mobile-footer-hidden #edit-button,
    .mobile-footer-hidden .ol-scale-line {
        bottom: 6px;
    }
    #detail{
        z-index: 12;
        width: 100%;
        padding-left: 0;
    }
    #detail-header{
        box-shadow: none;
        width: 100%;
    }
    #detail-content{
        width: 100%;
    }
    #detail .share-icon {
        margin-top: 20px;
    }
    #footer .map-footer {
        right: 0;
        left: 0;
    }
    .main-category-tick{
        right: 1.5em;
        left: auto;
    }
    .nav li.search-box-col{
        display: block;
        position: absolute;
        width: 100%;
        top: 35px;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 8px;
        margin: 0;
    }
    #topbar{
        box-shadow: none;
    }
    .control_image{
        right: 20px;
        left: auto;
        font-size: 1.2em;
    }
    #ul_categories{
        font-size: 1.4em;
    }
    #categories label{
        width: 100%;
    }
    #back-categories{
        position: static;
        text-align: center;
        width: 100%;
    }
    #search-listing {
        height: auto;
        margin-bottom: 0;
        font-size: 1.2em;
    }
    #search-listing > ul {
        padding-bottom: 0;
    }
    ul.pager{
        padding-bottom: 10px;
        margin-bottom: 0;
    }
    .pager li a {
        font-size: 1.1em;
    }
    div#sidebar-container {
        background-image: none;
    }
    #mobile-footer{
        display: block;
    }
    #detail .close-img {
        right: 0;
    }
    #directory #category-directory-content{
        margin-bottom: 110px;
    }
}

.simple-body .layer-switcher,
.simple-body #topbar,
.simple-body #maps-lnk,
.simple-body #edit-button{
	display:none;
}
.simple-body #main-map,
.simple-body #detail-header,
.simple-body #detail #detail-content,
.simple-body #sidebar {
	top: 0;
}
.simple-body #content {
	margin-top: 0;
}

.simple-body #detail{
	top: 119px;
}
.simple-body div#panel {
	margin-top: 0;
}