/* Markers for messages.
 *
 * The circles are actually bullet characters -- HTML • -- for now.
 * These are wrapped in <span>s whose class is the message class which
 * came from the server.  And those are wrapped in the .marker <div>.
 *
 * As a workaround for :hover not working in IE, we add a "hilit" class
 * to the <div>s in Javascript, this allows us to add colors for both
 * normal and hilit cases in the CSS like so --
 */

.marker {
  position: absolute; 
  z-index: 1; 
  cursor: pointer; 
  font-size: 400%;
  -moz-opacity: 0.5;
}

.marker .bullet { color: #c20; }
.marker.hilit .bullet { color: #f20; }

/* Tooltips on markers -- display: none except when the mouse
 * is hovering over the marker... arranged by Javascript 
 * switching classNames to avoid glitches in IE :hover support.
 */

.inactive_tooltip { display: none }
.hidden_tooltip { display: none }

.tooltip { 
  display: block; 
  position: absolute; top: 2em; left: 2.5em;
  z-index: 2
}

.tooltip span { 
  font-size: 80%;
  font-family: Helvetica, Arial, sans-serif;
  color: black;
  white-space: nowrap;
  background-color: #ffa
}

.tooltip .static { 
  background-color: #f00
}

/* Message boxes themselves */

.msgdisplay { 
  position: absolute; top: 2em; left: 2em;
  z-index: 2;
  font-family: Helvetica, Arial, sans-serif;
  width: 30em;
  background-color: #ffa
}

/* Close boxes.  Literally a letter "x" in a box.
 * Now covers other widgets as well.
 */

.widget {
  border: 1px solid black;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 80%;
  text-decoration: none;
  color: black;
}

.widget:hover { 
  color: red;
}

/* Don't show some controls when user is not logged in.
 * Internal security checks should block submissions, but this
 * keeps them from even seeing the things
 */

.logged_out .bookmark_widget { display: none }
.logged_out .user_controls { display: none }