body
{
	overflow: hidden;
}

#title {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 270px;
  height: 56px;
  text-align: center;
  z-index: 11;
}

h1 {
	font-size: 24px;
  text-indent: -5000px;
}

#title_img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
}

#ChargementEncours_img {
  position: absolute;
  left: 150px;
  top: 100px;
  z-index: 12;
}

ul.nav {
  position: absolute;
  left: 0;
  top: 33px;
  width: 262px;
  padding: 0;
  margin: 0;
  z-index: 13;
}
ul.nav li {
	display: inline;
	text-align: center;
	padding: 0 6px 0 10px;
	margin: 0;
	border-left: 1px solid;
	font-size: 11px;
}	
ul.nav li.nav_first {
	border-left: none;
	padding-left: 10px;
}

#main
{
  position: absolute;
  top: 0;
  left: 0;
	height: 100%;
	width: 100%;
}

#map
{
  position: absolute;
  top: 0;
  left: 0;
	height: 100%;
	width: 98%;
}

#options
{
  position: absolute;
  top: 0;
  left: 98%;
	height: 100%;
	width: 22px;
/*
  width: 20em;
*/
	border-left: 1px solid;
	overflow: hidden;
  background-color: White;
}

.options_bouton {
  margin: 0;
  padding: 0;
	width: 100%;
	height: 100%;
  /*background-image: url(javascript/daylight/options_v.png);*/
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
  font-family:Arial;
  font-size:10pt;
  /*font-variant: small-caps;*/
  vertical-align:middle;
  /*display:table-cell;*/
  text-transform: Capitalize; 
  font-weight:bold;
  border-style        : solid none solid solid;
	border-top-color    : #FFE1CF;
	border-bottom-color : #182052;
  border-left-color   : #C1C1C1;
  border-width        : 2px 0px 1px 2px;
  background-color:#FFAE7F;
  color:#FFEBDF;/*FFEBDF-FFF5EF*/
  padding:0 4px 0 4px;
}

div.options_bouton:hover {
  background-color:#FF9B5F;
  color:#FFFFFF;
  font-weight:bold;
}

.PourIE6_bouton {
  background-color:#FF9B5F;
  color:#FFFFFF;
  font-weight:bold;
}

#options_content
{
  padding: 0;
  display: none;
}

h3
{
  margin: 1.5em 0 0 0;
  padding: 0;
  font-size: 1.1em;
}

#options_content label
{
  display: block;
}

#auto
{
  margin: 0.2em 0 0.5em 1.3em;
  display: block;
}

input, 
select, 
button,
#am_pm
{
  margin-top: 0.3em;
  margin-bottom: 0;
  font-size: 0.9em;
  color: Black;
  background-color: White;
}

#refresh,
#clear
{
  float: right;
}

#other_label
{
  margin-top: 1.2em;
}
  
#month
{
  margin-left: 1.7em;
}

#timezone
{
  clear: left;
  margin-left: 1.7em;
}

#add,
#save
{
	margin-left: 0.5em;
}

#placer_outer
{
  z-index: 2;
  display: none;
  position: absolute;
  background-color: White;
  border: black 1px solid;
  width: 94%;
}

#placer_inner
{
  padding: 0.3em;
  border-top: gray 1px solid;
  border-left: 1px solid gray;
  border-right: silver 1px solid;
  border-bottom: silver 1px solid;
}

#placer_inner label
{
  display: inline;
}

#lat,
#lon,
#zip
{
  width: 5em;
}
#address,
#city
{
  width: 12em;
}
#state
{
  width: 2em;
}

#placer_inner span
{
  float: left;
  margin-top: 0.4em;
}
.coord_label
{
  width: 5.5em;
}
.addr_label
{
  width: 5em;
}
#state_label
{
  width: 8em;
}

#cancel
{
  text-align: right;
}
#cancel button
{
  width: 5em;
  margin-left: 0.5em;
}

#marker_list
{
  width: 100%;
  clear: right;
  margin-top: 0.3em;
  border-top: gray 1px solid;
  font-size: 85%;
  /* Note: This div also needs the style "overflow: scroll",
           but that crashed NS 7.1, so I'm doing it dynamically
           in the JS init() function. */
}

.list_line
{
  padding: 0.5em;
  border-top: silver 1px solid;
  border-left: silver 1px solid;
  border-right: gray 1px solid;
  border-bottom: gray 1px solid;
  cursor: pointer;
}
.list_line img
{
  vertical-align: top;
  margin-right: 0.5em;
  float: left;
}
.list_line .tools
{
  float: right;
  font-size: 80%;
  margin-left: 1em;
  cursor: default;
}

h4
{
  font-size: 100%;
}

#info_window
{
  font-size: 90%;
}

.info_line
{
  margin: 0.1em 0 0 0;
  padding: 0;
  font-weight: normal;
}

#lat_lon
{
	font-size: 80%;
	margin: 0 0 0.3em 1em;
}

#info_window .tools
{
  text-align: right;
  font-size: 80%;
  margin-top: 0.5em;
}

#renamer
{
  width: 17em;
  margin-top: -0.4em;
  margin-bottom: -0.1em;
}

#text
{
	position: absolute;
	top: 0;
	left: -2000px;
	width: 1000px;
}

#adsense
{
  border-top: 1px solid;
  position: absolute;
  left: 0;
  height: 15px;
  width: 100%;
}