/**
 * @package     Tx_Vivify
 * @version     1.6
 * @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 **********/
blockquote{font:italic normal 17px/22px Georgia;padding: 15px 35px;}
/*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);}
/* ------ buttons
-----------------------------------------------*/

.btn {
    float:left;
    display:inline-block;
    height:44px;
    line-height:44px;
    padding:0 10px 0 50px;
    background:url(../images/white.jpg) repeat-x;
    color:#999;
    font-weight:bold;
    font-size:13px;
    text-shadow:0 1px 0 #fff;
    position:relative;
    border:1px solid #DFDFDF;
    margin:0 10px 10px 0;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

.btn:hover {
    border-color:#cacaca;
    background:#F8F8F8;
}

.btn span {
    display:block;
    position:absolute;
    top:6px;
    left:9px;
    width:32px;
    height:32px;
    background-repeat:no-repeat;
    background-position:center;
}

.btn.activity span {background-image:url(../images/typography/activity.png);}

.btn.activitya span {background-image:url(../images/typography/activityadd.png);}

.btn.activityd span {background-image:url(../images/typography/activitydelete.png);}

.btn.activityw span {background-image:url(../images/typography/activitywarn.png);}

.btn.add span {background-image:url(../images/typography/add.png);}

.btn.address span {background-image:url(../images/typography/activity.png);}

.btn.addressd span {background-image:url(../images/typography/addressdelete.png);}

.btn.addressa span {background-image:url(../images/typography/adressadd.png);}

.btn.addresss span {background-image:url(../images/typography/addresssearch.png);}

.btn.book span {background-image:url(../images/typography/book.png);}

.btn.booka span {background-image:url(../images/typography/bookadd.png);}

.btn.bookd span {background-image:url(../images/typography/bookdelete.png);}

.btn.books span {background-image:url(../images/typography/booksearch.png);}

.btn.activity span {background-image:url(../images/typography/activity.png);}

.btn.bulb span {background-image:url(../images/typography/bulb.png);}

.btn.fav span {background-image:url(../images/typography/fav.png);}

.btn.chart span {background-image:url(../images/typography/chart.png);}

.btn.activity span {background-image:url(../images/typography/activity.png);}

.btn.comment span {background-image:url(../images/typography/comment.png);}

.btn.commenta span {background-image:url(../images/typography/commentadd.png);}

.btn.commentua span {background-image:url(../images/typography/commentuseradd.png);}

.btn.commentud span {background-image:url(../images/typography/commentuserdelete.png);}

.btn.commentus span {background-image:url(../images/typography/commentusersearch.png);}

.btn.delete span {background-image:url(../images/typography/delete.png);}

.btn.edit span {background-image:url(../images/typography/edit.png);}

.btn.email span {background-image:url(../images/typography/email.png);}

.btn.emaila span {background-image:url(../images/typography/emailadd.png);}

.btn.emaild span {background-image:url(../images/typography/emaildelete.png);}

.btn.folder span {background-image:url(../images/typography/folder.png);}

.btn.foldera span {background-image:url(../images/typography/folderadd.png);}

.btn.folderd span {background-image:url(../images/typography/folderdelete.png);}

.btn.info span {background-image:url(../images/typography/info.png);}

.btn.lock span {background-image:url(../images/typography/lock.png);}

.btn.unlock span {background-image:url(../images/typography/lockopen.png);}

.btn.page span {background-image:url(../images/typography/page.png);}

.btn.pagea span {background-image:url(../images/typography/pageadd.png);}

.btn.paged span {background-image:url(../images/typography/pagedelete.png);}

.btn.rss span {background-image:url(../images/typography/rss.png);}

.btn.search span {background-image:url(../images/typography/search.png);}

.btn.time span {background-image:url(../images/typography/time.png);}

.btn.user span {background-image:url(../images/typography/user.png);}

.btn.usera span {background-image:url(../images/typography/useradd.png);}

.btn.userd span {background-image:url(../images/typography/userdelete.png);}

.btn.users span {background-image:url(../images/typography/usersearch.png);}

.btn.useri span {background-image:url(../images/typography/userinfo.png);}

.btn.warn span {background-image:url(../images/typography/warning.png);}

/*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}
body.rtl .btn{float:right}
body.rtl .btn span{right:6px;}

/*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;
}