/**
 * Core Design TypoCSS plugin for Joomla! 1.7
 * @author      Daniel Rataj, <info@greatjoomla.com>
 * @package     Joomla 
 * @subpackage	Content
 * @category    Plugin 
 * @version     2.0.3
 * @copyright	Copyright (C) 2007 - 2011 Great Joomla!, http://www.greatjoomla.com
 * @license		http://www.gnu.org/copyleft/gpl.html GNU/GPL 3
 * 
 * This file is part of Great Joomla! extension.
 * This extension is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This extension is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 */

/* Legend - default settings */
div.cdtypocss_legend_gray, div.cdtypocss_legend_blue, div.cdtypocss_legend_green, div.cdtypocss_legend_red, div.cdtypocss_legend_pink, div.cdtypocss_legend_orange, div.cdtypocss_legend_violet {
	margin: 20px 0pt;
	padding: 5px 10px;
	position: relative;
}
div.cdtypocss_legend_gray h3, div.cdtypocss_legend_blue h3, div.cdtypocss_legend_green h3, div.cdtypocss_legend_red h3, div.cdtypocss_legend_pink h3, div.cdtypocss_legend_orange h3, div.cdtypocss_legend_violet h3 {
	font-size: 125%;
	background: #fff none repeat scroll 0%;
	display: block;
	float: left;
	font-weight: bold;
	left: 7px;
	margin: 0 !important;
	padding: 0pt 3px !important;
	position: absolute;
	top: -9px;
}

/* Legend - gray */
div.cdtypocss_legend_gray {
	border: 1px solid #CCCCCC;
	background: transparent url(/plugins/content/cdtypocss/addons/legend/images/gray.png) repeat-x bottom left;
}
div.cdtypocss_legend_gray h3 {
	color: gray;
}
div.cdtypocss_legend_gray p {
	color: gray;
}

/* Legend - blue */
div.cdtypocss_legend_blue {
	border: 1px solid #b0c4de;
	background: transparent url(/plugins/content/cdtypocss/addons/legend/images/blue.png) repeat-x bottom left;
}
div.cdtypocss_legend_blue h3 {
	color: #5685A3;
}
div.cdtypocss_legend_blue p {
	color: #5685A3;
}

/* Legend - green */
div.cdtypocss_legend_green {
	border: 1px solid #CFE9D7;
	background: transparent url(/plugins/content/cdtypocss/addons/legend/images/green.png) repeat-x bottom left;
}
div.cdtypocss_legend_green h3 {
	color: #66cdaa;
}
div.cdtypocss_legend_green p {
	color: #66cdaa;
}

/* Legend - red */
div.cdtypocss_legend_red {
	border: 1px solid #EAD5D5;
	background: transparent url(/plugins/content/cdtypocss/addons/legend/images/red.png) repeat-x bottom left;
}
div.cdtypocss_legend_red h3 {
	color: #cd5c5c;
}
div.cdtypocss_legend_red p {
	color: #cd5c5c;
}

/* Legend - pink */
div.cdtypocss_legend_pink {
	border: 1px solid #EAD5D5;
	background: transparent url(/plugins/content/cdtypocss/addons/legend/images/pink.png) repeat-x bottom left;
}
div.cdtypocss_legend_pink h3 {
	color: #f08080;
}
div.cdtypocss_legend_pink p {
	color: #f08080;
}

/* Legend - orange */
div.cdtypocss_legend_orange {
	border: 1px solid orange;
	background: transparent url(/plugins/content/cdtypocss/addons/legend/images/orange.png) repeat-x bottom left;
}
div.cdtypocss_legend_orange h3 {
	color:  orange;
}
div.cdtypocss_legend_orange p {
	color: orange;
}

/* Legend - violet */
div.cdtypocss_legend_violet {
	border: 1px solid #ee82ee;
	background: transparent url(/plugins/content/cdtypocss/addons/legend/images/violet.png) repeat-x bottom left;
}
div.cdtypocss_legend_violet h3 {
	color: #ee82ee;
}
div.cdtypocss_legend_violet p {
	color: #ee82ee;
}