/**
* @Enterprise: S&S Media Solutions
* @author: Yannick Spang
* @creation date: June 2009
* @url: http://www.joomla-virtuemart-designs.com
* @copyright: Copyright (C) 2009 S&S Media Solutions
* @license: Commercial, see LICENSE.php
* @product: Shworoom Mall - Joomla Template
* @version: 1.0
*/

/*Quotes*/
blockquote.special {
	display: block;
	font-family: Verdana;
	font-size: 110%;
	line-height: 150%;
	width: auto;
	padding: 15px 25px 15px 25px;
	margin: 15px 0;
	background: #f9f9f9;
	color: #333;
	border: 2px dotted #333;
	}
	
blockquote.black, blockquote.blue, blockquote.red, blockquote.green, blockquote.purple, blockquote.orange, blockquote.yellow, blockquote.grey, blockquote.pink {
	display: block;
	font-family: Verdana;
	font-size: 110%;
	line-height: 140%;
	width: auto;
	padding: 0px 20px;
	margin: 15px 0;
	border: 0;
	background: 0;
	}
	
blockquote.blue {
	color: #1f7be5;
	background: url(../images/content_styles/blue_quote_start.png) 0 5px no-repeat;
	padding: 0px 30px 0 38px;
	}
	
blockquote.green {
	color: #58c10c;
	background: url(../images/content_styles/green_quote_start.png) 0 5px no-repeat;
	padding: 0px 30px 0 38px;
	}
	
blockquote.yellow {
	color: #febf01;
	background: url(../images/content_styles/yellow_quote_start.png) 0 5px no-repeat;
	padding: 0px 30px 0 38px;
	}

blockquote.grey {
	color: #666;
	background: url(../images/content_styles/grey_quote_start.png) 0 5px no-repeat;
	padding: 0px 30px 0 38px;
	}
	
blockquote.pink {
	color: #c61b85;
	background: url(../images/content_styles/pink_quote_start.png) 0 5px no-repeat;
	padding: 0px 30px 0 38px;
	}
	
blockquote.orange {
	color: #ff920a;
	background: url(../images/content_styles/orange_quote_start.png) 0 5px no-repeat;
	padding: 0px 30px 0 38px;
	}

blockquote.red {
	color: #a90329;
	background: url(../images/content_styles/red_quote_start.png) 0 5px no-repeat;
	padding: 0px 30px 0 38px;
	}
	
blockquote.purple {
	color: #51329a;
	background: url(../images/content_styles/purple_quote_start.png) 0 5px no-repeat;
	padding: 0px 30px 0 38px;
	}

blockquote.black {
	color: #000;
	background: url(../images/content_styles/black_quote_start.png) 0 5px no-repeat;
	padding: 0px 30px 0 38px;
	}
	
blockquote.black p {
	padding: 0 20px 0 0;
	margin-top: 0;
	background: url(../images/content_styles/black_quote_end.png) 100% 100% no-repeat;
	}

blockquote.blue p {
	padding: 0 20px 0 0;
	margin-top: 0;
	background: url(../images/content_styles/blue_quote_end.png) 100% 100% no-repeat;
	} 

blockquote.red p {
	padding: 0 20px 0 0;
	margin-top: 0;
	background: url(../images/content_styles/red_quote_end.png) 100% 100% no-repeat;
	} 
blockquote.green p {
	padding: 0 20px 0 0;
	margin-top: 0;
	background: url(../images/content_styles/green_quote_end.png) 100% 100% no-repeat;
	} 

blockquote.purple p {
	padding: 0 20px 0 0;
	margin-top: 0;
	background: url(../images/content_styles/purple_quote_end.png) 100% 100% no-repeat;
	} 

blockquote.orange p {
	padding: 0 20px 0 0;
	margin-top: 0;
	background: url(../images/content_styles/orange_quote_end.png) 100% 100% no-repeat;
	} 

blockquote.yellow p {
	padding: 0 20px 0 0;
	margin-top: 0;
	background: url(../images/content_styles/yellow_quote_end.png) 100% 100% no-repeat;
	} 

blockquote.grey p {
	padding: 0 20px 0 0;
	margin-top: 0;
	background: url(../images/content_styles/grey_quote_end.png) 100% 100% no-repeat;
	} 

blockquote.pink p  {
	padding: 0 20px 0 0;
	margin-top: 0;
	background: url(../images/content_styles/pink_quote_end.png) 100% 100% no-repeat;
	}
	
/*Note Boxes*/
.notebox-black, .notebox-blue, .notebox-red, .notebox-green, .notebox-purple, .notebox-orange, .notebox-yellow, .notebox-grey, .notebox-pink {
	padding: 15px;
	margin: 15px 0;
	}

span.notebox-title-black, span.notebox-title-blue, span.notebox-title-red, span.notebox-title-green, span.notebox-title-purple, span.notebox-title-orange, span.notebox-title-yellow, span.notebox-title-grey, span.notebox-title-pink {
	position: absolute;
	display: block;
	margin-top: -24px;
	background: #fff;
	padding: 0 8px;
	font-weight: bold;
	font-size: 120%;
	}
	
.notebox-black {
	border: 1px solid #333;
	}

.notebox-blue {
	border: 1px solid #1f7be5;
	}
	
.notebox-red {
	border: 1px solid #a90329;
	}
	
.notebox-green {
	border: 1px solid #58c10c;
	}
	
.notebox-purple {
	border: 1px solid #51329a;
	}
	
.notebox-orange {
	border: 1px solid #ff920a;
	}
	
.notebox-yellow {
	border: 1px solid #febf01;
	}
	
.notebox-grey {
	border: 1px solid #666;
	}
	
.notebox-pink {
	border: 1px solid #c61b85;
	}
	
span.notebox-title-black {
	color: #333;
	}
	
span.notebox-title-blue {
	color: #1f7be5;
	}
	
span.notebox-title-red {
	color: #a90329;
	}
	
span.notebox-title-green {
	color: #58c10c;
	}
	
span.notebox-title-purple {
	color: #51329a;
	}
	
span.notebox-title-orange {
	color: #ff920a;
	}
	
span.notebox-title-yellow {
	color: #febf01;
	}
	
span.notebox-title-grey {
	color: #666;
	}
	
span.notebox-title-pink {
	color: #c61b85;
	}
	
/*Indented Styles*/
span.indented-left {
	display: block;
	color: #000;
	padding: 15px;
	float: left;
	width: 20%;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
	}
	
span.indented-right {
	display: block;
	color: #000;
	padding: 15px;
	float: right;
	width: 20%;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
	}

/*Number Styles*/
span.numbers, span.numbers-blue, span.numbers-red, span.numbers-green, span.numbers-purple, span.numbers-orange, span.numbers-yellow, span.numbers-grey, span.numbers-pink, span.numbers-black {
	display: block;
	font-size: 170%;
	float: left;
	margin: 2px 10px 0 15px;
	}
	
span.numbers-black {color: #000;}
span.numbers-blue {color: #1f7be5;}
span.numbers-red {color: #a90329;}
span.numbers-green {color: #58c10c;}
span.numbers-purple {color: #51329a;}
span.numbers-orange {color: #ff920a;}
span.numbers-yellow {color: #febf01;}
span.numbers-grey {color: #666;}
span.numbers-pink {color: #c61b85;}

/*Hightlight Styles*/
span.highlight-black,span.highlight-blue,span.highlight-red,span.highlight-green,span.highlight-purple,span.highlight-orange,span.highlight-yellow,span.highlight-grey, span.highlight-pink {
	padding: 1px 2px;
	color: #fff;
	}

span.highlight-black {background: #000;}
span.highlight-blue {background: #1f7be5;}
span.highlight-red {background: #a90329;}
span.highlight-green {background: #58c10c;}
span.highlight-purple {background: #51329a;}
span.highlight-orange {background: #ff920a;}
span.highlight-yellow {background: #febf01;}
span.highlight-grey {background: #666;}
span.highlight-bold {font-weight: bold;font-size: 120%;}
span.highlight-pink {background: #c61b85;}

/*Cap-Transform Style*/
span.leadcap-black,span.leadcap, span.leadcap-blue, span.leadcap-red, span.leadcap-green, span.leadcap-purple, span.leadcap-orange, span.leadcap-yellow, span.leadcap-grey,span.leadcap-pink {
	display: block;
	font-size: 260%;
	float: left;
	margin: 0px 4px 0 0;
	line-height: 100%;
	}
	
span.leadcap-black {color: #000;}
span.leadcap-blue {color: #1f7be5;}
span.leadcap-red {color: #a90329;}
span.leadcap-green {color: #58c10c;}
span.leadcap-purple {color: #51329a;}
span.leadcap-orange {color: #ff920a;}
span.leadcap-yellow {color: #febf01;}
span.leadcap-grey {color: #666;}
span.leadcap-pink {color: #c61b85;}

/*Special-Box Styles*/
span.info, span.notice, span.error, span.download, span.smile, span.media, span.note, span.rss, span.folder {
	display: block;
	padding: 8px 10px 8px 50px;
	margin: 15px 0;
	}
	
span.info {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(../images/content_styles/info.png) 10px 50% no-repeat;
	}
	
span.info a {
	color: #B79000 !important;
	font-weight: bold !important;
	font-style: italic !important;
	}
	
span.notice {
	color: #648434;
	border: 1px solid #9BCC54;
	background: #CDEFA6 url(../images/content_styles/notice.png) 10px 50% no-repeat;
	}
	
span.notice a {
	color: #648434 !important;
	font-weight: bold !important;
	font-style: italic !important;
	}
	
span.error {
	color: #CF3738;
	border: 1px solid #FFACAD;
	background: #FFD5D5 url(../images/content_styles/error.png) 10px 50% no-repeat;
	}
	
span.error a {
	color: #CF3738 !important;
	font-weight: bold !important;
	font-style: italic !important;
	}
	
span.download {
	color: #1C6B8B;
	border: 1px solid #6ABCE2;
	background: #E6E6FA url(../images/content_styles/download.png) 10px 50% no-repeat;
	}
	
span.download a {
	color: #1C6B8B !important;
	font-weight: bold !important;
	font-style: italic !important;
	}
	
span.smile {
	color: #666;
	border: 1px solid #a8a8a8;
	background: #ccc url(../images/content_styles/smile.png) 10px 50% no-repeat;
	}
	
span.smile a {
	color: #666 !important;
	font-weight: bold !important;
	font-style: italic !important;
	}
	
span.media {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(../images/content_styles/media.png) 10px 50% no-repeat;
	}
	
span.media a {
	color: #C76E34 !important;
	font-weight: bold !important;
	font-style: italic !important;
	}
	
span.note {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(../images/content_styles/note.png) 10px 50% no-repeat;
	}
	
span.note a {
	color: #B79000 !important;
	font-weight: bold !important;
	font-style: italic !important;
	}
	
span.rss {
	color: #666;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(../images/content_styles/rss.png) 10px 50% no-repeat;
	}
	
span.rss a {
	color: #666 !important;
	font-weight: bold !important;
	font-style: italic !important;
	}
	
span.folder {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(../images/content_styles/folder.png) 10px 50% no-repeat;}

span.folder a {
	color: #C76E34 !important;
	font-weight: bold !important;
	font-style: italic !important;
	}

ol {
	margin-left: 5px;
}

ul {
	list-style: none;
}
	
ul li {
	padding-left: 20px;
	background: url(../images/bullet.png) no-repeat 10px 6px;
	line-height: 165%;
	}

ol li {
	margin-left: 20px;
	line-height: 150%;
}

ul.ul_arrow li {
	background-color: transparent;
	background-image: url(../images/content_styles/ul_li_arrow.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 18px;
	list-style: none;
	}

ul.ul_checkbox {
	padding-left: 40px;
	}

ul.ul_checkbox li {
	background:transparent url(../images/content_styles/ul_li_check.png) no-repeat;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 18px;
	list-style: none;
	margin-left: 10px;
	font:bold 1.1em Tahoma, Verdana, Arial;
	color: #333;
	}

ul.ul_plus li {
	background:transparent url(../images/content_styles/ul_li_plus.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-right: 18px;
	list-style: none;
	margin: 4px 0px 4px 50px;
	}

ul.ul_minus li {
	background-color: transparent;
	background-image: url(../images/content_styles/ul_li_minus.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	padding-bottom: 3px;
	padding-left: 23px;
	padding-right: 18px;
	list-style: none;
	margin: 4px 0px 4px 50px;
	}
	
hr {
	margin: 0 5px;
	color: #fff;
	}