﻿
input, textarea
{
    background:white;
}

.grid
{
    width:100%;
    border:1px silver solid;
    border-collapse:collapse;
}

.grid .header
{
    background: #669900;
    border: 1px #F2F460 solid;
    color: White;
    padding: 3px;
}

.grid .altrow
{
    background: #f5f5f5;
    border-top: 1px C0C0C0 solid;
}

.grid img
{
    text-align:center;
}

.grid .selrow
{
}

.grid .imgcell
{
    text-align:center;
}


.grid .numbercell
{
    text-align:center;
}



.map
{
    width:99%;
}
#editorplacement
{
    position:absolute;
    top:1.0px;
    right:2px;
    width:450px;
    height:440px;
    text-align:left;
}

#editor
{
    padding:5px;
    display:none;
    z-index:99;
    opacity: .95;
	filter: alpha(opacity=95);
	background:white; 
    border:1px silver outset; 
    font-size:9pt;
}
#editor input, #editor textarea, #editor select
{
    opacity: 1.0;
	filter: none;
	background:white; 
	font-weight:bold;
	font-family:Verdana;
}
#editor select
{
    width:140px;
}

#editor textarea
{
 white-space:pre-line;
 font-size:9pt;
 }
#editor .btns
{
    margin-top:20px;
    margin-bottom:10px;
    height:30px;
    }

#editor .leftfloat
{
width:100px;
}


    
#editor #top  
{
  width:435px;
  padding-bottom:2px;
  border-bottom:1px #CCCCCC dotted;
  margin-bottom:2px;
  height:15px;
}

#editor h2 
{
    color:Black;
    font-size:9pt;
    float:left;
    vertical-align:middle;
    margin:0px;
    padding:0px;
    width:200px;
    height:14px;
    overflow:hidden;

}
    
#editor #dismiss, #popupimagediv #dismiss 
{
    font-family: Verdana;
    float:right;
    cursor:pointer;
    border:1px silver outset;
    background:#E73A40;
    padding:0px 3px 0px 3px;
    font-size:8px;
    color:White;
    font-weight:bold;
    vertical-align:middle;
}
#editor #dismiss:hover, #popupimagediv #dismiss:hover 
{
    border:1px silver inset;
    background:#FD8D91;
}   

#restofpage
{
    position:relative;
}

#myMap em, #loadingmessage em
{
    font-size:20pt;
    font-weight:bold;
    text-align:center;
    margin-top:200px;
    display:block;
}


#popup 
{
    position:absolute;
    left:0px;
    right:0px;
    display:none;
    width:220px;
    border:1px silver outset; 
    min-height:70px;
    padding:5px;
    background-color:#ffffff;
    cursor:pointer;
    z-index:98;
    margin-top:-20px;
    margin-left:10px;
    text-align:left;
    
 /*   margin-left:-180px;
    margin-top:-40px;
  */  

}
#popup #top  
{
  width:220px;
  padding-bottom:2px;
  border-bottom:1px #CCCCCC dotted;
  margin-bottom:2px;
  height:15px;
}

#popup h2 
{
    color:#6c5635;
    font-size:9pt;
    float:left;
    vertical-align:middle;
    margin:0px;
    padding:0px;
    width:200px;
    height:14px;
    overflow:hidden;

}
#popup #dismiss 
{
    font-family: Verdana;
    float:right;
    cursor:pointer;
    border:1px silver outset;
    background:#E73A40;
    padding:0px 3px 0px 3px;
    font-size:8px;
    color:White;
    font-weight:bold;
    vertical-align:middle;
}
#popup #dismiss:hover
{
    border:1px silver inset;
    background:#FD8D91;
}
#popup img
{
	    border:1px silver outset;
    margin:0px;
    width:60px;
	background-color:white;
	background-image:url(images/whitebg.gif);
    height:60px;
}
#popup #popupbody 
{
margin-top:5px;
clear:both;
}

#popup #photo
{
float:left;
margin-right:5px;
display:block;
}
#popup #text
{
    color:#6c5635;
    font-size:8pt;
    margin:0px;
    padding:0px;
    text-align:left;
    vertical-align:top;
    max-width:220px;
    display:block;
}

#popup #textwide
{
    text-align:left;
    color:#6c5635;
    font-size:8pt;
    margin:0px;
    padding:0px;
    vertical-align:top;
    width:220px;
    display:block; 
}
#popup .btns
{
    margin-top:1px;
}

#popup #author
{
    margin-top:1px;
    font-size:8pt;
    margin-bottom:5px;
    font-style:italic;
}


/* popup editor */
.editorlabelvalue
{
    padding-top:4px;
    padding-bottom:2px;
    clear:both;
}

.editorlabelvalue .leftfloat
{
	float:left;
	width:130px;
}
.editorlabelvalue .rightfloat
{
	width:260px;
}
.icon
{
    border:none;
    width:16px;
    height:16px;
}

#routetitle
{
        opacity: .65;
	filter: alpha(opacity=65);
    background:white;
    color:Black;
    font-size:9pt;
    width:120px;
   padding:5px;
   text-align:center;
}
#routetitle a
{
   text-decoration:none;
}
    
#popupimagediv #top  
{
  padding-bottom:2px;
  border-bottom:1px #CCCCCC dotted;
  margin-bottom:2px;
  height:19px;
}

#popupimagediv h2 
{
    color:Black;
    font-size:12pt;
    float:left;
    vertical-align:middle;
    margin:0px;
    padding:2px 0px 0px 5px;
    height:22px;
    overflow:hidden;

}
#popupimagediv
{
        z-index:100;
   border-top:1px black solid;
    border-right:2px black solid;
    border-bottom:2px black solid;
    border-left:1px black solid;
    background:white;
    min-width:200px;
}
#popupimagediv #hypMoreLink
{
padding-left:10px;
}

#popupimagediv #tagline  
{
    text-align:left;
}


#popupimagediv img
{
   margin:5px;
    background:white;
}
#popupimagediv #dismiss
{
   margin:5px;
}
#cover
{
    position:fixed;
    top:0px;
    left:0px;
   width:100%;
   height:100%;
   background:#cadb2a;
   background:silver;
       z-index:1;
    opacity: .75;
	filter: alpha(opacity=75);
   
}
