/**
 * common.css
 *
 * Log:
 * - v0.0.1 2011-10-23 first version
 * - v0.0.2 2011-10-24 added colors
 * - v0.0.3 2011-10-25 added borders colors
 * - v0.0.4 2011-11-04 background, border
 * - v0.0.5 2012-03-09 line through
 * - v0.0.6 2012-03-23 size
 * - v0.0.7 2012-06-25 text-decoration line through, colors
 * - v0.0.8 2013-05-06 vertical align
 *
 * @package PG
 * @version 0.0.8
 * @date 2013-05-06
 * @author Michal Luberda <michal.luberda@appcom.it>
 */

/** text style */
.tac {text-align: center !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.wsn {white-space: nowrap !important;}
.tdn {text-decoration: none !important;}
.tdl {text-decoration: line-through !important;}

/** float */
.fl {float: left !important;}
.fr {float: right !important;}
.cb {clear: both !important;}
.cl {clear: left !important;}
.cr {clear: right !important;}

/** vertical-align */
.vam {vertical-align: middle !important;}
.vat {vertical-align: top !important;}
.vab {vertical-align: bottom !important;}

/** font */
.fwb {font-weight: bold !important;}
.fwn {font-weight: normal !important;}
.fsi {font-style: italic !important;}
.fsl {font-style: line-through !important;}
.fs0 {font-size: 10px !important;}
.fs1 {font-size: 12px !important;}
.fs2 {font-size: 14px !important;}
.fs3 {font-size: 16px !important;}
.fs4 {font-size: 18px !important;}


/** size */
.sw10px {width: 10px !important;}
.sw20px {width: 20px !important;}
.sw30px {width: 30px !important;}
.sw40px {width: 40px !important;}
.sw50px {width: 50px !important;}
.sw60px {width: 60px !important;}
.sw70px {width: 70px !important;}
.sw80px {width: 80px !important;}
.sw90px {width: 90px !important;}
.sw100px {width: 100px !important;}
.sw110px {width: 110px !important;}
.sw120px {width: 120px !important;}
.sw130px {width: 130px !important;}
.sw140px {width: 140px !important;}
.sw150px {width: 150px !important;}
.sw160px {width: 160px !important;}
.sw170px {width: 170px !important;}
.sw180px {width: 180px !important;}
.sw190px {width: 190px !important;}
.sw200px {width: 200px !important;}
.sw240px {width: 250px !important;}
.sw250px {width: 250px !important;}
.sw300px {width: 300px !important;}
.sw315px {width: 315px !important;}
.sw350px {width: 350px !important;}
.sw400px {width: 400px !important;}
.sw100 {width: 100% !important;}
.sw90 {width: 90% !important;}
.sw80 {width: 80% !important;}
.sw70 {width: 70% !important;}
.sw60 {width: 60% !important;}
.sw50 {width: 50% !important;}
.sw40 {width: 40% !important;}
.sw33 {width: 33% !important;}
.sw30 {width: 30% !important;}
.sw25 {width: 25% !important;}
.sw20 {width: 20% !important;}
.sw15 {width: 15% !important;}
.sw10 {width: 10% !important;}

/** margin */
.m0 {margin: 0 !important;}
.p0 {padding: 0 !important;}
.pl20px {padding: 10px 0 5px 70px !important;}

/** color */
.cred {color: #ED1141 !important;}
.cblue {color: #29A6F8 !important;}
.cgreen {color: #40C700 !important;}
.cwhite {color: #fff !important;}
.corange {color: orange !important;}
.cyellow {color: #FFD202 !important;}
.cgray {color: #CCCCCC !important;}
.bred {border: 1px solid #ED1141 !important;}
.bblue {border: 1px solid #29A6F8 !important;}
.bgreen {border: 1px solid #40C700 !important;}
.bkred {background: #ED1141 !important;}
.bkt {background: transparent !important;}
.bkn {background: none !important;}
.bdn {border: none !important;}

.background-none  { background: none !important; }
.cp {cursor: pointer !important;}

.hidden { display: none !important; }
.fw { width: calc(100% - 20px); }