/*--------------------------------------------------------------------------*/
/*  Western North Carolina GPS Mapper                                       *
 *  A Google Maps Mashup for WEB 289 - Spring 2008                          *
 *  (c) 2008 Jordan Mitchell                                                *
 *  All rights reserved.                                                    *
/*--------------------------------------------------------------------------*/

html {
  width: 100%;
  height: 100%;
}

p, span, div, ul, li, table, tr, td, form, label{
  font:small Trebuchet, Verdana;
}

body{
  width: 100%; height: 100%;
  margin: 0; padding: 0;
  overflow: hidden;
}

#main{
  position: absolute;
  height: 100%;
  width: 100%;
}

#map{
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0; 
  width: 100%; height: 100%;
  margin: 0; padding: 0;
  overflow: hidden;
}

#logo{
  display: none;
  /*
  position: absolute;
  bottom: 30px; right: 7px;
  width: 120px; height: 400px;
  border: 3px solid black;
  background: #FFFFFF;
  z-index: 500;
  */
}

#nav{
  position: absolute;
  top: 355px; left: 10px;
  width: 55px; height: 145px;
  background: #FFFFFF;
  border: 1px solid black;
  padding: 3px;
  z-index: 1001;
}

#toolbox{
  position: absolute;
  top: 10px; left: 75px;
  width: 250px; height: 525px;
  padding: 5px;
  border: 1px solid black;
  background: #FFFFFF;
  overflow: auto;
  z-index: 1000;
}

div#nav div{
  height: 19px;
  font-size: 8px;
  padding-left: 18px;
  margin-top: 5px;
  cursor: default;
  line-height: 9px;
}

a#reglink{
  cursor: default;
  color: black;
  text-decoration: none;
}

a img{
  border: 0;
}

dt{
  font-weight:bold;
}
dd{
  margin-left: 15px;
  margin-right: 15px;
}

div#toggleToolbox{background:url('images/icons/wrench.png') left no-repeat; margin-top:3px;}
div#home{background:url('images/icons/house.png') left no-repeat;}
div#about{background:url('images/icons/information.png') left no-repeat;}
div#search{background:url('images/icons/find.png') left no-repeat;}
div#browse{background:url('images/icons/map_magnify.png') left no-repeat;}
div#list{background:url('images/icons/text_list_bullets.png') left no-repeat;}
div#legend{background:url('images/icons/key.png') left no-repeat;}
div#help{background:url('images/icons/help.png') left no-repeat;}
div#loadRoute{background:url('images/icons/vector.png') left no-repeat;}
div#newRoute{background:url('images/icons/vector_add.png') left no-repeat;}
div#loadMap{background:url('images/icons/map.png') left no-repeat;}
div#newMap{background:url('images/icons/map_add.png') left no-repeat;}
div#clearMap{background:url('images/icons/arrow_refresh.png') left no-repeat;}

#tbcontent{
  position:relative;
}

#closetb{
  position: absolute;
  border: 0; margin: 0; padding: 0;
  width: 16px; height: 16px;
  top: 3px; right: 3px;
}

div#wrapper{
  width: 500px;
}

.mapTab{
  width: 350px; 
  height: 250px;
  margin-top: 10px;
  overflow:auto;
}