﻿/* Copyright © Pinmaps.net */
/* MAP STYLES */
/*------------------------------------------------*/
html, body, form {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #fff;  /* #EAECE0 #E5E5E5  #C7CBBA  #EAECE0  #D7D7CE*/
	background-image: none;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    font-size:12px;
}

/*------------------------------------------------*/
/* SITE'S TOP MENU */
.topmenu { 
	border: 0px; 
	border-style: none;
	position: absolute; 
	top: 4px; 
	left: 8px;
	font-size: 12px;
	font-family: Arial,sans-serif;
}

/*------------------------------------------------*/
/* Map's minitabs */
#minitabs {
	width:270px;
	margin:0;
	padding:0 0 0.4em 0;
	background: #EAEAE1 none;
	border-bottom:#959595 1px solid; 
}
#minitabs ul li span.current_item {
	font-weight:bold;
	font-size:0.9em;
	display:block;
	background: #D7D7CE none;
	padding:0.4em 0 0.45em 0;
	border-right:1px solid #C3C3CB;
}
#minitabs ul li span {
	display:block;
	border-right:1px solid #C3C3CB;
}
#minitabs ul {
	margin: 0;
	padding:0;
	list-style-type: none;
	text-align: center;
}
#minitabs ul li {
	margin: 0;
	float: left;
	height:1.45em;
	display: inline;
	width: 7.46em; 
	background: #EAEAE1 none;
	text-align: center;
}
#minitabs ul li a {
	display: block;
	width: 100%;
	text-decoration: none;
	padding:0.3em 0 0.4em 0;
}
#minitabs ul li a:hover {
	background: #D7D7CE none; /* #696C37 */
	color:#fff; font-weight:normal;
	height:1.12em;
}

/*------------------------------------------------*/
/* Site's menu bar */
.menubar { 
	border-bottom: #959595 1px solid;
	border-top: #D7D7CE 3px solid;  
	background-color: #D7D7CE; 
	height:1%;
	text-align:left;
	font-size:12px; 
	padding-left:10px; padding-bottom:3px;
}

/*------------------------------------------------*/
/* Header - Miscellaneous */
.header { 
	border: 0px; 
	border-style: none;
	position: absolute; 
	padding-left:8px; 
	top: 42px; 
}
.version {
	font-size:0.8em; 
	color:#a9a9a9; 
	position:absolute; 
	top:0px; right:3px; 
	z-index:1;
}
.sqlMessage {
	font-size:1em; color:#CC3333; font-weight:bold; 
	position:absolute; bottom:0px; right:20px; 
	z-index:1;	
}

/*------------------------------------------------*/
/* MY MAPS - PUBLIC MAPS */
.tblmain {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0; 
	border-spacing:0;
	border:solid 0px #000000;
}
.tblHeader {
	width:100%;
	margin: 0;
	padding: 0; 
	border-spacing:0;
	border:solid 0px #0000CC;
}
td.tblHeader{
	width:275px;
	border: solid 0px #0000ff;
}
td.topSite { /* Site & Users.Master */
	height:98px;  /* height:98px; height: 12.4%; */
	border:solid 0px #FF0000; border-bottom:solid 1px #eee;
	background-color:#fff; 
}
.menuLbls { 
	padding: 0 20px 0 20px;
}
#mapTblcol { 
	background-color:#fff; 
	border:solid 0px #0000ff;  
	padding:0px 0px 0px 0px; 
	vertical-align:top; 
	width:84%;   /* height:79.7%; */
	height:81%; 
}
#pointTblcol { 
	background-color:#fff;
	/* padding:8px 14px 0px 12px; */
	vertical-align:top; 
	text-align:left;
	height:52%;
}
#spnMap {
	background-color:#e5e3df;
	border-bottom:solid 1px #959595; border-left:solid 1px #959595; border-right:solid 1px #959595;
	height:100%; padding:0; margin:0;
}
.pointDiv { 
	background-color:#fff;
	border: solid 1px #959595; 
	padding:0 0 0 5px; 
	height:100%;
	overflow:auto;
}
.pointDiv a:link, a:active, a:visited { 
	color: #000088;
	font-size: 12px;
}
.pointDiv a:hover { 
	color: #000;
	/* background-color: #3464D2; */
	text-decoration: underline;
	font-size: 12px; 
}
.countLbls { 
	font-size:8pt; 
	color:#000000; 
	font-family:Verdana; 
}
.countDivM {
	padding:2px 0 8px 0;
}
.countDivP {
	padding:18px 0 8px 0;
}
#showMarkersDiv {
	padding:5px 0 0 8px;
}
.cboMap {
	width:235px; 
	background-color:#EAECE0;
}
.spnShowMarkers {
	color:#5F5B5B;
	font-family:Verdana;
	font-size:8pt; 
	vertical-align:3px;
}
.infoCol {
	vertical-align:top; 
	background-color:#fff; 
	/* height:30px; */
	border: solid 0px #ff0000;
}
.infoDiv {
	text-align:left; 
	padding:5px 0 5px 5px;
	border: solid 0px #0000CC;
}
#panoDiv {
	/*text-align:center; 
	padding:15px 0 10px 0;*/
	background-color:#fff;
	position:absolute;
	bottom:50px;
	left:25%; border:solid 1px #CC3333;
}
span.welcome {
	font-weight:bold; border:solid 1px #000; padding:2px 5px 2px 5px; color:#fff; background:#CC3333; 
}
span.text {
	font-size:0.8em;
}
span.textH {
	font-size:0.9em;
}
ul.text {
  margin-top: 0px;    /* gets rid of space at the top */
  margin-left: 17px;  /* gets rid of extra space to the left  (IE) */
  padding-left: 0px;  /* gets rid of extra space to the left  (Firefox) */
  margin-bottom: 0px; /* gets rid of space at the bottom */
  font-size:0.8em; 
}
#divShared, #divWelcome, #divLogin {
	padding:25px 0 0 12px; width:250px;  
}
#divDirections {
	padding:25px 0 20px 12px; width:250px; height:450px;
}
#divMaps {
	padding:8px 12px 0px 13px; 
	/* width:238px; */
}
.infoWindowStl {
	width:330px; height:260px;	
}

.bar_divider{margin-top:-.1em;vertical-align:top}
.bar_icon_divider{background:no-repeat url(http://maps.google.com/intl/en_us/mapfiles/hpimgs6.png) -32px 0;width:2px;height:19px}
#expand_map_panel{position:absolute;right:1px;}
#collapse_map_panel{position:absolute;right:1px;}

.pointFullDiv {  /* for testing only */ 
	background-color:#fff;
	border: solid 1px #959595; 
	height:75%;
	overflow:auto;
}
#lblLatitud { 
	font-size:12px;
	color:#000000;
	background-color:#fff;
	position:absolute;
	bottom:172px;
	left:8px; border:solid 1px #CC3333;
}
#lblLongitud { 
	font-size:12px;
	color:#000000;
	background-color:#fff;
	position:absolute;
	bottom:80px;
	left:8px; border:solid 1px #CC3333;
}
.spnCoordsOnIdle {
	font-size:12px;
	color:#000000;
	background-color:#fff;
	border:solid 1px #CC3333;
	/* position:relative;
	bottom:80px;   
	left:8px; */
}
.spnCoordsOnSearch {
	font-size:12px;
	color:#000000;
	background-color:#fff;
	border:solid 1px #CC3333;
	/*position:relative;
	bottom:250px;   
	left:8px;*/ 
}
.searchBoxOn {
	background-color:#FFCC66;
	font-size:12px;
}
.searchBoxOff {
	background-color:#fff; 
	font-size:12px;
}
.imgSearchBox {
	cursor:pointer; 
	padding-left:5px;
	border:0px;
}
.selM_layer, .selM_Map { /* Dropdown box */
	color:black;  
	background-color:#fff;
	font-size:12px; 
	font-family:Arial, sans-serif;
	border:1px solid #000;
	padding:0px;
	text-align: center;
	cursor: pointer;
	/* -moz-border-radius: 4px; */
}
#selLayer, #selMap {
	width:80px;
	font-weight:normal;
}


/*------------------------------------------------*/
/* Newsflash */
#newsflash {
	position: absolute; right:10px; top:80px;
	color:#D41818; 
	font-size:11px; 
	text-align:center; 
	visibility:visible;
}

/*------------------------------------------------*/
/* Sky Box */
#skybox { 
	position: relative; 
	top: -11px;
	margin: 0 auto; 
	margin-top: 0px; 
	margin-bottom: -22px;
	width: 400px; 
	height: 3em; 
	visibility:hidden; 
	text-align:center;
}
.skybox_tbl {
	margin:0; padding:0; width: 100%; 
}
.skybox_td {
	padding-left: 0px; vertical-align:middle;
}
.skybox_td_center {
	padding-left: 0px; text-align: center;
}
.skybox_outline { 
	background: url('../Images/ImgBox/skybox_back.gif');
}
.skybox_top div { 
	background: url('../Images/ImgBox/skybox_tl.gif') no-repeat left top;
}
.skybox_text { 
	text-align: left; font-weight: bold; color:#000000; font-size:11px; padding-left:5px; padding-right:5px;
}
.skybox_top {
	background: url('../Images/ImgBox/skybox_tr.gif') no-repeat right top;
}
.skybox_bot div { 
	background: url('../Images/ImgBox/skybox_bl.gif') no-repeat left bottom;
}
.skybox_bot { 
	background: url('../Images/ImgBox/skybox_br.gif') no-repeat right bottom;
}
.skybox_top div, .skybox_top, .skybox_bot div, .skybox_bot { 
	width: 100%; height: 5px; font-size: 1px; 
}
.skybox_content { 
	margin: 0 7px; 
}

/*------------------------------------------------*/
/* Map Context Menu */
div.contextmenu{
	background:#FFFFFF url('../img/bkg.pngf') repeat-y;
	border:1px solid #8888FF;
	opacity:0.90;
	filter: alpha(opacity=90)
}
div.contextmenu ul {
	list-style-image: url('../Images/pinned.gif');
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
div.contextmenu ul li{
	display:block;
	padding:1px;
	line-height:100%;
	margin:0;
}
div.contextmenu ul li a {
	border:none;
	padding:3px 21px 3px 30px;
	display:block;
	text-decoration:none;
	color:#233D6D;
	font-size:11px;
	font-family:tahoma,arial,sans-serif;
}
div.contextmenu ul li a:hover  {
	color:#233d6d;
	background:#c3daf9;
	border:1px solid #8BB8F3;
	padding:2px 20px 2px 29px;
} 

/*------------------------------------------------*/
/* My Maps page bullet list */
.hplist {
	list-style-position:outside;
	color:#000000;
	list-style-type: square;
	list-style-image: url('../Images/bullet_red_pin.png');
}

/*------------------------------------------------*/
/* MAP ICON TOOLS */
#hand_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bsu.png);
}
#hand_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bsd.png);
}
#placemark_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bmu.png);
}
#placemark_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bmd.png);
}
#line_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Blu.png);
}
#line_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bld.png);
}
#shape_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bpu.png);
}
#shape_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bpd.png);
}

/*------------------------------------------------*/
/* EXTINFOWINDOW */
#simple_example_window{
  width: 300px;
}
#simple_example_window_contents{
  background-color: #FFF;
}
#custom_info_window_red_beak{
  width: 28px;
  height: 38px;
  background: url('http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/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='http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/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;
}
/* cutom infowindow */
#custom_info_window_red{
  width: 330px;
  background-color: #FFF;
}
#custom_info_window_red_contents{
  background-color: #FFF;
}
#custom_info_window_red_tl{
  width: 16px;
  height: 50px;
  background: url('http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_tab_tl.png') top left no-repeat transparent;
}
* html #custom_info_window_red_tl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_tab_tl.png', sizingMethod='crop');
}
#custom_info_window_red_t{
  background: url('http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_tab_t.png') top left repeat-x transparent;
}

* html #custom_info_window_red_t{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_tab_t.png', sizingMethod='scale');
}
#custom_info_window_red_tr{
  width: 16px;
  height: 50px;
  background: url('http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_tab_tr.png') top left no-repeat transparent;
}
* html #custom_info_window_red_tr{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_tab_tr.png', sizingMethod='crop');
}
#custom_info_window_red_l{
  width: 3px;
  background: url('http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_l.png') top left repeat-y transparent;
}
#custom_info_window_red_r{
  width: 3px;
  background: url('http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_r.png') top right repeat-y transparent;
}
#custom_info_window_red_bl{
  width: 16px;
  height: 16px;
  background: url('http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_bl.png') top left no-repeat transparent;
}
* html #custom_info_window_red_bl{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_bl.png', sizingMethod='crop');
}
#custom_info_window_red_b{
  background: url('http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_b.png') top left repeat-x transparent;
}
#custom_info_window_red_br{
  width: 16px;
  height: 16px;
  background: url('http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_br.png') top left no-repeat transparent;
}
* html #custom_info_window_red_br{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_br.png', sizingMethod='crop');
}
#custom_info_window_red_close{
  width: 21px;
  height: 21px;
  margin-top: 32px;
  background: url('http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/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='http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_close.png', sizingMethod='crop');
}
#custom_info_window_red_beak{
  width: 28px;
  height: 38px;
  background: url('http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_beak.png') top left no-repeat transparent;
}
* html #custom_info_window_red_beak{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_beak.png', sizingMethod='crop');
}
#custom_info_window_red_contents .section1{
  margin: 0;
  padding: 0;
}
#custom_info_window_red_contents .section2{
  margin: 0;
  padding: 0;
  background-color: #FFDFDF;
  border-bottom: dotted 1px #900;
  border-top: dotted 1px #900;
}
#custom_info_window_red_contents .tab_contents p{
  margin: 1px 0;
  padding: 5px;
}
#custom_info_window_red_contents .title{
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
  background-color: #900;
}
/* styles for tabs part */
.tabs_header{
  position: absolute;
  top: -31px;
  left: 16px;
  float: left;
}
#tab0, #tab1{
  float: left;
  background: url('http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_tab.png') top left no-repeat transparent;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  width: 60px;
  height: 16px;
}
.tabs_header .tab p.contents{
  margin: 5px 0 0 15px;
  _margin-top: 4px;
  padding: 0;
}
* html #tab0, * html #tab1{
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/examples/images/corners/red_tab.png', sizingMethod='crop');
  height: 16px;
  width: 60px;
  padding: 0;
  margin: 0;
}
.tab_contents{
  position: relative;
  top: 0;
  left: 0;
  font-size: 13px;
}
#tab0_content{
  position: relative; 
  top: 0;
  left: 0;
}
#tab1_content{
  position: absolute;
  top: 0;
  left: 0;
  display:none;
}


