/*
 ________________________________________________________________________
|                  |                                                     |
|          Title:  |  Transparent Search Bar Until Hovered (Fx 3 AND 2)  |
|    Description:  |  When you hover over the SearchBar it will appear   |
|         Author:  |  -=Ben=-                                            |
|   Date Created:  |  June 13, 2008                                      |
|   Last Updated:  |  August 5, 2008                                     |
|        Version:  |  1.0.0.2                                            |
|__________________|_____________________________________________________|

*/






@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;
}

/* Remove padding and margins: */
#search-container .searchbar-textbox, #search-container .textbox-input-box
{
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove Paddings from DropMarker */
#search-container .searchbar-dropmarker 
{
  margin: 1px 0 0 1px !important;
  padding: 0 !important;
}

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

#search-container .textbox-input-box {
  width: 0 !important;
}

#search-container:hover .textbox-input-box 
{
  width: 200px !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;
}