/*
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;

 color: #49b8cc;
 cursor: help;
}

a.tippy_link:hover {
 border-bottom: none;
}

div.domTip_Tip {
 width: 368px;
 height: 300px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
 border-width: 3px;
 border-style: solid;
 border-color: #b1b0b0;
}

div.domTip_TipHeader a {
 color: black;
 text-decoration: none;
}

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: 360px;
   dopTip_TipHeader padding: 2px;

   then dopTip_TipHeader width should be 346px
 */
 background-color: #49b8cc;
-moz-border-radius-topleft: 11px;
-webkit-border-top-left-radius: 11px;
-moz-border-radius-topright: 11px;
-webkit-border-top-right-radius: 11px;
 width: 362px;
 height: 23px;
 padding-left: 6px;
 padding-top: 20px;
 padding-bottom: 2px;

 /* background-color: #000000; */
 
 font-family: sans-serif;
 font-size: 14px;
 font-weight: bold;
 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=95);
 opacity: .95;
 mozOpacity: .95;
}

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: 336px;
   domTip_TipBody padding: 2px;

   then domTip_TipBody width should be 300px
 */
 background-color: #FFFFFF;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
 padding-left: 4px;
 padding-right: 4px;
 width: 360px;
 height: 275px;

 /* background-color: #000000; */
 
 font-family: serif;
 font-size: 14px;
 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=98);
 opacity: .98;
 mozOpacity: .98;
 
 overflow: auto;
}


div.domTip_resizeBox {
position: absolute;
 width: 10px;
 height: 10px;
 border: 2px solid black;
 top: 94px;
 left: 469px;
 background-color: white;
 cursor: se-resize;
}