/* Default styles for Places.js -- Moondew.com */

div.places {	/* Places container */
	text-align:center;
	margin-bottom:1em;
}


div.places > div.tables {	/* Container of all country tables */
}

div.places > div.tables a {
	font-style:normal;
	color: black;
	text-decoration:none;
}
div.places > div.tables a:hover {
	text-decoration:underline;
}

div.places .tableheading {
	border-bottom:1px solid black;
}
 
div.places .regionheading {
	border-bottom:1px solid lightgray;
}

div.places > h2 {
	display:block;
	font-weight:bold;
	font-size:1.4em;
}

div.places div.legend {		/* legendTag */
	display:inline-block;
	font-size:.8em;
}
div.places div.legend span {/* legend icon labels */
	display:inline-block;
	text-align:left;
	text-wrap:none;
	width:90px;
}

div.places div.notice {		/* legend notice*/
	font-size:.8em;
	margin-bottom:1em;
}

div.places table {		/* Region table containing cities */
	margin:unset;
	border-spacing:0px;
	border-collapse:collapse;
	margin-top:.5em;
}

div.places > caption {
	text-align:left;
	margin-top:25px;
}

div.places th.region { /* left column title, eg; State Name */
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	text-align:right;
	white-space:nowrap;
	padding-right:10px;
	width:155px;
	vertical-align:bottom;
}
div.places th.region img {  /* Might be <a> nested */
	vertical-align:text-top;
	padding-right:0.2em;
}

div.places th.center {	/* center column title over icons */
	font-size:1.12em;
	font-weight:bold;
}

div.places th.subtitle {	/* right column title */
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	padding-left:8px;
}
div.places th.subtitle img { /* Might be <a> nested */
	vertical-align:text-bottom;
	padding-right:0.2em;
}

div.places td.city {	/* left column item text, eg: Cities */
	font-size:1em;
	text-align:right; 
	padding-right:10px;
	white-space:nowrap;
}
div.places td.city img { /* Might be <a> nested */
	vertical-align:text-top;
}

div.places td.place {	/* right column item text, eg: Place */
	font-size:1.1em;
	text-align:left;
	padding-left:8px;
}

div.places td.icons {	/* center column containing the link icons */
	position:relative;
	text-align:left;
	height:20px;
	white-space:nowrap;
}
div.places div.icon {	/* link icon */
	height:16px;
	width:16px;
	padding-top:3px;
	margin-right:3px;
	margin-left:2px;
	position:relative;
	display:inline-block;
}

/* hover icon which defaults to hidden */
/* place at abolute position within parent td.icon */
div.places div.icon .web {
	position:absolute;
    visibility: hidden;
	font-size:13px;
    background-color: #555;
    color: #fff;
    text-align: center;
    z-index: 1;
    bottom: 0px;
    left: -2px;
	top: 0px;
    opacity: 0;
    transition: opacity 100ms;
}
/* hover icon will cover normal icon */
div.places  div.icon:hover .web {
	visibility: visible;
	opacity: 1;
}