/* 
Copyright © 2010 to Present, Local Matters, Inc.
All rights reserved.
 */

* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; }
body { padding: 0; margin: 0; background-color: #fff; }
table, img { border: 0; }
a { text-decoration: underline; }
a, a span#boxName { color: #0664af; }
.hidden { display: none; }
form { display: inline; }

h1 { margin: 0; font-size: 11px; color: #000; line-height: 20px; }
h2 { font-size: 11px; color: #000; margin: 0 0 4px 0; line-height: 14px; }

a.link { display: block; height: 18px; line-height: 18px; padding-left: 18px; background: url(../../../img/connectionbox/ic_link.gif) no-repeat; }

#wrapper { border: 1px solid #aeaeae; }
#header { background: #e4e4e4 url(../../../img/connectionbox/bg_header.gif) repeat-x; border-bottom: 1px solid #aeaeae; height: 20px; padding: 0 6px; }
#content { padding: 4px 0 0; }

#map { margin-bottom: 4px; padding: 0 6px; }
#map img { border: 1px solid #aeaeae; margin-bottom: 2px; }

#route { border-top: 1px solid #ccc; padding: 6px 6px 0; margin-bottom: 6px; height: 36px; overflow: hidden; }
#route td.name { width: 100%; vertical-align: top; padding-top: 3px; }

#linkContainer { border-top: 1px solid #ccc; padding: 6px; margin: 0;}

#links {
    border-top: 1px solid #ccc;
    padding: 4px 0 0 6px;
    margin-bottom: 5px;
}
#links ul { list-style-type: none; margin: 0; padding: 0; }
#links ul li { display: none; }
#links ul li a { display: block; height: 18px; line-height: 18px; padding-left: 18px; background: url(../../../img/connectionbox/ic_link.gif) no-repeat; }
#links ul li#commercial a { background-image: url(../../../img/connectionbox/ic_video.gif); }
#links ul li#panorama a { background-image: url(../../../img/connectionbox/ic_panorama.gif); }
#links ul li#foto a { background-image: url(../../../img/connectionbox/ic_foto.gif); }
#links ul li#hotel a { background-image: url(../../../img/connectionbox/ic_hotel.gif); }

input.text { width: 57px; height: 16px; color: #828282; border: 1px solid #999; color: #999; padding: 0; line-height: 14px; padding-left: 2px; font-size: 9px; margin-right: 3px; background: url(../../../img/connectionbox/bg_field.gif) no-repeat;  }
img.bnRoute { border: 1px solid #999; }
input.active { color: #000; }

#route { display: none; }
#links { display: none; }
#commercial { display: none; }
#panorama { display: none; }
#foto { display: none; }
#hotel { display: none; }

#error { position: absolute; left: 4px; top: 76px; width: 165px; height: 26px; z-index: 5; background-color: #ed1c24; color: #fff; font-weight: bold; padding: 2px 2px 2px 5px; overflow: hidden; display: none; }

#title { width: 166px; height: 13px; line-height: 14px; overflow: hidden; }