.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important;   
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden; 
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.fl, .fleft {float: left; margin: 0px 15px 15px 0px;}
.fr, .fright {float: right; margin: 0px 0px 15px 15px;}
.aright {text-align: right !important;}
.aleft {text-align: left !important;}
.acenter {text-align: center !important;}
.vmiddle {vertical-align: middle !important;}
.cleft {clear: left;}
.cright {clear: right;}
.test {border: 1px dotted #f00;}