//* =============================================================================
   General
   ========================================================================== */
   
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden !important; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after, .cf:before, .cf:after  {content: ""; display: table;}
.clearfix:after, .cf:after {clear: both;}
.clearfix, .cf {zoom: 1;}


/* general global Classes */
.floatLeft        {float:left !important; display:inline !important;} 
.floatRight       {float:right !important; display:inline !important;}
.clearLeft        {clear:left !important;}
.clearRight       {clear:right !important;}
.displayInline    {display:inline !important;}
.displayNone      {display:none !important;}
.displayBlock     {display:block !important; }
.positionRelative {position:relative !important;}
.positionAbsolute {position:absolute !important;}
.textAlignCenter  {text-align:center !important;}
.textAlignLeft    {text-align:left !important;}
.textAlignRight   {text-align:right !important;}
.nowrap           {white-space:nowrap !important;}
.italic           {font-style:italic !important;}
.strong           {font-weight:bold !important;}
.border           {border:1px solid #c00 !important;}
.pointer          {cursor:pointer !important;}
.debug,.debug1    {background-color: #f00 !important;-moz-opacity: 0.5; opacity: 0.5; filter: alpha(Opacity=50);}
.debug2           {background-color: #00f !important;-moz-opacity: 0.5; opacity: 0.5; filter: alpha(Opacity=50);}
.debug3           {background-color: #0f0 !important;-moz-opacity: 0.5; opacity: 0.5; filter: alpha(Opacity=50);}