/**
*
* global classes
* last update 06-12-08
* mb
*
*/
@media screen, projection {
  .clear {
    clear: both;
  }
  .clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden
	}
	.clearfix	{display:inline-block}

	/* Hides from IE-mac \*/
	* html .clearfix	{height:1%}
	.clearfix {display:block}
	/* End hide from IE-mac */

  /** floats */
  .fl             {float:left}
  .fr             {float:right}
  .fn             {float:none !important}

  /** colors */
  .cwhite					{color:white}
  .cblack					{color:black}
  .cred						{color:#e2001a}

  /** display */
  .db             {display:block !important}
  .di             {display:inline}
  .dn           	{display:none}

  /** 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}
  .ml110          {margin-left:110px}

  /** margin-right */
  .mr3            {margin-right:3px}
  .mr5            {margin-right:5px !important}
  .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}

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

  /** padding */
  .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}

  /** padding-left */
  .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}
  .pb4            {padding-bottom:4px}
  .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}
  .fs14           {font-size:1.4em}
  .fs15           {font-size:1.5em}

  /** font-size px */
  .fs1p           {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 !important}
  .w75px          {width:75px !important}
  .w100px         {width:100px !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}
  .italic         {font-style:italic}
  .fnorm					{font-style:normal !important}
  .underline      {border-bottom:1px solid}
  .highlight      {background-color:#ffc}

  /** 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}

  .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}

  .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}
}
