﻿
/*
File: GoogleMap.css
Description: Contains all Google Map styling.
*/

.adjust-map,.save-new-position{cursor:pointer;}

/* General specifications */
div.google-map
{
	position: relative;
	z-index: 1;
	padding: 2px 8px 46px 3px;
}
div.google-map-tip-register .gmnoprint {overflow:hidden;}
div.google-map div.map-container
{
	background-color: #e5e3df;
}
div.google-map div.category-list
{
	position:absolute;
	padding: 12px 8px 8px 6px;
	height:184px;
	left:441px;
	top:2px;
	width:170px;
}
body.brand-id-17 div.google-map div.category-list
{
	left:423px;
	width: 200px;
}
div.google-map div.navigation-panel
{
	position: absolute;
	padding: 9px 12px 9px 9px;
	top: 0;
	left: 0;
	width:935px;
}
div.google-map div.navigation-panel a.helplink
{
	padding-top: 4px;
	float: right;
}
div.google-map div.navigation-panel a.show-large-map-link
{
	padding-top: 4px;
	float: right;
	/*margin-right:1.2em;*/
}
div.google-map div.location-info
{
	position:absolute;
	top:158px;
	width:426px;
	height:25px;
	left:3px;
	padding:10px;
	opacity: 0.0;
	z-index: 100;
	color: #fff;
	background-color: #000;
}



/* Google fallback. Used when there are no tips to be displayed at the current location. */
div.google-map-fallback
{
	background: url(/TipsCommunity/Includes/Images/Misc/panel-wide-short-background.png) no-repeat;
	height: 200px;
	width: 624px;
}
div.google-map-fallback *
{
	display: none;
}
div.google-map-fallback a.fallback-image,
div.google-map-fallback a.fallback-image img
{
	display: block;
}



/* Small mode */
div.google-map-small
{
	width: 300px;
	height: 200px;
	background: url(/TipsCommunity/Includes/Images/Misc/panel-narrow-short-background.png) no-repeat;
}
div.google-map-small div.map-container
{
	width: 300px;
	height: 200px;
}



/* Destination mode */
div.google-map-destination, div.google-map-startpage
{
	background: url(/TipsCommunity/Includes/Images/Misc/panel-wide-short-background.png) no-repeat;
	height: 200px;
	width: 624px;
}
div.google-map-destination div.navigation-panel,
div.google-map-startpage div.navigation-panel
{
	top: auto;
	bottom: 0;
	height: 28px;
	width: 610px;
}
div.google-map-destination,
div.google-map-startpage
{
	margin-bottom: 15px;
}
div.google-map-destination .category-list ul li input, div.google-map-startpage .category-list ul li input {display:none;}
div.google-map-destination div.category-list ul li.category-item,div.google-map-startpage div.category-list ul li.category-item {padding-bottom:2px;}
div.google-map-destination span.checkbox label,div.google-map-startpage span.checkbox label{padding-left:0px;}

div.google-map-destination div.map-container, div.google-map-startpage div.map-container
{
	height: 200px;
	width: 438px;
	overflow:hidden;	
}
body.brand-id-17 div.google-map-destination div.map-container,
body.brand-id-17 div.google-map-startpage div.map-container
{
	width: 420px;
}
div.google-map-destination div.navigation-panel select.sub-location, div.google-map-startpage div.navigation-panel select.sub-location
{
	display: block;
}
div.google-map-destination div.navigation-panel select.continent,
div.google-map-destination div.navigation-panel select.country,
div.google-map-destination div.navigation-panel select.geographical-area,
div.google-map-destination div.navigation-panel select.city,
div.google-map-startpage div.navigation-panel select.continent,
div.google-map-startpage div.navigation-panel select.country,
div.google-map-startpage div.navigation-panel select.geographical-area,
div.google-map-startpage div.navigation-panel select.city,
div.google-map-profile-page div.category-list,
div.google-map-profile-page div.navigation-panel
{
	display: none;
}



/* Tip register mode */
div.google-map-tip-register div.category-list,
div.google-map-tip-register select.countries,
div.google-map-tip-register a.helplink,
div.google-map-tip-register div.navigation-panel
{
	display:none;
}

div.google-map-tip-target-listning div.category-list,
div.google-map-tip-target-listning select.countries,
div.google-map-tip-target-listning a.helplink,
div.google-map-tip-target-listning div.navigation-panel
{
	display:none;
}

/* World mode */
div.google-map-world,
div.google-map-tip-overview
{
	background:transparent url(/TipsCommunity/Includes/Images/Misc/panel-enormous-tall-background.png) no-repeat;
	height:596px;
	padding:2px 6px 3px 3px;
	width:951px;
}
div.google-map-world div.map-container,
div.google-map-tip-overview div.map-container
{
	width: 950px;
	height: 551px;
	margin-top: 40px;
	overflow:hidden;
}
div.google-map-world div.location-info,
div.google-map-world div.category-list
{
	display: none;
}



/* World mode tip overview */
div.google-map-tip-overview div.category-list
{
	background-color: #fff;
	height: 350px !important;
	left: 765px;
	width: 174px;
	top: 42px;
}
body.brand-id-17 div.google-map-tip-overview div.category-list
{
	left: 740px;
	height: 318px;
}
div.google-map-tip-overview div.category-list li
{
	margin-bottom: 25px;
}

.brand-id-17 div.google-map-tip-overview div.category-list li
{
	margin-bottom: 23px;
}

/* Google callout box. Used when there are too many tips stacked together in one place. */
div.google-callout
{
	/*position: relative;*/
	background: url("/TipsCommunity/Includes/Images/Google/callout-background.png") no-repeat;
	height:105px;
	padding:8px 13px 11px 8px;
	width:269px;/**/
}
div.google-callout div.right,
div.google-callout span.user-info
{
	width: 212px;
}
/*
div.google-callout a.close-link
{
	float: right;
	padding-right: 17px;
	background: transparent url(/TipsCommunity/Includes/Images/Misc/close.png) no-repeat right center;
}*/

div.google-callout span.user-info
{
	display: block;
	overflow: hidden;
	height: 24px;	
}
div.google-callout span.user-info a 
{
	background:none;
	margin-right:0.5em;
	padding-right:0px;
	display:inline;
}
div.google-callout div.pager
{
	position: absolute;
	width: 269px;
	bottom: 30px;
	line-height: 16px;
}
div.google-callout div.pager * {position: absolute;}
div.google-callout div.pager a.next
{
	right: 0;
	padding-right: 30px;
	background: url("/TipsCommunity/Includes/Images/Misc/arrow-right.png") no-repeat center right;
}
div.google-callout div.pager a.prev
{
	left: 0;
	padding-left: 30px;
	background: url("/TipsCommunity/Includes/Images/Misc/arrow-left.png") no-repeat center left;
}
div.google-callout div.pager span.current-count-label
{
	left: 150px;
	margin-left: -80px;
	width: 160px;
	text-align: center;
}

div.google-callout img.tip-image {float:left;}
/*div.google-callout img#TUILogoImage{margin-left:0.5em;}*/

#google-callout_window{width:290px;margin:0 auto;}
#google-callout_window_contents{left:15px;}

#google-callout_window_beak
{
	
	top:10px;
	left:152px;
	width: 18px;
	height: 14px;
	background: url('/TipsCommunity/Includes/Images/Google/callout-arrow.png') top left no-repeat transparent;
}
* html #google-callout_window_beak
{
	/* Alpha transparencies hack for IE */
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/TipsCommunity/Includes/Images/Google/callout-arrow.png', sizingMethod='crop');
}
#google-callout_window_tl, #google-callout_window_tr, #google-callout_window_bl, #google-callout_window_br,
#google-callout_window_t,#google-callout_window_l,#google-callout_window_r,#google-callout_window_b
{
	height: 0px;
	width: 0px;
}

div#google-callout_window_close
{
	width: 11px;
	height: 11px;
	margin: 2px 0pt 0pt -7px
	cursor: pointer;	
	background: transparent url(/TipsCommunity/Includes/Images/Misc/close.png) no-repeat right center;
}

div.LabeledMarker_markerLabel  {
  color: #fff;
  font-weight:bold;
  font-family: Arial;  
}

div.google-no-hits
{
	/*position: relative;*/
	background: url("/TipsCommunity/Includes/Images/Google/panel-map-info.png") no-repeat;
	height:125px;
	padding:8px 13px 11px 0px;
	width:290px;
	position:absolute;
	top:212px;left:236px;
}
div.google-no-hits p
{
	text-align:center;
}

div.google-no-hits input#close-button
{
	bottom:34px;
	left:114px;
	margin-bottom:5px;
	position:absolute;
}

/* Alla #simple_example_window bör kunna tas bort, dubbelkollas.*/
/*
  #simple_example_window{
    width: 307px;
  }
  #simple_example_window_contents{
    background-color: #FFF;
  }
  #custom_info_window_red_beak{
    width: 28px;
    height: 38px;
    background: url('../examples/images/corners/red_beak.png') top left no-repeat transparent;
  }*/
  /** html #simple_example_window_beak{
    / Alpha transparencies hack for IE /
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../examples/images/corners/red_beak.png', sizingMethod='crop');
  }
  #simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, #simple_example_window_br,
  #simple_example_window_t,#simple_example_window_l,#simple_example_window_r,#simple_example_window_b{
    background-color: #F00;
    height: 2px;
    width: 2px;
  }
*/