/*  
Site Name: Christchurch & Canterbury Tourism  i-map implementation
Site URI: www.christchurchnz.com
Description: styles to support the g-map-container
Version: 1.0
Author: Murray Roke
Author URI: www.terabyte.co.nz
*/

/* ---- Map ------------------------------------------------------------------------------------------------------------*/
.g-map-container 
{
	display:none;
	background: #99B3CC;
	overflow: hidden;
}

/* ---- new nav----------------------------------------- */

#ie6 .png,
#ie6 .g-map-container .nav a, 
#ie6 .g-map-container .nav .zoom div.slider, 
#ie6 .g-map-container .nav .ui-slider-handle,
#ie6 .g-map-container .category,
#ie6 .g-map-container .type a,
#ie6 .g-map-container .info-pane .inner{
	behavior: url(/js/iepngfix.htc);
}

.g-map-container .info-pane
{
	background:white;
	position:absolute;
	top: 10px;
	left: 100px;
	width: 300px;
	height: 300px;
}

.g-map-container a
{
	cursor:pointer;
}

.g-map-container .type
{
	font-family:Arial;
	position:absolute;
	width: 207px;
}

	.g-map-container .type a
	{
		display:inline-block;
		height: 40px;
		background: transparent url(/images/Interface/map/type.png);
	}
	
	.g-map-container .type a.map {width:57px;			background-position:0 0;}
	.g-map-container .type a.satellite { width:78px;	background-position:-57px 0; }
	.g-map-container .type a.terrain { width:70px;		background-position:-135px 0; }
	
	.g-map-container .type a.map.selected       { background-position:0 40px;}
	.g-map-container .type a.satellite.selected { background-position:-57px 40px; }
	.g-map-container .type a.terrain.selected   { background-position:-135px 40px; }

	.g-map-container .type a.map:hover       { background-position:0 83px;}
	.g-map-container .type a.satellite:hover { background-position:-57px 83px; }
	.g-map-container .type a.terrain:hover   { background-position:-135px 83px; }
	

	.g-map-container .type a.selected
	{
		font-weight:bold
	}


.g-map-container .category
{
	font-family:Arial;
	position:absolute;
	width:176px;
	background:transparent url(/images/Interface/map/bg-category.png);
	padding: 4px 8px 0px 25px;
}

	.g-map-container .category span.icon {
		float:left;
		background-image: url(/Images/Interface/map/ico-listing-cat.png);
		width:30px;
		height:20px;
	}

	.g-map-container .category label {
		clear:both;
		display:block;
		padding-top:9px;
		overflow:hidden;
		text-transform:uppercase;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		color: #333;
	}
	
		#ie6 .g-map-container .category label {
			zoom: 1;
		}
	
	.g-map-container .category input
	{
		margin-right:10px;
		vertical-align:middle;
		font-size:1.2em;
	}
	
	.g-map-container .category a {
		color: #555;
	}
	
		.g-map-container .category a:hover {
			text-decoration: underline;
		}
	

	.g-map-container h4{
		margin-bottom: 4px;
		text-transform:uppercase;
		font-size: 1.3em;
		color: #666;
	}

	.g-map-container .body{
		margin-top: 10px;
	}
	
	.g-map-container .category .toggle
	{
		float:right;
		background: transparent url(/images/Interface/map/category-toggle.png) no-repeat;
		height: 20px;
		width: 20px;
		cursor:pointer;
	}
	.g-map-container .category .toggle.closed {background-position :0 -25px;}

	
.g-map-container .nav
{
	margin:10px;
	position:absolute;
}

.g-map-container .nav .zoom
{
	margin-left: 20px;
}

	.g-map-container .nav .zoom a.in, .g-map-container .nav .zoom a.out, .g-map-container .nav .zoom div.slider
	{
		display:block;
		width: 33px; 
		background: transparent url(/images/Interface/map/slider.png);
	}

	.g-map-container .nav .zoom a.in   {height:25px; background-position:0 0;}
	.g-map-container .nav .zoom a.out  {height:30px; background-position:0 -176px ;}
	.g-map-container .nav .zoom div.slider
	{
		position:relative;
		height:151px;
		background-position: 0 -25px;
	}

	.g-map-container .nav .zoom a.in:hover     {background-position:0 -206px;}
	.g-map-container .nav .zoom a.out:hover    {background-position:0 -382px ;}
	
	.g-map-container .nav .zoom a.in:active     {background-position:0 -412px;}
	.g-map-container .nav .zoom a.out:active    {background-position:0 -588px ;}
	
	
	.g-map-container .nav .zoom .slider .ui-slider-handle
	{
		/*margin-left:6px;*/
		position:absolute;
		cursor: pointer;
		width:33px;
		height:34px;
		background: transparent url(/images/Interface/map/handle.png) no-repeat scroll 0% 0%;
	}

.g-map-container .nav .pan
{
	/*background:	url(/images/Interface/map/controls-2.png) no-repeat;*/
	height: 75px;
	width: 75px;
}
	.g-map-container .nav .pan a
	{
		position: absolute; width: 30px; height: 25px;
		background:	url(/images/Interface/map/pan.png) no-repeat;
	                               
	}
	.g-map-container .nav .pan .north {width:75px;}
	.g-map-container .nav .pan .west  {height: 15px;			left: 0px;  top: 25px;background-position:0     -25px ;}
	.g-map-container .nav .pan .centre{height: 15px;width:15px;	left: 30px; top: 25px;background-position:-30px -25px ;}
	.g-map-container .nav .pan .east  {height: 15px;			left: 45px; top: 25px;background-position:-45px -25px ;}
	.g-map-container .nav .pan .south {height: 35px;width:75px;				top: 40px;background-position:0		-40px ;}

	.g-map-container .nav .pan a.north:hover {background-position:0     -75px  ;}
	.g-map-container .nav .pan a.west:hover  {background-position:0     -100px ;}
	.g-map-container .nav .pan a.centre:hover{background-position:-30px -100px ;}
	.g-map-container .nav .pan a.east:hover  {background-position:-45px -100px ;}
	.g-map-container .nav .pan a.south:hover {background-position:0     -115px ;}

	.g-map-container .nav .pan a.north:active {background-position:0     -150px ;}
	.g-map-container .nav .pan a.west:active  {background-position:0     -175px ;}
	.g-map-container .nav .pan a.centre:active{background-position:-30px -175px ;}
	.g-map-container .nav .pan a.east:active  {background-position:-45px -175px ;}
	.g-map-container .nav .pan a.south:active {background-position:0     -190px ;}
	


/* Info Pane */

.g-map-container .info-pane {
	background:transparent url(/images/Interface/map/pop-base.png) no-repeat left bottom;
	position:absolute;
	top: 10px;
	left: 100px;
	width: 455px;
	height: auto;
	padding-bottom: 9px;
	color: #666;
}

	#ie6 .g-map-container .info-pane {
		background: #fff;
	}

.g-map-container .info-pane .inner {
	position: relative;
	padding:35px 20px 5px;	
	min-height: 300px;
	background: transparent url(/images/Interface/map/pop-top.png) no-repeat left top;
}

	#ie6 .g-map-container .info-pane .inner {
		background: #fff;
	}

.g-map-container .info-pane .inner a.close-popup { 
	position: absolute; 
	right: 15px; 
	top: 12px; 
	width:12px;
	height:12px;
	text-indent:-10000px;
	background:url(/images/Interface/map/btn-close.png) 0px 0px no-repeat;
	font-size: 1px;
	overflow: hidden;
}

.g-map-container .info-pane .inner a.close-popup:hover { 
	background-position:0px -13px;
}

.g-map-container .info-pane h2 {
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 2px;
	padding-left:0;
	padding-top:2px;
	margin-bottom: 18px;
	margin-top: 0;
	border-bottom: 1px dashed #bfbfbf; 
}

.g-map-container .info-pane .abstract p { font-size: 1.2em; color: #666; }

.g-map-container .info-pane .column { float: left; width: 190px; }
.g-map-container .info-pane .side { float: right; width: 193px; }

.g-map-container .info-pane .side p { margin: .7em 0 .7em 0; }
.g-map-container .info-pane .side strong { color:#333; }

.g-map-container .info-pane .side .tools { margin-top: 20px; }
.g-map-container .info-pane ul.options-list { list-style: none; }
.g-map-container .info-pane ul.options-list li { font-size: 1.1em; margin:0; padding:2px 0; list-style: none; }

.g-map-container .info-pane ul.options-list li a { text-transform: uppercase; }

.g-map-container .info-pane .button-link a { font-size: 1.1em; }

.g-map-container .info-pane p.info-type {
	color:#999999;
	position:absolute;
	top:10px;
	left:20px;
}

.g-map-container .info-pane p.icon {
	background-repeat:no-repeat;
	float:right;
	height:30px;
	width:30px;
	margin-top:3px;
	text-indent:-10000px;
}

.g-map-container p.icon {					background-position:0 50px;}
.g-map-container .accommodation p.icon {	background-position:0 5px;}
.g-map-container .what-to-see-do p.icon {	background-position:0 -50px;}
.g-map-container .events p.icon {			background-position:0 -100px;}
.g-map-container .shop-wine-dine p.icon {	background-position:0 -150px;}
.g-map-container .transport-tours p.icon {	background-position:0 -200px;}
.g-map-container .bar p.icon {				background-position:0 -250px;}
.g-map-container .i-site p.icon {			background-position:0 -300px;}
.g-map-container .airport p.icon {			background-position:0 -350px;}
.g-map-container .conventions p.icon {		background-position:0 -400px;}