.l { float: left; }
.r { float: right; }

/* USED FOR BRINGING PARENT ELEMENT OF FLOATING ELEMENTS TO THE CORRECT HEIGHT */
div.clr { display: block; clear: both; margin: 0; visibility: hidden; }

.clr2:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clr2 { display: inline-block; }
* html .clr2 { height: 1%; } /* Start hide from IE-mac \*/
.clr2 { display: block; } /* End hide from IE-mac */
		
 /* DEFAULT COLOR USED ON AN ELEMENT TO CONVEY WARNING OR ERROR. */
.err { color: #f7634f /*#A73952*/; }

/* DEFAULT UL PROPERTIES FOR NO BULLETS */
ul.nb li { list-style-type: none; padding: 0 0 2px 0;}

/* DEFAULT FORM STYLES */
input { vertical-align: middle; }

select.input, input.input, textarea {
	border-top: 2px solid #848484;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #848484;
	background: #fff;
	font-family: Arial, Helvetica, Sans-Serif;
	height: 14px;
	font-size: 12px;
	padding: 2px;
	line-height: 12px;
}

/* FIX FOR IE7 RENDERING ISSUE WITH <SELECT> ELEMENTS */
select.input { height: auto; } 

/* USE FOR IMAGES THAT ARE BUTTONS TO ALIGN CORRECTLY WITH REST OF INLINE ELEMENTS */
img.btn {vertical-align: bottom; }

/* USE cssclass="chk" FOR ANY CHECKBOX CONTROLS SO THAT THE LABEL WON'T BE display: block BY DEFAULT */
table.chk tr td label, span.chk label { display: inline; }
span.chk input { margin-right: 6px; }

/* BASIC SEPARATOR ELEMENT */
div.dots-sep { background: url(/images/common/dotsHz.gif) repeat-x bottom left; }

/* DEFAULT BORDER COLORING */
.border { border: 1px solid #999; padding: 1px; }

/* DEFAULT FORM LAYOUT CONTROLS */
.form-area tr td label{ font-weight: bold; color: #333; }
.form-area tr td { padding-bottom: 15px; padding-right: 20px; }

/* BASIC FUNCTIONALITY FOR SCROLLING DIVS */
.scroller { overflow: scroll; overflow-x: hidden; }

/* SHADOW STYLES */
td.shw-blc { width: 11px; height: 11px; background: transparent url(/images/common/shwblc.gif) top left; }
td.shw-brc { width: 11px; height: 11px; background: transparent url(/images/common/shwbrc.gif) top left; }

td.shw-lt { background: transparent url(/images/common/shwlt.gif) repeat-y top left; width: 11px; }
td.shw-rt { background: transparent url(/images/common/shwrt.gif) repeat-y top left; width: 11px; }
td.shw-btm { background: transparent url(/images/common/shwbtm.gif) repeat-x top left; height: 11px; }