/*  
    - These classes can be added to elements to provide specific presentational behaviour to specific elements
*/

.widthAuto
{ width: auto !important; }

/*classes for clearing*/
.clearLeft
{ clear: left !important; }

.clearRight
{ clear: right !important; }

.clearBoth
{ clear: both !important; }

.clearNone
{ clear: none !important; }

/*classes for floating*/
.floatLeft
{ float: left !important; }

.floatRight
{ float: right !important; }

.floatNone
{ float: none !important; }

/*classes for changing display properties*/
.displayInline
{ display: inline !important; }

.displayBlock
{ display: block !important; }

.displayNone
{ display: none !important; }

/*classes for changing visibility properties*/
.visibilityHidden
{ visibility: hidden !important; }

.visibilityVisible
{ visibility: visible !important; }

/*classes for text align*/
.textAlignRight
{
	text-align: right !important;
}

.textAlignLeft
{
	text-align: left !important;
}

.textAlignCenter
{
	text-align: center !important;
}

.textAlignJustify
{
	text-align: justify !important;
}

/*any element with this class will be hidden off screen, but will still be seen by screen readers*/
.nonVisual
{
    position: absolute !important;
    left: -9000px !important;
    top: 0 !important;
}