/**
 * @package     Expose
 * @version     2.0
 * @author      ThemeXpert http://www.themexpert.com
 * @copyright   Copyright (C) 2010 - 2011 ThemeXpert
 * @license     http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
 * @file        typography.css
 **/

/********* Typography **********/
/*Box Style*/
.tx-typo{ background: url(../images/typography/box_bg.png) repeat-x 0 100% #fff; margin: 5px 0 10px; box-shadow:0px 0px 1px #d5d5d5;}
div.alert, div.attention, div.approved, div.cart, div.fav, div.lock, div.note, div.tips{border-style: solid; border-width: 3px 0 0 1px; padding: 15px 5px 15px 45px; background-position: 5px 50%;background-repeat: no-repeat;}
.tx-typo .alert{background-image: url(../images/typography/alert.png); border-color: #f59829;}
.tx-typo .attention{background-image: url(../images/typography/attention.png); border-color: #ffdb55;}
.tx-typo .approved{background-image: url(../images/typography/approved.png); border-color: #5cbc67;}
.tx-typo .cart{background-image: url(../images/typography/cart.png); border-color: #5a97cd;}
.tx-typo .fav{background-image: url(../images/typography/fav.png); border-color: #fb9011;}
.tx-typo .lock{background-image: url(../images/typography/lock.png); border-color: #febc11;}
.tx-typo .note{background-image: url(../images/typography/note.png);border-color: #4282c4;}
.tx-typo .tips{background-image: url(../images/typography/tips.png); border-color: #ccc;}
/*Box RTL*/
body.rtl div.alert, body.rtl div.attention, body.rtl div.approved, body.rtl div.cart, body.rtl div.fav, body.rtl div.lock, body.rtl div.note, body.rtl div.tips{background-position: 100% 50%; padding: 15px 45px 15px 5px;}
/*Icon Style*/
p.alert,p.asterisk, p.check, p.disk, p.edit, p.email, p.pdf, p.printer, p.star, p.tip
{
    background-position: 5px 50%;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    padding: 5px 0 5px 25px;
}
p.alert{background-image: url(../images/typography/icon_alert.png);}
p.asterisk{background-image: url(../images/typography/icon_asterisk.png);}
p.check{background-image: url(../images/typography/icon_check.png);}
p.disk{background-image: url(../images/typography/icon_disk.png);}
p.edit{background-image: url(../images/typography/icon_edit.png);}
p.email{background-image: url(../images/typography/icon_email.png);}
p.pdf{background-image: url(../images/typography/icon_pdf.png);}
p.printer{background-image: url(../images/typography/icon_printer.png);}
p.star{background-image: url(../images/typography/icon_star.png);}
p.tip{background-image: url(../images/typography/icon_tip.gif);}

/*Icon RTL*/
body.rtl p.alert, body.rtl p.asterisk, body.rtl p.check, body.rtl p.disk, body.rtl p.edit, body.rtl p.email, body.rtl p.pdf, body.rtl p.printer, body.rtl p.star, body.rtl p.tip{background-position: 100% 50%; padding:5px 25px 5px 0}

/*List Style*/
ul.check{list-style: none;padding: 0}
ul.check li{background: url(../images/typography/list_check.png) no-repeat 0 5px;padding:2px 0 2px 20px}

body.rtl ul.check li{background-position: 100% 5px; padding: 2px 20px 2px 0;}
/*Pre/Code style*/
pre,code{
    background: #f5f5f5;
    white-space: pre-wrap;
    font-size: 110%;
    line-height: 2em;
}