.explorer {
    width: 285px;
    max-height: 90%;
    overflow-x: hidden;
    overflow-y: auto;
	color: white;
    padding-bottom: 15px;
}

.explorer.empty .showicon, .explorer.empty .hideicon {
    display: none !important;
}

.explorer .hideicon, .explorer .showicon {
    float: left;   
}

.explorer .showicon {
    float: right;
    -ms-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    height: 35px;
    position: relative;
    width: 5px;
    position: relative;
    left: 3px;
}

.explorer ul {
    float: right;
    width: 250px;
}

.explorer ul, .routefromwaypoints li {
    list-style: none;
}

.explorer li, .routefromwaypoints li {
    cursor: pointer;
    border-radius: 7px;
	margin-bottom: 5px;
}

.explorer li.fp-hidden {
    -ms-opacity: 0.4;
    opacity: 0.4;
}

.explorer li.rdr {
    border: 2px solid #3e8820;
}

.explorer li.rdr .name {
    white-space: nowrap;
}

.explorer li.trk {
    border: 2px solid #0288cf;
}

.explorer li.rte {
    border: 2px solid #c06;
}

.explorer li.wpt, .routefromwaypoints .wpt {
    border: 2px solid #57007F;
}

.explorer li.template {
    display: none;
}

.exploreritem {
    border: 2px solid white;
    border-radius: 5px;
    padding:5px;
    display: block;
    position: relative;
}

.explorer li.rdr .exploreritem {
    background: #3e8820;
}

.explorer li.trk .exploreritem {
    background: #0288cf;
}

.explorer li.rte .exploreritem {
    background: #c06;
}

.explorer li.wpt .exploreritem, .routefromwaypoints li.wpt .exploreritem {
    background: #57007F;
}

.explorer li.rdr .exploreritem:hover, .explorer li.rdr .exploreritem.highlight {
    background-color: #3e8820;
    box-shadow: 10px 4px 40px 10px #99ff65 inset;
}

.explorer li.trk .exploreritem:hover, .explorer li.trk .exploreritem.highlight {
    background-color: rgb(129, 196, 231);
	box-shadow: 10px 4px 40px 10px rgb(2, 136, 207) inset;
}

.explorer li.rte .exploreritem:hover, .explorer li.rte .exploreritem.highlight {
    background-color: rgb(224, 128, 179);
	box-shadow: 10px 4px 40px 10px rgb(204, 0, 102) inset;
}

.explorer li.wpt .exploreritem:hover, .explorer li.wpt .exploreritem.highlight {
    background-color: rgb(171, 128, 192);
	box-shadow: 0 0 40px 0 rgb(87, 0, 127) inset;
}

.explorer *, .header * {
    font-size: 18px !important;
}

.exploreritem .name {
    font-weight: bold;
    float: left;
    max-width: 232px;
    overflow: hidden;
}

.wpt .exploreritem .name  {
    font-weight: normal;
}

.explorer .header {
    position: relative;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.exploreritem>div.delta {
    clear: both;
    display: none;
    color: #c0c0c0;
}

.exploreritem:after {
	content: ".";
	clear: both;
	display: block;
	height: 0px;
	visibility: hidden;
}

.explorer div.current {
    width: 18px;
    height: 20px;
    background: url('../../Images/icons.png') -19px -43px;
    float: right;
    margin: -2px -2px 2px 2px;
    display: none;
}

.explorer div.totalclimbing {
    float: right;
}

.clear-fix {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}