﻿

#mousefollow-examples div {
	/*background-color: #EEE;*/
	text-align: justify;
	/*line-height: 400px;*/
	margin: 0 auto;
	height: 100%;
	width: 100%;
}

#mouseon-examples div {
	background-color: #f5f5f5; border:1px solid #CCC; border-radius:3px;
	text-align: justify; /*width: 765px;*/ padding: 20px;width:100%;
}

#mouseon-examples_tab table {
	background-color: #f5f5f5; border:1px solid #CCC; border-radius:3px;
	text-align: justify !important; width:100%; padding: 20px;
}

#powerTip {
	/*color: #00F;*/
	cursor: default;
    background-color: rgba(0, 0, 0, 0.8);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    color: #ffffff;
    display: none;
    padding: 10px;
    position: absolute;
    white-space: nowrap;
    z-index: 2;
}


 a.tooltip {outline:none; }
 a.tooltip strong {line-height:30px;}
 a.tooltip:hover {text-decoration:none;}
 a.tooltip span { z-index:10;display:none; padding:14px 20px; width:450px; line-height:16px; }
 a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;}
 /*.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}*/
 /*CSS3 extras*/
 a.tooltip span { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 5px 5px 8px #CCC; -webkit-box-shadow: 5px 5px 8px #CCC; box-shadow: 5px 5px 8px #CCC; }