/* Real Estate Tooltips */
/*
    #tooltip - The tooltip container
    #tooltip h3 - The tooltip title
    #tooltip div.body - The tooltip body, shown when using showBody
    #tooltip div.url - The tooltip url, shown when using showURL
    The id #tooltip can be changed using the id option.
*/
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.90;
}

#tooltip img {
    float: right;
    margin: 5px 0px 0px 5px;
    font-size: 12px;
}

#tooltip p, #tooltip h3 {
    margin: 5px 0px 0px 5px;
}

#tooltip p.avgPrice {
    clear: right;
    padding-top: 5px;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

#tooltip.pretty {
    font-family: Arial, Helvetica, sans-serif;
    border: none;
    width: 310px;
    padding:20px;
    opacity: 0.9;
    background: url("http://media.torontolife.com/img/realestate/shadow.png");
    color: #3a3a3a;
}

#tooltip.pretty h3 {
    margin:0;
    padding: 0;
    font-size: 12pt;
    width: 320px;
    text-align: center;
    color: #3a3a3a;
}

#tooltip.pretty div {
    width: 320px;
    text-align: left;
    margin:10px 20px 10px 20px;
}

#tooltip.fancy {
    background: url("http://media.torontolife.com/img/realestate/shadow2.png") no-repeat;
    padding: 45px 10px 10px 10px;
    width: 325px;
    height: 195px;
}

#tooltip.fancy.viewport-right {
    background: url("http://media.torontolife.com/img/realestate/shadow2-reverse.png");
}

#tooltip.fancy.viewport-bottom {
    background: url("http://media.torontolife.com/img/realestate/shadow2-invert.png");
    padding: 10px 10px 45px 10px;
}

#right, #right2 {
    text-align: right;
}

#tooltip.right {
    width: 250px;
}

#fancy2 {
    float: right;
}

ul.area_neighbourhoods {
    float: left;
    padding: 0 20px 0 0;
}

ul.area_neighbourhoods li.neighbourhood {
    padding: 0;
    margin: 0;
    list-style-image: none;
    background-image: none;
    list-style-position: outside;
}

ul.area_neighbourhoods li.neighbourhood ul {
    position: relative;
    padding: 0;
    margin: 0 0 10px 0;
    border-bottom:1px solid #E3E3E3;
    width:350px;
}

ul.area_neighbourhoods li.neighbourhood ul li {
    background-image: none;
    list-style-image: none;
    margin-bottom:5px;
}

ul.area_neighbourhoods li.neighbourhood ul li.neighbourhood_name {
    text-transform:uppercase;
    margin-bottom: 0px;
}