img {border:0; vertical-align: middle}
label {cursor: pointer}

/* colors */
.cBlack {color: black}
.cWhite {color: white}
.cGray {color: #6F6F6F}
.cRed {color: #B93939}
.cGreen {color: green}

.fLeft {float: left}
.fRight {float: right}
.cLeft {clear: left}
.cBoth {clear: both}

img.fLeft { margin-right: 1em; }
img.fRight { margin-left: 1em; }

/* width & height */
.h100 {height: 100%}
.h50 {height: 50%}
.h33 {height: 33%}
.h25 {height: 25%}

.w100 {width: 100%}
.w99 {width: 99%}
.w98 {width: 98%}
.w90 {width: 90%}
.w95 {width: 95%}
.w80 {width: 80%}
.w70 {width: 70%}
.w60 {width: 60%}
.w50 {width: 50%}
.w55 {width: 55%}
.w48 {width: 48%}
.w40 {width: 40%}
.w33 {width: 33%}
.w30 {width: 30%}
.w25 {width: 25%}
.w20 {width: 20%}
.w10 {width: 10%}

/* align */
.aCenter {text-align: center}
.aLeft {text-align: left}
.aRigth {text-align: right}
.aJustify {text-align: justify}

/* text indent for new abzac*/
.abzac {text-indent:2em}

/* inputs */
input { vertical-align: middle }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }

/* fonts */
.fTahoma {font-family: Tahoma}
.fTrebuchetMS {font-family: "Trebuchet MS"}
.fArial {font-family: Arial}
.fVerdana {font-family: Verdana}

.tBold {font-weight: bold}
.tUnder {text-decoration: underline}
.tNoUnder {text-decoration: none !important}
.tNoBold {font-weight: normal}
.tItalic {font-style: italic}
.tNoItalic, .tNormal {font-style: normal}
.tUp {text-transform: uppercase}
.tLow {text-transform: lowercase}

.t8 {font-size: 8px}
.t9 {font-size: 9px}
.t10 {font-size: 10px}
.t11 {font-size: 11px}
.t12 {font-size: 12px}
.t13 {font-size: 13px}
.t14 {font-size: 14px}
.t15 {font-size: 15px}
.t16 {font-size: 16px}
.t17 {font-size: 17px}
.t18 {font-size: 18px}
.t19 {font-size: 19px}
.t20 {font-size: 20px}
.t21 {font-size: 21px}
.t22 {font-size: 22px}
.t23 {font-size: 23px}
.t24 {font-size: 24px}
.t25 {font-size: 25px}
.t27 {font-size: 27px}
.t28 {font-size: 28px}
.t29 {font-size: 29px}
.t30 {font-size: 30px}

/* margin & padding */
.m1 {margin:1px} .m2 {margin:2px} .m3 {margin:3px} .m4 {margin:4px}
.m5 {margin:5px} .m6 {margin:6px} .m7 {margin:7px} .m8 {margin:8px}
.m9 {margin:9px} .m10 {margin:10px} .m11 {margin:11px} .m12 {margin:12px}
.m13 {margin: 13px} .m14 {margin: 14px} .m15 {margin: 15px} .m20 {margin:20px}
.m25 {margin: 25px} .m30 {margin: 30px} .m35 {margin: 35px} .m40 {margin:40px}
.m45 {margin:45px} .m50 {margin:50px}

#p0 {padding:0 !important}
.p1 {padding:1px} .p2 {padding:2px} .p3 {padding:3px} .p4 {padding:4px}
.p5 {padding:5px} .p6 {padding:6px} .p7 {padding:7px} .p8 {padding:8px}
.p9 {padding:9px} .p10 {padding:10px} .p11 {padding:11px} .p12 {padding:12px}
.p13 {padding: 13px} .p14 {padding: 14px} .p15 {padding: 15px} .p20 {padding:20px}
.p25 {padding: 25px} .p30 {padding: 30px} .p35 {padding: 35px} .p40 {padding:40px}
.p45 {padding:45px} .p50 {padding:50px}

#m0 {margin:0 !important}
.ml0 {margin-left:0 !important}
.pl0 {padding-left:0 !important}
.mr0 {margin-right:0 !important}
.pr0 {padding-right:0 !important}
.mt0 {margin-top:0 !important}
.pt0 {padding-top:0 !important}
.mb0 {margin-bottom:0 !important}
.pb0 {padding-bottom:0 !important}

.mAuto {margin:auto;}
.mBottom5   { margin-bottom: 5px;  }
.mBottom10 { margin-bottom: 10px; }
.mBottom15 { margin-bottom: 15px; }
.mBottom20 { margin-bottom: 20px; }
.mBottom25 { margin-bottom: 25px; }
.mBottom30 { margin-bottom: 30px; }
.mLeft5 { margin-left: 5px; }
.mLeft2 { margin-left: 2px; }
.mLeft3 { margin-left: 3px; }
.mLeft10 { margin-left: 10px; }
.mLeft20 { margin-left: 20px; }
.mTop5 { margin-top: 5px; }
.mTop10 { margin-top: 10px; }
.mTop15 { margin-top: 15px; }
.mTop20 { margin-top: 20px; }
.mRight5 { margin-right: 5px; }
.mRight10 { margin-right: 10px; }
.mRight30 { margin-right: 30px; }
.pLeft5 { padding-left: 5px; }
.pLeft10 { padding-left: 10px; }
.pLeft30 { padding-left: 30px; }
.pBottom5 { padding-bottom: 5px; }
.pBottom10 { padding-bottom: 10px; }
.pBottom20 { padding-bottom: 20px; }
.pBottom50 { padding-bottom: 50px; }
.pRight5 { padding-right: 5px; }
.pRight10 { padding-right: 10px; }
.pRight30 { padding-right: 30px; }
.pTop5 { padding-top: 5px; }
.pTop10 { padding-top: 10px; }

/* background */
.bgBlack {background-color: black}
.bgWhite {background-color: white}
.bgNone  {background: none!important; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block !important; }
.pointe {cursor: pointer}
