ed1nh0

/**
 * Easy trapezoids with 3D transforms
 */

p {
	position: relative;
	display: inline-block;
	padding: 1em;
	margin: 2em;
}

ed1nh0

/**
 * Circular Tooltip (SO)
 * http://stackoverflow.com/q/13132864/1397351
 */
* { margin: 0; padding: 0; }
body {
	overflow: hidden;
	background: url(http://theearlcarlson.com/experiments/amTooltip/img/bg.jpg);
}
/* generic styles for button & circular menu */

ed1nh0

/* Calendar */
.calendario {
	border:1px solid #ccc;
	float:left;
	padding:5px;
	position:relative;
	background:-moz-linear-gradient(bottom, #f6f6f6 0, #fcfcfc 100%); /* Firefox 3.5+ */
	background:-o-linear-gradient(bottom, #f6f6f6 0, #fcfcfc 100%); /* Opera 10.1+ */
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0,#f6f6f6), color-stop(1,#fcfcfc)); /* Chrome & Safari */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#f6f6f6'); /* IE6 & IE7 */

ed1nh0

/* CSS only tooltip */
body {
	background-color: #ddd;
}
.tooltip {
	background-color: #292929;
	border-radius: 10px;
	color: #fff;
	display: table;
	font: normal 14px sans-serif;

ed1nh0

p {
  background: #f00 url(http://edsonjunior.com/sslm/images/sprite-bg-mensagem.png) no-repeat left center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.246094);
  border-radius: 0.5em;
  color: #fff;
  font: bold 13px Tahoma, sans-serif;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0.5em 1em 0.5em 3em;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);