/*
* FILE NAME:			helpercss
* FILE DESCRIPTION:		helper styles for common usage
* FILE AUTHOR:			Achim Rosenhagen
* DATE CREATED:			2009-01-01
* DATE MODIFIED:		2009-01-01
*/

/* ----------------------------------- */
/* ---------->>> HELPER <<<----------- */
/* ----------------------------------- */

/* http://code.google.com/p/blueprintcss/ */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear {clear:both;}

/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}

/* IE (PC) only :hover behaviour helper */
/* @see http://www.xs4all.nl/~peterned/ */
* html body { behavior:url("/htc/csshover3.htc");}

/* ----------------------------------- */
/* ---------->>> QUICKTIME EMBED <<<----------- */
/* ----------------------------------- */
/* Standards Compliant method to add Quicktime movies to pages */
/* http://realdev1.realise.com/rossa/rendertest/quicktime.html */
/*
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="320" height="260">
	<param name="src" value="/FILE.mov" />
	<param name="controller" value="true" />
	<object type="video/quicktime" data="/FILE.mov" width="320" height="260" class="mov">
		<param name="controller" value="true" />
		Error text.
	</object>
</object>
/* -----------------------------------*/
* html object.mov {display: none;}
* html object.mov/**/ {display: inline;}
* html object.mov {display/**/: none;}


div.spacer {font-size:0.08em;background:transparent;clear:both;width: 0;height: 0;}
.invisible {position:absolute;left:-5000px;}
.no-margin {margin:0;}
.no-padding {padding:0;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}