html {
   border:none;
}
body {
   overflow:hidden;
   padding-top:10px;

   background:white;
   background:#BFDBFF;
   border:none;
}


.yui-panel-container {
z-index:100;
}


#selRect {
   position:absolute;
   z-index:90;
   background:red;
   opacity:0.3;
   filter: alpha(opacity = 30);
   border:1px solid red;
}

#wptBox {
   position:absolute;
   z-index:10;
   text-align:left;
   line-size:1px;
   filter: alpha(opacity = 90);
}

.wptImg {
   position:absolute;
   z-index:19;
}

.wptIEImg {
   width:16px;
   height:16px;
   display:inline-block;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/waypoint.png', sizingMethod='scale');
}

#map_image {
   width:100%;
   height:100%;         
   position:relative;
}

#container {
  width:100%;
  position:relative;
  margin-bottom:5px;
}

#map_image_container {
   display:block;
   width:100%;
   height:100%; 
   padding:0px 3px 0px 3px;
   *padding:0px;
   margin-bottom:2px;
   border:1px solid #3E5365;
   text-align:center;
   background:white;
}

#loading {
   height:50px;

   border:1px solid lightgray;   
   padding:3px;
   position:absolute;
   font-family:Verdana;
   font-size:9px;
   background: white;
   display:none;

}
.ygtvspacer { height: 10px; width: 18px; }
.ygtvcheck0 { background: url(./js/yui/treeview/assets/check0.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer }
.ygtvcheck1 { background: url(./js/yui/treeview/assets/check1.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer }
.ygtvcheck2 { background: url(./js/yui/treeview/assets/check2.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer }
.yui-tt { font-family:Verdana;font-size:11px}

  .toolbar {
         border: 1px solid #3E5365;
         background: url(./js/yui/assets/skins/sam/sprite.png) repeat-x 0 0;
         padding:2px;
         margin-bottom:2px;
         height:25px;
         vertical-align:middle;
      }

      .toolbar td {
         height:1em;
         width:1em;
         text-align:center;
         vertical-align:middle;
         cursor:hand;
         
      }

      .tbSeparator {
         display:block;
         *display:inline-block; /* IE */
         background:black url(./img/btnBG.png) left center;
         border-bottom: 1px solid darkgray;
         margin: auto auto;
         padding:0px;
         width:1px;
         height:1.7em;
         *background-image:none;
         *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/btnBG.png', sizingMethod = 'scale');
                 
      }

      .toolbar td span.tbButton {
         cursor:pointer;
         *cursor:hand;
         margin-left:0.1em;
         border-width:1px 1px;
         border-style:solid;
         border-color:#999;
         display:block;
         *display:inline-block; /* IE */
         padding:0.3em;
         background:#ecece3 url(./img/btnBG.png) left center;
         *background-image:none;
         *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/btnBG.png', sizingMethod = 'scale');
      }

      .toolbar td span.tbButtonHover {
         cursor:pointer;
         *cursor:hand;
         margin-left:0.1em;
         border-width:1px 1px;
         border-style:solid;
         border-color:#406fac;
         display:block;
         *display:inline-block; /* IE */
         padding:0.3em;
         background:#98d5fc url(./img/btnBG.png) left center;
         *background-image:none;
         *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/btnBG.png', sizingMethod = 'scale');
      }

      .toolbar td span.tbButtonPressed {
         cursor:pointer;
         *cursor:hand;
         margin-left:0.1em;
         border-width:1px 1px;
         border-style:solid;
         border-color:red;
         display:block;
         *display:inline-block; /* IE */
         padding:0.3em;
         background:red url(./img/btnBG.png) left center;
         *background-image:none;
         *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/btnBG.png', sizingMethod = 'scale');
      }


      .titledContainer {
         border-width:1px 1px;
         border-style:solid;
         background:#CFE8FE none repeat scroll 0% 50%;
         border:1px solid #3E5365;
         font-size:11px;
         font-family:Verdana;
         overflow:hidden;
      }

      .txtBox {
         border:1px solid #808080;
      }


      .angContainer {
         /*border:1px solid #808080;*/
      }

      .angContainer .txtBox {
         padding-left:0.2em;
         border:none;
         border-bottom:1px solid #808080;
      }


      h1.sectionHeader {
       font-weight:bold;
       border-bottom: 1px solid #3E5365;
       background: #B8AE9C url(./js/yui/assets/skins/sam/sprite.png) repeat-x 0 0;
       padding:0.5em;
       padding-left:1em;
       margin-bottom:1em;
       width:100%;
      }

      .boxContainer {
         padding:0.3em;
      }

      .buttonbar {
         text-align:right;
         padding-top:0.6em;
         padding-right:0.1em;
         padding-bottom:0.2em;
      }

      .buttonbar input {
       font-size:11px;
       padding:0.3em;
       border: 1px solid #808080;
       background: url(./js/yui/assets/skins/sam/sprite.png) repeat-x 0 0;
       cursor:hand;
      }


/* custom styles for multiple stacked instances with custom formatting */
#example0 { z-index:9001; } /* z-index needed on top instances for ie & sf absolute inside relative issue */
#toponym_autocomplete { z-index:9000; } /* z-index needed on top instances for ie & sf absolute inside relative issue */
.autocomplete { padding-bottom:2em;width:80%;}/* set width of widget here*/
.yui-ac-container {position:absolute;}
.autocomplete .yui-ac-highlight .sample-quantity,
.autocomplete .yui-ac-highlight .sample-result,
.autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
/*.autocomplete .sample-quantity { float:right; }  push right */
.autocomplete .sample-result { color:#A4A4A4; }
.autocomplete .sample-query { color:#000; }
.yui-ac-container { position:absolute;float:left;}

.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover  {
   color:#655234;
   background:none;
   text-decoration:none;
   white-space:nowrap;
}

#navigationOptions li {
   margin-left:4px;
   margin-right:4px;
   margin-bottom:10px;
}

#navigationOptions li a {
   color:#655234;
   text-decoration:none;
   font-weight:bold;
}


#dataTable {
   background:white;
   display:block;
   position:relative;
   margin-top:40px;
   *margin-top:0px;
   clear:both;
}

#featuresGrid {
   border:1px solid gray;
   padding:5px;
}

#featuresGrid table {
    border-collapse:collapse;
    width:100%;
}
#featuresGrid th {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:3px;
    font-weight:bold;
    font-size:11px;
    border:1px solid gray;
      background:black url(./img/btnBG.png) left center;
}
#featuresGrid tr {
    border:1px solid gray;
    background:gainsboro;
}
#featuresGrid td {
    padding-top:3px;
    padding-bottom:3px;
    font-size:11px;
    border: 1px solid gray;
    background: gainsboro;
}
a label {
   cursor:hand;
}