﻿.towerList
{
    overflow:scroll;
    overflow-x: hidden;
    height:400px;
    width:250px;
}

.towerList ul
{
    list-style:none;
    margin:0;
    padding:0;
}

.towerList ul li
{
    display:block;
}

.towerListItem
{
    
}

#towerContainer
{ float:left;
}

#mapContainer
{
    clear:both;
    float:right;
    width:510px;
}

#mapHeader
{
    
}

.towerListItemHover
{
    font-weight:bold;
    cursor:pointer;
    font-size:1.1em;
}

.alternatetowerListItemHover
{
    font-weight:bold;
    cursor:pointer;
}

#nearbytowers
{
    position:absolute;
    top:27px;
    left:0px;
    width:130px;
    background-image:url('../../Content/MapImages/fade.png');
    color:White;
    padding:5px;
}

#alt-tower-toggle
{
    font-size: 0.8em;
    cursor: pointer;
}

#nearbytowers.tower-header
{
    position:absolute;
    right:0px;
    font-weight:bold;
    margin:0;
    text-align:right;
}

#nearbyTowerList
{
    list-style:none;
    margin:0;
    padding:0;
    display:none;
}

#nearbyTowerList li
{
    display:block;
    margin-left:15px;
}

.towerDistance
{
    color: #CCCCCC;
    font-size: 0.8em;
}

.noTowers
{
    margin-left:15px;
}

#towerImage
{
    position: relative;
    border: 1px solid black;
    margin:0;
    padding:0;
    margin-bottom:10px;
    margin-top:10px;
    overflow:hidden;
    width:500px;
}

#towerImage h4
{
    margin:0;
    background-image: url('../../Content/MapImages/fade.png');
    position: absolute;
    padding:5px;
    padding-right:10px;
    color: White;
    top:0px;
    left:0px;
}

#map-legend
{
    border-top: 1px solid black;
}