@charset "UTF-8";

/* -------------->>> BASE STYLES <<<-------------*/

	html { height: 100%; }
	body { height: 100%; }

/* ------------>>> OTHEN STYLES <<<--------------*/

	/** Floats **/
	.floatClear { clear: both !important; }
	.floatToLeft { float: left !important; }
	.floatToRight { float: right !important; }
	.floatNone { float: none !important; }
	.floatContainer { width: 100% !important; overflow: hidden !important; }

	/** Display **/
	.displayNone { display: none !important; }
	.displayBlock { display: block !important; }

	/** Width/height **/
	.height100 { height: 100% !important; }
	.height50 { height: 50% !important; }
	.height0 { height: 0px !important; line-height: 0px !important; }

	.width100 { width: 100% !important; }
	.width95 { width: 95% !important; }
	.width90 { width: 90% !important; }
	.width85 { width: 85% !important; }
	.width80 { width: 80% !important; }
	.width75 { width: 75% !important; }
	.width70 { width: 70% !important; }
	.width65 { width: 65% !important; }
	.width60 { width: 60% !important; }
	.width55 { width: 55% !important; }
	.width50 { width: 50% !important; }
	.width45 { width: 45% !important; }
	.width40 { width: 40% !important; }
	.width35 { width: 35% !important; }
	.width30 { width: 30% !important; }
	.width25 { width: 25% !important; }
	.width20 { width: 20% !important; }
	.width15 { width: 15% !important; }
	.width10 { width: 10% !important; }
	.width5 { width: 5% !important; }
	.width0 { width: 0% !important; }
	.widthAuto { width: auto !important; }

	/** overflowed **/
	.overflowed { padding-bottom: 10000px !important; margin-bottom: -10000px !important; }

	/** clearing **/
	.clearing { clear: both !important; height: 0px !important; line-height: 0px !important; }

	/** display **/
	.displayBlock { display: block !important; }
	.displayNone { display: none !important; }
	.displayInline { display: inline !important; }

	/** position **/
	.positionStatic { position: static; }
	.positionRelative { position: relative; }
	.positionAbsolute { position: absolute; }

	/** Margin/padding **/
	.noMargin { margin: 0px !important; }

	/** Urls **/
	.hoveredUrl { text-decoration: none !important; }
	.hoveredUrl:hover { text-decoration: underline !important; }

	/** Lists **/
	.horisontalList { list-style: none; margin: 0px 0px 0px 0px; width: 100%; overflow: hidden; }
	.horisontalList li { float: left; }

	.verticalList { list-style: none; margin: 0px 0px 0px 0px; }

	/** Text **/
	.textTransformToCapitalize { text-transform: capitalize !important; }
	.textTransformToLowercase { text-transform: lowercase !important; }
	.textTransformToUppercase { text-transform: uppercase !important; }
	.textTransformNone { text-transform: none !important; }

	.textDecorationToBlink { text-decoration: blink !important; }
	.textDecorationToLinethrough { text-decoration: line-through !important; }
	.textDecorationToOverline { text-decoration: overline !important; }
	.textDecorationToUnderline { text-decoration: underline !important; }
	.textDecorationToNone { text-decoration: none !important; }

	.textAlignToCenter { text-align: center !important; }
    .textAlignToLeft { text-align: left !important; }
    .textAlignToRight { text-align: right !important; }

	.textIndent0 { text-indent: 0px !important; }
    .textIndent10 { text-indent: 10px !important; }
    .textIndent20 { text-indent: 20px !important; }
    .textIndent30 { text-indent: 30px !important; }
    
    /** BoxAlignToCenter **/
   	.boxAlignToCenter { width: 100%; overflow: hidden; }
	.boxAlignToCenter .boxAlignToCenterSub1 { float: left; position: relative; left: 50%; }
	.boxAlignToCenter .boxAlignToCenterSub2 { position: relative; left: -50%; }
	
	*:focus { outline: none; }