.userbanner
{
	font-size: 11px;
	padding: 1px 5px;
	border: 1px solid transparent;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
	text-align: Center;
}

	.userbanner.wrapped
	{
		border-top-right-radius: 0;
		border-top-left-radius: 0;
		position: Relative;
	}
		
.userbanner.wrapped span
        {

            top: -4px;
            width: 5px;
            height: 4px;
            background-color: Inherit;
        }
		
		.userbanner.wrapped span.before
		{
			border-top-left-radius: 3px;
			left: -1px;
		}
		
		.userbanner.wrapped span.after
		{
			border-top-right-radius: 3px;
			right: -1px;
		}
		
.userbanner.bannerhidden { background: None; box-shadow: None; border: None; }
.userbanner.bannerhidden.wrapped { margin-left: 0; margin-right: 0; }
.userbanner.bannerhidden.wrapped span { display: None; }

.userbanner.bannerstaff { color: #fff; background-color: Rgb(255, 2, 2); border-color: Rgb(255, 2, 2); }
.userbanner.bannerstaff.wrapped span { background-color: Rgb(255, 2, 2); }

.userbanner.bannerprimary { color: @primarymedium; background-color: @primarylighterstill; border-color: @primarylighter; }
.userbanner.bannerprimary.wrapped span { background-color: @primarylighter; }

.userbanner.bannersecondary { color: @secondarydark; background-color: @secondarylighter; border-color: @secondarylighter; }
.userbanner.bannersecondary.wrapped span { background-color: @secondarylighter; }

.userbanner.bannerred        { color: White; background-color: Red; border-color: #f88; }
.userbanner.bannerred.wrapped span { background-color: #f88; }

.userbanner.bannergreen      { color: White; background-color: Green; border-color: Green; }
.userbanner.bannergreen.wrapped span { background-color: Green; }

.userbanner.bannerolive      { color: Black; background-color: Olive; border-color: Olive; }
.userbanner.bannerolive.wrapped span { background-color: Olive; }

.userbanner.bannerlightgreen { color: Black; background-color: Lightgreen; border-color: Lightgreen; }
.userbanner.bannerlightgreen.wrapped span { background-color: Lightgreen; }

.userbanner.bannerblue       { color: White; background-color: Blue; border-color: #88f; }
.userbanner.bannerblue.wrapped span { background-color: #88f; }

.userbanner.bannerroyalblue  { color: White; background-color: Royalblue; border-color: #81a9e1;  }
.userbanner.bannerroyalblue.wrapped span { background-color: #81a9e1; }

.userbanner.bannerskyblue    { color: Black; background-color: Skyblue; border-color: Skyblue; }
.userbanner.bannerskyblue.wrapped span { background-color: Skyblue; }

.userbanner.bannergray       { color: Black; background-color: Gray; border-color: #aaa; }
.userbanner.bannergray.wrapped span { background-color: #aaa; }

.userbanner.bannersilver     { color: Black; background-color: Silver; border-color: Silver; }
.userbanner.bannersilver.wrapped span { background-color: Silver; }

.userbanner.banneryellow     { color: Black; background-color: Yellow; border-color: #e0e000; }
.userbanner.banneryellow.wrapped span { background-color: #e0e000; }

.userbanner.bannerorange     { color: Black; background-color: Orange; border-color: #ffc520; }
.userbanner.bannerorange.wrapped span { background-color: #ffc520; }