.cclexicon-filter {
	padding: 3px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 3px 5px;
}

.cclexicon-term {
	margin-bottom: 40px;
	padding: 10px;
}

.cclexicon-title {
	padding: 2px;
}

.cclexicon-description {
	margin-left: 5%;
}

a.cclexicon-anchor {
	color: inherit;
	text-decoration: none;
}

#cclexicon-filters {
	margin: 20px 0;
}

/*
 * Skins ...
 */
 
// Simple Skin
@simple-main: #eee;
@simple-secondary: #ddd;

@simple-main-rgba: rgba(0, 0, 0, 0.3);
@simple-secondary-rgba: rgba(0, 0, 0, 0.1);

@simple-text: #333;
@simple-link: blue;

.simple .cclexicon-filter-selected {
	background: @simple-main;
	background: @simple-main-rgba;
	/* Fallback ... */
	background: -moz-linear-gradient(top, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @simple-main-rgba), color-stop(100%, @simple-secondary-rgba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* W3C */
	color: @simple-text;
}

.simple .cclexicon-term {
	background: @simple-main;
	background: @simple-main-rgba;
	/* Fallback ... */
	background: -moz-linear-gradient(top, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @simple-main-rgba), color-stop(100%, @simple-secondary-rgba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* W3C */
	color: @simple-text;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.simple .cclexicon-title {
	background: @simple-main;
	background: @simple-main-rgba;
	/* Fallback ... */
	background: -moz-linear-gradient(top, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @simple-main-rgba), color-stop(100%, @simple-secondary-rgba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, @simple-main-rgba 0%, @simple-secondary-rgba 100%);
	/* W3C */
	color: @simple-text;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

// Red Skin
@red-main: #fee;
@red-secondary: #fdd;

@red-main-rgba: rgba(255, 0, 0, 0.3);
@red-secondary-rgba: rgba(255, 0, 0, 0.1);

@red-text: #333;
@red-link: blue;

.ccred .cclexicon-filter-selected {
	background: @red-main;
	background: @red-main-rgba;
	/* Fallback ... */
	background: -moz-linear-gradient(top, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @red-main-rgba), color-stop(100%, @red-secondary-rgba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* W3C */
	color: @red-text;
}

.ccred .cclexicon-term {
	background: @red-main;
	background: @red-main-rgba;
	/* Fallback ... */
	background: -moz-linear-gradient(top, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @red-main-rgba), color-stop(100%, @red-secondary-rgba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* W3C */
	color: @red-text;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.ccred .cclexicon-title {
	background: @red-main;
	background: @red-main-rgba;
	/* Fallback ... */
	background: -moz-linear-gradient(top, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @red-main-rgba), color-stop(100%, @red-secondary-rgba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, @red-main-rgba 0%, @red-secondary-rgba 100%);
	/* W3C */
	color: @red-text;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
 
// Green Skin
@green-main: #efe;
@green-secondary: #dfd;

@green-main-rgba: rgba(0, 255, 0, 0.3);
@green-secondary-rgba: rgba(0, 255, 0, 0.1);

@green-text: #333;
@green-link: blue;

.ccgreen .cclexicon-filter-selected {
	background: @green-main;
	background: @green-main-rgba;
	/* Fallback ... */
	background: -moz-linear-gradient(top, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @green-main-rgba), color-stop(100%, @green-secondary-rgba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* W3C */
	color: @green-text;
}

.ccgreen .cclexicon-term {
	background: @green-main;
	background: @green-main-rgba;
	/* Fallback ... */
	background: -moz-linear-gradient(top, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @green-main-rgba), color-stop(100%, @green-secondary-rgba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* W3C */
	color: @green-text;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.ccgreen .cclexicon-title {
	background: @green-main;
	background: @green-main-rgba;
	/* Fallback ... */
	background: -moz-linear-gradient(top, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @green-main-rgba), color-stop(100%, @green-secondary-rgba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, @green-main-rgba 0%, @green-secondary-rgba 100%);
	/* W3C */
	color: @green-text;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

 
// Blue Skin
@blue-main: #eef;
@blue-secondary: #ddf;

@blue-main-rgba: rgba(0, 0, 255, 0.3);
@blue-secondary-rgba: rgba(0, 0, 255, 0.1);

@blue-text: #333;
@blue-link: blue;

.ccblue .cclexicon-filter-selected {
	background: @blue-main;
	background: @blue-main-rgba;
	/* Fallback ... */
	background: -moz-linear-gradient(top, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @blue-main-rgba), color-stop(100%, @blue-secondary-rgba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* W3C */
	color: @blue-text;
}

.ccblue .cclexicon-term {
	background: @blue-main;
	background: @blue-main-rgba;
	/* Fallback ... */
	background: -moz-linear-gradient(top, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @blue-main-rgba), color-stop(100%, @blue-secondary-rgba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* W3C */
	color: @blue-text;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.ccblue .cclexicon-title {
	background: @blue-main;
	background: @blue-main-rgba;
	/* Fallback ... */
	background: -moz-linear-gradient(top, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @blue-main-rgba), color-stop(100%, @blue-secondary-rgba));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, @blue-main-rgba 0%, @blue-secondary-rgba 100%);
	/* W3C */
	color: @blue-text;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}