/**
*
* global classes
*
*/
@media screen, projection {
  .clear {
    clear: both;
  }
  /** floats */
  .fl             {float:left}
  .fr             {float:right}
  .fn             {float:none !important}

  /** colors */
  .cwhite					{color:#fff !important}
  .cblack					{color:#000 !important}
  .cbred					{color:#fc0000 !important}
  .cbgrey					{color:#8f9193 !important}

  .bgred          {background:#fc0000}
  .bgwhite          {background:#fff !important}

  /** display */
  .db             {display:block}
  .di             {display:inline}

  /** postions */
  .pa							{position:absolute}
  .pr							{position:relative}

  /** margin */
  .m3							{margin:3px}
  .m5							{margin:5px}
  .m10						{margin:10px}

  /** margin-left */
  .ml3            {margin-left:3px}
  .ml5            {margin-left:5px}
  .ml10           {margin-left:10px}
  .ml15			      {margin-left:15px}
  .ml20           {margin-left:20px !important}
  .ml110          {margin-left:110px}

  /** margin-right */
  .mr3            {margin-right:3px}
  .mr5            {margin-right:5px}
  .mr10           {margin-right:10px}
  .mr15           {margin-right:15px}
  .mr20           {margin-right:20px}

  /** margin-top */
  .mt3            {margin-top:3px}
  .mt5            {margin-top:5px}
  .mt10           {margin-top:10px}
  .mt15           {margin-top:15px}
  .mt20           {margin-top:20px !important}

  /** margin-bottom */
  .mb3            {margin-bottom:3px}
  .mb5            {margin-bottom:5px}
  .mb10           {margin-bottom:10px}
  .mb15           {margin-bottom:15px}
  .mb20           {margin-bottom:20px}

  /** padding */
  .p2             {padding:2px}
  .p3             {padding:3px}
  .p5             {padding:5px}
  .p10            {padding:10px}
  .p15            {padding:15px}

  /** padding-top */
  .pt3            {padding-top:3px}
  .pt5            {padding-top:5px}
  .pt10           {padding-top:10px}
  .pt15           {padding-top:15px}
  .pt20           {padding-top:20px}

  /** padding-left */
  .pl3            {padding-left:3px}
  .pl5            {padding-left:5px}
  .pl10           {padding-left:10px}
  .pl15           {padding-left:15px}

  /** padding-right */
  .pr3            {padding-right:3px}
  .pr5            {padding-right:5px}
  .pr10           {padding-right:10px}
  .pr15           {padding-right:15px}

  /** padding-bottom */
  .pb3            {padding-bottom:3px}
  .pb5            {padding-bottom:5px}
  .pb10           {padding-bottom:10px}
  .pb15           {padding-bottom:15px}

  /** font-size em */
  .fs1            {font-size:1em}
  .fs11           {font-size:1.1em}
  .fs12           {font-size:1.2em}
  .fs13           {font-size:1.3em !important}
  .fs14           {font-size:1.4em}
  .fs15           {font-size:1.5em}

  /** font-size px */
  .fs10p          {font-size:10px}
  .fs11p          {font-size:11px}
  .fs12p          {font-size:12px}
  .fs13p          {font-size:13px}
  .fs14p          {font-size:14px}
  .fs14p          {font-size:15px}

  /** text */
  .txtl           {text-align:left}
  .txtr           {text-align:right}
  .txtc           {text-align:center}
  .txtj           {text-align:justify}

  /** width */
  .wauto          {width:auto !important}

  /** width % */
  .w100p          {width:100%}
  .w75p           {width:75%}
  .w67p           {width:67%}
  .w66p           {width:66%}
  .w50p           {width:50%}
  .w34p           {width:34%}
  .w33p           {width:33%}
  .w25p           {width:25%}

  /** width px */
  .w25px          {width:25px}
  .w50px          {width:50px}
  .w75px          {width:75px}
  .w100px         {width:100px}
  .w150px         {width:150px}
  .w170px         {width:170px !important}
  .w174px         {width:174px !important}
  .w180px         {width:180px}
  .w200px         {width:200px !important}
  .w250px         {width:250px}

  /** height px */
  .h200px	{height:200px}
  .h40px	{height:40px !important}

  /** line-height */
  .lh13em         {line-height:1.3em}
  .lh15em         {line-height:1.5em}
  .lh15           {line-height:15px}
  .lh20           {line-height:20px}

  /** font-style */
  .bold           {font-weight:bold}
  .normal         {font-weight:normal}
  .italic         {font-style:italic}
  .underline      {border-bottom:1px solid #fff}
  .highlight      {background-color:#ffc}
  .uppercase 			{text-transform: uppercase}
  .nounderline		{text-decoration: none !important}

  /** images */
  .img-left       {float:left;margin:4px 10px 4px 0}
  .img-right      {float:right;margin:4px 0 4px 10px}

  /** mixed */
  .nopadding      {padding:0 !important}
  .nomargin       {margin:0 !important}
  .noindent       {margin-left:0;padding-left:0}
  .nobullet       {list-style:none;list-style-image: none}
  .noborder       {border:0 none}
  .nobg           {background-color:transparent}

  /** tables */
  .bcc						{border-collapse:collapse}
  .bcs						{border-collapse:separate}

  .imgBorder      {border:1px solid #000}
  .tableBorder    {border:1px solid #000}

  .bl    					{border-left:1px solid #000}
  .br    					{border-right:1px solid #000}
  .bb      				{border-bottom:1px solid #000}
  .bt      				{border-top:1px solid #000}

  .oh							{overflow:hidden}

  .hide           {display:none}
  .show           {display:block}

  .vam            {vertical-align:middle}
  .vat            {vertical-align:top}
  .vab            {vertical-align:bottom}

  .hr hr          {display:none}
  .hr             {background:#000;padding:0;height:1px;overflow:hidden}

  .error          {color:red}

  .center         {margin:0 auto}
}
