/*
BASIC CSS

Estrutura: <compact class name>, <normal class name> { <style> }
Em páginas grandes utilizar o nome compacto (menos coisas para carregar), em páginas normais utilizar o nome normal (mais explicito)
*/

/* ===== TEXT AND FONTS ===== */

.xxs, .xx-small { font-size: xx-small; }
.xs, .x-small { font-size: x-small; }
.ss, .smaller { font-size: smaller; }
.sm, .small { font-size: small; }
.m, .medium { font-size: medium; }
.la, .large { font-size: large; }
.ll, .larger { font-size: larger; }
.xl, .x-large { font-size: x-large; }
.xxl, .xx-larger { font-size: xx-large; }

.b, .bold { font-weight: bold; }
.bb, .bolder { font-weight: bolder; }
.lg, .lighter { font-weight: lighter; }

.i, .italic { font-style: italic; }
.obl, .oblique { font-style: oblique; }

.sc, .small-caps { font-variant: small-caps; }

.c, .center{ text-align: -moz-center; _text-align: center; }
.l, .left { text-align: left; }
.r, .right { text-align: right; }
.j, .justify { text-align: justify; }

.u, .underline { text-decoration: underline; }

.cap, .capitalize { text-transform: capitalize; }
.upp, .uppercase { text-transform: uppercase; }
.low, .lowercase { text-transform: lowercase; }

.tp, .top { vertical-align: top; }
.md, .middle { vertical-align: middle; }
.bt, .bottom { vertical-align: bottom; }
.bl, .baseline { vertical-align: baseline; }

.nw, .nowrap { white-space: nowrap; }

/* ===== COLORS AND BACKGROUNDS ===== */

.whi, .white { color: white; }
.gry, .gray { color: gray; }
.blk, .black { color: black; }
.red, .red { color: red; }
.gre, .green { color: green; }
.blu, .blue { color: blue; }

.bgT, .transparent { background-color: transparent; }

.rp, .repeat { background-repeat: repeat; } 
.rpx, .repeat-x { background-repeat: repeat-x; } 
.rpy, .repeat-y { background-repeat: repeat-y; } 
.nrp, .no-repeat { background-repeat: no-repeat; } 

/* ===== THE BOX MODEL - DIMENSIONS, PADDINGS, MARGIN AND BORDERS ===== */

.np, .noPadding { padding: 0px; }
.npL, .noPaddingL { padding-left: 0px; }
.npR, .noPaddingR { padding-right: 0px; }
.npT, .noPaddingT { padding-top: 0px; }
.npB, .noPaddingB { padding-bottom: 0px; }
.npH, .noPaddingH { padding-left: 0px; padding-right: 0px; }
.npV, .noPaddingV { padding-top: 0px; padding-bottom: 0px; }

.nm, .noMargin { margin: 0px; }
.nmL, .noMarginL { margin-left: 0px; }
.nmR, .noMarginR { margin-right: 0px; }
.nmT, .noMarginT { margin-top: 0px; }
.nmB, .noMarginB { margin-bottom: 0px; }
.nmH, .noMarginH { margin-left: 0px; margin-right: 0px; }
.nmV, .noMarginV { margin-top: 0px; margin-bottom: 0px; }

.nb, .noBorder { border: none; }

.dt, .dotted { border-style: dotted; }
.dtL, .dottedL { border-left-style: dotted; }
.dtR, .dottedR { border-right-style: dotted; }
.dtT, .dottedT { border-top-style: dotted; }
.dtB, .dottedB { border-bottom-style: dotted; }
.dtH, .dottedH { border-left-style: dotted; border-right-style: dotted; }
.dtV, .dottedV { border-top-style: dotted; border-bottom-style: dotted; }

.ds, .dashed { border-style: dashed; }
.dsL, .dashedL { border-left-style: dashed; }
.dsR, .dashedR { border-right-style: dashed; }
.dsT, .dashedT { border-top-style: dashed; }
.dsB, .dashedB { border-bottom-style: dashed; }
.dsH, .dashedH { border-left-style: dashed; border-right-style: dashed; }
.dsV, .dashedV { border-top-style: dashed; border-bottom-style: dashed; }

.sl, .solid { border-style: solid; }
.slL, .solidL { border-left-style: solid; }
.slR, .solidR { border-right-style: solid; }
.slT, .solidT { border-top-style: solid; }
.slB, .solidB { border-bottom-style: solid; }
.slH, .solidH { border-left-style: solid; border-right-style: solid; }
.slV, .solidV { border-top-style: solid; border-bottom-style: solid; }

.th, .thin { border-width: thin; }
.thL, .thinL { border-left-width: thin; }
.thR, .thinR { border-right-width: thin; }
.thT, .thinT { border-top-width: thin; }
.thB, .thinB { border-bottom-width: thin; }
.thH, .thinH { border-left-width: thin; border-right-width: thin; }
.thV, .thinV { border-top-width: thin; border-bottom-width: thin; }

.mu, .medium { border-width: medium; }
.muL, .mediumL { border-left-width: medium; }
.muR, .mediumR { border-right-width: medium; }
.muT, .mediumT { border-top-width: medium; }
.muB, .mediumB { border-bottom-width: medium; }
.muH, .mediumH { border-left-width: medium; border-right-width: medium; }
.muV, .mediumV { border-top-width: medium; border-bottom-width: medium; }

.tk, .thick { border-width: thick; }
.tkL, .thickL { border-left-width: thick; }
.tkR, .thickR { border-right-width: thick; }
.tkT, .thickT { border-top-width: thick; }
.tkB, .thickB { border-bottom-width: thick; }
.tkH, .thickH { border-left-width: thick; border-right-width: thick; }
.tkV, .thickV { border-top-width: thick; border-bottom-width: thick; }

.h0, .noHeight { height: 0px; }
.hA, .heightAuto { height: auto; }
.h100, .height100 { height: 100%; }
.h95, .height95 { height: 95%; }
.h90, .height90 { height: 90%; }
.h85, .height85 { height: 85%; }
.h80, .height80 { height: 80%; }
.h75, .height75 { height: 75%; }
.h70, .height70 { height: 70%; }
.h65, .height65 { height: 65%; }
.h60, .height60 { height: 60%; }
.h55, .height55 { height: 55%; }
.h50, .height50 { height: 50%; }
.h45, .height45 { height: 45%; }
.h40, .height40 { height: 40%; }
.h35, .height35 { height: 35%; }
.h30, .height30 { height: 30%; }
.h25, .height25 { height: 25%; }
.h20, .height20 { height: 20%; }
.h15, .height15 { height: 15%; }
.h10, .height10 { height: 10%; }
.h5, .height5 { height: 5%; }

.w0, .noWidth { width: 0px; }
.wA, .widthAuto { width: auto; }
.w100, .width100 { width: 100%; }
.w95, .width95 { width: 95%; }
.w90, .width90 { width: 90%; }
.w85, .width85 { width: 85%; }
.w80, .width80 { width: 80%; }
.w75, .width75 { width: 75%; }
.w70, .width70 { width: 70%; }
.w65, .width65 { width: 65%; }
.w60, .width60 { width: 60%; }
.w55, .width55 { width: 55%; }
.w50, .width50 { width: 50%; }
.w45, .width45 { width: 45%; }
.w40, .width40 { width: 40%; }
.w35, .width35 { width: 35%; }
.w30, .width30 { width: 30%; }
.w25, .width25 { width: 25%; }
.w20, .width20 { width: 20%; }
.w15, .width15 { width: 15%; }
.w10, .width10 { width: 10%; }
.w5, .width5 { width: 5%; }

/* ===== POSITION AND DISPLAY ===== */

.pST, .static { position: static; }
.pRL, .relative { position: relative; }
.pAB, .absolute { position: absolute; }
.pFX, .fixed { position: fixed; }

.oV, .overVisible { overflow: visible; }
.oH, .overHidden { overflow: hidden; }
.oS, .overScroll { overflow: scroll; }
.oA, .overAuto { overflow: auto; }

.nF, .noFloat { float: none; }
.fL, .floatL { float: left; }
.fR, .floatR { float: right; }

.nC, .noClear { clear: none; }
.cl, .clearL { clear: left; }
.cR, .clearR { clear: right; }
.cB, .clearB { clear: both; }

.nD, .noDisplay { display: none; }
.dIL, .inline { display: inline; }
.dBL, .block { display: block; }

.vH, .hidden { visibility: hidden; }
.vV, .visible { visibility: visible; }
.vC, .collapse { visibility: collapse; }

/* ===== LISTS ===== */

.dUL, .discUL { list-style-type: disc; }
.cUL, .circleUL { list-style-type: circle; }
.sUL, .squareUL { list-style-type: square; }
.eUL, .decimalUL { list-style-type: decimal; }
.aUL, .armenianUL { list-style-type: armenian; }
.gUL, .georgianUL { list-style-type: georgian; }

.iLI, .insideLI { list-style-position: inside; }
.oLI, .outsideLI { list-style-position: outside; }

/* ===== TABLES ===== */

.lyF, .layoutFixed { table-layout: fixed; }
.lyA, .layoutAuto { table-layout: auto; }

.boC, .border-collapse { border-collapse: collapse; }
.boS, .border-separate { border-collapse: separate; }

.sEC, .showEmptyCells { empty-cells: show; }
.hEC, .hideEmptyCells { empty-cells: hide; }

.cpL, .captionL { caption-side: left; }
.cpR, .captionR { caption-side: right; }
.cpT, .captionT { caption-side: top; }
.cpB, .captionB { caption-side: bottom; }

/* ===== MISC ===== */

.hdC, .hand { cursor: pointer; } /*yep, pointer == hand in css*/
.crC, .crosshair { cursor: crosshair; }
.txC, .text { cursor: text; }
.wtC, .wait { cursor: wait; }
.hpC, .help { cursor: help; }