/**
 * @package Joomla 1.5
 * @copyright Copyright (C) 2008-2009 Jan's Joomla. All rights reserved.
 *
 * @component GoogleMapPRO
 * @version 1.0.3 : googlepro.css
 * @copyright Copyright (C) Jan Sangill
 **/

/*THE CONTAINER*/
#googlecontainer {
	margin: 0;
	padding: 0;
	position: relative;	
}

/*THE MAP*/
#googlecontainer #googlemap{
	margin: 0 0 10px 0;
	padding: 0;
	z-index: 100;
}

/*THE CATEGORIRES*/
#googlecontainer #googlemapCategories_top, #googlecontainer #googlemapCategories_bottom {	
	width: 550px;
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #ffffff;
}


#googlecontainer #googlemapCategories_left {	
	width: 35%;
	padding: 10px;
	background-color: #DEDBDB;
	float: right;

}

#googlecontainer #googlemapCategories_bottom .cats, #googlecontainer #googlemapCategories_top .cats{
	width: 330px;
	margin: 10px 0 0 10px;
	float: left;
}

#googlecontainer #googlemapCategories_left .cats{
	margin: 10px 0 0 10px;
}

#googlecontainer #googlemapCategories_bottom .cats img, #googlecontainer #googlemapCategories_top .cats img, #googlecontainer #googlemapCategories_left .cats img {
	width: 21px;
	height: 31px;
}

/*THE POPUP MARKER*/
.google_html {
	width:230px;
	height:150px;
}

.google_html_1 {
	overflow:auto;
	width:230px;
	height:150px;
}

#googlecontainer .google_html .title {
	font-weight: bold;
}

#googlecontainer .google_html .picture {
	margin: 10px 0 0 0;
}

#googlecontainer .google_html .address {
	margin: 10px 0 0 0;
}

#googlecontainer .google_html .txt {
	margin: 10px 0 0 0;
}

#googlecontainer .google_html .custom {
	margin: 10px 0 0 0;
}

#googlecontainer .google_html .weather {
	margin: 10px 0 0 0;
}

/*THE POPUP MARKER CUSTOM*/
#custom_info_window_red{
  width: 210px;
}

#custom_info_window_red_contents{
	width: 210px;
 	background-color: #FFF;
}

#custom_info_window_red_contents .google_html{
    width: 200px;	
	height: 180px;
	padding: 5px;
}

#custom_info_window_red_contents .google_html_1{
	overflow: auto;
	width: 200px;
	height: 180px;
}

#custom_info_window_red_contents .google_html .title{
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #900;
}

#custom_info_window_red_contents .google_html .address, #custom_info_window_red_contents .google_html .txt, #custom_info_window_red_contents .google_html .custom, #custom_info_window_red_contents .google_html .weather {
	margin: 0 0 5px 0;
}

#custom_info_window_red_tl{
  width: 16px;
  height: 16px;
  background: url(/components/com_googlepro/assets/images/red_tl.png) top left no-repeat transparent;
}

* html #custom_info_window_red_tl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/components/com_googlepro/assets/images/red_tl.png, sizingMethod='crop');
}

#custom_info_window_red_t{
  background: url(/components/com_googlepro/assets/images/red_t.png) top left repeat-x transparent;
}

#custom_info_window_red_tr{
  width: 16px;
  height: 16px;
  background: url(/components/com_googlepro/assets/images/red_tr.png) top left no-repeat transparent;
}

* html #custom_info_window_red_tr{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/components/com_googlepro/assets/images/red_tr.png, sizingMethod='crop');
}

#custom_info_window_red_l{
  width: 3px;
  background: url(/components/com_googlepro/assets/images/red_l.png) top left repeat-y transparent;
}
#custom_info_window_red_r{
  width: 3px;
  background: url(/components/com_googlepro/assets/images/red_r.png) top right repeat-y transparent;
}

#custom_info_window_red_bl{
  width: 16px;
  height: 16px;
  background: url(/components/com_googlepro/assets/images/red_bl.png) top left no-repeat transparent;
}

* html #custom_info_window_red_bl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/components/com_googlepro/assets/images/red_bl.png, sizingMethod='crop');
}

#custom_info_window_red_b{
  background: url(/components/com_googlepro/assets/images/red_b.png) top left repeat-x transparent;
}

#custom_info_window_red_br{
  width: 16px;
  height: 16px;
  background: url(/components/com_googlepro/assets/images/red_br.png) top left no-repeat transparent;
}

* html #custom_info_window_red_br{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/components/com_googlepro/assets/images/red_br.png, sizingMethod='crop');
}

#custom_info_window_red_close{
  width: 21px;
  height: 21px;
  background: url(/components/com_googlepro/assets/images/red_close.png) top left no-repeat transparent;
  cursor: pointer;
}

* html #custom_info_window_red_close{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/components/com_googlepro/assets/images/red_close.png, sizingMethod='crop');
}

#custom_info_window_red_max{
  width: 21px;
  height: 21px;
  background: url(/components/com_googlepro/assets/images/red_max.png) top left no-repeat transparent;
  cursor: pointer;
}

* html #custom_info_window_red_max{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/components/com_googlepro/assets/images/red_max.png, sizingMethod='crop');
}

#custom_info_window_red_min{
  width: 21px;
  height: 21px;
  background: url(/components/com_googlepro/assets/images/red_min.png) top left no-repeat transparent;
  cursor: pointer;
}

* html #custom_info_window_red_min{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/components/com_googlepro/assets/images/red_min.png, sizingMethod='crop');
}

#custom_info_window_red_beak{
  width: 28px;
  height: 38px;
  background: url(/components/com_googlepro/assets/images/red_beak.png) top left no-repeat transparent;
}

* html #custom_info_window_red_beak{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/components/com_googlepro/assets/images/red_beak.png, sizingMethod='crop');
}


/*THE OPTIONS - BELOW THE MAP*/
#googlecontainer #google_options {
	width: 550px;
	height: 35px;
	padding: 15px;
	background-color: #ffffff;
}

#googlecontainer #google_options .findAddress {
	width: 75px;
	height: 35px;
	padding: 7px 0 0 40px;
	background-image: url(/components/com_googlepro/assets/images/address.png);
	background-repeat: no-repeat;
	text-decoration:none;
	display: block;
	float: left;
}

#googlecontainer #google_options .routePlanning {
	width: 145px;
	height: 35px;
	margin: 0 0 0 20px;
	padding: 7px 0 0 0px;
	background-image: url(/components/com_googlepro/assets/images/routeplanning.png);
	background-repeat: no-repeat;
	text-decoration:none;
	display: block;
	float: left;
}

#googlecontainer #google_options #resetmap {
	width: 95px;
	height: 35px;
	margin: 0 0 0 20px;
	padding: 7px 0 0 40px;
	background-image: url(/components/com_googlepro/assets/images/reset.png);
	background-repeat: no-repeat;
	text-decoration:none;
	display: block;
	float: right;
}

/*THE FIND ADDRESS POPUP*/
#googlecontainer #getSearchBar .search_bar {
	width: 350px;
	height: 100px;
	padding: 10px;
	position: absolute;
	top: 30%;
	left: 20%;
	border: 1px solid #b2b2b2;
	background-color: #fafafa;
}

#googlecontainer #getSearchBar .search_bar fieldset {
	margin: 0;
	padding: 0;
}

#googlecontainer #getSearchBar .search_bar legend {
	padding: 20px 0 10px 0;
	font-size: 16px;
}

#googlecontainer #getSearchBar .search_bar .input {
	width: 220px;
	height:15px;
	padding: 3px 0 3px 5px;
	margin: 0;
	border: 1px solid #999999;
	font-size: 10px;
	font-style:italic;
	float: left;
}

#googlecontainer #getSearchBar .search_bar .btn {
	width: 57px;
	height: 23px;
	line-height: 24px;
	margin: 0 0 0 2px;
	background-image: url(/components/com_googlepro/assets/images/find_btn_bg.gif);
	background-repeat: no-repeat;
	border: 0;
	font-size: 10px;
	cursor: pointer;
	float: left;
}

#googlecontainer #getSearchBar .search_bar .close_window {
	float: right;
}

/*THE ROUTEPLANNING POPUP*/
#googlecontainer #getRouteplanningBar .routeplanning_bar {
	width: 500px;
	height: 170px;
	padding: 10px;
	position: absolute;
	top: 20%;
	left: 9%;
	border: 1px solid #b2b2b2;
	background-color: #fafafa;
}

#googlecontainer #getRouteplanningBar .routeplanning_bar .close_window{
	float: right;
}

#googlecontainer #getRouteplanningBar .routeplanning_bar fieldset {
	margin: 0;
	padding: 0;
}

#googlecontainer #getRouteplanningBar .routeplanning_bar legend {
	padding: 20px 0 10px 0;;
	font-size: 16px;
}

#googlecontainer #getRouteplanningBar .routeplanning_bar #from_address {
	width: 150px;
	height:15px;
	padding: 3px 0 3px 5px;
	border: 1px solid #999999;
	font-size: 10px;
}

#googlecontainer #getRouteplanningBar .routeplanning_bar #complete_from_address {
	width: 250px;
	height:15px;
	padding: 3px 0 3px 5px;
	border: 1px solid #999999;
	font-size: 10px;
}

#googlecontainer #getRouteplanningBar .routeplanning_bar #from_zipcode {
	width: 70px;
	height:15px;
	padding: 3px 0 3px 5px;
	border: 1px solid #999999;
	font-size: 10px;
}

#googlecontainer #getRouteplanningBar .routeplanning_bar #from_town {
	width: 100px;
	height:15px;
	padding: 3px 0 3px 5px;
	border: 1px solid #999999;
	font-size: 10px;
}

#googlecontainer #getRouteplanningBar .routeplanning_bar select {
	width: 155px;
	padding: 3px 0 3px 0;
	margin: 0;
	border: 1px solid #999999;
	font-size: 10px;
}

#googlecontainer #getRouteplanningBar .routeplanning_bar label {
	width: 100px;
}

#googlecontainer #getRouteplanningBar .routeplanning_bar .btn {
	width: 140px;
	height: 23px;
	line-height: 23px;
	background-image: url(/components/com_googlepro/assets/images/route_btn_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	color: #363636;
	border: 0;
	cursor: pointer;
	display: block;
}

/*THE STREETVIEW (PANO)*/
#googlecontainer #pano{
	margin: 20px 0 20px 0;
	padding: 0;
}

/*THE DIRECTIONS*/
#googlecontainer #directions{
	margin: 0;
	padding: 0;
}

#googlecontainer .print_btn {
	width: 140px;
	height: 23px;
	line-height: 23px;
	background-image: url(/components/com_googlepro/assets/images/route_btn_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	color: #363636;
	border: 0;
	cursor: pointer;
	display: block;
	float: left
}

#googlecontainer #direction_feedback {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #999999;
}

#googlecontainer #direction_started {
	margin: 0 0 0 10px;
}

/*THE ADVANCED LIST*/
#googlecontainer #google_list {
	margin: 15px 0 0 0;
}

#googlecontainer #google_list h2{
	margin: 10px 0 15px 0;
	font-size: 16px;
	font-weight:normal;
}

#googlecontainer #listings, #googlecontainer #advanced_listings {
	width: 610px;
	border-collapse:collapse;
}

#googlecontainer #listings th {
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #919191;
	color: #FFF;
	
}

#googlecontainer #listings .td1 {
	width: 80%;
	padding: 3px;
	background-color: #DEDBDB;
	border: 1px solid #FFFFFF;
}

#googlecontainer #listings .td2 {
	width: 20%;
	padding: 3px;
	background-color: #DEDBDB;
	border: 1px solid #FFFFFF;
}

#googlecontainer #advanced_listings .td1 {
	width: 120px;
	padding: 10px;
	background-color: #DEDBDB;
	border-bottom: 8px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

#googlecontainer #advanced_listings .td2 {
	width: 450px;
	padding: 10px;
	background-color: #DEDBDB;
	border-bottom: 8px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

#googlecontainer #advanced_listings .td3 {
	width: 40px;
	padding: 10px;
	background-color: #DEDBDB;
	border-bottom: 8px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

#googlecontainer .pg-normal {
	color: black;
	font-weight: normal;
	text-decoration: none;    
	cursor: pointer;    
}
#googlecontainer .pg-selected {
	color: black;
	font-weight: bold;        
	text-decoration: underline;
	cursor: pointer;
}

#googlecontainer #pageNavPosition {
	width: 600px;
	margin: 10px 0 0 0;
	padding: 5px;
	background-color: #DEDBDB;
}

/*THE COMMENTS*/
#googlecontainer #commentsAdded{
	width: 100%;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #999;
}

#googlecontainer #commentsAdded h2{
	margin: 10px 0 15px 0;
	font-size: 16px;
	font-weight:normal;
}

#googlecontainer #commentsAdded .comments {
	margin: 10px 0 10px 0;
	padding: 10px;
	background-color:#dedbdb;	
}

#googlecontainer #commentsAdded .comments .date {
	margin: 0 0 5px 0;
	color:#999999;
	font-style:italic;
}

/*THE CONTROL PANEL*/
#googlecontainer #userinteraction legend {
	padding: 15px 0 15px 0;
	font-size: 16px;
}

#googlecontainer #userinteraction .btn {
	width: 57px;
	height: 23px;
	line-height: 24px;
	margin: 0 0 0 2px;
	background-image: url(/components/com_googlepro/assets/images/find_btn_bg.gif);
	background-repeat: no-repeat;
	border: 0;
	font-size: 10px;
	cursor: pointer;
	float: left;
}

#googlecontainer #userinteraction #user_choice {
	width: 140px;
	padding: 3px 3px 3px 3px;
	border: 1px solid #999999;
	font-size: 10px;
	float: left;
}

#googlecontainer #userform, #googlecontainer #userform_polygon, #googlecontainer #userform_comments {
	margin: 20px 0 0 0;
	display: none;
}

#googlecontainer #userform fieldset,#googlecontainer #userform_polygon fieldset, #googlecontainer #userform_comments fieldset{
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #dedbdb;
}

#googlecontainer #userform legend, #googlecontainer #userform_polygon legend, #googlecontainer #userform_comments legend {
	display: none;
}

#googlecontainer #userform input {
	width: 310px;
	height:15px;
	padding: 3px 0 3px 5px;
	margin: 0;
	border: 1px solid #999999;
	font-size: 10px;
	float: left;
}
#googlecontainer #userform_polygon .input, #googlecontainer #userform_comments .input  {
	width: 310px;
	height:15px;
	padding: 3px 0 3px 5px;
	margin: 0;
	border: 1px solid #999999;
	font-size: 10px;
	float: left;
}

#googlecontainer #userform select {
	width: 100px;
	padding: 3px 0 3px 0;
	margin: 0;
	border: 1px solid #999999;
	font-size: 10px;
	float: left;
}

#googlecontainer #userform textarea, #googlecontainer #userform_polygon textarea,#googlecontainer #userform_comments textarea {
	width: 315px;
	height: 80px;
	padding: 3px 0 3px 0;
	margin: 0;
	border: 1px solid #999999;
	font-size: 10px;
	float: left;
}

#googlecontainer #userform .btn,#googlecontainer #userform_polygon .btn,#googlecontainer #userform_comments .btn  {
	width: 140px;
	height: 23px;
	line-height: 23px;
	margin: 7px 0 10px 0;
	background-image: url(/components/com_googlepro/assets/images/route_btn_bg.gif);
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	color: #363636;
	border: 0;
	cursor: pointer;
	display: block;
}

#googlecontainer #userform #message {
	width: 100%;
	height: 50px;
	border: 2px solid #b2b2b2;
	background-color: #fffdd6;
	display: none;
}

#googlecontainer #userform_editDestinations {
	margin: 20px 0 0 0;
	padding: 10px;
	display: none;
	background-color: #dedbdb;
}

#googlecontainer #userform_editPolygons {
	margin: 20px 0 0 0;
	padding: 10px;
	display: none;
	background-color: #dedbdb;
}

/*GENERAL STYLES*/
#googlecontainer h1.componentheading{
	margin: 10px 0 20px 0;
	padding: 20;
}

#googlecontainer #pretext{
	margin: 0 0 10px 0;
	padding: 0;
}

#googlecontainer #aftertext{
	margin: 10px 0 0 0;
	padding: 0;
}

#googlecontainer .clear {
	clear: both;
}

#googlecontainer .googleLoading {
	width: 300px;
	height: 25px;
	margin: 10px 0 0 110px;
	line-height: 25px;
	text-align:center;
	border: 1px solid #999;
	background-color: #FAFAFA;
	font-size:14px;
	display: none;
}

#googlecontainer #userFeedback {
	width:400px;  
	height:50px;
	line-height: 50px;
	margin:-100px 0 0 -100px;  
	position:fixed;
	z-index: 10000000;  
	top:50%;  
	left:50%;  	
	display:none;
	font-weight: bold;
	text-align:center;
	border: 2px solid #b2b2b2;
	background-color: #fffdd6;
}


.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(/components/com_googlepro/assets/images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/components/com_googlepro/assets/images/bubble.png) bottom right;
}