
@-webkit-keyframes animateRotate {
	0% {
		-webkit-transform: rotate(0deg);
	}
	20% {
		-webkit-transform: rotate(2deg);
	}
	80% {
		-webkit-transform: rotate(-6deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);
	}
}


.yellowbox {
	font-weight: normal;
	font-size: 16px;
	-moz-border-radius-topleft: 25px;
	-webkit-border-top-left-radius: 25px;
	border-top-left-radius: 25px;
	padding: 12px 4px 4px 12px;
	margin: 12px 4px 4px 12px;
	background-color: #faf086;
	color: #000;
	/* -webkit-transform: rotate(-4deg); */
	-webkit-animation-name: animateRotate;
	-webkit-animation-duration: 3s;
	-webkit-transform: rotate(-4deg);
	-moz-transform:  rotate(-4deg);
	background: -webkit-gradient(linear, left top, left bottom, from(#fafad2), to(#faf066));
	background: -moz-linear-gradient(-90deg, #fafad2, #faf066);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#fafad2', EndColorStr='#faf066');
}

tt, .tt { font-family: Monaco, 'Courier New', monospace; font-size: 11px; color: #993300;}

.sdua { padding-top: 30px; color : #333333;
font-family: georgia, palatino, times, serif; font-size : 11px; line-height: 12px;}

