/*------------------------------------------------------------------------


# JA Edenite 1.0 - March, 2008


# ------------------------------------------------------------------------


# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.


# @license - Copyrighted Commercial Software


# Author: J.O.O.M Solutions Co., Ltd


# Websites:  http://www.joomlart.com -  http://www.joomlancers.com


-------------------------------------------------------------------------*/





/* BONUS TYPOGRAPHY STYLES


--------------------------------------------------------- */


pre, .code {


	background: #FFFFCC;


	border-left: 5px solid #CCCCCC;


	font: 1em/1.5 "Courier News", monospace;


	margin: 5px 0 15px;


	padding: 10px 15px;


}





blockquote {


	padding: 1em 40px 1em 15px;


}





blockquote span.open {


	background: url(../images/so-q.gif) no-repeat left top;


	padding: 0 0 0 15px;


}





blockquote span.close {


	background: url(../images/sc-q.gif) no-repeat bottom right;


	padding: 0 15px 0 0;


}





blockquote.testimonial {


	padding: 0 0 10px;


	border-bottom: 1px solid #E7E8E6;


}





blockquote.testimonial span.author {


	background: url(../images/icon-author.gif) no-repeat 5px center;


	display: block;


	font-weight: bold;


	margin-top: 5px;


	padding-left: 20px;


}





/* Drropcap */


.dropcap {


	color: #4B4B4B;


	display: block;


	float: left;


	font: 50px/40px Georgia, Times, serif;


	padding: 4px 8px 0 0;


}





/* Tips, Error, Message, Hightlight*/


p.error {


	background: url(../images/icon-error.gif) no-repeat top left;


	color: #CC0000;


	padding-left: 25px;


}





p.message {


	background: url(../images/icon-info.gif) no-repeat top left;


	color: #2C79B3;


	padding-left: 25px;


}





p.tips {


	background: url(../images/icon-tips.gif) no-repeat top left;


	color: #E58C00;


	padding-left: 25px;


}





.highlight {


	background: #FFFFCC;


	font-weight: bold;


	padding: 1px 5px;


}





/* Note Style */


p.stickynote {


	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;


	border: 1px solid #CCCCCC;


	padding: 10px 0px 10px 40px;


}





p.download {


	background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;


	border: 1px solid #CCCCCC;


	padding: 10px 0px 10px 45px;


}





.blocknumber {


	clear: both;


	padding: 5px 15px 10px;


	position: relative;


}





/* Check list */


ul.checklist {


	list-style: none;


}





ul.checklist li {


	background: url(../images/icon-checklist.gif) no-repeat 0 4px;


	margin-left: 15px;


	padding: 0 0 0 20px;


}





/* Check list (star) */


ul.stars {


	list-style: none;


}





ul.stars li {


	background: url(../images/icon-star.gif) no-repeat 0 5px;


	margin-left: 15px;


	padding: 0 0 0 20px;


}





/* List arrow */


ul.arrow {


	list-style: none;


}





ul.arrow li {


	background: url(../images/icon-arrow.gif) no-repeat 3px 5px;


	margin-left: 15px;


	padding: 0 0 0 20px;


}





/* Bignumber */


.bignumber {


	background: url(../images/ol-bg.gif) no-repeat top left;


	color: #FFFFFF;


	display: block;


	float: left;


	font: bold 20px/normal Arial, sans-serif;


	margin-right: 8px;


	padding: 6px 7px;


}





/* Talking box. Thinking box. */


div.bubble1, div.bubble2, div.bubble3, div.bubble4 {


	margin: 15px 0;


}





div.bubble1 span.author,


div.bubble2 span.author,


div.bubble3 span.author,


div.bubble4 span.author {


	font-weight: bold;


	margin-left: 15px;


	padding-left: 0;


}





div.bubble1 div {


	background: url(../images/bub1-br.gif) no-repeat bottom right;


	margin: 0;


	width: 100%;


}





div.bubble1 div div {


	background: url(../images/bub1-bl.gif) no-repeat bottom left;


}





div.bubble1 div div div {


	background: url(../images/bub1-tr.gif) no-repeat top right;


}





div.bubble1 div div div div {


	background: url(../images/bub1-tl.gif) no-repeat top left;


}





div.bubble1 div div div div div {


	margin: 0;


	padding: 10px 15px 20px;


	width: auto;


}





div.bubble2 div {


	background: url(../images/bub2-br.gif) no-repeat bottom right;


	margin: 0;


	width: 100%;


}





div.bubble2 div div {


	background: url(../images/bub2-bl.gif) no-repeat bottom left;


}





div.bubble2 div div div {


	background: url(../images/bub2-tr.gif) no-repeat top right;


}





div.bubble2 div div div div {


	background: url(../images/bub2-tl.gif) no-repeat top left;


}





div.bubble2 div div div div div {


	margin: 0;


	padding: 10px 15px 25px;


	width: auto;


}





div.bubble3 div {


	background: url(../images/bub3-br.gif) no-repeat bottom right;


	margin: 0;


	width: 100%;


}





div.bubble3 div div {


	background: url(../images/bub3-bl.gif) no-repeat bottom left;


}





div.bubble3 div div div {


	background: url(../images/bub3-tr.gif) no-repeat top right;


}





div.bubble3 div div div div {


	background: url(../images/bub3-tl.gif) no-repeat top left;


}





div.bubble3 div div div div div {


	margin: 0;


	padding: 10px 15px 45px;


	width: auto;


}





div.bubble4 div {


	background: url(../images/bub4-br.gif) no-repeat bottom right;


	margin: 0;


	width: 100%;


}





div.bubble4 div div {


	background: url(../images/bub4-bl.gif) no-repeat bottom left;


}





div.bubble4 div div div {


	background: url(../images/bub4-tr.gif) no-repeat top right;


}





div.bubble4 div div div div {


	background: url(../images/bub4-tl.gif) no-repeat top left;


}





div.bubble4 div div div div div {


	margin: 0;


	padding: 10px 15px 45px;


	width: auto;


}





/* Legend */


.legend-title {


	background: #FFFFFF;


	display: block;


	float: left;


	font-weight: bold;


	left: 7px;


	margin: 0;


	padding: 0 3px;


	position: absolute;


	top: -13px;


}





.legend {


	border: 1px solid #CCCCCC;


	margin: 20px 0;


	padding: 0 10px;


	position: relative;


}