.tags{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.tags a, .tags.tcheckbox a.active, .tags.tcheckbox a:hover {
	display: inline-block;
	height: 21px;
	margin: 5px 10px 0 0;
	padding: 0 7px 0 14px;
	white-space: nowrap;
	position: relative;

	background: -moz-linear-gradient(top, #ff5e6d 0%, #ff5e6e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5e6d), color-stop(100%,#ff5e6e));
	background: -webkit-linear-gradient(top, #ff5e6d 0%,#ff5e6e 100%);
	background: -o-linear-gradient(top, #ff5e6d 0%,#ff5e6e 100%);
	background: linear-gradient(to bottom, #ff5e6d 0%,#ff5e6e 100%);
	background-color: #ff5e6d;

	color: #fff;
	font: bold 11px/21px Arial, Tahoma, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px rgba(255,255,255,0.4);

	border-top: 1px solid #ff5e6d;
	border-bottom: 1px solid #ff5e6d;
	border-right: 1px solid #ff5e6d;
	border-radius: 1px 3px 3px 1px;
	box-shadow: inset 0 1px #ff5e6d, 0 1px 2px rgba(0,0,0,0.21);
}

.tags.tcheckbox a.active, .tags.tcheckbox a:hover {
	color: #333;
}

.tags a:before, .tags.tcheckbox a.active:before, .tags.tcheckbox a:hover:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -6px;
	width: 10px;
	height: 10px;

	background: -moz-linear-gradient(45deg, #ff5e6d 0%, #ff5e6e 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ff5e6d), color-stop(100%,#ff5e6e));
	background: -webkit-linear-gradient(-45deg, #ff5e6d 0%,#ff5e6e 100%);
	background: -o-linear-gradient(45deg, #ff5e6d 0%,#ff5e6e 100%);
	background: linear-gradient(135deg, #ff5e6d 0%,#ff5e6e 100%);
	background-color: #ff5e6d;

	border-left: 1px solid #ff5e6d;
	border-bottom: 1px solid #ff5e6d;
	border-radius: 0 0 0 2px;
	box-shadow: inset 1px 0 #ff5e6d, 0 2px 2px -2px rgba(0,0,0,0.33);
}
.tags a:before {
	-webkit-transform: scale(1, 1.5) rotate(45deg);
	-moz-transform: scale(1, 1.5) rotate(45deg);
	-ms-transform: scale(1, 1.5) rotate(45deg);
	transform: scale(1, 1.5) rotate(45deg);
}
.tags a:after {
	content: '';
	position: absolute;
	top: 7px;
	left: 1px;
	width: 5px;
	height: 5px;
	background: #FFF;
	border-radius: 4px;
	border: 1px solid #ff5e6d;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2), inset 0 1px 1px rgba(0,0,0,0.21);
}
.tags a:hover {
	color: #FFF !important;
	text-decoration: underline;
	text-shadow: -1px -1px 0 rgba(153,102,51,0.3);
}

.tags.tcheckbox a, .tags.tcheckbox a.active:hover {
	background: -moz-linear-gradient(top, #d0cfce 0%, #aca9a3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0cfce), color-stop(100%,#aca9a3));
	background: -webkit-linear-gradient(top, #d0cfce 0%,#aca9a3 100%);
	background: -o-linear-gradient(top, #d0cfce 0%,#aca9a3 100%);
	background: linear-gradient(to bottom, #d0cfce 0%,#aca9a3 100%);
	background-color: #aca9a3;
	
	color: #000;
	border-top: 1px solid #bbbab9;
	border-bottom: 1px solid #8e8c87;
	border-right: 1px solid #cac7c0;
	border-radius: 1px 3px 3px 1px;
	box-shadow: inset 0 1px #edeceb, 0 1px 2px rgba(0,0,0,0.21);
}

.tags.tcheckbox a:after {
	border: 1px solid #cac7c0;
}

.tags.tcheckbox a:before, .tags.tcheckbox a.active:hover:before {
	
	background: -moz-linear-gradient(45deg, #d0cfce 0%, #aca9a3 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#d0cfce), color-stop(100%,#aca9a3));
	background: -webkit-linear-gradient(-45deg, #d0cfce 0%,#aca9a3 100%);
	background: -o-linear-gradient(45deg, #d0cfce 0%,#aca9a3 100%);
	background: linear-gradient(135deg, #d0cfce 0%,#aca9a3 100%);
	background-color: #aca9a3;

	border-left: 1px solid #bbbab9;
	border-bottom: 1px solid #8e8c87;
	box-shadow: inset 1px 0 #f9f8f7, 0 2px 2px -2px rgba(0,0,0,0.33);
}


.tags.unpin a {
	margin-left: 5px; 
}

.tags.unpin a:after {
	content: 'x';
	position: absolute;
	top: -1px;
	left: 1px;
	width: 0px;
	height: 0px;
	background: none;
	border-radius: none;
	border: none;
	box-shadow: none; 
}

.tags.unpin a:hover:after {
	color: #E80000;
}

.scheckbox a {
	text-decoration: none;
}

#tags-cancel{
	margin-right: 1em;
}