/*------------------------------------------------------------------------
# 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: #ffc;
    border-left: 5px solid #ccc;
    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(../image/so-q.gif) no-repeat left top;
    padding: 0 0 0 15px;
}
blockquote span.close
{
    background: url(../image/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(../image/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(../image/icon-error.gif) no-repeat top left;
    color: #c00;
    padding-left: 25px;
}
p.message
{
    background: url(../image/icon-info.gif) no-repeat top left;
    color: #2c79b3;
    padding-left: 25px;
}
p.tips
{
    background: url(../image/icon-tips.gif) no-repeat top left;
    color: #e58c00;
    padding-left: 25px;
}
.highlight
{
    background: #ffc;
    font-weight: bold;
    padding: 1px 5px;
}/* Note Style */
p.stickynote
{
    background: url(../image/sticky-bg.gif) no-repeat 5px center #fff;
    border: 1px solid #ccc;
    padding: 10px 0 10px 40px;
}
p.download
{
    background: url(../image/download-bg.gif) no-repeat 5px center #fff;
    border: 1px solid #ccc;
    padding: 10px 0 10px 45px;
}
.blocknumber
{
    clear: both;
    padding: 5px 15px 10px;
    position: relative;
}/* Check list */
ul.checklist
{
    list-style: none;
}
ul.checklist li
{
    background: url(../image/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(../image/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(../image/icon-arrow.gif) no-repeat 3px 5px;
    margin-left: 15px;
    padding: 0 0 0 20px;
}/* Bignumber */
.bignumber
{
    background: url(../image/ol-bg.gif) no-repeat top left;
    color: #fff;
    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(../image/bub1-br.gif) no-repeat bottom right;
    margin: 0;
    width: 100%;
}
div.bubble1 div div
{
    background: url(../image/bub1-bl.gif) no-repeat bottom left;
}
div.bubble1 div div div
{
    background: url(../image/bub1-tr.gif) no-repeat top right;
}
div.bubble1 div div div div
{
    background: url(../image/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(../image/bub2-br.gif) no-repeat bottom right;
    margin: 0;
    width: 100%;
}
div.bubble2 div div
{
    background: url(../image/bub2-bl.gif) no-repeat bottom left;
}
div.bubble2 div div div
{
    background: url(../image/bub2-tr.gif) no-repeat top right;
}
div.bubble2 div div div div
{
    background: url(../image/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(../image/bub3-br.gif) no-repeat bottom right;
    margin: 0;
    width: 100%;
}
div.bubble3 div div
{
    background: url(../image/bub3-bl.gif) no-repeat bottom left;
}
div.bubble3 div div div
{
    background: url(../image/bub3-tr.gif) no-repeat top right;
}
div.bubble3 div div div div
{
    background: url(../image/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(../image/bub4-br.gif) no-repeat bottom right;
    margin: 0;
    width: 100%;
}
div.bubble4 div div
{
    background: url(../image/bub4-bl.gif) no-repeat bottom left;
}
div.bubble4 div div div
{
    background: url(../image/bub2-tr.gif) no-repeat top right;
}
div.bubble4 div div div div
{
    background: url(../image/bub2-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: #fff;
    display: block;
    float: left;
    font-weight: bold;
    left: 7px;
    margin: 0;
    padding: 0 3px;
    position: absolute;
    top: -13px;
}
.legend
{
    border: 1px solid #ccc;
    margin: 20px 0;
    padding: 0 10px;
    position: relative;
}