#pagewrapper {width:735px;padding:0;margin:0;}    
    #pagewrapper ul { padding:0; margin:0; list-style-type:none; }
    #pagewrapper li { cursor:hand;  position: relative; z-index:4000}
    ul#queries{z-index:1000;float:left;border:1px #bbb solid; border-top:none; padding:20px 0 0 0;
        background: #F3F3F3 url('../images/photo-navigator.gif') no-repeat top left;}

    .container { display:none; top:0; left:0; }
    #pagewrapper a {text-decoration:none;}
    .drop{width:5.5em; margin-left:7px;height:1.3em;}
        .drop  li{padding: 2px 0px 2px 6px; width:12em;border-bottom:1px #ddd solid}
    #dropSearch{height:2.5em}
    .drop-container{position:absolute;left:5.5em;width:12em;border:1px #999 solid; 
        filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity:.90;
        overflow-y:auto;overflow-x:hidden;background-color:white;
        height:auto;max-height:300px;/*cond comment added for max-height in ie*/
     }
    .drop a             {font-weight:bold;color:#555}
    .drop a:hover       {color:orange}
    .drop-container a   {color:#111;font-weight:normal!important;}
    .drop-container-open{display:block;} 
    .folder-title{ padding-left:15px; background: url('../images/ico_expand.gif') no-repeat left center;}
    .folder-title-open{background-image: url('../images/ico_collapse.gif');}
        .folder-container li{width:11em;background-color:#f0f0f0; border:none}
    ul.folder-container-open{display: block; padding-left:15px!important;}
    #thumbs {float:right;z-index:10;margin:0px 5px;width:590px;}
    .thumbWrapper{width:55px; height:75px;text-align:center;overflow:hidden;font-size:50%;
        border:1px #aaa solid; background:white;padding:10px;margin:10px;float:left;
    }
    .photoThumb{width:45px;height:auto;border:1px #555 solid;float:none /*fixes image sizing error */}

  #thumbPreviewContainer{position:absolute;z-index:1000;visibility:hidden;cursor:pointer;
        background-color:#fff; border:1px black solid; text-align:center;padding:30px}
  #thumbPreview{border:1px #555 solid}

  #imageWrapperServer { }
    #imageWrapperServer #imageFrame        { border:1px #999 solid; text-align:center;  }
    #imageWrapperServer #imageDetails      { display:block; width:275px;max-width:275px;margin-left:auto;margin-right:auto}
        /* conditional comment added to ie CSS for above element */
    #imageWrapperServer #returnLink        { }

  #imageWrapperClient                      { z-index:5000; /*float:left;*/position:absolute;visibility:hidden;}
      #imageWrapperClient #imageFrame      { visibility:hidden;}
      #imageWrapperClient #imageDetails    { width:275px;display:block;color:#222;
                  border:1px #ccc solid; background-color:#f0f0f0; padding:2px;margin:4px}
    #imageFrame{ padding:0 10px;background-color:white;border:1px #ddd solid;
                  margin: 0px auto;text-align:center;color:#777;font-size:x-small;float:left;}
      .imageLarge    {border:1px #555 solid;}
      /*#mapFrame{border:1px #555 solid; margin: 0px auto;text-align:center;display:block;}*/
      #imageLoading  {position:absolute;z-index:1000;}
      #imageTitle    {font-size:small;display:block;}
      #imageLocation {display:block;}
      #showDetails, #showMap{white-space: nowrap;}
      

  #mapFrame{z-index:5000;position:absolute; border:1px #555 solid;display:none}
     /*.map-marker div{color:#aaa;font-size:small}*/
    
    
    #largeMapFrame{width:550px;height:450px;border:1px #aaa solid}
    #largeMapFrame a{color:blue}
    #largeMapFrame .thumbWrapper{margin:3px}

    /* 
    #largeMapFrame .thumbWrapper{width:55px; height:75px;text-align:center;overflow:hidden;font-size:50%;
        border:1px #aaa solid; background:red;padding:10px;margin:10px;float:left;
    }

  */
 /*  
 
 #mapFrame{border:1px #555 solid; margin: 0px auto;width:300px; height:300px; display:block;}
 */
 /* +++++++++++++++++++++++++++++++++++++++*/
 
  #imageWrapperClient.loading{ visibility:visible; }
  #imageWrapperClient.ready{ visibility:visible; }
  #imageWrapperClient.ready #imageFrame,  #imageWrapperClient.ready #imageDetails {visibility:visible;cursor:pointer}

  #messageBox{position:absolute; border:1px #aaa solid; width:300px;height:auto;;
    text-align:center;background-color:#fff; padding:10px}