@charset "UTF-8";
/* CSS Document */

.map_container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(hos-clockv3.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
	float: none;
	height: 600px;
	width: 600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	border: 1px solid #a9b5c8;
}
.map_container .city_info h2 {
	font-size: 18px;
	margin: 0px;
	color: #0033CC;
}
.map_container .city_info h3 {
	font-size: 12px;
	text-transform: uppercase;
	color: #2c3748;
	letter-spacing: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
.map_container .city_info p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	color: #333333;
}
.map_container .form_province {
	position: absolute;
	left: 456px;
	top: 490px;
}
.map_container .source_credit {
	position: absolute;
	height: 15px;
	width: 198px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	left: -580px;
	top: 511px;
}
.map_container    a.dot1 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(12A.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container   a.dot1:hover {
	background-position: 0px -25px;
}
.map_container    a.dot1.selected {
	background-position: 0px -75px;
}
.map_container a.dot1.timestart {
	background-position: 0px -50px;
}
.map_container a.dot2 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(1P.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot2:hover {
	background-position: 0px -25px;
}
.map_container a.dot2.selected {
	background-position: 0px -75px;
}
.map_container a.dot2.timestart {
	background-position: 0px -50px;
}
.map_container .detail_container {
	position: absolute;
	height: 96px;
	width: 276px;
	left: 163px;
	top: 254px;
}
.map_container a.dot3 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(2P.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot3:hover {
	background-position: 0px -25px;
}
.map_container a.dot3.selected {
	background-position: 0px -75px;
}
.map_container a.dot3.timestart {
	background-position: 0px -50px;
}
.map_container a.dot4 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(3P.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot4:hover {
	background-position: 0px -25px;
}
.map_container a.dot4.selected {
	background-position: 0px -75px;
}
.map_container a.dot4.timestart {
	background-position: 0px -50px;
}
.map_container a.dot5 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(4P.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot5:hover {
	background-position: 0px -25px;
}
.map_container a.dot5.selected {
	background-position: 0px -75px;
}
.map_container a.dot5.timestart {
	background-position: 0px -50px;
}
.map_container a.dot6 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(5P.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot6:hover {
	background-position: 0px -25px;
}
.map_container a.dot6.selected {
	background-position: 0px -75px;
}
.map_container a.dot6.timestart {
	background-position: 0px -50px;
}
.map_container a.dot7 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(6P.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot7:hover {
	background-position: 0px -25px;
}
.map_container a.dot7.selected {
	background-position: 0px -75px;
}
.map_container a.dot7.timestart {
	background-position: 0px -50px;
}
.map_container a.dot8 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(7P.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot8:hover {
	background-position: 0px -25px;
}
.map_container a.dot8.selected {
	background-position: 0px -75px;
}
.map_container a.dot8.timestart {
	background-position: 0px -50px;
}
.map_container a.dot9 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(8P.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot9:hover {
	background-position: 0px -25px;
}
.map_container a.dot9.selected {
	background-position: 0px -75px;
}
.map_container a.dot9.timestart {
	background-position: 0px -50px;
}
.map_container a.dot10 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(9P.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot10:hover {
	background-position: 0px -25px;
}
.map_container a.dot10.selected {
	background-position: 0px -75px;
}
.map_container a.dot10.timestart {
	background-position: 0px -50px;
}
.map_container a.dot11 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(10P.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot11:hover {
	background-position: 0px -25px;
}
.map_container a.dot11.selected {
	background-position: 0px -75px;
}
.map_container a.dot11.timestart {
	background-position: 0px -50px;
}
.map_container a.dot12 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(11P.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot12:hover {
	background-position: 0px -25px;
}
.map_container a.dot12.selected {
	background-position: 0px -75px;
}
.map_container a.dot12.timestart {
	background-position: 0px -50px;
}
.map_container a.dot13 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(12P.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot13:hover {
	background-position: 0px -25px;
}
.map_container a.dot13.selected {
	background-position: 0px -75px;
}
.map_container a.dot13.timestart {
	background-position: 0px -50px;
}
.map_container a.dot14 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(1A.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot14:hover {
	background-position: 0px -25px;
}
.map_container a.dot14.selected {
	background-position: 0px -75px;
}
.map_container a.dot14.timestart {
	background-position: 0px -50px;
}
.map_container a.dot15 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(2A.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot15:hover {
	background-position: 0px -25px;
}
.map_container a.dot15.selected {
	background-position: 0px -75px;
}
.map_container a.dot15.timestart {
	background-position: 0px -50px;
}
.map_container a.dot16 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(3A.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot16:hover {
	background-position: 0px -25px;
}
.map_container a.dot16.selected {
	background-position: 0px -75px;
}
.map_container a.dot16.timestart {
	background-position: 0px -50px;
}
.map_container a.dot17 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(4A.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot17:hover {
	background-position: 0px -25px;
}
.map_container a.dot17.selected {
	background-position: 0px -75px;
}
.map_container a.dot17.timestart {
	background-position: 0px -50px;
}
.map_container a.dot18 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(5A.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot18:hover {
	background-position: 0px -25px;
}
.map_container a.dot18.selected {
	background-position: 0px -75px;
}
.map_container a.dot18.timestart {
	background-position: 0px -50px;
}
.map_container a.dot19 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(6A.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot19:hover {
	background-position: 0px -25px;
}
.map_container a.dot19.selected {
	background-position: 0px -75px;
}
.map_container a.dot19.timestart {
	background-position: 0px -50px;
}
.map_container a.dot20 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(7A.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot20:hover {
	background-position: 0px -25px;
}
.map_container a.dot20.selected {
	background-position: 0px -75px;
}
.map_container a.dot20.timestart {
	background-position: 0px -50px;
}
.map_container a.dot21 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(8A.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot21:hover {
	background-position: 0px -25px;
}
.map_container a.dot21.selected {
	background-position: 0px -75px;
}
.map_container a.dot21.timestart {
	background-position: 0px -50px;
}
.map_container a.dot22 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(9A.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot22:hover {
	background-position: 0px -25px;
}
.map_container a.dot22.selected {
	background-position: 0px -75px;
}
.map_container a.dot22.timestart {
	background-position: 0px -50px;
}
.map_container a.dot23 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(10A.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot23:hover {
	background-position: 0px -25px;
}
.map_container a.dot23.selected {
	background-position: 0px -75px;
}
.map_container a.dot23.timestart {
	background-position: 0px -50px;
}
.map_container a.dot24 {
	display: block;
	height: 25px;
	width: 25px;
	background-image: url(11A.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	position: absolute;
}
.map_container a.dot24:hover {
	background-position: 0px -25px;
}
.map_container a.dot24.selected {
	background-position: 0px -75px;
}
.map_container a.dot24.timestart {
	background-position: 0px -50px;
}
.map_container .city_detail {
	width: 246px;
	position: absolute;
	top: -4px;
	height: 96px;
	color: #FFF;
	left: 5px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
.map_container .clear_both {
	clear: both;
}
.map_container .city_photo {
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #FFFFFF;
}
.map_container .city_info {
	float: left;
	width: 265px;
	height: 85px;
}
.city_detail_container {
	display: none;
	position: absolute;
	height: 85px;
	width: 265px;
}