@charset "utf-8";


	.mapWrapper {
		display: block;
		margin: 0 auto;
	}
	
	#mapBG { display:block; margin: 0; padding: 0; }

	.map-stretcher { display: block; position: absolute; }
	.map-stretcher .map-cluster-box { display: block; width: 100%; height:100%; background-color: rgb(255,255, 192); border: 1px solid #633; outline: 0 none; opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity = 40);}
	.map-stretcher a.map-cluster-box:hover { outline: 0 none; opacity: 1; -moz-opacity: 1; filter: alpha(opacity = 100);}

	
	.map-canvas { display: block; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
	#root-canvas { display: block; position: relative; margin: 0; padding: 0;}


	.map-canvas .pin { width: 13px; height: 18px; display: block; position:absolute; background: transparent none 0 0 no-repeat scroll; margin: 0; padding: 0; }
	.map-canvas a.pinHead { width: 13px; height:18px; margin:0; padding: 0; display: block; outline: 0 none;}
	.map-canvas a.pinHead img { outline: 0 none; border: 0 none; }
	
	/* 0000 : Pending */
	/* 1111 : Approved */
	
	.map-canvas .map-cluster {position: absolute;}
		
	.map-canvas .panel { 
		width: 325px; 
		display: block; 
		position: absolute; 
		top: 4px; 
		left: 10px; 
		z-index: 9999;
		background-color: #fff; 
		border: 1px solid #aaa; 
		padding: 0; 
		margin: 0; 
		}
		
	.ms-WPBody #mapBG .map-canvas .panel h3, /* this one makes sure the webpart def's don't win */
	.map-canvas .panel h3 { 
		margin: 1px 1px 15px 1px; 
		padding: 7px 20px; 
		color: #fff; 
		height: 18px;
		font-size: 18px; 
		font-family: Georgia, "Times New Roman", Times, serif; 
		font-weight: bold; 
		line-height: 1em;
		background-position: 0 0;
		background-repeat: repeat-x;
		background-attachment: scroll;
		}
	/*
		header's by year
	*/
	/* 0000 : Pending */
	.map-canvas .panel h3.yr0000 { background-image: url(../images/header0000.gif); }
	/* 1111 : Approved */
	.map-canvas .panel h3.yr1111 { background-image: url(../images/header1111.gif); }
	.map-canvas .panel h3.yr2005 { background-image: url(../images/header2005.gif); }
	.map-canvas .panel h3.yr2006 { background-image: url(../images/header2006.gif); }
	.map-canvas .panel h3.yr2007 { background-image: url(../images/header2007.gif); }
	.map-canvas .panel h3.yr2008 { background-image: url(../images/header2008.gif); }
	.map-canvas .panel h3.yr2009 { background-image: url(../images/header2009.gif); }
	.map-canvas .panel h3.yr2010 { background-image: url(../images/header2010.gif); }
	
	.map-canvas .panel a.footerLink,
	.map-canvas .panel a.footerLink:link,
	.map-canvas .panel a.footerLink:visited {
		display: block;
		margin: 30px 1px 1px;
		padding: 4px;
		text-align: right;
		border-top: 1px solid #eee;
		text-decoration: none;
		font-style: italic;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #205e8a;
	}
	.map-canvas .panel a.footerLink:hover,
	.map-canvas .panel a.footerLink:active {
		color: #205e8a;
		text-decoration: underline;
	}
	.map-canvas .panel a.closeButton,
	.map-canvas .panel a.closeButton:link,
	.map-canvas .panel a.closeButton:visited {
		display: block;
		width: 32px;
		height: 32px;
		position: absolute;
		top: 16px;
		right: -16px;
		background: transparent url(../images/close.gif) 0 0 no-repeat scroll;
		outline: 0 none;
		display: none;
	}
	/* good browsers */
	.map-canvas .panel>a.closeButton,
	.map-canvas .panel>a.closeButton:link,
	.map-canvas .panel>a.closeButton:visited { background-image: url(../images/close.png); }
	
	.map-canvas .panel a.closeButton:hover,
	.map-canvas .panel a.closeButton:active { background-image: url(../images/close_hover.gif);	}

	.map-canvas .panel>a.closeButton:hover,
	.map-canvas .panel>a.closeButton:active { background-image: url(../images/close_hover.png);	}
	
	.map-canvas .map-tip { 
		padding: 1px 5px; 
		background-color:#FFFFCC; 
		border: 1px solid #FFCC66; 
		position: absolute; 
		z-index: 20000; 
		color: #444; 
		white-space: nowrap; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		}
	
	.map-canvas .map-pointer { 
		position: absolute; 
		z-index: 20000;
		width: 7px;
		height: 5px;
		background: transparent url(../images/pointer.gif) 0 0 no-repeat scroll;
	}
	
	.map-canvas a.backButton,
	.map-canvas a.backButton:link,
	.map-canvas a.backButton:visited {
		background-color: #fff;
		color: #488ebf;
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		-moz-border-radius-topleft: 8px;
		-webkit-border-top-left-radius: 8px;
		border-top-left-radius: 8px;
		margin: 0;
		padding: 4px 7px;
		position: absolute;
		right: 0;
		bottom: 0;
		text-decoration: none; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	.map-canvas a.backButton:hover,
	.map-canvas a.backButton:active {
		background-color: #488ebf;
		color: #fff !important;
	}
	
	.map-canvas a.summaryLink,
	.map-canvas a.summaryLink:link,
	.map-canvas a.summaryLink:visited {
		background-color: #fff;
		color: #488ebf;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		-moz-border-radius-topright: 8px;
		-webkit-border-top-right-radius: 8px;
		border-top-right-radius: 8px;
		margin: 0;
		padding: 4px 7px;
		position: absolute;
		left: 0;
		bottom: 0;
		text-decoration: none; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	.map-canvas a.summaryLink:hover,
	.map-canvas a.summaryLink:active {
		background-color: #488ebf;
		color: #fff !important;
	}
	
	/*
	==================================================
	PCN implementation specific styles
	==================================================
	*/
	.map-canvas .panel .PCN_detailWrap { margin: 0 20px; }
	/*
	.map-canvas .panel .PCN_detailAreaServed {}
	.map-canvas .panel .PCN_detailPhone {}
	.map-canvas .panel .PCN_detailClinics {}
	*/
	.map-canvas .panel .PCN_detailDescription { margin: 0.5em 0; }
	
	.map-canvas .panel .PCN_detailLabel { margin-right: 0.5em; color: #777;}

	.mapPrintablePageLinks {
		text-align: left;
		margin-bottom: 20px;
	}
	
	ul.PCN_mapLegend {
		list-style-type: none;
		margin: 40px 0 0;
		padding: 0;
		float: right;
		width: 120px;
	}
	ul.PCN_mapLegend li {
		margin: 0 0 2px;
	}
	ul.PCN_mapLegend li span 
	{
		display: inline-block;
		margin: 0 0 2px 8px;
		font-size: 12px;
	}