/*  ----------------------------------------------------------------------------
    * Filename:         generic.css
    * Description:      Provides a library of commonly used classes
    * Version:          1.0 (2010-09-15)
    ------------------------------------------------------------------------- */

/*  ----------------------------------------------------------------------------
    1. Display & Visibility
----------------------------------------------------------------------------- */

.block              { display: block; }
.hidden             { visibility: hidden; position: absolute; left: -9999px; }
.inline             { display: inline; }
.none               { display: none; }

/*  ----------------------------------------------------------------------------
    2. Alignment & Typography
----------------------------------------------------------------------------- */

.center             { margin-left: auto !important; margin-right: auto !important; }
.left               { float: left; }
.right              { float: right; }
.align-left         { text-align: left; }
.align-center       { text-align: center; }
.align-right        { text-align: right; }
.align-justify      { text-align: justify; }
.bold               { font-weight: bold; }
.italic             { font-style: italic; }
.underline          { text-decoration: underline; }
.strike             { text-decoration: line-through; }
.capitalize         { text-transform: capitalize; }
.lowercase          { text-transform: lowercase; }
.uppercase          { text-transform: uppercase; }
.wrap               { white-space: normal; }
.nowrap             { white-space: nowrap; }

/*  ----------------------------------------------------------------------------
    3. Clearing & Horizontal lines
----------------------------------------------------------------------------- */

.clear,
.clear-left,
.clear-right,
.separator          { display: table; font-size: 0; height: 0; line-height: 0; overflow: hidden; }
.clear              { clear: both; }
.clear-left         { clear: left; }
.clear-right        { clear: right; }
.separator          { width: 100%; }

/*  Clearfix
----------------------------------------------------------------------------- */

.clearfix:after     { clear: both; content: " "; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
.clearfix           { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix    { height: 1%; }
.clearfix           { display: block; }
/* End hide from IE-mac */

/*  ----------------------------------------------------------------------------
    5. Forms
----------------------------------------------------------------------------- */

.input-button       { cursor: pointer; overflow: visible; text-align: center; }
.input-checkbox     { background: #FFFFFF; }
.input-checkbox,
.input-radio        { width: 13px !important; height: 13px !important; overflow: hidden; }
.input-text         { }

/*  ----------------------------------------------------------------------------
    6. Debugging
----------------------------------------------------------------------------- */

.debug              { background: #FF9900 !important; }