﻿#toolBar {
    position: absolute;
    left: 11px;
    top: 89px;
    height: 502px;
    width: 42px;
    background-color: #03a9f4;
    /* border: 1px solid #03a9f4; */
    opacity: 0.85;
    box-shadow: 10px 10px 15px #888888;
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    z-index: 9000;
}

#toolBarButtonC{
    position: absolute;
    top: 50px;
    width: 42px;
    
    display:block;
}

.toolbarMenu{
    position: absolute;
    width:42px;
    height:42px;
    top: 0px;
    right:0px;
    
}

.toolbarButtons{
    width:32px;
    height:32px;
    margin-left:5px;
    margin-top:-4px;
    display:inline-block;
    cursor:pointer;
    background-size:32px;
    background-repeat:no-repeat;
}

    .srch:link {
        background-image: url('../images/toolbar/search.png');
    }
    .srch:hover {
        background-image: url('../images/toolbar/searchOver.png');
    }
    
    .srchsel:link {
        background-image: url('../images/toolbar/searchClick.png');
    }
    .srchsel:hover {
        background-image: url('../images/toolbar/searchOver.png');
    }

    .annc:link {
        background-image: url('../images/toolbar/duyurular.png');
    }
    .annc:hover {
        background-image: url('../images/toolbar/duyurularOver.png');
    }
    
    .anncsel:link {
        background-image: url('../images/toolbar/duyurularClick.png');
    }
    .anncsel:hover {
        background-image: url('../images/toolbar/duyurularOver.png');
    }

    
    .kamera:link {
        background-image: url('../images/toolbar/kamera.png');
    }
    .kamera:hover {
        background-image: url('../images/toolbar/kameraOver.png');
    }
   
    .kamerasel:link {
        background-image: url('../images/toolbar/kameraClick.png');
    }
    .kamerasel:hover {
        background-image: url('../images/toolbar/kameraOver.png');
    }

    .seyah:link {
         background-image: url('../images/toolbar/seyahatplanlama.png');
    }
   .seyah:hover {
        background-image: url('../images/toolbar/seyahatplanlamaOver.png');
    }

    .seyahsel:link {
         background-image: url('../images/toolbar/seyahatplanlamaClick.png');
    }
   .seyahsel:hover {
        background-image: url('../images/toolbar/seyahatplanlamaOver.png');
    }
     

.tss:link {
    background-image: url('../images/toolbar/seyahatSurelerit0.png');
}
.tss:hover {
    background-image: url('../images/toolbar/seyahatSureleriOvert0.png');
}
.tsssel:link {
    background-image: url('../images/toolbar/seyahatSureleriClickt0.png');
}
.tsssel:hover {
    background-image: url('../images/toolbar/seyahatSureleriOvert0.png');
}

.fav:link {
    background-image: url('../images/toolbar/favori2.png');
}
.fav:hover {
    background-image: url('../images/toolbar/favoriOver.png');
}
.favsel:link {
    background-image: url('../images/toolbar/favoriClick.png');
}
.favsel:hover {
    background-image: url('../images/toolbar/favoriOver.png');
}

.dms:link {
    background-image: url('../images/toolbar/dms.png');
}
.dms:hover {
    background-image: url('../images/toolbar/dmsOver.png');
}
.dmssel:link {
    background-image: url('../images/toolbar/dmsClick.png');
}
.dmssel:hover {
    background-image: url('../images/toolbar/dmsOver.png');
}

.vms:link {
    background-image: url('../images/toolbar/vms.png');
}
.vms:hover {
    background-image: url('../images/toolbar/vmsOver.png');
}
.vmssel:link {
    background-image: url('../images/toolbar/vmsClick.png');
}
.vmssel:hover {
    background-image: url('../images/toolbar/vmsOver.png');
}

.park:link {
    background-image: url('../images/toolbar/park.png');
}
.park:hover {
    background-image: url('../images/toolbar/parkOver.png');
}

.parksel:link {
    background-image: url('../images/toolbar/parkClick.png');
}
.parksel:hover {
    background-image: url('../images/toolbar/parkOver.png');
}

.hava:link {
    background-image: url('../images/toolbar/havadurumu2.png');
}
.hava:hover {
    background-image: url('../images/toolbar/havadurumuOver2.png');
}
.havasel:link {
    background-image: url('../images/toolbar/havadurumuClick2.png');
}
.havasel:hover {
    background-image: url('../images/toolbar/havadurumuOver2.png');
}

.ido:link {
    background-image: url('../images/toolbar/iskeleler.png');
}
.ido:hover {
    background-image: url('../images/toolbar/iskelelerOver.png');
}
.idosel:link {
    background-image: url('../images/toolbar/iskelelerClick.png');
}
.idosel:hover {
    background-image: url('../images/toolbar/iskelelerOver.png');
}

.poi:link {
    background-image: url('../images/toolbar/onemliyerler.png');
}
.poi:hover {
    background-image: url('../images/toolbar/onemliyerlerOver.png');
}
.poisel:link {
    background-image: url('../images/toolbar/onemliyerlerClick.png');
}
.poisel:hover {
    background-image: url('../images/toolbar/onemliyerlerOver.png');
}

.ecz:link {
    background-image: url('../images/eczane/eczane.png');
}
.ecz:hover {
    background-image: url('../images/eczane/eczaneOver.png');
}
.eczsel:link {
    background-image: url('../images/eczane/eczaneClick.png');
}
.eczsel:hover {
    background-image: url('../images/eczane/eczaneOver.png');
}

.signal:link {
    background-image: url('../images/signal/sinyal.png');
}
.signal:hover {
    background-image: url('../images/signal/sinyalOver.png');
}
.signalsel:link {
    background-image: url('../images/signal/sinyalClick.png');
}
.signalsel:hover {
    background-image: url('../images/signal/sinyalOver.png');
}

.charger:link {
    background-image: url('../images/toolbar/sarjIstasyonu.png');
}
.charger:hover {
    background-image: url('../images/toolbar/sarjIstasyonuOver.png');
}
.chargersel:link {
    background-image: url('../images/toolbar/sarjIstasyonuClick.png');
}
.chargersel:hover {
    background-image: url('../images/toolbar/sarjIstasyonuOver.png');
}

.sets:link {
    background-image: url('../images/toolbar/ayarlar.png');
}
.sets:hover {
     background-image: url('../images/toolbar/ayarlarOver.png');
}
.setssel:link {
    background-image: url('../images/toolbar/ayarlarClick.png');
}
.setssel:hover {
     background-image: url('../images/toolbar/ayarlarOver.png');
}