body {
  background-color: lightyellow;
}
.3dorange {
    width:100px;
    text-align:center;    
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ffcb69 0%,
		#f0a733 50%,
		#f2a324 92%,
		#ffb730);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffcb69),
		color-stop(0.50, #f0a733),
		color-stop(0.92, #f2a324),
		to(#ffb730));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #965F06;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 1px 2px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 1px 2px 0px rgba(255,255,255,0.4);
	box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 1px 2px 0px rgba(255,255,255,0.4);
	text-shadow:
		1px 1px 2px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.4);
}
p.note
{
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #DB7E7F;
     background-image: url(warn.png);
     background-position: 9px 0px;
     background-repeat: no-repeat;
     border: solid 1px #BF001D;
     border-radius: 6px;
     line-height: 18px;
     overflow: hidden;
     padding: 15px 60px;
}

div.note
{
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     background-color: #f0f7fb;
     background-position: 9px 0px;
     background-repeat: no-repeat;
     border: solid 1px #3498db;
     border-radius: 6px;
     line-height: 18px;
     overflow: hidden;
     padding: 15px 60px;
}