/*  ----------------------------------------------------------------------------
    * Filename:         generic.css
    * Description:      Provides a library of commonly used classes
    * Version:          1.0 (2011-04-08)
    ------------------------------------------------------------------------- */

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

.block                  { display: block; }
.hidden                 { visibility: hidden; position: absolute; left: -9999px; }
.inline                 { display: inline; }
.none                   { display: none; }
.wide                   { clear: both !important; width: auto !important; float: none !important; }

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

.center                 { margin-left: auto; margin-right: auto; }
.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; background: transparent; }
.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.input-button      { cursor: pointer; overflow: visible; text-align: center; }
input.input-checkbox    { background: #FFFFFF; }
input.input-checkbox,
input.input-radio       { width: 13px !important; height: 13px !important; }

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

.debug                  { background: #FF9900 !important; }

/*  ----------------------------------------------------------------------------
    7. Media
----------------------------------------------------------------------------- */

@media screen {
    .screen             { }
    .print              { display: none !important; }
}
@media print {
    .screen             { display: none !important; }
    .print              { }
}