@charset "UTF-8";

/**
* Set of small utility classes for text style, alignment, margin, padding and borders
*
*
* @author   Matthew Davies (md@langarth.com)
* @date     24 Feb 2011
*/

/* !alignment */

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

.floatleft { float: left; }
.floatright { float: right; }
.floatcenter { margin: 0 auto; }

.block { display: block; }
.inline { display: inline }

/* !position */

.absolute { position: absolute; }
.relative { position: relative; }

/* !text style */

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underlined { text-decoration: underline; }
.linethrough { text-decoration: line-through; }

/* !border */

.white_border { border: 1px solid #fff; }
.black_border { border: 1px solid #000; }

.b0 { border: none; }
.b1 { border-width: 1px; }
.b2 { border-width: 2px; }
.b3 { border-width: 3px; }
.b4 { border-width: 4px; }
.b5 { border-width: 5px; }

.bt0 { border-top: none; }
.bt1 { border-top-width: 1px; }
.bt2 { border-top-width: 2px; }
.bt3 { border-top-width: 3px; }
.bt4 { border-top-width: 4px; }
.bt5 { border-top-width: 5px; }

.br0 { border-right: none; }
.br1 { border-right-width: 1px; }
.br2 { border-right-width: 2px; }
.br3 { border-right-width: 3px; }
.br4 { border-right-width: 4px; }
.br5 { border-right-width: 5px; }

.bb0 { border-bottom: none; }
.bb1 { border-bottom-width: 1px; }
.bb2 { border-bottom-width: 2px; }
.bb3 { border-bottom-width: 3px; }
.bb4 { border-bottom-width: 4px; }
.bb5 { border-bottom-width: 5px; }

.bl0 { border-left: none; }
.bl1 { border-left-width: 1px; }
.bl2 { border-left-width: 2px; }
.bl3 { border-left-width: 3px; }
.bl4 { border-left-width: 4px; }
.bl5 { border-left-width: 5px; }

/* !margin */

.m0   { margin: 0px; }
.m5   { margin: 5px; }
.m10  { margin: 10px; }
.m15  { margin: 15px; }
.m20  { margin: 20px; }
.m25  { margin: 25px; }
.m30  { margin: 30px; }
.m35  { margin: 35px; }
.m40  { margin: 40px; }
.m45  { margin: 45px; }
.m50  { margin: 50px; }
.m55  { margin: 55px; }
.m60  { margin: 60px; }
.m65  { margin: 65px; }
.m70  { margin: 70px; }
.m75  { margin: 75px; }
.m80  { margin: 80px; }
.m85  { margin: 85px; }
.m90  { margin: 90px; }
.m95  { margin: 95px; }
.m100 { margin: 100px; }

.mt0   { margin-top: 0px; }
.mt5   { margin-top: 5px; }
.mt10  { margin-top: 10px; }
.mt15  { margin-top: 15px; }
.mt20  { margin-top: 20px; }
.mt25  { margin-top: 25px; }
.mt30  { margin-top: 30px; }
.mt35  { margin-top: 35px; }
.mt40  { margin-top: 40px; }
.mt45  { margin-top: 45px; }
.mt50  { margin-top: 50px; }
.mt55  { margin-top: 55px; }
.mt60  { margin-top: 60px; }
.mt65  { margin-top: 65px; }
.mt70  { margin-top: 70px; }
.mt75  { margin-top: 75px; }
.mt80  { margin-top: 80px; }
.mt85  { margin-top: 85px; }
.mt90  { margin-top: 90px; }
.mt95  { margin-top: 95px; }
.mt100 { margin-top: 100px; }

.ml0   { margin-left: 0px; }
.ml1   { margin-left: 1px; }
.ml2   { margin-left: 2px; }
.ml3   { margin-left: 3px; }
.ml4   { margin-left: 4px; }
.ml5   { margin-left: 5px; }
.ml6   { margin-left: 6px; }
.ml7   { margin-left: 7px; }
.ml8   { margin-left: 8px; }
.ml9   { margin-left: 9px; }
.ml10  { margin-left: 10px; }
.ml11  { margin-left: 11px; }
.ml12  { margin-left: 12px; }
.ml13  { margin-left: 13px; }
.ml14  { margin-left: 14px; }
.ml15  { margin-left: 15px; }
.ml20  { margin-left: 20px; }
.ml25  { margin-left: 25px; }
.ml30  { margin-left: 30px; }
.ml35  { margin-left: 35px; }
.ml40  { margin-left: 40px; }
.ml45  { margin-left: 45px; }
.ml50  { margin-left: 50px; }
.ml55  { margin-left: 55px; }
.ml60  { margin-left: 60px; }
.ml65  { margin-left: 65px; }
.ml70  { margin-left: 70px; }
.ml75  { margin-left: 75px; }
.ml80  { margin-left: 80px; }
.ml85  { margin-left: 85px; }
.ml90  { margin-left: 90px; }
.ml95  { margin-left: 95px; }
.ml100 { margin-left: 100px; }

.mb0   { margin-bottom: 0px; }
.mb5   { margin-bottom: 5px; }
.mb10  { margin-bottom: 10px; }
.mb15  { margin-bottom: 15px; }
.mb20  { margin-bottom: 20px; }
.mb25  { margin-bottom: 25px; }
.mb30  { margin-bottom: 30px; }
.mb35  { margin-bottom: 35px; }
.mb40  { margin-bottom: 40px; }
.mb45  { margin-bottom: 45px; }
.mb50  { margin-bottom: 50px; }
.mb55  { margin-bottom: 55px; }
.mb60  { margin-bottom: 60px; }
.mb65  { margin-bottom: 65px; }
.mb70  { margin-bottom: 70px; }
.mb75  { margin-bottom: 75px; }
.mb80  { margin-bottom: 80px; }
.mb85  { margin-bottom: 85px; }
.mb90  { margin-bottom: 90px; }
.mb95  { margin-bottom: 95px; }
.mb100 { margin-bottom: 100px; }

.mr0   { margin-right: 0px; }
.mr1   { margin-right: 1px; }
.mr2   { margin-right: 2px; }
.mr3   { margin-right: 3px; }
.mr4   { margin-right: 4px; }
.mr5   { margin-right: 5px; }
.mr6   { margin-right: 6px; }
.mr7   { margin-right: 7px; }
.mr8   { margin-right: 8px; }
.mr9   { margin-right: 9px; }
.mr10  { margin-right: 10px; }
.mr11  { margin-right: 11px; }
.mr12  { margin-right: 12px; }
.mr13  { margin-right: 13px; }
.mr14  { margin-right: 14px; }
.mr15  { margin-right: 15px; }
.mr20  { margin-right: 20px; }
.mr25  { margin-right: 25px; }
.mr30  { margin-right: 30px; }
.mr35  { margin-right: 35px; }
.mr40  { margin-right: 40px; }
.mr45  { margin-right: 45px; }
.mr50  { margin-right: 50px; }
.mr55  { margin-right: 55px; }
.mr60  { margin-right: 60px; }
.mr65  { margin-right: 65px; }
.mr70  { margin-right: 70px; }
.mr75  { margin-right: 75px; }
.mr80  { margin-right: 80px; }
.mr85  { margin-right: 85px; }
.mr90  { margin-right: 90px; }
.mr95  { margin-right: 95px; }
.mr100 { margin-right: 100px; }

/* !padding */

.p0   { padding: 0px; }
.p5   { padding: 5px; }
.p10  { padding: 10px; }
.p15  { padding: 15px; }
.p20  { padding: 20px; }
.p25  { padding: 25px; }
.p30  { padding: 30px; }
.p35  { padding: 35px; }
.p40  { padding: 40px; }
.p45  { padding: 45px; }
.p50  { padding: 50px; }
.p55  { padding: 55px; }
.p60  { padding: 60px; }
.p65  { padding: 65px; }
.p70  { padding: 70px; }
.p75  { padding: 75px; }
.p80  { padding: 80px; }
.p85  { padding: 85px; }
.p90  { padding: 90px; }
.p95  { padding: 95px; }
.p100 { padding: 100px; }

.pt0   { padding-top: 0px; }
.pt5   { padding-top: 5px; }
.pt10  { padding-top: 10px; }
.pt15  { padding-top: 15px; }
.pt20  { padding-top: 20px; }
.pt25  { padding-top: 25px; }
.pt30  { padding-top: 30px; }
.pt35  { padding-top: 35px; }
.pt40  { padding-top: 40px; }
.pt45  { padding-top: 45px; }
.pt50  { padding-top: 50px; }
.pt55  { padding-top: 55px; }
.pt60  { padding-top: 60px; }
.pt65  { padding-top: 65px; }
.pt70  { padding-top: 70px; }
.pt75  { padding-top: 75px; }
.pt80  { padding-top: 80px; }
.pt85  { padding-top: 85px; }
.pt90  { padding-top: 90px; }
.pt95  { padding-top: 95px; }
.pt100 { padding-top: 100px; }

.pl0   { padding-left: 0px; }
.pl5   { padding-left: 5px; }
.pl10  { padding-left: 10px; }
.pl15  { padding-left: 15px; }
.pl20  { padding-left: 20px; }
.pl25  { padding-left: 25px; }
.pl30  { padding-left: 30px; }
.pl35  { padding-left: 35px; }
.pl40  { padding-left: 40px; }
.pl45  { padding-left: 45px; }
.pl50  { padding-left: 50px; }
.pl55  { padding-left: 55px; }
.pl60  { padding-left: 60px; }
.pl65  { padding-left: 65px; }
.pl70  { padding-left: 70px; }
.pl75  { padding-left: 75px; }
.pl80  { padding-left: 80px; }
.pl85  { padding-left: 85px; }
.pl90  { padding-left: 90px; }
.pl95  { padding-left: 95px; }
.pl100 { padding-left: 100px; }

.pb0   { padding-bottom: 0px; }
.pb5   { padding-bottom: 5px; }
.pb10  { padding-bottom: 10px; }
.pb15  { padding-bottom: 15px; }
.pb20  { padding-bottom: 20px; }
.pb25  { padding-bottom: 25px; }
.pb30  { padding-bottom: 30px; }
.pb35  { padding-bottom: 35px; }
.pb40  { padding-bottom: 40px; }
.pb45  { padding-bottom: 45px; }
.pb50  { padding-bottom: 50px; }
.pb55  { padding-bottom: 55px; }
.pb60  { padding-bottom: 60px; }
.pb65  { padding-bottom: 65px; }
.pb70  { padding-bottom: 70px; }
.pb75  { padding-bottom: 75px; }
.pb80  { padding-bottom: 80px; }
.pb85  { padding-bottom: 85px; }
.pb90  { padding-bottom: 90px; }
.pb95  { padding-bottom: 95px; }
.pb100 { padding-bottom: 100px; }

.pr0   { padding-right: 0px; }
.pr5   { padding-right: 5px; }
.pr10  { padding-right: 10px; }
.pr15  { padding-right: 15px; }
.pr20  { padding-right: 20px; }
.pr25  { padding-right: 25px; }
.pr30  { padding-right: 30px; }
.pr35  { padding-right: 35px; }
.pr40  { padding-right: 40px; }
.pr45  { padding-right: 45px; }
.pr50  { padding-right: 50px; }
.pr55  { padding-right: 55px; }
.pr60  { padding-right: 60px; }
.pr65  { padding-right: 65px; }
.pr70  { padding-right: 70px; }
.pr75  { padding-right: 75px; }
.pr80  { padding-right: 80px; }
.pr85  { padding-right: 85px; }
.pr90  { padding-right: 90px; }
.pr95  { padding-right: 95px; }
.pr100 { padding-right: 100px; }