/*
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: normal;
 border-bottom: 1px solid green;
 color: black;
 cursor: pointer;
}

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

div.domTip_Tip {
 width: 475px;
 height: 300px;

 border-width: 1px;
 border-style: solid;
 border-color: gray;
}

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

   then dopTip_TipHeader width should be 346px
 */
 background-color:  #B6B6B6;
 width: 469px;
 height: 23px;
 padding-left: 6px;
 padding-top: 1px;
 padding-bottom: 2px;

 /* background-color: #000099; */
 
 font-family: sans-serif;
 font-size: 14px;
 font-weight: bold;
 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;
}

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
 */
 background-color:  #EFEFEF;
 padding-left: 4px;
 padding-right: 4px;
 width: 467px;
 height: 275px;

 /* background-color: #E8E8FF; */
 
 font-family: "Times New Roman", Times, 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=98);
 opacity: .98;
 mozOpacity: .98;
 
 overflow: auto;
}

div.domTip_tipHeadClose {
 /*
  Defines the box to use for the close box if the tooltip is fixed in place.
  Float should be set so it doesn't overlap header text.
 
  If you don't want this to show up just comment out all the settings.
  */
 
 cursor: pointer;
 width: 20px;
 height: 20px;
 
 /*
  If you don't like the background image for some reason, comment out background-image
  and uncomment the lines below it.
  Also change top: 0px; to top: -4px;
  */
  
 background-image: url(close.gif);
 /* 
 margin: 2px;
 background-color: #990033;
 border: 2px solid black; 
 */
 position: absolute;
 left: 455px;
 top: 0px;
}

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