/*
 * webtrees googlemap V3 css
 *
 * webtrees:Web based Family History software
 * Copyright (C) 2012 webtrees development team.
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
 *
 * $Id: wt_v3_googlemap.css 14105 2012-07-13 07:22:38Z nigel $
 *
 * @author Brian Holland
*/

#googlemap_left{margin-top:-14px;}
div.infowindow {max-height:260px; overflow-x:hidden;}

#iwhead {text-align:center; font-size:10px; white-space:normal; margin-right:0px; margin-left:-2px; margin-top:-1px; background:#ffffff; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; border-left:0px solid #bbbbbb; border-right:0px solid #bbbbbb; padding-left:.2em; padding-right:.2em; padding-top:.3em; padding-bottom:.3em; width:300px;}
#iwhead a:hover {color:red;}
#iwcontent {background-color:#eeeeee; border:1px solid #bbbbbb; margin-right:0em;}
#iwcontent a {color:black;}
#iwhead a {color:#0000cc;}
#iwcontent a:hover {color:red;}

#gmtabs {background-color:#eeeeee; border:0px solid red; margin-top:0em; margin-left:-2px; font-size:11px; margin-right:4.5em; width:247px;}
#gmtabs ul {margin-left:-2px; border:0px solid red; border-bottom:1px solid #aaaaaa;}

h4 {margin-bottom:-0.1em;}

#txt {width:300px; margin-top:-8px; margin-left:-8px; background:#ffffcc; text-align:center;}
#pano {width:297px; height:216px; margin-left:0px; margin-top:0em; border-top:1px solid #aaaaaa;}

.highlt_img {width:60px; background-color:#eeeeee; text-align:center;}
.highlt_img img{float:none; border:none;}

/* root element for tabs */
ul.tabs {margin:0 !important; padding:0; padding-left:2px; padding-top:2px; height:20px; border:1px solid #666; background:#ddeeff; width:296px;}
/* single tab */
ul.tabs li {float:left; padding:0; margin:0; margin-left:2px; list-style-type:none;}
/* link inside the tab. uses a background image */
ul.tabs a {float:left; font-size:13px; display:block; /* padding:5px 30px; */ padding:0px 10px; text-decoration:none; border:1px solid #666; border-bottom:0px; height:18px; background-color:#efefef; color:#777; margin-right:2px; position:relative; top:1px; outline:0; border-radius:4px 4px 0 0;}
ul.tabs a:hover { background-color:#ffffff; color:#333;} 
/* selected tab */
ul.tabs a.current {background-color:#fff; border-bottom:1px solid #ddd; color:#000; cursor:default;}
/* tabs */
#EV {background:#ffffff; padding-bottom:1px;}
#SV {background:#cccccc; padding-bottom:0px;}
#PH {background:#cccccc; padding-bottom:0px;}
#SP {background:#cccccc; padding-bottom:0px;}
/* tab panes */
#pane1 {display:block;}
#pane2 {display:none;}
#pane3 {display:none;}
#pane3_text, #pane4_text {margin-left:10px;}

/* view_type */
#view_type {display:block; margin-top:-12px;}
#view_type td {width:360px;}
#view_type form{width:360px; text-align:center;}

/* Elements To be defined later (leave as dislay:none; for now) */ 
/* sidebar */
#s_bar {display:none; width:370px; border:1px solid black; margin-bottom:1em;}
#s_bar td{padding-left:5px; width:370px; text-decoration:none; color:#4444ff; background:#aabbd8;}

/* TODO: use the same markup as the icons on the facts/events tab? */
.icon_BAPM, .icon_CHR, .icon_RETI, .icon_CENS, .icon_BURI, .icon_CREM, .icon__MILI, .icon_RESI, .icon_DEAT, .icon_OCCU, .icon_BIRT {display:block; background:url('../images/css_sprite_facts.png') no-repeat;}
.icon_BAPM,
.icon_CHR   {background-position:-0px -0px; width:60px; height:60px;}
.icon_RETI  {background-position:-60px -0px; width:60px; height:60px;}
.icon_CENS  {background-position:-120px -0px; width:60px; height:60px;}
.icon_CREM,
.icon_BURI  {background-position:-0px -60px; width:60px; height:60px;}
.icon__MILI {background-position:-60px -60px; width:60px; height:60px;}
.icon_RESI  {background-position:-120px -60px; width:60px; height:60px;}
.icon_DEAT  {background-position:-0px -120px; width:60px; height:60px;}
.icon_OCCU  {background-position:-60px -120px; width:60px; height:60px;}
.icon_BIRT  {background-position:-120px -120px; width:60px; height:60px;}

/* places_edit */
#gname {vertical-align:middle; margin-top:0px; white-space:pre-wrap; width:200px; height:60px;}
#namelink {padding-bottom:5px;}
#iwcontent_edit {background-color:#eeeeee; border:1px solid #bbbbbb; height:60px; margin-right:0em;}
#iwcontent_edit a {color:black;}
#iwcontent_edit a:hover {color:red;}

/* googlemap_style */
#map_type {margin:0; padding:0; font-family:Arial; font-size:10px; list-style:none;}
#map_type li {display:block; width:70px; text-align:center; padding:2px; border:1px solid black; cursor:pointer; float:left; margin-left:2px;}
#map_type li.non_active {background:white; color:black; font-weight:normal;}
#map_type li.active {background:gray; color:white; font-weight:bold;}
#map_type li:hover {background:#ddd;}
#googlemap_left {margin-top:-14px !important;}