/* --- START styles for regional map --------------------------------------- */

#RegionalMapV,
#RegionalMapH {
	margin: 0px; padding: 0px 10px;
	width: 180px;
	border: none;
	background: #E7E7E7 url('/images/quoka/tabs/rcd_mid_200_bg_e7e7e7.gif') repeat-y;
	overflow: hidden;
	text-align: left;
}
#RegionalMapH { width: 545px; background: #E7E7E7 url('/images/quoka/tabs/rcd_mid_565_bg_e7e7e7.gif') repeat-y; }

#RegionalMapVTop,
#RegionalMapHTop {
	margin: 0px; padding: 0px;
	width: 200px; height: 15px;
	background: #E7E7E7 url('/images/quoka/tabs/rcd_top_200_bg_e7e7e7.gif') no-repeat;
}
#RegionalMapHTop { width: 565px; background: #E7E7E7 url('/images/quoka/tabs/rcd_top_565_bg_e7e7e7.gif') no-repeat; }

#RegionalMapVBottom,
#RegionalMapHBottom {
	margin: 0px 0px 10px 0px; padding: 0px;
	width: 200px; height: 15px;
	background: #E7E7E7 url('/images/quoka/tabs/rcd_btm_200_bg_e7e7e7.gif') no-repeat;
}
#RegionalMapHBottom { width: 565px; background: #E7E7E7 url('/images/quoka/tabs/rcd_btm_565_bg_e7e7e7.gif') no-repeat; }

#RegionalMapV h3,
#RegionalMapH h3 {
	margin: 0px 0px 15px;
	padding: 0px 5px 0px 10px;
}

#RegionalMapV .content,
#RegionalMapH .content {
	padding: 0px;
	overflow: hidden;
}

#RegionalMapV .content #Map,
#RegionalMapH .content #Map {
	margin: 0px auto; padding: 0px;
	width: 165px; height: 222px;
	background: url('/images/common/regional_map/map.jpg') no-repeat;
}
#RegionalMapH .content #Map { float: left; }

#RegionalMapV .rmState { margin: 15px 0px 0px; }
#RegionalMapH .rmState {  margin: 0px 0px 0px 175px; width: 370px; }
* html #RegionalMapH .rmState { margin: 0px 0px 0px 170px; width: 370px; }

#RegionalMapV table.cityListing,
#RegionalMapH table.cityListing { margin-top: 5px; width: 100%; }
#RegionalMapV table.cityListing td { width: 50%; font-size: 11px; }
#RegionalMapH table.cityListing td { width: 33%; font-size: 11px; }

/* Used in horizontal mode */
div#CityA2Z { padding-top: 15px; font-size: 11px; text-align: center; clear: both; }

/* Used in vertical mode */
table#CityA2Z { margin-top: 15px; width: 180px; }
table#CityA2Z .navLeft { width: 20px; text-align: left; font-size: 11px; }
table#CityA2Z .navRight { width: 20px; text-align: right; font-size: 11px; }
#CityA2ZContainer { width: 120px; margin: 0px auto; }
#CityA2ZScroller { font-size: 11px; }

/* --- END styles for regional map ----------------------------------------- */