/*
    For the sake of readability, hide/show classes are ordered by size/direction:
    1. visibility-size
    2. visibility-size-dn
    3. visibility-size-up
*/

    .abs { position: absolute;}
    .rel { position: relative;}
    .static { position: static;}
    .hidden { visibility: hidden; }
    .m0 { margin: 0;}
    .p0 { padding: 0;}

    .hide { display: none; }
    .show { display: inherit;}    
    .table { display: table; }
    .trow { display: table-row;}
    .tcell { display: table-cell;}    
    .inline {display: inline;}
    .block {display: block;}
    .iblock {display: inline-block;}    
    .float-left { float: left;}
    .float-right { float: right;}
    .float-none { float: none;}    
    .clear-left { clear: left;}
    .clear-right { clear: right;}    
    .clear-both { clear: both;}    
    .clear-none { clear: none;}    
    .text-left { text-align: left;}
    .text-center { text-align: center;}
    .text-right { text-align: right;}
    .text-justify { text-align: justify;}    


/* Small Screens - 576 and up */
@media only screen and (min-width: 36em)
{
    .hide-sml { display: none; }
    .table-sml { display: table; }
    .trow-sml { display: table-row;}
    .tcell-sml { display: table-cell;}    
    .inline-sml {display: inline;}
    .block-sml {display: block;}
    .iblock-sml {display: inline-block;}    
    .float-left-sml { float: left;}
    .float-right-sml { float: right;}
    .float-none-sml { float: none;}    
    .clear-left-sml { clear: left;}
    .clear-right-sml { clear: right;}    
    .clear-both-sml { clear: both;}    
    .clear-none-sml { clear: both;}    
    .text-left-sml { text-align: left;}
    .text-center-sml { text-align: center;}
    .text-right-sml { text-align: right;}
    .text-justify-sml { text-align: justify;}    
    .show-sml { display: inherit;}

}

/* Medium Screens - 864 and up */
@media only screen and (min-width: 54em)
{
    .hide-med { display: none; }
    .table-med { display: table; }
    .trow-med { display: table-row;}
    .tcell-med { display: table-cell;}    
    .inline-med {display: inline;}
    .block-med {display: block;}
    .iblock-med {display: inline-block;}    
    .float-left-med { float: left;}
    .float-right-med { float: right;}
    .float-none-med { float: none;}    
    .clear-left-med { clear: left;}
    .clear-right-med { clear: right;}    
    .clear-both-med { clear: both;}    
    .clear-none-med { clear: none;}    
    .text-left-med { text-align: left;}
    .text-center-med { text-align: center;}
    .text-right-med { text-align: right;}
    .text-justify-med { text-align: justify;}    
    .show-med { display: inherit;}

}

/* Large Screens - 1280px and up */
@media only screen and (min-width: 86em)
{

    .hide-lrg { display: none; }
    .table-lrg { display: table; }
    .trow-lrg { display: table-row;}
    .tcell-lrg { display: table-cell;}    
    .inline-lrg {display: inline;}
    .block-lrg {display: block;}
    .iblock-lrg {display: inline-block;}    
    .float-left-lrg { float: left;}
    .float-right-lrg { float: right;}
    .float-none-lrg { float: none;}    
    .clear-left-lrg { clear: left;}
    .clear-right-lrg { clear: right;}    
    .clear-both-lrg { clear: both;}    
    .text-left-lrg { text-align: left;}
    .text-center-lrg { text-align: center;}
    .text-right-lrg { text-align: right;}
    .text-justify-lrg { text-align: justify;}    
    .show-lrg { display: inherit;}

}


/* Print Only - 1280px and up */
@media only print
{

    .hide-print { display: none; }
    .table-print { display: table; }
    .trow-print { display: table-row;}
    .tcell-print { display: table-cell;}    
    .inline-print {display: inline;}
    .block-print {display: block;}
    .iblock-print {display: inline-block;}    
    .float-left-print { float: left;}
    .float-right-print { float: right;}
    .float-none-print { float: none;}    
    .clear-left-print { clear: left;}
    .clear-right-print { clear: right;}    
    .clear-both-print { clear: both;}    
    .text-left-print { text-align: left;}
    .text-center-print { text-align: center;}
    .text-right-print { text-align: right;}
    .text-justify-print { text-align: justify;}    
    .show-print { display: inherit;}

}