/*--------------------------------------------------------------
# eShoptrix II - May 2008 (for Joomla 1.5)
# Recoded version - Dec 2008
# Copyright (C) 2008 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
---------------------------------------------------------------*/

/* Typohraphy 
-----------------------------------------------------------------------------------*/
pre,
.code {
	margin:10px 0pt 15px;
	padding:10px 15px;
	font-size: 11px;
}
.info {
	padding-left:30px;
}
.warning {
	padding-left:30px;
}
.tips {
	padding-left:30px;
}
.date {
	padding-left:30px;
}
.audio,
.credit,
.email,
.feed,
.help,
.webcam {
	background:transparent url('../images/icons/audio.gif') no-repeat left top;
	padding-left:30px;
}
.credit {
	background:transparent url('../images/icons/credit.gif') no-repeat left top;
}
.email {
	background:transparent url('../images/icons/email.gif') no-repeat left top;
}
.feed {
	background:transparent url('../images/icons/feed.gif') no-repeat left top;
}
.help {
	background:transparent url('../images/icons/help.gif') no-repeat left top;
}
.webcam {
	background:transparent url('../images/icons/webcam.gif') no-repeat left top;
}
.highlight-1,
.highlight-2,
.highlight-3,
.highlight-4 {
	padding:1px 5px;
}
span.clear,
span.clear-1,
span.clear-2,
span.color,
span.color-1,
span.color-2,
span.color-3,
span.color-4,
span.color-5,
span.color-6,
span.color-7 {
	display: block;
	padding: 5px 10px;
	margin-bottom: 10px;
}
pre, .code {
	background-color:#f9f9f9;
	border-left:5px solid #739C03;
	
}
.info {
	background:transparent url('../images/icons/info.gif') no-repeat left top;
	color:#6F95B7;
}
.warning {
	background:transparent url('../images/icons/warning.gif') no-repeat left top;
	color:#cc0000;
}
.tips {
	background:transparent url('../images/icons/tips.gif') no-repeat left top;
	color:#E98B05;
}
.date {
	background:transparent url('../images/icons/date.gif') no-repeat left top;
	color:#35cc00;
}
.highlight-1 {
	background:#ffffda;
}
.highlight-2 {
	background:#739C03;color: #fff;
}
.highlight-3 {
	background:#588CB8;
	color: #fff;
}
.highlight-4 {
	background:#5c5c5c;
	color: #fff;
}
span.clear {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
span.clear-1 {
	border-top: 1px solid #588cb8;
	border-bottom: 1px solid #588cb8;
	color: #588cb8;
}
span.clear-2 {
	border-top: 1px solid #739C03;
	border-bottom: 1px solid #739C03;
	color: #739C03;
}
span.color {
	background: #fff;
	color: #588cb8;
}
span.color-1 {
	background: #fff;
	color: #739C03;
}
span.color-2 {
	border-left: 2px solid #588cb8;
	color: #588cb8;
}
span.color-3 {
	border-left: 2px solid #739C03;
	color: #739C03;
}
span.color-4 {
	border-top: 1px solid #3a6c95;
	border-bottom: 1px solid #3a6c95;
	background: #588cb8;
	color: #fff;
}
span.color-5 {
	border-top: 1px solid #739C03;
	border-bottom: 1px solid #739C03;
	background: #739C03;
	color: #fff;
}
span.color-6 {
	border-top: 1px solid #e9e9a1;
	border-bottom: 1px solid #e9e9a1;
	background: #FFFFDA;
	color: #333;
}
span.color-7 {
	border-top: 1px solid #424242;
	border-bottom: 1px solid #424242;
	background: #5c5c5c;
	color: #fff;
}