@import url(//www.google.com/css/gcs-v2.css);

/* Maps - Favorite Places */
.nav-list {float:left; width:240px; height:494px; margin: 0; display:block;}
.content {float:right; width:510px; height:406px; display:block; padding:0; margin:0;}
.nav-scroller {float:right; width:508px; height:89px; display:block; padding:0; margin:0; background-color: #d6e3f8; border-left: 1px solid #a4a4a4; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
ul {list-style: none; padding: 0; margin: 0;}
li {float: left; padding:0; margin:0;}

.fp-author-list ul {float:left; display:block; height:440px; border:1px solid #ccc; border-top:none; border-right:none;}
.fp-author-list li {height:62px; width:239px; border-bottom:1px solid #ccc; overflow:hidden; display:block;}
.fp-author-list li img {float:left; margin: 15px 5px 0 5px;}
.fp-author-list li h3 { font-size:14px; padding: 7px 0 3px 30px; margin: 0;}
.fp-author-list li p {margin-bottom: 0; padding: 0; line-height:1.2em; width:175px; height: 31px; overflow:hidden; }
.fp-author-list li a:link, a:visited, a:hover {text-decoration:none; color:#000;}
.fp-author-list li a:hover {width:239px; height:62px; background: #e6edf8; display:block;}
.fp-map-selected {width:239px; height:62px; background: url(images/list-selected.png) no-repeat left top; border-bottom: 1px solid #a9bcde;}

.fp-authors-hidden {display: none;}
.fp-authors {display: block;}
.fp-author-pagination {background: url(images/box-round-bottom.png) no-repeat left bottom; width:240px; height:27px; text-align:center; line-height:2.3em; clear:both; display:block}
.fp-author-pagination a{text-decoration:underline; color:#0000cc;}
.fp-author-pagination img {margin: 0 5px; width:16px; height:16px;}
#fp-author-pagination .fp-page-selected {color: #000; font-weight: bold; text-decoration: none;}

.nav-city { background:#d6e3f8; height: 26px; border-top:1px solid #ccc; border-right:1px solid #ccc; margin:0; padding:0; line-height: 2em; }
.nav-city a{ text-decoration:underline; color:#0000cc;}
.nav-city select{ display:inline; margin-left: 10px; width: 135px;}

.title-box {background: url(images/box-round-top.png) no-repeat left top #d6e3f8; height:27px; border-bottom: 1px solid #a4a4a4; text-align:center; line-height: 2em; margin:0; padding:0;}

.content-maps { border: 1px solid #a4a4a4; height:377px; border-right: 1px solid #ccc;}
.promos {margin-top:10px; line-height:1.5em;}
.promos a{text-decoration:underline; color:#0000cc;}

.mobile {background: url(images/mobile_16x16.gif) no-repeat; float:right; text-align:right; margin: 5px 0 0 0; padding: 0 0 1px 16px; }
.mobile a {text-decoration: underline; color:#0000cc;}
.mobile-number {color:#666;}
.mobile-layer {position: absolute; margin: 25px 0 0 490px; width:263px; z-index:100;}
.mobile-arrow {position: absolute; background: url(images/mobile_arrow.png) no-repeat left top; left: 180px; width:15px; height:9px;}
.mobile-arrow-right {position: absolute; background: url(images/mobile_arrow.png) no-repeat left top; left: 200px; width:15px; height:9px;}
.mobile-content {background: #edf2fa; margin: 8px 0; padding: 5px; border:1px solid #99b3cc;}
.stp-error {color:#CC0000;}
.mobile-close {float:right; display:block;}
.mobile-visit {padding: 7px 0; font-size: 12px;}
.mobile-title {font-weight: bold;}
.mobile-success {font-weight: bold;}
.mobile-country {margin: 4px 0; font-size:11px;}
.note { margin-top: 10px; font-size: 12px; color:#333;}
.qr {float: left; display: block; margin-right: 5px;}

.fp-map-canvas {height: 400px; width: 600px;}
.fp-locations li { display: inline; list-style: none;}
.fp-film-strip { background-color: #000;}
.fp-film-strip img { padding: 0.1em 0.5em; vertical-align: middle; width: 80px;}
.fp-film-strip-image-container { display: inline;}
.fp-bubble { text-align: center; display: block; padding: 10px 0;}
.fp-bubble .fp-bubble-image { width: 80px; height: 50px;}
.fp-location {font-weight: bold; text-align: left;}
.fp-snippet {padding: 0 0 1em 0; text-align: left; width: 15em;}
.fp-maplink {height:30px; margin: 5px 0 10px 0; display:block;}
.fp-maplink a {float: left; color:#0000cc; text-decoration: underline; display:block; }

.gsc-search-box,
.gsc-tabsArea,
.gsc-cursor-box,
.gs-snippet,
.gs-text-box,
.gs-watermark {
  display: none;
}

.gsc-expansionArea {width: 600px;}
#scrollerViewPort ul {width:508px !important; height:89px; overflow:hidden;}
#scrollerViewPort ul li {width:66px !important; height:66px !important; margin:12px 9px; background:#fff;}
#scrollerViewPort li img{width:60px !important; height:60px !important;}
#scrollerViewPort li a img{ border:1px solid #0000cc; padding:2px; display:block;}
#scrollerViewPort li a:hover img { border:3px solid #ffa400; padding:0;}
#scrollerViewPort li a.selected img {border:3px solid #5588EE; }

.fp-filmstrip-attribution-hidden { display: none;}
.fp-filmstrip-attribution-visible { font-size:11px; color:#333;}

#modal-results-container img {width: 220px;}
.modal-dialog { background-color: #d6e3f8; border: 1px solid #ccc; padding-top: 10px; position: relative; position: absolute\9; z-index: 1000; width: 240px; float: right; margin:0; top:0; top: 22%\9;}
.modal-dialog a img { border:1px solid #0000cc;}
.fp-modal-url a{color:#0000cc; text-decoration:underline;}
.modal-dialog div.close { background-image: url(images/x.png); background-repeat: no-repeat; cursor: pointer; height: 18px; position: absolute; right:5px; top: 3px; width: 18px; z-index: 999;}
.modal-dialog .close a {display: none;}
.modal-dialog .modal-content {margin: 0.8em;!margin-top: 20px; text-align: center;}
.modal-dialog .modal-content p {padding: 0;}
.visible {display: block;}
.invisible {display: none;}

* html .content {width: 488px;}
* html .nav-scroller {width: 486px; height:74px;}
* html .title-box {line-height: 1em; margin:0; padding:0;}
* html .gsc-control {width:484px !important; height:74px;}
* html #scrollerViewPort ul {width:484px !important;}
* html .nav-city select{ margin-left: 5px; width: 125px; padding: 3px 0 0 0;}
* html #scrollerViewPort ul li { margin: 12px 6px;}
* html .fp-maplink {width: 200px;}

/**
 * Creates a bordered, colored box for promotions and highlighted information.
 */
.fp-highlight-container {
  background-color: #ffffd9;
  border: 1px solid #d2d26a;
  margin: 1em 0;
  padding: 0.5em;
  text-align: center;
}

.fp-new,
.fp-highlight-container span {
  color: #ff0000;
  font-weight: bold;
}