/*
 * Zoommap Area Information Module Stylesheet
 *
 * @copyright 2007 (c) Fusion Advertising & Design Ltd
*/

/**
 * This stylesheet includes a number of sub-modules. Please do not modify the 
 * following @import statements.
 */
@import "../../transport/css/transport.css";
@import "../../stores/css/stores.css";
@import "../../entertainment/css/entertainment.css";
@import "../../foodanddrink/css/foodanddrink.css";
@import "../../leisure/css/leisure.css";

/**
 * Styling for Points of Information that determine which to data to plot on the map.
 */
#zoommap_areaInformationTicker { font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:0 0 0 2px;}
#zoommap_areaInformationTicker ul { list-style:none; margin:0; padding:0; float:left; border:1px solid #CCCCCC; border-left:none; background-color:#EEEEEE; }
#zoommap_areaInformationTicker li { background-image: none; list-style-image: none; list-style-type: none; margin:0; padding:0; border:1px solid #CCCCCC; border-top:none; border-right:none;  float:left; width:100%; }
#zoommap_areaInformationTicker li img { float:right; margin:3px; }
#zoommap_areaInformationTicker li div { float:left; padding:4px 4px 0px 4px; font-size: 11px; }
#zoommap_areaInformationTicker li div a { font-size: 11px; color: #666666; text-decoration: none; padding-left:3px; }
#zoommap_areaInformationTicker h3 { margin:1px 0 0 0; font-size:14px; text-align: left; }
#zoommap_areaInformationTicker p { margin:5px 0 5px 0; height:35px; }

/**
 * Heading styles used across the zoommap area information moudule.
 */
.zoommap_heading_1 { font-size: 14pt; }
.zoommap_heading_2 { font-size: 12pt; }
.zoommap_heading_3 { font-size: 11pt; }
.zoommap_heading_4 { font-size: 10pt; font-weight: heavy; }
.zoommap_heading_5 { font-size: 10pt; font-weight: italic; }

/**
 * <Area Information type> Near location list styles.
 */
.zoommap_resultSet { margin:0 15px 0 0; width: 100%;}
.zoommap_resultSet table { width: 100% }
.zoommap_resultSet thead, tfoot {  }
.zoommap_resultSet th { color:#333333; background-color: #FFFFFF; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding:15px 0 5px 0; border-bottom:1px solid #CCCCCC; font-weight:normal; text-align:left; }
.zoommap_resultSet th a { color:#333333; }
.zoommap_resultSet th.zoommap_sortedColumn { background-color: #e7e1d8; }
.zoommap_resultSet td { border-bottom:1px solid #CCCCCC; padding: 5px; }
.zoommap_resultSet td a { color: #696565; }
.zoommap_resultSet tr.zoommap_selected {background-color: #e7e1d8; }
.zoommap_resultSet tr.zoommap_odd { background-color: #f1eee9; }
.zoommap_resultSet tr.zoommap_even { background-color: white; }
.zoommap_resultSet tr.zoommap_odd td.zoommap_sortedColumn { background-color:#e7e1d8; }
.zoommap_resultSet tr.zoommap_even td.zoommap_sortedColumn { background-color:#e7e1d8; }
.zoommap_resultSet tr.zoommap_selected td.zoommap_sortedColumn { background-color:#e7e1d8; }
.zoommap_resultSet .zoommap_distance { width:50px; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding: 5px }
.zoommap_resultSet .zoommap_distance .zoommap_unit { font-size:8px; }
.zoommap_resultSet .zoommap_brand { padding: 5px }
.zoommap_resultSet .zoommap_name { padding: 5px }
.zoommap_resultSet .zoommap_address { padding: 5px }
.zoommap_resultSet .zoommap_zone { padding: 5px }
.zoommap_resultSet .zoommap_lines { padding: 5px }
.zoommap_resultSet .zoommap_info { text-align:center; width:55px; }
.zoommap_resultSet .zoommap_map { width:30px; text-align:center; }