/*
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 {
/* color: #b70012; */
 color: blue;
 font-weight: normal;
}

div.domTip_Tip {
 width: 400px;
 border-width: 1px;
 border-style: solid;
 border-color: black;
}

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: 396px;

 padding: 2px;
 background-color: #000099;
 /* font-family: serif; */
 /* font-size: 12px; */
 color: white;
 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=85);
 opacity: .85;
 mozOpacity: .85;
}

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: 396px;

 padding: 2px;
 background-color: #E8E8FF;
 /* 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=95);
 opacity: .95;
 mozOpacity: .95;
}