/*
 ________________________________________________________________________
|                  |                                                     |
|          Title:  |  Hide (Compress) the Search Bar Until Hovered Over  |
|    Description:  |  When you hover over the SearchBar it will lengthen |
|         Author:  |  -=Ben=-                                            |
|   Date Created:  |  August 5, 2008                                     |
|   Last Updated:  |  August 5, 2008                                     |
|        Version:  |  1.0.0.0                                            |
|__________________|_____________________________________________________|

*/






@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);




/* Make the Transparent Show when hover: */
#search-container 
{
  margin: 0 1px 0 0 !important;
  padding: 0 !important;
}

#search-container .searchbar-textbox, #search-container .textbox-input-box
{
  margin: 0 !important;
  padding: 0 !important;
}

#search-container .searchbar-dropmarker 
{
  margin: 1px 0 0 1px !important;
  padding: 0 !important;
}

#search-container * 
{
  width: auto !important;
}

#search-container .textbox-input-box, #search-container
{
  width: 0px !important;
  min-width: 0px !important;
  max-width: 0px !important;
  /* margin: 0px 0px 0px 61px !important; */
}

#search-container:hover .textbox-input-box, #search-container:hover
{
  width: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  /* margin: 0px 0px 0px 0px !important; */
}

#search-container .searchbar-textbox 
{
  -moz-appearance: none !important;
  border: 0 !important;
  background-color: transparent !important;
}

#search-container:hover .searchbar-textbox 
{
  -moz-appearance: textfield !important;
  margin-left: -2px !important;
  background-color: -moz-field !important;
}