@charset "utf-8";


img.tTip						{
	float: left;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding: 0px;
}



.brownTip						{
}
.brownTip .content				{
	padding: 5px;
	border: 6px solid #1f1d0a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFF;
	max-width:100px;
	background-color: #1f1d0a;
	font-size: 10px;
	line-height: 1.4em;
}
.brownTip .bottom				{
	height: 14px;
	background-image: url(http://melanchograph.net/data/js/tinyTips/notch-arrow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 10px;
}


.lightTip						{
}
.lightTip .content				{
	padding: 10px;
	border: 6px solid #e2e2e2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ffffff;
	color: #020202;
	max-width:100px;
}
.lightTip .bottom				{
	height: 14px;
	background-image: url(http://melanchograph.net/data/js/tinyTips/notch-white.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 10px;
}

.yellowTip						{ width: 342px; }
.yellowTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9e98e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbf7aa; color: #020202; }
.yellowTip .bottom				{
	height: 14px;
	background-image: url(http://melanchograph.net/data/js/tinyTips/notch-yellow.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.orangeTip						{ width: 342px; }
.orangeTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; }
.orangeTip .bottom				{
	height: 14px;
	background-image: url(http://melanchograph.net/data/js/tinyTips/notch-orange.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.redTip							{ width: 342px; }
.redTip .content				{ width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f79992; color: #020202; }
.redTip .bottom					{
	height: 14px;
	background-image: url(http://melanchograph.net/data/js/tinyTips/notch-red.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.greenTip						{
}
.greenTip .content				{
	padding: 10px;
	border: 6px solid #a9db66;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #cae8a2;
	color: #020202;
		max-width:100px;
}
.greenTip .bottom				{
	height: 14px;
	background-image: url(notch-green.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.blueTip						{ width: 342px; }
.blueTip .content				{ width: 310px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; }
.blueTip .bottom				{
	height: 14px;
	background-image: url(http://melanchograph.net/data/js/tinyTips/notch-blue.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.purpleTip						{ width: 342px; }
.purpleTip .content				{ width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; }
.purpleTip .bottom				{
	height: 14px;
	background-image: url(http://melanchograph.net/data/js/tinyTips/notch-purple.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.darkTip						{ width: 342px; }
.darkTip .content				{ width: 310px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; }
.darkTip .bottom				{ height: 14px; background: url(../notch-dark.png) top center no-repeat; }