/* Css Document */
/* ############### tales.be css/html5 framework v2 (by kvd) ###############  */
/* ############### a04_handystuff.css ############### */


/* ############### from boilerplate  ############### */
/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }




/*pointercursor on buttons and input-submit for access.*/
button:hover , button:active, button:focus,
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus{
	cursor: pointer !important;
}
input[type="text"], textarea{ border:1px solid #999}

/* ############### Generic Stuff - handy stuff - legacy from framework v1  ############### */

.navhor li{
	display: inline-block;
	padding: 0 10px 0 10px;
}
	.IE6 .navhor li,
	.IE7 .navhor li
		{display: inline;}

.navhordiv li{	border-right: 1px solid #fff; }		
	
.navhordiv li:last-child{	border-right: 0px; }		

	/* if selectivr.js is in use you don't need the last-child class for IE6/7/8 */
	
	/* legacy for IE6/7/8; set class through javascript */		
	/*.IE6 .navhordiv li.last-child,
	.IE7 .navhordiv li.last-child,
	.IE8 .navhordiv li.last-child{
		border-right: 0px; }		*/
		
		
.noborder {	border: 0 !important;}
.handcursor{cursor:pointer !important;}
.pointercursor{cursor:pointer !important;}

.imgFloatLeft, .imgfloatleft {
	float: left;
	padding: 0 5px 5px 0;
}

.imgFloatRight, .imgfloatright{
	float: right;
	padding: 0 5px 0 5px;
}

.floatLeft, .floatleft{	float: left;}
.floatRight, .floatright{	float: right;}

.alignLeft, .alignleft{	text-align: left !important;}
.alignRight, .alignright{	text-align: right !important;}
.alignCenter, .aligncenter{	text-align: center !important;}
.alignJustify, .alignjustify{	text-align: justify !important;}

.marginRight1px	{	margin-right: 1px;}
.marginRight2px	{	margin-right: 2px;}
.marginRight3px	{	margin-right: 3px;}
.marginRight4px	{	margin-right: 4px;}
.marginRight5px	{	margin-right: 5px;}
.marginRight6px	{	margin-right: 6px;}
.marginRight7px	{	margin-right: 7px;}
.marginRight8px	{	margin-right: 8px;}
.marginRight9px	{	margin-right: 9px;}
.marginRight10px{	margin-right: 10px;}

.marginLeft1px	{	margin-left: 1px;}
.marginLeft2px	{	margin-left: 2px;}
.marginLeft3px	{	margin-left: 3px;}
.marginLeft4px	{	margin-left: 4px;}
.marginLeft5px	{	margin-left: 5px;}
.marginLeft6px	{	margin-left: 6px;}
.marginLeft7px	{	margin-left: 7px;}
.marginLeft8px	{	margin-left: 8px;}
.marginLeft9px	{	margin-left: 9px;}
.marginLeft10px	{	margin-left: 10px;}

.marginTop1px	{	margin-top: 1px;}
.marginTop2px	{	margin-top: 2px;}
.marginTop3px	{	margin-top: 3px;}
.marginTop4px	{	margin-top: 4px;}
.marginTop5px	{	margin-top: 5px;}
.marginTop6px	{	margin-top: 6px;}
.marginTop7px	{	margin-top: 7px;}
.marginTop8px	{	margin-top: 8px;}
.marginTop9px	{	margin-top: 9px;}
.marginTop10px	{	margin-top: 10px;}


.marginBottom1px{	margin-bottom: 1px;}
.marginBottom2px{	margin-bottom: 2px;}
.marginBottom3px{	margin-bottom: 3px;}
.marginBottom4px{	margin-bottom: 4px;}
.marginBottom5px{	margin-bottom: 5px;}
.marginBottom6px{	margin-bottom: 6px;}
.marginBottom7px{	margin-bottom: 7px;}
.marginBottom8px{	margin-bottom: 8px;}
.marginBottom9px{	margin-bottom: 9px;}
.marginBottom10px{	margin-bottom: 10px;}

.displayBlock, .displayblock{	display: block !important;}

.nowrap{ white-space: nowrap;}
/*
! in IE6 setting the class of a TD to nowrap won't work 
for IE6 - HTML: <td nowrap>bla bla</td>
for IE6 XHTML: <td nowrap="nowrap">bla bla</td>
*/

.rowcolor1{
	background: silver url(/websites/46/uploads/image/templates/framework-gfx/dotted.white.3space.gif) bottom repeat-x;
}
.rowcolor2{
	background: orange url(/websites/46/uploads/image/templates/framework-gfx/dotted.darkergray.3space.gif) bottom repeat-x;
}
/* alternative patterns:
dotted.white.3space.gif
dotted.silver.3space.gif
dotted.gray.3space.gif
dotted.darkgray.3space.gif
dotted.darkergray.3space.gif
dotted.black.3space.gif
*/



wbr { display: inline-block; }	

.uppercase{text-transform:uppercase}