/*
dom_tooltip.css

DOM Tooltip by Chris Roberts
columcille@gmail.com
http://www.musterion.net/

This file configures the look for the dom tooltip. Any of these values can be
modified and you can add any additional values you wish.
*/

/* a.tippy_link is only for the WordPress Tippy plugin */
a.tippy_link { font-weight: bold; cursor: pointer;
/* color: #b70012; */
 
}

div.domTip_Tip { width: 300px; border: solid 1px #d71936; }

div.domTip_TipHeader {
 /*
   The width has to be specified in TipHeader and TipBody in order for
   transparency to work with Internet Explorer. Width here is a little tricky.
   It needs to be the width set in domTip_Tip with a few things subtracted.

   If in this section you set either a padding or a margin you need to subtract
   those from the width. If they affect both left and right side, then you need
   to subtract it times two.

   Example:

   domTip_Tip width: 350px;
   dopTip_TipHeader padding: 2px;

   then dopTip_TipHeader width should be 346px
 */
 width: 290px; padding: 5px; background-color: #d71936;
 /* font-family: serif; */
 /* font-size: 12px; */
 color: white; font-weight: bold; text-align: left;

 /*
 The next three alter transparency. The number given in each line
 should be the same, but for opacity and mozOpacity it should be
 a decimal. The higher the value, the less it will be transparent.

 Note that most browsers don't support all three properties, but all three
 should remain in place for cross-browser support.

 Example:
  filter: alpha(opacity=60);
  opacity: .60;
  mozOpacity: .60;
 */

 filter: alpha(opacity=90); opacity: .90; mozOpacity: .90; }

div.domTip_TipBody {
 /*
   The width has to be specified in TipHeader and TipBody in order for
   transparency to work with Internet Explorer. Width here is a little tricky.
   It needs to be the width set in domTip_Tip with a few things subtracted.

   If in this section you set either a padding or a margin you need to subtract
   those from the width. If they affect both left and right side, then you need
   to subtract it times two.

   Example:

   domTip_Tip width: 350px;
   domTip_TipBody padding: 2px;

   then domTip_TipBody width should be 346px
 */
 width: 290px;

 padding: 5px;
 background-color: #fff;
 /* font-family: serif; */
 /* font-size: 12px; */
 color: black;
 text-align: left;

 /*
 The next three alter transparency. The number given in each line
 should be the same, but for opacity and mozOpacity it should be
 a decimal. The higher the value, the less it will be transparent.

 Note that most browsers don't support all three properties, but all three
 should remain in place for cross-browser support.

 Example:
  filter: alpha(opacity=60);
  opacity: .60;
  mozOpacity: .60;
 */

 filter: alpha(opacity=90);
 opacity: .90;
 mozOpacity: .90;
}
div.domTip_TipBody p { margin-bottom: 3px; }
div.domTip_TipBody li { list-style-type: square; margin-left: 15px; }