/* to clear floated elements - all browsers - from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


.left {
float:left;
}

.right {
float:right;
}

.ar {
text-align:right;
}
.al {
text-align:left;
}

.nm {
margin:0;
}


ul.flat {
list-style:none;
margin:0;
padding:0;
}



span.leftaligned {
float:left;
margin:0 20px 10px 0;
padding-bottom:1px;
clear:left;
}
span.rightaligned {
float:right;
margin:0 0 10px 20px;
padding-bottom:1px;
clear:right;
}
span.centeraligned {
text-align:center;
display:block;
float:none;
clear:both;
margin:0 auto 6px auto;
padding-bottom:1px;
}

span.leftaligned span.caption, 
span.rightaligned span.caption {
display:block;
awidth:210px;
font-size:10px;
padding:4px 0;
line-height:14px;
}

span.centeraligned span.caption {
display:block;
font-size:10px;
padding:4px 0;
line-height:14px;
}

.clear {
float:none;
clear:both;
}