/* Style for body */


/* Styles used by the auto-suggest feature */
.DOMSuggestBox               { border: 1px solid black; position: absolute; padding: 5px; overflow: auto; display: none; font-family: arial; background-color: white; }
.DOMSuggestBoxRow            { width: 100%; margin-bottom: 2px; color: #666; font-size: 12px; padding-top: 2px; padding-bottom: 4px; height: 15px; overflow: hidden; white-space: nowrap; cursor: default; }
.DOMSuggestBoxRow_hover      { width: 100%; margin-bottom: 2px; color: white; font-size: 12px; padding-top: 2px; padding-bottom: 4px; background-color: #060; height: 15px; overflow: hidden; white-space: nowrap; cursor: default; }
.DOMSuggestBoxRow span,
.DOMSuggestBoxRow_hover span { margin-left: 4px; }

/* style for labels and forms, misc stuff */
label                        { font-size: 10px; font-weight: bold; width: 100px; }
fieldset                     { border: none; }
a img                        { border: none; }

/* Div where you put the dropdown with categories */
#holder_categories           { position: relative;display:none; width: 300px; height: 35px; left: 555px; top: 310px;  text-align: left; overflow: hidden; }
/* Div where you put the textbox with tags search */
#holder_textsearch           { width: 520px; background-color:#E1F2FF;margin-bottom:30px;height: 28px;text-align: left; overflow: hidden; border:1px solid gray}
#holder_textsearch form      { display: inline; margin: 0px; padding: 0px;  }

#holder_textsearch #textsearch { width: 100px; }
#holder_categories select       { width: 100px; }
#holder_textsearch input        { width: 50px; }

/* The div where we store the gallery search results */
#gallery_holder              { margin-left: 20px; position: relative; width: 520px; height: 565px; }

/* The div where we output the search results page numbers */
#gallery_pagenumbers         { margin-left: 10px;   }
#gallery_pagenumbers a       { color: blue; margin-right: 10px; cursor: pointer; }

/* Gallery thumbnail appearence */
/* Thumbnail Container */
.gallery_thumbnail           { float: left; position: relative; width: 75px; height: 105px; margin: 5px; font-size: 10px;  }
/* Thumbnail */
.thumb_holder                { position: absolute; left: 0px; top: 0px; width: 73px; height: 73px; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; }
/* Thumbnail when mouse is over */
.medium_holder               { position: absolute; left: -14px; top: -14px; width: 104px; height: 104px; overflow: hidden; background-position: 50% 50%; background-color: white; background-repeat: no-repeat; }
.name_holder                 { position: absolute; width: 100%; bottom: 16px;  height: 15px; width: 75px; overflow: hidden; font-size: 10px; font-family: arial; color: black; background-color: white; cursor: help; font-weight: bold;}
.description_holder          { position: absolute; width: 100%; bottom: 0px; height: 15px; width: 75px; overflow: hidden; font-size: 10px; font-family: arial; color: black; background-color: white; cursor: help; }

/* The div where you display results of a galelry item */
#gallery_item_details        { position: relative;  }