/* reset all */

#site_toolbar,
#site_toolbar * {
  border: 0;
  height: 35px;
  line-height: inherit;
  list-style: none;
  margin: 0;
  outline: 0;
  padding: 0;
  text-align: left; 
  vertical-align: baseline;
}

/* main toolbar bar */

#site_toolbar {
  background: #444;
  color: #eee;
  font-family: "PT Sans", arial, sans-serif;
  font-size: 14px;
  position: relative;
  z-index: 500;
  line-height: 34px; 
/* min-width does not work with IE < 7 */
/* for IE 6 this could work, but do we care ? */
/* width:expression(document.getElementById('parent').offsetWidth < 600? '600px' : '610px'); */
/*  min-width: 600px; */ 
  width: 100%;
}


#site_toolbar a {
  text-decoration: none;
  color: #999;	
}
#site_toolbar a:hover {
  text-decoration: none;
  color: #eee;
}

#site_toolbar ul li {
list-style-type: none;
float: left;
background: url(site_toolbar_separator.png) no-repeat left center;
padding-left: 5px;
padding-right: 5px;
}

#site_toolbar ul li.first {
background: none;
padding-left: 0;
}


#site_toolbar_home {
position: absolute;
left: 10px;
float: left;
background: #444;
}

#site_toolbar_sitename {
font-weight: bold;
color: #fff;
}

   
#site_toolbar_user {
position: absolute;
float: right;
background: #444;
right: 36px; /* this should be right: 10px; but then IE 7 does not shift it .. */
}   

#site_toolbar_user.searchon {
right: 250px;
}

#site_toolbar_user.searchoff {
right: 36px;
}

#site_toolbar_user.nosearch {
right: 10px;
}


#site_toolbar_search {
position: absolute;
right: 10px;
margin-top: 7px;
float: right;
width: 22px;
height: 20px;
/* if not here IE 7 will not show it .. at all ..*/
background: url(site_toolbar_searchon.png) 3px 3px no-repeat;
}

#site_toolbar_search.searchon {
background: url(site_toolbar_searchon.png) 3px 3px no-repeat;
right: 220px;
}

#site_toolbar_search.searchoff {
background: url(site_toolbar_searchoff.png) 3px 3px no-repeat;
right: 10px;
}


#site_toolbar_searchbox {
position: absolute;
right: 10px;
margin-top: 7px;
float: right;
width: 200px;
height: 20px;
background: #444;
/* if not: IE 7 will always show it */
display:none;
}



#site_toolbar_searchbox_input {
color: #444;
background: #eee;
margin-top: 0px;
float: right;
border-radius: 0.25em;
width: 200px;
height: 20px;

/* without line-height: 1 Safari/ Mobile Safari displaces input text WAY too much down */
/* IE 8 centers it little bit too high when set to 1 ... oh well ... */
line-height: 1;

/* if not: IE 7 will always show it */
display: none; 
}

#site_toolbar_searchbox.searchon {
display: inline;
}

#site_toolbar_searchbox.searchoff {
display: none;
}

/* these two seem redundant: but if not there and not called by js in right order: IE 7 always shows expanded searchbox */

#site_toolbar_searchbox_input.searchon {
display: inline;
}

#site_toolbar_searchbox_input.searchoff {
display: none;
}