/* 
** A few handy classes (for quick and dirty tests only)
*/

/* ---------- HANDY CLASSES ---------- */
.float-left   { float:left; }
.float-right  { float:right; }

.clear        { clear:both; }
.clear-left   { clear:left; }
.clear-right  { clear:right; }

.img-left     { float:left;margin:4px 10px 4px 0; }
.img-right    { float:right;margin:4px 0 4px 10px; }
.img-center   { display:block; margin:4px auto; }

/* Prevent container from folding when they only contains floated elements */
.clearfix:after { 
  content: "."; 
  display: block;
  height: 0; 
  clear: both; 
  visibility: hidden; 
}
.clearfix { display: inline; } 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {
	display: block;
	zoom:1;
}
/* End hide from IE-mac */

/* ---------- DEBUG CLASSES ---------- */

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

.bold         { font-weight:bold !important; }
.italic       { font-style:italic !important; }
.underline    { border-bottom:1px solid !important; }
.highlight    { background:#ffc !important; }
.blink        { text-decoration: blink !important; }

.nopadding    { padding:0 !important; }
.nomargin     { margin:0 !important; }
.noindent     { margin-left:0;padding-left:0 !important; }

.hl-red       { border:solid 1px red !important; }
.hl-green     { border:solid 1px green !important; }
.hl-blue      { border:solid 1px blue !important; }
.hl-black     { border:solid 1px black !important; }
.hl-white     { border:solid 1px white !important; }